1import{Q as lt}from"./QSkeleton.23f3db37.js";import{Q as At,a as rt}from"./QItem.51aab4d0.js";import{Q as Bt}from"./QCard.1a9c2bb6.js";import{Q as ht}from"./QBtn.c6576a50.js";import{Q as Vt}from"./QIcon.65f381a8.js";import{Q as N}from"./QImg.7ddd697b.js";import{_ as at,u as Yt,P as Zt,b as c,o as ft,A as i,F as m,D as t,E as _,C as B,K as p,L as J,M as Ot,r as b,d as ue,X as ve,aB as ge,aC as jt,h as Z,g as Jt,c as pe,w as be,Z as _e,s as Pt,m as mt,ap as ut,G as j,H as tt,aD as he,I as Gt,J as Qt,B as A,z as ct,a8 as fe}from"./main.337344c9.js";import{u as te}from"./use-formatter.ffb912f4.js";import{e as ee}from"./event.4de354cc.js";import{T as ke}from"./TouchPan.66ee5213.js";import{a as ye,u as Ce}from"./use-dark.693ba75b.js";import{u as De,b as we}from"./private.use-form.7aee42ff.js";import{b as nt}from"./format.b9446fb2.js";import{a as Se}from"./render.5b13fd9b.js";import{Q as Kt}from"./QSpace.df08c649.js";import{Q as Rt}from"./QCardSection.48ad0ee7.js";import{Q as Me}from"./QVideo.36d7eb34.js";import{Q as Ht}from"./QDialog.48af54f4.js";import{C as Wt}from"./ClosePopup.30ab2446.js";import{Q as Ut}from"./QAvatar.8ac4d3b7.js";import{t as $e}from"./ticket.e128f195.js";import"./use-router-link.81c6e01c.js";import"./vm.6cd2e03a.js";import"./QSpinner.69e86043.js";import"./Ripple.434e0af3.js";import"./use-align.84a41078.js";import"./use-timeout.d22e4859.js";import"./index-default.96d84e23.js";import"./touch.9135741d.js";import"./selection.3f31eaf8.js";import"./use-prevent-scroll.617e91c6.js";import"./focusout.6cc7990e.js";import"./focus-manager.c9b70bc2.js";import"./use-tick.c9022708.js";import"./use-model-toggle.6e02f901.js";import"./requestUpload.d44379ff.js";const qe={props:{detailEventList:Object},layout:"Desktop",setup(n){const a=Yt();Zt();const{date6:o,date5:e,today:s}=te(),y=ee(),x=()=>{a.go(-1)},v=c(()=>y.origin_list),l=f=>y.getOriginById(f,v.value);return ft(()=>{y.getOrigin()}),{backToEvent:x,date6:o,date5:e,today:s,getOriginById:l}}},Le={class:"text-center mx-auto"},Te={class:"pb-5"},Ee={class:"flex items-center gap-x-2"},Re={class:"flex-auto text-white relative"},Ve={class:"absolute-full text-subtitle2 flex flex-center"},Be={class:"text-sm xs:text-base sm:text-2xl 2xl:text-2xl leading-tight font-bold"},Pe={class:"text-xxs xs:text-xs sm:text-base 2xl:text-lg leading-tight"},ze={key:0,class:"flex items-center w-full"},Fe={key:0,class:"flex-1"},Ie={class:"text-xs xs:text-sm sm:text-xl 2xl:text-2xl leading-tight m-0"},Ae={class:"text-xxs xs:text-xs sm:text-base 2xl:text-lg leading-tight m-0"},je={key:1,class:"flex-1"},Oe={class:"text-xxs xs:text-xs sm:text-base 2xl:text-lg leading-tight m-0"},Qe={class:"flex-col text-2xl px-4"},Ue={key:0,class:"text-xxs xs:text-xs sm:text-base 2xl:text-lg leading-tight m-0 block mt-3 mb-1"},Ne={key:1},Ge={key:2,class:"mx-2"},Ke={key:3},He={key:0},We={key:1},Xe={key:2},Ye={key:2,class:"flex-1"},Ze={class:"text-xs xs:text-sm sm:text-xl 2xl:text-2xl leading-tight m-0"},Je={class:"text-xxs xs:text-xs sm:text-base 2xl:text-lg leading-tight m-0"},ta={key:3,class:"flex-1"},ea={class:"text-xxs xs:text-xs sm:text-base 2xl:text-lg leading-tight m-0"},aa={key:1,class:"flex items-center w-full"},sa={key:0,class:"flex-1"},la={class:"text-xs xs:text-sm sm:text-xl 2xl:text-2xl leading-tight m-0"},na={class:"text-xxs xs:text-xs sm:text-base 2xl:text-lg leading-tight m-0"},oa={key:0,class:"text-xxs xs:text-xs sm:text-base 2xl:text-lg leading-tight m-0 block mt-3 mb-1"},ia={key:1},ra={key:2,class:"mx-2"},ca={key:3},xa={key:0},da={key:1},ma={key:2},ua={key:1,class:"flex-1"},va={class:"text-xxs xs:text-xs sm:text-base 2xl:text-lg leading-tight m-0"};function ga(n,a,o,e,s,y){var x,v,l,f;return i(),m("div",Le,[t("div",Te,[t("div",Ee,[t("div",Re,[_(N,{src:((x=o.detailEventList.event)==null?void 0:x.match)==null?
1"/event/esports/null.jpg":((v=o.detailEventList.event)==null?void 0:v.match.league.game.sport_category.name)=="Football"?
1"/event/football-bg.jpg":((l=o.detailEventList.event)==null?void 0:l.match.league.game.sport_category.name)=="Basketball"?
1"/event/basketball-bg.jpg":((f=o.detailEventList.event)==null?void 0:f.match.league.game.sport_category.name)
1=="E-Sports"?"/event/esports-bg.jpg":"/event/esports/null.jpg"},{default:B(()=>{var w,D,S,R,q,O,I,P,Q,U,G,K,X,z,F,Y,et,H,$,g,d,u,h,M,k,L,T,st,kt,yt,Ct,Dt,wt,St,Mt,vt,$t,xt,qt,gt,pt,bt,dt,_t,Lt,Tt;return[t("div",Ve,[t("div",{onClick:a[0]||(a[0]=(...Et)=>e.backToEvent&&e.backToEvent(...Et)),class:"absolute left-2 top-3 cursor-pointer"},[_(Vt,{name:"keyboard_arrow_left",class:"text-white text-3xl xs:text-4xl sm:text-5xl md:text-6xl lg:text-7xl xl:text-8xl"})]),t("div",null,[t("h1",Be,p((w=o.detailEventList.event)==null?void 0:w.match.league.name),1),t("h2",Pe,p((D=o.detailEventList.event)==null?void 0:D.match.league.game.name),1)]),(S=o.detailEventList.event)!=null&&S.match.team_b?(i(),m("div",ze,[(R=o.detailEventList.event)!=null&&R.match.team_a?(i(),m("div",Fe,[_(N,{src:(q=o.detailEventList.event)==null?void 0:q.match.team_a.logo,fit:"contain",class:"mb-1 event-img-responsive-desktop"},null,8,["src"]),t("p",Ie,p((O=o.detailEventList.event)==null?void 0:O.match.team_a.name),1),t("p",Ae,p(e.getOriginById((I=o.detailEventList.event)==null?void 0:I.match.team_a.origin_id)),1)])):(i(),m("div",je,[t("p",Oe,p((P=o.detailEventList.event)==null?void 0:P.match.name),1)])),t("div",Qe,[(Q=o.detailEventList.event)!=null&&Q.schedule_start?(i(),m("span",Ue,p(e.date6((U=o.detailEventList.event)==null?void 0:U.schedule_start)),1)):J("",!0),((G=o.detailEventList.event)==null?void 0:G.match.league.game.sport_category.name)=="Football"||((K=o.detailEventList.event)==null?void 0:K.match.league.game.sport_category.name)=="Basketball"?(i(),m("span",Ne,p((X=o.detailEventList.event)==null?void 0:X.match.team_a_score),1)):J("",!0),((z=o.detailEventList.event)==null?void 0:z.match.league.game.sport_category.name)=="Football"||((F=o.detailEventList.event)==null?void 0:F.match.league.game.sport_category.name)=="Basketball"?(i(),m("span",Ge,"-")):J("",!0),((Y=o.detailEventList.event)==null?void 0:Y.match.league.game.sport_category.name)=="Football"||((et=o.detailEventList.event)==null?void 0:et.match.league.game.sport_category.name)=="Basketball"?(i(),m("span",Ke,p((H=o.detailEventList.event)==null?void 0:H.match.team_b_score),1)):J("",!0),t("span",{class:Ot([(($=o.detailEventList.event)==null?void 0:$.match.league.game.sport_category.name)=="Football"||((g=o.detailEventList.event)==null?void 0:g.match.league.game.sport_category.name)=="Basketball"?"mt-3":"mt-10","text-xxs xs:text-xs sm:text-base md:text-lg xl:text-3xl leading-tight m-0 block bg-gray-40 rounded-full py-0.5 py-1 2xl:py-2 px-1 sm:px-4 2xl:px-10 mx-auto"])},[((d=o.detailEventList.event)==null?void 0:d.schedule_start)>e.date5(e.today())?(i(),m("span",He," upcoming ")):((u=o.detailEventList.event)==null?void 0:u.schedule_end)<e.date5(e.today())?(i(),m("span",We," berakhir ")):(i(),m("span",Xe," ongoing "))],2)]),(h=o.detailEventList.event)!=null&&h.match.team_b?(i(),m("div",Ye,[_(N,{src:(M=o.detailEventList.event)==null?void 0:M.match.team_b.logo,fit:"contain",class:"mb-1 event-img-responsive-desktop"},null,8,["src"]),t("p",Ze,p((k=o.detailEventList.event)==null?void 0:k.match.team_b.name),1),t("p",Je,p(e.getOriginById((L=o.detailEventList.event)==null?void 0:L.match.team_b.origin_id)),1)])):(i(),m("div",ta,[t("p",ea,p((T=o.detailEventList.event)==null?void 0:T.match.name),1)]))])):(i(),m("div",aa,[(st=o.detailEventList.event)!=null&&st.match.team_a?(i(),m("div",sa,[_(N,{src:(kt=o.detailEventList.event)==null?void 0:kt.match.team_a.logo,fit:"contain",class:"mb-1 event-img-responsive-desktop"},null,8,["src"]),t("p",la,p((yt=o.detailEventList.event)==null?void 0:yt.match.team_a.name),1),t("p",na,p(e.getOriginById((Ct=o.detailEventList.event)==null?void 0:Ct.match.team_a.origin_id)),1),(Dt=o.detailEventList.event)!=null&&Dt.schedule_start?(i(),m("span",oa,p(e.date6((wt=o.detailEventList.event)==null?void 0:wt.schedule_start)),1)):J("",!0),((St=o.detailEventList.event)==null?void 0:St.match.league.game.sport_category.name)=="Football"||((Mt=o.detailEventList.event)==null?void 0:Mt.match.league.game.sport_category.name)=="Basketball"?(i(),m("span",ia,p((vt=o.detailEventList.event)==null?void 0:vt.match.team_a_score),1)):J("",!0),(($t=o.detailEventList.event)==null?void 0:$t.match.league.game.sport_category.name)=="Football"||((xt=o.detailEventList.event)==null?void 0:xt.match.league.game.sport_category.name)=="Basketball"?(i(),m("span",ra,"-")):J("",!0),((qt=o.detailEventList.event)==null?void 0:qt.match.league.game.sport_category.name)=="Football"||((gt=o.detailEventList.event)==null?void 0:gt.match.league.game.sport_category.name)=="Basketball"?(i(),m("span",ca,p((pt=o.detailEventList.event)==null?void 0:pt.match.team_b_score),1)):J("",!0),t("span",{class:Ot([((bt=o.detailEventList.event)==null?void 0:bt.match.league.game.sport_category.name)=="Football"||((dt=o.detailEventList.event)==null?void 0:dt.match.league.game.sport_category.name)=="Basketball"?"mt-3":"mt-10","text-xxs xs:text-xs sm:text-base md:text-lg xl:text-3xl leading-tight m-0 block bg-gray-40 rounded-full py-0.5 py-1 2xl:py-2 px-1 sm:px-4 2xl:px-10 mx-auto w-100"])},[((_t=o.detailEventList.event)==null?void 0:_t.schedule_start)>e.date5(e.today())?(i(),m("span",xa," upcoming ")):((Lt=o.detailEventList.event)==null?void 0:Lt.schedule_end)<e.date5(e.today())?(i(),m("span",da," berakhir ")):(i(),m("span",ma," ongoing "))],2)])):(i(),m("div",ua,[t("p",va,p((Tt=o.detailEventList.event)==null?void 0:Tt.match.name),1)]))]))])]}),_:1},8,["src"])])])])])}const pa=at(qe,[["render",ga]]),Xt="q-slider__marker-labels",ba=n=>({value:n}),_a=({marker:n})=>Z("div",{key:n.value,style:n.style,class:n.classes},n.label),ae=[34,37,40,33,39,38],ha={...Ce,...De,min:{type:Number,default:0},max:{type:Number,default:100},innerMin:Number,innerMax:Number,step:{type:Number,default:1,validator:n=>n>=0}
1,snap:Boolean,vertical:Boolean,reverse:Boolean,color:String,markerLabelsClass:String,label:Boolean,labelColor:String,labelTextColor:String,labelAlways:Boolean,switchLabelSide:Boolean,markers:[Boolean,Number],markerLabels:[Boolean,Array,Object,Function],switchMarkerLabelsSide:Boolean,trackImg:String,trackColor:String,innerTrackImg:String,innerTrackColor:String,selectionColor:String,selectionImg:String,thumbSize:{type:String,default:"20px"},trackSize:{type:String,default:"4px"},disable:Boolean,readonly:Boolean,dense:Boolean,tabindex:[String,Number],thumbColor:String,thumbPath:{type:String,default:"M 4, 10 a 6,6 0 1,0 12,0 a 6,6 0 1,0 -12,0"}},fa=["pan","update:modelValue","change"];function ka({updateValue:n,updatePosition:a,getDragging:o,formAttrs:e}){const{props:s,emit:y,slots:x,proxy:{$q:v}}=Jt(),l=ye(s,v),f=we(e),w=b(!1),D=b(!1),S=b(!1),R=b(!1),q=c(()=>s.vertical===!0?"--v":"--h"),O=c(()=>"-"+(s.switchLabelSide===!0?"switched":"standard")),I=c(()=>s.vertical===!0?s.reverse===!0:s.reverse!==(v.lang.rtl===!0)),P=c(()=>isNaN(s.innerMin)===!0||s.innerMin<s.min?s.min:s.innerMin),Q=c(()=>isNaN(s.innerMax)===!0||s.innerMax>s.max?s.max:s.innerMax),U=c(()=>s.disable!==!0&&s.readonly!==!0&&P.value<Q.value),G=c(()=>
1{if(s.step===0)return C=>C;const r=(String(s.step).trim().split(".")[1]||"").length;return C=>parseFloat(C.toFixed(r))}),K=c(()=>s.step===0?1:s.step),X=c(()=>U.value===!0?s.tabindex||0:-1),z=c(()=>s.max-s.min),F=c(()=>Q.value-P.value),Y=c(()=>xt(P.value)),et=c(()=>xt(Q.value)),H=c(()=>s.vertical===!0?I.value===!0?"bottom":"top":I.value===!0?"right":"left"),$=c(()=>s.vertical===!0?"height":"width"),g=c(()=>s.vertical===!0?"width":"height"),d=c(()=>s.vertical===!0?"vertical":"horizontal"),u=c(()=>{const r={role:"slider","aria-valuemin":P.value,"aria-valuemax":Q.value,"aria-orientation":d.value,"data-step":s.step};return s.disable===!0?r["aria-disabled"]="true":s.readonly===!0&&(r["aria-readonly"]="true"),r}),h=c(()=>`q-slider q-slider${q.value} q-slider--${w.value===!0?"":"in"}active inline no-wrap `+(s.vertical===!0?"row":"column")+(s.disable===!0?" disabled":" q-slider--enabled"+(U.value===!0?" q-slider--editable":""))+(S.value==="both"?" q-slider--focus":"")+(s.label||s.labelAlways===!0?" q-slider--label":"")+(s.labelAlways===!0?" q-slider--label-always":"")+(l.value===!0?" q-slider--dark":"")+(s.dense===!0?" q-slider--dense q-slider--dense"+q.value:""));function M(r){const C="q-slider__"+r;return`${C} ${C}${q.value} ${C}${q.value}${O.value}`}function k(r){const C="q-slider__"+r;return`${C} ${C}${q.value}`}const L=c(()=>{const r=s.selectionColor||s.color;return"q-slider__selection absolute"+(r!==void 0?` text-${r}`:"")}),T=c(()=>k("markers")+" absolute overflow-hidden"),st=c(()=>k("track-container")),kt=c(()=>M("pin")),yt=c(()=>M("label")),Ct=c(()=>M("text-container")),Dt=c(()=>M("marker-labels-container")+(s.markerLabelsClass!==void 0?` ${s.markerLabelsClass}`:"")),wt=c(()=>"q-slider__track relative-position no-outline"+(s.trackColor!==void 0?` bg-${s.trackColor}`:"")),St=c(()=>{const r={[g.value]:s.trackSize};return s.trackImg!==void 0&&(r.backgroundImage=`url(${s.trackImg}) !important`),r}),Mt=c(()=>"q-slider__inner absolute"+(s.innerTrackColor!==void 0?` bg-${s.innerTrackColor}`:"")),vt=c(()=>{const r=et.value-Y.value,C={[H.value]:`${100*Y.value}%`,[$.value]:r===0?"2px":`${100*r}%`};return s.innerTrackImg!==void 0&&(C.backgroundImage=`url(${s.innerTrackImg}) !important`),C});function $t(r){const{min:C,max:E,step:V}=s;let W=C+r*(E-C);if(V>0){const ot=(W-P.value)%V;W+=(Math.abs(ot)>=V/2?(ot<0?-1:1)*V:0)-ot}return W=G.value(W),nt(W,P.value,Q.value)}function xt(r){return z.value===0?0:(r-s.min)/z.value}function qt(r,C){const E=ve(r),V=s.vertical===!0?nt((E.top-C.top)/C.height,0,1):nt((E.left-C.left)/C.width,0,1);return nt(I.value===!0?1-V:V,Y.value,et.value)}const gt=c(()=>ge(s.markers)===!0?s.markers:K.value),pt=c(()=>{const r=[],C=gt.value,E=s.max;let V=s.min;do r.push(V),V+=C;while(V<E);return r.push(E),r}),bt=c(()=>{const r=` ${Xt}${q.value}-`;return Xt+`${r}${s.switchMarkerLabelsSide===!0?"switched":"standard"}${r}${I.value===!0?"rtl":"ltr"}`}),dt=c(()=>s.markerLabels===!1?null:Tt(s.markerLabels).map((r,C)=>({index:C,value:r.value,label:r.label||r.value,classes:bt.value+(r.classes!==void 0?" "+r.classes:""),style:{...Et(r.value),...r.style||{}}}))),_t=c(()=>({markerList:dt.value,markerMap:se.value,classes:bt.value,getStyle:Et})),Lt=c(()=>{const r=F.value===0?"2px":100*gt.value/F.value;return{...vt.value,backgroundSize:s.vertical===!0?`2px ${r}%`:`${r}% 2px`}});function Tt(r){if(r===!1)return null;if(r===!0)return pt.value.map(ba);if(typeof r=="function")return pt.value.map(E=>{const V=r(E);return jt(V)===!0?{...V,value:E}:{value:E,label:V}});const C=({value:E})=>E>=s.min&&E<=s.max;return Array.isArray(r)===!0?r.map(E=>jt(E)===!0?E:{value:E}).filter(C):Object.keys(r).map(E=>{const V=r[E],W=Number(E);return jt(V)===!0?{...V,value:W}:{value:W,label:V}}).filter(C)}function Et(r){return{[H.value]:`${100*(r-s.min)/z.value}%`}}const se=c(()=>
1{if(s.markerLabels===!1)return null;const r={};return dt.value.forEach(C=>{r[C.value]=C}),r});function le(){if(x["marker-label-group"]!==void 0)return x["marker-label-group"](_t.value);const r=x["marker-label"]||_a;return dt.value.map(C=>r({marker:C,..._t.value}))}const ne=c(()=>[[ke,oe,void 0,{[d.value]:!0,prevent:!0,stop:!0,mouse:!0,mouseAllDir:!0}]]);function oe(r){r.isFinal===!0?(R.value!==void 0&&(a(r.evt),r.touch===!0&&n(!0),R.value=void 0,y("pan","end")),w.value=!1,S.value=!1):r.isFirst===!0?(R.value=o(r.evt),a(r.evt),n(),w.value=!0,y("pan","start")):(a(r.evt),n())}function Nt(){S.value=!1}function ie(r){a(r,o(r)),n(),D.value=!0,w.value=!0,document.addEventListener("mouseup",zt,!0)}function zt(){D.value=!1,w.value=!1,n(!0),Nt(),document.removeEventListener("mouseup",zt,!0)}function re(r){a(r,o(r)),n(!0)}function ce(r){ae.includes(r.keyCode)&&n(!0)}function xe(r){if(s.vertical===!0)return null;const C=v.lang.rtl!==s.reverse?1-r:r;return{transform:`translateX(calc(${2*C-1} * ${s.thumbSize} / 2 + ${50-100*C}%))`}}function de(r){const C=c(()=>D.value===!1&&(S.value===r.focusValue||S.value==="both")?" q-slider--focus":""),E=c(()=>`q-slider__thumb q-slider__thumb${q.value} q-slider__thumb${q.value}-${I.value===!0?"rtl":"ltr"} absolute non-selectable`+C.value+(r.thumbColor.value!==void 0?` text-${r.thumbColor.value}`:"")),V=c(()=>({width:s.thumbSize,height:s.thumbSize,[H.value]:`${100*r.ratio.value}%`,zIndex:S.value===r.focusValue?2:void 0})),W=c(()=>r.labelColor.value!==void 0?` text-${r.labelColor.value}`:""),ot=c(()=>xe(r.ratio.value)),Ft=c(()=>"q-slider__text"+(r.labelTextColor.value!==void 0?` text-${r.labelTextColor.value}`:""));return()=>{const It=[Z("svg",{class:"q-slider__thumb-shape absolute-full",viewBox:"0 0 20 20","aria-hidden":"true"},[Z("path",{d:s.thumbPath})]),Z("div",{class:"q-slider__focus-ring fit"})];return(s.label===!0||s.labelAlways===!0)&&(It.push(Z("div",{class:kt.value+" absolute fit no-pointer-events"+W.value},[Z("div",{class:yt.value,style:{minWidth:s.thumbSize}},[Z("div",{class:Ct.value,style:ot.value},[Z("span",{class:Ft.value},r.label.value)])])])),s.name!==void 0&&s.disable!==!0&&f(It,"push")),Z("div",{class:E.value,style:V.value,...r.getNodeData()},It)}}function me(r,C,E,V){const W=[];s.innerTrackColor!=="transparent"&&W.push(Z("div",{key:"inner",class:Mt.value,style:vt.value})),s.selectionColor!=="transparent"&&W.push(Z("div",{key:"selection",class:L.value,style:r.value})),s.markers!==!1&&W.push(Z("div",{key:"marker",class:T.value,style:Lt.value})),V(W);const ot=[Se("div",{key:"trackC",class:st.value,tabindex:C.value,...E.value},[Z("div",{class:wt.value,style:St.value},W)],"slide",U.value,()=>ne.value)];if(s.markerLabels!==!1){const Ft=s.switchMarkerLabelsSide===!0?"unshift":"push";ot[Ft](Z("div",{key:"markerL",class:Dt.value},le()))}return ot}return ue(()=>{document.removeEventListener("mouseup",zt,!0)}),{state:{active:w,focus:S,preventFocus:D,dragging:R,editable:U,classes:h,tabindex:X,attributes:u,roundValueFn:G,keyStep:K,trackLen:z,innerMin:P,innerMinRatio:Y,innerMax:Q,innerMaxRatio:et,positionProp:H,sizeProp:$,isReversed:I},methods:{onActivate:ie,onMobileClick:re,onBlur:Nt,onKeyup:ce,getContent:me,getThumbRenderFn:de,convertRatioToModel:$t,convertModelToRatio:xt,getDraggingRatio:qt}}}const it={MIN:0,RANGE:1,MAX:2},ya=pe({name:"QRange",props:{...ha,modelValue:{type:Object,default:()=>({min:null,max:null}),validator:n=>"min"in n&&"max"in n},dragRange:Boolean,dragOnlyRange:Boolean,leftLabelColor:String,leftLabelTextColor:String,rightLabelColor:String,rightLabelTextColor:String,leftLabelValue:[String,Number],rightLabelValue:[String,Number],leftThumbColor:String,rightThumbColor:String},emits:fa,setup(n,{emit:a}){const{proxy:{$q:o}}=Jt(),{state:e,methods:s}=ka({updateValue:F,updatePosition:et,getDragging:Y,formAttrs:c(()=>({type:"hidden",name:n.name,value:`${n.modelValue.min}|${n.modelValue.max}`}))}),y=b(null),x=b(0),v=b(0),l=b({min:0,max:0});function f(){l.value.min=n.modelValue.min===null?e.innerMin.value:nt(n.modelValue.min,e.innerMin.value,e.innerMax.value),l.value.max=n.modelValue.max===null?e.innerMax.value:nt(n.modelValue.max,e.innerMin.value,e.innerMax.value)}be(()=>`${n.modelValue.min}|${n.modelValue.max}|${e.innerMin.value}|${e.innerMax.value}`,f),f();const w=c(()=>s.convertModelToRatio(l.value.min)),D=c(()=>s.convertModelToRatio(l.value.max)),S=c(()=>e.active.value===!0?x.value:w.value),R=c(()=>e.active.value===!0?v.value:D.value),q=c(()=>{const $={[e.positionProp.value]:`${100*S.value}%`,[e.sizeProp.value]:`${100*(R.value-S.value)}%`};return n.selectionImg!==void 0&&($.backgroundImage=`url(${n.selectionImg}) !important`),$}
1),O=c(()=>{if(e.editable.value!==!0)return{};if(o.platform.is.mobile===!0)return{onClick:s.onMobileClick};const $={onMousedown:s.onActivate};return(n.dragRange===!0||n.dragOnlyRange===!0)&&Object.assign($,{onFocus:()=>{e.focus.value="both"},onBlur:s.onBlur,onKeydown:H,onKeyup:s.onKeyup}),$});function I($){return o.platform.is.mobile!==!0&&e.editable.value===!0&&n.dragOnlyRange!==!0?{onFocus:()=>{e.focus.value=$},onBlur:s.onBlur,onKeydown:H,onKeyup:s.onKeyup}:{}}const P=c(()=>n.dragOnlyRange!==!0?e.tabindex.value:null),Q=c(()=>o.platform.is.mobile!==!0&&(n.dragRange||n.dragOnlyRange===!0)?e.tabindex.value:null),U=b(null),G=c(()=>I("min")),K=s.getThumbRenderFn({focusValue:"min",getNodeData:()=>({ref:U,key:"tmin",...G.value,tabindex:P.value}),ratio:S,label:c(()=>n.leftLabelValue!==void 0?n.leftLabelValue:l.value.min),thumbColor:c(()=>n.leftThumbColor||n.thumbColor||n.color),labelColor:c(()=>n.leftLabelColor||n.labelColor),labelTextColor:c(()=>n.leftLabelTextColor||n.labelTextColor)}),X=c(()=>I("max")),z=s.getThumbRenderFn({focusValue:"max",getNodeData:()=>({...X.value,key:"tmax",tabindex:P.value}),ratio:R,label:c(()=>n.rightLabelValue!==void 0?n.rightLabelValue:l.value.max),thumbColor:c(()=>n.rightThumbColor||n.thumbColor||n.color),labelColor:c(()=>n.rightLabelColor||n.labelColor),labelTextColor:c(()=>n.rightLabelTextColor||n.labelTextColor)});function F($){(l.value.min!==n.modelValue.min||l.value.max!==n.modelValue.max)&&a("update:modelValue",{...l.value}),$===!0&&a("change",{...l.value})}function Y($){const{left:g,top:d,width:u,height:h}=y.value.getBoundingClientRect(),M=n.dragOnlyRange===!0?0:n.vertical===!0?U.value.offsetHeight/(2*h):U.value.offsetWidth/(2*u),k={left:g,top:d,width:u,height:h,valueMin:l.value.min,valueMax:l.value.max,ratioMin:w.value,ratioMax:D.value},L=s.getDraggingRatio($,k);return n.dragOnlyRange!==!0&&L<k.ratioMin+M?k.type=it.MIN:n.dragOnlyRange===!0||L<k.ratioMax-M?n.dragRange===!0||n.dragOnlyRange===!0?(k.type=it.RANGE,Object.assign(k,{offsetRatio:L,offsetModel:s.convertRatioToModel(L),rangeValue:k.valueMax-k.valueMin,rangeRatio:k.ratioMax-k.ratioMin})):k.type=k.ratioMax-L<L-k.ratioMin?it.MAX:it.MIN:k.type=it.MAX,k}function et($,g=e.dragging.value){let d;const u=s.getDraggingRatio($,g),h=s.convertRatioToModel(u);switch(g.type){case it.MIN:u<=g.ratioMax?(d={minR:u,maxR:g.ratioMax,min:h,max:g.valueMax},e.focus.value="min"):(d={minR:g.ratioMax,maxR:u,min:g.valueMax,max:h},e.focus.value="max");break;case it.MAX:u>=g.ratioMin?(d={minR:g.ratioMin,maxR:u,min:g.valueMin,max:h},e.focus.value="max"):(d={minR:u,maxR:g.ratioMin,min:h,max:g.valueMin},e.focus.value="min");break;case it.RANGE:const M=u-g.offsetRatio,k=nt(g.ratioMin+M,e.innerMinRatio.value,e.innerMaxRatio.value-g.rangeRatio),L=h-g.offsetModel,T=nt(g.valueMin+L,e.innerMin.value,e.innerMax.value-g.rangeValue);d={minR:k,maxR:k+g.rangeRatio,min:e.roundValueFn.value(T),max:e.roundValueFn.value(T+g.rangeValue)},e.focus.value="both";break}l.value=l.value.min===null||l.value.max===null?{min:d.min||n.min,max:d.max||n.max}:{min:d.min,max:d.max},n.snap!==!0||n.step===0?(x.value=d.minR,v.value=d.maxR):(x.value=s.convertModelToRatio(l.value.min),v.value=s.convertModelToRatio(l.value.max))}function H($){if(ae.includes($.keyCode)===!1)return;_e($);const g=([34,33].includes($.keyCode)?10:1)*e.keyStep.value,d=([34,37,40].includes($.keyCode)?-1:1)*(e.isReversed.value===!0?-1:1)*(n.vertical===!0?-1:1)*g;if(e.focus.value==="both"){const u=l.value.max-l.value.min,h=nt(e.roundValueFn.value(l.value.min+d),e.innerMin.value,e.innerMax.value-u);l.value={min:h,max:e.roundValueFn.value(h+u)}}else{if(e.focus.value===!1)return;{const u=e.focus.value;l.value={...l.value,[u]:nt(e.roundValueFn.value(l.value[u]+d),u==="min"?e.innerMin.value:l.value.min,u==="max"?e.innerMax.value:l.value.max)}}}F()}return()=>{const $=s.getContent(q,Q,O,g=>{g.push(K(),z())});return Z("div",{ref:y,class:"q-range "+e.classes.value+(n.modelValue.min===null||n.modelValue.max===null?" q-slider--no-value":""),...e.attributes.value,"aria-valuenow":n.modelValue.min+"|"+n.modelValue.max},$)}}}),Ca={props:{detailEventList:Object},layout:"Mobile",setup(){const n=Pt(),a=mt({min:-10,max:10});mt({min:-12,max:8});const o=c(()=>n.user),e=b(-90),s=b([]),y=b(["#DC3545","#5FAFF9"]),x=b(80),v=b(70),l=b(60),f=b([]),w=b(8),D=b([50,50]),S=b([{zone:[{labelColor:"#757575",bgColor:"#757575",min:-7,max:0},{labelColor:"#D9D9D9",bgColor:"#D9D9D9",min:0,max:2}]},{zone:[{labelColor:"#757575",bgColor:"#757575",min:-5,max:0},{labelColor:"#D9D9D9",bgColor:"#D9D9D9",min:0,max:10}]},{zone:[{labelColor:"#757575",bgColor:"#757575",min:-1,max:0},{labelColor:"#D9D9D9",bgColor:"#D9D9D9",min:0,max:5}]}]),R=b(!1),q=b(!1),O=c(()=>2*Math.PI*l.value),I=c(()=>O.value),P=c(()=>f.value.reduce((d,u)=>d+u)),Q=c(()=>{f.value.forEach((d,u)=>{const{x:h,y:M}=X(d,e.value),k={degrees:e.value,textX:h,textY:M};s.value.push(k),e.value=F(d)*360+e.value})}),U=c(()=>f.value=D.value.sort((d,u)=>u-d)),G=d=>{const u=[],{min:h,max:M}=a,k=M-h;let L=h,T;for(let st=0;st<d.length;st++)T=d[st],T.min>
1L&&(u.push(`transparent ${(L-h)/k*100}%`),u.push(`transparent ${(T.min-h)/k*100}%`)),u.push(`${T.bgColor} ${(T.min-h)/k*100}%`),u.push(`${T.bgColor} ${(T.max-h)/k*100}%`),L=T.max;return L<M&&(u.push(`transparent ${(L-h)/k*100}%`),u.push(`transparent ${(M-h)/k*100}%`)),{"--track-bg":`linear-gradient(to right, ${u.join(", ")})`}},K=(d,u)=>{const h=F(d)*u;return u-h},X=(d,u)=>{const h=F(d)*360/2+u,M=z(h);return{x:l.value*Math.cos(M)+x.value,y:l.value*Math.sin(M)+v.value}},z=d=>d*(Math.PI/180),F=d=>d/P.value,Y=d=>`${Math.round(F(d)*100)}%`,et=d=>`rotate(${s.value[d].degrees}, ${x.value}, ${v.value})`,H=d=>Math.round(F(d)*100)>5,$=()=>{R.value=!0},g=()=>{q.value=!0};return ft(()=>{U.value,Q.value}),{angleOffset:e,chartData:s,cx:x,cy:v,radius:l,colors:y,sortedValues:f,strokeWidth:w,adjustedCircumference:I,circumference:O,rangeMinMax:a,trackStyle:G,zones:S,calculateStrokeDashOffset:K,percentageString:Y,returnCircleTransformValue:et,segmentBigEnough:H,highlight:R,detail:q,playHighlight:$,showDetail:g,isUser:o}}},Da={class:"row"},wa={class:"col-12 col-md-6 mx-auto"},Sa={class:"q-stepper--vertical",color:"primary"},Ma={class:"q-stepper__content"},$a={class:"q-stepper__step pt-3"},qa={class:"q-stepper__tab col-grow pt-5 flex items-center no-wrap relative-position justify-center"},La={class:"q-stepper__label q-stepper__line absolute text-right flex flex-row items-center left-stepper-responsive"},Ta={class:"ml-1"},Ea={class:"q-stepper__step"},Ra={class:"q-stepper__tab col-grow flex items-center no-wrap relative-position justify-center"},Va={class:"q-stepper__label q-stepper__line absolute text-right flex flex-row items-center left-stepper-responsive"},Ba={class:"ml-1"},Pa={class:"q-stepper__step"},za={class:"q-stepper__tab col-grow flex items-center no-wrap relative-position justify-center"},Fa={class:"q-stepper__dot bg-transparent row flex-center q-stepper__line relative-position"},Ia={class:"row flex-center text-gray-110"},Aa={key:0,class:"text-center text-sm md:text-sm lg:text-base xl:text-lg font-bold mb-4"},ja={key:0,height:"125",width:"125",viewBox:"0 0 160 140",class:"donut-chart text-center m-auto"},Oa=["cx","cy","r","stroke","stroke-width","stroke-dasharray","stroke-dashoffset","transform"],Qa={"text-anchor":"middle",dy:"3px",class:"text-3xl fill-red-20",x:190,y:75},Ua={"text-anchor":"middle",dy:"3px",class:"text-3xl fill-blue-10",x:-30,y:75},Na={key:1,class:"text-sm xs:text-base sm:text-xl 2xl:text-2xl font-bold mb-4 q-px-md"},Ga={class:"flex font-normal items-center -mb-3 2xl:-mb-6"},Ka={class:"text-left"},Ha={class:"text-right"};function Wa(n,a,o,e,s,y){return i(),m("div",Da,[t("div",wa,[a[11]||(a[11]=ut('<div class="q-px-md py-3 lg:my-4"><div class="text-sm xs:text-base sm:text-xl 2xl:text-2xl font-bold mb-2 sm:mb-4 md:mb-6 lg:mb-8 xl:mb-10">Informasi Pertandingan</div><div class="mb-2 sm:mb-4 md:mb-6 lg:mb-8 xl:mb-10 text-xs xs:text-sm sm:text-lg 2xl:text-xl"><span class="block leading-tight">Stadion</span><span class="block leading-tight">Dewa United Stadium</span></div><div class="text-xs xs:text-sm sm:text-lg 2xl:text-xl"><span class="block leading-tight">Wasit</span><span class="block leading-tight">Tony Stark (USA)</span></div></div>',1)),t("div",null,[a[10]||(a[10]=ut('<div class="flex flex-row bg-gray-110 q-px-md py-2 text-white items-center"><span class="flex-1 text-xs xs:text-sm sm:text-lg 2xl:text-xl">Full time</span><span class="flex-1 text-center text-base xs:text-lg sm:text-xl 2xl:text-2xl">2 - 0</span><span class="flex-1"></span></div><div class="full-time-stepper q-stepper q-stepper--vertical bg-white dark:bg-black-20"><div class="q-stepper__content"><div class="q-stepper__step"></div><div class="q-stepper__step"><div class="q-stepper__tab col-grow pt-5 flex items-center no-wrap relative-position justify-center"><div class="q-focus-helper" tabindex="-1"></div><div class="q-stepper__dot bg-transparent row flex-center q-stepper__line relative-position"></div></div></div></div></div><div class="flex flex-row bg-gray-110 q-px-md py-2 text-white items-center"><span class="flex-1 text-xs xs:text-sm sm:text-lg 2xl:text-xl">Half time</span><span class="flex-1 text-center xs:text-lg sm:text-xl 2xl:text-2xl">2 - 0</span><span class="flex-1"></span></div>',3)),t("div",Sa,[t("div",Ma,[a[5]||(a[5]=t("div",{class:"q-stepper__step"},null,-1)),t("div",$a,[t("div",qa,[t("div",La,[a[0]||(a[0]=t("div",null,[t("div",{class:"text-xs xs:text-sm sm:text-sm 2xl:text-base leading-tight text-gray-100"}," Bukayo Saka "),t("div",{class:"text-xs xs:text-sm 2xl:text-base leading-tight"},"Gabriel Martineli")],-1)),t("div",Ta,[_(Vt,{name:"sports_soccer",class:"text-gray-110 text-lg xs:text-xl sm:text-xl 2xl:text-2xl mb-1"})])]),a[1]||(a[1]=t("div",{class:"q-stepper__dot bg-transparent row flex-center q-stepper__line relative-position"},[t("span",{class:"row flex-center text-gray-110 text-base xs:text-lg sm:text-xl 2xl:text-2xl"}," 43\u2019 ")],-1))])]),t("div",Ea,[t("div",Ra,[t("div",Va,[a[2]||(a[2]=t("div",null,[t("div",{class:"text-xs xs:text-sm sm:text-sm 2xl:text-base leading-tight text-gray-100"}," Bukayo Saka "),t("div",{class:"text-xs xs:text-sm 2xl:text-base leading-tight"},"Gabriel Martineli")],-1)),t("div",Ba,[_(Vt,{name:"sports_soccer",class:"text-gray-110 text-lg xs:text-xl sm:text-xl 2xl:text-2xl mb-1"})])]),a[3]||(a[3]=t("div",{class:"q-stepper__dot bg-transparent row flex-center q-stepper__line relative-position"},[t("span",{class:"row flex-center text-gray-110 text-base xs:text-lg sm:text-xl 2xl:text-2xl"}," 25\u2019 ")],-1))])]),t("div",Pa,[t("div",za,[a[4]||(a[4]=t("div",{class:"q-focus-helper",tabindex:"-1"},null,-1)),t("div",Fa,[t("span",Ia,[_(Vt,{name:"timer",class:"text-gray-110 text-base xs:text-lg sm:text-xl 2xl:text-2xl"})])])])])])]),e.isUser?(i(),m("div",Aa,[a[7]||(a[7]=t("div",{class:"text-center text-sm xs:text-base sm:text-xl 2xl:text-2xl"},"Statistik",-1)),e.sortedValues.length?(i(),m("svg",ja,[(i(!0),m(j,null,tt(e.sortedValues,(x,v)=>(i(),m("g",{key:v}
1,[t("circle",{cx:e.cx,cy:e.cy,r:e.radius,stroke:e.colors[v],"stroke-width":e.strokeWidth,"stroke-dasharray":e.adjustedCircumference,"stroke-dashoffset":e.calculateStrokeDashOffset(x,e.circumference),fill:"transparent",transform:e.returnCircleTransformValue(v)},null,8,Oa)]))),128)),t("g",null,[t("text",Qa,p(e.percentageString(e.sortedValues[0])),1),t("text",Ua,p(e.percentageString(e.sortedValues[1])),1),a[6]||(a[6]=t("text",{"text-anchor":"middle",x:80,y:75,class:"fill-gray-30"}," penempatan ",-1))])])):J("",!0)])):J("",!0),e.isUser?(i(),m("div",Na,[(i(!0),m(j,null,tt(e.zones,(x,v)=>(i(),m("div",{key:v,class:"mb-3"},[t("div",Ga,[t("span",Ka,p(Math.abs(x.zone[0].min)),1),a[8]||(a[8]=t("span",{class:"flex-1 text-sm xs:text-base sm:text-xl 2xl:text-2xl text-center"},"tembakan ke target",-1)),t("span",Ha,p(x.zone[1].max),1)]),_(ya,{style:he(e.trackStyle(x.zone)),class:"custom-colored-range custom-colored-range--outside mt-0",min:e.rangeMinMax.min,max:e.rangeMinMax.max,disable:""},null,8,["style","min","max"])]))),128)),a[9]||(a[9]=t("div",{class:"text-sm xs:text-base sm:text-xl 2xl:text-2xl text-center font-bold mt-1 mb-4 q-px-md"}," Lihat semua ",-1))])):J("",!0)])])])}const Xa=at(Ca,[["render",Wa]]),Ya={layout:"Mobile",setup(){return{}}},Za={class:"q-px-md py-3 row"};function Ja(n,a,o,e,s,y){return i(),m("div",Za,[...a[0]||(a[0]=[t("div",{class:"col-12 col-md-6 mx-auto"},[t("div",{class:"text-sm xs:text-base sm:text-xl 2xl:text-2xl font-bold mb-2"},"Detail player")],-1)])])}const ts=at(Ya,[["render",Ja]]),es={props:{detailEventList:Object},layout:"Mobile",setup(){const n=Pt(),a=mt({min:-10,max:10});mt({min:-12,max:8});const o=b(-90),e=b([]),s=b(["#DC3545","#5FAFF9"]),y=b(80),x=b(70),v=b(60),l=b([]),f=b(8),w=b([50,50]),D=b([{zone:[{labelColor:"#757575",bgColor:"#757575",min:-7,max:0},{labelColor:"#D9D9D9",bgColor:"#D9D9D9",min:0,max:2}]},{zone:[{labelColor:"#757575",bgColor:"#757575",min:-5,max:0},{labelColor:"#D9D9D9",bgColor:"#D9D9D9",min:0,max:10}]},{zone:[{labelColor:"#757575",bgColor:"#757575",min:-1,max:0},{labelColor:"#D9D9D9",bgColor:"#D9D9D9",min:0,max:5}]}]),S=b(!1),R=b(!1),q=c(()=>n.user),O=c(()=>2*Math.PI*v.value),I=c(()=>O.value),P=c(()=>l.value.reduce((d,u)=>d+u)),Q=c(()=>{l.value.forEach((d,u)=>{const{x:h,y:M}=X(d,o.value),k={degrees:o.value,textX:h,textY:M};e.value.push(k),o.value=F(d)*360+o.value})}),U=c(()=>l.value=w.value.sort((d,u)=>u-d)),G=d=>{const u=[],{min:h,max:M}=a,k=M-h;let L=h,T;for(let st=0;st<d.length;st++)T=d[st],T.min>L&&(u.push(`transparent ${(L-h)/k*100}%`),u.push(`transparent ${(T.min-h)/k*100}%`)),u.push(`${T.bgColor} ${(T.min-h)/k*100}%`),u.push(`${T.bgColor} ${(T.max-h)/k*100}%`),L=T.max;return L<M&&(u.push(`transparent ${(L-h)/k*100}%`),u.push(`transparent ${(M-h)/k*100}%`)),{"--track-bg":`linear-gradient(to right, ${u.join(", ")})`}}
1,K=(d,u)=>{const h=F(d)*u;return u-h},X=(d,u)=>{const h=F(d)*360/2+u,M=z(h);return{x:v.value*Math.cos(M)+y.value,y:v.value*Math.sin(M)+x.value}},z=d=>d*(Math.PI/180),F=d=>d/P.value,Y=d=>`${Math.round(F(d)*100)}%`,et=d=>`rotate(${e.value[d].degrees}, ${y.value}, ${x.value})`,H=d=>Math.round(F(d)*100)>5,$=()=>{S.value=!0},g=()=>{R.value=!0};return ft(()=>{U.value,Q.value}),{angleOffset:o,chartData:e,cx:y,cy:x,radius:v,colors:s,sortedValues:l,strokeWidth:f,adjustedCircumference:I,circumference:O,rangeMinMax:a,trackStyle:G,zones:D,calculateStrokeDashOffset:K,percentageString:Y,returnCircleTransformValue:et,segmentBigEnough:H,highlight:S,detail:R,playHighlight:$,showDetail:g,isUser:q}}},as={class:"row"},ss={class:"col-12 col-md-6 mx-auto"},ls={class:"mt-6 mb-10 lg:mt-12 flex"},ns={class:"flex-1 mx-1 text-center"};function os(n,a,o,e,s,y){return i(),m(j,null,[t("div",as,[t("div",ss,[a[4]||(a[4]=ut('<div class="q-px-md py-3 lg:my-4"><div class="text-sm xs:text-base sm:text-xl 2xl:text-2xl font-bold mb-2 sm:mb-4 md:mb-6 lg:mb-8 xl:mb-10">Informasi Pertandingan</div><div class="mb-2 sm:mb-4 md:mb-6 lg:mb-8 xl:mb-10 text-sm xs:text-base sm:text-xl 2xl:text-2xl"><span class="block leading-tight">Stadion</span><span class="block leading-tight">Dewa United Stadium</span></div><div class="text-sm xs:text-base sm:text-xl 2xl:text-2xl"><span class="block leading-tight">Wasit</span><span class="block leading-tight">Tony Stark (USA)</span></div></div><div class="flex flex-row bg-gray-110 q-px-md py-2 text-white items-center"><span class="flex-1 text-sm xs:text-base sm:text-xl 2xl:text-2xl">Q1</span><span class="flex-1 text-center text-base xs:text-lg sm:text-xl 2xl:text-2xl">12 - 11</span><span class="flex-1"></span></div><div class="full-time-stepper q-stepper q-stepper--vertical dark:bg-black-20"><div class="q-stepper__content"><div class="q-stepper__step"></div><div class="q-stepper__step"><div class="q-stepper__tab col-grow pt-5 flex items-center no-wrap relative-position justify-center"><div class="q-focus-helper" tabindex="-1"></div><div class="q-stepper__dot bg-transparent row flex-center q-stepper__line relative-position"></div></div></div></div></div><div class="flex flex-row bg-gray-110 q-px-md py-2 text-white items-center"><span class="flex-1 text-sm xs:text-base sm:text-xl 2xl:text-2xl">Q2</span><span class="flex-1 text-center text-base xs:text-lg sm:text-xl 2xl:text-2xl">28 - 15</span><span class="flex-1"></span></div><div class="m-auto p-0 text-center full-time-stepper q-stepper q-stepper--vertical dark:bg-black-20"><div class="q-stepper__content"><div class="q-stepper__step"></div><div class="q-stepper__step"><div class="q-stepper__tab col-grow pt-5 flex items-center no-wrap relative-position justify-center"><div class="q-focus-helper" tabindex="-1"></div><div class="q-stepper__dot bg-transparent row flex-center q-stepper__line relative-position"></div></div></div></div></div><div class="flex flex-row bg-gray-110 q-px-md py-2 text-white items-center"><span class="flex-1 text-sm xs:text-base sm:text-xl 2xl:text-2xl">Q3</span><span class="flex-1 text-center text-base xs:text-lg sm:text-xl 2xl:text-2xl">25 - 15</span><span class="flex-1"></span></div><div class="full-time-stepper q-stepper q-stepper--vertical dark:bg-black-20"><div class="q-stepper__content"><div class="q-stepper__step"></div><div class="q-stepper__step"><div class="q-stepper__tab col-grow pt-5 flex items-center no-wrap relative-position justify-center"><div class="q-focus-helper" tabindex="-1"></div><div class="q-stepper__dot bg-transparent row flex-center q-stepper__line relative-position"></div></div></div></div></div><div class="flex flex-row bg-gray-110 q-px-md py-2 text-white items-center"><span class="flex-1 text-sm xs:text-base sm:text-xl 2xl:text-2xl">Q4</span><span class="flex-1 text-center text-base xs:text-lg sm:text-xl 2xl:text-2xl">19 - 18</span><span class="flex-1"></span></div><div class="full-time-stepper q-stepper q-stepper--vertical dark:bg-black-20"><div class="q-stepper__content"><div class="q-stepper__step"></div><div class="q-stepper__step"><div class="q-stepper__tab col-grow pt-5 flex items-center no-wrap relative-position justify-center"><div class="q-focus-helper" tabindex="-1"></div><div class="q-stepper__dot bg-transparent row flex-center q-stepper__line relative-position"></div></div></div></div></div><div class="flex flex-row bg-gray-110 q-px-md py-2 text-white items-center"><span class="flex-1 text-sm xs:text-base sm:text-xl 2xl:text-2xl">Full Time</span><span class="flex-1 text-center text-base xs:text-lg sm:text-xl 2xl:text-2xl">84 - 59</span><span class="flex-1"></span></div>',10)),t("div",ls,[t("div",ns,[_(ht,{onClick:a[0]||(a[0]=x=>e.playHighlight()),icon:"play_arrow",label:"Game Highlight",class:"bg-gold-20 text-white mx-1 text-left text-base xs:text-lg sm:text-xl 2xl:text-2xl",padding:"8px 25px 8px 8px",rounded:"","no-caps":"",align:"left"}),_(ht,{onClick:a[1]||(a[1]=x=>e.showDetail()),label:"Details",class:"bg-gold-20 text-white mx-1 text-base xs:text-lg sm:text-xl 2xl:text-2xl",padding:"8px 40px",rounded:"","no-caps":""})])])])]),_(Ht,{modelValue:e.highlight,"onUpdate:modelValue":a[2]||(a[2]=x=>e.highlight=x),maximized:!0,"transition-show":"slide-up","transition-hide":"slide-down"},{default:B(()=>
1[_(Bt,{class:"bg-gray-4 dark:bg-black-10 dark:text-gray-30 text-gray-110"},{default:B(()=>[_(Rt,{class:"row items-center q-pb-none"},{default:B(()=>[a[5]||(a[5]=t("div",{class:"text-h6"},"Game Highlights",-1)),_(Kt),Gt(_(ht,{icon:"close",flat:"",round:"",dense:""},null,512),[[Wt]])]),_:1}),_(Rt,null,{default:B(()=>[_(Me,{ratio:16/9,src:"https://www.youtube.com/embed/k3_tw44QsZQ?rel=0"})]),_:1})]),_:1})]),_:1},8,["modelValue"]),_(Ht,{modelValue:e.detail,"onUpdate:modelValue":a[3]||(a[3]=x=>e.detail=x),maximized:!0,"transition-show":"slide-up","transition-hide":"slide-down"},{default:B(()=>[_(Bt,null,{default:B(()=>[_(Rt,{class:"row items-center q-pb-none"},{default:B(()=>[a[6]||(a[6]=t("div",{class:"text-h6"},"Game Details",-1)),_(Kt),Gt(_(ht,{icon:"close",flat:"",round:"",dense:""},null,512),[[Wt]])]),_:1}),_(Rt,null,{default:B(()=>[...a[7]||(a[7]=[Qt(" Details Here ",-1)])]),_:1})]),_:1})]),_:1},8,["modelValue"])],64)}const is=at(es,[["render",os]]),rs={props:{zones:Array},setup(n){const a=Pt(),o=b([{round:1,data:[{attacker:"Tony Stark 1",defender:"Tony Stark 2",kill:"Single Kill",weapon:"pistol"},{attacker:"Tony Stark 1",defender:"Tony Stark 2",kill:"Double Kill",weapon:"rifle"},{attacker:"Tony Stark 1",defender:"Tony Stark 2",kill:"Head Shot",weapon:"knife"},{attacker:"Tony Stark 1",defender:"Tony Stark 2",kill:"Planted",weapon:"bomb"}]},{round:2,data:[]},{round:3,data:[]},{round:4,data:[]},{round:5,data:[]}]),e=c(()=>a.user);return{trackStyle:(y,x,v)=>{const l=[],f=v-x;let w=x,D;for(let S=0;S<y.length;S++)D=y[S],D.min>w&&(l.push(`transparent ${(w-x)/f*100}%`),l.push(`transparent ${(D.min-x)/f*100}%`)),l.push(`${D.bgColor} ${(D.min-x)/f*100}%`),l.push(`${D.bgColor} ${(D.max-x)/f*100}%`),w=D.max;return w<v&&(l.push(`transparent ${(w-x)/f*100}%`),l.push(`transparent ${(v-x)/f*100}%`)),{"--track-bg":`linear-gradient(to right, ${l.join(", ")})`}}
1,statisticsData:o,isUser:e}}},cs={class:"flex flex-row bg-gray-110 q-px-md py-2 text-white items-center"},xs={class:"flex-1 text-xs xs:text-sm sm:text-lg 2xl:text-xl"},ds={class:"q-stepper--vertical relative",color:"primary"},ms={key:0,class:"absolute w-full flex items-center top-4 text-xs xs:text-sm sm:text-lg 2xl:text-xl"},us={class:"q-stepper__content"},vs={class:"q-stepper__tab col-grow pt-5 flex items-start no-wrap relative-position justify-center"},gs={class:"q-stepper__label q-stepper__line absolute text-right flex flex-row items-center left-stepper-responsive"},ps={class:"mt-0.5"},bs={class:"text-xs xs:text-sm sm:text-lg 2xl:text-xl leading-tight text-gray-100"},_s={class:"q-stepper__dot bg-transparent row flex-center q-stepper__line relative-position flex-1 pb-3"},hs={class:"row flex-center flex flex-col text-gray-110 text-xs xs:text-sm sm:text-lg 2xl:text-xl"},fs={class:"q-stepper__label q-stepper__line absolute text-right flex flex-row items-center right-stepper-responsive"},ks={class:"mt-0.5"},ys={class:"text-xs xs:text-sm sm:text-lg 2xl:text-xl leading-tight text-gray-100"};function Cs(n,a,o,e,s,y){return i(),m(j,null,[a[2]||(a[2]=ut('<div class="q-px-md py-3 lg:my-4"><div class="text-sm xs:text-base sm:text-xl 2xl:text-2xl font-bold mb-2 sm:mb-4 md:mb-6 lg:mb-8 xl:mb-10">Informasi Pertandingan</div><div class="mb-2 sm:mb-4 md:mb-6 lg:mb-8 xl:mb-10 text-xs xs:text-sm sm:text-lg 2xl:text-xl"><span class="block leading-tight">Matches</span><span class="block leading-tight">Unrated Plant/Defuse</span></div><div class="ext-xs xs:text-sm sm:text-lg md:text-xl lg:text-2xl xl:text-3xl flex items-center"><div class="flex-1"><span class="block leading-tight">Map</span><span class="block leading-tight">Ascent</span></div><div class="flex-1"><span class="block leading-tight">Total Round</span><span class="block leading-tight">18</span></div></div></div>',1)),t("div",null,[(i(!0),m(j,null,tt(e.statisticsData,(x,v)=>(i(),m("div",{key:v,class:"mb-3"},[t("div",cs,[t("span",xs,"Round "+p(x.round),1)]),t("div",ds,[x.data.length?(i(),m("div",ms,[...a[0]||(a[0]=[t("div",{class:"flex-1 text-left px-4"}," Attacker ",-1),t("div",{class:"flex-1 text-right px-4"}," Defender ",-1)])])):J("",!0),t("div",us,[a[1]||(a[1]=t("div",{class:"q-stepper__step"},null,-1)),(i(!0),m(j,null,tt(x.data,(l,f)=>(i(),m("div",{key:f,class:Ot(["q-stepper__step",f==0?"pt-12":""])},[t("div",vs,[t("div",gs,[t("div",ps,[t("div",bs,p(l.attacker),1)])]),t("div",_s,[t("span",hs,[Qt(p(l.kill)+" ",1),l.weapon=="rifle"?(i(),A(N,{key:0,src:"/event//esports/valorant/rifle.png",width:"34px",height:"9px",class:"mt-1"})):l.weapon=="knife"?(i(),A(N,{key:1,src:"/event//esports/valorant/knife.png",width:"20px",height:"9px",class:"mt-1"})):l.weapon=="bomb"?(i(),A(N,{key:2,src:"/event//esports/valorant/bomb.png",width:"6px",height:"14px",class:"mt-1"})):(i(),A(N,{key:3,src:"/event//esports/valorant/pistol.png",width:"20px",height:"10px",class:"mt-1"}))])]),t("div",fs,[t("div",ks,[t("div",ys,p(l.defender),1)])])])],2))),128))])])]))),128))])],64)}const Ds=at(rs,[["render",Cs]]),ws={props:{zones:Array},setup(n){const a=userStore(),o=c(()=>a.user),e=b([{games:"Early",score:"1-0",data:[{referee:"Tony Stark",attack1:"First Blood",attack2:"",game_time:"05:12",attack1_icon:"sword",attack2_icon:""},{referee:"Tony Stark",attack1:"Cryoturtle",attack2:"",game_time:"03:12",attack1_icon:"turtle",attack2_icon:""}]},{games:"Mid",score:"4-1",data:[{referee:"Tony Stark",attack1:"First Blood",attack2:"",game_time:"01:12",attack1_icon:"turret",attack2_icon:""},{referee:"Tony Stark",attack1:"",attack2:"",game_time:"04:12",attack1_icon:"",attack2_icon:"sword"},{referee:"Tony Stark",attack1:"Triple Kill",attack2:"",game_time:"04:12",attack1_icon:"sword",attack2_icon:""}]},{games:"Late",score:"7-4",data:[{referee:"Tony Stark",attack1:"First Blood",attack2:"",game_time:"07:12",attack1_icon:"sword",attack2_icon:""},{referee:"Tony Stark",attack1:"Cryoturtle",attack2:"",game_time:"05:12",attack1_icon:"turtle",attack2_icon:""},{referee:"Tony Stark",attack1:"",attack2:"Shutdown",game_time:"02:12",attack1_icon:"",attack2_icon:"sword"},{referee:"Tony Stark",attack1:"Lord",attack2:"",game_time:"02:12",attack1_icon:"lord",attack2_icon:""}]}]);return{trackStyle:(y,x,v)=>{const l=[],f=v-x;let w=x,D;for(let S=0;S<y.length;S++)D=y[S],D.min>w&&(l.push(`transparent ${(w-x)/f*100}%`),l.push(`transparent ${(D.min-x)/f*100}%`)),l.push(`${D.bgColor} ${(D.min-x)/f*100}%`),l.push(`${D.bgColor} ${(D.max-x)/f*100}%`),w=D.max;return w<v&&(l.push(`transparent ${(w-x)/f*100}%`),l.push(`transparent ${(v-x)/f*100}%`)),{"--track-bg":`linear-gradient(to right, ${l.join(", ")})`}}
1,statisticsData:e,isUser:o}}},Ss={class:"flex flex-row bg-gray-110 q-px-md py-2 text-white items-center"},Ms={class:"flex-1 md:text-xl lg:text-xl text-xs sm:text-xs"},$s={class:"flex-1 md:text-xl lg:text-xl text-xs sm:text-xs text-center"},qs={class:"q-stepper--vertical",color:"primary"},Ls={class:"q-stepper__step pt-3"},Ts={class:"q-stepper__tab col-grow pt-5 flex items-center no-wrap relative-position justify-center"},Es={class:"q-stepper__label q-stepper__line absolute text-right flex flex-row items-center mpl_data"},Rs={class:"md:text-xl lg:text-xl text-xs sm:text-xs leading-tight text-gray-100"},Vs={class:"md:text-xl lg:text-xl text-xs sm:text-xs leading-tight"},Bs={class:"ml-1"},Ps={class:"q-stepper__dot bg-transparent row flex-center q-stepper__line relative-position"},zs={class:"row flex-center text-gray-110 text-base"},Fs={class:"q-stepper__label q-stepper__line absolute text-right flex flex-row items-center mpl_data2"},Is={class:"ml-1"},As={class:"md:text-xl lg:text-xl text-xs sm:text-xs leading-tight text-gray-100"},js={class:"md:text-xl lg:text-xl text-xs sm:text-xs leading-tight"};function Os(n,a,o,e,s,y){return i(),m(j,null,[a[2]||(a[2]=ut('<div class="q-px-md py-3"><div class="text-sm xs:text-base sm:text-xl 2xl:text-2xl font-bold mb-2">Informasi Pertandingan</div><div class="mb-2 md:text-xl lg:text-xl text-xs sm:text-xs"><span class="block leading-tight">Matches</span><span class="block leading-tight">5v5</span></div><div class="md:text-xl lg:text-xl text-xs sm:text-xs"><span class="block leading-tight">Wasit</span><span class="block leading-tight">Tony Stark (USA)</span></div></div>',1)),(i(!0),m(j,null,tt(e.statisticsData,(x,v)=>(i(),m("div",{key:v,class:"mb-3"},[t("div",null,[t("div",Ss,[t("span",Ms,p(x.games)+" Game",1),t("span",$s,p(x.score),1),a[0]||(a[0]=t("span",{class:"flex-1"},null,-1))]),t("div",qs,[(i(!0),m(j,null,tt(x.data,(l,f)=>(i(),m("div",{key:f,class:"q-stepper__content"},[a[1]||(a[1]=t("div",{class:"q-stepper__step"},null,-1)),t("div",Ls,[t("div",Ts,[t("div",Es,[t("div",null,[t("div",Rs,p(l.referee),1),t("div",Vs,p(l.attack1),1)]),t("div",Bs,[l.attack1_icon=="sword"?(i(),A(N,{key:0,src:"/event/esports/mpl/sword.png",width:"12px",height:"12px",class:"ml-2"})):l.attack1_icon=="turret"?(i(),A(N,{key:1,src:"/event//esports/mpl/turret.png",width:"8px",height:"12px",class:"ml-2"})):l.attack1_icon=="turtle"?(i(),A(N,{key:2,src:"/event//esports/mpl/turtle.png",width:"17px",height:"10px",class:"ml-2"})):l.attack1_icon=="lord"?(i(),A(N,{key:3,src:"/event//esports/mpl/lord.png",width:"10px",height:"15px",class:"ml-2"})):(i(),A(N,{key:4,src:"/event/esports/mpl/skull.png",width:"10px",height:"12px",class:"ml-2"}))])]),t("div",Ps,[t("span",zs,p(l.game_time),1)]),t("div",Fs,[t("div",Is,[l.attack2_icon=="sword"?(i(),A(N,{key:0,src:"/event/esports/mpl/sword.png",width:"12px",height:"12px",class:"mr-2"})):l.attack2_icon=="turret"?(i(),A(N,{key:1,src:"/event//esports/mpl/turret.png",width:"8px",height:"12px",class:"mr-2"})):l.attack2_icon=="turtle"?(i(),A(N,{key:2,src:"/event//esports/mpl/turtle.png",width:"17px",height:"10px",class:"mr-2"})):l.attack2_icon=="lord"?(i(),A(N,{key:3,src:"/event//esports/mpl/lord.png",width:"10px",height:"15px",class:"mr-2"})):(i(),A(N,{key:4,src:"/event/esports/mpl/skull.png",width:"10px",height:"12px",class:"mr-2"}))]),t("div",null,[t("div",As,p(l.referee),1),t("div",js,p(l.attack2),1)])])])])]))),128))])])]))),128))],64)}const Qs=at(ws,[["render",Os]]),Us={props:{zones:Array},setup(n){return{statisticsData:b([{round:1,map:"San Hok",data:[{rank:"1",team:"Dewa",elimination:"8",rankPoint:"15"},{rank:"2",team:"GD",elimination:"5",rankPoint:"12"},{rank:"3",team:"Onic",elimination:"6",rankPoint:"10"},{rank:"4",team:"Nero",elimination:"7",rankPoint:"8"}]},{round:2,map:"Erangel",data:[]},{round:3,map:"Miramal",data:[]},{round:4,map:"Vikendi",data:[]},{round:5,map:"San Hok",data:[]}])}}},Ns={class:"q-px-md flex flex-row items-center bg-gray-110 py-2 text-white"},Gs={class:"flex-1 text-xs xs:text-sm sm:text-lg 2xl:text-xl"},Ks={class:"q-stepper--vertical relative",color:"primary"}
1,Hs={key:0,class:"top-4 grid w-full grid-cols-4 p-3 text-xs xs:text-sm sm:text-lg 2xl:text-xl"},Ws={class:"grid grid-cols-4 px-3 text-xs xs:text-sm sm:text-lg 2xl:text-xl"};function Xs(n,a,o,e,s,y){return i(),m(j,null,[a[1]||(a[1]=ut('<div class="q-px-md py-3"><div class="mb-2 font-bold text-sm xs:text-base sm:text-xl 2xl:text-2xl"> Informasi Pertandingan </div><div class="grid grid-cols-2 items-center gap-4 text-xs xs:text-sm sm:text-lg 2xl:text-xl"><div><span class="block leading-tight">Matches</span><span class="block leading-tight">Survival</span></div><div><span class="block leading-tight">Total Match</span><span class="block leading-tight">4</span></div><div><span class="block leading-tight">Total Squad</span><span class="block leading-tight">16</span></div><div><span class="block leading-tight">Total Player</span><span class="block leading-tight">64</span></div></div></div>',1)),t("div",null,[(i(!0),m(j,null,tt(e.statisticsData,(x,v)=>(i(),m("div",{key:v,class:"mb-3"},[t("div",Ns,[t("span",Gs,"Matched "+p(x.round)+" : "+p(x.map),1)]),t("div",Ks,[x.data.length?(i(),m("div",Hs,[...a[0]||(a[0]=[t("div",{class:""},"Rank",-1),t("div",{class:""},"Team",-1),t("div",{class:""},"Elim Point",-1),t("div",{class:""},"Rank Point",-1)])])):J("",!0),(i(!0),m(j,null,tt(x.data,(l,f)=>(i(),m("div",{key:f},[t("div",Ws,[t("div",null,[t("span",null,p(l.rank),1)]),t("div",null,[t("span",null,p(l.team),1)]),t("div",null,[t("span",null,p(l.elimination),1)]),t("div",null,[t("span",null,p(l.rankPoint),1)])])]))),128))])]))),128))])],64)}const Ys=at(Us,[["render",Xs]]),Zs={props:{detailEventList:Object},components:{ValorantStatistics:Ds,MPLStatistics:Qs,PUBGStatistics:Ys},setup(){const n=mt({min:-10,max:10});mt({min:-12,max:8});const a=b(-90),o=b([]),e=b(["#DC3545","#5FAFF9"]),s=b(80),y=b(70),x=b(60),v=b([]),l=b(8),f=b([50,50]),w=b([{name:"Victory",rangeMin:-10,rangeMax:10,zone:[{labelColor:"#757575",bgColor:"#757575",min:-7,max:0},{labelColor:"#D9D9D9",bgColor:"#D9D9D9",min:0,max:2}]},{name:"Kill",rangeMin:-25e3,rangeMax:25e3,zone:[{labelColor:"#757575",bgColor:"#757575",min:-14800,max:0},{labelColor:"#D9D9D9",bgColor:"#D9D9D9",min:0,max:11600}]},{name:"Death",rangeMin:-10,rangeMax:10,zone:[{labelColor:"#757575",bgColor:"#757575",min:-1,max:0},{labelColor:"#D9D9D9",bgColor:"#D9D9D9",min:0,max:5}]},{name:"Assist",rangeMin:-10,rangeMax:10,zone:[{labelColor:"#757575",bgColor:"#757575",min:-1,max:0},{labelColor:"#D9D9D9",bgColor:"#D9D9D9",min:0,max:5}]},{name:"Gold",rangeMin:-10,rangeMax:10,zone:[{labelColor:"#757575",bgColor:"#757575",min:-1,max:0},{labelColor:"#D9D9D9",bgColor:"#D9D9D9",min:0,max:5}]}]),D=b([{name:"Kill",rangeMin:-10,rangeMax:10,zone:[{labelColor:"#757575",bgColor:"#757575",min:-7,max:4},{labelColor:"#D9D9D9",bgColor:"#D9D9D9",min:0,max:2}]},{name:"Gold",rangeMin:-25e3,rangeMax:25e3,zone:[{labelColor:"#757575",bgColor:"#757575",min:-14800,max:0},{labelColor:"#D9D9D9",bgColor:"#D9D9D9",min:0,max:11600}]},{name:"Tortoise Kills",rangeMin:-10,rangeMax:10,zone:[{labelColor:"#757575",bgColor:"#757575",min:-1,max:2},{labelColor:"#D9D9D9",bgColor:"#D9D9D9",min:0,max:0}]},{name:"Tower Destroy",rangeMin:-10,rangeMax:10,zone:[{labelColor:"#757575",bgColor:"#757575",min:-9,max:0},{labelColor:"#D9D9D9",bgColor:"#D9D9D9",min:0,max:4}]},{name:"Lord Kills",rangeMin:-10,rangeMax:10,zone:[{labelColor:"#757575",bgColor:"#757575",min:-1,max:0},{labelColor:"#D9D9D9",bgColor:"#D9D9D9",min:0,max:5}]}]),S=b([{zone:[{labelColor:"#757575",bgColor:"#757575",min:-7,max:0},{labelColor:"#D9D9D9",bgColor:"#D9D9D9",min:0,max:2}]},{zone:[{labelColor:"#757575",bgColor:"#757575",min:-5,max:0},{labelColor:"#D9D9D9",bgColor:"#D9D9D9",min:0,max:10}]},{zone:[{labelColor:"#757575",bgColor:"#757575",min:-1,max:0},{labelColor:"#D9D9D9",bgColor:"#D9D9D9",min:0,max:5}]}]),R=b(!1),q=b(!1),O=c(()=>2*Math.PI*x.value),I=c(()=>O.value),P=c(()=>v.value.reduce((g,d)=>g+d)),Q=c(()=>{v.value.forEach((g,d)=>{const{x:u,y:h}=K(g,a.value),M={degrees:a.value,textX:u,textY:h};o.value.push(M),a.value=z(g)*360+a.value})}),U=c(()=>v.value=f.value.sort((g,d)=>d-g)),G=(g,d)=>{const u=z(g)*d;return d-u},K=(g,d)=>{const u=z(g)*360/2+d,h=X(u);return{x:x.value*Math.cos(h)+s.value,y:x.value*Math.sin(h)+y.value}},X=g=>g*(Math.PI/180),z=g=>g/P.value,F=g=>`${Math.round(z(g)*100)}%`,Y=g=>`rotate(${o.value[g].degrees}, ${s.value}, ${y.value})`,et=g=>Math.round(z(g)*100)>5,H=()=>{R.value=!0},$=()=>{q.value=!0};return ft(()=>{U.value,Q.value}),{angleOffset:a,chartData:o,cx:s,cy:y,radius:x,colors:e,sortedValues:v,strokeWidth:l,adjustedCircumference:I,circumference:O,rangeMinMax:n,zones:S,calculateStrokeDashOffset:G,percentageString:F,returnCircleTransformValue:Y,segmentBigEnough:et,highlight:R,detail:q,playHighlight:H,showDetail:$,zonesValorant:w,zonesMPL:D}}},Js={class:"row"},tl={class:"col-12 col-md-6 mx-auto"},el={key:3,class:"p-4 w-full text-center"};function al(n,a,o,e,s,y){const x=ct("ValorantStatistics"),v=ct("MPLStatistics"),l=ct("PUBGStatistics");return i(),m("div",Js,[t("div",tl,[o.detailEventList.event.match.league.game_id==10?(i(),A(x,{key:0,zones:e.zonesValorant},null,8,["zones"])):o.detailEventList.event.match.league.game_id==4||o.detailEventList.event.match.league.game.game_id==21?(i(),A(v,{key:1,zones:e.zonesMPL},null,8,["zones"])):o.detailEventList.event.match.league.game_id==3?(i(),A(l,{key:2})):(i(),m("div",el," no available stats"))])])}const sl=at(Zs,[["render",al]]),ll={setup(n){return{playerData:b([{name:"Attacker",data:[{player:"Tony Stark",kill:3,death:3,assist:2,gold:11249},{player:"Tony Stark",kill:3,death:3,assist:2,gold:11249},{player:"Tony Stark",kill:3,death:3,assist:2,gold:11249},{player:"Tony Stark",kill:3,death:3,assist:2,gold:11249},{player:"Tony Stark",kill:3,death:3,assist:2,gold:11249}]},{name:"Defender",data:[{player:"Tony Stark",kill:3,death:3,assist:2,gold:11249},{player:"Tony Stark",kill:3,death:3,assist:2,gold:11249},{player:"Tony Stark",kill:3,death:3,assist:2,gold:11249},{player:"Tony Stark",kill:3,death:3,assist:2,gold:11249},{player:"Tony Stark",kill:3,death:3,assist:2,gold:11249}]}])}}},nl={class:"flex space-x-4 2xl:space-x-10 mx-auto justify-center"},ol={class:"block leading-tight font-medium text-base xs:text-lg sm:text-xl 2xl:text-2xl"},il={class:"flex items-start space-x-4 2xl:space-x-10"},rl={class:"flex-1"},cl={class:"mb-2 font-medium"},xl={class:"flex w-full space-x-2 sm:space-x-5 items-center"},dl={class:"text-center"},ml={class:"text-sm xs:text-base sm:text-xl 2xl:text-2xl text-center leading-tight font-bold text-gold-20"},ul={class:"text-center"},vl={class:"text-sm xs:text-base sm:text-xl 2xl:text-2xl text-center leading-tight font-bold text-gold-20"},gl={class:"text-center"},pl={class:"text-sm xs:text-base sm:text-xl 2xl:text-2xl text-center leading-tight font-bold text-gold-20"},bl={class:"text-center"},_l={class:"text-sm xs:text-base sm:text-xl 2xl:text-2xl text-center leading-tight font-bold text-gold-20"};function hl(n,a,o,e,s,y){return i(),m(j,null,[a[5]||(a[5]=t("div",{class:"text-sm xs:text-base sm:text-xl 2xl:text-2xl font-bold mb-5"},"Strategi Pertandingan",-1)),t("div",nl,[(i(!0),m(j,null,tt(e.playerData,(x,v)=>(i(),m("div",{key:v,class:"mb-10 text-xs xs:text-sm sm:text-lg 2xl:text-xl md:flex-1"},[t("div",ol,p(x.name),1),(i(!0),m(j,null,tt(x.data,(l,f)=>(i(),m("div",{key:f,class:"my-5 sm:my-8 2xl:my-10"},[t("div",il,[_(Ut,{size:"78px",class:"sm:text-6xl 2xl:text-8xl"},{default:B(()=>[...a[0]||(a[0]=[t("img",{src:"https://cdn.quasar.dev/img/boy-avatar.png"},null,-1)])]),_:1}),t("div",rl,[t("div",cl,p(l.player),1),t("div",xl,[t("div",dl,[a[1]||(a[1]=t("h3",{class:"text-xs xs:text-sm sm:text-lg 2xl:text-xl leading-tight"},"Kill",-1)),t("h3",ml,p(l.kill),1)]),t("div",ul,[a[2]||(a[2]=t("h3",{class:"text-xs xs:text-sm sm:text-lg 2xl:text-xl leading-tight"},"Death",-1)),t("h3",vl,p(l.death),1)]),t("div",gl,[a[3]||(a[3]=t("h3",{class:"text-xs xs:text-sm sm:text-lg 2xl:text-xl leading-tight"},"Assist",-1)),t("h3",pl,p(l.assist),1)]),t("div",bl,[a[4]||(a[4]=t("h3",{class:"text-xs xs:text-sm sm:text-lg 2xl:text-xl leading-tight"},"Gold",-1)),t("h3",_l,p(l.gold),1)])])])])]))),128))]))),128))])],64)}const fl=at(ll,[["render",hl]]),kl={setup(n){return{playerData:b([{name:"Sanctuary",data:[{player:"Tony Stark",score:"6,9",kill:3,death:3,assist:2,gold:11249},{player:"Tony Stark",score:"4,5",kill:3,death:3,assist:2,gold:11249},{player:"Tony Stark",score:"5,5",kill:3,death:3,assist:2,gold:11249},{player:"Tony Stark",score:"5,0",kill:3,death:3,assist:2,gold:11249},{player:"Tony Stark",score:"6,1",kill:3,death:3,assist:2,gold:11249}]},{name:"Sanctum",data:[{player:"Tony Stark",score:"6,5",kill:3,death:3,assist:2,gold:11249},{player:"Tony Stark",score:"4,5",kill:3,death:3,assist:2,gold:11249},{player:"Tony Stark",score:"5,5",kill:3,death:3,assist:2,gold:11249},{player:"Tony Stark",score:"6,5",kill:3,death:3,assist:2,gold:11249},{player:"Tony Stark",score:"6,1",kill:3,death:3,assist:2,gold:11249}]}])}}},yl={class:"flex space-x-4 2xl:space-x-10 mx-auto justify-center"},Cl={class:"block leading-tight text-base xs:text-lg sm:text-xl 2xl:text-2xl"},Dl={class:"flex items-start space-x-4 2xl:space-x-10"},wl={class:"flex-1"},Sl={class:"mb-2 flex flex-row justify-start"},Ml={class:"text-sm xs:text-base sm:text-xl 2xl:text-2xl"},$l={class:"ml-4 font-bold text-sm xs:text-base sm:text-xl 2xl:text-2xl"},ql={class:"flex w-full space-x-4 items-center"},Ll={class:"text-center"},Tl={class:"text-sm xs:text-base sm:text-xl 2xl:text-2xl text-center leading-tight font-bold text-gold-20"},El={class:"text-center"},Rl={class:"text-sm xs:text-base sm:text-xl 2xl:text-2xl text-center leading-tight font-bold text-gold-20"},Vl={class:"text-center"},Bl={class:"text-sm xs:text-base sm:text-xl 2xl:text-2xl text-center leading-tight font-bold text-gold-20"},Pl={class:"text-center"},zl={class:"text-sm xs:text-base sm:text-xl 2xl:text-2xl text-center leading-tight font-bold text-gold-20"},Fl={class:"flex w-full space-x-4 items-center mt-2"},Il={class:"text-gold-10 bg-gold-10 rounded-full w-8 h-8"};function Al(n,a,o,e,s,y){return i(),m(j,null,[a[6]||(a[6]=t("div",{class:"text-sm xs:text-base sm:text-xl 2xl:text-2xl font-bold mb-5"},"Strategi Pertandingan",-1)),t("div",yl,[(i(!0),m(j,null,tt(e.playerData,(x,v)=>(i(),m("div",{key:v,class:"mb-10 text-xs xs:text-sm sm:text-lg 2xl:text-xl md:flex-1"},[t("div",Cl,p(x.name),1),(i(!0),m(j,null,tt(x.data,(l,f)=>(i(),m("div",{key:f,class:"my-5"},[t("div",Dl,[_(Ut,{size:"78px",class:"sm:text-6xl 2xl:text-8xl"},{default:B(()=>[...a[0]||(a[0]=[t("img",{src:"https://cdn.quasar.dev/img/boy-avatar.png"},null,-1)])]),_:1}),t("div",wl,[t("div",Sl,[t("div",Ml,p(l.player),1),t("div",$l,p(l.score),1)]),t("div",ql,[t("div",Ll,[a[1]||(a[1]=t("h3",{class:"leading-tight text-xs xs:text-sm sm:text-lg 2xl:text-xl"},"Kill",-1)),t("h3",Tl,p(l.kill),1)]),t("div",El,[a[2]||(a[2]=t("h3",{class:"text-xs xs:text-sm sm:text-lg 2xl:text-xl leading-tight"},"Death",-1)),t("h3",Rl,p(l.death),1)]),t("div",Vl,[a[3]||(a[3]=t("h3",{class:"text-xs xs:text-sm sm:text-lg 2xl:text-xl leading-tight"},"Assist",-1)),t("h3",Bl,p(l.assist),1)]),t("div",Pl,[a[4]||(a[4]=t("h3",{class:"text-xs xs:text-sm sm:text-lg 2xl:text-xl leading-tight"},"Gold",-1)),t("h3",zl,p(l.gold),1)])]),a[5]||(a[5]=t("div",{class:"mt-2 text-xs xs:text-sm sm:text-lg 2xl:text-xl"},"Items:",-1)),t("div",Fl,[(i(),m(j,null,tt(6,w=>t("div",{key:w},[t("div",Il,p(w),1)])),64))])])])]))),128))]))),128))])],64)}const jl=at(kl,[["render",Al]]),Ol={setup(n){return{playerData:b([{team:"Dewa",data:[{name:"DU Tony Stark1"},{name:"DU Tony Stark2"},{name:"DU Tony Stark3"},{name:"DU Tony Stark4"}]},{team:"Dewa2",data:[{name:"DU Tony Stark1"},{name:"DU Tony Stark2"},{name:"DU Tony Stark3"},{name:"DU Tony Stark4"}]}])}}},Ql={class:"grid grid-cols-3"},Ul={class:"col-span-2"},Nl={class:"mb-3"},Gl={class:"font-medium text-xs xs:text-sm sm:text-lg 2xl:text-xl"},Kl={class:""},Hl={class:"mb-1 text-xs xs:text-sm sm:text-lg 2xl:text-xl"};function Wl(n,a,o,e,s,y){return i(),m("div",null,[a[1]||(a[1]=t("div",{class:"mb-5 text-sm xs:text-base sm:text-xl 2xl:text-2xl font-bold"}," Informasi Pertandingan ",-1)),(i(!0),m(j,null,tt(e.playerData,(x,v)=>(i(),m("div",{key:v,class:"mb-10 text-xs"},[t("div",Ql,[t("div",null,[_(Ut,{size:"78px",class:"sm:text-6xl 2xl:text-8xl mr-10"},{default:B(()=>[...a[0]||(a[0]=[t("img",{src:"https://cdn.quasar.dev/img/boy-avatar.png"},null,-1)])]),_:1})]),t("div",Ul,[t("div",Nl,[t("span",Gl,p(x.team),1)]),(i(!0),m(j,null,tt(x.data,(l,f)=>(i(),m("div",{key:f,class:"my-2"},[t("div",Kl,[t("div",Hl,p(l.name),1)])]))),128))])])]))),128))])}const Xl=at(Ol,[["render",Wl]]),Yl={props:{detailEventList:Object},components:{ValorantPlayer:fl,MplPlayer:jl,PubgPlayer:Xl},setup(){return{}}},Zl={class:"q-px-md py-3 row"},Jl={key:3,class:"p-4 w-full text-center"};function tn(n,a,o,e,s,y){const x=ct("ValorantPlayer"),v=ct("MplPlayer"),l=ct("PubgPlayer");return i(),m("div",Zl,[o.detailEventList.event.match.league.game_id==10?(i(),A(x,{key:0,class:"col-12 mx-auto"})):o.detailEventList.event.match.league.game_id==4||o.detailEventList.event.match.league.game.game_id==21?(i(),A(v,{key:1,class:"col-12 mx-auto"})):o.detailEventList.event.match.league.game_id==3||o.detailEventList.event.match.league.game_id==19?(i(),A(l,{key:2,class:"col-6 mx-auto"})):(i(),m("div",Jl," no available stats"))])}const en=at(Yl,[["render",tn]]),an={layout:"Mobile",components:{DetailBanner:pa,DetailStatisticsTabFootball:Xa,DetailPlayerTabFootball:ts,DetailStatisticsTabBasketball:is,DetailStatisticsTabEsp
1orts:sl,DetailPlayerTabEsports:en},setup(){const n=ee(),a=Yt(),o=Zt(),{date3:e,date5:s,today:y}=te();$e();const{successToast:x,errorToast:v}=fe(),l=Pt(),f=b("statictics"),w=c(()=>l.user),D=c(()=>n.detail_event_list),S=c(()=>n.detail_event_list_loading),R=O=>{w.value?a.push({name:"buy-ticket",params:{id:O}}):(v("Unauthenticated.","top-right"),a.push({name:"Login",query:{is_from:"event"}}))},q=()=>{window.scrollTo({top:0,behavior:"smooth"})};return ft(()=>{n.getDetailEvent(o.params.id),q()}),{detailEventList:D,tab:f,buyTicket:R,today:y,date3:e,date5:s,detailEventListLoading:S}}},sn={class:"event-container container mx-auto"},ln={key:0},nn={class:"pb-6 loading-custom"},on={key:1},rn={key:0,class:"text-center q-px-md mb-4 row"},cn={class:"col-11 col-sm-10 col-md-7 col-lg-5 col-xl-4 mx-auto"},xn={key:2,class:"text-center h-screen py-10 text-sm xs:text-sm sm:text-base md:text-xl lg:text-2xl xl:text-3xl"};function dn(n,a,o,e,s,y){var v,l,f,w,D,S,R,q,O,I,P,Q;const x=ct("DetailBanner");return i(),m("div",sn,[e.detailEventListLoading?(i(),m("div",ln,[t("div",nn,[_(Bt,{flat:"",class:"bg-gray-110 dark:bg-transparent"},{default:B(()=>[_(At,{class:"flex flex-row"},{default:B(()=>[_(rt,{class:"items-center"},{default:B(()=>[_(lt,{type:"text",width:"120px",class:"text-xl dark:bg-black-10"}),_(lt,{width:"50px",type:"text",class:"text-xs dark:bg-black-10"})]),_:1})]),_:1}),_(At,{class:"flex flex-row"},{default:B(()=>[_(rt,{class:"items-center"},{default:B(()=>[_(lt,{type:"QAvatar",width:"50px",height:"50px",clsas:"dark:bg-black-10"}),_(lt,{type:"text",width:"50%",class:"dark:bg-black-10"}),_(lt,{type:"text",width:"30%",class:"text-xs dark:bg-black-10"})]),_:1}),_(rt,{class:"col-2 items-center"},{default:B(()=>[_(lt,{type:"text",width:"100%",class:"dark:bg-black-10"}),_(lt,{type:"text",width:"60%",class:"dark:bg-black-10"}),_(lt,{type:"text",width:"80%",class:"dark:bg-black-10"})]),_:1}),_(rt,{class:"items-center"},{default:B(()=>[_(lt,{type:"QAvatar",width:"50px",height:"50px",clsas:"dark:bg-black-10"}),_(lt,{type:"text",width:"50%",class:"dark:bg-black-10"}),_(lt,{type:"text",width:"30%",class:"text-xs dark:bg-black-10"})]),_:1})]),_:1})]),_:1}),_(Bt,{flat:"",class:"bg-transparent q-px-md mt-2"},{default:B(()=>[_(At,{class:"flex flex-row"},{default:B(()=>[_(rt,{class:"items-end"}),_(rt,{class:"col-1 items-center"},{default:B(()=>[_(lt,{type:"QAvatar",width:"15px",height:"15px",clsas:"dark:bg-black-10"})]),_:1}),_(rt,{class:"items-center"})]),_:1})]),_:1})])])):(v=e.detailEventList)!=null&&v.event?(i(),m("div",on,[_(x,{detailEventList:e.detailEventList},null,8,["detailEventList"]),e.date3(e.detailEventList.event.schedule_start)>e.date3(e.today())?(i(),m("div",rn,[t("div",cn,[((w=(f=(l=e.detailEventList)==null?void 0:l.event)==null?void 0:f.match)==null?void 0:w.ticketing)!=null||((q=(R=(S=(D=e.detailEventList)==null?void 0:D.event)==null?void 0:S.match)==null?void 0:R.ticketing)==null?void 0:q.start_date)>e.date5(e.today())&&((Q=(P=(I=(O=e.detailEventList)==null?void 0:O.event)==null?void 0:I.match)==null?void 0:P.ticketing)==null?void 0:Q.end_date)>e.date5(e.today())?(i(),A(ht,{key:0,onClick:a[0]||(a[0]=U=>
1{var G,K,X,z;return e.buyTicket((z=(X=(K=(G=e.detailEventList)==null?void 0:G.event)==null?void 0:K.match)==null?void 0:X.ticketing)==null?void 0:z.id)}),padding:"sm",rounded:"","no-caps":"",class:"full-width bg-green-20 text-white text-base xs:text-lg sm:text-xl 2xl:text-2xl"},{default:B(()=>[...a[1]||(a[1]=[Qt(" Buy Ticket ",-1)])]),_:1})):J("",!0)])])):J("",!0)])):(i(),m("div",xn," No detail for this match. "))])}const Hn=at(an,[["render",dn]]);export{Hn 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.