https://whatagraph.com/_nuxt/WSO5_Rox.js

1import{r as h,z as g,o as R,Z as P,d as r,b as n,l as b,a as v,c as V,u as t,f as x,F as B,k as m,t as f,H as q,y as z,e as A}from"./DMrrjmsP.js";import{j as I,x as H}from"./B7bInGnI.js";import{u as E}from"./DNb_nifd.js";const G={key:1},Z={class:"block h-9 opacity-0"},J={__name:"AnimatedMetric",props:{value:{type:[String,Number],required:!0},threshold:{type:Number,default:.3},from:{type:Number,default:0}},setup(l){const o=l,d=h(null),c=g(()=>o.value==null?"":String(o.value).trim());function p(s){const a=s.split(".")[1],i=a?a.length:0;return{useGrouping:s.includes(","),minimumFractionDigits:i,maximumFractionDigits:i}}function y(s){if(!s)return{isNumeric:!1};const a=/^(\D*)(\d[\d,]*(?:\.\d+)?)(\s*(?:[-–—]|to))(\D*)(\d[\d,]*(?:\.\d+)?)(?![\d,.])(.*)$/i,i=s.match(a);if(i){const[,j,w,S,T,M,O]=i,F=Number(w.replace(/,/g,"")),D=Number(M.replace(/,/g,""));if(Number.isFinite(F)&&Number.isFinite(D))return{isNumeric:!0,isRange:!0,prefix:j,separator:S,midPrefix:T,suffix:O,segments:[{value:F,format:p(w)},{value:D,format:p(M)}]}}const C=/^(\D*?)(-?\d[\d,]*(?:\.\d+)?)(?![\d,.])(.*)$/,_=s.match(C);if(!_)return{isNumeric:!1};const[,L,k,$]=_,N=Number(k.replace(/,/g,""));return Number.isFinite(N)?{isNumeric:!0,isRange:!1,prefix:L,suffix:$,segments:[{value:N,format:p(k)}]}:{isNumeric:!1}}const e=g(()=>y(c.value)),u=h([o.from,o.from]);return R(()=>{if(!e.value.isNumeric)return;const{stop:s}=E(d,([a])=>{a!=null&&a.isIntersecting&&(u.value=e.value.segments.map(i=>i.value),s())},{threshold:o.threshold})}),P(()=>{var s;return(s=e.value.segments)==null?void 0:s.map(a=>a.value).join(",")},()=>{e.value.isNumeric&&u.value[0]!==o.from&&(u.value=e.value.segments.map(s=>s.value))}),(s,a)=>{const i=q;return n(),r("span",{ref_key:"root",ref:d,style:{"font-variant-numeric":"tabular-nums"}},[b(i,null,{fallback:v(()=>[m("span",Z,f(t(c)),1)]),default:v(()=>[t(e).isNumeric?(n(),V(t(I),{key:0},{default:v(()=>[b(t(H),{value:t(u)[0],prefix:t(e).prefix,suffix:t(e).isRange?"":t(e).suffix,format:t(e).segments[0].format,trend:1},null,8,["value","prefix","suffix","format"]),t(e).isRange?(n(),r(B,{key:0},[m("span",null,f(t(e).separator)+f(t(e).midPrefix),1),b(t(H),{value:t(u)[1],suffix:t(e).suffix,format:t(e).segments[1].format,trend:1},null,8,["value","suffix","format"])],64)):x("",!0)]),_:1})):(n(),r("span",G,f(t(c)),1))]),_:1})],512)}}},K={class:"relative w-full overflow-hidden pb-12 pt-28 md:pb-20 md:pt-32 lg:pb-[120px] lg:pt-[198px]"},Q={class:"wg-container relative max-w-[1220px]"},U=["innerHTML"],W=["innerHTML"],X={key:1,class:"text-[20px]/[120%] font-semibold text-base-dark lg:text-[24px]",style:{"font-variant-numeric":"tabular-nums"}},Y={class:"text-sm font-normal text-grey-600 sm:text-base"},ae={__name:"CaseStudiesHero.global",props:{content:{type:Object,default:null,required:!0}},setup(l){const o=l,d=g(()=>o.content.animate_metrics===!0),c=h(!1);R(()=>{c.value=!0});const p=g(()=>!d.value||c.value);return(y,e)=>{var s;const u=J;return n(),r("div",K,[e[0]||(e[0]=m("div",{class:"pointer-events-none absolute inset-0 bg-contain bg-no-repeat lg:bg-[url('@/assets/images/case-studies-header-right.webp')] lg:bg-right-top"},null,-1)),e[1]||(e[1]=m("div",{class:"pointer-events-none absolute inset-0 bg-[length:314px_690px] bg-no-repeat lg:bg-[url('@/assets/images/case-studies-header-left.webp')] lg:bg-left-bottom"},null,-1)),m("div",Q,[l.content.title?(n(),r("h1",{key:0,class:"text-wrap-pretty w-full text-center text-31 font-normal leading-9.5 text-base-dark sm:text-40 sm:leading-13 lg:mb-1 lg:text-[48px]/[120%] xl:text-[60px]/[120%]",innerHTML:l.content.title},null,8,U)):x("",!0),l.content.subtext?(n(),r("p",{key:1,class:"mx-auto my-4 mt-1 w-full max-w-2xl text-pretty text-center text-base-dark md:text-lg lg:mb-12 lg:mt-6 lg:text-xl/[150%]",innerHTML:l.content.subtext},null,8,W)):x("",!0),(s=l.content.data_blocks)!=null&&s.length?(n(),r("div",{key:2,class:z(["mt-8 flex flex-col items-center justify-center gap-4 transition-opacity duration-200 md:mt-8 md:flex-row md:items-stretch md:gap-4 lg:mt-10",t(p)?"opacity-100":"opacity-0"])},[(n(!0),r(B,null,A(l.content.data_blocks,a=>(n(),r("div",{key:a.id,class:"flex min-h-[100px] w-full max-w-[210px] flex-1 flex-col gap-1 rounded-3xl border border-grey-200 bg-grey-25 p-6 text-left"}

1,[t(d)?(n(),V(u,{key:0,value:a.value,class:"text-[20px]/[120%] font-semibold text-base-dark lg:text-[24px]"},null,8,["value"])):(n(),r("span",X,f(a.value),1)),m("span",Y,f(a.description),1)]))),128))],2)):x("",!0)])])}}};export{ae as default};