1import{_ as g}from"./eEE6jMmV.js";import{h as w,k as C,E as S,c as a,n as c,a as e,b as d,w as $,C as p,p as l,t as n,o as i,r as V,F as u,v as x,x as z,a3 as B,I as D,a4 as N,s as T}from"./BiYDplip.js";const j=["id"],A={class:"relative"},E={class:"copreci-grid copreci-grid--gap-sm items-center"},F={class:"col-span-6 py-20"},I={class:"copreci-text copreci-header"},M={class:"copreci-text copreci-text--sm copreci-text-h3-as-h4"},P={key:0,class:"columns columns--wrap"},R={class:"col-span-6"},U={class:"relative"},G=["src","alt"],L=["onClick"],O={key:0},W={class:"mb-8 fs-22/26 text-copreci-500 font-medium"},Y={class:"mt-0"},q={key:0,class:"h-[125px]"},H=["src","alt"],Z=w({__name:"Product",props:{blok:Object},setup(t){const h=t,{state:J}=C(),o=S(void 0),_=m=>{var r;o.value=m,window.innerWidth>769&&N().to(window,{scrollTo:{y:`#${(r=h.blok)==null?void 0:r.id}`,offsetY:130}})},b=()=>{o.value=void 0};return(m,r)=>{const v=V("StoryblokRichText"),f=g,k=D,y=T("gsap");return t.blok?(i(),a("section",{key:0,id:t.blok.id,class:"bg-copreci-bg-light overflow-hidden"},[e("div",A,[d(f,null,{default:$(()=>[e("div",E,[e("div",F,[e("div",I,[e("h2",null,n(t.blok.title),1)]),e("div",M,[d(v,{doc:t.blok.description},null,8,["doc"]),t.blok.columns?(i(),a("div",P,[(i(!0),a(u,null,x(t.blok.columns,s=>(i(),a("div",{key:s._uid,class:"w-1/2"},[e("h5",null,n(s.title),1),e("p",null,n(s.text),1)]))),128))])):c("",!0)])]),e("div",R,[e("div",U,[z(e("img",{src:t.blok.image.filename,alt:t.blok.image.alt,class:"w-full"},null,8,G),[[y,{opacity:0,y:100},void 0,{whenVisible:!0,from:!0}]]),(i(!0),a(u,null,x(t.blok.features,s=>(i(),a("button",{key:s._uid,class:p(["absolute w-[35px] h-[35px] rounded-full border-2 border-copreci-500 flex items-center justify-center cursor-pointer max-[769px]:scale-75"]),style:B({top:`${s.position_top}%`,left:`${s.position_left}%`}),onClick:K=>_(s)},[e("span",{class:p(["bg-copreci-500 rounded-full transition-all duration-300",l(o)==s?"w-[35px] h-[35px]":"w-[25px] h-[25px]"])},null,2)],12,L))),128))])])])]),_:1}),e("div",{class:p(["w-[50vw] h-full absolute top-0 left-0 bg-white border-r border-copreci-500 transition-all duration-500 pl-screen flex items-center max-[769px]:w-screen max-[769px]:top-auto max-[769px]:bottom-0 max-[769px]:h-auto max-[769px]:border-t max-[769px]:border-r-0 max-[769px]:py-12",l(o)?"translate-x-0 opacity-100 pointer-events-auto max-[769px]:translate-x-0 max-[769px]:translate-y-0":"-translate-x-full opacity-0 pointer-events-none max-[769px]:-translate-x-0 max-[769px]:translate-y-full"])},[e("button",{class:"absolute top-3 right-3 cursor-pointer hover:opacity-80",onClick:b},[d(k,{name:"i-heroicons-x-mark",class:"size-8 text-copreci-500"})]),l(o)?(i(),a("div",O,[e("header",null,[e("h3",W,n(l(o).name),1)]),e("div",Y,[l(o).image?(i(),a("div",q,[e("img",{src:l(o).image.filename,alt:l(o).image.alt,class:"h-[125px]"},null,8,H)])):c("",!0)])])):c("",!0)],2)])],8,j)):c("",!0)}}});export{Z as default};
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.