https://fiatrepublic.com/chunk-LRPOTLZQ.js

1import{a as M,b as f,d as _}from"./chunk-DQ3ZRMM5.js";import{g as P,h as Q}from"./chunk-FJOOM6F3.js";import{a as C,e as D}from"./chunk-ORLWFR7B.js";import{Ab as r,P as x,Pb as A,Qb as p,Ra as o,Rb as u,Yb as l,_b as S,ab as k,ec as h,fa as R,fc as g,hc as w,jc as b,xb as d,yb as i,zb as n}from"./chunk-IPMNJISG.js";var z=["stickyWrapper"],F=["stickyContent"],q=["slideTitle"],H=["slideDesc"],O=["slideImage"],E=c=>({"text-gray-500":c}),T=(c,m)=>({"bg-green-400":c,"opacity-0":m}),L=class c{platformService=x(M);gsapService=x(_);stickyWrapperRef;stickyContentRef;slideTitlesRef;slideDescsRef;slideImagesRef;activeSlideIndex=R(0);totalSlides=3;mainTl=null;st=null;ngAfterViewInit(){this.platformService.isBrowser()&&(this.gsapService.registerScrollTrigger(),requestAnimationFrame(()=>{this.setupScrollTriggerAndAnimation()}))}ngOnDestroy(){this.st?.kill(),this.mainTl?.kill()}setupScrollTriggerAndAnimation(){let m=this.stickyWrapperRef.nativeElement,s=this.stickyContentRef.nativeElement,e=this.slideTitlesRef.map(t=>t.nativeElement),a=this.slideDescsRef.map(t=>t.nativeElement),v=this.slideImagesRef.map(t=>t.nativeElement),y=this.totalSlides;f.set(e.slice(1),{autoAlpha:0,yPercent:100}),f.set(a.slice(1),{autoAlpha:0,yPercent:100}),f.set(v.slice(1),{autoAlpha:0,yPercent:-100}),f.set([e[0],a[0],v[0]],{autoAlpha:1,yPercent:0}),this.mainTl=f.timeline({scrollTrigger:{trigger:m,pin:s,scrub:1,start:"top top",end:()=>`+=${m.offsetHeight-window.innerHeight}`,onUpdate:t=>{let V=t.progress,I=Math.min(y-1,Math.floor(V*y));I!==this.activeSlideIndex()&&this.activeSlideIndex.set(I)}}}),this.mainTl.to({},{duration:.2});for(let t=0;t<y-1;t++)this.mainTl.to(e[t],{autoAlpha:0,yPercent:-100,duration:.5,ease:"power2.in"},`slide${t}`).to(a[t],{autoAlpha:0,yPercent:-100,duration:.5,ease:"power2.in"},`slide${t}`).to(v[t],{autoAlpha:0,yPercent:100,duration:.5,ease:"power2.in"},`slide${t}`).fromTo(e[t+1],{yPercent:100,autoAlpha:0},{autoAlpha:1,yPercent:0,duration:.5,ease:"power2.out"},`slide${t}+=0.25`).fromTo(a[t+1],{yPercent:100,autoAlpha:0},{autoAlpha:1,yPercent:0,duration:.5,ease:"power2.out"},`slide${t}+=0.25`).fromTo(v[t+1],{yPercent:-100,autoAlpha:0},{autoAlpha:1,yPercent:0,duration:.5,ease:"power2.out"},`slide${t}+=0.25`);this.mainTl.to({},{duration:.2}),this.st=this.mainTl.scrollTrigger??null}static \u0275fac=function(s){return new(s||c)};static \u0275cmp=k({type:c,selectors:[["fr-vertical-slider-section"]],viewQuery:function(s,e){if(s&1&&A(z,5)(F,5)(q,5)(H,5)(O,5),s&2){let a;p(a=u())&&(e.stickyWrapperRef=a.first),p(a=u())&&(e.stickyContentRef=a.first),p(a=u())&&(e.slideTitlesRef=a),p(a=u())&&(e.slideDescsRef=a),p(a=u())&&(e.slideImagesRef=a)}},decls:74,vars:29,consts:[["stickyWrapper",""],["stickyContent",""],["slideTitle",""],["slideImage",""],["slideDesc",""],[1,"relative","h-[240vh]","sm:h-[320vh]","md:h-[400vh]"],[1,"sticky","top-0","h-dvh","overflow-hidden","flex","items-center","justify-center"],[1,"container","mx-auto","px-4","sm:px-6","md:px-8","relative","w-full","h-full"],[1,"absolute","top-0","left-1/2","-translate-x-1/2","translate-y-[4rem]","hidden","md:block"],[1,"w-[20vh]","md:w-[30vh]","lg:w-[35vh]"],["fr-icon-tile-top",""],[1,"absolute","bottom-0","left-1/2","-translate-x-1/2","hidden","sm:block"],["fr-icon-tile-bottom",""],[1,"absolute","top-[calc(4rem+6vh)]","left-8","z-20"],[1,"text-2xl","sm:text-3xl","md:text-5xl","lg:text-[min(3.75rem,12vh)]","font-medium","tracking-tighter","leading-tight","opacity-100"],[1,"absolute","top-0","left-0","text-2xl","sm:text-3xl","md:text-5xl","lg:text-[min(3.75rem,12vh)]","font-medium","tracking-tighter","leading-tight","opacity-0"],[1,"absolute","top-[calc(4rem+6vh)]","right-8","z-20","flex","items-baseline","justify-end","gap-1"],[1,"text-xl","sm:text-3xl","md:text-[min(3rem,10vh)]","font-medium","text-green-400"],[1,"text-xl","sm:text-3xl","md:text-[min(3rem,10vh)]","font-medium","text-gray-500"],[1,"absolute","top-1/2","left-1/2","-translate-x-1/2","-translate-y-1/2","w-full","max-w-[65vw]","sm:max-w-[50vw]","lg:max-w-sm","max-h-[35vh]","aspect-square","z-10"],[1,"absolute","flex","justify-center","items-center","inset-0","opacity-100"],[1,"w-full","h-full","max-h-[35vh]"],["src","images/icons/resilient-banking.svg","alt","","loading","lazy","width","600","height","600",1,"w-full","h-full"],[1,"absolute","flex","justify-center","items-center","inset-0","opacity-0"],[1,"w-full","h-full"],["src","images/icons/bridge.svg","alt","","loading","lazy","width","700","height","500",1,"w-full","h-full"],["src","images/icons/weight-scale.svg","alt","","loading","lazy","width","650","height","550",1,"w-full","h-full"],[1,"absolute","bottom-[8vh]","right-8","z-20","max-w-sm","text-right","text-gray-700"],[1,"text-sm","sm:text-base","md:text-[min(1.125rem,4vh)]","opacity-100"],[1,"absolute","top-0","left-0","text-sm","sm:text-base","md:text-[min(1.125rem,4vh)]","opacity-0"],[1,"absolute","bottom-[8vh]","left-8","hidden","lg:flex","flex-col","gap-2","z-20"],[1,"flex","items-center","gap-3","transition-colors","duration-300",3,"ngClass"],[1,"w-2","h-2","rounded-full","transition-colors","duration-300",3,"ngClass"]],template:function(s,e){s&1&&(i(0,"section",5,0)(2,"div",6,1)(4,"div",7)(5,"div",8)(6,"div",9),r(7,"i",10),n()(),i(8,"div",11)(9,"div",9),r(10,"i",12),n()(),i(11,"div",13)(12,"div",14,2),l(14,"Re

1silient"),r(15,"br"),l(16,"multi-bank"),r(17,"br"),l(18,"network"),n(),i(19,"div",15,2),l(21,"Automated"),r(22,"br"),l(23,"reconciliation"),n(),i(24,"div",15,2),l(26,"Effortless"),r(27,"br"),l(28,"compliance"),n()(),i(29,"div",16)(30,"span",17),l(31),w(32,"number"),n(),i(33,"span",18),l(34,"/"),n(),i(35,"span",18),l(36),w(37,"number"),n()(),i(38,"div",19)(39,"div",20,3)(41,"div",21),r(42,"img",22),n()(),i(43,"div",23,3)(45,"div",24),r(46,"img",25),n()(),i(47,"div",23,3)(49,"div",24),r(50,"img",26),n()()(),i(51,"div",27)(52,"div",28,4),l(54,"Stay operational without disruptions. Our trusted banking partners ensure continuous fiat access, even if one provider changes its policies."),n(),i(55,"div",29,4),l(57,"Save time with virtual IBANs featuring built-in automated reconciliation-no manual checks needed."),n(),i(58,"div",29,4),l(60,"Stay ahead of regulations. Our transaction monitoring tool, Oxygen, simplifies compliance for crypto businesses, with expert support when you need it."),n()(),i(61,"ul",30)(62,"li",31),r(63,"div",32),i(64,"span"),l(65,"Resilient multi-bank network"),n()(),i(66,"li",31),r(67,"div",32),i(68,"span"),l(69,"Automated reconciliation"),n()(),i(70,"li",31),r(71,"div",32),i(72,"span"),l(73,"Effortless compliance"),n()()()()()()),s&2&&(o(31),S(" ",b(32,8,e.activeSlideIndex()+1,"2.0")," "),o(5),S(" ",b(37,11,e.totalSlides,"2.0")," "),o(26),d("ngClass",h(14,E,e.activeSlideIndex()!==0)),o(),d("ngClass",g(16,T,e.activeSlideIndex()===0,e.activeSlideIndex()!==0)),o(3),d("ngClass",h(19,E,e.activeSlideIndex()!==1)),o(),d("ngClass",g(21,T,e.activeSlideIndex()===1,e.activeSlideIndex()!==1)),o(3),d("ngClass",h(24,E,e.activeSlideIndex()!==2)),o(),d("ngClass",g(26,T,e.activeSlideIndex()===2,e.activeSlideIndex()!==2)))},dependencies:[C,Q,P,D],styles:["[_nghost-%COMP%]{display:block}"]})};export{L as VerticalSliderSection};