https://babylonbee.com/build/assets/BeeVideoShowPage-BK0hHsmZ.js

1import{B as f}from"./BeeVideoRow-C21zWFrd.js";import{t as y}from"./InstagramOembed-aIHqn3P9.js";import{C as x}from"./common-components-BFmMiiNn.js";import{P as h,j as o,q as l,x as a,D as n,J as m,K as v,C as c,W as p,k as g}from"./vendor-vue-n3skSn-P.js";import{_ as k}from"./_plugin-vue_export-helper-CZPp-EVN.js";import"./BeeVideoCard-F1obJnSw.js";import"./vendor-axios-qFyJwsfU.js";import"./EmbeddedPost-GM-iuLcd.js";const u=200,_={components:{BeeVideoRow:f,ConsentPlaceholder:x},props:{data:{type:Object,required:!0}},data(){return{showDescriptionModal:!1,iframeLoaded:!1}},computed:{allowed(){return y("embeds")},embedUrl(){if(!this.data.videoId)return"";const s=new URLSearchParams({autoplay:"1",rel:"0",modestbranding:"1",iv_load_policy:"3",playsinline:"1"});return`https://www.youtube.com/embed/${this.data.videoId}?${s.toString()}`},shouldShowViewMore(){return this.data.description&&this.data.description.length>u},truncatedDescription(){if(!this.data.description)return"";if(this.data.description.length<=u)return this.data.description;const s=this.data.description.substring(0,u),e=s.lastIndexOf(" ");return(e>0?s.substring(0,e):s)+"…"}},methods:{openDescriptionModal(){this.showDescriptionModal=!0,document.body.style.overflow="hidden",document.addEventListener("keydown",this.onEscKey)},closeDescriptionModal(){this.showDescriptionModal=!1,document.body.style.overflow="auto",document.removeEventListener("keydown",this.onEscKey)},onEscKey(s){s.key==="Escape"&&this.closeDescriptionModal()},async share(){const s=window.location.href;if(navigator.share)try{await navigator.share({title:this.data.title,url:s});return}catch{}try{await navigator.clipboard.writeText(s),this.$swal&&this.$swal({toast:!0,position:"top-end",icon:"success",title:"Link copied!",showConfirmButton:!1,timer:2e3})}catch{}},onImgError(s){this.data.videoId&&s.target.src.includes("maxresdefault")&&(s.target.src=s.target.src.replace("maxresdefault","hqdefault"))}},beforeUnmount(){document.removeEventListener("keydown",this.onEscKey),document.body.style.overflow="auto"}}

1,D={class:"bee-videos-dark bg-always-black text-always-white pt-16"},C={class:"relative w-full overflow-hidden bg-always-black aspect-video lg:aspect-auto lg:banner-height"},M={key:0,class:"absolute inset-0 flex items-center justify-center bg-always-black","aria-label":"Loading video"},L=["src","title"],I={key:2,class:"absolute inset-0 overflow-y-auto flex items-center justify-center"},E=["src","alt"],j={class:"px-4 lg:px-16 py-6 lg:py-8 space-y-3"},z={class:"flex items-start justify-between gap-4"},B={class:"min-w-0 flex-1"},V={class:"text-2xl lg:text-4xl text-always-white leading-tight",style:{"font-family":"Impact, 'Helvetica Neue Condensed', 'Arial Narrow', sans-serif","letter-spacing":"0.5px"}},S={key:0,class:"mt-1 text-sm text-zinc-400"},N={key:0,class:"text-sm lg:text-base text-white/85 leading-relaxed max-w-3xl"},O={key:1,class:"fixed inset-0 z-50 flex items-center justify-center p-4"},R={class:"relative z-10 w-full max-w-2xl overflow-hidden rounded-lg shadow-2xl"},K={class:"relative"},U=["src","alt"],P={key:1,class:"w-full h-64 md:h-80 bg-zinc-800"},T={class:"bg-zinc-900 px-5 md:px-6 py-5 md:py-6"}

