vuestic-ui
Version:
Vue 3 UI Framework
1,249 lines • 139 kB
TypeScript
export declare const VaPagination: {
new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
modelValue: {
type: NumberConstructor;
default: number;
};
visiblePages: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
pages: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: StringConstructor;
default: string;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
boundaryLinks: {
type: BooleanConstructor;
default: boolean;
};
boundaryNumbers: {
type: BooleanConstructor;
default: boolean;
};
directionLinks: {
type: BooleanConstructor;
default: boolean;
};
input: {
type: BooleanConstructor;
default: boolean;
};
hideOnSinglePage: {
type: BooleanConstructor;
default: boolean;
};
total: {
type: (StringConstructor | NumberConstructor)[];
default: null;
};
pageSize: {
type: (StringConstructor | NumberConstructor)[];
default: null;
};
boundaryIconLeft: {
type: StringConstructor;
default: string;
};
boundaryIconRight: {
type: StringConstructor;
default: string;
};
directionIconLeft: {
type: StringConstructor;
default: string;
};
directionIconRight: {
type: StringConstructor;
default: string;
};
gapped: {
type: BooleanConstructor;
default: boolean;
};
borderColor: {
type: StringConstructor;
default: string;
};
rounded: {
type: BooleanConstructor;
default: boolean;
};
activePageColor: {
type: StringConstructor;
default: string;
};
activeButtonProps: {
type: import("vue").PropType<NonNullable<Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">>>;
default: () => {};
};
buttonProps: {
type: import("vue").PropType<NonNullable<Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">>>;
default: () => {};
};
buttonsPreset: {
type: StringConstructor;
default: string;
};
ariaLabel: {
type: import("vue").PropType<import("../../composables").TranslationProp>;
default: import("../../composables").TranslationProp;
};
ariaGoToTheFirstPageLabel: {
type: import("vue").PropType<import("../../composables").TranslationProp>;
default: import("../../composables").TranslationProp;
};
ariaGoToPreviousPageLabel: {
type: import("vue").PropType<import("../../composables").TranslationProp>;
default: import("../../composables").TranslationProp;
};
ariaGoToSpecificPageLabel: {
type: import("vue").PropType<import("../../composables").TranslationProp>;
default: import("../../composables").TranslationProp;
};
ariaGoToSpecificPageInputLabel: {
type: import("vue").PropType<import("../../composables").TranslationProp>;
default: import("../../composables").TranslationProp;
};
ariaGoToNextPageLabel: {
type: import("vue").PropType<import("../../composables").TranslationProp>;
default: import("../../composables").TranslationProp;
};
ariaGoToLastPageLabel: {
type: import("vue").PropType<import("../../composables").TranslationProp>;
default: import("../../composables").TranslationProp;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
stateful: {
type: import("vue").PropType<boolean>;
default: boolean;
};
}>> & {
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
}, {
goNextPage: () => void;
goPrevPage: () => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:modelValue": (...args: any[]) => void;
}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
modelValue: {
type: NumberConstructor;
default: number;
};
visiblePages: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
pages: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: StringConstructor;
default: string;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
boundaryLinks: {
type: BooleanConstructor;
default: boolean;
};
boundaryNumbers: {
type: BooleanConstructor;
default: boolean;
};
directionLinks: {
type: BooleanConstructor;
default: boolean;
};
input: {
type: BooleanConstructor;
default: boolean;
};
hideOnSinglePage: {
type: BooleanConstructor;
default: boolean;
};
total: {
type: (StringConstructor | NumberConstructor)[];
default: null;
};
pageSize: {
type: (StringConstructor | NumberConstructor)[];
default: null;
};
boundaryIconLeft: {
type: StringConstructor;
default: string;
};
boundaryIconRight: {
type: StringConstructor;
default: string;
};
directionIconLeft: {
type: StringConstructor;
default: string;
};
directionIconRight: {
type: StringConstructor;
default: string;
};
gapped: {
type: BooleanConstructor;
default: boolean;
};
borderColor: {
type: StringConstructor;
default: string;
};
rounded: {
type: BooleanConstructor;
default: boolean;
};
activePageColor: {
type: StringConstructor;
default: string;
};
activeButtonProps: {
type: import("vue").PropType<NonNullable<Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">>>;
default: () => {};
};
buttonProps: {
type: import("vue").PropType<NonNullable<Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: string;
};
gradient: {
type: BooleanConstructor;
default: boolean;
};
plain: {
type: BooleanConstructor;
default: boolean;
};
round: {
type: BooleanConstructor;
default: boolean;
};
size: {
type: import("vue").PropType<"small" | "medium" | "large">;
default: string;
validator: (v: string) => boolean;
};
icon: {
type: StringConstructor;
default: string;
};
iconRight: {
type: StringConstructor;
default: string;
};
iconColor: {
type: StringConstructor;
default: string;
};
to: {
type: import("vue").PropType<string | Record<string, any>>;
default: undefined;
};
replace: {
type: BooleanConstructor;
default: undefined;
};
append: {
type: BooleanConstructor;
default: undefined;
};
exact: {
type: BooleanConstructor;
default: undefined;
};
activeClass: {
type: StringConstructor;
default: undefined;
};
exactActiveClass: {
type: StringConstructor;
default: undefined;
};
href: {
type: StringConstructor;
default: undefined;
};
target: {
type: StringConstructor;
default: undefined;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
pressedBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
pressedOpacity: {
type: NumberConstructor;
default: number;
};
pressedMaskColor: {
type: StringConstructor;
default: string;
};
hoverBehavior: {
type: import("vue").PropType<"opacity" | "mask">;
default: string;
validator: (value: string) => boolean;
};
hoverOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
hoverMaskColor: {
type: StringConstructor;
default: string;
};
sizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
fontSizesConfig: {
type: import("vue").PropType<Record<string, any>>;
default: () => import("../../services/global-config").SizeConfig;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
}>>, "size" | "replace" | "type" | "preset" | "target" | "color" | "textColor" | "icon" | "borderColor" | "gradient" | "tag" | "sizesConfig" | "fontSizesConfig" | "loading" | "block" | "disabled" | "textOpacity" | "backgroundOpacity" | "plain" | "round" | "iconRight" | "iconColor" | "to" | "append" | "exact" | "activeClass" | "exactActiveClass" | "href" | "pressedBehavior" | "pressedOpacity" | "pressedMaskColor" | "hoverBehavior" | "hoverOpacity" | "hoverMaskColor">>>;
default: () => {};
};
buttonsPreset: {
type: StringConstructor;
default: string;
};
ariaLabel: {
type: import("vue").PropType<import("../../composables").TranslationProp>;
default: import("../../composables").TranslationProp;
};
ariaGoToTheFirstPageLabel: {
type: import("vue").PropType<import("../../composables").TranslationProp>;
default: import("../../composables").TranslationProp;
};
ariaGoToPreviousPageLabel: {
type: import("vue").PropType<import("../../composables").TranslationProp>;
default: import("../../composables").TranslationProp;
};
ariaGoToSpecificPageLabel: {
type: import("vue").PropType<import("../../composables").TranslationProp>;
default: import("../../composables").TranslationProp;
};
ariaGoToSpecificPageInputLabel: {
type: import("vue").PropType<import("../../composables").TranslationProp>;
default: import("../../composables").TranslationProp;
};
ariaGoToNextPageLabel: {
type: import("vue").PropType<import("../../composables").TranslationProp>;
default: import("../../composables").TranslationProp;
};
ariaGoToLastPageLabel: {
type: import("vue").PropType<import("../../composables").TranslationProp>;
default: import("../../composables").TranslationProp;
};
preset: {
type: import("vue").PropType<import("../../composables").PresetPropValue>;
default: undefined;
};
stateful: {
type: import("vue").PropType<boolean>;
default: boolean;
};
}>> & {
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
}, {
input: boolean;
size: "small" | "medium" | "large";
modelValue: number;
stateful: boolean;
preset: import("../../composables").PresetPropValue;
color: string;
borderColor: string;
disabled: boolean;
ariaLabel: import("../../composables").TranslationProp;
rounded: boolean;
visiblePages: string | number;
pages: string | number;
boundaryLinks: boolean;
boundaryNumbers: boolean;
directionLinks: boolean;
hideOnSinglePage: boolean;
total: string | number;
pageSize: string | number;
boundaryIconLeft: string;
boundaryIconRight: string;
directionIconLeft: string;
directionIconRight: string;
gapped: boolean;
activePageColor: string;
activeButtonProps: NonNullable<Partial<{
size: "small" | "medium" | "large";
replace: boolean;
type: string;
preset: import("../../composables").PresetPropValue;
target: string;
color: import("../../composables").ColorName;
textColor: string;
icon: string;
borderColor: string;
gradient: boolean;
tag: string;
sizesConfig: Record<string, any>;
fontSizesConfig: Record<string, any>;
loading: boolean;
block: boolean;
disabled: boolean;
textOpacity: string | number;
backgroundOpacity: string | number;
plain: boolean;
round: boolean;
iconRight: string;
iconColor: string;
to: string | Record<string, any>;
append: boolean;
exact: boolean;
activeClass: string;
exactActiveClass: string;
href: string;
pressedBehavior: "opacity" | "mask";
pressedOpacity: number;
pressedMaskColor: string;
hoverBehavior: "opacity" | "mask";
hoverOpacity: string | number;
hoverMaskColor: string;
}> & Omit<{
readonly size: "small" | "medium" | "large";
readonly type: string;
readonly color: import("../../composables").ColorName;
readonly textColor: string;
readonly icon: string;
readonly borderColor: string;
readonly gradient: boolean;
readonly tag: string;
readonly sizesConfig: Record<string, any>;
readonly fontSizesConfig: Record<string, any>;
readonly loading: boolean;
readonly block: boolean;
readonly disabled: boolean;
readonly textOpacity: string | number;
readonly backgroundOpacity: string | number;
readonly plain: boolean;
readonly round: boolean;
readonly iconRight: string;
readonly iconColor: string;
readonly pressedBehavior: "opacity" | "mask";
readonly pressedOpacity: number;
readonly pressedMaskColor: string;
readonly hoverBehavior: "opacity" | "mask";
readonly hoverOpacity: string | number;
readonly hoverMaskColor: string;
readonly replace?: boolean | undefined;
readonly preset?: import("../../composables").PresetPropValue | undefined;
readonly target?: string | undefined;
readonly to?: string | Record<string, any> | undefined;
readonly append?: boolean | undefined;
readonly exact?: boolean | undefined;
readonly activeClass?: string | undefined;
readonly exactActiveClass?: string | undefined;
readonly href?: string | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
tag: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
block: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
color: {
type: import("vue").PropType<import("../../composables").ColorName>;
default: string;
};
textColor: {
type: StringConstructor;
default: string;
};
textOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
backgroundOpacity: {
type: (StringConstructor | NumberConstructor)[];
default: number;
};
borderColor: {
type: StringConstructor;
default: s