https://tabunghaji.gov.my/_nuxt/hiTF1FtE.js

1import C from"./CajoCbuz.js";import{r as k,aw as b,U as B,L as _,W as M,Y as a,j as T,ay as y,i as r,l as c,F as h,a3 as v,p as N,J as L,af as d,M as V,k as E,a1 as w,_ as j}from"./CaybM7gS.js";import{u as P}from"./COPO4-hG.js";import{_ as S}from"./DlAUqK2U.js";import"./DfAj_3LY.js";import"./Cs1w09T_.js";import"./D0zLWRSr.js";import"./29Q671Qy.js";import"./C53JRSck.js";import"./CfOA-LQy.js";const I={class:"relative overflow-visible card-carousel"},W={key:0,class:"flex gap-[20px] mt-[48px] items-center"},z={class:"flex gap-[8px] items-center"},$=["onClick"],O=k({__name:"CardCarousel",props:{cards:{},showBullets:{type:Boolean},cardBackgroundColor:{},cardTextColor:{},cardNumberBackgroundColor:{},cardNumberTextColor:{},cardWithNumber:{type:Boolean}},setup(n){const f=w(null),u=w(0),m=w(0),s=P(f,{loop:!1,slidesPerView:"auto",spaceBetween:30,mousewheel:{forceToAxis:!0}});b(()=>s.activeIndex.value,e=>{u.value=e});const x=()=>{const e=s.instance.value;if(!e)return;const t=e.slides.length,l=Math.floor(e.width/(e.slides[0]?.offsetWidth||1)),i=Math.ceil(t-l+1);m.value=Math.max(1,i)};B(()=>{_(()=>{if(s.instance.value){const e=s.instance.value,t=e.slides.length,l=e.params.slidesPerView==="auto"?Math.floor(e.width/(e.slides[0]?.offsetWidth||1)):e.params.slidesPerView||1,i=Math.ceil(t-l+1);m.value=Math.max(1,i),e.on("slideChange",()=>{u.value=e.activeIndex}),window.addEventListener("resize",x)}})}),M(()=>{window.removeEventListener("resize",x)});const g=e=>{s.to(e)};return(e,t)=>{const l=C,i=j;return a(),T(i,null,{default:y(()=>[r("div",I,[r("swiper-container",{ref_key:"containerRef",ref:f,id:"article-carousel",class:"!overflow-visible",init:!1},[(a(!0),c(h,null,v(n.cards,(o,p)=>(a(),c("swiper-slide",{key:p,class:"!w-[368px] flex flex-col items-center"},[N(l,L({ref_for:!0},{...o,backgroundColor:n.cardBackgroundColor||o.backgroundColor,textColor:n.cardTextColor||o.textColor,numberTagBackgroun

1dColor:n.cardNumberBackgroundColor||o.numberTagBackgroundColor,numberTagTextColor:n.cardNumberTextColor||o.numberTagTextColor,withNumber:n.cardWithNumber||o.withNumber},{index:p+1,class:"w-full"}),null,16,["index"])]))),128))],512)]),n.showBullets?(a(),c("div",W,[r("button",{class:"border border-1-primary-green h-[40px] w-[40px] flex items-center justify-center rounded-[50px]",onClick:t[0]||(t[0]=o=>d(s).prev())},[...t[2]||(t[2]=[r("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[r("path",{d:"M17 12H7M7 12L11 8M7 12L11 16",stroke:"#6EBE46","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})],-1)])]),r("div",z,[(a(!0),c(h,null,v(d(m),o=>(a(),c("button",{key:o,onClick:p=>g(o-1),class:V(["pagination-bullet transition-all duration-300",{active:d(u)===o-1}])},null,10,$))),128))]),r("button",{class:"border border-1-primary-green h-[40px] w-[40px] flex items-center justify-center rounded-[50px]",onClick:t[1]||(t[1]=o=>d(s).next())},[...t[3]||(t[3]=[r("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[r("path",{d:"M7 12H17M17 12L13 8M17 12L13 16",stroke:"#6EBE46","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})],-1)])])])):E("",!0)]),_:1})}}}),K=Object.assign(S(O,[["__scopeId","data-v-e920de82"]]),{__name:"MainCardCarousel"});export{K as default};