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

package/dist/modal/Modal.vue.d.ts

@@ -0,0 +1,121 @@
+declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    title: {
+        type: StringConstructor;
+        required: false;
+    };
+    width: {
+        type: NumberConstructor;
+        required: false;
+    };
+    rootClassName: {
+        type: StringConstructor;
+        required: false;
+    };
+    wrapClassName: {
+        type: StringConstructor;
+        required: false;
+    };
+    style: {
+        type: ObjectConstructor;
+        required: false;
+    };
+    destroyOnClose: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    closeOnEsc: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    closeOnMaskClick: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}>, {
+    nextModalId: number;
+    props: any;
+    emit: (event: "close" | "update:open", ...args: any[]) => void;
+    titleId: string;
+    dialogRef: import("vue").Ref<HTMLDivElement | null, HTMLDivElement | null>;
+    isMounted: import("vue").Ref<any, any>;
+    animationState: import("vue").Ref<"pre-open" | "opening" | "closing", "pre-open" | "opening" | "closing">;
+    transformOrigin: import("vue").Ref<{
+        x: number;
+        y: number;
+    }, {
+        x: number;
+        y: number;
+    } | {
+        x: number;
+        y: number;
+    }>;
+    closeTimer: number | null;
+    openTimer: number | null;
+    focusScopeId: number | null;
+    shouldRender: import("vue").ComputedRef<any>;
+    rootClasses: import("vue").ComputedRef<any[]>;
+    shouldLockBody: import("vue").ComputedRef<any>;
+    dialogStyle: import("vue").ComputedRef<any>;
+    clearTimers: () => void;
+    queueOpenAnimation: () => Promise<void>;
+    registerFocusScope: () => void;
+    releaseFocusScope: () => void;
+    requestClose: (reason: 'mask' | 'close-button' | 'escape') => void;
+    handleMaskMouseDown: (event: MouseEvent) => void;
+    handleEscape: (event: KeyboardEvent) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:open")[], "close" | "update:open", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    title: {
+        type: StringConstructor;
+        required: false;
+    };
+    width: {
+        type: NumberConstructor;
+        required: false;
+    };
+    rootClassName: {
+        type: StringConstructor;
+        required: false;
+    };
+    wrapClassName: {
+        type: StringConstructor;
+        required: false;
+    };
+    style: {
+        type: ObjectConstructor;
+        required: false;
+    };
+    destroyOnClose: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    closeOnEsc: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    closeOnMaskClick: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+}>, {
+    closeOnEsc: boolean;
+    closeOnMaskClick: boolean;
+    destroyOnClose: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _sfc_main;

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

@@ -0,0 +1,38 @@
+declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    problem: {
+        type: null;
+        required: true;
+    };
+    index: {
+        type: NumberConstructor;
+        required: true;
+    };
+    theme: {
+        type: StringConstructor;
+        required: false;
+        default: any;
+    };
+}>, {
+    props: any;
+    alias: import("vue").ComputedRef<any>;
+    stat: import("vue").ComputedRef<any>;
+    statDesc: import("vue").ComputedRef<string>;
+    backgroundImage: import("vue").ComputedRef<string>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    problem: {
+        type: null;
+        required: true;
+    };
+    index: {
+        type: NumberConstructor;
+        required: true;
+    };
+    theme: {
+        type: StringConstructor;
+        required: false;
+        default: any;
+    };
+}>> & Readonly<{}>, {
+    theme: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _sfc_main;

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

@@ -0,0 +1,89 @@
+declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    status: {
+        type: null;
+        required: true;
+    };
+    problem: {
+        type: null;
+        required: false;
+    };
+    problemIndex: {
+        type: NumberConstructor;
+        required: true;
+    };
+    user: {
+        type: null;
+        required: true;
+    };
+    row: {
+        type: null;
+        required: true;
+    };
+    rowIndex: {
+        type: NumberConstructor;
+        required: true;
+    };
+    ranklist: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    onSolutionClick: {
+        type: FunctionConstructor;
+        required: false;
+    };
+}>, {
+    props: any;
+    solutions: import("vue").ComputedRef<any[]>;
+    isClickable: import("vue").ComputedRef<boolean>;
+    commonClassName: import("vue").ComputedRef<(string | {
+        'srk--cursor-pointer': boolean;
+    })[]>;
+    emitSolutionClick: (event: MouseEvent) => void;
+    AcceptedStatusBody: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        status: {
+            type: ObjectConstructor;
+            required: true;
+        };
+    }>, () => string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        status: {
+            type: ObjectConstructor;
+            required: true;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    status: {
+        type: null;
+        required: true;
+    };
+    problem: {
+        type: null;
+        required: false;
+    };
+    problemIndex: {
+        type: NumberConstructor;
+        required: true;
+    };
+    user: {
+        type: null;
+        required: true;
+    };
+    row: {
+        type: null;
+        required: true;
+    };
+    rowIndex: {
+        type: NumberConstructor;
+        required: true;
+    };
+    ranklist: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    onSolutionClick: {
+        type: FunctionConstructor;
+        required: false;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _sfc_main;

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

@@ -0,0 +1,82 @@
+declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    user: {
+        type: null;
+        required: true;
+    };
+    row: {
+        type: null;
+        required: true;
+    };
+    rowIndex: {
+        type: NumberConstructor;
+        required: true;
+    };
+    ranklist: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    markers: {
+        type: ArrayConstructor;
+        required: false;
+        default: () => never[];
+    };
+    theme: {
+        type: StringConstructor;
+        required: false;
+        default: any;
+    };
+    formatSrkAssetUrl: {
+        type: FunctionConstructor;
+        required: true;
+    };
+    onUserClick: {
+        type: FunctionConstructor;
+        required: false;
+    };
+}>, {
+    props: any;
+    name: import("vue").ComputedRef<any>;
+    userMarkers: import("vue").ComputedRef<any>;
+    resolvedMarkers: import("vue").ComputedRef<any>;
+    emitUserClick: (event: MouseEvent) => void;
+    readonly resolveText: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    user: {
+        type: null;
+        required: true;
+    };
+    row: {
+        type: null;
+        required: true;
+    };
+    rowIndex: {
+        type: NumberConstructor;
+        required: true;
+    };
+    ranklist: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    markers: {
+        type: ArrayConstructor;
+        required: false;
+        default: () => never[];
+    };
+    theme: {
+        type: StringConstructor;
+        required: false;
+        default: any;
+    };
+    formatSrkAssetUrl: {
+        type: FunctionConstructor;
+        required: true;
+    };
+    onUserClick: {
+        type: FunctionConstructor;
+        required: false;
+    };
+}>> & Readonly<{}>, {
+    theme: string;
+    markers: unknown[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _sfc_main;

package/dist/progress/ProgressBar.vue.d.ts

@@ -0,0 +1,67 @@
+declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    data: {
+        type: null;
+        required: true;
+    };
+    enableTimeTravel: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    live: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    td: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+}>, {
+    props: any;
+    emit: (event: "timeTravel", ...args: any[]) => void;
+    localTime: import("vue").Ref<number, number>;
+    inTimeMachine: import("vue").Ref<boolean, boolean>;
+    timeTravelIsChanging: import("vue").Ref<boolean, boolean>;
+    timeTravelCurrentValue: import("vue").Ref<number, number>;
+    timeTravelValue: import("vue").Ref<number | null, number | null>;
+    liveInterval: number | undefined;
+    durationMinutes: import("vue").ComputedRef<number>;
+    maxAvailableMinutes: import("vue").ComputedRef<number>;
+    isEnded: import("vue").ComputedRef<boolean>;
+    progressMetrics: import("vue").ComputedRef<import("@algoux/standard-ranklist-renderer-component-core").ProgressMetrics>;
+    handleProgressTimer: () => void;
+    syncLiveInterval: (live: boolean) => void;
+    handleTimeTravelChange: (value: number) => void;
+    beginTimeTravel: () => void;
+    commitTimeTravel: () => void;
+    readonly secToTimeStr: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "timeTravel"[], "timeTravel", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: null;
+        required: true;
+    };
+    enableTimeTravel: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    live: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    td: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+}>> & Readonly<{
+    onTimeTravel?: ((...args: any[]) => any) | undefined;
+}>, {
+    td: number;
+    enableTimeTravel: boolean;
+    live: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _sfc_main;

package/dist/types.d.ts

@@ -0,0 +1,82 @@
+import type * as srk from '@algoux/standard-ranklist';
+import type { CSSProperties } from 'vue';
+import type { EnumTheme } from '@algoux/standard-ranklist-utils';
+import type { SolutionClickPayload, StaticRanklist, StaticRanklistRow, UserClickPayload } from '@algoux/standard-ranklist-renderer-component-core';
+export declare type ModalCloseReason = 'mask' | 'close-button' | 'escape';
+export interface RanklistProps {
+    data: StaticRanklist;
+    theme?: EnumTheme;
+    borderedRows?: boolean;
+    stripedRows?: boolean;
+    formatSrkAssetUrl?: (url: string, field: string) => string;
+}
+export interface ProblemHeaderCellSlotProps {
+    problem: srk.Problem;
+    problemIndex: number;
+    index: number;
+    theme?: EnumTheme;
+}
+export interface UserCellSlotProps {
+    user: srk.User;
+    row: StaticRanklistRow;
+    rowIndex: number;
+    ranklist: StaticRanklist;
+    markers?: srk.Marker[];
+    theme?: EnumTheme;
+    onClick: (event?: MouseEvent) => void;
+}
+export interface StatusCellSlotProps {
+    status: srk.RankProblemStatus;
+    problem: srk.Problem | undefined;
+    problemIndex: number;
+    user: srk.User;
+    row: StaticRanklistRow;
+    rowIndex: number;
+    ranklist: StaticRanklist;
+    solutions: srk.Solution[];
+    onClick: (event?: MouseEvent) => void;
+}
+export interface ProgressBarProps {
+    data: srk.Ranklist;
+    enableTimeTravel?: boolean;
+    live?: boolean;
+    td?: number;
+}
+export interface ModalProps {
+    open: boolean;
+    title?: string;
+    width?: number;
+    rootClassName?: string;
+    wrapClassName?: string;
+    style?: CSSProperties;
+    closeOnEsc?: boolean;
+    closeOnMaskClick?: boolean;
+}
+export interface DefaultUserModalProps extends Pick<ModalProps, 'open' | 'rootClassName' | 'wrapClassName' | 'style'> {
+    user?: srk.User | null;
+    markers?: srk.Marker[];
+    theme?: EnumTheme;
+    title?: string;
+    width?: number;
+    formatSrkAssetUrl?: (url: string, field: string) => string;
+}
+export interface DefaultSolutionModalProps extends Pick<ModalProps, 'open' | 'rootClassName' | 'wrapClassName' | 'style'> {
+    user?: srk.User | null;
+    problem?: srk.Problem;
+    problemIndex: number;
+    solutions: srk.Solution[];
+    title?: string;
+    width?: number;
+}
+export declare type RanklistEvents = {
+    userClick: UserClickPayload;
+    solutionClick: SolutionClickPayload;
+};
+export declare type ProgressBarEvents = {
+    timeTravel: number | null;
+};
+export declare type ModalEvents = {
+    close: ModalCloseReason;
+    'update:open': boolean;
+};
+export type { SolutionClickPayload, StaticRanklist, StaticRanklistRow, UserClickPayload };

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@algoux/standard-ranklist-renderer-component-vue",
+  "version": "0.5.0",
+  "description": "Vue components 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"
+    }
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "dependencies": {
+    "@algoux/standard-ranklist-utils": "^0.2.11",
+    "@algoux/standard-ranklist-renderer-component-core": "0.5.0",
+    "@algoux/standard-ranklist-renderer-component-styles": "0.5.0"
+  },
+  "peerDependencies": {
+    "@algoux/standard-ranklist": "*",
+    "vue": ">=3.4.0"
+  },
+  "scripts": {
+    "build": "vite build --config vite.config.ts",
+    "dev": "vite --config vite.config.ts",
+    "preview": "vite preview --config vite.config.ts"
+  }
+}