1import{x as u,o as i,c as o,j as d,y as t,z as l,t as n,i as v,D as h}from"./entry.467af7bd.js";const y={key:0,class:"grid-container"},g=t("div",{class:"grid-x grid-margin-x"},[t("div",{class:"small-12 cell"},[t("div",{class:"utl-heading-beta"}," Hero Video ")])],-1),_=[g],b={class:"grid-container"},S={class:"grid-x grid-margin-x"},f={class:"small-12 cell"},k={class:"c-hero-video__wrapper"},j={key:0,class:"c-hero-video__poster"},q=["srcset","sizes","src"],$={class:"c-hero-video__title-wrapper"},p={key:0,class:"c-hero-video__pretitle"},x={class:"c-hero-video__title"},C={class:"c-hero-video__play-wrapper"},z=["aria-label"],V=["innerHTML"],B={__name:"HeroVideo",props:{pretitle:{type:String,required:!1},title:{type:String,required:!0},videoSource:{type:String,required:!0},video:{type:String,required:!1},streamyardEmbedCode:{type:String,required:!1},image:{type:Object,required:!0},settings:{theme:{type:String,required:!0},showComponentTitle:{type:Boolean,required:!0},spacing:{type:String,required:!0}}},setup(e){const m=a=>{const s=a.target,r=s.closest(".js-hero-video__meta");r.style.display="none",r.classList.contains("is-streamyard")||s.closest(".js-hero-video").querySelectorAll(".js-hero-video__embed")[0].click()};return(a,s)=>{const r=u("lite-youtube");return i(),o("section",{class:l(["o-flexible-module",{"o-flexible-module--flush":e.settings.spacing=="flush"}])},[e.settings.showComponentTitle?(i(),o("div",y,_)):d("",!0),t("div",{class:l(`c-hero-video c-hero-video--${e.settings.theme} js-hero-video`),"data-aos":"fade-up"},[t("div",b,[t("div",S,[t("div",f,[t("div",k,[t("div",{class:l(["c-hero-video__meta js-hero-video__meta",{"is-streamyard":e.videoSource=="streamyard"}])},[e.videoSource=="streamyard"&&e.image?(i(),o("div",j,[t("img",{srcset:e.image.srcSet,sizes:e.image.sizes,src:e.image.sourceUrl},null,8,q)])):d("",!0),t("div",$,[e.pretitle?(i(),o("div",p,n(e.pretitle),1)):d("",!0),t("h2",x,n(e.title),1)]),t("div",C,[t("button",{class:"c-hero-video__play",type:"button","aria-label":`Play ${e.title}`,onClick:s[0]||(s[0]=c=>m(c))},null,8,z)])],2),e.videoSource=="youtube"?(i(),v(r,{key:0,class:"c-hero-video__embed js-hero-video__embed",videoid:a.$convertVideoId(e.video),playlabel:`Play ${e.title}`,params:"modestbranding=1&rel=0&enablejsapi=1",style:h(e.image?`background-image: url('${e.image.sourceUrl}');`:"")},null,8,["videoid","playlabel","style"])):(i(),o("div",{key:1,class:"js-hero-video__streamyard",innerHTML:e.streamyardEmbedCode},null,8,V))])])])])],2)],2)}}};export{B as default}; 2//# sourceMappingURL=HeroVideo.e9a88942.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.