1,q={class:"text-2xl md:text-3xl font-bold text-always-white mb-3"},A={key:0,class:"flex flex-wrap gap-2 mb-4"},H={class:"px-2 py-1 bg-zinc-800 text-always-white text-xs rounded"},Y={class:"text-zinc-300 text-sm leading-relaxed max-h-[50vh] overflow-y-auto"},J={key:0,class:"whitespace-pre-wrap"},W={key:1,class:"italic"};function F(s,e,t,G,d,i){const w=h("consent-placeholder"),b=h("BeeVideoRow");return o(),l("div",D,[a("section",C,[i.allowed&&!d.iframeLoaded?(o(),l("div",M,[...e[7]||(e[7]=[a("div",{class:"bee-spinner"},null,-1)])])):n("",!0),t.data.videoId&&i.allowed?(o(),l("iframe",{key:1,src:i.embedUrl,class:m(["absolute inset-0 h-full w-full",{"opacity-0":!d.iframeLoaded}]),frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowfullscreen:"",title:t.data.title,onLoad:e[0]||(e[0]=r=>d.iframeLoaded=!0)},null,42,L)):t.data.videoId?(o(),l("div",I,[v(w,{label:"YouTube video",provider:"YouTube",link:"https://www.youtube.com/watch?v="+t.data.videoId},null,8,["link"])])):t.data.thumbnail?(o(),l("img",{key:3,src:t.data.thumbnail,alt:t.data.title,class:m(["absolute inset-0 h-full w-full object-cover",{"opacity-0":!d.iframeLoaded}]),onLoad:e[1]||(e[1]=r=>d.iframeLoaded=!0),onError:e[2]||(e[2]=(...r)=>i.onImgError&&i.onImgError(...r))},null,42,E)):n("",!0)]),a("section",j,[a("div",z,[a("div",B,[a("h1",V,c(t.data.title),1),t.data.publishedOn?(o(),l("p",S," Original Release "+c(t.data.publishedOn),1)):n("",!0)]),a("button",{onClick:e[3]||(e[3]=(...r)=>i.share&&i.share(...r)),class:"inline-flex shrink-0 items-center justify-center rounded-full bg-zinc-800 hover:bg-zinc-700 text-always-w

1hite w-11 h-11 transition","aria-label":"Share"},[...e[8]||(e[8]=[p('<svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-v-b8354456><circle cx="18" cy="5" r="3" data-v-b8354456></circle><circle cx="6" cy="12" r="3" data-v-b8354456></circle><circle cx="18" cy="19" r="3" data-v-b8354456></circle><line x1="8.59" y1="13.51" x2="15.42" y2="17.49" data-v-b8354456></line><line x1="15.41" y1="6.51" x2="8.59" y2="10.49" data-v-b8354456></line></svg>',1)])])]),t.data.description?(o(),l("div",N,[a("p",null,c(i.truncatedDescription),1),i.shouldShowViewMore?(o(),l("button",{key:0,onClick:e[4]||(e[4]=(...r)=>i.openDescriptionModal&&i.openDescriptionModal(...r)),class:"mt-2 text-red-500 hover:text-red-400 text-sm font-medium transition cursor-pointer"}," View more ")):n("",!0)])):n("",!0)]),t.data.related&&t.data.related.length?(o(),g(b,{key:0,title:"Up next",items:t.data.related,class:"pb-10 lg:pb-12"},null,8,["items"])):n("",!0),d.showDescriptionModal?(o(),l("div",O,[a("div",{class:"absolute inset-0 bg-black/80 backdrop-blur-sm",onClick:e[5]||(e[5]=(...r)=>i.closeDescriptionModal&&i.closeDescriptionModal(...r))}),a("div",R,[a("div",K,[t.data.thumbnail?(o(),l("img",{key:0,src:t.data.thumbnail,alt:t.data.title,class:"w-full h-64 md:h-80 object-cover"},null,8,U)):(o(),l("div",P)),a("button",{class:"absolute top-4 right-4 w-9 h-9 bg-black/60 backdrop-blur rounded-full flex items-center justify-center hover:bg-black/80 transition",onClick:e[6]||(e[6]=(...r)=>i.closeDescriptionModal&&i.closeDescriptionModal(...r)),"aria-label":"Close"}

1,[...e[9]||(e[9]=[a("svg",{class:"w-5 h-5 text-always-white",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[a("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),a("line",{x1:"6",y1:"6",x2:"18",y2:"18"})],-1)])]),e[10]||(e[10]=a("div",{class:"absolute bottom-0 left-0 right-0 h-32 bg-linear-to-t from-zinc-900 via-zinc-900/80 to-transparent"},null,-1))]),a("div",T,[a("h2",q,c(t.data.title),1),t.data.publishedOn?(o(),l("div",A,[a("span",H,c(t.data.publishedOn),1)])):n("",!0),a("div",Y,[t.data.description?(o(),l("p",J,c(t.data.description),1)):(o(),l("p",W,"No description available."))])])])])):n("",!0)])}const ie=k(_,[["render",F],["__scopeId","data-v-b8354456"]]);export{ie as default};