@algoux/standard-ranklist-renderer-component-vue 0.6.4 → 0.6.5

package/dist/Ranklist.vue.d.ts

@@ -1,6 +1,6 @@
 import type * as srk from '@algoux/standard-ranklist';
 import { resolveText } from '@algoux/standard-ranklist-utils';
-import { calculateDirtPercentage, calculateSEValue, getProblemHeaderBackgroundImage } from '@algoux/standard-ranklist-renderer-component-core';
+import { calculateDirtPercentage, calculateSEValue, getProblemHeaderBackgroundImageIfStyled } from '@algoux/standard-ranklist-renderer-component-core';
 import type { ProblemStatisticsFooter, ProblemClickPayload, RanklistColumnTitles, RankValue, SolutionClickPayload, StaticRanklistRow, UserClickPayload } from '@algoux/standard-ranklist-renderer-component-core';
 declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     data: {
@@ -123,7 +123,7 @@ declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractProp
     readonly numberToAlphabet: any;
     readonly calculateDirtPercentage: typeof calculateDirtPercentage;
     readonly calculateSEValue: typeof calculateSEValue;
-    readonly getProblemHeaderBackgroundImage: typeof getProblemHeaderBackgroundImage;
+    readonly getProblemHeaderBackgroundImageIfStyled: typeof getProblemHeaderBackgroundImageIfStyled;
     ProblemHeaderCell: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         problem: {
             type: null;
@@ -156,7 +156,7 @@ declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractProp
         title: import("vue").ComputedRef<any>;
         stat: import("vue").ComputedRef<any>;
         statDesc: import("vue").ComputedRef<string>;
-        backgroundImage: import("vue").ComputedRef<string>;
+        backgroundImage: import("vue").ComputedRef<string | undefined>;
         handleClick: (event: MouseEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         problem: {
@@ -244,6 +244,7 @@ declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractProp
         fbStar: string;
         solutions: import("vue").ComputedRef<any[]>;
         isClickable: import("vue").ComputedRef<boolean>;
+        statusResultClassName: import("vue").ComputedRef<string | undefined>;
         commonClassName: import("vue").ComputedRef<(string | {
             'srk--cursor-pointer': boolean;
             'srk-prest-status-block-color-text': any;

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@algoux/standard-ranklist-renderer-component-styles");var e=require("vue"),d=require("@algoux/standard-ranklist-renderer-component-core"),B=require("@algoux/standard-ranklist-utils");const H=["data-srk-modal-state"],K=["aria-labelledby"],j={class:"srk-modal-content"},J={key:0,class:"srk-modal-header"},W={class:"srk-modal-body"},I=e.defineComponent({__name:"Modal",props:{open:{type:Boolean},title:{},width:{},rootClassName:{},wrapClassName:{},style:{},destroyOnClose:{type:Boolean,default:!0},closeOnEsc:{type:Boolean,default:!0},closeOnMaskClick:{type:Boolean,default:!0}},emits:["close","update:open"],setup(t,{emit:o}){let s=0;const u=t,n=o,f=`srk-vue-modal-title-${++s}`,v=e.ref(null),i=e.ref(u.open||!u.destroyOnClose),m=e.ref(u.open?"pre-open":"closing"),c=e.ref({x:0,y:0});let g=null,k=null,S=null;const x=e.computed(()=>i.value||!u.destroyOnClose),D=e.computed(()=>["srk-modal-root",d.SRK_ANIMATED_MODAL_ROOT_CLASS,u.rootClassName].filter(Boolean)),N=e.computed(()=>u.open||u.destroyOnClose&&i.value),z=e.computed(()=>{var b,w;return{...u.style,width:u.width?`${u.width}px`:(b=u.style)==null?void 0:b.width,["--srk-modal-origin-x"]:`${c.value.x}px`,["--srk-modal-origin-y"]:`${c.value.y}px`,["--srk-modal-max-width"]:u.width?`${u.width}px`:typeof((w=u.style)==null?void 0:w.width)=="string"?u.style.width:void 0}});function M(){if(typeof window=="undefined"){g=null,k=null;return}g!==null&&(window.clearTimeout(g),g=null),k!==null&&(window.clearTimeout(k),k=null)}async function T(){if(await e.nextTick(),typeof window=="undefined"||!u.open||!i.value||m.value!=="pre-open")return;E();const b=d.resolveModalTransformOrigin(v.value);c.value=b.origin,k=window.setTimeout(()=>{m.value="opening",k=null},0)}function E(){const b=d.registerModalFocusScope(v.value,{onEscape:F});S===null&&(S=b)}function C(){S!==null&&(d.unregisterModalFocusScope(S),S=null)}function P(b){n("update:open",!1),n("close",b)}function A(b){u.closeOnMaskClick&&b.target===b.currentTarget&&P("mask")}function F(b){u.open&&u.closeOnEsc&&P("escape")}return e.watch(()=>u.open,async b=>{if(M(),b){i.value=!0,c.value={x:0,y:0},m.value="pre-open",await T();return}if(C(),m.value="closing",!u.destroyOnClose){i.value=!0;return}i.value&&typeof window!="undefined"&&(g=window.setTimeout(()=>{i.value=!1,g=null},d.MODAL_ANIMATION_DURATION_MS))},{immediate:!0}),e.watchEffect(b=>{!N.value||(d.lockModalBodyScroll(),b(()=>{d.unlockModalBodyScroll()}))}),e.onMounted(()=>{d.ensureModalInteractionTracker(),u.open&&E()}),e.onBeforeUnmount(()=>{M(),C()}),(b,w)=>x.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(D.value),"data-srk-modal-state":m.value},[w[2]||(w[2]=e.createElementVNode("div",{class:"srk-modal-mask"},null,-1)),e.createElementVNode("div",{class:e.normalizeClass(["srk-modal-wrap",t.wrapClassName]),tabindex:"-1",onMousedown:A},[e.createElementVNode("div",{class:"srk-modal",role:"dialog","aria-modal":"true","aria-labelledby":t.title?f:void 0,"data-srk-modal-panel":"true",tabindex:"-1",ref_key:"dialogRef",ref:v,style:e.normalizeStyle(z.value)},[e.createElementVNode("div",j,[e.createElementVNode("button",{"aria-label":"Close",class:"srk-modal-close",type:"button",onClick:w[0]||(w[0]=U=>P("close-button"))},[...w[1]||(w[1]=[e.createElementVNode("span",{class:"srk-modal-close-x"},null,-1)])]),t.title!==void 0?(e.openBlock(),e.createElementBlock("div",J,[e.createElementVNode("div",{id:f,class:"srk-modal-title"},e.toDisplayString(t.title),1)])):e.createCommentVNode("",!0),e.createElementVNode("div",W,[e.renderSlot(b.$slots,"default")])])],12,K)],34)],10,H)):e.createCommentVNode("",!0)}}),G={class:"srk-common-table srk-solutions-table"},Q={class:"srk--text-right"},X=e.defineComponent({__name:"DefaultSolutionModal",props:{open:{type:Boolean},user:{},problem:{},problemIndex:{},solutions:{default:()=>[]},title:{},width:{default:320},rootClassName:{default:"srk-general-modal-root"},wrapClassName:{default:"srk-solutions-modal"},style:{},languages:{}},emits:["close","update:open"],setup(t,{emit:o}){const s=t,u=o,n=e.ref(s.user?{user:s.user,problem:s.problem,problemIndex:s.problemIndex,solutions:s.solutions}:null);e.watch([()=>s.user,()=>s.problem,()=>s.problemIndex,()=>s.solutions],([v,i,m,c])=>{v&&(n.value={user:v,problem:i,problemIndex:m,solutions:c})},{immediate:!0});const f=e.computed(()=>s.title||(n.value?d.getSolutionModalTitle(n.value.problemIndex,n.value.user,s.languages):""));return(v,i)=>n.value?(e.openBlock(),e.createBlock(I,{key:0,open:t.open,title:f.value,width:t.width,"root-class-name":t.rootClassName,"wrap-class-name":t.wrapClassName,style:e.normalizeStyle(t.style),onClose:i[0]||(i[0]=m=>u("close",m)),"onUpdate:open":i[1]||(i[1]=m=>u("update:open",m))},{default:e.withCtx(()=>[e.createElementVNode("table",G,[i[2]||(i[2]=e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[e.createElementVNode("th",{class:"srk--text-left"},"Result"),e.createElementVNode("th",{class:"srk--text-right"},"Time")])],-1)),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value.solutions,(m,c)=>{var g;return e.openBlock(),e.createElementBlock("tr",{key:`${m.result}_${(g=m.time)==null?void 0:g[0]}_${c}`},[e.createElementVNode("td",null,[e.createElementVNode("span",{class:e.normalizeClass(["srk-solution-result-text",e.unref(d.getSolutionResultMeta)(m.result).className])},e.toDisplayString(e.unref(d.getSolutionResultMeta)(m.result).label),3)]),e.createElementVNode("td",Q,e.toDisplayString(e.unref(d.formatSolutionTimestamp)(m)),1)])}),128))])])]),_:1},8,["open","title","width","root-class-name","wrap-class-name","style"])):e.createCommentVNode("",!0)}}),Y={class:"srk-user-modal-info"},Z={class:"srk-user-modal-info-user-name"},_={key:0,class:"srk-user-modal-info-user-second-name"},ee={class:"srk-user-modal-info-labels"},te={class:"srk-user-modal-info-labels-label srk-user-modal-info-labels-label-preset-general"},le={key:1,class:"srk-user-modal-info-team-members"},se={key:0,class:"srk-user-modal-info-team-members-slash"},oe={key:2,class:"srk-user-modal-info-photo"},re=["src"],ae=e.defineComponent({__name:"DefaultUserModal",props:{open:{type:Boolean},user:{},markers:{default:()=>[]},theme:{default:B.EnumTheme.light},title:{default:"User Info"},width:{default:420},rootClassName:{default:"srk-general-modal-root"},wrapClassName:{default:"srk-user-modal"},style:{},formatSrkAssetUrl:{},languages:{}},emits:["close","update:open"],setup(t,{emit:o}){const s=t,u=o,n=e.ref(s.user||null);e.watch(()=>s.user,c=>{c&&(n.value=c)},{immediate:!0});const f=e.computed(()=>n.value?B.resolveUserMarkers(n.value,s.markers).map(c=>({marker:c,presentation:d.getMarkerPresentation(c,s.theme)})):[]);function v(c,g){return d.resolveSrkAssetUrl(c,g,s.formatSrkAssetUrl)}function i(c){return B.resolveText(c,s.languages)}function m(c){return d.formatTeamMemberName(c,s.languages)}return(c,g)=>n.value?(e.openBlock(),e.createBlock(I,{key:0,open:t.open,title:t.title,width:t.width,"root-class-name":t.rootClassName,"wrap-class-name":t.wrapClassName,style:e.normalizeStyle(t.style),onClose:g[0]||(g[0]=k=>u("close",k)),"onUpdate:open":g[1]||(g[1]=k=>u("update:open",k))},{default:e.withCtx(()=>[e.createElementVNode("div",Y,[e.createElementVNode("h3",Z,e.toDisplayString(i(n.value.name)),1),n.value.organization?(e.openBlock(),e.createElementBlock("p",_,e.toDisplayString(i(n.value.organization)),1)):e.createCommentVNode("",!0),e.createElementVNode("div",ee,[e.createElementVNode("span",te,e.toDisplayString(n.value.official===!1?"\uFF0A \u975E\u6B63\u5F0F\u53C2\u52A0\u8005":"\u6B63\u5F0F\u53C2\u52A0\u8005"),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,k=>(e.openBlock(),e.createElementBlock("span",{key:k.marker.id,class:e.normalizeClass(["srk-user-modal-info-labels-label",k.presentation.className]),style:e.normalizeStyle(k.presentation.style)},e.toDisplayString(i(k.marker.label)),7))),128))]),n.value.teamMembers&&n.value.teamMembers.length?(e.openBlock(),e.createElementBlock("div",le,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value.teamMembers,(k,S)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:i(k.name)},[S>0?(e.openBlock(),e.createElementBlock("span",se," / ")):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(m(k)),1)],64))),128))])):e.createCommentVNode("",!0),n.value.photo?(e.openBlock(),e.createElementBlock("div",oe,[e.createElementVNode("img",{src:v(n.value.photo,"user.photo"),alt:"User portrait",class:"srk-user-modal-info-photo-img"},null,8,re)])):e.createCommentVNode("",!0)])]),_:1},8,["open","title","width","root-class-name","wrap-class-name","style"])):e.createCommentVNode("",!0)}}),ne={class:"srk-progress-bar-container"},ie={class:"srk-progress-bar"},ce={class:"srk-progress-bar-body"},ue={key:0,class:"srk-progress-slider-layer"},de=["max","title"],me={class:"srk-progress-secondary-area"},ke={class:"srk-progress-secondary-area-center"},pe={key:0,class:"srk-progress-time-machine-status"},fe={key:1,class:"srk-progress-live-text"},ge={key:2,style:{visibility:"hidden"}},ve=e.defineComponent({__name:"ProgressBar",props:{data:{},enableTimeTravel:{type:Boolean,default:!1},live:{type:Boolean,default:!1},td:{default:0}},emits:["timeTravel"],setup(t,{emit:o}){const s=t,u=o,n=e.ref(Date.now()),f=e.ref(!1),v=e.ref(!1),i=e.ref(d.getProgressMaxAvailableMinutes(s.data.contest,n.value,s.td)),m=e.ref(null);let c;const g=e.computed(()=>d.getProgressDurationMinutes(s.data.contest)),k=e.computed(()=>d.getProgressMaxAvailableMinutes(s.data.contest,n.value,s.td)),S=e.computed(()=>d.isProgressEnded(s.data.contest,n.value,s.td)),x=e.computed(()=>d.getProgressMetrics(s.data,n.value,s.td,i.value,f.value));function D(){n.value=Date.now(),S.value&&c!==void 0&&(window.clearInterval(c),c=void 0)}function N(E){typeof window!="undefined"&&(E&&c===void 0&&(c=window.setInterval(D,1e3)),!E&&c!==void 0&&(window.clearInterval(c),c=void 0))}function z(E){const C=E>=g.value||E>=k.value;u("timeTravel",C?null:E*60*1e3),f.value=!C,m.value=C?null:E*60*1e3,v.value=!1}function M(){v.value=!0,f.value=!0}function T(){v.value&&z(i.value)}return e.watch(k,E=>{!v.value&&m.value===null&&(i.value=E)}),e.watch(()=>s.live,E=>N(E),{immediate:!0}),e.watch(()=>s.data.contest.title,()=>{v.value=!1,i.value=k.value,m.value=null,f.value=!1,u("timeTravel",null)}),e.onBeforeUnmount(()=>{c!==void 0&&(window.clearInterval(c),c=void 0)}),(E,C)=>(e.openBlock(),e.createElementBlock("div",ne,[e.createElementVNode("div",ie,[e.createElementVNode("div",ce,[e.createElementVNode("div",{class:"srk-progress-bar-segment srk-progress-bar-normal",style:e.normalizeStyle({width:`${x.value.frozenBreakpoint*100}%`})},[e.createElementVNode("div",{class:"srk-progress-bar-fill",style:e.normalizeStyle({width:`${x.value.normalInnerPercent}%`})},null,4)],4),e.createElementVNode("div",{class:"srk-progress-bar-segment srk-progress-bar-frozen",style:e.normalizeStyle({width:`${(1-x.value.frozenBreakpoint)*100}%`})},[e.createElementVNode("div",{class:"srk-progress-bar-fill",style:e.normalizeStyle({width:`${x.value.frozenInnerPercent}%`})},null,4)],4)]),t.enableTimeTravel&&x.value.supportRegen?(e.openBlock(),e.createElementBlock("div",ue,[v.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"srk-progress-slider-tooltip",style:e.normalizeStyle({left:`${g.value?i.value/g.value*100:0}%`})},e.toDisplayString(e.unref(B.secToTimeStr)(i.value*60)),5)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":C[0]||(C[0]=P=>i.value=P),"aria-label":"Time Travel",class:"srk-progress-slider",max:g.value,min:"0",step:"1",title:e.unref(B.secToTimeStr)(i.value*60),type:"range",onBlur:T,onKeydown:M,onKeyup:T,onMousedown:M,onMouseup:T,onTouchend:T,onTouchstart:M},null,40,de),[[e.vModelText,i.value,void 0,{number:!0}]])])):e.createCommentVNode("",!0)]),e.createElementVNode("div",me,[e.createElementVNode("div",{class:"srk-progress-secondary-area-left",style:e.normalizeStyle(t.live||f.value?{}:{display:"none"})}," Elapsed: "+e.toDisplayString(e.unref(B.secToTimeStr)(Math.round(x.value.elapsed/1e3))),5),e.createElementVNode("div",ke,[f.value?(e.openBlock(),e.createElementBlock("div",pe,[...C[1]||(C[1]=[e.createElementVNode("div",{class:"srk-progress-time-machine-text"},"Time Travel Mode",-1)])])):t.live&&!S.value?(e.openBlock(),e.createElementBlock("div",fe,"Live")):(e.openBlock(),e.createElementBlock("div",ge,"SRK"))]),e.createElementVNode("div",{class:"srk-progress-secondary-area-right",style:e.normalizeStyle(t.live||f.value?{}:{display:"none"})}," Remaining: "+e.toDisplayString(e.unref(B.secToTimeStr)(Math.round(x.value.remaining/1e3))),5)])]))}}),ye=["href"],he={class:"srk--display-block"},be=["title"],Be={class:"srk--display-block"},Ce=["title"],Ee=e.defineComponent({__name:"ProblemHeaderCell",props:{problem:{},index:{},ranklist:{},theme:{default:B.EnumTheme.light},languages:{},onProblemClick:{}},setup(t){const o=t,s=e.computed(()=>o.problem.alias||B.numberToAlphabet(o.index)),u=e.computed(()=>B.resolveText(o.problem.title,o.languages)),n=e.computed(()=>o.problem.statistics),f=e.computed(()=>{if(!n.value)return"";const m=n.value.submitted?(n.value.accepted/n.value.submitted*100).toFixed(1):0;return`${n.value.accepted} / ${n.value.submitted} (${m}%)`}),v=e.computed(()=>d.getProblemHeaderBackgroundImage(o.problem.style,o.theme));function i(m){!o.onProblemClick||(m.preventDefault(),d.captureModalTriggerPointFromMouseEvent(m,{source:"problem-header",context:{problemIndex:o.index,problemAlias:o.problem.alias||null,problemTitle:u.value||null}}),o.onProblemClick({problem:o.problem,problemIndex:o.index,ranklist:o.ranklist}))}return(m,c)=>(e.openBlock(),e.createElementBlock("th",{class:e.normalizeClass(["srk--nowrap srk-problem-header",{"srk--cursor-pointer":!!t.onProblemClick}]),style:e.normalizeStyle({backgroundImage:v.value}),onClick:i},[t.problem.link&&!t.onProblemClick?(e.openBlock(),e.createElementBlock("a",{key:0,href:t.problem.link,target:"_blank",rel:"noopener noreferrer",style:{color:"unset"}},[e.createElementVNode("span",he,e.toDisplayString(s.value),1),n.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:"srk--display-block srk-problem-stats",title:f.value},e.toDisplayString(n.value.accepted),9,be)):e.createCommentVNode("",!0)],8,ye)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("span",Be,e.toDisplayString(s.value),1),n.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:"srk--display-block srk-problem-stats",title:f.value},e.toDisplayString(n.value.accepted),9,Ce)):e.createCommentVNode("",!0)],64))],6))}}),Se={key:0,class:"srk-prest-status-block-fb-star"},Ne={key:4,class:"srk-status-placeholder-cell srk--text-center srk--nowrap"},we="\u2605",xe=e.defineComponent({__name:"StatusCell",props:{status:{},problem:{},problemIndex:{},user:{},row:{},rowIndex:{},ranklist:{},onSolutionClick:{},statusCellPreset:{default:"classic"},statusColorAsText:{type:Boolean,default:!1},emptyStatusPlaceholder:{default:null},languages:{}},setup(t){const o=t,s=e.computed(()=>[...o.status.solutions||[]].reverse()),u=e.computed(()=>s.value.length>0&&!!o.onSolutionClick),n=e.computed(()=>["srk-prest-status-block","srk--text-center","srk--nowrap",{"srk--cursor-pointer":u.value,"srk-prest-status-block-color-text":o.statusColorAsText}]);function f(i){var m,c;!u.value||(d.captureModalTriggerPointFromMouseEvent(i,{source:"status-cell",context:{rowIndex:o.rowIndex,problemIndex:o.problemIndex,problemAlias:((m=o.problem)==null?void 0:m.alias)||null,problemTitle:o.problem?B.resolveText(o.problem.title,o.languages):null,userId:o.user.id||null}}),(c=o.onSolutionClick)==null||c.call(o,{user:o.user,row:o.row,rowIndex:o.rowIndex,problemIndex:o.problemIndex,problem:o.problem,status:o.status,solutions:s.value,ranklist:o.ranklist}))}const v=e.defineComponent({props:{status:{type:Object,required:!0},ranklist:{type:Object,required:!0},preset:{type:String,required:!0}},setup(i){return()=>{const m=i.status,c=i.ranklist,g=i.preset,k=d.getRankProblemStatusCellPresentation(m,c,g);return typeof k.score=="number"?[e.h("span",{class:"srk-prest-status-block-score"},k.score),e.h("span",{class:"srk-prest-status-block-score-details"},k.scoreDetails)]:k.secondary!==void 0?[e.h("span",{class:"srk-prest-status-block-primary"},k.primary||"")," ",e.h("span",{class:"srk-prest-status-block-secondary"},k.secondary)]:k.primary||""}}});return(i,m)=>t.status.result==="FB"?(e.openBlock(),e.createElementBlock("td",{key:0,class:e.normalizeClass([n.value,"srk-prest-status-block-fb"]),onClick:e.withModifiers(f,["prevent"])},[t.statusColorAsText?(e.openBlock(),e.createElementBlock("span",Se,e.toDisplayString(we))):e.createCommentVNode("",!0),e.createVNode(e.unref(v),{status:t.status,ranklist:t.ranklist,preset:t.statusCellPreset},null,8,["status","ranklist","preset"])],2)):t.status.result==="AC"?(e.openBlock(),e.createElementBlock("td",{key:1,class:e.normalizeClass([n.value,"srk-prest-status-block-accepted"]),onClick:e.withModifiers(f,["prevent"])},[e.createVNode(e.unref(v),{status:t.status,ranklist:t.ranklist,preset:t.statusCellPreset},null,8,["status","ranklist","preset"])],2)):t.status.result==="?"?(e.openBlock(),e.createElementBlock("td",{key:2,class:e.normalizeClass([n.value,"srk-prest-status-block-frozen"]),onClick:e.withModifiers(f,["prevent"])},[e.createVNode(e.unref(v),{status:t.status,ranklist:t.ranklist,preset:t.statusCellPreset},null,8,["status","ranklist","preset"])],2)):t.status.result==="RJ"?(e.openBlock(),e.createElementBlock("td",{key:3,class:e.normalizeClass([n.value,"srk-prest-status-block-failed"]),onClick:e.withModifiers(f,["prevent"])},[e.createVNode(e.unref(v),{status:t.status,ranklist:t.ranklist,preset:t.statusCellPreset},null,8,["status","ranklist","preset"])],2)):(e.openBlock(),e.createElementBlock("td",Ne,e.toDisplayString(t.emptyStatusPlaceholder),1))}}),Ve={class:"srk-user-cell-content"},Te={key:0,class:"srk-user-avatar"},Me=["src"],Pe={class:"srk-user-body"},$e={class:"srk-user-name-row"},De=["title"],ze={class:"srk-marker-dot-group"},Ae=["data-tooltip"],Fe={key:0,class:"srk-user-secondary-text srk--text-ellipsis",title:""},Ie=e.defineComponent({__name:"UserCell",props:{user:{},row:{},rowIndex:{},ranklist:{},markers:{default:()=>[]},theme:{default:B.EnumTheme.light},formatSrkAssetUrl:{},onUserClick:{},hideOrganization:{type:Boolean,default:!1},hideAvatar:{type:Boolean,default:!1},languages:{}},setup(t){const o=t,s=e.computed(()=>f(o.user.name)),u=e.computed(()=>B.resolveUserMarkers(o.user,o.markers)),n=e.computed(()=>u.value.map(i=>({marker:i,presentation:d.getMarkerPresentation(i,o.theme)})));function f(i){return B.resolveText(i,o.languages)}function v(i){var m;d.captureModalTriggerPointFromMouseEvent(i,{source:"user-cell",context:{rowIndex:o.rowIndex,userId:o.user.id||null,userName:s.value}}),(m=o.onUserClick)==null||m.call(o,{user:o.user,row:o.row,rowIndex:o.rowIndex,ranklist:o.ranklist})}return(i,m)=>(e.openBlock(),e.createElementBlock("td",{class:e.normalizeClass(["srk--text-left srk--nowrap srk-user-cell",{"srk--cursor-pointer":!!t.onUserClick}]),title:"",onClick:e.withModifiers(v,["prevent"])},[e.createElementVNode("div",Ve,[t.user.avatar&&!t.hideAvatar?(e.openBlock(),e.createElementBlock("div",Te,[e.createElementVNode("img",{src:t.formatSrkAssetUrl(t.user.avatar,"user.avatar"),alt:"User Avatar"},null,8,Me)])):e.createCommentVNode("",!0),e.createElementVNode("div",Pe,[e.createElementVNode("div",$e,[e.createElementVNode("span",{class:"srk-user-name-text",title:s.value},e.toDisplayString(s.value),9,De),e.createElementVNode("span",ze,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,c=>(e.openBlock(),e.createElementBlock("span",{key:c.marker.id,class:e.normalizeClass(["srk-marker srk-marker-dot srk--c-tooltip",c.presentation.className]),style:e.normalizeStyle(c.presentation.style),"data-tooltip":f(c.marker.label)},null,14,Ae))),128))])]),t.user.organization&&!t.hideOrganization?(e.openBlock(),e.createElementBlock("p",Fe,e.toDisplayString(f(t.user.organization)),1)):e.createCommentVNode("",!0)])])],2))}}),Ue={key:0},Oe={key:1},Le={key:2,class:"srk-common-table srk-main"},qe={key:0,class:"srk-organization-header srk--text-left srk--nowrap"},Re={class:"srk--text-left srk--nowrap"},He={class:"srk--text-right srk--nowrap"},Ke={key:1,class:"srk--text-right srk--nowrap"},je={key:2,class:"srk-dirt-header srk--text-right srk--nowrap"},Je={key:3,class:"srk-se-header srk--text-right srk--nowrap"},We={class:"srk-organization-cell-content"},Ge={key:0,class:"srk-user-avatar"},Qe=["src"],Xe=["title"],Ye={class:"srk--text-right srk--nowrap"},Ze={key:1,class:"srk--text-right srk--nowrap"},_e={key:2,class:"srk-dirt-cell srk--text-right srk--nowrap"},et={key:3,class:"srk-se-cell srk--text-right srk--nowrap"},tt={key:0},lt=["colspan"],st=["data-tooltip"],ot={class:"srk-problem-statistics-footer-primary"},rt={class:"srk-problem-statistics-footer-secondary"},at={key:0,class:"srk-problem-statistics-footer-cell srk-extra-statistics-footer-cell srk-dirt-footer-cell srk--nowrap"},nt={key:1,class:"srk-problem-statistics-footer-cell srk-extra-statistics-footer-cell srk-se-footer-cell srk--nowrap"},it={class:"srk-problem-statistics-footer-row srk-problem-statistics-footer-problem-label-row"},ct=["colspan"],ut={class:"srk--display-block"},dt={key:0,class:"srk-problem-statistics-footer-cell srk-extra-statistics-footer-cell srk-dirt-footer-cell srk--nowrap"},mt={key:1,class:"srk-problem-statistics-footer-cell srk-extra-statistics-footer-cell srk-se-footer-cell srk--nowrap"},kt=e.defineComponent({__name:"Ranklist",props:{data:{},theme:{default:B.EnumTheme.light},rowBordered:{type:Boolean,default:!1},columnBordered:{type:Boolean,default:!1},rowStriped:{type:Boolean,default:!1},formatSrkAssetUrl:{},splitOrganization:{type:Boolean,default:!1},columnTitles:{},statusCellPreset:{default:"classic"},statusColorAsText:{type:Boolean,default:!1},showProblemStatisticsFooter:{type:Boolean,default:!1},showDirtColumn:{type:Boolean,default:!1},showSEColumn:{type:Boolean,default:!1},emptyStatusPlaceholder:{default:null},userAvatarPlacement:{default:"user"},languages:{}},emits:["userClick","problemClick","solutionClick"],setup(t,{emit:o}){const s=t,u=o,n=e.getCurrentInstance(),f=e.computed(()=>s.theme),v=e.computed(()=>{var r;return Boolean((r=n==null?void 0:n.vnode.props)==null?void 0:r.onProblemClick)}),i=d.srkSupportedVersions,m=e.computed(()=>d.caniuse(s.data.version)),c=e.computed(()=>d.shouldShowTimeColumn(s.data.rows)),g=e.computed(()=>s.splitOrganization&&s.userAvatarPlacement==="organization"),k=e.computed(()=>s.showProblemStatisticsFooter||s.showSEColumn?d.calculateProblemStatisticsFooter(s.data):[]),S=e.computed(()=>s.data.series.length+1+1+(c.value?1:0)+(s.splitOrganization?1:0)),x=[{key:"accepted",label:"Accepted",tooltip:"Number of participants who solved this problem"},{key:"attempted",label:"Attempted",tooltip:"Number of participants who attempted this problem"},{key:"submitted",label:"Submitted",tooltip:"Total number of valid submissions for this problem"},{key:"dirt",label:"Dirt",tooltip:"Wrong submissions among participants who solved this problem"},{key:"se",label:"SE",tooltip:"Average hardness, calculated as (participants - accepted) / participants"},{key:"firstAccepted",label:"FB at",tooltip:"First Blood at, also known as first solve time, in minutes"},{key:"lastAccepted",label:"LB at",tooltip:"Last Blood at, also known as last solve time, in minutes"}];function D(r,a){return d.resolveSrkAssetUrl(r,a,s.formatSrkAssetUrl)}function N(r){return B.resolveText(r,s.languages)}function z(r){return r.rankValues||s.data.series.map(()=>({rank:null,segmentIndex:null}))}function M(r,a){return r.rank?r.rank:a.user.official===!1?"\uFF0A":""}function T(r){return((r==null?void 0:r.segments)||[]).some(a=>typeof a.style=="string")}function E(r,a){var p,h,y;const l=(p=s.columnTitles)==null?void 0:p.series;return typeof l=="function"?(h=l(r,a))!=null?h:r.title:Array.isArray(l)&&(y=l[a])!=null?y:r.title}function C(r,a){var l,p;return(p=(l=s.columnTitles)==null?void 0:l[r])!=null?p:a}function P(r,a){const l=r.segmentIndex||r.segmentIndex===0?r.segmentIndex:-1;return((a==null?void 0:a.segments)||[])[l]||{}}function A(r,a){const l=P(r,a).style;return typeof l=="string"?`srk-preset-series-segment-${l}`:""}function F(r,a){const l={[B.EnumTheme.light]:void 0,[B.EnumTheme.dark]:void 0},p=P(r,a).style;if(!p||typeof p=="string")return{};const h=B.resolveStyle(p),y=h.textColor||l,V=h.backgroundColor||l;return{color:y[s.theme],backgroundColor:V[s.theme]}}function b(r){return[...r.solutions||[]].reverse()}function w(r){u("problemClick",r)}function U(r,a,l){l&&(l.preventDefault(),d.captureModalTriggerPointFromMouseEvent(l,{source:"problem-header",context:{problemIndex:a,problemAlias:r.alias||null,problemTitle:N(r.title)||null}})),w({problem:r,problemIndex:a,ranklist:s.data})}function R(r,a){switch(r){case"accepted":return a.accepted;case"attempted":return a.attempted;case"submitted":return a.submitted;case"dirt":return a.dirt;case"se":return d.formatProblemStatisticsAverageHardness(a);case"firstAccepted":return d.formatProblemStatisticsAcceptedMinute(a.firstAcceptedTime);case"lastAccepted":return d.formatProblemStatisticsAcceptedMinute(a.lastAcceptedTime);default:return""}}function O(r,a){switch(r){case"accepted":return d.formatProblemStatisticsPercent(a.accepted,a.participantCount);case"attempted":return d.formatProblemStatisticsPercent(a.attempted,a.participantCount);case"dirt":return d.formatProblemStatisticsPercent(a.dirt,a.dirtSubmitted);default:return}}function L(r,a,l){if("ranklist"in r){u("userClick",r);return}l&&d.captureModalTriggerPointFromMouseEvent(l,{source:"user-cell",context:{rowIndex:a||0,userId:r.user.id||null,userName:N(r.user.name)}}),u("userClick",{user:r.user,row:r,rowIndex:a||0,ranklist:s.data})}function q(r,a,l,p,h){if("solutions"in r){u("solutionClick",r);return}const y=p||0,V=l||r.statuses[y];if(h){const $=s.data.problems[y];d.captureModalTriggerPointFromMouseEvent(h,{source:"status-cell",context:{rowIndex:a||0,problemIndex:y,problemAlias:($==null?void 0:$.alias)||null,problemTitle:$?N($.title):null,userId:r.user.id||null}})}u("solutionClick",{user:r.user,row:r,rowIndex:a||0,problemIndex:y,problem:s.data.problems[y],status:V,solutions:b(V),ranklist:s.data})}return(r,a)=>t.data.type!=="general"?(e.openBlock(),e.createElementBlock("div",Ue,'srk type "'+e.toDisplayString(t.data.type)+'" is not supported',1)):m.value?(e.openBlock(),e.createElementBlock("div",Le,[e.createElementVNode("table",{class:e.normalizeClass({"srk-table-row-bordered":t.rowBordered,"srk-table-column-bordered":t.columnBordered,"srk-table-row-striped":t.rowStriped})},[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.data.series,(l,p)=>(e.openBlock(),e.createElementBlock("th",{key:l.title,class:e.normalizeClass(["srk-series-header srk--text-right srk--nowrap",{"srk-series-segmented-column":T(l)}])},e.toDisplayString(E(l,p)),3))),128)),t.splitOrganization?(e.openBlock(),e.createElementBlock("th",qe,e.toDisplayString(C("organization","Organization")),1)):e.createCommentVNode("",!0),e.createElementVNode("th",Re,e.toDisplayString(C("user","Name")),1),e.createElementVNode("th",He,e.toDisplayString(C("score","Score")),1),c.value?(e.openBlock(),e.createElementBlock("th",Ke,e.toDisplayString(C("time","Time")),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.data.problems,(l,p)=>e.renderSlot(r.$slots,"problem-header-cell",e.mergeProps({key:l.alias||N(l.title)||p,ref_for:!0},{problem:l,problemIndex:p,index:p,ranklist:t.data,theme:f.value,languages:t.languages,onClick:h=>U(l,p,h)}),()=>[e.createVNode(Ee,{problem:l,index:p,ranklist:t.data,theme:f.value,languages:t.languages,"on-problem-click":v.value?w:void 0},null,8,["problem","index","ranklist","theme","languages","on-problem-click"])])),128)),t.showDirtColumn?(e.openBlock(),e.createElementBlock("th",je,e.toDisplayString(C("dirt","Dirt")),1)):e.createCommentVNode("",!0),t.showSEColumn?(e.openBlock(),e.createElementBlock("th",Je,e.toDisplayString(C("se","SE")),1)):e.createCommentVNode("",!0)])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.data.rows,(l,p)=>(e.openBlock(),e.createElementBlock("tr",{key:l.user.id||N(l.user.name)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(z(l),(h,y)=>{var V;return e.openBlock(),e.createElementBlock("td",{key:((V=t.data.series[y])==null?void 0:V.title)||y,class:e.normalizeClass(["srk--text-right srk--nowrap",[A(h,t.data.series[y]),{"srk-series-segmented-column":T(t.data.series[y])}]]),style:e.normalizeStyle(F(h,t.data.series[y]))},e.toDisplayString(M(h,l)),7)}),128)),t.splitOrganization?(e.openBlock(),e.createElementBlock("td",{key:0,class:e.normalizeClass(["srk-organization-cell srk--text-left srk--nowrap",{"srk-organization-cell-avatar":g.value&&!!l.user.avatar}])},[e.createElementVNode("div",We,[g.value&&l.user.avatar?(e.openBlock(),e.createElementBlock("div",Ge,[e.createElementVNode("img",{src:D(l.user.avatar,"user.avatar"),alt:"User Avatar"},null,8,Qe)])):e.createCommentVNode("",!0),e.createElementVNode("span",{class:"srk-organization-name-text",title:l.user.organization?N(l.user.organization):""},e.toDisplayString(l.user.organization?N(l.user.organization):""),9,Xe)])],2)):e.createCommentVNode("",!0),e.renderSlot(r.$slots,"user-cell",e.mergeProps({ref_for:!0},{user:l.user,row:l,rowIndex:p,ranklist:t.data,markers:t.data.markers,theme:f.value,hideOrganization:t.splitOrganization,hideAvatar:g.value,languages:t.languages,onClick:h=>L(l,p,h)}),()=>[e.createVNode(Ie,{user:l.user,row:l,"row-index":p,ranklist:t.data,markers:t.data.markers,theme:f.value,"format-srk-asset-url":D,"on-user-click":L,"hide-organization":t.splitOrganization,"hide-avatar":g.value,languages:t.languages},null,8,["user","row","row-index","ranklist","markers","theme","hide-organization","hide-avatar","languages"])]),e.createElementVNode("td",Ye,e.toDisplayString(l.score.value),1),c.value?(e.openBlock(),e.createElementBlock("td",Ze,e.toDisplayString(l.score.time?e.unref(B.formatTimeDuration)(l.score.time,"min",Math.floor):"-"),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.statuses,(h,y)=>{var V;return e.renderSlot(r.$slots,"status-cell",e.mergeProps({key:((V=t.data.problems[y])==null?void 0:V.alias)||y,ref_for:!0},{status:h,problem:t.data.problems[y],problemIndex:y,user:l.user,row:l,rowIndex:p,ranklist:t.data,solutions:b(h),statusCellPreset:t.statusCellPreset,statusColorAsText:t.statusColorAsText,emptyStatusPlaceholder:t.emptyStatusPlaceholder,languages:t.languages,onClick:$=>q(l,p,h,y,$)}),()=>[e.createVNode(xe,{status:h,problem:t.data.problems[y],"problem-index":y,user:l.user,row:l,"row-index":p,ranklist:t.data,"on-solution-click":q,"status-cell-preset":t.statusCellPreset,"status-color-as-text":t.statusColorAsText,"empty-status-placeholder":t.emptyStatusPlaceholder,languages:t.languages},null,8,["status","problem","problem-index","user","row","row-index","ranklist","status-cell-preset","status-color-as-text","empty-status-placeholder","languages"])])}),128)),t.showDirtColumn?(e.openBlock(),e.createElementBlock("td",_e,e.toDisplayString(e.unref(d.calculateDirtPercentage)(l)),1)):e.createCommentVNode("",!0),t.showSEColumn?(e.openBlock(),e.createElementBlock("td",et,e.toDisplayString(e.unref(d.calculateSEValue)(l,k.value)),1)):e.createCommentVNode("",!0)]))),128))]),t.showProblemStatisticsFooter?(e.openBlock(),e.createElementBlock("tfoot",tt,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(x,l=>e.createElementVNode("tr",{key:l.key,class:"srk-problem-statistics-footer-row"},[e.createElementVNode("td",{class:"srk-problem-statistics-footer-labels srk--text-right srk--nowrap",colspan:S.value},[e.createElementVNode("span",{class:"srk-problem-statistics-footer-label srk--c-tooltip","data-tooltip":l.tooltip},e.toDisplayString(l.label),9,st)],8,lt),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.value,(p,h)=>{var y;return e.openBlock(),e.createElementBlock("td",{key:((y=t.data.problems[h])==null?void 0:y.alias)||h,class:"srk-problem-statistics-footer-cell srk--text-center srk--nowrap"},[e.createElementVNode("span",ot,e.toDisplayString(R(l.key,p)),1),O(l.key,p)!==void 0?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[a[0]||(a[0]=e.createTextVNode(e.toDisplayString(" ")+" ",-1)),e.createElementVNode("span",rt,e.toDisplayString(O(l.key,p)),1)],64)):e.createCommentVNode("",!0)])}),128)),t.showDirtColumn?(e.openBlock(),e.createElementBlock("td",at,[...a[1]||(a[1]=[e.createElementVNode("span",{class:"srk-problem-statistics-footer-primary"},null,-1)])])):e.createCommentVNode("",!0),t.showSEColumn?(e.openBlock(),e.createElementBlock("td",nt,[...a[2]||(a[2]=[e.createElementVNode("span",{class:"srk-problem-statistics-footer-primary"},null,-1)])])):e.createCommentVNode("",!0)])),64)),e.createElementVNode("tr",it,[e.createElementVNode("td",{class:"srk-problem-statistics-footer-labels srk--text-right srk--nowrap",colspan:S.value},null,8,ct),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.data.problems,(l,p)=>(e.openBlock(),e.createElementBlock("td",{key:l.alias||N(l.title)||p,class:"srk-problem-statistics-footer-cell srk-problem-statistics-footer-problem-header srk-problem-header srk--text-center srk--nowrap",style:e.normalizeStyle({backgroundImage:e.unref(d.getProblemHeaderBackgroundImage)(l.style,f.value,0)})},[e.createElementVNode("span",ut,e.toDisplayString(l.alias||e.unref(B.numberToAlphabet)(p)),1)],4))),128)),t.showDirtColumn?(e.openBlock(),e.createElementBlock("td",dt,[...a[3]||(a[3]=[e.createElementVNode("span",{class:"srk-problem-statistics-footer-primary"},null,-1)])])):e.createCommentVNode("",!0),t.showSEColumn?(e.openBlock(),e.createElementBlock("td",mt,[...a[4]||(a[4]=[e.createElementVNode("span",{class:"srk-problem-statistics-footer-primary"},null,-1)])])):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0)],2)])):(e.openBlock(),e.createElementBlock("div",Oe,' srk version "'+e.toDisplayString(t.data.version)+'" is not supported (current supported: '+e.toDisplayString(e.unref(i))+") ",1))}});exports.DefaultSolutionModal=X;exports.DefaultUserModal=ae;exports.Modal=I;exports.ProgressBar=ve;exports.Ranklist=kt;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@algoux/standard-ranklist-renderer-component-styles");var e=require("vue"),d=require("@algoux/standard-ranklist-renderer-component-core"),B=require("@algoux/standard-ranklist-utils");const H=["data-srk-modal-state"],K=["aria-labelledby"],j={class:"srk-modal-content"},J={key:0,class:"srk-modal-header"},W={class:"srk-modal-body"},I=e.defineComponent({__name:"Modal",props:{open:{type:Boolean},title:{},width:{},rootClassName:{},wrapClassName:{},style:{},destroyOnClose:{type:Boolean,default:!0},closeOnEsc:{type:Boolean,default:!0},closeOnMaskClick:{type:Boolean,default:!0}},emits:["close","update:open"],setup(t,{emit:o}){let s=0;const u=t,n=o,p=`srk-vue-modal-title-${++s}`,g=e.ref(null),c=e.ref(u.open||!u.destroyOnClose),m=e.ref(u.open?"pre-open":"closing"),i=e.ref({x:0,y:0});let f=null,v=null,b=null;const N=e.computed(()=>c.value||!u.destroyOnClose),D=e.computed(()=>["srk-modal-root",d.SRK_ANIMATED_MODAL_ROOT_CLASS,u.rootClassName].filter(Boolean)),w=e.computed(()=>u.open||u.destroyOnClose&&c.value),z=e.computed(()=>{var C,x;return{...u.style,width:u.width?`${u.width}px`:(C=u.style)==null?void 0:C.width,["--srk-modal-origin-x"]:`${i.value.x}px`,["--srk-modal-origin-y"]:`${i.value.y}px`,["--srk-modal-max-width"]:u.width?`${u.width}px`:typeof((x=u.style)==null?void 0:x.width)=="string"?u.style.width:void 0}});function M(){if(typeof window=="undefined"){f=null,v=null;return}f!==null&&(window.clearTimeout(f),f=null),v!==null&&(window.clearTimeout(v),v=null)}async function T(){if(await e.nextTick(),typeof window=="undefined"||!u.open||!c.value||m.value!=="pre-open")return;S();const C=d.resolveModalTransformOrigin(g.value);i.value=C.origin,v=window.setTimeout(()=>{m.value="opening",v=null},0)}function S(){const C=d.registerModalFocusScope(g.value,{onEscape:F});b===null&&(b=C)}function E(){b!==null&&(d.unregisterModalFocusScope(b),b=null)}function P(C){n("update:open",!1),n("close",C)}function A(C){u.closeOnMaskClick&&C.target===C.currentTarget&&P("mask")}function F(C){u.open&&u.closeOnEsc&&P("escape")}return e.watch(()=>u.open,async C=>{if(M(),C){c.value=!0,i.value={x:0,y:0},m.value="pre-open",await T();return}if(E(),m.value="closing",!u.destroyOnClose){c.value=!0;return}c.value&&typeof window!="undefined"&&(f=window.setTimeout(()=>{c.value=!1,f=null},d.MODAL_ANIMATION_DURATION_MS))},{immediate:!0}),e.watchEffect(C=>{!w.value||(d.lockModalBodyScroll(),C(()=>{d.unlockModalBodyScroll()}))}),e.onMounted(()=>{d.ensureModalInteractionTracker(),u.open&&S()}),e.onBeforeUnmount(()=>{M(),E()}),(C,x)=>N.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(D.value),"data-srk-modal-state":m.value},[x[2]||(x[2]=e.createElementVNode("div",{class:"srk-modal-mask"},null,-1)),e.createElementVNode("div",{class:e.normalizeClass(["srk-modal-wrap",t.wrapClassName]),tabindex:"-1",onMousedown:A},[e.createElementVNode("div",{class:"srk-modal",role:"dialog","aria-modal":"true","aria-labelledby":t.title?p:void 0,"data-srk-modal-panel":"true",tabindex:"-1",ref_key:"dialogRef",ref:g,style:e.normalizeStyle(z.value)},[e.createElementVNode("div",j,[e.createElementVNode("button",{"aria-label":"Close",class:"srk-modal-close",type:"button",onClick:x[0]||(x[0]=U=>P("close-button"))},[...x[1]||(x[1]=[e.createElementVNode("span",{class:"srk-modal-close-x"},null,-1)])]),t.title!==void 0?(e.openBlock(),e.createElementBlock("div",J,[e.createElementVNode("div",{id:p,class:"srk-modal-title"},e.toDisplayString(t.title),1)])):e.createCommentVNode("",!0),e.createElementVNode("div",W,[e.renderSlot(C.$slots,"default")])])],12,K)],34)],10,H)):e.createCommentVNode("",!0)}}),G={class:"srk-common-table srk-solutions-table"},Q={class:"srk--text-right"},X=e.defineComponent({__name:"DefaultSolutionModal",props:{open:{type:Boolean},user:{},problem:{},problemIndex:{},solutions:{default:()=>[]},title:{},width:{default:320},rootClassName:{default:"srk-general-modal-root"},wrapClassName:{default:"srk-solutions-modal"},style:{},languages:{}},emits:["close","update:open"],setup(t,{emit:o}){const s=t,u=o,n=e.ref(s.user?{user:s.user,problem:s.problem,problemIndex:s.problemIndex,solutions:s.solutions}:null);e.watch([()=>s.user,()=>s.problem,()=>s.problemIndex,()=>s.solutions],([g,c,m,i])=>{g&&(n.value={user:g,problem:c,problemIndex:m,solutions:i})},{immediate:!0});const p=e.computed(()=>s.title||(n.value?d.getSolutionModalTitle(n.value.problemIndex,n.value.user,s.languages):""));return(g,c)=>n.value?(e.openBlock(),e.createBlock(I,{key:0,open:t.open,title:p.value,width:t.width,"root-class-name":t.rootClassName,"wrap-class-name":t.wrapClassName,style:e.normalizeStyle(t.style),onClose:c[0]||(c[0]=m=>u("close",m)),"onUpdate:open":c[1]||(c[1]=m=>u("update:open",m))},{default:e.withCtx(()=>[e.createElementVNode("table",G,[c[2]||(c[2]=e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[e.createElementVNode("th",{class:"srk--text-left"},"Result"),e.createElementVNode("th",{class:"srk--text-right"},"Time")])],-1)),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value.solutions,(m,i)=>{var f;return e.openBlock(),e.createElementBlock("tr",{key:`${m.result}_${(f=m.time)==null?void 0:f[0]}_${i}`},[e.createElementVNode("td",null,[e.createElementVNode("span",{class:e.normalizeClass(["srk-solution-result-text",e.unref(d.getSolutionResultMeta)(m.result).className])},e.toDisplayString(e.unref(d.getSolutionResultMeta)(m.result).label),3)]),e.createElementVNode("td",Q,e.toDisplayString(e.unref(d.formatSolutionTimestamp)(m)),1)])}),128))])])]),_:1},8,["open","title","width","root-class-name","wrap-class-name","style"])):e.createCommentVNode("",!0)}}),Y={class:"srk-user-modal-info"},Z={class:"srk-user-modal-info-user-name"},_={key:0,class:"srk-user-modal-info-user-second-name"},ee={class:"srk-user-modal-info-labels"},te={class:"srk-user-modal-info-labels-label srk-user-modal-info-labels-label-preset-general"},le={key:1,class:"srk-user-modal-info-team-members"},se={key:0,class:"srk-user-modal-info-team-members-slash"},oe={key:2,class:"srk-user-modal-info-photo"},re=["src"],ae=e.defineComponent({__name:"DefaultUserModal",props:{open:{type:Boolean},user:{},markers:{default:()=>[]},theme:{default:B.EnumTheme.light},title:{default:"User Info"},width:{default:420},rootClassName:{default:"srk-general-modal-root"},wrapClassName:{default:"srk-user-modal"},style:{},formatSrkAssetUrl:{},languages:{}},emits:["close","update:open"],setup(t,{emit:o}){const s=t,u=o,n=e.ref(s.user||null);e.watch(()=>s.user,i=>{i&&(n.value=i)},{immediate:!0});const p=e.computed(()=>n.value?B.resolveUserMarkers(n.value,s.markers).map(i=>({marker:i,presentation:d.getMarkerPresentation(i,s.theme)})):[]);function g(i,f){return d.resolveSrkAssetUrl(i,f,s.formatSrkAssetUrl)}function c(i){return B.resolveText(i,s.languages)}function m(i){return d.formatTeamMemberName(i,s.languages)}return(i,f)=>n.value?(e.openBlock(),e.createBlock(I,{key:0,open:t.open,title:t.title,width:t.width,"root-class-name":t.rootClassName,"wrap-class-name":t.wrapClassName,style:e.normalizeStyle(t.style),onClose:f[0]||(f[0]=v=>u("close",v)),"onUpdate:open":f[1]||(f[1]=v=>u("update:open",v))},{default:e.withCtx(()=>[e.createElementVNode("div",Y,[e.createElementVNode("h3",Z,e.toDisplayString(c(n.value.name)),1),n.value.organization?(e.openBlock(),e.createElementBlock("p",_,e.toDisplayString(c(n.value.organization)),1)):e.createCommentVNode("",!0),e.createElementVNode("div",ee,[e.createElementVNode("span",te,e.toDisplayString(n.value.official===!1?"\uFF0A \u975E\u6B63\u5F0F\u53C2\u52A0\u8005":"\u6B63\u5F0F\u53C2\u52A0\u8005"),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,v=>(e.openBlock(),e.createElementBlock("span",{key:v.marker.id,class:e.normalizeClass(["srk-user-modal-info-labels-label",v.presentation.className]),style:e.normalizeStyle(v.presentation.style)},e.toDisplayString(c(v.marker.label)),7))),128))]),n.value.teamMembers&&n.value.teamMembers.length?(e.openBlock(),e.createElementBlock("div",le,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value.teamMembers,(v,b)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:c(v.name)},[b>0?(e.openBlock(),e.createElementBlock("span",se," / ")):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(m(v)),1)],64))),128))])):e.createCommentVNode("",!0),n.value.photo?(e.openBlock(),e.createElementBlock("div",oe,[e.createElementVNode("img",{src:g(n.value.photo,"user.photo"),alt:"User portrait",class:"srk-user-modal-info-photo-img"},null,8,re)])):e.createCommentVNode("",!0)])]),_:1},8,["open","title","width","root-class-name","wrap-class-name","style"])):e.createCommentVNode("",!0)}}),ne={class:"srk-progress-bar-container"},ie={class:"srk-progress-bar"},ce={class:"srk-progress-bar-body"},ue={key:0,class:"srk-progress-slider-layer"},de=["max","title"],me={class:"srk-progress-secondary-area"},ke={class:"srk-progress-secondary-area-center"},pe={key:0,class:"srk-progress-time-machine-status"},fe={key:1,class:"srk-progress-live-text"},ge={key:2,style:{visibility:"hidden"}},ve=e.defineComponent({__name:"ProgressBar",props:{data:{},enableTimeTravel:{type:Boolean,default:!1},live:{type:Boolean,default:!1},td:{default:0}},emits:["timeTravel"],setup(t,{emit:o}){const s=t,u=o,n=e.ref(Date.now()),p=e.ref(!1),g=e.ref(!1),c=e.ref(d.getProgressMaxAvailableMinutes(s.data.contest,n.value,s.td)),m=e.ref(null);let i;const f=e.computed(()=>d.getProgressDurationMinutes(s.data.contest)),v=e.computed(()=>d.getProgressMaxAvailableMinutes(s.data.contest,n.value,s.td)),b=e.computed(()=>d.isProgressEnded(s.data.contest,n.value,s.td)),N=e.computed(()=>d.getProgressMetrics(s.data,n.value,s.td,c.value,p.value));function D(){n.value=Date.now(),b.value&&i!==void 0&&(window.clearInterval(i),i=void 0)}function w(S){typeof window!="undefined"&&(S&&i===void 0&&(i=window.setInterval(D,1e3)),!S&&i!==void 0&&(window.clearInterval(i),i=void 0))}function z(S){const E=S>=f.value||S>=v.value;u("timeTravel",E?null:S*60*1e3),p.value=!E,m.value=E?null:S*60*1e3,g.value=!1}function M(){g.value=!0,p.value=!0}function T(){g.value&&z(c.value)}return e.watch(v,S=>{!g.value&&m.value===null&&(c.value=S)}),e.watch(()=>s.live,S=>w(S),{immediate:!0}),e.watch(()=>s.data.contest.title,()=>{g.value=!1,c.value=v.value,m.value=null,p.value=!1,u("timeTravel",null)}),e.onBeforeUnmount(()=>{i!==void 0&&(window.clearInterval(i),i=void 0)}),(S,E)=>(e.openBlock(),e.createElementBlock("div",ne,[e.createElementVNode("div",ie,[e.createElementVNode("div",ce,[e.createElementVNode("div",{class:"srk-progress-bar-segment srk-progress-bar-normal",style:e.normalizeStyle({width:`${N.value.frozenBreakpoint*100}%`})},[e.createElementVNode("div",{class:"srk-progress-bar-fill",style:e.normalizeStyle({width:`${N.value.normalInnerPercent}%`})},null,4)],4),e.createElementVNode("div",{class:"srk-progress-bar-segment srk-progress-bar-frozen",style:e.normalizeStyle({width:`${(1-N.value.frozenBreakpoint)*100}%`})},[e.createElementVNode("div",{class:"srk-progress-bar-fill",style:e.normalizeStyle({width:`${N.value.frozenInnerPercent}%`})},null,4)],4)]),t.enableTimeTravel&&N.value.supportRegen?(e.openBlock(),e.createElementBlock("div",ue,[g.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"srk-progress-slider-tooltip",style:e.normalizeStyle({left:`${f.value?c.value/f.value*100:0}%`})},e.toDisplayString(e.unref(B.secToTimeStr)(c.value*60)),5)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":E[0]||(E[0]=P=>c.value=P),"aria-label":"Time Travel",class:"srk-progress-slider",max:f.value,min:"0",step:"1",title:e.unref(B.secToTimeStr)(c.value*60),type:"range",onBlur:T,onKeydown:M,onKeyup:T,onMousedown:M,onMouseup:T,onTouchend:T,onTouchstart:M},null,40,de),[[e.vModelText,c.value,void 0,{number:!0}]])])):e.createCommentVNode("",!0)]),e.createElementVNode("div",me,[e.createElementVNode("div",{class:"srk-progress-secondary-area-left",style:e.normalizeStyle(t.live||p.value?{}:{display:"none"})}," Elapsed: "+e.toDisplayString(e.unref(B.secToTimeStr)(Math.round(N.value.elapsed/1e3))),5),e.createElementVNode("div",ke,[p.value?(e.openBlock(),e.createElementBlock("div",pe,[...E[1]||(E[1]=[e.createElementVNode("div",{class:"srk-progress-time-machine-text"},"Time Travel Mode",-1)])])):t.live&&!b.value?(e.openBlock(),e.createElementBlock("div",fe,"Live")):(e.openBlock(),e.createElementBlock("div",ge,"SRK"))]),e.createElementVNode("div",{class:"srk-progress-secondary-area-right",style:e.normalizeStyle(t.live||p.value?{}:{display:"none"})}," Remaining: "+e.toDisplayString(e.unref(B.secToTimeStr)(Math.round(N.value.remaining/1e3))),5)])]))}}),ye=["href"],he={class:"srk--display-block"},be=["title"],Ce={class:"srk--display-block"},Be=["title"],Ee=e.defineComponent({__name:"ProblemHeaderCell",props:{problem:{},index:{},ranklist:{},theme:{default:B.EnumTheme.light},languages:{},onProblemClick:{}},setup(t){const o=t,s=e.computed(()=>o.problem.alias||B.numberToAlphabet(o.index)),u=e.computed(()=>B.resolveText(o.problem.title,o.languages)),n=e.computed(()=>o.problem.statistics),p=e.computed(()=>{if(!n.value)return"";const m=n.value.submitted?(n.value.accepted/n.value.submitted*100).toFixed(1):0;return`${n.value.accepted} / ${n.value.submitted} (${m}%)`}),g=e.computed(()=>d.getProblemHeaderBackgroundImageIfStyled(o.problem.style,o.theme));function c(m){!o.onProblemClick||(m.preventDefault(),d.captureModalTriggerPointFromMouseEvent(m,{source:"problem-header",context:{problemIndex:o.index,problemAlias:o.problem.alias||null,problemTitle:u.value||null}}),o.onProblemClick({problem:o.problem,problemIndex:o.index,ranklist:o.ranklist}))}return(m,i)=>(e.openBlock(),e.createElementBlock("th",{class:e.normalizeClass(["srk--nowrap srk-problem-header",{"srk--cursor-pointer":!!t.onProblemClick}]),style:e.normalizeStyle({backgroundImage:g.value}),onClick:c},[t.problem.link&&!t.onProblemClick?(e.openBlock(),e.createElementBlock("a",{key:0,href:t.problem.link,target:"_blank",rel:"noopener noreferrer",style:{color:"unset"}},[e.createElementVNode("span",he,e.toDisplayString(s.value),1),n.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:"srk--display-block srk-problem-stats",title:p.value},e.toDisplayString(n.value.accepted),9,be)):e.createCommentVNode("",!0)],8,ye)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("span",Ce,e.toDisplayString(s.value),1),n.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:"srk--display-block srk-problem-stats",title:p.value},e.toDisplayString(n.value.accepted),9,Be)):e.createCommentVNode("",!0)],64))],6))}}),Se={key:0,class:"srk-prest-status-block-fb-star"},Ne={key:4,class:"srk-status-placeholder-cell srk--text-center srk--nowrap"},we="\u2605",xe=e.defineComponent({__name:"StatusCell",props:{status:{},problem:{},problemIndex:{},user:{},row:{},rowIndex:{},ranklist:{},onSolutionClick:{},statusCellPreset:{default:"classic"},statusColorAsText:{type:Boolean,default:!1},emptyStatusPlaceholder:{default:null},languages:{}},setup(t){const o=t,s=e.computed(()=>[...o.status.solutions||[]].reverse()),u=e.computed(()=>s.value.length>0&&!!o.onSolutionClick),n=e.computed(()=>d.getRankProblemStatusCellClassName(o.status,o.ranklist)),p=e.computed(()=>["srk-prest-status-block","srk--text-center","srk--nowrap",{"srk--cursor-pointer":u.value,"srk-prest-status-block-color-text":o.statusColorAsText}]);function g(m){var i,f;!u.value||(d.captureModalTriggerPointFromMouseEvent(m,{source:"status-cell",context:{rowIndex:o.rowIndex,problemIndex:o.problemIndex,problemAlias:((i=o.problem)==null?void 0:i.alias)||null,problemTitle:o.problem?B.resolveText(o.problem.title,o.languages):null,userId:o.user.id||null}}),(f=o.onSolutionClick)==null||f.call(o,{user:o.user,row:o.row,rowIndex:o.rowIndex,problemIndex:o.problemIndex,problem:o.problem,status:o.status,solutions:s.value,ranklist:o.ranklist}))}const c=e.defineComponent({props:{status:{type:Object,required:!0},ranklist:{type:Object,required:!0},preset:{type:String,required:!0}},setup(m){return()=>{const i=m.status,f=m.ranklist,v=m.preset,b=d.getRankProblemStatusCellPresentation(i,f,v);if(typeof b.score=="number"){const N=[e.h("span",{class:"srk-prest-status-block-score"},b.score)];return b.scoreDetails!==void 0&&N.push(" ",e.h("span",{class:"srk-prest-status-block-score-details"},b.scoreDetails)),N}return b.secondary!==void 0?[e.h("span",{class:"srk-prest-status-block-primary"},b.primary||"")," ",e.h("span",{class:"srk-prest-status-block-secondary"},b.secondary)]:b.primary||""}}});return(m,i)=>t.status.result==="FB"?(e.openBlock(),e.createElementBlock("td",{key:0,class:e.normalizeClass([p.value,n.value]),onClick:e.withModifiers(g,["prevent"])},[t.statusColorAsText?(e.openBlock(),e.createElementBlock("span",Se,e.toDisplayString(we))):e.createCommentVNode("",!0),e.createVNode(e.unref(c),{status:t.status,ranklist:t.ranklist,preset:t.statusCellPreset},null,8,["status","ranklist","preset"])],2)):t.status.result==="AC"?(e.openBlock(),e.createElementBlock("td",{key:1,class:e.normalizeClass([p.value,n.value]),onClick:e.withModifiers(g,["prevent"])},[e.createVNode(e.unref(c),{status:t.status,ranklist:t.ranklist,preset:t.statusCellPreset},null,8,["status","ranklist","preset"])],2)):t.status.result==="?"?(e.openBlock(),e.createElementBlock("td",{key:2,class:e.normalizeClass([p.value,n.value]),onClick:e.withModifiers(g,["prevent"])},[e.createVNode(e.unref(c),{status:t.status,ranklist:t.ranklist,preset:t.statusCellPreset},null,8,["status","ranklist","preset"])],2)):t.status.result==="RJ"?(e.openBlock(),e.createElementBlock("td",{key:3,class:e.normalizeClass([p.value,n.value]),onClick:e.withModifiers(g,["prevent"])},[e.createVNode(e.unref(c),{status:t.status,ranklist:t.ranklist,preset:t.statusCellPreset},null,8,["status","ranklist","preset"])],2)):(e.openBlock(),e.createElementBlock("td",Ne,e.toDisplayString(t.emptyStatusPlaceholder),1))}}),Ve={class:"srk-user-cell-content"},Te={key:0,class:"srk-user-avatar"},Me=["src"],Pe={class:"srk-user-body"},$e={class:"srk-user-name-row"},De=["title"],ze={class:"srk-marker-dot-group"},Ae=["data-tooltip"],Fe={key:0,class:"srk-user-secondary-text srk--text-ellipsis",title:""},Ie=e.defineComponent({__name:"UserCell",props:{user:{},row:{},rowIndex:{},ranklist:{},markers:{default:()=>[]},theme:{default:B.EnumTheme.light},formatSrkAssetUrl:{},onUserClick:{},hideOrganization:{type:Boolean,default:!1},hideAvatar:{type:Boolean,default:!1},languages:{}},setup(t){const o=t,s=e.computed(()=>p(o.user.name)),u=e.computed(()=>B.resolveUserMarkers(o.user,o.markers)),n=e.computed(()=>u.value.map(c=>({marker:c,presentation:d.getMarkerPresentation(c,o.theme)})));function p(c){return B.resolveText(c,o.languages)}function g(c){var m;d.captureModalTriggerPointFromMouseEvent(c,{source:"user-cell",context:{rowIndex:o.rowIndex,userId:o.user.id||null,userName:s.value}}),(m=o.onUserClick)==null||m.call(o,{user:o.user,row:o.row,rowIndex:o.rowIndex,ranklist:o.ranklist})}return(c,m)=>(e.openBlock(),e.createElementBlock("td",{class:e.normalizeClass(["srk--text-left srk--nowrap srk-user-cell",{"srk--cursor-pointer":!!t.onUserClick}]),title:"",onClick:e.withModifiers(g,["prevent"])},[e.createElementVNode("div",Ve,[t.user.avatar&&!t.hideAvatar?(e.openBlock(),e.createElementBlock("div",Te,[e.createElementVNode("img",{src:t.formatSrkAssetUrl(t.user.avatar,"user.avatar"),alt:"User Avatar"},null,8,Me)])):e.createCommentVNode("",!0),e.createElementVNode("div",Pe,[e.createElementVNode("div",$e,[e.createElementVNode("span",{class:"srk-user-name-text",title:s.value},e.toDisplayString(s.value),9,De),e.createElementVNode("span",ze,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,i=>(e.openBlock(),e.createElementBlock("span",{key:i.marker.id,class:e.normalizeClass(["srk-marker srk-marker-dot srk--c-tooltip",i.presentation.className]),style:e.normalizeStyle(i.presentation.style),"data-tooltip":p(i.marker.label)},null,14,Ae))),128))])]),t.user.organization&&!t.hideOrganization?(e.openBlock(),e.createElementBlock("p",Fe,e.toDisplayString(p(t.user.organization)),1)):e.createCommentVNode("",!0)])])],2))}}),Ue={key:0},Oe={key:1},Le={key:2,class:"srk-common-table srk-main"},qe={key:0,class:"srk-organization-header srk--text-left srk--nowrap"},Re={class:"srk--text-left srk--nowrap"},He={class:"srk--text-right srk--nowrap"},Ke={key:1,class:"srk--text-right srk--nowrap"},je={key:2,class:"srk-dirt-header srk--text-right srk--nowrap"},Je={key:3,class:"srk-se-header srk--text-right srk--nowrap"},We={class:"srk-organization-cell-content"},Ge={key:0,class:"srk-user-avatar"},Qe=["src"],Xe=["title"],Ye={class:"srk--text-right srk--nowrap"},Ze={key:1,class:"srk--text-right srk--nowrap"},_e={key:2,class:"srk-dirt-cell srk--text-right srk--nowrap"},et={key:3,class:"srk-se-cell srk--text-right srk--nowrap"},tt={key:0},lt=["colspan"],st=["data-tooltip"],ot={class:"srk-problem-statistics-footer-primary"},rt={class:"srk-problem-statistics-footer-secondary"},at={key:0,class:"srk-problem-statistics-footer-cell srk-extra-statistics-footer-cell srk-dirt-footer-cell srk--nowrap"},nt={key:1,class:"srk-problem-statistics-footer-cell srk-extra-statistics-footer-cell srk-se-footer-cell srk--nowrap"},it={class:"srk-problem-statistics-footer-row srk-problem-statistics-footer-problem-label-row"},ct=["colspan"],ut={class:"srk--display-block"},dt={key:0,class:"srk-problem-statistics-footer-cell srk-extra-statistics-footer-cell srk-dirt-footer-cell srk--nowrap"},mt={key:1,class:"srk-problem-statistics-footer-cell srk-extra-statistics-footer-cell srk-se-footer-cell srk--nowrap"},kt=e.defineComponent({__name:"Ranklist",props:{data:{},theme:{default:B.EnumTheme.light},rowBordered:{type:Boolean,default:!1},columnBordered:{type:Boolean,default:!1},rowStriped:{type:Boolean,default:!1},formatSrkAssetUrl:{},splitOrganization:{type:Boolean,default:!1},columnTitles:{},statusCellPreset:{default:"classic"},statusColorAsText:{type:Boolean,default:!1},showProblemStatisticsFooter:{type:Boolean,default:!1},showDirtColumn:{type:Boolean,default:!1},showSEColumn:{type:Boolean,default:!1},emptyStatusPlaceholder:{default:null},userAvatarPlacement:{default:"user"},languages:{}},emits:["userClick","problemClick","solutionClick"],setup(t,{emit:o}){const s=t,u=o,n=e.getCurrentInstance(),p=e.computed(()=>s.theme),g=e.computed(()=>{var r;return Boolean((r=n==null?void 0:n.vnode.props)==null?void 0:r.onProblemClick)}),c=d.srkSupportedVersions,m=e.computed(()=>d.caniuse(s.data.version)),i=e.computed(()=>d.shouldShowTimeColumn(s.data.rows)),f=e.computed(()=>s.splitOrganization&&s.userAvatarPlacement==="organization"),v=e.computed(()=>s.showProblemStatisticsFooter||s.showSEColumn?d.calculateProblemStatisticsFooter(s.data):[]),b=e.computed(()=>s.data.series.length+1+1+(i.value?1:0)+(s.splitOrganization?1:0)),N=[{key:"accepted",label:"Accepted",tooltip:"Number of participants who solved this problem"},{key:"attempted",label:"Attempted",tooltip:"Number of participants who attempted this problem"},{key:"submitted",label:"Submitted",tooltip:"Total number of valid submissions for this problem"},{key:"dirt",label:"Dirt",tooltip:"Wrong submissions among participants who solved this problem"},{key:"se",label:"SE",tooltip:"Average hardness, calculated as (participants - accepted) / participants"},{key:"firstAccepted",label:"FB at",tooltip:"First Blood at, also known as first solve time, in minutes"},{key:"lastAccepted",label:"LB at",tooltip:"Last Blood at, also known as last solve time, in minutes"}];function D(r,a){return d.resolveSrkAssetUrl(r,a,s.formatSrkAssetUrl)}function w(r){return B.resolveText(r,s.languages)}function z(r){return r.rankValues||s.data.series.map(()=>({rank:null,segmentIndex:null}))}function M(r,a){return r.rank?r.rank:a.user.official===!1?"\uFF0A":""}function T(r){return((r==null?void 0:r.segments)||[]).some(a=>typeof a.style=="string")}function S(r,a){var k,h,y;const l=(k=s.columnTitles)==null?void 0:k.series;return typeof l=="function"?(h=l(r,a))!=null?h:r.title:Array.isArray(l)&&(y=l[a])!=null?y:r.title}function E(r,a){var l,k;return(k=(l=s.columnTitles)==null?void 0:l[r])!=null?k:a}function P(r,a){const l=r.segmentIndex||r.segmentIndex===0?r.segmentIndex:-1;return((a==null?void 0:a.segments)||[])[l]||{}}function A(r,a){const l=P(r,a).style;return typeof l=="string"?`srk-preset-series-segment-${l}`:""}function F(r,a){const l={[B.EnumTheme.light]:void 0,[B.EnumTheme.dark]:void 0},k=P(r,a).style;if(!k||typeof k=="string")return{};const h=B.resolveStyle(k),y=h.textColor||l,V=h.backgroundColor||l;return{color:y[s.theme],backgroundColor:V[s.theme]}}function C(r){return[...r.solutions||[]].reverse()}function x(r){u("problemClick",r)}function U(r,a,l){l&&(l.preventDefault(),d.captureModalTriggerPointFromMouseEvent(l,{source:"problem-header",context:{problemIndex:a,problemAlias:r.alias||null,problemTitle:w(r.title)||null}})),x({problem:r,problemIndex:a,ranklist:s.data})}function R(r,a){switch(r){case"accepted":return a.accepted;case"attempted":return a.attempted;case"submitted":return a.submitted;case"dirt":return a.dirt;case"se":return d.formatProblemStatisticsAverageHardness(a);case"firstAccepted":return d.formatProblemStatisticsAcceptedMinute(a.firstAcceptedTime);case"lastAccepted":return d.formatProblemStatisticsAcceptedMinute(a.lastAcceptedTime);default:return""}}function O(r,a){switch(r){case"accepted":return d.formatProblemStatisticsPercent(a.accepted,a.participantCount);case"attempted":return d.formatProblemStatisticsPercent(a.attempted,a.participantCount);case"dirt":return d.formatProblemStatisticsPercent(a.dirt,a.dirtSubmitted);default:return}}function L(r,a,l){if("ranklist"in r){u("userClick",r);return}l&&d.captureModalTriggerPointFromMouseEvent(l,{source:"user-cell",context:{rowIndex:a||0,userId:r.user.id||null,userName:w(r.user.name)}}),u("userClick",{user:r.user,row:r,rowIndex:a||0,ranklist:s.data})}function q(r,a,l,k,h){if("solutions"in r){u("solutionClick",r);return}const y=k||0,V=l||r.statuses[y];if(h){const $=s.data.problems[y];d.captureModalTriggerPointFromMouseEvent(h,{source:"status-cell",context:{rowIndex:a||0,problemIndex:y,problemAlias:($==null?void 0:$.alias)||null,problemTitle:$?w($.title):null,userId:r.user.id||null}})}u("solutionClick",{user:r.user,row:r,rowIndex:a||0,problemIndex:y,problem:s.data.problems[y],status:V,solutions:C(V),ranklist:s.data})}return(r,a)=>t.data.type!=="general"?(e.openBlock(),e.createElementBlock("div",Ue,'srk type "'+e.toDisplayString(t.data.type)+'" is not supported',1)):m.value?(e.openBlock(),e.createElementBlock("div",Le,[e.createElementVNode("table",{class:e.normalizeClass({"srk-table-row-bordered":t.rowBordered,"srk-table-column-bordered":t.columnBordered,"srk-table-row-striped":t.rowStriped})},[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.data.series,(l,k)=>(e.openBlock(),e.createElementBlock("th",{key:l.title,class:e.normalizeClass(["srk-series-header srk--text-right srk--nowrap",{"srk-series-segmented-column":T(l)}])},e.toDisplayString(S(l,k)),3))),128)),t.splitOrganization?(e.openBlock(),e.createElementBlock("th",qe,e.toDisplayString(E("organization","Organization")),1)):e.createCommentVNode("",!0),e.createElementVNode("th",Re,e.toDisplayString(E("user","Name")),1),e.createElementVNode("th",He,e.toDisplayString(E("score","Score")),1),i.value?(e.openBlock(),e.createElementBlock("th",Ke,e.toDisplayString(E("time","Time")),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.data.problems,(l,k)=>e.renderSlot(r.$slots,"problem-header-cell",e.mergeProps({key:l.alias||w(l.title)||k,ref_for:!0},{problem:l,problemIndex:k,index:k,ranklist:t.data,theme:p.value,languages:t.languages,onClick:h=>U(l,k,h)}),()=>[e.createVNode(Ee,{problem:l,index:k,ranklist:t.data,theme:p.value,languages:t.languages,"on-problem-click":g.value?x:void 0},null,8,["problem","index","ranklist","theme","languages","on-problem-click"])])),128)),t.showDirtColumn?(e.openBlock(),e.createElementBlock("th",je,e.toDisplayString(E("dirt","Dirt")),1)):e.createCommentVNode("",!0),t.showSEColumn?(e.openBlock(),e.createElementBlock("th",Je,e.toDisplayString(E("se","SE")),1)):e.createCommentVNode("",!0)])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.data.rows,(l,k)=>(e.openBlock(),e.createElementBlock("tr",{key:l.user.id||w(l.user.name)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(z(l),(h,y)=>{var V;return e.openBlock(),e.createElementBlock("td",{key:((V=t.data.series[y])==null?void 0:V.title)||y,class:e.normalizeClass(["srk--text-right srk--nowrap",[A(h,t.data.series[y]),{"srk-series-segmented-column":T(t.data.series[y])}]]),style:e.normalizeStyle(F(h,t.data.series[y]))},e.toDisplayString(M(h,l)),7)}),128)),t.splitOrganization?(e.openBlock(),e.createElementBlock("td",{key:0,class:e.normalizeClass(["srk-organization-cell srk--text-left srk--nowrap",{"srk-organization-cell-avatar":f.value&&!!l.user.avatar}])},[e.createElementVNode("div",We,[f.value&&l.user.avatar?(e.openBlock(),e.createElementBlock("div",Ge,[e.createElementVNode("img",{src:D(l.user.avatar,"user.avatar"),alt:"User Avatar"},null,8,Qe)])):e.createCommentVNode("",!0),e.createElementVNode("span",{class:"srk-organization-name-text",title:l.user.organization?w(l.user.organization):""},e.toDisplayString(l.user.organization?w(l.user.organization):""),9,Xe)])],2)):e.createCommentVNode("",!0),e.renderSlot(r.$slots,"user-cell",e.mergeProps({ref_for:!0},{user:l.user,row:l,rowIndex:k,ranklist:t.data,markers:t.data.markers,theme:p.value,hideOrganization:t.splitOrganization,hideAvatar:f.value,languages:t.languages,onClick:h=>L(l,k,h)}),()=>[e.createVNode(Ie,{user:l.user,row:l,"row-index":k,ranklist:t.data,markers:t.data.markers,theme:p.value,"format-srk-asset-url":D,"on-user-click":L,"hide-organization":t.splitOrganization,"hide-avatar":f.value,languages:t.languages},null,8,["user","row","row-index","ranklist","markers","theme","hide-organization","hide-avatar","languages"])]),e.createElementVNode("td",Ye,e.toDisplayString(l.score.value),1),i.value?(e.openBlock(),e.createElementBlock("td",Ze,e.toDisplayString(l.score.time?e.unref(B.formatTimeDuration)(l.score.time,"min",Math.floor):"-"),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.statuses,(h,y)=>{var V;return e.renderSlot(r.$slots,"status-cell",e.mergeProps({key:((V=t.data.problems[y])==null?void 0:V.alias)||y,ref_for:!0},{status:h,problem:t.data.problems[y],problemIndex:y,user:l.user,row:l,rowIndex:k,ranklist:t.data,solutions:C(h),statusCellPreset:t.statusCellPreset,statusColorAsText:t.statusColorAsText,emptyStatusPlaceholder:t.emptyStatusPlaceholder,languages:t.languages,onClick:$=>q(l,k,h,y,$)}),()=>[e.createVNode(xe,{status:h,problem:t.data.problems[y],"problem-index":y,user:l.user,row:l,"row-index":k,ranklist:t.data,"on-solution-click":q,"status-cell-preset":t.statusCellPreset,"status-color-as-text":t.statusColorAsText,"empty-status-placeholder":t.emptyStatusPlaceholder,languages:t.languages},null,8,["status","problem","problem-index","user","row","row-index","ranklist","status-cell-preset","status-color-as-text","empty-status-placeholder","languages"])])}),128)),t.showDirtColumn?(e.openBlock(),e.createElementBlock("td",_e,e.toDisplayString(e.unref(d.calculateDirtPercentage)(l)),1)):e.createCommentVNode("",!0),t.showSEColumn?(e.openBlock(),e.createElementBlock("td",et,e.toDisplayString(e.unref(d.calculateSEValue)(l,v.value)),1)):e.createCommentVNode("",!0)]))),128))]),t.showProblemStatisticsFooter?(e.openBlock(),e.createElementBlock("tfoot",tt,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(N,l=>e.createElementVNode("tr",{key:l.key,class:"srk-problem-statistics-footer-row"},[e.createElementVNode("td",{class:"srk-problem-statistics-footer-labels srk--text-right srk--nowrap",colspan:b.value},[e.createElementVNode("span",{class:"srk-problem-statistics-footer-label srk--c-tooltip","data-tooltip":l.tooltip},e.toDisplayString(l.label),9,st)],8,lt),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,(k,h)=>{var y;return e.openBlock(),e.createElementBlock("td",{key:((y=t.data.problems[h])==null?void 0:y.alias)||h,class:"srk-problem-statistics-footer-cell srk--text-center srk--nowrap"},[e.createElementVNode("span",ot,e.toDisplayString(R(l.key,k)),1),O(l.key,k)!==void 0?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[a[0]||(a[0]=e.createTextVNode(e.toDisplayString(" ")+" ",-1)),e.createElementVNode("span",rt,e.toDisplayString(O(l.key,k)),1)],64)):e.createCommentVNode("",!0)])}),128)),t.showDirtColumn?(e.openBlock(),e.createElementBlock("td",at,[...a[1]||(a[1]=[e.createElementVNode("span",{class:"srk-problem-statistics-footer-primary"},null,-1)])])):e.createCommentVNode("",!0),t.showSEColumn?(e.openBlock(),e.createElementBlock("td",nt,[...a[2]||(a[2]=[e.createElementVNode("span",{class:"srk-problem-statistics-footer-primary"},null,-1)])])):e.createCommentVNode("",!0)])),64)),e.createElementVNode("tr",it,[e.createElementVNode("td",{class:"srk-problem-statistics-footer-labels srk--text-right srk--nowrap",colspan:b.value},null,8,ct),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.data.problems,(l,k)=>(e.openBlock(),e.createElementBlock("td",{key:l.alias||w(l.title)||k,class:"srk-problem-statistics-footer-cell srk-problem-statistics-footer-problem-header srk-problem-header srk--text-center srk--nowrap",style:e.normalizeStyle({backgroundImage:e.unref(d.getProblemHeaderBackgroundImageIfStyled)(l.style,p.value,0)})},[e.createElementVNode("span",ut,e.toDisplayString(l.alias||e.unref(B.numberToAlphabet)(k)),1)],4))),128)),t.showDirtColumn?(e.openBlock(),e.createElementBlock("td",dt,[...a[3]||(a[3]=[e.createElementVNode("span",{class:"srk-problem-statistics-footer-primary"},null,-1)])])):e.createCommentVNode("",!0),t.showSEColumn?(e.openBlock(),e.createElementBlock("td",mt,[...a[4]||(a[4]=[e.createElementVNode("span",{class:"srk-problem-statistics-footer-primary"},null,-1)])])):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0)],2)])):(e.openBlock(),e.createElementBlock("div",Oe,' srk version "'+e.toDisplayString(t.data.version)+'" is not supported (current supported: '+e.toDisplayString(e.unref(c))+") ",1))}});exports.DefaultSolutionModal=X;exports.DefaultUserModal=ae;exports.Modal=I;exports.ProgressBar=ve;exports.Ranklist=kt;

