https://www.benkicic.com/_nuxt/BaFLDBNj.js

1import{u as E,r as c,o,c as i,a as n,e as t,t as M,f as _,n as $,g as R,h as T,i as A,j as S,b as f,F as w,k as D,l as y,w as v,_ as P}from"./Brq8Bxzi.js";import{_ as B}from"./Bt7i_Hfm.js";import{g as F,u as N}from"./YIUFge2x.js";const V={class:"w-1/12 text-left text-sm"},L={key:0},G={class:"w-1/2 text-sm px-[5px]",ref:"tagAnditems"},H={key:0},J={__name:"projectTitle",props:["selected","outOfImage"],setup(l){E();const s=c(!1);return setTimeout(()=>{s.value=!0},3e3),(b,m)=>(o(),i("section",{ref:"nav",class:$(["fixed top-[50%] left-0 flex flex-wrap w-screen items-center -translate-y-[50%] overflow-hidden z-10 pointer-events-none transition-all duration-300 delay-100 mix-blend-difference text-white",{"opacity-100":!l.outOfImage,"opacity-0":l.outOfImage}])},[m[0]||(m[0]=n("p",{class:"w-5/12 text-left text-sm"}," ",-1)),n("p",V,[l.selected&&t(s)?(o(),i("span",L,M(l.selected.projects.number),1)):_("",!0)]),n("p",G,[l.selected&&t(s)?(o(),i("span",H,M(l.selected.projects.title),1)):_("",!0)],512)],2))}},K=["data-position"],Q={class:"w-[75%] md:w-[50%] text-sm relative"},U={class:"w-1/4 self-end"},W={class:"w-1/4 self-end"},X={class:"w-[75%] md:w-[50%]"},Y={key:1,class:"flex justify-center items-center"},Z={class:"w-full"},ne={__name:"index",setup(l){const s=c(null);c(null),c(null),c(null);const b=R(),m=c(null),r=c(!1),{$gsap:k,$Draggable:q,$ScrollTrigger:z,$InertiaPlugin:I,$CustomEase:ee,$ScrollSmoother:O,$Flip:te}=T(),j=A(()=>b.query.information);function g(h){r.value=!1,m.value=h}S(()=>{k.registerPlugin(q,I,z,O)});async function C(){const h=F`*[_type == "home"] {
2	title,
3	slug,
4	seo,
5	"projects": projects[] {
6		_type,
7		_key,
8		title,
9		"projects": projectReference-> {
10			_id,
11			_type,
12			title,
13			slug,
14      description,
15      number,
16		},
17		position,
18		image1 {
19			asset-> {
20				_id,
21				_type,
22				_ref,
23				url,
24				metadata {
25					dimensions {
26						aspectRatio,
27							height,
28							width
29						},
30					palette {
31						dominant {
32							background,
33							foreground
34						}
35					}
36				}
37			},
38		},
39		image2 {
40			asset-> {
41				_id,
42				_type,
43				_ref,
44				url,
45				metadata {
46					dimensions {
47						aspectRatio,
48							height,
49							width
50						},
51					palette {
52						dominant {
53							background,
54							foreground
55						}
56					}
57				}
58			},
59		},
60	},
61  image {
62    asset-> {
63				_id,
64				_type,
65				_ref,
66				url,
67				metadata {
68					dimensions {
69						aspectRatio,
70							height,
71							width
72						},
73					palette {
74						dominant {
75							background,
76							foreground
77						}
78					}
79				}
80			},
81  },
82  about
83	}`,a=N();try{const x=await a.fetch(h);s.value=x,setTimeout(()=>{let d=document.querySelectorAll(".home-image")[0],p=document.querySelectorAll(".home-image");k.to(d,{opacity:1,duration:2,delay:0,ease:"Expo.easeOut",onComplete:()=>{k.to(p,{duration:3,stagger:.1,delay:.3,opacity:1,ease:"Expo.easeOut"})}})},10)}catch(x){console.error("Error fetching data:",x)}}return S(()=>{C()}),(h,a)=>{const x=J,d=B,p=P;return o(),i(w,null,[f(x,{selected:t(m),outOfImage:t(r)},null,8,["selected","outOfImage"]),n("section",{class:$(["py-[5px] p-[5px] wrapper fixed top-0 left-0 w-full h-full overflow-y-scroll ease-[cubic-bezier(0.77, 0, 0.175, 1)] transition-transform duration-700 delay-0 bg-theme-background text-theme-text",{"translate-y-[0%]":!t(j),"-translate-y-[100%]":t(j)}])},[t(s)&&t(s)[0]?(o(!0),i(w,{key:0},D(t(s)[0].projects,(e,se)=>(o(),i("div",{class:$(["flex h-auto md:min-h-[calc(100vh-10px)] mb-[5px] flex-wrap relative bg-theme-background",{"justify-end":e.position=="right","justify-start":e.position=="left"}]),"data-position":e.position},[e.position=="left"?(o(),i(w,{key:0},[n("div",Q,[f(p,{to:`/works/${e.projects.slug.current}`},{default:v(()=>[(o(),y(d,{src:e.image1.asset._id,width:e.image1.asset.metadata.dimensions.width,height:e.image1.asset.metadata.dimensions.height,key:e.image1.asset._id,quality:"80",sizes:"sm:700px md:800px lg:800px xl:800px",provider:"sanity","data-position":e.position,onMouseenter:u=>g(e),onMouseleave:a[0]||(a[0]=u=>r.value=!0),class:"home-image opacity-0 h-[45vh] md:min-h-[calc(100vh-10px)] md:max-h-[calc(100vh-10px)] w-[100%] object-cover max-w-full p-[5px]"},null,8,["src","width","height","data-position","onMouseenter"]))]),_:2},1032,["to"])]),n("div",U,[f(p,{to:`/works/${e.projects.slug.current}`},{default:v(()=>[(o(),y(d,{src:e.image2.asset._id,width:e.image2.asset.metadata.dimensions.width,height:e.image2.asset.metadata.dimensions.height,key:e.image2.asset._id,"data-position":e.position,qual

83ity:"80",sizes:"sm:700px md:800px lg:800px xl:800px",provider:"sanity",onMouseenter:u=>g(e),onMouseleave:a[1]||(a[1]=u=>r.value=!0),class:"home-image opacity-0 home-image h-auto w-full max-w-full p-[5px]"},null,8,["src","width","height","data-position","onMouseenter"]))]),_:2},1032,["to"])])],64)):e.position=="right"?(o(),i(w,{key:1},[n("div",W,[f(p,{to:`/works/${e.projects.slug.current}`},{default:v(()=>[(o(),y(d,{src:e.image2.asset._id,width:e.image2.asset.metadata.dimensions.width,height:e.image2.asset.metadata.dimensions.height,key:e.image2.asset._id,"data-position":e.position,quality:"80",sizes:"sm:700px md:500px lg:500px xl:500px",provider:"sanity",onMouseenter:u=>g(e),onMouseleave:a[2]||(a[2]=u=>r.value=!0),class:"home-image opacity-0 h-auto w-full max-w-full p-[5px]"},null,8,["src","width","height","data-position","onMouseenter"]))]),_:2},1032,["to"])]),n("div",X,[f(p,{to:`/works/${e.projects.slug.current}`},{default:v(()=>[(o(),y(d,{src:e.image1.asset._id,width:e.image1.asset.metadata.dimensions.width,height:e.image1.asset.metadata.dimensions.height,key:e.image1.asset._id,quality:"80",sizes:"sm:700px md:500px lg:500px xl:500px",provider:"sanity","data-position":e.position,onMouseenter:u=>g(e),onMouseleave:a[3]||(a[3]=u=>r.value=!0),class:"home-image opacity-0 h-[45vh] md:min-h-[calc(100vh-10px)] md:max-h-[calc(100vh-10px)] w-[100%] object-cover max-w-full p-[5px]"},null,8,["src","width","height","data-position","onMouseenter"]))]),_:2},1032,["to"])])],64)):_("",!0)],10,K))),256)):_("",!0),t(s)&&t(s)[0].image?(o(),i("div",Y,[n("div",Z,[(o(),y(d,{src:t(s)[0].image.asset._id,width:t(s)[0].image.asset.metadata.dimensions.width,height:t(s)[0].image.asset.metadata.dimensions.height,key:t(s)[0].image.asset._id,quality:"90",sizes:"sm:700px md:900px lg:900px xl:900px",provider:"sanity",onMouseenter:a[4]||(a[4]=e=>g(h.item)),onMouseleave:a[5]||(a[5]=e=>r.value=!0),class:"home-image opacity-0 h-full w-[100%] object-cover max-w-full max-h-full p-[5px]"},null,8,["src","width","height"]))])])):_("",!0)],2)],64)}}};export{ne as default};