import{f as C,h as B,r as f,s as R,C as T,A as E,o as d,c as g,a as m,b as z,j as H,D as v,F as M,v as V,l as $,t as h,k as _,w as q,m as y,x as A,y as N}from"./entry.DV6a5_Hb.js";import{_ as j}from"./Icon.DriN-LnI.js";import{_ as D}from"./Button.CpdQ1HRJ.js";import{u as F}from"./nuxt-img.Db20Erng.js";import{_ as O}from"./Modal.vue.D29_Gtp-.js";const P=A(()=>N(()=>import("./nuxt-img.Db20Erng.js").then(n=>n.n),__vite__mapDeps([0,1,2,3]),import.meta.url).then(n=>n.default||n)),U={class:"gap-16 lg:gap-20 grid grid-cols-2 h-full parallaxInspirali"},G={class:"inspiraliSticky"},J={id:"title",class:"font-extrabold text-[16px] text-[var(--text-light-primary)] md:text-[20px] lg:text-[24px] xl:text-[32px] !leading-[116%]"},K=["innerHTML","id"],Q={class:"!m-0 font-bold text-[var(--light-primary)] text-sm"},et=C({__name:"computerView",props:{items:{type:Array,required:!0}},setup(n){const b=B();function w(o){b.open(O,{template:"video",url:o})}const k=n,u=f(),p=f(0);R(async()=>{window.addEventListener("scroll",L),await T();const o=document.querySelectorAll(".inspirali-description"),e={threshold:1};let t=[];const l=new IntersectionObserver(function(a,s){a.forEach(r=>{const c=parseInt(r.target.id.split("-")[1]);if(r.isIntersecting?t.push({index:c,intersectionRatio:r.intersectionRatio}):t=t.filter(i=>i.index!==c),t.length>0){t.sort((x,I)=>I.intersectionRatio-x.intersectionRatio);const i=t[0];p.value!==i.index&&(p.value=i.index)}})},e);o.forEach(a=>{l.observe(a)})});function L(){if(!u.value)return;const o=u.value.getBoundingClientRect(),e=document.querySelector(".inspiraliSticky"),t=document.querySelector(".inspiraliImage");if(!e||!t)return;const l=t.clientHeight,a=u.value.clientHeight;if(o.top>160)t==null||t.classList.remove("imageSticky"),e==null||e.classList.remove("lastState"),e==null||e.classList.add("initialState");else if(o.bottom>=l+160){if(e&&t){const s=e.getBoundingClientRect();t.style.width=`${s.width}px`}t==null||t.classList.add("imageSticky")}else-Math.abs(l-a+160)>o.top&&(t==null||t.classList.remove("imageSticky"),e==null||e.classList.add("lastState"),e==null||e.classList.remove("initialState"))}const S=F();return E(()=>S.getSizes(k.items[p.value].imgSrc,{sizes:"xs:100vw sm:100vw md:100vw lg:100vw xl:100vw",modifiers:{format:"webp",quality:80}})),(o,e)=>{const t=P,l=j,a=D;return d(),g("div",U,[m("div",G,[z(t,{loading:"lazy",width:"669",height:"529",class:"rounded-lg w-full max-w-[669px] max-h-[529px] inspiraliImage",src:`${n.items[H(p)].imgSrc}?webp`,alt:n.items[0].title,provider:"local"},null,8,["src","alt"])]),e[0]||(v(-1),e[0]=m("div",{class:"flex flex-col",ref_key:"inspiraliIText",ref:u},[(d(!0),g(M,null,V(n.items,(s,r)=>{var c;return d(),g("div",{key:r,class:$(["flex flex-col justify-center gap-2 mb-[200px] py-24",r+1==n.items.length?"mb-0":"mb-[200px]"])},[m("h3",J,h(s.title),1),m("p",{innerHTML:s.description,id:`index-${r}`,class:"!m-0 font-light text-[14px] text-[var(--text-light-secondary)] md:text-[16px] xl:text-[20px] !leading-[140%] inspirali-description"},null,8,K),(c=s.button)!=null&&c.link?(d(),_(a,{key:0,onClick:i=>w(s.button.link),variant:"outline",color:"light-primary",class:"flex justify-center items-center gap-2 border-[var(--light-primary)] border-0 hover:bg-[var(--light-hover-outline)] active:bg-[var(--light-pressed-outline)] mt-8 p-4 rounded-lg w-fit text-[var(--light-primary)] hover:transition-all"},{default:q(()=>{var i,x;return[(i=s.button)!=null&&i.icon?(d(),_(l,{key:0,name:s.button.icon,dynamic:"",class:"w-6 h-6 text-[var(--light-primary)]"},null,8,["name"])):y("",!0),m("p",Q,h((x=s.button)==null?void 0:x.title),1)]}),_:2},1032,["onClick"])):y("",!0)],2)}),128))],512),v(1),e[0])])}}});export{et as _}; function __vite__mapDeps(indexes) { if (!__vite__mapDeps.viteFileDeps) { __vite__mapDeps.viteFileDeps = ["./nuxt-img.Db20Erng.js","./entry.DV6a5_Hb.js","./entry.P_1uoI7d.css","./image-options.B4CkkJRm.js"] } return indexes.map((i) => __vite__mapDeps.viteFileDeps[i]) }