package/dist/index.js

@@ -1,6 +1,6 @@
 import "@algoux/standard-ranklist-renderer-component-styles";
 import { defineComponent, ref, computed, watch, watchEffect, onMounted, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, toDisplayString, createCommentVNode, renderSlot, nextTick, createBlock, withCtx, Fragment, renderList, unref, withDirectives, vModelText, h, withModifiers, createVNode, getCurrentInstance, mergeProps, createTextVNode } from "vue";
-import { SRK_ANIMATED_MODAL_ROOT_CLASS, MODAL_ANIMATION_DURATION_MS, lockModalBodyScroll, unlockModalBodyScroll, ensureModalInteractionTracker, resolveModalTransformOrigin, registerModalFocusScope, unregisterModalFocusScope, getSolutionModalTitle, getSolutionResultMeta, formatSolutionTimestamp, getMarkerPresentation, resolveSrkAssetUrl, formatTeamMemberName, getProgressMaxAvailableMinutes, getProgressDurationMinutes, isProgressEnded, getProgressMetrics, getProblemHeaderBackgroundImage, captureModalTriggerPointFromMouseEvent, getRankProblemStatusCellPresentation, caniuse, shouldShowTimeColumn, calculateProblemStatisticsFooter, calculateDirtPercentage, calculateSEValue, srkSupportedVersions, formatProblemStatisticsAcceptedMinute, formatProblemStatisticsAverageHardness, formatProblemStatisticsPercent } from "@algoux/standard-ranklist-renderer-component-core";
+import { SRK_ANIMATED_MODAL_ROOT_CLASS, MODAL_ANIMATION_DURATION_MS, lockModalBodyScroll, unlockModalBodyScroll, ensureModalInteractionTracker, resolveModalTransformOrigin, registerModalFocusScope, unregisterModalFocusScope, getSolutionModalTitle, getSolutionResultMeta, formatSolutionTimestamp, getMarkerPresentation, resolveSrkAssetUrl, formatTeamMemberName, getProgressMaxAvailableMinutes, getProgressDurationMinutes, isProgressEnded, getProgressMetrics, getProblemHeaderBackgroundImageIfStyled, captureModalTriggerPointFromMouseEvent, getRankProblemStatusCellClassName, getRankProblemStatusCellPresentation, caniuse, shouldShowTimeColumn, calculateProblemStatisticsFooter, calculateDirtPercentage, calculateSEValue, srkSupportedVersions, formatProblemStatisticsAcceptedMinute, formatProblemStatisticsAverageHardness, formatProblemStatisticsPercent } from "@algoux/standard-ranklist-renderer-component-core";
 import { EnumTheme, resolveUserMarkers, resolveText, secToTimeStr, numberToAlphabet, formatTimeDuration, resolveStyle } from "@algoux/standard-ranklist-utils";
 const _hoisted_1$7 = ["data-srk-modal-state"];
 const _hoisted_2$7 = ["aria-labelledby"];
