@algoux/standard-ranklist-renderer-component-vue 0.6.0 → 0.6.2

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,141 @@
+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;
+    };
+    statusCellPreset: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    statusColorAsText: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    emptyStatusPlaceholder: {
+        type: (StringConstructor | null)[];
+        required: false;
+        default: null;
+    };
+}>, {
+    props: any;
+    fbStar: string;
+    solutions: import("vue").ComputedRef<any[]>;
+    isClickable: import("vue").ComputedRef<boolean>;
+    commonClassName: import("vue").ComputedRef<(string | {
+        'srk--cursor-pointer': boolean;
+        'srk-prest-status-block-color-text': any;
+    })[]>;
+    emitSolutionClick: (event: MouseEvent) => void;
+    StatusBody: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        status: {
+            type: ObjectConstructor;
+            required: true;
+        };
+        ranklist: {
+            type: ObjectConstructor;
+            required: true;
+        };
+        preset: {
+            type: StringConstructor;
+            required: true;
+        };
+    }>, () => string | (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;
+        };
+        ranklist: {
+            type: ObjectConstructor;
+            required: true;
+        };
+        preset: {
+            type: StringConstructor;
+            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;
+    };
+    statusCellPreset: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    statusColorAsText: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    emptyStatusPlaceholder: {
+        type: (StringConstructor | null)[];
+        required: false;
+        default: null;
+    };
+}>> & Readonly<{}>, {
+    statusCellPreset: string;
+    statusColorAsText: boolean;
+    emptyStatusPlaceholder: string | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _sfc_main;

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

@@ -0,0 +1,104 @@
+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;
+    };
+    hideOrganization: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    hideAvatar: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}>, {
+    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;
+    };
+    hideOrganization: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    hideAvatar: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    theme: string;
+    markers: unknown[];
+    hideOrganization: boolean;
+    hideAvatar: boolean;
+}, {}, {}, {}, 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,97 @@
+import type * as srk from '@algoux/standard-ranklist';
+import type { CSSProperties } from 'vue';
+import type { EnumTheme } from '@algoux/standard-ranklist-utils';
+import type { RanklistColumnTitles, RanklistStatusCellPreset, RanklistUserAvatarPlacement, 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;
+    rowBordered?: boolean;
+    columnBordered?: boolean;
+    rowStriped?: boolean;
+    formatSrkAssetUrl?: (url: string, field: string) => string;
+    splitOrganization?: boolean;
+    columnTitles?: RanklistColumnTitles;
+    statusCellPreset?: RanklistStatusCellPreset;
+    statusColorAsText?: boolean;
+    showProblemStatisticsFooter?: boolean;
+    showDirtColumn?: boolean;
+    showSEColumn?: boolean;
+    emptyStatusPlaceholder?: string | null;
+    userAvatarPlacement?: RanklistUserAvatarPlacement;
+}
+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;
+    hideOrganization?: boolean;
+    hideAvatar?: boolean;
+    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[];
+    statusCellPreset?: RanklistStatusCellPreset;
+    statusColorAsText?: boolean;
+    emptyStatusPlaceholder?: string | null;
+    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 { RanklistColumnTitles, RanklistStatusCellPreset, RanklistUserAvatarPlacement, SolutionClickPayload, StaticRanklist, StaticRanklistRow, UserClickPayload, };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@algoux/standard-ranklist-renderer-component-vue",
-  "version": "0.6.0",
+  "version": "0.6.2",
   "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.2.11",
-    "@algoux/standard-ranklist-renderer-component-core": "0.6.0",
-    "@algoux/standard-ranklist-renderer-component-styles": "0.6.0"
+    "@algoux/standard-ranklist-renderer-component-core": "0.6.1",
+    "@algoux/standard-ranklist-renderer-component-styles": "0.6.1"
   },
   "peerDependencies": {
     "@algoux/standard-ranklist": "*",