https://www.linearity.io/_nuxt/HomeCapabilitiesTestimonialKP.037568467d124b47555ffc66d0d7df1a5abfaf23.js

1import{_ as ge}from"./NuxtImg.vue_vue_type_script_setup_true_lang.037568467d124b47555ffc66d0d7df1a5abfaf23.js";import{_ as he}from"./Icon.vue_vue_type_script_setup_true_lang.037568467d124b47555ffc66d0d7df1a5abfaf23.js";import f from"./index4.037568467d124b47555ffc66d0d7df1a5abfaf23.js";import{ScrollTrigger as J}from"./ScrollTrigger.037568467d124b47555ffc66d0d7df1a5abfaf23.js";import{S as pe,a as we}from"./swiper-vue.037568467d124b47555ffc66d0d7df1a5abfaf23.js";import{P as be}from"./pagination.037568467d124b47555ffc66d0d7df1a5abfaf23.js";import"./swiper.037568467d124b47555ffc66d0d7df1a5abfaf23.js";/* empty css                                                  *//* empty css                                                    */import{_ as j}from"./TextKP.vue_vue_type_script_setup_true_lang.037568467d124b47555ffc66d0d7df1a5abfaf23.js";import ae from"./ButtonKP.037568467d124b47555ffc66d0d7df1a5abfaf23.js";import{u as ke}from"./useBgTrigger.037568467d124b47555ffc66d0d7df1a5abfaf23.js";import"./helpers.037568467d124b47555ffc66d0d7df1a5abfaf23.js";import{e as ye,a5 as xe,n as c,a6 as B,f as Ce,a7 as _e,G as Me,c as m,B as k,a as s,b as h,y,C as Q,F as N,l as U,i as D,w as p,k as x,v as C,E as Te,o as n,d as T,t as w,_ as Ie}from"./entry.037568467d124b47555ffc66d0d7df1a5abfaf23.js";import{g as se}from"./route.037568467d124b47555ffc66d0d7df1a5abfaf23.js";import{s as Pe}from"./interval.037568467d124b47555ffc66d0d7df1a5abfaf23.js";import"./composables.037568467d124b47555ffc66d0d7df1a5abfaf23.js";import"./nuxt-link.037568467d124b47555ffc66d0d7df1a5abfaf23.js";import"./BorderKP.vue_vue_type_script_setup_true_lang.037568467d124b47555ffc66d0d7df1a5abfaf23.js";import"./useAnimationStore.037568467d124b47555ffc66d0d7df1a5abfaf23.js";const je={class:"kp-grid h-full kp-container max-lg:!px-0"},Le={class:"absolute w-[48.25rem] h-[48.25rem] flex justify-center items-center"},Oe={class:"w-[23.5rem] h-[23.5rem] relative flex justify-center items-center"},Re={class:"absolute z-10 flex items-center justify-center pointer-events-none select-none"},ze={class:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 pointer-events-none w-[23.5rem] h-[28.125rem] flex items-center justify-center"},Se={class:"mb-[4rem] lg:mb-0 flex lg:block items-center flex-col flex-none max-lg:text-center"},Be=["innerHTML"],De={class:"relative"},Ee={class:"absolute left-0 bottom-[0.5rem] lg:bottom-[0.75rem] w-[5rem] md:w-[6.25rem] lg:w-[8.75rem] pointer-events-none -z-10",viewBox:"0 0 218 36",fill:"none",preserveAspectRatio:"none",xmlns:"http://www.w3.org/2000/svg"},$e={key:2,class:"flex items-center gap-[.8rem] md:gap-[1.25rem] md:mt-[2rem] mt-[1.6rem] justify-center lg:justify-start"},Ae={class:"relative lg:w-full"},Ne={key:0,class:"flex flex-col gap-[0.25rem] w-full self-start"},Ue=["onClick"],We={class:"relative flex-shrink-0 w-[3rem] h-[3rem] rounded-[0.75rem] bg-white/[0.06] flex items-center justify-center mr-[1.25rem] border border-white/[0.08]"},He={key:0,class:"absolute inset-0 w-full h-full drop-shadow-[0_0_4px_rgba(255,255,255,0.25)]",viewBox:"0 0 48 48",style:{transform:"rotate(-90deg)"}},Ke=["stroke-dashoffset"],Fe={class:"flex flex-col justify-center min-h-[3rem] flex-1"},Ge={class:"overflow-hidden"},qe={key:1,class:"w-full"},Je={class:"relative w-full md:max-w-[10rem] max-w-[7.125rem] flex items-center justify-center mx-auto mb-[2rem]"},Qe={class:"relative flex flex-col items-center text-center mt-[1rem] flex-1"},Ve={class:"relative flex-shrink-0 w-[3rem] h-[3rem] rounded-[0.75rem] bg-white/[0.06] flex items-center justify-center mb-[1rem]"},Xe={class:"flex flex-col items-center justify-center flex-1"}

1,le=165.2,Ye=ye({__name:"HomeCapabilitiesTestimonialKP",props:{blok:{},isMerged:{type:Boolean,default:!1},mergedProgress:{default:0}},emits:["go-to-step"],setup(o,{emit:oe}){typeof window<"u"&&f.registerPlugin(J);const{hasInteracted:W}=xe(),d=o,ie=oe,E=C(()=>{const e=d.blok?.imgsTestimonial||[],t=d.blok?.listItemTestimonial||[];return e.map((a,l)=>{const v=t[l];return{id:l+1,hasContent:!!(v&&(v.title||v.description)),title:v?.title||"",description:v?.description||"",thumbImage:a.filename||""}})}),H=C(()=>E.value.filter(e=>e.hasContent)),V=C(()=>H.value.length),I=C(()=>Math.max(0,V.value-1)),$=C(()=>V.value),_=c(null);ke(_,.04,.08);const L=C(()=>360/E.value.length),g=c(0),P=c(d.isMerged?345:-15),O=C(()=>{const t=(d.blok?.testiTitleItems||[]).map(a=>a.text||a.title||"");return[t[0]||"team",t[1]||"asset"]}),K=c(0);let F=null;const X=c(null),R=c(null),z=c(null),M=c(null),re=e=>e?e.replace(/\r?\n/g,"<br>"):"";B(K,e=>{const t=e===0?R:z,a=e===0?z:R;if(a.value&&t.value&&X.value&&(f.fromTo(a.value,{yPercent:0},{yPercent:-100,duration:.7,ease:"power1.inOut"}),f.fromTo(t.value,{yPercent:100},{yPercent:0,duration:.7,ease:"power1.inOut"}),M.value)){const l=M.value.getTotalLength();f.fromTo(M.value,{strokeDasharray:l,strokeDashoffset:l},{strokeDashoffset:0,duration:.6,ease:"power1.inOut",delay:.1})}}),B(()=>d.mergedProgress,e=>{if(d.isMerged&&e!==void 0){let t=0,a=-15;if(e<=.5){const l=e/.5;t=0,a=345-l*360}else if(e<=1)t=(e-.5)/.5*$.value,a=-15;else{const l=(e-1)/.5;t=$.value,a=-15-l*90}g.value=t,P.value=a}},{immediate:!0});const b=C(()=>{if(d.isMerged){if(d.mergedProgress<=.5)return 0;const t=15/L.value+.5,a=Math.floor(g.value+t);return Math.max(0,Math.min(I.value,a))}else{const e=Math.floor(g.value);return Math.max(0,Math.min(I.value,e))}}),G=c(null),Y=c(0),A=c(0),Z=c(0),ne=c(20),ee=()=>{typeof window<"u"&&(ne.value=window.innerWidth>767?40:20)};B(A,e=>{f.to(Z,{value:e,duration:.35,ease:"power2.out",overwrite:"auto"})});const ue=c(!1),S=c(!1);B(S,e=>{e||setTimeout(()=>{u.value&&(u.value.update(),u.value.autoplay&&u.value.autoplay.start())},150)});const u=c(null),ce=e=>{u.value=e,A.value=e.realIndex,Z.value=A.value,Y.value=e.realIndex/I.value,e.autoplay&&e.autoplay.stop()},me=e=>{A.value=e.realIndex;const t=e.realIndex/I.value;f.to(Y,{value:t,duration:.5,ease:"power2.out",overwrite:"auto"}),e.autoplay&&e.autoplay.start()},de=e=>{if(!S.value){u.value&&u.value.slideTo(e);return}if(d.isMerged)ie("go-to-step",e);else{const t=J.getById("capabilities-testimonial-pin");if(t){const a=e/$.value,l=t.start+a*(t.end-t.start);window.lenis?window.lenis.scrollTo(l,{duration:1}):window.scrollTo({top:l,behavior:"smooth"})}else f.to(g,{value:e,duration:.5,ease:"power2.out"})}},fe=e=>{if(e!==b.value)return 0;if(d.isMerged){if(d.mergedProgress<=.5)return d.mergedProgress>.45?Math.min(1,Math.max(0,(d.mergedProgress-.45)/.05)):0;if(e===0||g.value>=I.value+.9)return 1;const a=.5-15/L.value,l=e-1+a,v=e+a,r=(g.value-l)/(v-l);return Math.min(1,Math.max(0,r))}else{if(g.value>=I.value+.9)return 1;const t=g.value%1;return Math.min(1,Math.max(0,t))}},ve=e=>{const t=e-g.value,a=Math.abs(t),l=t*L.value+P.value,v=Math.max(.65,1-a/5*.35),r=Math.max(.05,1-a/8),i=Math.round(100-a*10);return{transform:`rotate(${l}deg) translate(43.125rem) rotate(${-l}deg) scale(${v})`,opacity:r,zIndex:i}};B(b,(e,t)=>{G.value=t,setTimeout(()=>{G.value===t&&(G.value=null)},700)});const te=()=>{typeof window<"u"&&(S.value=window.innerWidth>=1024),ee()};let q=null;return Ce(()=>{if(_.value){if(ue.value=!0,R.value&&z.value&&(f.set(R.value,{yPercent:0}),f.set(z.value,{yPercent:100})),M.value){const e=M.value.getTotalLength();f.set(M.value,{strokeDasharray:e,strokeDashoffset:0})}typeof window<"u"&&(S.value=window.innerWidth>=1024),ee(),window.addEventListener("resize",te),F=Pe(()=>{K.value=(K.value+1)%O.value.length},2500),J.create({trigger:_.value,start:"top bottom",end:"bottom top",onEnter:()=>{u.value&&u.value.autoplay&&u.value.autoplay.start()},onLeave:()=>{u.value&&u.value.autoplay&&u.value.autoplay.stop()},onEnterBack:()=>{u.value&&u.value.autoplay&&u.value.autoplay.start()},onLeaveBack:()=>{u.value&&u.value.autoplay&&u.value.autoplay.stop()}}),q=f.context(()=>{if(d.isMerged)return;f.matchMedia().add("(min-width: 1024px)",()=>{const t={val:-45};f.timeline({scrollTrigger:{trigger:_.value,start:"top bottom",end:"bottom top",scrub:1}}).to(t,{val:-90,duration:1,ease:"none",onUpdate:()=>{P.value=t.val}}).to(t,{val:-90,duration:3,ease:"none",onUpdate:()=>{P.value=t.val}}).to(t,{val:-135,duration:1,ease:"none",onUpdate:()=>{P.value=t.val}});const l={val:0};f.timeline({scrollTrigger:{id:"capabilities-testimonial-pin",trigger:_.value,start:"top top",end:"bottom bottom",scrub:1}}).to(l,{val:$.value,ease:"none",onUpdate:()=>{g.value=l.val}})})},_.value)}}),_e(()=>{window.removeEventListener("resize",te),q&&q.revert(),F&&clearInterval(F)}),(e,t)=>{const a=ge,l=he,v=Te("editable");return Me((n(),m("section",{ref_key:"sectionRef",ref:_,class:k(["relative home-testimonial-kp home-testimonial-capabilities-kp",o.isMerged?"h-screen w-screen flex-none":"h-auto lg:h-[400vh]"])},[s("div",je,[s("div",{class:k(["col-[1/2] lg:flex hidden h-screen items-center justify-center",o.isMerged?"relative":"sticky top-0"])},[s("div",Le,[t[1]||(t[1]=s("div",{class:"absolute inset-0 border-[0.125rem] rounded-full border-[#

1E2E2E21A]"},null,-1)),s("div",Oe,[s("div",Re,[h(a,{loading:y(W)?"eager":"lazy",src:"/images/testimonial/logo_testi.svg",alt:"Testimonial Logo",class:"w-[10.1875rem] h-auto"},null,8,["loading"])]),t[0]||(t[0]=s("div",{class:"absolute inset-0 flex items-center justify-center"},[s("svg",{width:"100%",viewBox:"0 0 386 386",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[s("circle",{cx:"193",cy:"193",r:"188",stroke:"#E2E2E2","stroke-opacity":"0.2","stroke-width":"10","stroke-dasharray":"1 6"})])],-1)),s("div",{class:"absolute inset-[1.25rem] dot-group will-change-transform",style:Q({transform:`rotate(${-g.value*L.value+P.value}deg)`})},[(n(!0),m(N,null,U(E.value.length,r=>(n(),m("div",{key:r,class:k(["absolute top-1/2 left-1/2 w-[0.5rem] h-[0.5rem] rounded-full transition-all duration-500",[(!o.isMerged||o.mergedProgress>.45)&&r-1===b.value?"bg-white scale-125":"bg-[#D9D9D9]/20"]]),style:Q({transform:`translate(-50%, -50%) rotate(${L.value*(r-1)}deg) translate(10.5rem)`})},null,6))),128))],4)]),s("div",ze,[(n(!0),m(N,null,U(E.value,(r,i)=>(n(),m("div",{key:r.id,class:"absolute w-full h-full flex items-center justify-center overflow-visible will-change-[transform,opacity]",style:Q(ve(i))},[h(a,{loading:y(W)?"eager":"lazy",src:r.thumbImage,alt:r.title||"testimonial",format:"webp",class:"h-full w-auto max-w-none"},null,8,["loading","src","alt"])],4))),128))])])],2),s("div",{class:k(["col-[1/-1] lg:col-[11/-1] h-auto lg:h-screen lg:pt-[13.4453781513dvh] lg:pb-[6.974789916dvh] md:py-16 lg:py-24 flex flex-col justify-center gap-[4.125rem]",o.isMerged?"relative":"lg:sticky lg:top-0"])},[s("div",Se,[o.blok?.testiLabel?(n(),D(j,{key:0,as:"p",size:"12","is-label":!0,weight:"medium",class:"text-white/50 md:text-[var(--kp-orange)] mb-[0.8125rem] fs-12-mb"},{default:p(()=>[T(w(o.blok.testiLabel),1)]),_:1})):x("",!0),o.blok?.testiTitle?(n(),D(j,{key:1,as:"h2",size:"h2",class:"text-white lg:max-w-[32.3125rem] !leading-[1.2]"},{default:p(()=>[s("span",{innerHTML:re(o.blok.testiTitle)},null,8,Be),s("span",De,[s("span",{ref_key:"wordContainerRef",ref:X,class:"relative inline-block align-baseline word-container-3d z-10"},[O.value[0]?(n(),m("span",{key:0,ref_key:"teamRef",ref:R,class:"word-el inline-block text-white whitespace-nowrap pl-[0.5rem] pr-[1rem] word-el-3d"},w(O.value[0]),513)):x("",!0),O.value[1]?(n(),m("span",{key:1,ref_key:"assetRef",ref:z,class:"word-el inline-block text-white whitespace-nowrap pl-[0.5rem] pr-[1rem] word-el-3d"},w(O.value[1]),513)):x("",!0)],512),(n(),m("svg",Ee,[s("path",{ref_key:"svgPathRef",ref:M,d:"M27.7668 7.57422C24.4217 7.67999 18.1119 9.16403 11.6567 12.3709C8.63603 13.8715 8.37876 16.4336 7.72429 18.251C7.31122 19.398 7.99838 20.4978 8.92695 21.3504C10.8849 23.1482 16.3555 23.7031 20.948 23.8682C25.9973 24.0497 34.6247 20.2991 39.4074 18.7975C42.9304 17.6913 52.4912 15.2861 59.2625 13.8806C63.8714 12.9239 67.6503 12.8116 72.777 13.0728C77.9361 13.3357 77.1709 17.0746 78.6645 19.3183C80.0342 21.376 83.5031 23.1646 90.7554 24.9307C95.5606 26.1009 99.9152 24.9916 103.901 23.9836C111.582 22.0407 118.179 19.6549 122.732 18.2157C127.942 16.5689 131.99 16.1227 135.601 15.9624C143.434 15.6147 148.244 17.1166 152.884 18.9227C160.515 21.893 167.436 25.0208 172.65 26.1955C176.236 27.0036 179.384 27.0561 182.36 27.4295C192.765 27.8061 206.235 27.383 208.665 26.899C209.227 26.8446 209.781 26.8446 210.352 26.8446",stroke:"#08C380","stroke-width":"15.148","stroke-linecap":"round"},null,512)]))])]),_:1})):x("",!0),o.blok?.testiCtaOutlineLink&&o.blok?.testiCtaOutlineText||o.blok?.testiCtaPrimaryLink&&o.blok?.testiCtaPrimaryText?(n(),m("div",$e,[o.blok?.testiCtaOutlineLink&&o.blok?.testiCtaOutlineText?(n(),D(ae,{key:0,href:y(se)(o.blok.testiCtaOutlineLink),variant:"glass",class:"!w-[9.25rem]"},{default:p(()=>

1[T(w(o.blok.testiCtaOutlineText),1)]),_:1},8,["href"])):x("",!0),o.blok?.testiCtaPrimaryLink&&o.blok?.testiCtaPrimaryText?(n(),D(ae,{key:1,href:y(se)(o.blok.testiCtaPrimaryLink),variant:"primary",class:"!w-[9.25rem]"},{default:p(()=>[T(w(o.blok.testiCtaPrimaryText),1)]),_:1},8,["href"])):x("",!0)])):x("",!0)]),s("div",Ae,[S.value?(n(),m("div",Ne,[(n(!0),m(N,null,U(H.value,(r,i)=>(n(),m("div",{key:"step-"+i,class:k(["relative flex flex-row items-start p-[1.25rem] rounded-[18px] transition-all duration-500 border border-white/[0.08] overflow-hidden cursor-pointer",[b.value===i?"bg-gradient-to-b from-white/[0.04] to-white/[0.02]":"bg-transparent"]]),onClick:Ze=>de(i)},[s("div",We,[h(l,{name:i===0?"ic-kp-testi1":i===1?"ic-kp-testi2":i===2?"ic-kp-testi3":i===3?"ic-kp-testi4":"ic-kp-testi5",class:k(["transition-opacity duration-500 w-[1.5rem] h-[1.5rem]",b.value===i?"opacity-100":"opacity-50"])},null,8,["name","class"]),b.value===i?(n(),m("svg",He,[s("rect",{x:"1",y:"1",width:"46",height:"46",rx:"11",fill:"none",stroke:"white","stroke-width":"2","stroke-dasharray":le,"stroke-dashoffset":le*(1-fe(i)),"stroke-linecap":"round",class:"transition-[stroke-dashoffset] duration-100 ease-linear"},null,8,Ke)])):x("",!0)]),s("div",Fe,[h(j,{as:"div",size:"16",class:k(["font-medium transition-colors duration-500",b.value===i?"text-white":"text-white/50"])},{default:p(()=>[T(w(r.title),1)]),_:2},1032,["class"]),s("div",{class:k(["grid transition-all duration-500 ease-linear pt-[0.25rem] opacity-100",b.value===i?"grid-rows-[1fr]":"grid-rows-[0fr]"])},[s("div",Ge,[h(j,{as:"p",size:"14",class:"text-white/55 leading-[1.55] pt-[0.125rem]"},{default:p(()=>[T(w(r.description),1)]),_:2},1024)])],2)])],10,Ue))),128))])):(n(),m("div",qe,[h(y(we),{class:"w-full !overflow-visible",modules:[y(be)],"slides-per-view":1,"space-between":24,"touch-start-prevent-default":!1,loop:!0,pagination:{clickable:!0,el:".testimonial-swiper-pagination",bulletClass:"testimonial-pagination-bullet",bulletActiveClass:"testimonial-pagination-bullet-active"},breakpoints:{768:{slidesPerView:2}},onSwiper:ce,onSlideChange:me},{default:p(()=>[(n(!0),m(N,null,U(H.value,(r,i)=>(n(),D(y(pe),{key:r.id,class:"flex flex-col items-center !h-auto px-[1.5rem]"},{default:p(()=>[s("div",Je,[h(a,{loading:y(W)?"eager":"lazy",src:r.thumbImage,alt:r.title,format:"webp",class:"w-full h-full object-cover select-none",draggable:"false"},null,8,["loading","src","alt"])]),s("div",Qe,[s("div",Ve,[h(l,{name:i===0?"ic-kp-testi1":i===1?"ic-kp-testi2":i===2?"ic-kp-testi3":i===3?"ic-kp-testi4":"ic-kp-testi5",class:"transition-opacity duration-500 w-[1.5rem] h-[1.5rem] mobile-testi-icon"},null,8,["name"])]),s("div",Xe,[h(j,{as:"div",size:"18",class:"font-medium text-white mb-[0.5rem] fs-16-mb"},{default:p(()=>[T(w(r.title),1)]),_:2},1024),h(j,{as:"p",size:"14",class:"text-white/55 leading-[1.55]"},{default:p(()=>[T(w(r.description),1)]),_:2},1024)])])]),_:2},1024))),128))]),_:1},8,["modules"]),t[2]||(t[2]=s("div",{class:"testimonial-swiper-pagination flex justify-center items-center gap-[0.5rem] mt-[2rem]"},null,-1))]))])],2)])],2)),[[v,o.blok]])}}}),kt=Ie(Ye,[["__scopeId","data-v-775aae4b"]]);export{kt as default};