@@ -582,7 +582,7 @@ const _sfc_main$3 = defineComponent({
       const ratio = stat.value.submitted ? (stat.value.accepted / stat.value.submitted * 100).toFixed(1) : 0;
       return `${stat.value.accepted} / ${stat.value.submitted} (${ratio}%)`;
     });
-    const backgroundImage = computed(() => getProblemHeaderBackgroundImage(props.problem.style, props.theme));
+    const backgroundImage = computed(() => getProblemHeaderBackgroundImageIfStyled(props.problem.style, props.theme));
     function handleClick(event) {
       if (!props.onProblemClick) {
         return;
@@ -662,6 +662,7 @@ const _sfc_main$2 = defineComponent({
     const props = __props;
     const solutions = computed(() => [...props.status.solutions || []].reverse());
     const isClickable = computed(() => solutions.value.length > 0 && !!props.onSolutionClick);
+    const statusResultClassName = computed(() => getRankProblemStatusCellClassName(props.status, props.ranklist));
     const commonClassName = computed(() => [
       "srk-prest-status-block",
       "srk--text-center",
@@ -719,10 +720,11 @@ const _sfc_main$2 = defineComponent({
           const preset = childProps.preset;
           const presentation = getRankProblemStatusCellPresentation(status, ranklist, preset);
           if (typeof presentation.score === "number") {
-            return [
-              h("span", { class: "srk-prest-status-block-score" }, presentation.score),
-              h("span", { class: "srk-prest-status-block-score-details" }, presentation.scoreDetails)
-            ];
+            const children = [h("span", { class: "srk-prest-status-block-score" }, presentation.score)];
+            if (presentation.scoreDetails !== void 0) {
+              children.push(" ", h("span", { class: "srk-prest-status-block-score-details" }, presentation.scoreDetails));
+            }
+            return children;
           }
           if (presentation.secondary !== void 0) {
             return [
@@ -738,7 +740,7 @@ const _sfc_main$2 = defineComponent({
     return (_ctx, _cache) => {
       return __props.status.result === "FB" ? (openBlock(), createElementBlock("td", {
         key: 0,
-        class: normalizeClass([commonClassName.value, "srk-prest-status-block-fb"]),
+        class: normalizeClass([commonClassName.value, statusResultClassName.value]),
         onClick: withModifiers(emitSolutionClick, ["prevent"])
       }, [
         __props.statusColorAsText ? (openBlock(), createElementBlock("span", _hoisted_1$2, toDisplayString(fbStar))) : createCommentVNode("", true),
@@ -749,7 +751,7 @@ const _sfc_main$2 = defineComponent({
         }, null, 8, ["status", "ranklist", "preset"])
       ], 2)) : __props.status.result === "AC" ? (openBlock(), createElementBlock("td", {
         key: 1,
-        class: normalizeClass([commonClassName.value, "srk-prest-status-block-accepted"]),
+        class: normalizeClass([commonClassName.value, statusResultClassName.value]),
         onClick: withModifiers(emitSolutionClick, ["prevent"])
       }, [
         createVNode(unref(StatusBody), {
@@ -759,7 +761,7 @@ const _sfc_main$2 = defineComponent({
         }, null, 8, ["status", "ranklist", "preset"])
       ], 2)) : __props.status.result === "?" ? (openBlock(), createElementBlock("td", {
         key: 2,
-        class: normalizeClass([commonClassName.value, "srk-prest-status-block-frozen"]),
+        class: normalizeClass([commonClassName.value, statusResultClassName.value]),
         onClick: withModifiers(emitSolutionClick, ["prevent"])
       }, [
         createVNode(unref(StatusBody), {
@@ -769,7 +771,7 @@ const _sfc_main$2 = defineComponent({
         }, null, 8, ["status", "ranklist", "preset"])
       ], 2)) : __props.status.result === "RJ" ? (openBlock(), createElementBlock("td", {
         key: 3,
-        class: normalizeClass([commonClassName.value, "srk-prest-status-block-failed"]),
+        class: normalizeClass([commonClassName.value, statusResultClassName.value]),
         onClick: withModifiers(emitSolutionClick, ["prevent"])
       }, [
         createVNode(unref(StatusBody), {
@@ -1377,7 +1379,7 @@ const _sfc_main = defineComponent({
                 return openBlock(), createElementBlock("td", {
                   key: problem.alias || resolveDisplayText(problem.title) || problemIndex,
                   class: "srk-problem-statistics-footer-cell srk-problem-statistics-footer-problem-header srk-problem-header srk--text-center srk--nowrap",
-                  style: normalizeStyle({ backgroundImage: unref(getProblemHeaderBackgroundImage)(problem.style, resolvedTheme.value, 0) })
+                  style: normalizeStyle({ backgroundImage: unref(getProblemHeaderBackgroundImageIfStyled)(problem.style, resolvedTheme.value, 0) })
                 }, [
                   createElementVNode("span", _hoisted_27, toDisplayString(problem.alias || unref(numberToAlphabet)(problemIndex)), 1)
                 ], 4);

package/dist/parts/ProblemHeaderCell.vue.d.ts

@@ -30,7 +30,7 @@ declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractProp
     title: import("vue").ComputedRef<any>;
     stat: import("vue").ComputedRef<any>;
     statDesc: import("vue").ComputedRef<string>;
-    backgroundImage: import("vue").ComputedRef<string>;
+    backgroundImage: import("vue").ComputedRef<string | undefined>;
     handleClick: (event: MouseEvent) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     problem: {

package/dist/parts/StatusCell.vue.d.ts

@@ -55,6 +55,7 @@ declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractProp
     fbStar: string;
     solutions: import("vue").ComputedRef<any[]>;
     isClickable: import("vue").ComputedRef<boolean>;
+    statusResultClassName: import("vue").ComputedRef<string | undefined>;
     commonClassName: import("vue").ComputedRef<(string | {
         'srk--cursor-pointer': boolean;
         'srk-prest-status-block-color-text': any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@algoux/standard-ranklist-renderer-component-vue",
-  "version": "0.6.4",
+  "version": "0.6.5",
   "description": "Vue components for Standard Ranklist Renderer Component",
   "license": "MIT",
   "homepage": "https://github.com/algoux/standard-ranklist-renderer-component",
@@ -29,8 +29,8 @@
   },
   "dependencies": {
     "@algoux/standard-ranklist-utils": "^0.3.1",
-    "@algoux/standard-ranklist-renderer-component-core": "0.6.3",
-    "@algoux/standard-ranklist-renderer-component-styles": "0.6.1"
+    "@algoux/standard-ranklist-renderer-component-core": "0.6.4",
+    "@algoux/standard-ranklist-renderer-component-styles": "0.6.2"
   },
   "peerDependencies": {
     "@algoux/standard-ranklist": "*",