1import u from"./B4v_OEo_.js";import y from"./B37eKewb.js";import f from"./D57go-tl.js";import C from"./CN-4HXzr.js";import{N as E,ac as a,ak as T,o as t,h as d,l as w,L as g,b as o,n as p,t as s,p as l,c as n}from"./B9cCGS5t.js";const V={name:"PromotedVideo",components:{TwitchEmbed:u,TikTokEmbed:y,VideoEmbed:f,FacebookEmbed:C},props:{video:Object,videoTitle:String,ctaLabel:String,ctaLink:String,primaryColor:Object,secondaryColor:Object},computed:{borderBackgroundStyle(){return this.secondaryColor?{backgroundImage:`linear-gradient(${this.primaryColor.hex}, ${this.secondaryColor.hex})`}:{backgroundColor:this.primaryColor?.hex}},hide(){return!this.video||this.video._type==="tiktokEmbed"&&!this.$device.isMobileOrTablet}},methods:{handleVisibility(c){c&&!this.inView&&(this.inView=!0,this.$trackEvent({event:"promoted_video_view",action:"is_now_viewable",target:"Promoted Video inView","target-properties":this.link,"non-interaction-hit":!1,video_title:this.videoTitle,cta_label:this.ctaLabel,cta_link:this.ctaLink}))},onCTAClick(){this.$trackEvent({event:"promoted_video_click",action:"Click",target:"Promoted Video CTA","target-properties":`${this?.ctaLink} - ${this?.ctaLabel}`,"non-interaction-hit":!1,video_title:this.videoTitle,cta_label:this.ctaLabel,cta_link:this.ctaLink})}}},L={key:0,"data-nosnippet":"",class:"promoted-video"},x={class:"promoted-video__nav"},S=["href"],B={key:0};function O(c,r,e,j,A,i){const m=a("TwitchEmbed"),v=a("TikTokEmbed"),_=a("FacebookEmbed"),b=a("VideoEmbed"),h=T("observe-visibility");return i.hide?l("",!0):(t(),d("div",L,[w((t(),d("div",{class:"promoted-video--active-border",style:g(i.borderBackgroundStyle)},[o("div",null,[o("div",x,[o("div",{class:p(["promoted-video__nav-text",[e.ctaLabel?"promoted-video__nav-text--part-width":"promoted-video__nav-text--full-width"]])},s(e.videoTitle),3),e.ctaLabel?(t(),d("a",{key:0,href:e.ctaLink,target:"_blank",rel:"nofollow noopener noreferrer sponsored",class:"promoted-video__nav-link",onClick:r[0]||(r[0]=(...k)=>i.onCTAClick&&i.onCTAClick(...k))},[o("button",null,s(e.ctaLabel),1)],8,S)):l("",!0)]),r[1]||(r[1]=o("hr",{class:"promoted-video__divider"},null,-1)),e.video?(t(),d("div",B,[e.video._type==="twitchEmbed"?(t(),n(m,{key:0,identifier:e.video.identifier,name:e.video.name,source:e.video.source,autoplay:e.video.autoplay,muted:!0,"twitch-chat":e.video.twitchChat},null,8,["identifier","name","source","autoplay","twitch-chat"])):e.video._type==="tiktokEmbed"?(t(),n(v,{key:1,url:e.video.url},null,8,["url"])):e.video._type==="facebookEmbed"?(t(),n(_,{key:2,stream:!0,"stream-url":e.video.streamUrl},null,8,["stream-url"])):(t(),n(b,{key:3,url:e.video.url},null,8,["url"]))])):l("",!0)])],4)),[[h,i.handleVisibility]])]))}const I=Object.assign(E(V,[["render",O],["__scopeId","data-v-03785fc6"]]),{__name:"MPromotedVideo"});export{I as default};
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.