@algoux/standard-ranklist-renderer-component-core 0.5.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 algoUX
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,26 @@
+# @algoux/standard-ranklist-renderer-component-core
+
+Shared helpers, compatibility checks, and payload types for Standard Ranklist Renderer Component packages.
+
+## Install
+
+```bash
+npm i -D @algoux/standard-ranklist
+npm i -S @algoux/standard-ranklist-renderer-component-core
+```
+
+## Main Exports
+
+- `convertToStaticRanklist`
+- `caniuse`
+- `srkSupportedVersions`
+- `StaticRanklist`
+- `UserClickPayload`
+- `SolutionClickPayload`
+
+## Usage
+
+```ts
+import { caniuse } from '@algoux/standard-ranklist-renderer-component-core';
+import { convertToStaticRanklist } from '@algoux/standard-ranklist-utils';
+```

package/dist/caniuse.d.ts

@@ -0,0 +1,2 @@
+export declare const srkSupportedVersions: any;
+export declare function caniuse(version: string): boolean;

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var J=require("color"),s=require("@algoux/standard-ranklist-utils"),V=require("semver");function B(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var O=B(J),Z=B(V);const N={[s.EnumTheme.light]:"#ffffff",[s.EnumTheme.dark]:"#191919"};function G(e,t,o){if(typeof o=="function")return o(e,t);if(e.startsWith("//"))return e;const n=e.match(/^([a-zA-Z][a-zA-Z0-9+.-]*):/);if(n){const r=n[1].toLowerCase();return r==="http"||r==="https"||r==="data"?e:(console.warn(`unsupported protocol "${r}" in srk asset url:`,e),"")}return console.warn("unsupported srk asset url:",e),""}function Q(e,t){const{backgroundColor:o}=s.resolveStyle(e||{}),n=o[t]||N[t],r=O.default(n).string(),i=O.default(n).alpha(.27).string();return`linear-gradient(180deg, ${r} 0%, ${r} 10%, ${i} 10%, transparent 100%)`}function ee(e,t){return typeof e.style=="string"?{className:`srk-preset-marker-${e.style}`}:e.style?{style:{backgroundColor:s.resolveStyle(e.style).backgroundColor[t]}}:{}}function te(e){switch(e){case"FB":return{label:"First Blood",className:"srk-preset-result-fb"};case"AC":return{label:"Accepted",className:"srk-preset-result-ac"};case"RJ":return{label:"Rejected",className:"srk-preset-result-rj"};case"?":return{label:"Frozen",className:"srk-preset-result-fz"};case"WA":return{label:"Wrong Answer",className:"srk-preset-result-rj"};case"PE":return{label:"Presentation Error",className:"srk-preset-result-rj"};case"TLE":return{label:"Time Limit Exceeded",className:"srk-preset-result-rj"};case"MLE":return{label:"Memory Limit Exceeded",className:"srk-preset-result-rj"};case"OLE":return{label:"Output Limit Exceeded",className:"srk-preset-result-rj"};case"RTE":return{label:"Runtime Error",className:"srk-preset-result-rj"};case"NOUT":return{label:"No Output"};case"CE":return{label:"Compile Error"};case"UKE":return{label:"Unknown Error"};case null:return{label:"--"};default:return{label:e}}}function oe(e){return`${e.tries}/${e.time?s.formatTimeDuration(e.time,"min",Math.floor):"-"}`}function ne(e,t){return`Solutions of ${s.numberToAlphabet(e)} (${s.resolveText(t.name)})`}function re(e){return s.secToTimeStr(s.formatTimeDuration(e.time,"s"))}function se(e){return e.some(t=>{var o;return Boolean((o=t.score)==null?void 0:o.time)})}function F(e){return s.formatTimeDuration(e.duration,"min")}function ie(e,t,o=0){const n=new Date(e.startAt).getTime(),r=t-o;return Math.min(Math.max(Math.floor((r-n)/6e4),0),F(e))}function le(e,t,o=0){const r=new Date(e.startAt).getTime()+s.formatTimeDuration(e.duration,"ms");return t-o>=r}function ae(e){const t={};for(let o=0;o<=e;++o)t[o]="";return t}function ue(e,t,o,n,r){const{contest:i}=e,u=new Date(i.startAt).getTime(),g=u+s.formatTimeDuration(i.duration,"ms"),L=i.frozenDuration?s.formatTimeDuration(i.frozenDuration,"ms"):0,R=t-o,c=g-u,f=c?1-L/c:1,h=Math.min(Math.max(R-u,0),c),X=c-h,K=g-L,U=c?h/c*100:0,I=c?Math.max(Math.min(R,K)-u,0)/c*100:0,W=Math.min(100,f?I/f:0),H=U-I,q=Math.min(100,1-f?H/(1-f):0),M=n*60*1e3,D=c-M;return{elapsed:r?M:h,remaining:r?D:X,frozenBreakpoint:f,normalInnerPercent:W,frozenInnerPercent:q,timeTravelElapsed:M,timeTravelRemaining:D,supportRegen:s.canRegenerateRanklist(e)}}const j=">=0.3.0 <=0.3.12";function ce(e){return Z.default.satisfies(e,j)}const de=280,fe="srk-animated-modal-root",b="srk-scrolling-effect";let m=null,a=null,_=!1,d=0,S="",v="",w="",k="",A="",x="",P="",E="",p=0,y=0,T=1,l=[],C=!1;function me(e){var o,n;if(e.key!=="Escape")return;const t=l[l.length-1];!t||((o=t.onEscape)==null||o.call(t,e),(n=e.stopImmediatePropagation)==null||n.call(e),e.stopPropagation())}function ge(){typeof document=="undefined"||C||(document.addEventListener("keydown",me),C=!0)}function pe(){typeof document=="undefined"||_||(document.addEventListener("mousedown",e=>{a={x:e.clientX,y:e.clientY}},!0),document.addEventListener("touchstart",e=>{const t=e.touches[0]||e.changedTouches[0];!t||(a={x:t.clientX,y:t.clientY})},{capture:!0,passive:!0}),_=!0)}function Y(e,t,o){m={x:e,y:t,timestamp:Date.now(),source:o==null?void 0:o.source,context:o==null?void 0:o.context}}function ye(e,t){Y(e.clientX,e.clientY,t)}function z(e=500){return!m||Date.now()-m.timestamp>e?null:m}function be(){return a}function he(e){if(typeof window=="undefined"||!e)return{origin:{x:0,y:0},source:"fallback",explicitTriggerPoint:null,globalInteractionPoint:a,dialogRect:null,fallbackPoint:{x:0,y:0}};const t=e.getBoundingClientRect(),o={x:t.width/2,y:Math.min(t.height*.22,96)},n=z();return n?{origin:{x:n.x-t.left,y:n.y-t.top},source:"explicit-trigger",explicitTriggerPoint:n,globalInteractionPoint:a,dialogRect:{left:t.left,top:t.top,width:t.width,height:t.height},fallbackPoint:o}:a?{origin:{x:a.x-t.left,y:a.y-t.top},source:"global-pointer",explicitTriggerPoint:null,globalInteractionPoint:a,dialogRect:{left:t.left,top:t.top,width:t.width,height:t.height},fallbackPoint:o}:{origin:o,source:"fallback",explicitTriggerPoint:null,globalInteractionPoint:null,dialogRect:{left:t.left,top:t.top,width:t.width,height:t.height},fallbackPoint:o}}function Me(){return typeof document=="undefined"?null:document.activeElement instanceof HTMLElement?document.activeElement:null}function $(e){try{e.focus({preventScroll:!0})}catch{e.focus()}}function Te(e,t={}){if(typeof document=="undefined"||!e)return null;ge();const o=l.find(u=>u.dialogElement===e);if(o)return o.onEscape=t.onEscape,o.id;const n=e.hasAttribute("tabindex"),r=e.getAttribute("tabindex");n||e.setAttribute("tabindex","-1");const i={id:T,dialogElement:e,restoreElement:Me(),hadTabIndex:n,previousTabIndex:r,onEscape:t.onEscape};return T+=1,l.push(i),$(e),i.id}function Se(e){var u;if(typeof document=="undefined"||e==null)return;const t=l.findIndex(g=>g.id===e);if(t===-1)return;const[o]=l.splice(t,1);if(o.hadTabIndex?o.previousTabIndex===null?o.dialogElement.removeAttribute("tabindex"):o.dialogElement.setAttribute("tabindex",o.previousTabIndex):o.dialogElement.removeAttribute("tabindex"),!(t===l.length))return;const r=l[l.length-1],i=(u=o.restoreElement)!=null&&u.isConnected?o.restoreElement:r==null?void 0:r.dialogElement;i&&$(i)}function ve(e){var t;return e==null?!1:((t=l[l.length-1])==null?void 0:t.id)===e}function we(){typeof document!="undefined"&&(d===0&&(p=window.scrollX,y=window.scrollY,S=document.body.style.overflow,v=document.body.style.overflowX,w=document.body.style.overflowY,k=document.body.style.position,A=document.body.style.top,x=document.body.style.left,P=document.body.style.right,E=document.body.style.width,document.body.classList.add(b),document.body.style.overflow="hidden",document.body.style.overflowX="hidden",document.body.style.overflowY="hidden",document.body.style.position="fixed",document.body.style.top=`-${y}px`,document.body.style.left=`-${p}px`,document.body.style.right="0",document.body.style.width="100%"),d+=1)}function ke(){if(!(typeof document=="undefined"||d===0)&&(d-=1,d===0&&(document.body.classList.remove(b),document.body.style.overflow=S,document.body.style.overflowX=v,document.body.style.overflowY=w,document.body.style.position=k,document.body.style.top=A,document.body.style.left=x,document.body.style.right=P,document.body.style.width=E,!(typeof navigator!="undefined"&&/jsdom/i.test(navigator.userAgent))&&typeof window.scrollTo=="function")))try{window.scrollTo(p,y)}catch{}}function Ae(){m=null,a=null,d=0,T=1,l=[],S="",v="",w="",k="",A="",x="",P="",E="",p=0,y=0,typeof document!="undefined"&&(document.body.classList.remove(b),document.body.style.overflow="",document.body.style.overflowX="",document.body.style.overflowY="",document.body.style.position="",document.body.style.top="",document.body.style.left="",document.body.style.right="",document.body.style.width="")}Object.defineProperty(exports,"convertToStaticRanklist",{enumerable:!0,get:function(){return s.convertToStaticRanklist}});exports.MODAL_ANIMATION_DURATION_MS=de;exports.SRK_ANIMATED_MODAL_ROOT_CLASS=fe;exports.SRK_SCROLL_LOCK_BODY_CLASS=b;exports.buildSliderMarks=ae;exports.caniuse=ce;exports.captureModalTriggerPointFromMouseEvent=ye;exports.defaultBackgroundColor=N;exports.ensureModalInteractionTracker=pe;exports.formatSolutionTimestamp=re;exports.getAcceptedStatusDetails=oe;exports.getLastModalInteractionPoint=be;exports.getMarkerPresentation=ee;exports.getProblemHeaderBackgroundImage=Q;exports.getProgressDurationMinutes=F;exports.getProgressMaxAvailableMinutes=ie;exports.getProgressMetrics=ue;exports.getRecentModalTriggerPoint=z;exports.getSolutionModalTitle=ne;exports.getSolutionResultMeta=te;exports.isProgressEnded=le;exports.isTopModalFocusScope=ve;exports.lockModalBodyScroll=we;exports.registerModalFocusScope=Te;exports.resetModalInteractionStateForTests=Ae;exports.resolveModalTransformOrigin=he;exports.resolveSrkAssetUrl=G;exports.setModalTriggerPoint=Y;exports.shouldShowTimeColumn=se;exports.srkSupportedVersions=j;exports.unlockModalBodyScroll=ke;exports.unregisterModalFocusScope=Se;

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export * from './types';
+export * from './ranklist';
+export * from './progress';
+export * from './caniuse';
+export * from './modal';
+export { convertToStaticRanklist } from '@algoux/standard-ranklist-utils';

package/dist/index.js

@@ -0,0 +1,454 @@
+import Color from "color";
+import { EnumTheme, resolveStyle, formatTimeDuration, numberToAlphabet, resolveText, secToTimeStr, canRegenerateRanklist } from "@algoux/standard-ranklist-utils";
+export { convertToStaticRanklist } from "@algoux/standard-ranklist-utils";
+import semver from "semver";
+const defaultBackgroundColor = {
+  [EnumTheme.light]: "#ffffff",
+  [EnumTheme.dark]: "#191919"
+};
+function resolveSrkAssetUrl(url, field, formatter) {
+  if (typeof formatter === "function") {
+    return formatter(url, field);
+  }
+  if (url.startsWith("//")) {
+    return url;
+  }
+  const protocolMatch = url.match(/^([a-zA-Z][a-zA-Z0-9+.-]*):/);
+  if (protocolMatch) {
+    const protocol = protocolMatch[1].toLowerCase();
+    if (protocol === "http" || protocol === "https" || protocol === "data") {
+      return url;
+    }
+    console.warn(`unsupported protocol "${protocol}" in srk asset url:`, url);
+    return "";
+  }
+  console.warn("unsupported srk asset url:", url);
+  return "";
+}
+function getProblemHeaderBackgroundImage(style, theme) {
+  const { backgroundColor } = resolveStyle(style || {});
+  const resolvedColor = backgroundColor[theme] || defaultBackgroundColor[theme];
+  const bgColorStr = Color(resolvedColor).string();
+  const bgColorAlphaStr = Color(resolvedColor).alpha(0.27).string();
+  return `linear-gradient(180deg, ${bgColorStr} 0%, ${bgColorStr} 10%, ${bgColorAlphaStr} 10%, transparent 100%)`;
+}
+function getMarkerPresentation(marker, theme) {
+  if (typeof marker.style === "string") {
+    return { className: `srk-preset-marker-${marker.style}` };
+  }
+  if (marker.style) {
+    return {
+      style: {
+        backgroundColor: resolveStyle(marker.style).backgroundColor[theme]
+      }
+    };
+  }
+  return {};
+}
+function getSolutionResultMeta(result) {
+  switch (result) {
+    case "FB":
+      return { label: "First Blood", className: "srk-preset-result-fb" };
+    case "AC":
+      return { label: "Accepted", className: "srk-preset-result-ac" };
+    case "RJ":
+      return { label: "Rejected", className: "srk-preset-result-rj" };
+    case "?":
+      return { label: "Frozen", className: "srk-preset-result-fz" };
+    case "WA":
+      return { label: "Wrong Answer", className: "srk-preset-result-rj" };
+    case "PE":
+      return { label: "Presentation Error", className: "srk-preset-result-rj" };
+    case "TLE":
+      return { label: "Time Limit Exceeded", className: "srk-preset-result-rj" };
+    case "MLE":
+      return { label: "Memory Limit Exceeded", className: "srk-preset-result-rj" };
+    case "OLE":
+      return { label: "Output Limit Exceeded", className: "srk-preset-result-rj" };
+    case "RTE":
+      return { label: "Runtime Error", className: "srk-preset-result-rj" };
+    case "NOUT":
+      return { label: "No Output" };
+    case "CE":
+      return { label: "Compile Error" };
+    case "UKE":
+      return { label: "Unknown Error" };
+    case null:
+      return { label: "--" };
+    default:
+      return { label: result };
+  }
+}
+function getAcceptedStatusDetails(status) {
+  return `${status.tries}/${status.time ? formatTimeDuration(status.time, "min", Math.floor) : "-"}`;
+}
+function getSolutionModalTitle(problemIndex, user) {
+  return `Solutions of ${numberToAlphabet(problemIndex)} (${resolveText(user.name)})`;
+}
+function formatSolutionTimestamp(solution) {
+  return secToTimeStr(formatTimeDuration(solution.time, "s"));
+}
+function shouldShowTimeColumn(rows) {
+  return rows.some((row) => {
+    var _a;
+    return Boolean((_a = row.score) == null ? void 0 : _a.time);
+  });
+}
+function getProgressDurationMinutes(contest) {
+  return formatTimeDuration(contest.duration, "min");
+}
+function getProgressMaxAvailableMinutes(contest, localTime, td = 0) {
+  const startAt = new Date(contest.startAt).getTime();
+  const currentTime = localTime - td;
+  return Math.min(Math.max(Math.floor((currentTime - startAt) / 6e4), 0), getProgressDurationMinutes(contest));
+}
+function isProgressEnded(contest, localTime, td = 0) {
+  const startAt = new Date(contest.startAt).getTime();
+  const endAt = startAt + formatTimeDuration(contest.duration, "ms");
+  const currentTime = localTime - td;
+  return currentTime >= endAt;
+}
+function buildSliderMarks(maxAvailableMinutes) {
+  const sliderMarks = {};
+  for (let i = 0; i <= maxAvailableMinutes; ++i) {
+    sliderMarks[i] = "";
+  }
+  return sliderMarks;
+}
+function getProgressMetrics(data, localTime, td, timeTravelCurrentValue, inTimeMachine) {
+  const { contest } = data;
+  const startAt = new Date(contest.startAt).getTime();
+  const endAt = startAt + formatTimeDuration(contest.duration, "ms");
+  const frozenLength = contest.frozenDuration ? formatTimeDuration(contest.frozenDuration, "ms") : 0;
+  const currentTime = localTime - td;
+  const length = endAt - startAt;
+  const frozenBreakpoint = length ? 1 - frozenLength / length : 1;
+  const elapsed = Math.min(Math.max(currentTime - startAt, 0), length);
+  const remaining = length - elapsed;
+  const frozenAt = endAt - frozenLength;
+  const percent = length ? elapsed / length * 100 : 0;
+  const normalPercent = length ? Math.max(Math.min(currentTime, frozenAt) - startAt, 0) / length * 100 : 0;
+  const normalInnerPercent = Math.min(100, frozenBreakpoint ? normalPercent / frozenBreakpoint : 0);
+  const frozenPercent = percent - normalPercent;
+  const frozenInnerPercent = Math.min(100, 1 - frozenBreakpoint ? frozenPercent / (1 - frozenBreakpoint) : 0);
+  const timeTravelElapsed = timeTravelCurrentValue * 60 * 1e3;
+  const timeTravelRemaining = length - timeTravelElapsed;
+  return {
+    elapsed: inTimeMachine ? timeTravelElapsed : elapsed,
+    remaining: inTimeMachine ? timeTravelRemaining : remaining,
+    frozenBreakpoint,
+    normalInnerPercent,
+    frozenInnerPercent,
+    timeTravelElapsed,
+    timeTravelRemaining,
+    supportRegen: canRegenerateRanklist(data)
+  };
+}
+const srkSupportedVersions = ">=0.3.0 <=0.3.12";
+function caniuse(version) {
+  return semver.satisfies(version, srkSupportedVersions);
+}
+const MODAL_ANIMATION_DURATION_MS = 280;
+const SRK_ANIMATED_MODAL_ROOT_CLASS = "srk-animated-modal-root";
+const SRK_SCROLL_LOCK_BODY_CLASS = "srk-scrolling-effect";
+let lastExplicitTriggerPoint = null;
+let lastInteractionPoint = null;
+let hasInteractionTracker = false;
+let lockedModalCount = 0;
+let previousBodyOverflow = "";
+let previousBodyOverflowX = "";
+let previousBodyOverflowY = "";
+let previousBodyPosition = "";
+let previousBodyTop = "";
+let previousBodyLeft = "";
+let previousBodyRight = "";
+let previousBodyWidth = "";
+let previousScrollX = 0;
+let previousScrollY = 0;
+let nextModalFocusScopeId = 1;
+let modalFocusStack = [];
+let hasModalFocusEscapeListener = false;
+function handleModalFocusKeyDown(event) {
+  var _a, _b;
+  if (event.key !== "Escape") {
+    return;
+  }
+  const topScope = modalFocusStack[modalFocusStack.length - 1];
+  if (!topScope) {
+    return;
+  }
+  (_a = topScope.onEscape) == null ? void 0 : _a.call(topScope, event);
+  (_b = event.stopImmediatePropagation) == null ? void 0 : _b.call(event);
+  event.stopPropagation();
+}
+function ensureModalFocusEscapeListener() {
+  if (typeof document === "undefined" || hasModalFocusEscapeListener) {
+    return;
+  }
+  document.addEventListener("keydown", handleModalFocusKeyDown);
+  hasModalFocusEscapeListener = true;
+}
+function ensureModalInteractionTracker() {
+  if (typeof document === "undefined" || hasInteractionTracker) {
+    return;
+  }
+  document.addEventListener("mousedown", (event) => {
+    lastInteractionPoint = { x: event.clientX, y: event.clientY };
+  }, true);
+  document.addEventListener("touchstart", (event) => {
+    const touch = event.touches[0] || event.changedTouches[0];
+    if (!touch) {
+      return;
+    }
+    lastInteractionPoint = { x: touch.clientX, y: touch.clientY };
+  }, { capture: true, passive: true });
+  hasInteractionTracker = true;
+}
+function setModalTriggerPoint(x, y, options) {
+  lastExplicitTriggerPoint = {
+    x,
+    y,
+    timestamp: Date.now(),
+    source: options == null ? void 0 : options.source,
+    context: options == null ? void 0 : options.context
+  };
+}
+function captureModalTriggerPointFromMouseEvent(event, options) {
+  setModalTriggerPoint(event.clientX, event.clientY, options);
+}
+function getRecentModalTriggerPoint(maxAgeMs = 500) {
+  if (!lastExplicitTriggerPoint) {
+    return null;
+  }
+  if (Date.now() - lastExplicitTriggerPoint.timestamp > maxAgeMs) {
+    return null;
+  }
+  return lastExplicitTriggerPoint;
+}
+function getLastModalInteractionPoint() {
+  return lastInteractionPoint;
+}
+function resolveModalTransformOrigin(dialogElement) {
+  if (typeof window === "undefined" || !dialogElement) {
+    return {
+      origin: { x: 0, y: 0 },
+      source: "fallback",
+      explicitTriggerPoint: null,
+      globalInteractionPoint: lastInteractionPoint,
+      dialogRect: null,
+      fallbackPoint: { x: 0, y: 0 }
+    };
+  }
+  const rect = dialogElement.getBoundingClientRect();
+  const fallbackPoint = {
+    x: rect.width / 2,
+    y: Math.min(rect.height * 0.22, 96)
+  };
+  const explicitTriggerPoint = getRecentModalTriggerPoint();
+  if (explicitTriggerPoint) {
+    return {
+      origin: {
+        x: explicitTriggerPoint.x - rect.left,
+        y: explicitTriggerPoint.y - rect.top
+      },
+      source: "explicit-trigger",
+      explicitTriggerPoint,
+      globalInteractionPoint: lastInteractionPoint,
+      dialogRect: {
+        left: rect.left,
+        top: rect.top,
+        width: rect.width,
+        height: rect.height
+      },
+      fallbackPoint
+    };
+  }
+  if (!lastInteractionPoint) {
+    return {
+      origin: fallbackPoint,
+      source: "fallback",
+      explicitTriggerPoint: null,
+      globalInteractionPoint: null,
+      dialogRect: {
+        left: rect.left,
+        top: rect.top,
+        width: rect.width,
+        height: rect.height
+      },
+      fallbackPoint
+    };
+  }
+  return {
+    origin: {
+      x: lastInteractionPoint.x - rect.left,
+      y: lastInteractionPoint.y - rect.top
+    },
+    source: "global-pointer",
+    explicitTriggerPoint: null,
+    globalInteractionPoint: lastInteractionPoint,
+    dialogRect: {
+      left: rect.left,
+      top: rect.top,
+      width: rect.width,
+      height: rect.height
+    },
+    fallbackPoint
+  };
+}
+function activeHTMLElement() {
+  if (typeof document === "undefined") {
+    return null;
+  }
+  return document.activeElement instanceof HTMLElement ? document.activeElement : null;
+}
+function focusWithoutScroll(element) {
+  try {
+    element.focus({ preventScroll: true });
+  } catch {
+    element.focus();
+  }
+}
+function registerModalFocusScope(dialogElement, options = {}) {
+  if (typeof document === "undefined" || !dialogElement) {
+    return null;
+  }
+  ensureModalFocusEscapeListener();
+  const existing = modalFocusStack.find((entry) => entry.dialogElement === dialogElement);
+  if (existing) {
+    existing.onEscape = options.onEscape;
+    return existing.id;
+  }
+  const hadTabIndex = dialogElement.hasAttribute("tabindex");
+  const previousTabIndex = dialogElement.getAttribute("tabindex");
+  if (!hadTabIndex) {
+    dialogElement.setAttribute("tabindex", "-1");
+  }
+  const scope = {
+    id: nextModalFocusScopeId,
+    dialogElement,
+    restoreElement: activeHTMLElement(),
+    hadTabIndex,
+    previousTabIndex,
+    onEscape: options.onEscape
+  };
+  nextModalFocusScopeId += 1;
+  modalFocusStack.push(scope);
+  focusWithoutScroll(dialogElement);
+  return scope.id;
+}
+function unregisterModalFocusScope(scopeId) {
+  var _a;
+  if (typeof document === "undefined" || scopeId == null) {
+    return;
+  }
+  const index = modalFocusStack.findIndex((entry) => entry.id === scopeId);
+  if (index === -1) {
+    return;
+  }
+  const [scope] = modalFocusStack.splice(index, 1);
+  if (scope.hadTabIndex) {
+    if (scope.previousTabIndex === null) {
+      scope.dialogElement.removeAttribute("tabindex");
+    } else {
+      scope.dialogElement.setAttribute("tabindex", scope.previousTabIndex);
+    }
+  } else {
+    scope.dialogElement.removeAttribute("tabindex");
+  }
+  const wasTopScope = index === modalFocusStack.length;
+  if (!wasTopScope) {
+    return;
+  }
+  const nextTopScope = modalFocusStack[modalFocusStack.length - 1];
+  const restoreElement = ((_a = scope.restoreElement) == null ? void 0 : _a.isConnected) ? scope.restoreElement : nextTopScope == null ? void 0 : nextTopScope.dialogElement;
+  if (restoreElement) {
+    focusWithoutScroll(restoreElement);
+  }
+}
+function isTopModalFocusScope(scopeId) {
+  var _a;
+  if (scopeId == null) {
+    return false;
+  }
+  return ((_a = modalFocusStack[modalFocusStack.length - 1]) == null ? void 0 : _a.id) === scopeId;
+}
+function lockModalBodyScroll() {
+  if (typeof document === "undefined") {
+    return;
+  }
+  if (lockedModalCount === 0) {
+    previousScrollX = window.scrollX;
+    previousScrollY = window.scrollY;
+    previousBodyOverflow = document.body.style.overflow;
+    previousBodyOverflowX = document.body.style.overflowX;
+    previousBodyOverflowY = document.body.style.overflowY;
+    previousBodyPosition = document.body.style.position;
+    previousBodyTop = document.body.style.top;
+    previousBodyLeft = document.body.style.left;
+    previousBodyRight = document.body.style.right;
+    previousBodyWidth = document.body.style.width;
+    document.body.classList.add(SRK_SCROLL_LOCK_BODY_CLASS);
+    document.body.style.overflow = "hidden";
+    document.body.style.overflowX = "hidden";
+    document.body.style.overflowY = "hidden";
+    document.body.style.position = "fixed";
+    document.body.style.top = `-${previousScrollY}px`;
+    document.body.style.left = `-${previousScrollX}px`;
+    document.body.style.right = "0";
+    document.body.style.width = "100%";
+  }
+  lockedModalCount += 1;
+}
+function unlockModalBodyScroll() {
+  if (typeof document === "undefined" || lockedModalCount === 0) {
+    return;
+  }
+  lockedModalCount -= 1;
+  if (lockedModalCount === 0) {
+    document.body.classList.remove(SRK_SCROLL_LOCK_BODY_CLASS);
+    document.body.style.overflow = previousBodyOverflow;
+    document.body.style.overflowX = previousBodyOverflowX;
+    document.body.style.overflowY = previousBodyOverflowY;
+    document.body.style.position = previousBodyPosition;
+    document.body.style.top = previousBodyTop;
+    document.body.style.left = previousBodyLeft;
+    document.body.style.right = previousBodyRight;
+    document.body.style.width = previousBodyWidth;
+    const isJsdom = typeof navigator !== "undefined" && /jsdom/i.test(navigator.userAgent);
+    if (!isJsdom && typeof window.scrollTo === "function") {
+      try {
+        window.scrollTo(previousScrollX, previousScrollY);
+      } catch {
+      }
+    }
+  }
+}
+function resetModalInteractionStateForTests() {
+  lastExplicitTriggerPoint = null;
+  lastInteractionPoint = null;
+  lockedModalCount = 0;
+  nextModalFocusScopeId = 1;
+  modalFocusStack = [];
+  previousBodyOverflow = "";
+  previousBodyOverflowX = "";
+  previousBodyOverflowY = "";
+  previousBodyPosition = "";
+  previousBodyTop = "";
+  previousBodyLeft = "";
+  previousBodyRight = "";
+  previousBodyWidth = "";
+  previousScrollX = 0;
+  previousScrollY = 0;
+  if (typeof document !== "undefined") {
+    document.body.classList.remove(SRK_SCROLL_LOCK_BODY_CLASS);
+    document.body.style.overflow = "";
+    document.body.style.overflowX = "";
+    document.body.style.overflowY = "";
+    document.body.style.position = "";
+    document.body.style.top = "";
+    document.body.style.left = "";
+    document.body.style.right = "";
+    document.body.style.width = "";
+  }
+}
+export { MODAL_ANIMATION_DURATION_MS, SRK_ANIMATED_MODAL_ROOT_CLASS, SRK_SCROLL_LOCK_BODY_CLASS, buildSliderMarks, caniuse, captureModalTriggerPointFromMouseEvent, defaultBackgroundColor, ensureModalInteractionTracker, formatSolutionTimestamp, getAcceptedStatusDetails, getLastModalInteractionPoint, getMarkerPresentation, getProblemHeaderBackgroundImage, getProgressDurationMinutes, getProgressMaxAvailableMinutes, getProgressMetrics, getRecentModalTriggerPoint, getSolutionModalTitle, getSolutionResultMeta, isProgressEnded, isTopModalFocusScope, lockModalBodyScroll, registerModalFocusScope, resetModalInteractionStateForTests, resolveModalTransformOrigin, resolveSrkAssetUrl, setModalTriggerPoint, shouldShowTimeColumn, srkSupportedVersions, unlockModalBodyScroll, unregisterModalFocusScope };

package/dist/modal.d.ts

@@ -0,0 +1,47 @@
+export declare const MODAL_ANIMATION_DURATION_MS = 280;
+export declare const SRK_ANIMATED_MODAL_ROOT_CLASS = "srk-animated-modal-root";
+export declare const SRK_SCROLL_LOCK_BODY_CLASS = "srk-scrolling-effect";
+export interface InteractionPoint {
+    x: number;
+    y: number;
+}
+export interface ModalTriggerPoint extends InteractionPoint {
+    timestamp: number;
+    source?: string;
+    context?: Record<string, unknown>;
+}
+export declare type TransformOriginResolution = {
+    origin: InteractionPoint;
+    source: 'explicit-trigger' | 'global-pointer' | 'fallback';
+    explicitTriggerPoint: ModalTriggerPoint | null;
+    globalInteractionPoint: InteractionPoint | null;
+    dialogRect: {
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+    } | null;
+    fallbackPoint: InteractionPoint;
+};
+export declare type ModalFocusScopeId = number;
+export interface ModalFocusScopeOptions {
+    onEscape?: (event: KeyboardEvent) => void;
+}
+export declare function ensureModalInteractionTracker(): void;
+export declare function setModalTriggerPoint(x: number, y: number, options?: {
+    source?: string;
+    context?: Record<string, unknown>;
+}): void;
+export declare function captureModalTriggerPointFromMouseEvent(event: Pick<MouseEvent, 'clientX' | 'clientY'>, options?: {
+    source?: string;
+    context?: Record<string, unknown>;
+}): void;
+export declare function getRecentModalTriggerPoint(maxAgeMs?: number): ModalTriggerPoint | null;
+export declare function getLastModalInteractionPoint(): InteractionPoint | null;
+export declare function resolveModalTransformOrigin(dialogElement: HTMLElement | null): TransformOriginResolution;
+export declare function registerModalFocusScope(dialogElement: HTMLElement | null, options?: ModalFocusScopeOptions): ModalFocusScopeId | null;
+export declare function unregisterModalFocusScope(scopeId: ModalFocusScopeId | null | undefined): void;
+export declare function isTopModalFocusScope(scopeId: ModalFocusScopeId | null | undefined): boolean;
+export declare function lockModalBodyScroll(): void;
+export declare function unlockModalBodyScroll(): void;
+export declare function resetModalInteractionStateForTests(): void;

package/dist/progress.d.ts

@@ -0,0 +1,16 @@
+import type * as srk from '@algoux/standard-ranklist';
+export interface ProgressMetrics {
+    elapsed: number;
+    remaining: number;
+    frozenBreakpoint: number;
+    normalInnerPercent: number;
+    frozenInnerPercent: number;
+    timeTravelElapsed: number;
+    timeTravelRemaining: number;
+    supportRegen: boolean;
+}
+export declare function getProgressDurationMinutes(contest: srk.Contest): number;
+export declare function getProgressMaxAvailableMinutes(contest: srk.Contest, localTime: number, td?: number): number;
+export declare function isProgressEnded(contest: srk.Contest, localTime: number, td?: number): boolean;
+export declare function buildSliderMarks(maxAvailableMinutes: number): Record<number, string>;
+export declare function getProgressMetrics(data: srk.Ranklist, localTime: number, td: number, timeTravelCurrentValue: number, inTimeMachine: boolean): ProgressMetrics;

package/dist/ranklist.d.ts

@@ -0,0 +1,21 @@
+import type * as srk from '@algoux/standard-ranklist';
+import { EnumTheme } from '@algoux/standard-ranklist-utils';
+export declare const defaultBackgroundColor: Record<EnumTheme, string>;
+export interface MarkerPresentation {
+    className?: string;
+    style?: {
+        backgroundColor?: string;
+    };
+}
+export interface SolutionResultMeta {
+    label: string;
+    className?: string;
+}
+export declare function resolveSrkAssetUrl(url: string, field: string, formatter?: (url: string, field: string) => string): string;
+export declare function getProblemHeaderBackgroundImage(style: srk.Style | undefined, theme: EnumTheme): string;
+export declare function getMarkerPresentation(marker: srk.Marker, theme: EnumTheme): MarkerPresentation;
+export declare function getSolutionResultMeta(result: srk.Solution['result']): SolutionResultMeta;
+export declare function getAcceptedStatusDetails(status: srk.RankProblemStatus): string;
+export declare function getSolutionModalTitle(problemIndex: number, user: srk.User): string;
+export declare function formatSolutionTimestamp(solution: srk.Solution): string;
+export declare function shouldShowTimeColumn(rows: srk.RanklistRow[]): boolean;

package/dist/types.d.ts

@@ -0,0 +1,32 @@
+import type * as srk from '@algoux/standard-ranklist';
+export interface RankValue {
+    /** Rank value initially. If the user is unofficial and rank value equals null, it will be rendered as unofficial mark such as '*'. */
+    rank: number | null;
+    /**
+     * Series segment index which this rank belongs to initially. `null` means this rank does not belong to any segment. `undefined` means it will be calculated automatically (only if the segment's count property exists).
+     * @defaultValue null
+     */
+    segmentIndex?: number | null;
+}
+export declare type StaticRanklist = Omit<srk.Ranklist, 'rows'> & {
+    rows: Array<srk.RanklistRow & {
+        rankValues: RankValue[];
+    }>;
+};
+export declare type StaticRanklistRow = StaticRanklist['rows'][number];
+export interface UserClickPayload {
+    user: srk.User;
+    row: StaticRanklistRow;
+    rowIndex: number;
+    ranklist: StaticRanklist;
+}
+export interface SolutionClickPayload {
+    user: srk.User;
+    row: StaticRanklistRow;
+    rowIndex: number;
+    problemIndex: number;
+    problem: srk.Problem | undefined;
+    status: srk.RankProblemStatus;
+    solutions: srk.Solution[];
+    ranklist: StaticRanklist;
+}

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@algoux/standard-ranklist-renderer-component-core",
+  "version": "0.5.0",
+  "description": "Core helpers and shared types for Standard Ranklist Renderer Component",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "default": "./dist/index.js"
+    }
+  },
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "dependencies": {
+    "@algoux/standard-ranklist-utils": "^0.2.11",
+    "color": "^4.2.3",
+    "semver": "^7.3.7"
+  },
+  "peerDependencies": {
+    "@algoux/standard-ranklist": "*"
+  },
+  "scripts": {
+    "build": "vite build --config vite.config.ts"
+  }
+}