https://travelnoire.com/_nuxt/DApQISm6.js

1import{_ as $,e as r,f as d,g as e,y as l,z as g,t as h,D as R,F as P,x as j,C as it,G as E,H as W,i as c,s as at,E as nt,v as ot,m as ct,w as L,n as o,b as rt,A as ut,k as dt,j as H,B as mt}from"./DaOdQDTG.js";import{F as pt}from"./KZZ5KSYe.js";import{t as D}from"./BxlSfXgK.js";import{u as gt}from"./FHo9g4UZ.js";import{t as z}from"./BOz6pob4.js";import{d as T}from"./CbAXf6aI.js";import{u as xt}from"./9Kh6eqQM.js";import"./CE1G-McA.js";import"./yshTtBCs.js";import"./dit3uDuP.js";import"./DUwkIxeY.js";import"./C-43K-xm.js";import"./4z1zEQle.js";const _t={name:"TentpoleHubArticlesListItem",props:{item:{type:Object,default(){return{image:"",caption:"",captionSlug:"/",title:"",titleSlug:"/",description:"",slug:"/",ctaLabel:"Read full article"}}},classes:{type:Object,default(){return{captionClass:"",titleClass:"",descriptionClass:"",ctaClass:""}}}},methods:{twMerge:D}},ht={class:"flex flex-col md:flex-row items-stretch p-0 md:p-6 gap-x-6"},ft={class:"leading-[0]"},bt=["src"],vt={class:"flex flex-col"},wt=["innerHTML"],yt=["innerHTML"],At=["innerHTML"];function Ct(a,s,t,f,m,x){const n=R;return r(),d("div",ht,[e("div",ft,[e("img",{class:"w-full md:w-[289px] h-[284px] object-cover",src:t.item.image,alt:""},null,8,bt)]),e("div",vt,[l(n,{to:t.item.captionSlug,class:"mt-2"},{default:g(()=>[e("p",{class:h(x.twMerge("text-[#F6F06A] text-[20px] leading-[100%] uppercase tracking-[3px] mt-4 md:mt-0",t.classes.captionClass)),innerHTML:t.item.caption},null,10,wt)]),_:1},8,["to"]),l(n,{to:t.item.titleSlug,class:"mt-2"},{default:g(()=>[e("p",{class:h(x.twMerge("transition-all text-white hover:text-[#F6F06A] text-[48px] leading-[100%] uppercase tracking-[3px] line-clamp-2",t.classes.titleClass)),innerHTML:t.item.title},null,10,yt)]),_:1},8,["to"]),e("p",{class:h(x.twMerge("my-3 text-white opacity-90  text-[20px] leading-[150%] line-clamp-3",t.classes.descriptionClass)),innerHTML:t.item.description},null,10,At),l(n,{class:h(x.twMerge("mt-auto transition-all text-white hover:text-[#071C2D] hover:bg-[#F6F06A] text-[26px] leading-[100%] uppercase tracking-[1.25px] border-[2px] border-solid border-[#F6F06A] min-h-[44px] min-w-[195px] flex items-center justify-center",t.classes.ctaClass)),to:t.item.slug},{default:g(()=>[P(j(t.item.ctaLabel),1)]),_:1},8,["class","to"])])])}const Lt=$(_t,[["render",Ct]]),Ht={name:"TentpoleHubArticlesList",components:{TentpoleHubArticlesListItem:Lt},props:{items:{type:Array,default(){return[]}},itemClasses:{type:Object,default(){return{captionClass:"",titleClass:"",descriptionClass:"",ctaClass:""}}}}},Tt={class:"w-full max-w-[1504px] mx-auto px-6 lg:px-8 py-10 lg:py-12"},Ft={class:"flex flex-col xl:flex-row items-center justify-between gap-x-6 gap-y-10"};function kt(a,s,t,f,m,x){const n=it("TentpoleHubArticlesListItem");return r(),d("div",Tt,[e("div",Ft,[(r(!0),d(E,null,W(t.items,(F,b)=>(r(),d("div",{key:b,class:"xl:max-w-[650px]"},[l(n,{item:F,classes:t.itemClasses},null,8,["item","classes"])]))),128))])])}const Mt=$(Ht,[["render",kt]]),St={name:"TentpoleHubHeroArticle",props:{item:{type:Object,default(){return{image:"",caption:"",captionSlug:"/",title:"",titleSlug:"/",description:"",slug:"/",ctaLabel:"Read full article"}}}}},$t={class:"relative leading-[0] text-center flex flex-col gap-y-6 md:gap-y-8 lg:gap-y-10"},Rt=["src"],jt=["innerHTML"],Dt=["innerHTML"],Nt={class:"max-w-[600px] lg:max-w-[813px] mx-auto"},Bt=["innerHTML"],Ot={class:"flex justify-center"};function It(a,s,t,f,m,x){const n=R;return r(),d("div",$t,[e("img",{src:t.item.image,class:"w-full h-[320px] md:h-[560px] lg:h-[800px] object-cover",alt:""},null,8,Rt),l(n,{to:t.item.captionSlug,class:"mt-2"},{default:g(()=>[e("p",{class:"text-[#F6F06A] text-base md:text-[20px] lg:text-[24px] leading-[100%] uppercase tracking-[3px]",innerHTML:t.item.caption},null,8,jt)]),_:1},8,["to"]),l(n,{to:t.item.titleSlug,class:"mt-2"},{default:g(()=>[e("p",{class:"transition-all text-white hover:text-[#F6F06A] text-[48px] md:text-[64px] lg:text-[90px] leading-[100%] uppercase tracking-[3px]",innerHTML:t.item.title},null,8,Dt)]),_:1},8,["to"]),e("div",Nt,[e("p",{class:"text-white opacity-80 text-base md:text-[20px] lg:text-[24px] leading-[150%]",innerHTML:t.item.description},null,8,Bt)]),e("div",Ot,[l(n,{class:"transition-all text-white hover:text-[#071C2D] hover:bg-[#F6F06A] text-[26px] leading-[100%] uppercase tracking-[1.25px] border-[2px] border-solid border-[#F6F06A] min-h-[44px] min-w-[195px] flex items-center justify-center",to:t.item.slug},{default:g(()=>[P(j(t.item.ctaLabel),1)]),_:1},8,["to"])])])}const K=$(St,[["render",It]]),Ut={class:"leading-[0]"},Vt={class:"relative"},qt=["src"],Gt={class:"absolute bottom-0 top-0 lg:top-auto left-0 right-0"},zt={class:"w-full max-w-[1504px] mx-auto px-6 lg:px-8 h-full"},Pt={class:"flex flex-col items-center text-center pt-4 pb-8 lg:py-10 h-full"},Et=["innerHTML"],Wt=["innerHTML"],Kt={class:"mx-auto order-3"},Yt={class:"max-w-[489px] mx-auto mt-4 sm:mt-6 lg:mt-8"},Zt=["innerHTML"],Jt={class:"flex justify-center mt-4 sm:mt-6 lg:mt-8"},Qt=["disabled"],Xt={key:1},te={key:0,class:"w-full max-w-[1200px] mx-auto px-6 lg:px-8 -mt-[78px] lg:-mt-[86px]"},ee={class:"flex flex-col gap-y-6 md:gap-y-10"},se={class:"w-full text-center px-6 lg:px-8 py-4 lg:py-10"},le={name:"TentpoleHubHero",components:{TentpoleHubHeroArticle:K},props:{item:{type:Object,default(){return{image:"",caption:"",captionSlug:"",title:"",titleSlug:"",description:"",ctaLabel:"",heroArticle:void 0}}},classes:{type:Object,default(){return{maskClass:""}}}},data(){return{isLoadingRemainingArticles:!1,remainingArticles:[]}},methods:{twMerge:D,onCta(){this.isLoadingRemainingArticles=!0,setTimeout(()=>{this.remainingArticles=[this.item.heroArticle],this.isLoadingRemainingArticles=!1},500)}}},ie=Object.assign(le,{setup(a){return(s,t)=>{const f=R;return r(),d("div",Ut,[e("div",Vt,[e("img",{src:a.item.image,class:"w-full h-[calc(70vh-76px)] lg:h-[c

1alc(100vh-80px)] min-h-[400px] object-cover",alt:""},null,8,qt),e("div",{class:h(c(D)("absolute top-0 bottom-0 left-0 right-0 bg-opacity-70",a.classes.maskClass))},null,2),e("div",Gt,[e("div",zt,[e("div",Pt,[l(f,{to:a.item.captionSlug,class:"order-2 lg:order-1 my-auto lg:my-0"},{default:g(()=>[e("p",{class:"text-[#F6F06A] text-base lg:text-[20px] leading-[100%] uppercase tracking-[3px]",innerHTML:a.item.caption},null,8,Et)]),_:1},8,["to"]),l(f,{to:a.item.titleSlug,class:"mt-2 order-1 lg:order-2"},{default:g(()=>[e("p",{class:"transition-all text-white hover:text-[#F6F06A] text-[64px] sm:text-[100px] lg:text-[120px] xl:text-[140px] 2xl:text-[190px] leading-[100%] uppercase tracking-[3px]",innerHTML:a.item.title},null,8,Wt)]),_:1},8,["to"]),e("div",Kt,[t[1]||(t[1]=e("div",{class:"w-[100px] sm:w-[120px] lg:w-[167px] h-[3px] lg:h-[5px] mx-auto bg-[#F6F06A]"},null,-1)),e("div",Yt,[e("p",{class:"text-white opacity-80 text-base lg:text-[20px] leading-[150%] line-clamp-5",innerHTML:a.item.description},null,8,Zt)]),e("div",Jt,[e("button",{class:h(`transition-all cursor-pointer text-white hover:text-[#071C2D] bg-transparent hover:bg-[#F6F06A] text-[26px] leading-[100%] uppercase tracking-[1.25px] border-[2px] border-solid border-[#F6F06A] min-h-[44px] min-w-[195px] flex items-center justify-center ${s.isLoadingRemainingArticles?"opacity-40 pointer-events-none":""}`),disabled:s.isLoadingRemainingArticles,onClick:t[0]||(t[0]=(...m)=>s.onCta&&s.onCta(...m))},[s.isLoadingRemainingArticles?(r(),at(pt,{key:0,color:"white",class:"-translate-y-1.5",height:"7px",radius:"10px",width:"3px"})):(r(),d("span",Xt,j(a.item.ctaLabel),1))],10,Qt)])])])])])]),!s.isLoadingRemainingArticles&&s.remainingArticles.length>0?(r(),d("div",te,[e("div",ee,[(r(!0),d(E,null,W(s.remainingArticles,(m,x)=>(r(),d("div",{key:x},[l(c(K),{item:m},null,8,["item"]),e("div",se,[e("div",{class:h(["htl-ad",s.$device.isDesktop?"htlad-leaderboard":"htlad-right_rail"])},null,2)])]))),128))])])):nt("",!0)])}}}),ae={class:"bg-[#071C2D]"},ne={class:"bg-[#071C2D]"},oe={class:"w-full max-w-[1504px] mx-auto text-center px-6 lg:px-8 py-4 lg:py-10 -mt-10 lg:-mt-12"},ce={class:"bg-[#094466]"},re={class:"bg-white"},ue={class:"w-full max-w-[1504px] mx-auto text-center px-6 lg:px-8 py-4 lg:py-10 -mt-10 lg:-mt-12"},Ce={__name:"tentpole-hub",async setup(a){let s,t;const f=gt(),m=dt(),n=ot(ut).smaller("lg"),F=ct(),b=`${m.public.API_URL}/articles`;f.setIuParts(`${m.public.AD_SLOT}/Home`);const{data:N}=([s,t]=L(()=>H(b,{query:{tag:"hidden-gems",count:3}},"$UrgobvHsKN")),s=await s,t(),s),B=o(()=>({...N.value,list:T(N.value?.list||[])})),Y=o(()=>w({article:B.value.list[0],title:"Hidden gems"})),Z=o(()=>y({articles:B.value.list.slice(1)})),{data:O}=([s,t]=L(()=>H(b,{query:{tag:"nostalgically-new",count:3}},"$VlztA84WUv")),s=await s,t(),s),I=o(()=>({...O.value,list:T(O.value?.list||[])})),J=o(()=>w({article:I.value.list[0],title:"Nostalgically new"})),Q=o(()=>y({articles:I.value.list.slice(1)})),{data:U}=([s,t]=L(()=>H(b,{query:{tag:"tn-luxe",count:3}},"$UIUn4viwY9")),s=await s,t(),s),V=o(()=>({...U.value,list:T(U.value?.list||[])})),X=o(()=>w({article:V.value.list[0],title:"TN luxe"})),tt=o(()=>y({articles:V.value.list.slice(1)})),{data:q}=([s,t]=L(()=>H(b,{query:{tag:"open-spaces",count:3}},"$cZmjVm7gGv")),s=await s,t(),s),G=o(()=>({...q.value,list:T(q.value?.list||[])})),et=o(()=>w({article:G.value.list[0],title:"Wide open spaces"})),st=o(()=>y({articles:G.value.list.slice(1)}));rt({title:"Tentpole Hub - Travel Noire",ogTitle:"Tentpole Hub - Travel Noire",ogUrl:`${m.public.HOST_URL}${F.fullPath}`,twitterTitle:"Tentpole Hub - Travel Noire"}),xt();function w({article:u,title:v,ctaLabel:i="CTA"}){if(!u)return{image:"",caption:"",captionSlug:"/",title:v||"",titleSlug:"/",description:"",ctaLabel:i,heroArticle:void 0};const _=u.featuredMedia?.url||"",p=u.categories?.[0],k=p?.name||"",M=p?.slug?`/category/${p.slug}`:"/",A="/tag/hidden-gems",C=z(u.body,200),S={image:_,caption:v,captionSlug:A,title:u.title||"",titleSlug:u.slug||"/",description:C,ctaLabel:"Read full article",slug:u.slug||"/"};return{image:_,caption:k,captionSlug:M,title:v,titleSlug:A,description:C,ctaLabel:i,heroArticle:S}}function y({articles:u,ctaLabel:v="Read full article"}){return u?u.map(i=>{const _=i.featuredMedia?.url||"",p=i.categories?.[0],k=p?.name||"",M=p?.slug?`/category/${p.slug}`:"/",A=i.title,C=i.slug||"/",S=z(i.body,200),lt=i.slug||"/";return{image:_,caption:k,captionSlug:M,title:A,titleSlug:C,description:S,slug:lt,ctaLabel:v}}):[]}return(u,v)=>{const i=ie,_=Mt,p=mt;return r(),d("div",null,[l(i,{item:c(Y),classes:{maskClass:"bg-[#071C2D]"}},null,8,["item"]),e("div",ae,[l(_,{items:c(Z)},null,8,["items"])]),l(i,{item:c(J),classes:{maskClass:"bg-[#071C2D]"}},null,8,["item"]),e("div",ne,[l(_,{items:c(Q)},null,8,["items"]),e("div",oe,[l(p,null,{default:g(()=>[e("div",{class:h(["htl-ad",c(n)?"htlad-right_rail":"htlad-leaderboard"])},null,2)]),_:1})])]),l(i,{item:c(X),classes:{maskClass:"bg-[#094466] bg-opacity-40"}},null,8,["item"]),e("div",ce,[l(_,{items:c(tt)},null,8,["items"])]),l(i,{item:c(et),classes:{maskClass:"bg-[#010101] bg-opacity-20"}},null,8,["item"]),e("div",re,[l(_,{items:c(st),"item-classes":{captionClass:"text-[#66B2AF]",titleClass:"text-[#071C2D] hover:text-[#66B2AF]",descriptionClass:"text-[#071C2D]",ctaClass:"border-[#66B2AF] hover:bg-[#66B2AF] text-[#071C2D] hover:text-white"}},null,8,["items"]),e("div",ue,[l(p,null,{default:g(()=>[e("div",{class:h(["htl-ad",c(n)?"htlad-right_rail":"htlad-leaderboard"])},null,2)]),_:1})])])])}}};export{Ce as default};