https://kigo.studio/_nuxt/DwKQjV6l.js

1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./BaN_nPat.js","./BzIJxrYs.js","./entry.YAdjvOer.css","./FooterComponent.BjueVZP3.css"])))=>i.map(i=>d[i]);
2import{_ as me,f as ge,C as ve,h as ye,r as m,g as be,i as f,E as we,j as xe,u as $e,k as Ce,l as ke,m as Se,n as Le,c as g,a as o,F as R,p as W,q as i,t as d,b as P,v as c,s as E,w as Te,S as Ae,H as He,o as h,d as B,x as N,z as Pe,I as Ee,y as Be,A as Ne}from"./BzIJxrYs.js";import{u as qe}from"./CaP2fLlt.js";import{q as Fe}from"./Sj3mY4n-.js";import"./DSfrP8f7.js";const Ie={class:"scrollable"},De={class:"blog__content"},Me={class:"blog__helper"},ze={class:"hero"},je={class:"hero__agency"},Ue={class:"hero__content"},Ve={class:"hero__information"},Re={class:"hero__title-mask"},We={class:"hero__title"},Ye={class:"hero__subtitle"},Oe={class:"posts"},Ke={class:"posts__container"},Ze={key:0,class:"posts__featured"},Ge={class:"posts__header"},Je={__name:"index",props:{changeCursorSize:{type:Function,default:()=>{}},mouseY:{type:Number,default:0},hasFinishedRouteTransition:Boolean},emits:["finishedLoading","videoHasPlayed"],async setup(Y,{emit:O}){let y,q;const{t:b,tm:K}=ge(),Z=ve(),G=Pe(()=>Ne(()=>import("./BaN_nPat.js"),__vite__mapDeps([0,1,2,3]),import.meta.url)),F=O,{$isMobileDevice:I}=ye();let k=null,p=null;const D=m(null),M=be(),S=m(null);let z=!1;const L=m(!1),j=m(!1);let w=null,x=null,$=0,T=!1;const U=t=>{const e=t.match(/^\/(en|es)(\/|$)/);return e?e[1]:"en"},J=t=>{if(!t)return"";const e=new Date(t);if(Number.isNaN(e.getTime()))return t;if(v.value==="es"){const s=e.getUTCDate(),l=e.toLocaleString("es-ES",{month:"short",timeZone:"UTC"}).replace(".",""),u=e.getUTCFullYear();return`${s} ${l}, ${u}`}const a=e.toLocaleString("en-US",{month:"short",timeZone:"UTC"}).replace(".",""),n=e.getUTCDate(),r=e.getUTCFullYear();return`${a} ${n}, ${r}`},V=m(!1),v=f(()=>U(M.path)),_=f(()=>`blog.${v.value}`),Q=f(()=>v.value==="en"?"/blog":`/${v.value}/blog`),A=m(!1),X=f(()=>{const t=K("routes.blog.hero_title");if(Array.isArray(t))return t;const e=b("routes.blog.title_1"),a=b("routes.blog.title_2");return[`${e} ${a}`].filter(Boolean)}),{data:ee}=([y,q]=we(async()=>qe("post-list",async()=>(await Fe(Q.value).where({lang:v.value}).sort({date:-1}).find()).sort((e,a)=>e.featured&&!a.featured?-1:!e.featured&&a.featured?1:0))),y=await y,q(),y),C=Y,H=xe();$e({htmlAttrs:f(()=>H.value.htmlAttrs),link:f(()=>H.value.link),script:f(()=>[{type:"application/ld+json",children:JSON.stringify({"@context":"https://schema.org","@type":"Blog",name:"Kigo Blog",description:"Explore insights on web design, app creation, ecommerce, and business automation. Our Blog offers expert tips, case studies, and industry trends to help you thrive in the digital world.",url:H.value.meta[0].content,image:"https://kigo.studio/kigo-image.png"})}])}),Ce(()=>C.hasFinishedRouteTransition,t=>{t&&(p=document.querySelector(`.${_.value} .scrollable`),z=!0,ue(),requestAnimationFrame(()=>{oe()}),S.value=_e())});const te=()=>{if(typeof document>"u")return;const t=document.querySelectorAll(`.${_.value} .hero__title > span`),e=.04;t.forEach(a=>{const n=(a.textContent||"").trim();if(!n)return;const r=document.createDocumentFragment();let s=0;Array.from(n).forEach(l=>{if(l===" ")r.appendChild(document.createTextNode(" "));else{const u=document.createElement("span");u.className="hero__title-char",u.textContent=l,u.style.display="inline-block",u.style.transitionDelay=`${(s*e).toFixed(3)}s`,r.appendChild(u),s+=1}}),a.textContent="",a.appendChild(r)})},se=()=>{document.querySelectorAll(`.${_.value} .hero__title`).forEach(n=>{n.style.transform="translateY(0)"});const e=document.querySelector(`.${_.value} .hero__subtitle`);e&&(e.style.opacity=1),document.querySelectorAll(`.${_.value} .hero__title > span`).forEach(n=>{n.classList.remove("is-visible"),n.offsetWidth,n.classList.add("is-visible")})},oe=()=>{typeof document>"u"||(te(),se())},ae=t=>{const a=document.getElementById("scrollbar-thumb");a.style.height="20%",a.style.top=`${t*(1-20/100)}%`},ne=t=>{k&&clearTimeout(k);const e=document.getElementById("scrollbar-container");e.style.opacity==0&&(e.style.opacity=1),k=setTimeout(()=>{e.style.opacity=0},2*1e3),ae(t)},re=t=>{w.style.transform=`scale(${1-.05*t})`,w.style.borderRadius=`${20*t}px`},le=()=>{I()||C.changeCursorSize(!0,b("read"))},ie=()=>{C.changeCursorSize(!1)},ce=()=>{Z.setGlobalLoading(!0)},ue=()=>{F("finishedLoading"),F("videoHasPlayed"),V.value=!0,p&&(p.style.overflow="auto")},de=t=>t.join(" / "),he=t=>{const e=document.querySelector(".whatsapp-icon");t>.2?e.classList.add("is-visible"):e.classList.remove("is-visible")},_e=()=>{const t=e=>{T||(requestAnimationFrame(function(){w||(w=document.querySelector(`.${_.value} .hero`)),x||(x=document.querySelector(`.${_.value} .footer`)),$=e.target.scrollTop;const a=window.innerHeight,n=$/a;he(n);const r=p.scrollHeight-p.clientHeight,s=$/r*100;ne(s);const l=r-x.offsetHeight*.95,u=Math.max(($-l)/(x.offsetHeight*.95),0);re(u*2),T=!1}),T=!0)};return p.addEventListener("scroll",t),()=>{p.removeEventListener("scroll",t)}},pe=t=>{if(t.includes("Steven"))return"images/blog/steven-avatar.jpeg"},fe=()=>{setTimeout(()=>{if(z)return A.value=!0;setTimeout(()=>{A.value=!0},200)},10)};return ke(()=>{L.value=I(),j.value=!0,Se.to(D.value,{duration:2,scrambleText:{text:b("subtitle"),chars:"<+&/sx",revealDelay:.5,speed:.3}})}),Le(()=>

2{S.value&&S.value()}),(t,e)=>{const a=He,n=Ee,r=Be;return h(),g("main",{class:c(`blog ${U(i(M).path)}`)},[e[4]||(e[4]=o("div",{class:"shadow-main"},null,-1)),o("div",Ie,[o("div",De,[o("div",Me,[o("section",ze,[o("div",je,[o("div",{ref_key:"subtitle",ref:D},null,512)]),o("div",Ue,[e[3]||(e[3]=o("div",{class:"hero__overlay"},null,-1)),o("div",Ve,[o("div",Re,[o("h1",We,[(h(!0),g(R,null,W(i(X),(s,l)=>(h(),g("span",{key:`${s}-${l}`},d(s),1))),128))])]),o("h2",Ye,d(t.$t("routes.blog.header")),1)]),P(a,{sizes:"lg:50vw md:50vw sm:100vw xs:100vw",height:"120vh",class:c(["hero__image",{"hero__image--loaded":i(A)}]),alt:"Hero image of Blog page - A spaceman looking at his helmet screen",src:"images/blog/hero-image.jpg",onLoad:fe},null,8,["class"]),o("section",Oe,[o("div",Ke,[(h(!0),g(R,null,W(i(ee),(s,l)=>(h(),g("article",{key:l,class:c(["posts__item",{"posts__item--featured":s.featured}]),onMouseenter:le,onMouseleave:ie},[P(n,{to:s._path,class:"posts__link","aria-label":s.title,onClick:ce},null,8,["to","aria-label"]),e[2]||(e[2]=o("div",{class:"posts__border"},null,-1)),o("div",{class:c(["posts__content",{"posts__content--featured":s.featured}])},[o("span",{class:c(["posts__author",{"posts__author--featured":s.featured}])},[P(r,{src:pe(s.author),width:"30",height:"30",alt:`Profile picture of ${s.author}`,class:c(["posts__avatar",{"posts__avatar--featured":s.featured}])},null,8,["src","alt","class"]),B(" "+d(s.author),1)],2),s.featured?(h(),g("span",Ze,[B(d(t.$t("featured"))+" ",1),e[0]||(e[0]=o("span",null,null,-1))])):N("",!0),o("div",{class:c(["posts__themes visually-hidden",{"posts__themes--featured":s.featured}])},d(de(s.tags)),3),o("div",{class:c(["posts__date",{"posts__date--featured":s.featured}])},d(J(s.date)),3),o("span",{class:c(["posts__duration",{"posts__duration--featured":s.featured}])},[e[1]||(e[1]=o("svg",{width:"800px",height:"800px",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[o("circle",{cx:"12",cy:"12",r:"9",stroke:"#fff","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),o("path",{d:"M12 6.5V12L16 14",stroke:"#fff","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})],-1)),B(" "+d(s.duration)+" "+d(t.$t("routes.blog.min_read")),1)],2),o("div",Ge,[o("h3",null,d(s.title),1)]),o("div",{class:c(["posts__image-container",{"posts__image-container--featured":s.featured}])},[i(j)?(h(),E(r,{key:0,class:"posts__image",src:s.thumbnail,width:i(L)?140:300,fit:"cover",height:i(L)?140:300,alt:s.mainImageAlt},null,8,["src","width","height","alt"])):N("",!0)],2)],2)],34))),128))])])])])]),(h(),E(Ae,null,{default:Te(()=>[i(V)?(h(),E(i(G),{key:0,"view-class":i(_),"change-cursor-size":C.changeCursorSize},null,8,["view-class","change-cursor-size"])):N("",!0)]),_:1}))])])],2)}}},st=me(Je,[["__scopeId","data-v-e08d1679"]]);export{st as default};