https://injective.com/_nuxt/scn3-MMH.js

1import{i as q,I as R,A as G,B as C,n as F,q as J,C as K,o as Q,c as X,E as Y,l as a,G as l,e,t as B,y as Z,H as d,r,m as n}from"#entry";const ee={class:"flex flex-col items-start gap-6 md:gap-10"},te={class:"w-[258px] whitespace-pre-line text-body-4"},ae={class:"hidden w-[684px] md:grid"},ne={class:"line-clamp-2 w-[298px] text-xl leading-6"},se={class:"w-[684px] text-2xl leading-7"},le={class:"w-[684px] h-18 text-xl leading-6"},oe=["aria-expanded"],ie={class:"grid font-TTCommons font-medium text-start"},re=748,ce=q({__name:"Card",props:{icon:{default:R.CoinStar},title:{},description:{},isExpanded:{type:Boolean,default:void 0},isCentered:{type:Boolean,default:!0},variant:{default:"default"},collapseWhenUncentered:{type:Boolean,default:!1}},emits:["update:isExpanded"],setup(o,{emit:z}){const{$gsap:f}=G(),c=o,A=z,m={bg:"#ffffff",text:"#000000",cta:"#4d3dff",iconBg:"#4d3dff",iconText:"#ffffff"},_=r(!1),k=r(392),x=r(null),p=r(null),w=r(null),y=r(null),v=r(null),h=r(null),i=r(!1);let u=null,b=null;const s=n(()=>c.isExpanded??_.value),H=n(()=>i.value?"ring-transparent bg-white text-black":"ring-gray-stroke bg-gray-surface text-white"),W=n(()=>i.value?"bg-primary-ocean-main text-white":"bg-white text-black"),O=n(()=>i.value?"text-black":"text-white"),I=n(()=>i.value?"text-primary-ocean-main focus-visible:ring-primary-ocean-main":"text-white focus-visible:ring-white"),L=n(()=>i.value?"text-black":"text-white"),M=n(()=>s.value?"":"line-clamp-2"),$=n(()=>c.variant==="compact"?248:272),j=n(()=>({"--solution-carousel-mobile-height":`${s.value?k.value:$.value}px`})),N=n(()=>s.value?"rotate-180":""),U=n(()=>s.value?"opacity-0":"opacity-100"),D=n(()=>s.value?"opacity-100":"opacity-0");C(s,async t=>{t&&await g(),S(t)}),C(()=>c.isCentered,t=>{!c.collapseWhenUncentered||t||!s.value||E(!1)}),C(()=>[c.description,c.title,c.variant],g),F(()=>{P(),g(),window.addEventListener("resize",g)}),J(()=>{b?.revert(),window.removeEventListener("resize",g)});function P(){x.value&&(b=f.matchMedia(),b.add("(min-width: 768px)",()=>{if(!(!x.value||!h.value||!v.value)&&!(!p.value||!y.value||!w.value))return f.set(v.value,{autoAlpha:0,y:8}),f.set(h.value,{autoAlpha:1,y:0}),u=f.timeline({paused:!0,onComplete:()=>{i.value=!0},onReverseComplete:()=>{s.value||(i.value=!1)}}),u.to(x.value,{width:re,duration:.4,ease:"power2.inOut"}).to(p.value,{backgroundColor:m.bg,ringColor:"transparent",color:m.text,duration:.35,ease:"power2.inOut"},.08).to(y.value,{backgroundColor:m.iconBg,color:m.iconText,duration:.35,ease:"power2.inOut"},.08).to(w.value,{color:m.cta,duration:.35,ease:"power2.inOut"},.08).to(h.value,{autoAlpha:0,duration:.2,y:-6,ease:"power2.out"},.24).to(v.value,{autoAlpha:1,duration:.24,y:0,ease:"power2.out"},.34),S(s.value),()=>{u?.kill(),u=null,i.value=!1,f.set([x.value,p.value,w.value,y.value,h.value,v.value],{clearProps:"all"})}}))}function E(t){c.isExpanded===void 0&&(_.value=t),A("update:isExpanded",t)}function S(t){if(u){if(t){u.play();return}u.reverse();return}i.value=t}function V(){E(!s.value)}async function g(){await K(),p.value&&(k.value=p.value.scrollHeight)}return(t,de)=>{const T=Z;return Q(),X("div",{ref_key:"rootRef",ref:x,class:l(["relative w-[306px] shrink-0 transition-all duration-500 ease-out max-md:h-[var(--solution-carousel-mobile-height)] md:mt-auto md:w-[362px] md:hover:-translate-y-3",o.variant==="default"?"md:h-100":"md:h-[372px]"]),style:Y(a(j))},[e("article",{ref_key:"panelRef",ref:p,class:l(["flex h-full w-full shrink-0 flex-col items-start gap-6 rounded-radius-s p-6 ring-1.5 transition-all duration-500 max-md:overflow-hidden md:gap-12 md:px-8 md:py-12",[a(H),{"hover:ring-[#404040]":!a(i)}]]),onClick:V},[e("span",{ref_key:"iconWrapperRef",ref:y,"aria-hidden":"true",class:l(["flex min-h-12 size-12 items-center justify-center rounded-lg transition-colors duration-500 md:min-h-16 md:size-16 md:rounded-xl md:p-3",a(W)])},[B(T,{name:o.icon,class:"size-8 md:size-10"},null,8,["name"])],2),e("div",ee,[e("div",{class:l(["flex flex-col items-start gap-2 md:hidden",a(O)])},[e("h3",te,d(o.title),1),e("p",{class:l(["overflow-hidden text-lg leading-6",a(M)])},d(o.description),3)],2),e("div",ae,[e("div",{ref_key:"collapsedTextRef",ref:h,class:l(["col-start-1 row-start-1 flex w-[298px] flex-col items-start gap-4",a(L)])},[e("h3",{class:l(["w-[298px] whitespace-pre-line text-2xl leading-7",o.variant==="default"?"min-h-14":""])},d(o.title),3),e("p",ne,d(o.description),1)],2),e("div",{ref_key:"expandedTextRef",ref:v,class:"col-start-1 row-start-1 flex w-[684px] flex-col items-start gap-4 text-black opacity-0"},[e("h3",se,d(o.title),1),e("p",le,d(o.description),1)],512)]),e("button",{ref_key:"buttonRef",ref:w,type:"button","aria-expanded":a(s),class:l(["flex items-center justify-center gap-2 font-TTCommons text-lg leading-6 transition-all duration-500 hover:opacity-80 focus-visible:outline-none focus-visible:ring-1.5 md:text-[22px] hover:-translate-y-1",a(I)])},[e("span",ie,[e("span",{class:l(["col-start-1 row-start-1 font-[inherit] transition-opacity duration-300",a(U)])},d(t.$t("common.read_more")),3),e("span",{class:l(["col-start-1 row-start-1 font-[inherit] transition-opacity duration-300",a(D)])},d(t.$t("common.read_less")),3)]),B(T,{name:a(R).ChevronRight,class:l(["size-4 transition-transform duration-300",a(N)])},null,8,["name","class"])],10,oe)])],2)],6)}}}),pe=Object.assign(ce,{__name:"PageSolutionsCarouselCard"});export{pe as _};