https://injective.com/_nuxt/B2ccr1w5.js

1import{i as T,B as A,n as N,a5 as F,o as m,k as z,w as P,e as n,t as k,y as D,H as c,E as V,l as f,I as _,G as I,r as w,m as b,P as M,C as q,J as G,u as J,as as x,q as W,c as $,F as B,z as E,_ as K}from"#entry";import{_ as Q}from"./GLc7AFUj.js";const X={class:"mb-6 flex size-12 items-center justify-center rounded-lg bg-primary-ocean-main text-white","aria-hidden":"true"},Y={class:"mb-2 min-h-12 whitespace-pre-line text-body-4"},Z={class:"flex items-center gap-1 text-lg leading-6 text-primary-ocean-main"},ee={class:"font-TTCommons font-medium"},R=144,te=T({__name:"MobileCard",props:{isActive:{type:Boolean},card:{}},setup(o){const t=o,s=w(null),l=w(0);let d;const g=b(()=>({maxHeight:`${t.isActive?l.value:R}px`}));function a(){l.value=s.value?.scrollHeight??R}return A(()=>t.card.description,()=>{q(a)}),N(()=>{if(a(),!s.value||!window.ResizeObserver){window.addEventListener("resize",a);return}d=new ResizeObserver(a),d.observe(s.value)}),F(()=>{window.removeEventListener("resize",a),d?.disconnect()}),(h,u)=>{const i=D,y=M;return m(),z(y,{class:I(["flex min-h-[392px] w-[306px] shrink-0 flex-col gap-6 justify-between rounded-radius-s border p-6 backdrop-blur-[12px] transition-colors duration-500 ease-out",o.isActive?"border-white bg-white text-black":"border-white/[0.12] bg-gray-surface text-white"]),to:o.card.to},{default:P(()=>[n("div",null,[n("span",X,[k(i,{name:o.card.icon,class:"size-8"},null,8,["name"])]),n("h3",Y,c(o.card.title),1),n("div",{class:"overflow-hidden transition-[max-height] duration-500 ease-[cubic-bezier(0.22,1,0.36,1)]",style:V(f(g))},[n("p",{ref_key:"descriptionRef",ref:s,class:"text-lg leading-6"},c(o.card.description),513)],4)]),n("span",Z,[n("span",ee,c(o.card.cta),1),k(i,{name:f(_).ChevronRight,class:"size-4"},null,8,["name"])])]),_:1},8,["class","to"])}}}),ne=Object.assign(te,{__name:"PageSolutionsInjSolutionsMobileCard"}),oe={class:"absolute inset-x-0 bottom-0 flex min-h-[232px] flex-col overflow-hidden rounded-20 border border-white/[0.12] bg-white/[0.04] p-8 backdrop-blur-[12px]"},se={class:"mb-4 min-h-12 shrink-0 whitespace-pre-line text-body-4"},ie={class:"min-h-0 overflow-hidden"},ae={class:"mt-8 flex shrink-0 items-center gap-2 text-xl leading-6 tracking-[-0.25px] transition-transform duration-300 hover:-translate-y-1"},re={class:"min-w-0 flex-1 truncate font-TTCommons"},ce=T({__name:"Card",props:{card:{},isExpanded:{type:Boolean},isDescriptionUnclamped:{type:Boolean}},emits:["card:expand","card:collapse"],setup(o){return(t,s)=>{const l=D,d=M;return m(),z(d,{class:"group relative h-[232px]",to:o.card.to,onMouseenter:s[0]||(s[0]=g=>t.$emit("card:expand")),onMouseleave:s[1]||(s[1]=g=>t.$emit("card:collapse"))},{default:P(()=>[n("div",oe,[n("h3",se,c(o.card.title),1),n("div",{class:I(["grid transition-[grid-template-rows] duration-500 ease-[cubic-bezier(0.22,1,0.36,1)]",o.isExpanded?"[grid-template-rows:minmax(3rem,1fr)]":"[grid-template-rows:minmax(3rem,0fr)]"])},[n("div",ie,[n("p",{class:I(["text-label-whyte-1",{"line-clamp-2":!o.isDescriptionUnclamped}])},c(o.card.description),3)])],2),n("span",ae,[n("span",re,c(o.card.cta),1),k(l,{name:f(_).ChevronRight,class:"size-4 shrink-0"},null,8,["name"])])])]),_:1},8,["to"])}}}),le=Object.assign(ce,{__name:"PageSolutionsInjSolutionsCard"}),de={class:"container mx-auto px-6 py-12 md:px-26 md:py-4"},ue={class:"relative flex min-h-[760px] flex-col items-center overflow-visible rounded-radius-s px-0 py-12 md:min-h-0 md:overflow-hidden md:rounded-20 md:px-30 md:py-20"},pe={class:"z-10 px-6 pb-6 md:px-20 md:pb-14"},me={class:"mb-2 text-left text-32 leading-none md:mb-4 md:whitespace-pre-line md:text-center md:text-h2"},_e={class:"max-w-[720px] whitespace-pre-line text-left text-lg leading-6 md:text-center md:text-body-3"},he={class:"z-10 mt-60 hidden w-full grid-cols-4 gap-x-6 py-4 md:grid 3xl:px-16"},fe=T({__name:"Index",setup(o){const{t}=G(),s=J(),l=[{id:"ai",icon:_.SpaceStars2,title:t("pages.tokenization.solutions.cards.ai_and_agentic_finance.title"),description:t("pages.tokenization.solutions.cards.ai_and_agentic_finance.description"),cta:t("pages.tokenization.solutions.

1cards.ai_and_agentic_finance.cta"),to:x.SolutionsAi},{id:"perpetuals",icon:_.MedalPrizeReward61,title:t("pages.tokenization.solutions.cards.perpetuals_and_derivatives.title"),description:t("pages.tokenization.solutions.cards.perpetuals_and_derivatives.description"),cta:t("pages.tokenization.solutions.cards.perpetuals_and_derivatives.cta"),to:x.SolutionsPerpetuals},{id:"tokenization",icon:_.TransferConversionExchange1,title:t("pages.tokenization.solutions.cards.tokenization.title"),description:t("pages.tokenization.solutions.cards.tokenization.description"),cta:t("pages.tokenization.solutions.cards.tokenization.cta"),to:x.SolutionsTokenization},{id:"stablecoins",icon:_.DollarPaymentsConversion11,title:t("pages.tokenization.solutions.cards.stablecoins_and_payments.title"),description:t("pages.tokenization.solutions.cards.stablecoins_and_payments.description"),cta:t("pages.tokenization.solutions.cards.stablecoins_and_payments.cta"),to:x.SolutionsStablecoins},{id:"infrastructure",icon:_.Institutions,title:t("pages.tokenization.solutions.cards.institutional_infrastructure.title"),description:t("pages.tokenization.solutions.cards.institutional_infrastructure.description"),cta:t("pages.tokenization.solutions.cards.institutional_infrastructure.cta"),to:x.SolutionsInfrastructure}],d=b(()=>j(s.path)),g=b(()=>l.find(e=>d.value.endsWith(j(e.to)))?.id),a=b(()=>l.filter(e=>e.id!==g.value)),h=w(null),u=w([]),i=new Map;function y(e){const r=i.get(e);r&&(clearTimeout(r),i.delete(e)),h.value=e,u.value.includes(e)||(u.value=[...u.value,e])}function L(e){h.value===e&&(h.value=null);const r=i.get(e);r&&clearTimeout(r),i.set(e,setTimeout(()=>{h.value!==e&&(u.value=u.value.filter(C=>C!==e)),i.delete(e)},500))}function H(e){return u.value.includes(e)}function j(e){return e.replace(/\/+$/,"")}return W(()=>{i.forEach(e=>clearTimeout(e))}),(e,r)=>{const C=ne,O=Q,U=le;return m(),$("section",de,[n("div",ue,[r[0]||(r[0]=n("div",{class:"absolute left-0 right-0 top-0 h-[760px] overflow-hidden rounded-radius-s bg md:inset-0 md:h-auto md:rounded-20"},[n("div",{class:"absolute inset-0 overlay"})],-1)),n("div",pe,[n("h2",me,c(e.$t("pages.tokenization.solutions.title")),1),n("p",_e,c(e.$t("pages.tokenization.solutions.description")),1)]),k(O,{loop:"",align:"center","contain-scroll":"trimSnaps",class:"z-10 -mx-12 self-stretch md:hidden","viewport-class":"overflow-hidden","container-class":"flex items-start gap-6 pb-12 pt-6","controls-class":"flex gap-2 pl-18"},{default:P(({selectedIndex:v})=>[(m(!0),$(B,null,E(f(a),(p,S)=>(m(),z(C,{key:`mobile-${p.title}`,card:p,"is-active":v===S},null,8,["card","is-active"]))),128))]),_:1}),n("div",he,[(m(!0),$(B,null,E(f(a),(v,p)=>(m(),z(U,{key:v.title,card:v,"is-description-unclamped":H(p),"is-expanded":f(h)===p,"onCard:collapse":S=>L(p),"onCard:expand":S=>y(p)},null,8,["card","is-description-unclamped","is-expanded","onCard:collapse","onCard:expand"]))),128))])])])}}}),ve=Object.assign(K(fe,[["__scopeId","data-v-d2c1c225"]]),{__name:"PageSolutionsInjSolutions"});export{ve as _};