1import{_ as h}from"./DoOGREkB.js";import{f as g}from"./BCf2TcTm.js";import{g as f}from"./CKOnH6qT.js";import{_ as w,o as s,c as l,L as a,a as i,n as c,K as d,F as x,r as v,b as _,p as k,h as S}from"./DBgj6Ujy.js";const y="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='12px'%20height='31px'%20viewBox='0%200%2012%2031'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eicons/left%3c/title%3e%3cg%20id='icons/left'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpolyline%20id='Path'%20stroke='%23222155'%20stroke-width='3'%20fill-rule='nonzero'%20transform='translate(6.000000,%2015.500000)%20scale(-1,%201)%20rotate(90.000000)%20translate(-6.000000,%20-15.500000)%20'%20points='-8%2020%206.00049535%2011%2020%2020'%3e%3c/polyline%3e%3c/g%3e%3c/svg%3e",W="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='12px'%20height='31px'%20viewBox='0%200%2012%2031'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eicons/right%3c/title%3e%3cg%20id='icons/right'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpolyline%20id='Path'%20stroke='%23222155'%20stroke-width='3'%20fill-rule='nonzero'%20transform='translate(6.000000,%2015.500000)%20rotate(90.000000)%20translate(-6.000000,%20-15.500000)%20'%20points='-8%2020%206.00049535%2011%2020%2020'%3e%3c/polyline%3e%3c/g%3e%3c/svg%3e",b={components:{PostCard:h},props:{posts:{type:Array,default:()=>[]},mode:{type:String,default:"blog"}},data(){return{parentWidth:null,scrollIndex:0,scrollSnap:!0}},computed:{scrollAmount(){return 320},constrainedContainerWidth(){return this.parentWidth?Math.floor(this.parentWidth/this.scrollAmount)*this.scrollAmount:0},minScrollableWidth(){return this.scrollAmount*this.posts.length},width(){return Math.min(this.minScrollableWidth,this.constrainedContainerWidth)},widthStyle(){return`width: ${this.width}px;`},numPostsVisible(){return this.width/this.scrollAmount},needToScroll(){return this.minScrollableWidth>this.constrainedContainerWidth},canScrollLeft(){return this.scrollIndex>0},canScrollRight(){return this.scrollIndex<this.posts.length-this.numPostsVisible}},mounted(){window.addEventListener("resize",this.updateParentWidth),this.updateParentWidth(),this.scrollIndex=this.$refs.container.scrollLeft/this.scrollAmount},beforeDestroy(){window.removeEventListener("resize",this.updateParentWidth)},methods:{makeTitle(t){return this.mode==="blog"?t.title:g("trailing",t)},makeUrl(t){return this.mode==="blog"?this.$makeBlogPostRoute(t):this.$makePodcastRoute(t)},updateParentWidth(){this.parentWidth=this.$refs.wrapper.parentElement?this.$refs.wrapper.parentElement.getBoundingClientRect().width:null},prev(){const t=this.$refs.container;this.canScrollLeft&&(this.scroll(t.scrollLeft-this.scrollAmount),this.scrollIndex--)},next(){const t=this.$refs.container;this.canScrollRight&&(this.scroll(t.scrollLeft+this.scrollAmount),this.scrollIndex++)},scroll(t){this.scrollSnap=!1,f.to(this.$refs.container,{scrollLeft:t,duration:.5,ease:"power2.inOut",onComplete:()=>{this.scrollSnap=!0}})}}},m=t=>(k("data-v-fb851c6c"),t=t(),S(),t),I={ref:"wrapper",class:"relative"},P=m(()=>i("img",{src:y,alt:""},null,-1)),C=[P],L=m(()=>i("img",{src:W,alt:""},null,-1)),A=[L];function B(t,n,o,R,u,e){const p=h;return s(),l("div",I,[o.posts&&o.posts.length&&e.needToScroll?(s(),l("div",{key:0,class:"arrows",style:a(e.width)},[i("div",{class:c([{aInvisible:!e.canScrollLeft,arrow:!0},""]),onClick:n[0]||(n[0]=(...r)=>e.prev&&e.prev(...r))},C,2),e.canScrollRight?(s(),l("div",{key:0,class:c({aInvisible:!e.canScrollRight,arrow:!0}),onClick:n[1]||(n[1]=(...r)=>e.next&&e.next(...r))},A,2)):d("",!0)],4)):d("",!0),i("div",{ref:"container",class:"carousel-container",style:a(`${e.widthStyle} ${u.scrollSnap?"scroll-snap-type: x mandatory;":""}`)},[(s(!0),l(x,null,v(o.posts,r=>(s(),l("div",{key:r.id,class:"flex-shrink-0 px-24"},[_(p,{"cover-image":r.coverImage,title:e.makeTitle(r),url:e.makeUrl(r.slug),class:"px-24",mode:"small"}
1,null,8,["cover-image","title","url"])]))),128))],4)],512)}const F=w(b,[["render",B],["__scopeId","data-v-fb851c6c"]]);export{F as _};
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.