1import{D as t,E as e,It as i,J as l,N as s,T as o,Wt as a,Y as n,_ as r,b as c,dn as d,it as u,mn as m,pn as v,st as f,w as x,wt as p,xt as g}from"./A7A7LHMD.js";import{B as h,Bt as w,T as b,j as y,xt as k}from"#entry";import{t as _}from"./jPP-icNQ.js";import{t as j}from"./oeJYvh56.js";import{t as L}from"./C5V_ZSS72.js";import{n as z,t as A}from"./DkXD7zKf2.js";var E={class:"c-video-list-item"},O={key:0,class:"overflow-hidden w-full relative"},T=["src","alt"],I=["aria-label"],M={class:"c-play-button pointer-events-none group-hover:bg-secondaryHover group-active:!bg-secondaryActive"},S={key:1,class:"text-left px-5xs flex flex-col mt-xs"},H={key:0,class:"text-strong text-heading-sm-strong"},B={key:1,class:"text-medium text-body-sm-regular"},N={__name:"VideoListItem",props:{thumbnail:Object,title:String,duration:Number,poster:Object,index:Number},emits:["open"],setup(i){function l(t){const e=Math.floor(t),i=e%60;return`${Math.round((e-i)/60)}:${i<10?"0"+i:i}`}return(n,r)=>{const c=_,d=h;return u(),t("div",E,[i.poster||i.thumbnail?(u(),t("figure",O,[i.poster?(u(),o(c,{key:0,class:"rounded-md w-full overflow-hidden aspect-16/9",fit:"cover",sizes:"100vw",src:i.poster.url,alt:i.poster?.altText||i.title},null,8,["src","alt"])):(u(),t("img",{key:1,class:"rounded-md w-full overflow-hidden aspect-16/9",src:i.thumbnail.url,alt:i.thumbnail?.altText||i.title},null,8,T)),x("button",{class:"absolute inset-0 grid place-content-center group","aria-label":("localize"in n?n.localize:a(y))("OPEN_GALLERY_IN_LARGE_VIEW_AT_VIDEO_X",{capitalize:!0,populate:[i.index]}),onClick:r[0]||(r[0]=t=>n.$emit("open"))},[x("span",M,[s(d,{name:"play"})])],8,I)])):e("",!0),i.title||i.duration?(u(),t("figcaption",S,[i.title?(u(),t("span",H,m(i.title),1)):e("",!0),i.duration?(u(),t("time",B,m(l(i.duration)),1)):e("",!0)])):e("",!0)])}}},W=["id"],$=["innerHTML"],C={class:"c-block-list-video-list__lightbox-video grow max-h-full max-w-full overflow-hidden flex flex-col justify-center >=960:max-w-[min(100%,120vh)]"},R=["aria-label"],V=Object.assign({inheritAttrs:!1},{__name:"BlockListBlocksBlockListVideoList",props:{id:String,context:String,title:String,label:String,settings:Object,items:Array},setup(m){const _=i(L("video-list")),E=i(null),O=i(!1),T=i({x:"50%",y:"50%",size:"72vmax"}),I=i(0),M=i({});function S(t){"Escape"===t.key&&B()}function H(t,e){!function(t){I.value=t}(t),M.value=e,V(),O.value=!0}function B(){V(),O.value=!1}function V(){const t={x:"50%",y:"50%",size:"72vmax"},e=E.value[I.value];if(e){const i=e.getBoundingClientRect();t.x=Math.round((i.left+i.width/2)/window.innerWidth*1e4)/100+"%",t.y=Math.round((i.top+i.height/2)/window.innerHeight*1e4)/100+"%",t.size=Math.round(100*Math.max((i.left+i.width/2)/window.innerWidth*100,100-(i.left+i.width/2)/window.innerWidth*100,(i.top+i.height/2)/window.innerHeight*100,100-(i.top+i.height/2)/window.innerHeight*100))/100+"vmax"}T.value=t}function D(){n(()=>{if(!O.value){const t=E.value[I.value];t&&t.focus()}})}return g(I,()=>{O.value&&(I.value>=12&&(showAllOpen.value=!0),n(()=>{V()}))}),g(O,()=>{O.value?window.addEventListener("keydown",S):window.removeEventListener("keydown",S)}),(i,n)=>{const g=j,L=N,I=z,S=A,V=h,G=k;return u(),t("div",l({id:m.id,class:["c-block-list-video-list",[`c-block-list-video-list--ctx--${m.context}`]]},("useAttrsSome"in i?i.useAttrsSome:a(b))(["class","style","data-n-ids"],i.$attrs)),[m.title?(u(),o(g,{key:0,overline:m.label,"long-read-id":m.settings?.includeInToc&&m.id,"long-read-title":m.settings?.includeInToc&&m.title,class:d(["w-full",{"!>=1280:w-8/12col":m.items.length<=3,"mx-auto":"with-aside"!==m.context&&m.items.length<=3}])},{default:p(()=>[x("span",{innerHTML:m.title},null,8,$)]),_:1},8,["overline","long-read-id","long-read-title","class"])):e("",!0),m.items.length?(u(),t("div",{key:1,class:d(["grid gap-x-gutter gap-y-lg w-12/12col",{"grid-cols-1 >=375:grid-cols-2":m.items.length<=3,"grid-cols-1 >=375:grid-cols-2 >=960:grid-cols-4":m.items.length>3,"mx-auto":!["with-aside"].includes(m.context),">=1280:w-8/12col":m.items.length<=3,">=1280:w-10/12col":"with-aside"===m.context}])},[(u(!0),t(r,null,f(m.items,(e,i)=>(u(),t("div",{key:i,ref_for:!0,ref_key:"videoItems",ref:E},[s(L,l({class:["w-full",{">=1280:w-4/12col":m.items.length<=3,">=960:w-3/12col":m.items.length>3,"!w-auto":"with-aside"===m.context}]},{ref_for:!0},{duration:e.video.details.duration,thumbnail:e.video.details.thumbnails[
10],title:e.title||e.video.details.title,poster:e.poster,index:i+1},{onOpen:t=>H(i,e)}),null,16,["class","onOpen"])],512))),128))],2)):e("",!0),s(G,null,{default:p(()=>[(u(),o(c,{to:"#global-overlay"},[(u(),o(w,{key:a(_),name:"t-block-list-video-list",onAfterLeave:D},{default:p(()=>[a(O)?(u(),t("div",{key:0,class:d(["c-block-list-video-list__lightbox",["fixed inset-0 bg-surface overflow-hidden","flex gap-xl","p-2xs >=960:pt-xl 960:px-md 960:pb-md 960:flex-row 960:justify-center flex-col-reverse w-full h-full max-w-full max-h-full z-1000"]]),style:v({"--clip-x":a(T).x,"--clip-y":a(T).y})},[n[1]||(n[1]=x("div",{class:"w-36"},null,-1)),x("div",C,[s(I,{cookies:a(M)?.cookies,video:a(M)?.video,"player-attrs":{allow:"fullscreen"}},null,8,["cookies","video"]),s(S,{text:a(M)?.text,class:"mt-2xs py-3xs mx-auto >=656:w-10/12col"},null,8,["text"])]),x("button",{class:d(["group z-10",["self-start justify-self-end row-start-1 col-start-3 <960:ml-auto","transition ease-in-out duration-300"]]),"aria-label":("localize"in i?i.localize:a(y))("CLOSE",{capitalize:!0}),onClick:n[0]||(n[0]=()=>B())},[s(V,{name:"close",class:d(["w-36 h-36",["transition ease-in-out duration-300","text-interactive group-hover:text-interactiveHover group-hover:rotate-90 active:text-interactiveActive"]])})],8,R)],4)):e("",!0)]),_:1}))]))]),_:1})],16,W)}}});export{V 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.