1import{Gt as a,K as r,V as e,W as t,Yt as s,at as i,b as c,d as n,f as o,m as d,p as l,r as u,y as h}from"./BTeFyYUp.js";import{r as m}from"./B-I8uXbK.js";import{t as C}from"./B89Cm64z2.js";import{t as p}from"./DgLP3hnZ2.js";import{t as _}from"./DGzOaCsY.js";import{t as f}from"./B4NA4rgc.js";import{t as g}from"./CLtaP2m1.js";var v={class:"testimonial-card"},k={class:"testimonial-card__quote"},y={class:"testimonial-card__caption"},b={class:"testimonial-card__cite"},I={class:"testimonial-card__job-title"},T={class:"testimonial-card__company"};var W=["id"],w={class:"card-carousel__title-container"},x={class:"card-carousel__title"},j={class:"card-carousel__icon-container"},L={class:"card-carousel__white-card-heading"},S={key:0,class:"card-carousel__indicators"},D=["aria-label","data-gtm-track","disabled","onClick"];var $=p({name:"CardCarousel",components:{TestimonialCard:p({name:"TestimonialCard",components:{AppCmsImage:g},props:{card:{type:Object,required:!0}}},[["render",function(a,t,i,o,l,u){const h=r("AppCmsImage");return e(),d("figure",v,[n("blockquote",k,' "'+s(i.card.quote)+'" ',1),n("figcaption",y,[c(h,{field:i.card.companyLogo,class:"testimonial-card__logo"},null,8,["field"]),n("cite",b,[n("span",I,s(i.card.jobTitle),1),n("span",T,s(i.card.companyName),1)])])])}],["__scopeId","data-v-aae77958"]]),EIcon:C,EButtonTertiary:_},props:{slice:{type:Object,required:!0}},data:()=>({currentCardIndex:0,lastScreenWidth:0}),computed:{cardData(){const{variation:a,items:r,primary:e}=this.slice,t=parseInt(a.charAt(0));return"4WhiteCards"===a||"6WhiteCards"===a?r.length===t?r.map(a=>({...a,mobileVariant:"carousel",desktopColumns:e.desktopColumns})):[]:"4BlueCards"===a&&4===r.length?r.map(a=>({...a,companyLogoUrl:a.companyLogo.url,companyLogoAlt:a.companyLogo.alt})):[]},whiteCards(){return this.slice.variation.includes("WhiteCards")?this.cardData:[]},blueCards(){return this.slice.variation.includes("BlueCards")?this.cardData:[]},renderCarouselIndicators(){return this.lastScreenWidth<768},renderThreeColumns(){return 3===this.slice.primary?.desktopColumns},sliceId(){return m(this.slice.primary.title,this.slice.slice_type)}},mounted(){window.addEventListener("resize",this.updateCurrentCardIndex),this.lastScreenWidth=window.innerWidth,this.$refs.cardsContainer.addEventListener("scroll",this.handleScroll)},beforeUnmount(){window.removeEventListener("resize",this.updateCurrentCardIndex),this.$refs.cardsContainer.removeEventListener("scroll",this.handleScroll)},methods:{scrollToCard(a){const r=this.$refs.cardsContainer,e=r.scrollWidth/this.cardData.length*a-8;r.scrollTo({left:e,behavior:"smooth"}),this.currentCardIndex=a},goToSlide(a){this.scrollToCard(a)},resetToFirstCard(){const a=this.$refs.cardsContainer;this.currentCardIndex=0,a.scrollTo({left:0,behavior:"smooth"})},updateCurrentCardIndex(){this.resetToFirstCard(),this.lastScreenWidth=window.innerWidth},handleClick(a){f({event:"ga_tracking",eventCategory:"Click Tracking",eventAction:"Card Carousel learn more",eventLabel:`${a.stackedHeader}`})},handleScroll(){const a=this.$refs.cardsContainer,r=a.scrollWidth/this.cardData.length,e=a.scrollLeft;e>=a.scrollWidth-a.clientWidth?this.currentCardIndex=this.cardData.length-1:this.currentCardIndex=Math.round(e/r)}}},[["render",function(m,C,p,_,f,g){const v=r("e-icon"),k=r("EButtonTertiary"),y=r("TestimonialCard");return g.cardData.length?(e(),d("div",{key:0,id:g.sliceId,class:"card-carousel"},[n("div",w,[n("h2",x,s(p.slice.primary.title),1)]),n("div",{ref:"cardsContainer",class:a(["card-carousel__cards",{"card-carousel__cards--3col":g.renderThreeColumns}])},[(e(!0),d(u,null,t(g.whiteCards,a=>(e(),d("div",{key:a.stackedHeader,class:"card-carousel__card card-carousel__white-card"},[n("div",j,[c(v,{icon:a.icon,width:"32",height:"32"},null,8,["icon"])]),n("h3",L,s(a.stackedHeader),1),n("p",null,s(a.paragraphText),1),a.buttonPathname.url?(e(),o(k,{key:0,class:"card-carousel__white-card-link",href:a.buttonPathname.url,"icon-position":"right",icon:"chevron_circle_right",onClick:r=>g.handleClick(a)},{default:i(()=>[h(s(a.buttonText),1)]),_:2},1032,["href","onClick"])):l("",!0)]))),128)),(e(!0),d(u,null,t(g.blueCards,a=>(e(),o(y,{key:a.quote,card:a,class:"card-carousel__card"},null,8,["card"]))),128))],2),g.renderCarouselIndicators?(e(),d("div",S,[(e(!0),d(u,null,t(g.cardData.length,r=>(e(),d("button",{key:r,class:a(["card-carousel__indicator",r-1===f.currentCardIndex&&"card-carousel__indicator--active"]),"aria-label":`Slide ${r} of ${g.cardData.length}`,"data-gtm-track":`btn-carousel-slider indicator dot-position ${r}`,disabled:r-1===f.currentCardIndex,onClick:a=>g.goToSlide(r-1)},null,10,D))),128))])):l("",!0)],8,W)):l("",!0)}],["__scopeId","data-v-f72058f0"]]);export{$ as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.