https://www.wasafibet.co.tz/js/pill-tabs.js

1import{_ as Q}from"./locked.js";import{b as H,u as P,c as O,d as Y,e as V}from"./index.js";import{N as E,C as w,f as B,o,g as i,l as c,F as x,j as T,O as y,n as d,s as A,H as W,r as z,K as f,u as S,e as Z,J as L,w as ee,R as te,p as se,V as ae}from"./vendor.js";import{_ as oe}from"./codes-tab.vue_vue_type_script_setup_true_lang.js";const ie={class:"tab-navigation-container overflow-hidden"},ne={class:"tab-navigation overflow-x-auto hide-scrollbar"},ce=["onClick"],le=E({__name:"tab-navigation",props:{tabs:{}},emits:["tab-change"],setup(R,{emit:p}){var g;const k=R,h=w(((g=k.tabs.find(n=>n.active))==null?void 0:g.id)||k.tabs[0].id),m=p,b=n=>{h.value=n,m("tab-change",n)};return B(()=>k.tabs.findIndex(r=>r.id===h.value)),(n,r)=>(o(),i("div",ie,[c("div",ne,[r[0]||(r[0]=c("span",{class:"font-bold text-base border-r border-gray-700 pr-3"}," Popular ",-1)),(o(!0),i(x,null,T(n.tabs,v=>(o(),i("div",{key:v.id,class:y(["tab-item text-sm",{active:v.id===h.value}]),onClick:l=>b(v.id)},d(v.name),11,ce))),128)),r[1]||(r[1]=c("a",{class:"pl-2 me-3 text-sm relative wasafilink text-nowrap",href:"/wasafiligi"},"Wasafi Ligi",-1))])]))}});const re=H(le,[["__scopeId","data-v-ae1f3884"]]),de={class:"sports-selection text-sm"},ue=["onClick"],_e={class:"sport-name"},pe={key:0,class:"tooltip-arrow"},me={class:"casino-games"},ve={key:1,id:"list_games",class:"flex flex-nowrap overflow-x-auto snap-x snap-mandatory gap-3 pb-1 scrollbar-hide"},fe=["src"],he=E({__name:"casino-tab",setup(R){P();const{casino_info:p}=A(O()),{fnCasinoGames:k}=O();w([]);const h=w("9");function m(n){var r=n.img_url?n.img_url:n.game_id+".png";return r}const b=async n=>{k({params:{category_id:n},category_id:n,resource:"games",sportsbook_info:p.value})};W(()=>{b("crash")});const g=(n,r)=>{h.value=n,b(r)};return(n,r)=>{const v=z("LoaderBar"),l=z("RouterLink");return o(),i(x,null,[c("div",de,[(o(!0),i(x,null,T(S(p).categories,u=>(o(),i("div",{key:u.category_id,class:y(["sport-tab bg-slate-500",{active:u.category_id===h.value}]),onClick:C=>g(u.category_id,u.cat_binomen)},[c("span",_e,d(u.category_name),1),u.category_id===h.value?(o(),i("span",pe)):f("",!0)],10,ue))),128))]),c("div",me,[S(p).loading&&S(p).games.length!=0?(o(),Z(v,{key:0})):f("",!0),S(p).games.length!=0?(o(),i("ul",ve,[(o(!0),i(x,null,T(S(p).games,(u,C)=>(o(),i("li",{key:C+""+u.game_id_url,class:"flex-shrink-0 w-20 aspect-square snap-start"},[L(l,{to:"/casino/"+u.game_id_url},{default:ee(()=>[c("img",{src:u.provider_img_url+"/"+m(u),class:"rounded-lg w-full h-full object-cover",loading:"lazy"},null,8,fe)]),_:2},1032,["to"])]))),128))])):f("",!0)])],64)}}});const ge=H(he,[["__scopeId","data-v-5c8c5537"]]),be={class:"sports-tabs-container bg-white dark:bg-gray-800 dark:text-gray-300"},ke={class:"main-tabs pl-2"},ye={class:"content-area"},we={key:0,class:"match-card px-3"},xe={key:0,class:"sports-selection text-xs"},Ce=["onClick"],$e=["src"],Te={key:0,class:"sport-name"},Se={key:1,class:"tooltip-arrow"},Ie={class:"flex-1 relative"},Be=["onClick"],Le={class:"l"},Re={key:0,class:"t live"},Me={key:1,class:"t live"},Ne={key:0},Ae={key:2,class:"t"},Ee=["onClick"],je={class:"n"},De={class:"n-1"},Ge={class:"n-2"},Oe={class:"s"},Ve={class:"s-1"},ze={class:"s-2"},He=["onClick","disabled"],Pe={class:"t"},We={key:0,class:"b"},Fe={key:1,class:"b",style:{"text-align":"-webkit-center"}},qe={key:1,class:"markets markets-1"},Je=["onClick"],Ke={key:1,class:"match-card px-3"},Ue={key:2,class:"match-card"},Xe="⚽",tt=E({__name:"pill-tabs",setup(R){const{appRef:p,onAlert:k}=P(),{home_info:h}=A(Y()),{betslip:m}=A(V()),{t:b}=te(),g=w("games"),n=w(0),r=w(!1);let v=null;const l=w(null),{onBetslipSelection:u}=V(),C=B(()=>p&&p.config!=null?p.config:""),F=t=>{const s={};return t.forEach(e=>{const a=e.competition_id;s[a]||(s[a]={id:a,name:e.competition_name,icon:e.competition_id,country:e.country_name,matches:[]}),s[a].matches.push(e)}),Object.values(s)},M=B(()=>{var s,e;const t=((e=(s=h.value)==null?void 0:s.prematch)==null?void 0:e.boosted)||[];return t.length===0?[]:F(t)}),q=[{id:"matches",name:b("message.sports")},{id:"games",name:b("message.casino"),active:!0},{id:"codes",name:b("message.codes")}],I=B(()=>{var t;return(t=M.value)==null?void 0:t.flatMap(s=>s.matches.map(e=>({...e})))}),J=t=>{t=="matches"&&ae(()=>{l.value&&l.value.addEventListener("scroll",j),n.value=0}),g.value=t};function K(t,s){let e="";if(m.value[t]!=null){let a=m.value[t].outcome_name.replace(/\s+/g,""),_=m.value[t].parent_match_id+""+m.value[t].outcome_id+a,$=s.outcome_name.replace(/\s+/g,""),N=t+""+s.outcome_id+$;_==N&&(e="active")}return e}const U=t=>{if(r.value=!0,n.value=t,!l.value)return;const s=I.value.findIndex(a=>a.competition_id===t);if(s===-1)return;const e=l.value.children[s];if(e){const a=e.offsetLeft-l.value.offsetLeft;l.value.scrollTo({left:a,behavior:"smooth"}),v&&window.clearTimeout(v),v=window.setTimeout(()=>{r.value=!1},1e3)}},j=()=>

1{if(!l.value||r.value)return;l.value.scrollLeft;const t=l.value.clientWidth,s=Array.from(l.value.children),e=s.reduce((a,_)=>{var G;const $=_.getBoundingClientRect(),N=$.left+$.width/2,D=Math.abs(N-(((G=l.value)==null?void 0:G.getBoundingClientRect().left)||0)-t/2);return!a||D<a.distance?{element:_,distance:D}:a},null);if(e){const a=s.indexOf(e.element),_=I.value[a].competition_id;_!==n.value&&(n.value=_)}};function X(t,s){let e=C.value&&C.value.betslip!=null?C.value.betslip:32,a=m.value?Object.values(m.value):[],_=t.parent_match_id;if(a.length>=e&&m.value[_]==null)k({status_code:400,message:"A maximum of "+e+" selections is allowed in the betslip",status_description:""});else{let $={outcome_id:s.outcome_id,outcome_key:s.outcome_key,outcome_name:s.outcome_name,odd_value:s.odd_value,prev_odd_value:s.odd_value,status:s.status,live:s.live,sub_type_id:s.sub_type_id,odd_type:s.odd_type,specifiers:s.specifiers,parent_match_id:t.parent_match_id,home_team:t.home_team,away_team:t.away_team,start_time:t.start_time,sport_id:t.sport_id,sport_name:t.sport_name,competition_id:t.competition_id,competition_name:t.competition_name,sportsbook:"sportsbook",jackpot:0,rebet:0,booking_code:"",time_stamp:new Date().getTime(),timestamp:new Date().getTime()};u({selection:$})}}return W(()=>{l.value&&l.value.addEventListener("scroll",j)}),(t,s)=>(o(),i("div",be,[c("div",ke,[L(re,{tabs:q,onTabChange:J})]),c("div",ye,[g.value==="matches"?(o(),i("div",we,[M.value.length?(o(),i("div",xe,[(o(!0),i(x,null,T(M.value,(e,a)=>(o(),i("div",{key:e.id,class:y(["sport-tab",{active:a===n.value||e.id===n.value}]),onClick:_=>U(e.id)},[c("span",{class:y(["sport-icon w-5 h-5",{"icon-active":a===n.value||e.id===n.value}])},[c("img",{src:`/images/league_icons/${e.icon}.png `,class:"w-full",alt:"league icon",onError:s[0]||(s[0]=_=>_.target.src="/images/league_icons/default.png"),placeholder:Xe},null,40,$e)],2),a===n.value||e.id===n.value?(o(),i("span",Te,d(e.name),1)):f("",!0),a===n.value||e.id===n.value?(o(),i("span",Se)):f("",!0)],10,Ce))),128))])):f("",!0),c("div",Ie,[c("div",{ref_key:"containerRef",ref:l,class:"inset-0 flex space-x-4 overflow-x-auto items-center snap-x snap-mandatory",style:{"-webkit-overflow-scrolling":"touch"}},[(o(!0),i(x,null,T(I.value,e=>(o(),i("div",{class:y(["shadow-sm flex flex-shrink-0 border border-gray-200 snap-start rounded game !w-[88vw] min-w-[80vw]",{fill:I.value.length==1}])},[c("div",{onClick:a=>t.$router.push("/sportevent/"+e.parent_match_id),class:"meta"},[c("div",Le,d(e.category_name)+" / "+d(e.competition_name),1),e.diff>-60&&e.diff<0?(o(),i("div",Re," STARTS IN • "+d(Math.abs(e.diff))+"' ",1)):e.status==1?(o(),i("div",Me,[se(d(t.$filters.uppercase(e.status_desc)),1),e.periodic_time?(o(),i("span",Ne," • "+d(e.periodic_time)+"'",1)):f("",!0)])):(o(),i("div",Ae,d(t.$filters.fdDDMMHHmm(e.start_time)),1))],8,Be),c("div",{onClick:a=>t.$router.push("/sportevent/"+e.parent_match_id),class:"teams"},[c("div",je,[c("div",De,d(e.home_team),1),c("div",Ge,d(e.away_team),1)]),c("div",Oe,[c("div",Ve,d(e.home_score),1),c("div",ze,d(e.away_score),1)])],8,Ee),e.markets?(o(),i("div",{key:0,class:y(["markets","markets-3"])},[(o(!0),i(x,null,T(e.markets[0].lines[0].outcomes,a=>(o(),i("button",{onClick:_=>X(e,a),class:y({active:K(e.parent_match_id,a)}),disabled:a.status!=1,key:e.parent_match_id+""+e.markets.sub_type_id+a.outcome_id},[c("span",Pe,d(a.outcome_key),1),a.status==1?(o(),i("span",We,d(a.odd_value),1)):(o(),i("span",Fe,s[1]||(s[1]=[c("img",{src:Q},null,-1)])))],10,He))),128))])):(o(),i("div",qe,[c("button",{onClick:a=>t.$router.push("/sportevent/"+e.parent_match_id)},s[2]||(s[2]=[c("span",{class:"b"},"Bet now",-1)]),8,Je)]))],2))),256))],512)])])):f("",!0),g.value==="games"?(o(),i("div",Ke,[L(ge)])):f("",!0),g.value==="codes"?(o(),i("div",Ue,[L(oe)])):f("",!0)])]))}});export{tt as default};