https://blockchainsecurity.asia/_nuxt/D5XpAB8V.js

1import{w as k,a8 as S,aa as M,M as F,N as L,O as l,p as c,l as s,F as h,U as w,u as f,ar as A,b as B,a0 as o,j as d,J as g,Z as y,d as C,S as D}from"./BF0hqMPZ.js";import{s as m,S as E,D as N}from"./Dj0a2la2.js";import"./DFauBDQX.js";import"./Cu5OMU30.js";import"./HpIEGUc4.js";import"./BMxIphET.js";import"./DKFuU8hD.js";import"./32Y6bxCj.js";import"./jAD6ItGl.js";import"./goVczxuk.js";const V={class:"flex w-full flex-col lg:flex-row lg:items-start lg:gap-[72px]"},j={class:"w-full lg:max-w-150"},z={class:"flex items-start gap-5 sm:gap-8 lg:gap-10"},O={class:"min-w-0"},P={class:"min-h-0 overflow-hidden"},R={class:"mt-8 lg:hidden"},U={class:"mx-auto aspect-298/444 w-full max-w-[298px] overflow-hidden rounded-[40px_40px_0_40px]"},K=["src","alt"],$={class:"relative hidden aspect-440/656 w-full max-w-110 shrink-0 overflow-hidden rounded-[80px_80px_0_80px] mask-radial-from-white mask-radial-to-black lg:block"},J=["aria-hidden"],T=1024,W=k({__name:"ServiceShowcase",setup(Z){const{t:_}=S(),x=M(),a=D(N),p=new Map;function v(t,i){i?p.set(t,i):p.delete(t)}return F(()=>{if(window.innerWidth>=T)return;const t=new Set,i=new IntersectionObserver(r=>{for(const n of r){const e=[...p.entries()].find(([,b])=>b===n.target)?.[0];e&&(n.isIntersecting?t.add(e):t.delete(e))}const u=m.findLast(n=>t.has(n.id));u&&(a.value=u.id)},{rootMargin:"0px 0px -30% 0px"});for(const r of p.values())i.observe(r);L(()=>i.disconnect())}),(t,i)=>{const r=B,u=C;return l(),c("div",V,[s("div",j,[(l(!0),c(h,null,w(o(m),n=>(l(),c("div",{key:n.id,ref_for:!0,ref:e=>v(n.id,e),class:"py-8 sm:py-10 lg:border-b lg:border-deep-cyan/70 lg:py-12"},[f(u,{to:o(x)(n.href),class:"group block w-full text-left transition-colors duration-200 focus-visible:outline-none",onMouseenter:e=>a.value=n.id,onFocus:e=>a.value=n.id},{default:A(()=>[s("div",z,[f(r,{name:"arrow-down-right",class:"mt-1 shrink-0","icon-class":("cn"in t?t.cn:o(d))("transition-colors duration-200",n.id===o(a)?"text-cyan":"text-primary-black/70")},null,8,["icon-class"]),s("div",O,[s("span",{class:g(("cn"in t?t.cn:o(d))("block heading-5 transition-colors duration-200 lg:heading-4",n.id===o(a)?"text-cyan":"text-primary-gray"))},y(o(_)(n.titleKey)),3),s("div",{class:g(("cn"in t?t.cn:o(d))("grid transition-[grid-template-rows,margin-top] duration-700 mt-4 grid-rows-[1fr]",n.id===o(a)?"lg:mt-6":"lg:mt-0 lg:grid-rows-[0fr]"))},[s("div",P,[s("p",{class:g(("cn"in t?t.cn:o(d))("pr-2 subheading-2 transition-[opacity,transform,color] duration-700 translate-y-0 opacity-100",n.id===o(a)?"text-cyan":"text-primary-gray lg:-translate-y-2 lg:opacity-0"))},y(o(_)(n.descriptionKey)),3)])],2)])])]),_:2},1032,["to","onMouseenter","onFocus"]),s("div",R,[s("div",U,[s("img",{src:n.imageSrc,alt:n.imageAlt,class:"size-full object-cover",loading:"lazy"},null,8,K)])])]))),128))]),s("div",$,[(l(!0),c(h,null,w(o(m),n=>(l(),c("div",{key:n.id,class:g(("cn"in t?t.cn:o(d))("absolute inset-0 transition-opacity duration-300 ease-out",n.id===o(a)?"opacity-100":"pointer-events-none opacity-0")),"aria-hidden":n.id!==o(a)},[f(E,{src:n.imageSrc,alt:n.imageAlt},null,8,["src","alt"])],10,J))),128))])])}}}),sn=Object.assign(W,{__name:"ServiceShowcase"});export{sn as default};