1import{f as h,a as u}from"../chunks/m0TDI7dw.js";import{d as r,s as l,r as a,t as y,f as T,g as e,q as o}from"../chunks/DwjtLeU2.js";import{b as x,c as z,i as I}from"../chunks/B49nckx9.js";import{D as J,k as K,V as L}from"../chunks/CM2KAIaw.js";import{h as N,M as O}from"../chunks/BfXacOoQ.js";import{s as R,e as P,i as Q}from"../chunks/CX9GtSwz.js";import"../chunks/CzRd1qDl.js";import{D as S}from"../chunks/mVd9OJw4.js";var U=h('<li><a class="flex flex-col gap-4"><img alt="" aria-hidden="true" class="bg-mono-200 border-primary aspect-[204/256] w-full border object-cover"/> <div class="flex flex-col gap-1"><h3 class="text-support font-medium"> </h3> <span class="text-support"> </span></div></a></li>');function W(m,i){var t=U(),s=r(t),d=r(s),n=l(d,2),v=r(n),c=r(v,!0);a(v);var g=l(v,2),f=r(g,!0);a(g),a(n),a(s),a(t),y(()=>{R(s,"href",`/videos/${i.slug}`),R(d,"src",i.thumbnail),x(c,i.displayTitle||i.title),x(f,i.description)}),u(m,t)}var X=h('<!> <div class="flex flex-col gap-8"><h2 class="text-subheading">Related videos</h2> <ul class="list grid w-full items-stretch gap-x-6 gap-y-8 svelte-236w49"></ul></div>',1);function Y(m,i){var t=X(),s=T(t);J(s,{animate:!0});var d=l(s,2),n=l(r(d),2);P(n,21,()=>i.videos,Q,(v,c)=>{W(v,z(()=>e(c)))}),a(n),a(d),u(m,t)}var Z=h('<link rel="preload" as="image"/>'),$=h('<!> <div class="max-md:mt-section-gap-md flex flex-col gap-16"><div class="flex flex-col gap-12"><section class="flex justify-between gap-4"><div class="flex flex-col gap-8"><h1 class="text-title -mt-[0.25em] text-balance"> </h1> <p class="text-mono-800 max-w-[32em] text-balance"> </p></div> <!></section> <!></div> <!></div>',1);function de(m,i){const t=o(()=>i.data.video),s=o(()=>e(t).title),d=o(()=>e(t).description),n=o(()=>e(t).date),v=o(()=>e(t).content),c=o(()=>e(t).related),g=o(()=>e(t).aspectRatio),f=o(()=>e(t).poster),A=o(()=>e(t).slug);var D=$();N("d3met7",p=>{var q=Z();y(()=>R(q,"href",e(f))),u(p,q)});var V=T(D);O(V,{get title(){return e(s)},get description(){return e(d)},get image(){return e(f)}});var j=l(V,2),_=r(j),b=r(_),k=r(b),w=r(k),B=r(w,!0);a(w);var M=l(w,2),C=r(M,!0);a(M),a(k);var E=l(k,2);S(E,{get date(){return e(n)},class:"shrink-0 leading-[10px]"}),a(b);var F=l(b,2);K(F,()=>e(A),p=>{L(p,z(()=>e(v),{border:!0,get aspectRatio(){return e(g)},get title(){return e(s)},get poster(){return e(f)},preload:"auto"}))}),a(_);var G=l(_,2);{var H=p=>{Y(p,{get videos(){return e(c)}})};I(G,p=>{e(c)&&e(c).length>0&&p(H)})}a(j),y(()=>{x(B,e(s)),x(C,e(d))}),u(m,D)}export{de as component};
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.