https://www.stjernen.no/assets/VideoCarousel-gVXuDANZ.js

1import{Q as me,S as _e,a1 as pe,ao as ye,ap as Se,b as ke,r as p,w as we,o as Te,cc as Me,bY as Ve,n as Pe,a2 as Ce,ar as Re,j as S,_ as Ee,da as Ue,ck as Ne,z as Ae,B as U,C as n,D as u,F as q,J as f,E as _,N as H,K as J,G as Q,H as W,I as O,aa as C,ag as ae,O as Le,aA as M,a9 as x}from"./index-BO6Ka_k5.js";import{A as Be}from"./a11y-DwTm85kl.js";import{I as De}from"./ImageRenderer-9EDXRAFs.js";import"./classes-to-selector-Cf4VisjH.js";const He={name:"VideoCarousel",components:{Swiper:Se,SwiperSlide:ye,ImageRenderer:De,SdpStreamlineIcon:pe,SyButton:_e,SyHeading:me},props:{siteSection:{type:Object,required:!0}},setup(c){var $;const{t:i}=ke(),k=S(()=>{var e;return(e=c.siteSection)==null?void 0:e.config}),a=Re(),y=S(()=>{var e;return(((e=k.value)==null?void 0:e.videos)??[]).filter(t=>!t.deleted)}),X=S(()=>{var e,t;return((t=(e=k.value)==null?void 0:e.heading)==null?void 0:t.trim())??""}),z=S(()=>{const e=y.value;return e.length<=1?e:[...e,...e,...e]}),h=p([]),R=p([]),w=p([]),E=p([]),F=(e,t)=>{const s=y.value.length;s>1&&t>=s&&t<2*s?h.value[t-s]=e:s<=1&&(h.value[0]=e)},r=p(0),o=S(()=>{const e=y.value.length;return e>0?r.value%e:0}),b=p(a.value==="reduce"||!((($=k.value)==null?void 0:$.autoplay)??!0)),l=p(!0),V=S(()=>E.value[o.value]??!1),A=p(""),P=p(0);let L=null;const K=()=>{L&&(L(),L=null)},Y=e=>{if(!e)return;K(),P.value=e.duration?e.currentTime/e.duration:0;const t=()=>{e.duration&&!Number.isNaN(e.duration)&&(P.value=e.currentTime/e.duration)};e.addEventListener("timeupdate",t),L=()=>e.removeEventListener("timeupdate",t)},j=p(!1),Z=e=>{const t=h.value[o.value];if(!t)return;const s=e.currentTarget.getBoundingClientRect(),d=Math.max(0,Math.min(1,(e.clientX-s.left)/s.width));P.value=d,t.duration&&!Number.isNaN(t.duration)&&(t.currentTime=d*t.duration)},te=e=>{j.value=!0,e.currentTarget.setPointerCapture(e.pointerId),Z(e)},oe=e=>{j.value&&Z(e)},ie=()=>{j.value=!1},le=e=>{const t=h.value[o.value];if(!(t!=null&&t.duration)||Number.isNaN(t.duration))return;const s=Math.max(0,Math.min(1,P.value+e/100));P.value=s,t.currentTime=s*t.duration};let v=null;const ne=e=>{v=e;const t=y.value.length;t>1&&(e.slideTo(t,0,!1),r.value=t),A.value=i("video_carousel.slide_position",{currentIndex:1,sliderLength:t||1})},re=()=>v==null?void 0:v.slidePrev(),se=()=>v==null?void 0:v.slideNext(),ue=e=>{const t=y.value.length;v==null||v.slideTo(t+e)};let m=null,G=0,N=0,I=!1;const B=()=>{m&&(m.destroy(),m=null)},D=async(e,t)=>{if(!t)return;N+=1;const s=N,{default:d}=await Ee(async()=>{const{default:g}=await import("./hls-CWrIGcEr.js");return{default:g}},[]);I||s!==N||(d.isSupported()?(B(),m=new d({autoStartLoad:!0}),m.loadSource(e),m.attachMedia(t),m.on(d.Events.MANIFEST_PARSED,()=>{!b.value&&t&&t.play().catch(()=>{})}),m.on(d.Events.ERROR,(g,T)=>{T.fatal&&(T.type===d.ErrorTypes.NETWORK_ERROR&&G<1?(G+=1,D(e,t)):T.type===d.ErrorTypes.MEDIA_ERROR?m==null||m.recoverMediaError():B())})):t.canPlayType("application/vnd.apple.mpegurl")&&(t.src=e,b.value||t.play().catch(()=>{})))},de=async e=>{const t=y.value.length,s=h.value[o.value];s&&s.pause(),N+=1,B(),K();let d=e;t>1&&(e<t?(d=e+t,v==null||v.slideTo(d,0,!1)):e>=2*t&&(d=e-t,v==null||v.slideTo(d,0,!1))),r.value=d;const g=d%t;A.value=i("video_carousel.slide_position",{currentIndex:g+1,sliderLength:t});const T=h.value[g];if(P.value=0,G=0,Y(T),b.value)return;const ee=w.value[g];T&&ee&&(await D(ee,T),T.muted=l.value)},ce=e=>{de(e.activeIndex)},ve=async()=>{const e=h.value[o.value];e&&(b.value?(b.value=!1,!m&&w.value[o.value]?(await D(w.value[o.value],e),e.muted=l.value):e.play().catch(()=>{})):(b.value=!0,e.pause()))},ge=()=>{const e=h.value[o.value];e&&(l.value=!l.value,e.muted=l.value)};we(a,e=>{if(e==="reduce"&&!b.value){b.value=!0;const t=h.value[o.value];t&&t.pause()}}),Te(async()=>{const e=y.value;if(R.value=new Array(e.length).fill(""),w.value=new Array(e.length).fill(""),E.value=new Array(e.length).fill(!1),await Promise.all(e.map(async(t,s)=>{if(t.video)try{const d=new Me(t.video),g=await Ve().renderMedia(d,!1);g!=null&&g.url&&(R.value[s]=g.url),g!=null&&g.playbackUrl&&(w.value[s]=g.playbackUrl,E.value[s]=!0)}catch{}})),!b.value&&E.value[0]){if(await Pe(),I||o.value!==0)return;const t=h.value[0];t&&(Y(t),await D(w.value[0],t),t.muted=l.value)}}),Ce(()=>{I=!0,N+=1,B(),K()});const be=S(()=>{var e;return((e=k.value)==null?void 0:e.textAlign)==="left"?"text-left text-align-left":"text-center"}),fe=S(()=>{var e;return((e=k.value)==null?void 0:e.headingUppercase)??!0}),he=S(()=>{var e;return((e=k.value)==null?void 0:e.textUppercase)??!1});return{config:k,prefersReducedMotion:a,activeVideos:y,displayVideos:z,sectionHeading:X,activeDisplayIndex:r,activeRealIndex:o,isPaused:b,isMuted:l,hasActiveVideo:V,liveRegionText:A,thumbnailUrls:R,setVideoEl:F,onSwiper:ne,onSlideChange:ce,goPrev:re,goNext:se,goToSlide:ue,togglePlayback:ve,toggleMute:ge,videoProgress:P,onScrubStart:te,onScrubMove:oe,onScrubEnd:ie,nudgeScrub:le,textAlignClass:be,headingUppercase:fe,textUppercase:he,getButtonUrl:e=>{const t=e.buttonLinkUrl;return t?Ue(t)&&!t.includes("https://")&&!t.includes("http://")?Ne(t,!0):t:""},getButtonTarget:e=>e.buttonLinkUrlOpenInNewTab?"_blank":"_self",A11y:Be}}},Oe={key:0,class:"video-carousel-heading-wrap"},xe=["aria-label"],ze={"aria-live":"polite","aria-atomic":"true",class:"sr-only"},Fe={class:"carousel-layout"},Ke=["aria-label"],je={class:"video-carousel-inner"},Ge={class:"slide-inner"},Ie={class:"slide-video-wrapper"},qe={key:2,class:"slide-overlay"},Je=["aria-label"],Qe=["aria-label","aria-pressed"],We=["aria-label","aria-pressed"],Xe={key:2,class:"slide-btn-container"},Ye=["aria-label","aria-valuenow"],Ze={class:"scrub-bar-track"},$e=["aria-label"],ea=["aria-pressed","aria-label","onClick"],aa=["aria-label"],ta=["aria-label"],oa=["aria-pressed","aria-label","onClick"];function ia(c,i,k,a,y,X){const z=U("sy-heading"),h=U("image-renderer"),R=U("sdp-streamline-icon"),w=U("sy-button"),E=U("swiper-slide"),F=U("swiper");return n(),u("section",{class:C(["video-carousel-section",{"motion-reduced":a.prefersReducedMotion==="reduce"}])},[a.sectionHeading?(n(),u("div",Oe,[q(z,{"heading-label":a.sectionHeading,heading:"heading 3","heading-level":"h2","is-section-heading":"",primary:"",uppercase:""},null,8,["heading-label"])])):f("",!0),a.activeVideos.length?(n(),u("div",{key:1,class:"video-carousel-region",role:"region","aria-roledescription":"carousel","aria-label":a.sectionHeading||c.$t("video_carousel.carousel_label")},[_("div",ze,H(a.liveRegionText),1),_("div",Fe,[a.activeVideos.length>

11?(n(),u("button",{key:0,type:"button",class:"carousel-arrow carousel-arrow-prev","aria-label":c.$t("video_carousel.previous_video"),onClick:i[0]||(i[0]=(...r)=>a.goPrev&&a.goPrev(...r))}," ❮ ",8,Ke)):f("",!0),_("div",je,[q(F,{modules:[a.A11y],"centered-slides":!0,"space-between":12,"slides-per-view":"auto",speed:a.prefersReducedMotion==="reduce"?0:300,a11y:{enabled:!0,slideLabelMessage:""},class:"video-carousel-swiper",onSwiper:a.onSwiper,onSlideChangeTransitionEnd:a.onSlideChange},{default:J(()=>[(n(!0),u(Q,null,W(a.displayVideos,(r,o)=>(n(),O(E,{key:`${r.id}-${o}`,role:"group","aria-roledescription":"slide","aria-label":c.$t("video_carousel.slide_position",{currentIndex:o%a.activeVideos.length+1,sliderLength:a.activeVideos.length}),"aria-current":a.activeDisplayIndex===o?"true":void 0,class:C(["video-carousel-slide",{"is-active":a.activeDisplayIndex===o}])},{default:J(()=>{var b;return[_("div",Ge,[r.backgroundImage?(n(),O(h,{key:0,"media-string":r.backgroundImage,class:"slide-poster"},null,8,["media-string"])):a.thumbnailUrls[o%a.activeVideos.length]?(n(),u("div",{key:1,class:"slide-poster",style:ae({backgroundImage:`url(${a.thumbnailUrls[o%a.activeVideos.length]})`}),"aria-hidden":"true"},null,4)):f("",!0),_("div",Ie,[_("video",{ref_for:!0,ref:l=>a.setVideoEl(l,o),class:"slide-video",muted:"",loop:"",playsinline:"","aria-hidden":"true"},null,512)]),((b=a.config)==null?void 0:b.hasOverlay)!==!1?(n(),u("div",qe)):f("",!0),a.activeDisplayIndex===o&&a.hasActiveVideo?(n(),u("div",{key:3,class:"slide-controls",role:"group","aria-label":c.$t("video_hero.controls_label")},[_("button",{type:"button",class:"video-control-toggle","aria-label":a.isMuted?c.$t("video_hero.unmute_video"):c.$t("video_hero.mute_video"),"aria-pressed":!a.isMuted,onClick:i[1]||(i[1]=(...l)=>a.toggleMute&&a.toggleMute(...l))},[(n(),O(R,{key:a.isMuted?"muted":"on",icon:a.isMuted?"volumeMuted":"volumeOn",size:16,"aria-hidden":"true"},null,8,["icon"]))],8,Qe),_("button",{type:"button",class:"video-control-toggle","aria-label":a.isPaused?c.$t("video_hero.play_video"):c.$t("video_hero.pause_video"),"aria-pressed":!a.isPaused,onClick:i[2]||(i[2]=(...l)=>a.togglePlayback&&a.togglePlayback(...l))},[(n(),O(R,{key:a.isPaused?"play":"pause",icon:a.isPaused?"videoPlay2":"pauseIcon",size:16,"aria-hidden":"true"},null,8,["icon"]))],8,We)],8,Je)):f("",!0),_("div",{class:C(["slide-content",a.textAlignClass])},[r.heading?(n(),u("h3",{key:0,class:C(["slide-heading",{uppercase:a.headingUppercase}])},H(r.heading),3)):f("",!0),r.subHeading?(n(),u("p",{key:1,class:C(["slide-subheading",{uppercase:a.textUppercase}])},H(r.subHeading),3)):f("",!0),r.buttonLabel?(n(),u("div",Xe,[q(w,{primary:"",size:"medium",href:a.getButtonUrl(r),target:a.getButtonTarget(r)},{default:J(()=>[Le(H(r.buttonLabel),1)]),_:2},1032,["href","target"])])):f("",!0)],2),a.activeDisplayIndex===o&&a.hasActiveVideo?(n(),u("div",{key:4,class:"scrub-bar-wrapper",tabindex:"0",role:"slider","aria-label":c.$t("video_carousel.seek_video"),"aria-valuenow":Math.round(a.videoProgress*100),"aria-valuemin":"0","aria-valuemax":"100",onKeydown:[i[3]||(i[3]=x(M(l=>a.nudgeScrub(-5),["prevent"]),["left"])),i[4]||(i[4]=x(M(l=>a.nudgeScrub(5),["prevent"]),["right"])),i[5]||(i[5]=x(M(l=>a.nudgeScrub(-100),["prevent"]),["home"])),i[6]||(i[6]=x(M(l=>a.nudgeScrub(100),["prevent"]),["end"]))],onPointerdown:i[7]||(i[7]=M((...l)=>a.onScrubStart&&a.onScrubStart(...l),["stop"])),onPointermove:i[8]||(i[8]=M((...l)=>a.onScrubMove&&a.onScrubMove(...l),["stop"])),onPointerup:i[9]||(i[9]=M((...l)=>a.onScrubEnd&&a.onScrubEnd(...l),["stop"])),onPointercancel:i[10]||(i[10]=M((...l)=>a.onScrubEnd&&a.onScrubEnd(...l),["stop"]))},[_("div",Ze,[_("div",{class:"scrub-bar-fill",style:ae({width:`${a.videoProgress*100}%`})},null,4)])],40,Ye)):f("",!0),a.activeVideos.length>1&&a.activeDisplayIndex===o?(n(),u("div",{key:5,class:"slide-pagination",role:"group","aria-label":c.$t("video_carousel.carousel_label")},[(n(!0),u(Q,null,W(a.activeVideos,(l,V)=>(n(),u("button",{key:V,type:"button",class:C(["pagination-dot",{"is-active":V===a.activeRealIndex}]),"aria-pressed":V===a.activeRealIndex,"aria-label":c.$t("video_carousel.slide_position",{currentIndex:V+1,sliderLength:a.activeVideos.length}),onClick:A=>a.goToSlide(V)},null,10,ea))),128))],8,$e)):f("",!0)])]}),_:2},1032,["aria-label","aria-current","class"]))),128))]),_:1},8,["modules","speed","onSwiper","onSlideChangeTransitionEnd"])]),a.activeVideos.length>1?(n(),u("button",{key:1,type:"button",class:"carousel-arrow carousel-arrow-next","aria-label":c.$t("video_carousel.next_video"),onClick:i[11]||(i[11]=(...r)=>a.goNext&&a.goNext(...r))}," ❯ ",8,aa)):f("",!0)]),a.activeVideos.length>1?(n(),u("div",{key:0,class:"carousel-pagination-desktop",role:"group","aria-label":c.$t("video_carousel.carousel_label")},[(n(!0),u(Q,null,W(a.activeVideos,(r,o)=>(n(),u("button",{key:o,type:"button",class:C(["desktop-dot",{"is-active":o===a.activeRealIndex}]),"aria-pressed":o===a.activeRealIndex,"aria-label":c.$t("video_carousel.slide_position",{currentIndex:o+1,sliderLength:a.activeVideos.length}),onClick:b=>a.goToSlide(o)},null,10,oa))),128))],8,ta)):f("",!0)],8,xe)):f("",!0)],2)}const ca=Ae(He,[["render",ia],["__scopeId","data-v-0b5e1676"]]);export{ca as default};