@synerise/ds-pagination 1.0.68 → 1.0.69
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +4 -0
- package/dist/Pagination.d.ts +2 -2
- package/dist/Pagination.js +106 -39
- package/dist/Pagination.styles.d.ts +14 -0
- package/dist/Pagination.styles.js +49 -0
- package/dist/Pagination.types.d.ts +52 -0
- package/dist/Pagination.types.js +1 -0
- package/dist/getPages.d.ts +9 -0
- package/dist/getPages.js +38 -0
- package/dist/index.d.ts +1 -0
- package/package.json +5 -4
- package/dist/assets/style/index-tn0RQdqM.css +0 -0
- package/dist/style/index.css +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,10 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [1.0.69](https://github.com/synerise/synerise-design/compare/@synerise/ds-pagination@1.0.68...@synerise/ds-pagination@1.0.69) (2026-06-27)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @synerise/ds-pagination
|
|
9
|
+
|
|
6
10
|
## [1.0.68](https://github.com/synerise/synerise-design/compare/@synerise/ds-pagination@1.0.67...@synerise/ds-pagination@1.0.68) (2026-06-17)
|
|
7
11
|
|
|
8
12
|
**Note:** Version bump only for package @synerise/ds-pagination
|
package/dist/Pagination.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { PaginationProps } from 'antd';
|
|
2
1
|
import { default as React } from 'react';
|
|
3
|
-
|
|
2
|
+
import { PaginationProps } from './Pagination.types';
|
|
3
|
+
declare const Pagination: ({ current, defaultCurrent, total, pageSize, defaultPageSize, onChange, showSizeChanger, pageSizeOptions, onShowSizeChange, showQuickJumper, showTotal, showLessItems, disabled, hideOnSinglePage, locale, className, style, itemRender: _itemRender, ...rest }: PaginationProps) => React.JSX.Element | null;
|
|
4
4
|
export default Pagination;
|
package/dist/Pagination.js
CHANGED
|
@@ -1,48 +1,115 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
3
|
-
import { useCallback } from "react";
|
|
2
|
+
import { useState, useCallback, useMemo } from "react";
|
|
4
3
|
import Button from "@synerise/ds-button";
|
|
5
|
-
import Icon, {
|
|
6
|
-
import "
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
};
|
|
4
|
+
import Icon, { AngleLeftS, AngleRightS, OptionHorizontalM, DoubleAngleRightS, DoubleAngleLeftS } from "@synerise/ds-icon";
|
|
5
|
+
import Select from "@synerise/ds-select";
|
|
6
|
+
import { Root, TotalText, Nav, Jump, Item, Options, SizeChanger, QuickJumper, JumperInput } from "./Pagination.styles.js";
|
|
7
|
+
import { getPages, getJumpSize } from "./getPages.js";
|
|
8
|
+
const DEFAULT_PAGE_SIZE_OPTIONS = ["10", "20", "50", "100"];
|
|
9
|
+
const NavIcon = ({
|
|
10
|
+
component
|
|
11
|
+
}) => /* @__PURE__ */ jsx(Button, { mode: "single-icon", type: "ghost", children: /* @__PURE__ */ jsx(Icon, { component }) });
|
|
12
|
+
const JumpButton = ({
|
|
13
|
+
next
|
|
14
|
+
}) => /* @__PURE__ */ jsxs(Button, { mode: "single-icon", type: "ghost", children: [
|
|
15
|
+
/* @__PURE__ */ jsx(Icon, { className: "default-icon", component: /* @__PURE__ */ jsx(OptionHorizontalM, {}) }),
|
|
16
|
+
/* @__PURE__ */ jsx(Icon, { className: "hover-icon", component: next ? /* @__PURE__ */ jsx(DoubleAngleRightS, {}) : /* @__PURE__ */ jsx(DoubleAngleLeftS, {}) })
|
|
17
|
+
] });
|
|
13
18
|
const Pagination = ({
|
|
19
|
+
current,
|
|
20
|
+
defaultCurrent = 1,
|
|
21
|
+
total = 0,
|
|
22
|
+
pageSize,
|
|
23
|
+
defaultPageSize = 10,
|
|
24
|
+
onChange,
|
|
25
|
+
showSizeChanger,
|
|
26
|
+
pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,
|
|
27
|
+
onShowSizeChange,
|
|
28
|
+
showQuickJumper = false,
|
|
29
|
+
showTotal,
|
|
30
|
+
showLessItems = false,
|
|
31
|
+
disabled = false,
|
|
32
|
+
hideOnSinglePage = false,
|
|
14
33
|
locale,
|
|
15
|
-
|
|
34
|
+
className,
|
|
35
|
+
style,
|
|
36
|
+
// accepted for back-compat but intentionally not applied (DS renders its own controls)
|
|
37
|
+
itemRender: _itemRender,
|
|
38
|
+
...rest
|
|
16
39
|
}) => {
|
|
17
|
-
const
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
}
|
|
31
|
-
case ITEM_RENDER_TYPE.jumpNext: {
|
|
32
|
-
return /* @__PURE__ */ jsxs(Button, { mode: "single-icon", type: "ghost", children: [
|
|
33
|
-
/* @__PURE__ */ jsx(Icon, { className: "default-icon", component: /* @__PURE__ */ jsx(OptionHorizontalM, {}) }),
|
|
34
|
-
/* @__PURE__ */ jsx(Icon, { className: "hover-icon", component: /* @__PURE__ */ jsx(DoubleAngleRightS, {}) })
|
|
35
|
-
] });
|
|
36
|
-
}
|
|
37
|
-
default: {
|
|
38
|
-
return originalElement;
|
|
39
|
-
}
|
|
40
|
+
const isCurrentControlled = current !== void 0;
|
|
41
|
+
const isPageSizeControlled = pageSize !== void 0;
|
|
42
|
+
const [internalCurrent, setInternalCurrent] = useState(defaultCurrent);
|
|
43
|
+
const [internalPageSize, setInternalPageSize] = useState(defaultPageSize);
|
|
44
|
+
const activePage = isCurrentControlled ? current : internalCurrent;
|
|
45
|
+
const activePageSize = isPageSizeControlled ? pageSize : internalPageSize;
|
|
46
|
+
const totalPages = Math.max(1, Math.ceil(total / activePageSize));
|
|
47
|
+
const sizeChangerVisible = showSizeChanger ?? total > 50;
|
|
48
|
+
const [jumperValue, setJumperValue] = useState("");
|
|
49
|
+
const goToPage = useCallback((page) => {
|
|
50
|
+
const next = Math.min(Math.max(page, 1), totalPages);
|
|
51
|
+
if (next === activePage) {
|
|
52
|
+
return;
|
|
40
53
|
}
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
},
|
|
54
|
+
if (!isCurrentControlled) {
|
|
55
|
+
setInternalCurrent(next);
|
|
56
|
+
}
|
|
57
|
+
onChange?.(next, activePageSize);
|
|
58
|
+
}, [activePage, activePageSize, isCurrentControlled, onChange, totalPages]);
|
|
59
|
+
const handleSizeChange = useCallback((size) => {
|
|
60
|
+
const newTotalPages = Math.max(1, Math.ceil(total / size));
|
|
61
|
+
const nextPage = Math.min(activePage, newTotalPages);
|
|
62
|
+
if (!isPageSizeControlled) {
|
|
63
|
+
setInternalPageSize(size);
|
|
64
|
+
}
|
|
65
|
+
if (!isCurrentControlled) {
|
|
66
|
+
setInternalCurrent(nextPage);
|
|
67
|
+
}
|
|
68
|
+
onShowSizeChange?.(nextPage, size);
|
|
69
|
+
onChange?.(nextPage, size);
|
|
70
|
+
}, [activePage, isCurrentControlled, isPageSizeControlled, onChange, onShowSizeChange, total]);
|
|
71
|
+
const handleJump = (event) => {
|
|
72
|
+
if (event.key !== "Enter") {
|
|
73
|
+
return;
|
|
74
|
+
}
|
|
75
|
+
const parsed = Number(jumperValue);
|
|
76
|
+
if (!Number.isNaN(parsed) && parsed > 0) {
|
|
77
|
+
goToPage(parsed);
|
|
78
|
+
}
|
|
79
|
+
setJumperValue("");
|
|
80
|
+
};
|
|
81
|
+
const pages = useMemo(() => getPages(activePage, totalPages, showLessItems), [activePage, totalPages, showLessItems]);
|
|
82
|
+
if (hideOnSinglePage && totalPages <= 1) {
|
|
83
|
+
return null;
|
|
84
|
+
}
|
|
85
|
+
const jumpSize = getJumpSize(showLessItems);
|
|
86
|
+
const prevDisabled = disabled || activePage <= 1;
|
|
87
|
+
const nextDisabled = disabled || activePage >= totalPages;
|
|
88
|
+
const rangeFrom = total === 0 ? 0 : (activePage - 1) * activePageSize + 1;
|
|
89
|
+
const rangeTo = Math.min(activePage * activePageSize, total);
|
|
90
|
+
return /* @__PURE__ */ jsxs(Root, { className: "ds-pagination", style, ...rest, children: [
|
|
91
|
+
showTotal && /* @__PURE__ */ jsx(TotalText, { className: "ds-pagination-total-text", children: showTotal(total, [rangeFrom, rangeTo]) }),
|
|
92
|
+
/* @__PURE__ */ jsx(Nav, { className: "ds-pagination-prev", $side: "prev", $disabled: prevDisabled, onClick: () => !prevDisabled && goToPage(activePage - 1), children: /* @__PURE__ */ jsx(NavIcon, { component: /* @__PURE__ */ jsx(AngleLeftS, {}) }) }),
|
|
93
|
+
pages.map((item, index) => {
|
|
94
|
+
if (item === "jump-prev" || item === "jump-next") {
|
|
95
|
+
const isNext = item === "jump-next";
|
|
96
|
+
return /* @__PURE__ */ jsx(Jump, { className: `ds-pagination-${item}`, onClick: () => goToPage(isNext ? activePage + jumpSize : activePage - jumpSize), children: /* @__PURE__ */ jsx(JumpButton, { next: isNext }) }, `${item}-${index}`);
|
|
97
|
+
}
|
|
98
|
+
return /* @__PURE__ */ jsx(Item, { className: `ds-pagination-item ds-pagination-item-${item}${item === activePage ? " ds-pagination-item-active" : ""}`, $active: item === activePage, onClick: () => goToPage(item), children: /* @__PURE__ */ jsx("a", { role: "button", children: item }) }, item);
|
|
99
|
+
}),
|
|
100
|
+
/* @__PURE__ */ jsx(Nav, { className: "ds-pagination-next", $side: "next", $disabled: nextDisabled, onClick: () => !nextDisabled && goToPage(activePage + 1), children: /* @__PURE__ */ jsx(NavIcon, { component: /* @__PURE__ */ jsx(AngleRightS, {}) }) }),
|
|
101
|
+
(sizeChangerVisible || showQuickJumper) && /* @__PURE__ */ jsxs(Options, { className: "ds-pagination-options", children: [
|
|
102
|
+
sizeChangerVisible && /* @__PURE__ */ jsx(SizeChanger, { className: "ds-pagination-options-size-changer", children: /* @__PURE__ */ jsx(Select, { value: activePageSize, disabled, onChange: (value) => handleSizeChange(Number(value)), children: pageSizeOptions.map((option) => /* @__PURE__ */ jsxs(Select.Option, { value: Number(option), children: [
|
|
103
|
+
option,
|
|
104
|
+
locale?.items_per_page ?? " / page"
|
|
105
|
+
] }, option)) }) }),
|
|
106
|
+
showQuickJumper && /* @__PURE__ */ jsxs(QuickJumper, { className: "ds-pagination-options-quick-jumper", children: [
|
|
107
|
+
locale?.jump_to ?? "Go to",
|
|
108
|
+
/* @__PURE__ */ jsx(JumperInput, { type: "text", disabled, value: jumperValue, onChange: (event) => setJumperValue(event.target.value), onKeyDown: handleJump }),
|
|
109
|
+
locale?.page
|
|
110
|
+
] })
|
|
111
|
+
] })
|
|
112
|
+
] });
|
|
46
113
|
};
|
|
47
114
|
export {
|
|
48
115
|
Pagination as default
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export declare const Root: import('styled-components').StyledComponent<"ul", any, {}, never>;
|
|
2
|
+
export declare const TotalText: import('styled-components').StyledComponent<"li", any, {}, never>;
|
|
3
|
+
export declare const Item: import('styled-components').StyledComponent<"li", any, {
|
|
4
|
+
$active?: boolean;
|
|
5
|
+
}, never>;
|
|
6
|
+
export declare const Nav: import('styled-components').StyledComponent<"li", any, {
|
|
7
|
+
$disabled?: boolean;
|
|
8
|
+
$side?: "prev" | "next";
|
|
9
|
+
}, never>;
|
|
10
|
+
export declare const Jump: import('styled-components').StyledComponent<"li", any, {}, never>;
|
|
11
|
+
export declare const Options: import('styled-components').StyledComponent<"li", any, {}, never>;
|
|
12
|
+
export declare const SizeChanger: import('styled-components').StyledComponent<"div", any, {}, never>;
|
|
13
|
+
export declare const QuickJumper: import('styled-components').StyledComponent<"div", any, {}, never>;
|
|
14
|
+
export declare const JumperInput: import('styled-components').StyledComponent<"input", any, {}, never>;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import styled, { css } from "styled-components";
|
|
2
|
+
const FONT = "'Graphik LCG Web', sans-serif";
|
|
3
|
+
const Root = /* @__PURE__ */ styled.ul.withConfig({
|
|
4
|
+
displayName: "Paginationstyles__Root",
|
|
5
|
+
componentId: "sc-10qb5kd-0"
|
|
6
|
+
})(["display:flex;align-items:center;margin:0;padding:0;list-style:none;font-family:", ";*{font-family:", ";}"], FONT, FONT);
|
|
7
|
+
const TotalText = /* @__PURE__ */ styled.li.withConfig({
|
|
8
|
+
displayName: "Paginationstyles__TotalText",
|
|
9
|
+
componentId: "sc-10qb5kd-1"
|
|
10
|
+
})(["display:inline-flex;align-items:center;height:32px;margin-right:8px;color:", ";strong{font-weight:500;}"], (props) => props.theme.palette["grey-600"]);
|
|
11
|
+
const Item = /* @__PURE__ */ styled.li.withConfig({
|
|
12
|
+
displayName: "Paginationstyles__Item",
|
|
13
|
+
componentId: "sc-10qb5kd-2"
|
|
14
|
+
})(["display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;margin:0 2px;border:1px solid transparent;border-radius:16px;background-color:transparent;cursor:pointer;transition:background-color 0.2s ease;a{padding:0 6px;color:", ";text-decoration:none;}&:hover{background-color:", ";}", ""], (props) => props.theme.palette["grey-700"], (props) => `${props.theme.palette["grey-400"]}66`, (props) => props.$active && css(["&&{border-color:", ";background-color:", ";a{color:", ";}&:hover a{color:", ";}}"], props.theme.palette["grey-700"], props.theme.palette["grey-700"], props.theme.palette.white, props.theme.palette.white));
|
|
15
|
+
const Nav = /* @__PURE__ */ styled.li.withConfig({
|
|
16
|
+
displayName: "Paginationstyles__Nav",
|
|
17
|
+
componentId: "sc-10qb5kd-3"
|
|
18
|
+
})(["display:inline-flex;align-items:center;color:", ";", " ", " ", ""], (props) => props.theme.palette["grey-600"], (props) => props.$side === "prev" && "margin-right: 8px;", (props) => props.$side === "next" && "margin-left: 8px;", (props) => props.$disabled && css(["opacity:0.4;cursor:not-allowed;> *{pointer-events:none;}"]));
|
|
19
|
+
const Jump = /* @__PURE__ */ styled.li.withConfig({
|
|
20
|
+
displayName: "Paginationstyles__Jump",
|
|
21
|
+
componentId: "sc-10qb5kd-4"
|
|
22
|
+
})(["display:inline-flex;align-items:center;margin:0 8px;&&&{.hover-icon{display:none;}&:hover{.default-icon{display:none;}.hover-icon{display:flex;}}}"]);
|
|
23
|
+
const Options = /* @__PURE__ */ styled.li.withConfig({
|
|
24
|
+
displayName: "Paginationstyles__Options",
|
|
25
|
+
componentId: "sc-10qb5kd-5"
|
|
26
|
+
})(["display:inline-flex;align-items:center;white-space:nowrap;margin-left:16px;"]);
|
|
27
|
+
const SizeChanger = /* @__PURE__ */ styled.div.withConfig({
|
|
28
|
+
displayName: "Paginationstyles__SizeChanger",
|
|
29
|
+
componentId: "sc-10qb5kd-6"
|
|
30
|
+
})(["min-width:140px;margin-right:16px;"]);
|
|
31
|
+
const QuickJumper = /* @__PURE__ */ styled.div.withConfig({
|
|
32
|
+
displayName: "Paginationstyles__QuickJumper",
|
|
33
|
+
componentId: "sc-10qb5kd-7"
|
|
34
|
+
})(["display:inline-flex;align-items:center;white-space:nowrap;color:", ";"], (props) => props.theme.palette["grey-600"]);
|
|
35
|
+
const JumperInput = /* @__PURE__ */ styled.input.withConfig({
|
|
36
|
+
displayName: "Paginationstyles__JumperInput",
|
|
37
|
+
componentId: "sc-10qb5kd-8"
|
|
38
|
+
})(["width:50px;height:32px;margin:0 8px;padding:7px 12px;border:1px solid ", ";border-radius:3px;outline:none;box-sizing:border-box;&:focus{border-color:", ";box-shadow:inset 0 0 0 1px ", ";}"], (props) => props.theme.palette["grey-300"], (props) => props.theme.palette["blue-600"], (props) => props.theme.palette["blue-600"]);
|
|
39
|
+
export {
|
|
40
|
+
Item,
|
|
41
|
+
Jump,
|
|
42
|
+
JumperInput,
|
|
43
|
+
Nav,
|
|
44
|
+
Options,
|
|
45
|
+
QuickJumper,
|
|
46
|
+
Root,
|
|
47
|
+
SizeChanger,
|
|
48
|
+
TotalText
|
|
49
|
+
};
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
+
import { DataAttributes } from '@synerise/ds-utils';
|
|
3
|
+
export type PaginationItemType = 'page' | 'prev' | 'next' | 'jump-prev' | 'jump-next';
|
|
4
|
+
export type PaginationLocale = {
|
|
5
|
+
/** Trailing label after a page number (kept empty by default). */
|
|
6
|
+
page?: string;
|
|
7
|
+
/** "Go to" jumper prefix. */
|
|
8
|
+
jump_to?: string;
|
|
9
|
+
/** Per-page label in the size changer, e.g. `/ page`. */
|
|
10
|
+
items_per_page?: string;
|
|
11
|
+
};
|
|
12
|
+
export type PaginationProps = {
|
|
13
|
+
/** Controlled current page. */
|
|
14
|
+
current?: number;
|
|
15
|
+
/** Uncontrolled initial page. */
|
|
16
|
+
defaultCurrent?: number;
|
|
17
|
+
/** Total number of items. */
|
|
18
|
+
total?: number;
|
|
19
|
+
/** Controlled page size. */
|
|
20
|
+
pageSize?: number;
|
|
21
|
+
/** Uncontrolled initial page size. */
|
|
22
|
+
defaultPageSize?: number;
|
|
23
|
+
/** Fired when the page or page size changes. */
|
|
24
|
+
onChange?: (page: number, pageSize: number) => void;
|
|
25
|
+
/**
|
|
26
|
+
* Show the page-size `<Select>`. When omitted, follows antd's behaviour and auto-shows once
|
|
27
|
+
* `total > 50`. An explicit `true`/`false` always wins.
|
|
28
|
+
*/
|
|
29
|
+
showSizeChanger?: boolean;
|
|
30
|
+
/** Page-size options for the size changer. */
|
|
31
|
+
pageSizeOptions?: (string | number)[];
|
|
32
|
+
/** Fired when the page size changes via the size changer. */
|
|
33
|
+
onShowSizeChange?: (current: number, size: number) => void;
|
|
34
|
+
/** Show the quick-jumper input. */
|
|
35
|
+
showQuickJumper?: boolean;
|
|
36
|
+
/** Render a total/range summary. */
|
|
37
|
+
showTotal?: (total: number, range: [number, number]) => ReactNode;
|
|
38
|
+
/** Use a smaller window of page items. */
|
|
39
|
+
showLessItems?: boolean;
|
|
40
|
+
/** Disable all controls. */
|
|
41
|
+
disabled?: boolean;
|
|
42
|
+
/** Hide the pager when there is only a single page. */
|
|
43
|
+
hideOnSinglePage?: boolean;
|
|
44
|
+
locale?: PaginationLocale;
|
|
45
|
+
/**
|
|
46
|
+
* Accepted for back-compat; the component always renders its own DS nav controls, so a custom
|
|
47
|
+
* `itemRender` has no effect (matching the previous behaviour).
|
|
48
|
+
*/
|
|
49
|
+
itemRender?: (page: number, type: PaginationItemType, element: ReactNode) => ReactNode;
|
|
50
|
+
className?: string;
|
|
51
|
+
style?: CSSProperties;
|
|
52
|
+
} & DataAttributes;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export type PageItem = number | 'jump-prev' | 'jump-next';
|
|
2
|
+
/**
|
|
3
|
+
* The page-item list, mirroring antd/rc-pagination: when there are few pages they are all shown;
|
|
4
|
+
* otherwise a window of `buffer` pages around `current` is shown, with the first/last page pinned
|
|
5
|
+
* and `jump-prev` / `jump-next` ellipsis controls filling the gaps.
|
|
6
|
+
*/
|
|
7
|
+
export declare const getPages: (current: number, totalPages: number, showLessItems?: boolean) => PageItem[];
|
|
8
|
+
/** How many pages a jump-prev / jump-next control skips. */
|
|
9
|
+
export declare const getJumpSize: (showLessItems?: boolean) => number;
|
package/dist/getPages.js
ADDED
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
const getPages = (current, totalPages, showLessItems = false) => {
|
|
2
|
+
const buffer = showLessItems ? 1 : 2;
|
|
3
|
+
if (totalPages <= 5 + buffer * 2) {
|
|
4
|
+
return Array.from({
|
|
5
|
+
length: totalPages
|
|
6
|
+
}, (_, i) => i + 1);
|
|
7
|
+
}
|
|
8
|
+
let left = Math.max(1, current - buffer);
|
|
9
|
+
let right = Math.min(current + buffer, totalPages);
|
|
10
|
+
if (current - 1 <= buffer) {
|
|
11
|
+
right = 1 + buffer * 2;
|
|
12
|
+
}
|
|
13
|
+
if (totalPages - current <= buffer) {
|
|
14
|
+
left = totalPages - buffer * 2;
|
|
15
|
+
}
|
|
16
|
+
const items = [];
|
|
17
|
+
if (left > 1) {
|
|
18
|
+
items.push(1);
|
|
19
|
+
if (left > 2) {
|
|
20
|
+
items.push("jump-prev");
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
for (let page = left; page <= right; page += 1) {
|
|
24
|
+
items.push(page);
|
|
25
|
+
}
|
|
26
|
+
if (right < totalPages) {
|
|
27
|
+
if (right < totalPages - 1) {
|
|
28
|
+
items.push("jump-next");
|
|
29
|
+
}
|
|
30
|
+
items.push(totalPages);
|
|
31
|
+
}
|
|
32
|
+
return items;
|
|
33
|
+
};
|
|
34
|
+
const getJumpSize = (showLessItems = false) => (showLessItems ? 1 : 2) * 2 + 1;
|
|
35
|
+
export {
|
|
36
|
+
getJumpSize,
|
|
37
|
+
getPages
|
|
38
|
+
};
|
package/dist/index.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synerise/ds-pagination",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.69",
|
|
4
4
|
"description": "Pagination UI Component for the Synerise Design System",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"repository": "synerise/synerise-design",
|
|
@@ -43,13 +43,14 @@
|
|
|
43
43
|
"dependencies": {
|
|
44
44
|
"@synerise/ds-button": "^1.5.33",
|
|
45
45
|
"@synerise/ds-icon": "^1.18.4",
|
|
46
|
-
"@synerise/ds-select": "^1.3.33"
|
|
46
|
+
"@synerise/ds-select": "^1.3.33",
|
|
47
|
+
"@synerise/ds-utils": "^1.10.1"
|
|
47
48
|
},
|
|
48
49
|
"peerDependencies": {
|
|
49
50
|
"@synerise/ds-core": "*",
|
|
50
|
-
"antd": "4.24.16",
|
|
51
51
|
"react": ">=16.9.0 <= 18.3.1",
|
|
52
|
+
"styled-components": "^5.3.3",
|
|
52
53
|
"vitest": "4"
|
|
53
54
|
},
|
|
54
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "dfd892acc1d02abebcf661db3fb32f0fc4b6c354"
|
|
55
56
|
}
|
|
File without changes
|
package/dist/style/index.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.ant-pagination{box-sizing:border-box;margin:0;padding:0;color:#6a7580;font-size:13px;font-variant:tabular-nums;line-height:1.38;list-style:none;font-feature-settings:'tnum'}.ant-pagination ol,.ant-pagination ul{margin:0;padding:0;list-style:none}.ant-pagination::after{display:block;clear:both;height:0;overflow:hidden;visibility:hidden;content:' '}.ant-pagination-total-text{display:inline-block;height:32px;margin-right:8px;line-height:30px;vertical-align:middle}.ant-pagination-item{display:inline-block;min-width:32px;height:32px;margin-right:8px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';line-height:30px;text-align:center;vertical-align:middle;list-style:none;background-color:#fff;border:1px solid #dbe0e3;border-radius:3px;outline:0;cursor:pointer;user-select:none}.ant-pagination-item a{display:block;padding:0 6px;color:#6a7580;transition:none}.ant-pagination-item a:hover{text-decoration:none}.ant-pagination-item:hover{border-color:#0b68ff;transition:all .3s}.ant-pagination-item:hover a{color:#0b68ff}.ant-pagination-item:focus-visible{border-color:#0b68ff;transition:all .3s}.ant-pagination-item:focus-visible a{color:#0b68ff}.ant-pagination-item-active{font-weight:500;background:#fff;border-color:#0b68ff}.ant-pagination-item-active a{color:#0b68ff}.ant-pagination-item-active:hover{border-color:#38f}.ant-pagination-item-active:focus-visible{border-color:#38f}.ant-pagination-item-active:hover a{color:#38f}.ant-pagination-item-active:focus-visible a{color:#38f}.ant-pagination-jump-next,.ant-pagination-jump-prev{outline:0}.ant-pagination-jump-next .ant-pagination-item-container,.ant-pagination-jump-prev .ant-pagination-item-container{position:relative}.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon,.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon{color:#0b68ff;font-size:11px;letter-spacing:-1px;opacity:0;transition:all .2s}.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg,.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg{top:0;right:0;bottom:0;left:0;margin:auto}.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis,.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis{position:absolute;top:0;right:0;bottom:0;left:0;display:block;margin:auto;color:#b5bdc3;font-family:Arial,Helvetica,sans-serif;letter-spacing:2px;text-align:center;text-indent:.13em;opacity:1;transition:all .2s}.ant-pagination-jump-next:hover .ant-pagination-item-link-icon,.ant-pagination-jump-prev:hover .ant-pagination-item-link-icon{opacity:1}.ant-pagination-jump-next:hover .ant-pagination-item-ellipsis,.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis{opacity:0}.ant-pagination-jump-next:focus-visible .ant-pagination-item-link-icon,.ant-pagination-jump-prev:focus-visible .ant-pagination-item-link-icon{opacity:1}.ant-pagination-jump-next:focus-visible .ant-pagination-item-ellipsis,.ant-pagination-jump-prev:focus-visible .ant-pagination-item-ellipsis{opacity:0}.ant-pagination-jump-next,.ant-pagination-jump-prev,.ant-pagination-prev{margin-right:8px}.ant-pagination-jump-next,.ant-pagination-jump-prev,.ant-pagination-next,.ant-pagination-prev{display:inline-block;min-width:32px;height:32px;color:#6a7580;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';line-height:32px;text-align:center;vertical-align:middle;list-style:none;border-radius:3px;cursor:pointer;transition:all .3s}.ant-pagination-next,.ant-pagination-prev{font-family:Arial,Helvetica,sans-serif;outline:0}.ant-pagination-next button,.ant-pagination-prev button{color:#6a7580;cursor:pointer;user-select:none}.ant-pagination-next:hover button,.ant-pagination-prev:hover button{border-color:#38f}.ant-pagination-next .ant-pagination-item-link,.ant-pagination-prev .ant-pagination-item-link{display:block;width:100%;height:100%;padding:0;font-size:12px;text-align:center;background-color:#fff;border:1px solid #dbe0e3;border-radius:3px;outline:0;transition:all .3s}.ant-pagination-next:focus-visible .ant-pagination-item-link,.ant-pagination-prev:focus-visible .ant-pagination-item-link{color:#0b68ff;border-color:#0b68ff}.ant-pagination-next:hover .ant-pagination-item-link,.ant-pagination-prev:hover .ant-pagination-item-link{color:#0b68ff;border-color:#0b68ff}.ant-pagination-disabled,.ant-pagination-disabled:hover{cursor:not-allowed}.ant-pagination-disabled .ant-pagination-item-link,.ant-pagination-disabled:hover .ant-pagination-item-link{color:#b5bdc3;border-color:#dbe0e3;cursor:not-allowed}.ant-pagination-disabled:focus-visible{cursor:not-allowed}.ant-pagination-disabled:focus-visible .ant-pagination-item-link{color:#b5bdc3;border-color:#dbe0e3;cursor:not-allowed}.ant-pagination-slash{margin:0 10px 0 5px}.ant-pagination-options{display:inline-block;margin-left:16px;vertical-align:middle}@media all and (-ms-high-contrast:none){.ant-pagination-options,.ant-pagination-options ::-ms-backdrop{vertical-align:top}}.ant-pagination-options-size-changer.ant-select{display:inline-block;width:auto}.ant-pagination-options-quick-jumper{display:inline-block;height:32px;margin-left:8px;line-height:32px;vertical-align:top}.ant-pagination-options-quick-jumper input{position:relative;display:inline-block;width:100%;min-width:0;padding:4px 15px;color:#6a7580;font-size:13px;line-height:1.38;background-color:#fff;background-image:none;border:1px solid #dbe0e3;border-radius:3px;transition:all .3s;width:50px;height:32px;margin:0 8px}.ant-pagination-options-quick-jumper input::placeholder{color:#b5bdc3;user-select:none}.ant-pagination-options-quick-jumper input:placeholder-shown{text-overflow:ellipsis}.ant-pagination-options-quick-jumper input:hover{border-color:#b5bdc3;border-right-width:1px}.ant-pagination-options-quick-jumper input-focused,.ant-pagination-options-quick-jumper input:focus{border-color:#38f;box-shadow:0 0 0 0 rgba(11,104,255,.2);border-right-width:1px;outline:0}.ant-pagination-options-quick-jumper input-disabled{color:#b5bdc3;background-color:#f9fafb;border-color:#dbe0e3;box-shadow:none;cursor:not-allowed;opacity:1}.ant-pagination-options-quick-jumper input-disabled:hover{border-color:#dbe0e3;border-right-width:1px}.ant-pagination-options-quick-jumper input[disabled]{color:#b5bdc3;background-color:#f9fafb;border-color:#dbe0e3;box-shadow:none;cursor:not-allowed;opacity:1}.ant-pagination-options-quick-jumper input[disabled]:hover{border-color:#dbe0e3;border-right-width:1px}.ant-pagination-options-quick-jumper input-borderless,.ant-pagination-options-quick-jumper input-borderless-disabled,.ant-pagination-options-quick-jumper input-borderless-focused,.ant-pagination-options-quick-jumper input-borderless:focus,.ant-pagination-options-quick-jumper input-borderless:hover,.ant-pagination-options-quick-jumper input-borderless[disabled]{background-color:transparent;border:none;box-shadow:none}textarea.ant-pagination-options-quick-jumper input{max-width:100%;height:auto;min-height:32px;line-height:1.38;vertical-align:bottom;transition:all .3s,height 0s}.ant-pagination-options-quick-jumper input-lg{padding:6px 15px;font-size:13px}.ant-pagination-options-quick-jumper input-sm{padding:1px 7px}.ant-pagination-simple .ant-pagination-next,.ant-pagination-simple .ant-pagination-prev{height:32px;line-height:32px;vertical-align:top}.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link,.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link{height:32px;background-color:transparent;border:0}.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after,.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after{height:32px;line-height:32px}.ant-pagination-simple .ant-pagination-simple-pager{display:inline-block;height:32px;margin-right:8px}.ant-pagination-simple .ant-pagination-simple-pager input{box-sizing:border-box;height:100%;margin-right:8px;padding:0 6px;text-align:center;background-color:#fff;border:1px solid #dbe0e3;border-radius:3px;outline:0;transition:border-color .3s}.ant-pagination-simple .ant-pagination-simple-pager input:hover{border-color:#0b68ff}.ant-pagination-simple .ant-pagination-simple-pager input:focus{border-color:#38f;box-shadow:0 0 0 0 rgba(11,104,255,.2)}.ant-pagination-simple .ant-pagination-simple-pager input[disabled]{color:#b5bdc3;background:#f3f5f6;border-color:#dbe0e3;cursor:not-allowed}.ant-pagination.ant-pagination-mini .ant-pagination-simple-pager,.ant-pagination.ant-pagination-mini .ant-pagination-total-text{height:32px;line-height:32px}.ant-pagination.ant-pagination-mini .ant-pagination-item{min-width:32px;height:32px;margin:0;line-height:30px}.ant-pagination.ant-pagination-mini .ant-pagination-item:not(.ant-pagination-item-active){background:0 0;border-color:transparent}.ant-pagination.ant-pagination-mini .ant-pagination-next,.ant-pagination.ant-pagination-mini .ant-pagination-prev{min-width:32px;height:32px;margin:0;line-height:32px}.ant-pagination.ant-pagination-mini .ant-pagination-next .ant-pagination-item-link,.ant-pagination.ant-pagination-mini .ant-pagination-prev .ant-pagination-item-link{background:0 0;border-color:transparent}.ant-pagination.ant-pagination-mini .ant-pagination-next .ant-pagination-item-link::after,.ant-pagination.ant-pagination-mini .ant-pagination-prev .ant-pagination-item-link::after{height:32px;line-height:32px}.ant-pagination.ant-pagination-mini .ant-pagination-jump-next,.ant-pagination.ant-pagination-mini .ant-pagination-jump-prev{height:32px;margin-right:0;line-height:32px}.ant-pagination.ant-pagination-mini .ant-pagination-options{margin-left:2px}.ant-pagination.ant-pagination-mini .ant-pagination-options-size-changer{top:0}.ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper{height:32px;line-height:32px}.ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper input{padding:1px 7px;width:44px;height:24px}.ant-pagination.ant-pagination-disabled{cursor:not-allowed}.ant-pagination.ant-pagination-disabled .ant-pagination-item{background:#f3f5f6;border-color:#dbe0e3;cursor:not-allowed}.ant-pagination.ant-pagination-disabled .ant-pagination-item a{color:#b5bdc3;background:0 0;border:none;cursor:not-allowed}.ant-pagination.ant-pagination-disabled .ant-pagination-item-active{background:#e6e6e6}.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a{color:#b5bdc3}.ant-pagination.ant-pagination-disabled .ant-pagination-item-link{color:#b5bdc3;background:#f3f5f6;border-color:#dbe0e3;cursor:not-allowed}.ant-pagination-simple.ant-pagination.ant-pagination-disabled .ant-pagination-item-link{background:0 0}.ant-pagination.ant-pagination-disabled .ant-pagination-item-link-icon{opacity:0}.ant-pagination.ant-pagination-disabled .ant-pagination-item-ellipsis{opacity:1}.ant-pagination.ant-pagination-disabled .ant-pagination-simple-pager{color:#b5bdc3}@media only screen and (max-width:992px){.ant-pagination-item-after-jump-prev,.ant-pagination-item-before-jump-next{display:none}}@media only screen and (max-width:576px){.ant-pagination-options{display:none}}.ant-pagination-rtl .ant-pagination-total-text{margin-right:0;margin-left:8px}.ant-pagination-rtl .ant-pagination-item,.ant-pagination-rtl .ant-pagination-jump-next,.ant-pagination-rtl .ant-pagination-jump-prev,.ant-pagination-rtl .ant-pagination-prev{margin-right:0;margin-left:8px}.ant-pagination-rtl .ant-pagination-slash{margin:0 5px 0 10px}.ant-pagination-rtl .ant-pagination-options{margin-right:16px;margin-left:0}.ant-pagination-rtl .ant-pagination-options .ant-pagination-options-size-changer.ant-select{margin-right:0;margin-left:8px}.ant-pagination-rtl .ant-pagination-options .ant-pagination-options-quick-jumper{margin-left:0}.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager{margin-right:0;margin-left:8px}.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager input{margin-right:0;margin-left:8px}.ant-pagination-rtl.ant-pagination.mini .ant-pagination-options{margin-right:2px;margin-left:0}.ant-select-single .ant-select-selector{display:flex}.ant-select-single .ant-select-selector .ant-select-selection-search{position:absolute;top:0;right:15px;bottom:0;left:15px}.ant-select-single .ant-select-selector .ant-select-selection-search-input{width:100%}.ant-select-single .ant-select-selector .ant-select-selection-item,.ant-select-single .ant-select-selector .ant-select-selection-placeholder{padding:0;line-height:30px;transition:all .3s,visibility 0s}.ant-select-single .ant-select-selector .ant-select-selection-item{position:relative;user-select:none}.ant-select-single .ant-select-selector .ant-select-selection-placeholder{transition:none;pointer-events:none}.ant-select-single .ant-select-selector .ant-select-selection-item::after,.ant-select-single .ant-select-selector .ant-select-selection-placeholder::after,.ant-select-single .ant-select-selector::after{display:inline-block;width:0;visibility:hidden;content:'\a0'}.ant-select-single.ant-select-show-arrow .ant-select-selection-search{right:28px}.ant-select-single.ant-select-show-arrow .ant-select-selection-item,.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder{padding-right:17px}.ant-select-single.ant-select-open .ant-select-selection-item{color:#b5bdc3}.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{width:100%;height:32px;padding:0 15px}.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input{height:30px}.ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after{line-height:30px}.ant-select-single.ant-select-customize-input .ant-select-selector::after{display:none}.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search{position:static;width:100%}.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder{position:absolute;right:0;left:0;padding:0 15px}.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after{display:none}.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector{height:40px}.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder,.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after{line-height:38px}.ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input{height:38px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector{height:24px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder,.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after{line-height:22px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input{height:22px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search{right:7px;left:7px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector{padding:0 7px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search{right:26.5px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder{padding-right:19.5px}.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector{padding:0 15px}.ant-select-selection-overflow{position:relative;display:flex;flex:auto;flex-wrap:wrap;max-width:100%}.ant-select-selection-overflow-item{flex:none;align-self:center;max-width:100%}.ant-select-multiple .ant-select-selector{display:flex;flex-wrap:wrap;align-items:center;padding:1px 4px}.ant-select-show-search.ant-select-multiple .ant-select-selector{cursor:text}.ant-select-disabled.ant-select-multiple .ant-select-selector{background:#f9fafb;cursor:not-allowed}.ant-select-multiple .ant-select-selector::after{display:inline-block;width:0;margin:2px 0;line-height:24px;visibility:hidden;content:'\a0'}.ant-select-multiple.ant-select-allow-clear .ant-select-selector,.ant-select-multiple.ant-select-show-arrow .ant-select-selector{padding-right:27px}.ant-select-multiple .ant-select-selection-item{position:relative;display:flex;flex:none;box-sizing:border-box;max-width:100%;height:24px;margin-top:2px;margin-bottom:2px;line-height:22px;background:#f3f5f6;border:1px solid #e9edee;border-radius:3px;cursor:default;transition:font-size .3s,line-height .3s,height .3s;user-select:none;margin-inline-end:4px;padding-inline-start:8px;padding-inline-end:4px}.ant-select-disabled.ant-select-multiple .ant-select-selection-item{color:#bfbfbf;border-color:#dbe0e3;cursor:not-allowed}.ant-select-multiple .ant-select-selection-item-content{display:inline-block;margin-right:4px;overflow:hidden;white-space:pre;text-overflow:ellipsis}.ant-select-multiple .ant-select-selection-item-remove{color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-.125em;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-flex;align-items:center;color:#232936;font-weight:700;font-size:10px;line-height:inherit;cursor:pointer}.ant-select-multiple .ant-select-selection-item-remove>*{line-height:1}.ant-select-multiple .ant-select-selection-item-remove svg{display:inline-block}.ant-select-multiple .ant-select-selection-item-remove::before{display:none}.ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon{display:block}.ant-select-multiple .ant-select-selection-item-remove>.anticon{vertical-align:middle}.ant-select-multiple .ant-select-selection-item-remove:hover{color:rgba(0,0,0,.75)}.ant-select-multiple .ant-select-selection-overflow-item+.ant-select-selection-overflow-item .ant-select-selection-search{margin-inline-start:0}.ant-select-multiple .ant-select-selection-search{position:relative;max-width:100%;margin-inline-start:11px}.ant-select-multiple .ant-select-selection-search-input,.ant-select-multiple .ant-select-selection-search-mirror{height:24px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';line-height:24px;transition:all .3s}.ant-select-multiple .ant-select-selection-search-input{width:100%;min-width:4.1px}.ant-select-multiple .ant-select-selection-search-mirror{position:absolute;top:0;left:0;z-index:999;white-space:pre;visibility:hidden}.ant-select-multiple .ant-select-selection-placeholder{position:absolute;top:50%;right:15px;left:15px;transform:translateY(-50%);transition:all .3s}.ant-select-multiple.ant-select-lg .ant-select-selector::after{line-height:40px}.ant-select-multiple.ant-select-lg .ant-select-selection-item{height:40px;line-height:38px}.ant-select-multiple.ant-select-lg .ant-select-selection-search{height:40px;line-height:40px}.ant-select-multiple.ant-select-lg .ant-select-selection-search-input,.ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror{height:40px;line-height:38px}.ant-select-multiple.ant-select-sm .ant-select-selector::after{line-height:16px}.ant-select-multiple.ant-select-sm .ant-select-selection-item{height:16px;line-height:14px}.ant-select-multiple.ant-select-sm .ant-select-selection-search{height:16px;line-height:16px}.ant-select-multiple.ant-select-sm .ant-select-selection-search-input,.ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror{height:16px;line-height:14px}.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder{left:7px}.ant-select-multiple.ant-select-sm .ant-select-selection-search{margin-inline-start:3px}.ant-select-disabled .ant-select-selection-item-remove{display:none}.ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector{background-color:#fff;border-color:#f52922!important}.ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-focused .ant-select-selector,.ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-open .ant-select-selector{border-color:#ff584d;box-shadow:0 0 0 0 rgba(245,41,34,.2);border-right-width:1px;outline:0}.ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector{background-color:#fff;border-color:#fab700!important}.ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-focused .ant-select-selector,.ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-open .ant-select-selector{border-color:#ffcd29;box-shadow:0 0 0 0 rgba(250,183,0,.2);border-right-width:1px;outline:0}.ant-select-status-error.ant-select-has-feedback .ant-select-clear,.ant-select-status-success.ant-select-has-feedback .ant-select-clear,.ant-select-status-validating.ant-select-has-feedback .ant-select-clear,.ant-select-status-warning.ant-select-has-feedback .ant-select-clear{right:32px}.ant-select-status-error.ant-select-has-feedback .ant-select-selection-selected-value,.ant-select-status-success.ant-select-has-feedback .ant-select-selection-selected-value,.ant-select-status-validating.ant-select-has-feedback .ant-select-selection-selected-value,.ant-select-status-warning.ant-select-has-feedback .ant-select-selection-selected-value{padding-right:42px}.ant-select{box-sizing:border-box;margin:0;padding:0;color:#6a7580;font-size:13px;font-variant:tabular-nums;line-height:1.38;list-style:none;font-feature-settings:'tnum';position:relative;display:inline-block;cursor:pointer}.ant-select:not(.ant-select-customize-input) .ant-select-selector{position:relative;background-color:#fff;border:1px solid #dbe0e3;border-radius:3px;transition:all .3s cubic-bezier(.645, .045, .355, 1)}.ant-select:not(.ant-select-customize-input) .ant-select-selector input{cursor:pointer}.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector{cursor:text}.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input{cursor:auto}.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-color:#38f;box-shadow:0 0 0 0 rgba(11,104,255,.2);border-right-width:1px;outline:0}.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector{color:#b5bdc3;background:#f9fafb;cursor:not-allowed}.ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector{background:#f9fafb}.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input{cursor:not-allowed}.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input{margin:0;padding:0;background:0 0;border:none;outline:0;appearance:none}.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button{display:none;-webkit-appearance:none}.ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-color:#b5bdc3;border-right-width:1px}.ant-select-selection-item{flex:1;overflow:hidden;font-weight:400;white-space:nowrap;text-overflow:ellipsis}@media all and (-ms-high-contrast:none){.ant-select-selection-item,.ant-select-selection-item ::-ms-backdrop{flex:auto}}.ant-select-selection-placeholder{flex:1;overflow:hidden;color:#b5bdc3;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}@media all and (-ms-high-contrast:none){.ant-select-selection-placeholder,.ant-select-selection-placeholder ::-ms-backdrop{flex:auto}}.ant-select-arrow{display:inline-flex;color:inherit;font-style:normal;line-height:0;text-transform:none;vertical-align:-.125em;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;top:50%;right:15px;display:flex;align-items:center;height:11px;margin-top:-5.5px;color:#b5bdc3;font-size:11px;line-height:1;text-align:center;pointer-events:none}.ant-select-arrow>*{line-height:1}.ant-select-arrow svg{display:inline-block}.ant-select-arrow::before{display:none}.ant-select-arrow .ant-select-arrow-icon{display:block}.ant-select-arrow .anticon{vertical-align:top;transition:transform .3s}.ant-select-arrow .anticon>svg{vertical-align:top}.ant-select-arrow .anticon:not(.ant-select-suffix){pointer-events:auto}.ant-select-disabled .ant-select-arrow{cursor:not-allowed}.ant-select-arrow>:not(:last-child){margin-inline-end:8px}.ant-select-clear{position:absolute;top:50%;right:15px;z-index:1;display:inline-block;width:11px;height:11px;margin-top:-5.5px;color:#b5bdc3;font-size:11px;font-style:normal;line-height:1;text-align:center;text-transform:none;background:#fff;cursor:pointer;opacity:0;transition:color .3s ease,opacity .15s ease;text-rendering:auto}.ant-select-clear::before{display:block}.ant-select-clear:hover{color:#232936}.ant-select:hover .ant-select-clear{opacity:1}.ant-select-dropdown{margin:0;padding:0;color:#6a7580;font-variant:tabular-nums;line-height:1.38;list-style:none;font-feature-settings:'tnum';position:absolute;top:-9999px;left:-9999px;z-index:991050;box-sizing:border-box;padding:4px 0;overflow:hidden;font-size:13px;font-variant:initial;background-color:#fff;border-radius:3px;outline:0;box-shadow:0 2px 6px rgba(171,178,183,.12)}.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft,.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft{animation-name:antSlideUpIn}.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft,.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft{animation-name:antSlideDownIn}.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft{animation-name:antSlideUpOut}.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft{animation-name:antSlideDownOut}.ant-select-dropdown-hidden{display:none}.ant-select-dropdown-empty{color:#b5bdc3}.ant-select-item-empty{position:relative;display:block;min-height:32px;padding:5px 16px;color:#6a7580;font-weight:400;font-size:13px;line-height:22px;color:#b5bdc3}.ant-select-item{position:relative;display:block;min-height:32px;padding:5px 16px;color:#6a7580;font-weight:400;font-size:13px;line-height:22px;cursor:pointer;transition:background .3s ease}.ant-select-item-group{color:#232936;font-size:11px;cursor:default}.ant-select-item-option{display:flex}.ant-select-item-option-content{flex:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ant-select-item-option-state{flex:none}.ant-select-item-option-active:not(.ant-select-item-option-disabled){background-color:#f4faff}.ant-select-item-option-selected:not(.ant-select-item-option-disabled){color:#6a7580;font-weight:500;background-color:#fff}.ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state{color:#0b68ff}.ant-select-item-option-disabled{color:#b5bdc3;cursor:not-allowed}.ant-select-item-option-disabled.ant-select-item-option-selected{background-color:#f9fafb}.ant-select-item-option-grouped{padding-left:32px}.ant-select-lg{font-size:13px}.ant-select-borderless .ant-select-selector{background-color:transparent!important;border-color:transparent!important;box-shadow:none!important}.ant-select.ant-select-in-form-item{width:100%}.ant-select-compact-item:not(.ant-select-compact-last-item){margin-right:-1px}.ant-select-compact-item:not(.ant-select-compact-last-item).ant-select-compact-item-rtl{margin-right:0;margin-left:-1px}.ant-select-compact-item:active>*,.ant-select-compact-item:focus>*,.ant-select-compact-item:hover>*{z-index:2}.ant-select-compact-item.ant-select-focused>*{z-index:2}.ant-select-compact-item[disabled]>*{z-index:0}.ant-select-compact-item:not(.ant-select-compact-first-item):not(.ant-select-compact-last-item).ant-select>.ant-select-selector{border-radius:0}.ant-select-compact-item.ant-select-compact-first-item.ant-select:not(.ant-select-compact-last-item):not(.ant-select-compact-item-rtl)>.ant-select-selector{border-top-right-radius:0;border-bottom-right-radius:0}.ant-select-compact-item.ant-select-compact-last-item.ant-select:not(.ant-select-compact-first-item):not(.ant-select-compact-item-rtl)>.ant-select-selector{border-top-left-radius:0;border-bottom-left-radius:0}.ant-select-compact-item.ant-select.ant-select-compact-first-item.ant-select-compact-item-rtl:not(.ant-select-compact-last-item)>.ant-select-selector{border-top-left-radius:0;border-bottom-left-radius:0}.ant-select-compact-item.ant-select.ant-select-compact-last-item.ant-select-compact-item-rtl:not(.ant-select-compact-first-item)>.ant-select-selector{border-top-right-radius:0;border-bottom-right-radius:0}.ant-select-rtl{direction:rtl}.ant-select-rtl .ant-select-arrow{right:initial;left:15px}.ant-select-rtl .ant-select-clear{right:initial;left:15px}.ant-select-dropdown-rtl{direction:rtl}.ant-select-dropdown-rtl .ant-select-item-option-grouped{padding-right:32px;padding-left:16px}.ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector,.ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector{padding-right:4px;padding-left:27px}.ant-select-rtl.ant-select-multiple .ant-select-selection-item{text-align:right}.ant-select-rtl.ant-select-multiple .ant-select-selection-item-content{margin-right:0;margin-left:4px;text-align:right}.ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror{right:0;left:auto}.ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder{right:15px;left:auto}.ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder{right:7px}.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item,.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder{right:0;left:9px;text-align:right}.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search{right:15px;left:28px}.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item,.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder{padding-right:0;padding-left:17px}.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search{right:6px}.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder{padding-right:0;padding-left:19.5px}.ant-select-selection-selected-value{color:#57616d}.ant-select-selection-placeholder{color:#949ea6;padding-left:2px}.ant-select-dropdown{margin-top:4px}.ant-select-dropdown-menu-item{font-weight:500;color:#57616d}.ant-select-dropdown-menu-item:hover{background-color:#f9fafb;color:#0b68ff}.ant-select-item-group{padding:8px 12px;text-transform:uppercase;color:#949ea6;font-size:10px;line-height:16px;font-weight:500}.ant-select-multiple .ant-select-selection-item{background-color:#f3f5f6}.ant-select-multiple .ant-select-selection-item:hover{background-color:#e9edee}.ant-select-multiple .ant-select-selection-item:hover .ant-select-selection-item-remove svg{color:#f52922;fill:#f52922}.ant-select-dropdown-menu-item:hover:not( .ant-select-dropdown-menu-item-disabled){background-color:#f9fafb}.ant-select-dropdown-menu-item-active{background-color:#f9fafb;color:#57616d}.ant-select-dropdown-menu-item-active:not( .ant-select-dropdown-menu-item-disabled){background:#f9fafb;color:#0b68ff}.ant-select-item-option-disabled{opacity:.4}.ant-select-item-option-disabled:hover .ant-select-item-option-content{background-color:#f9fafb;color:#57616d}.ant-select-dropdown-menu-item-selected.ant-select-dropdown-menu-item-selected{background:0 0;color:#57616d}.ant-select-item-option-selected:after{position:absolute;width:24px;height:24px;right:8px;content:url('data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0iIzc2ZGMyNSIgdmlld0JveD0iMCAwIDI0IDI0Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPjAxLTAyLWNoZWNrLXM8L3RpdGxlPjxyZWN0IGlkPSJjYW52YXMiIGNsYXNzPSJjbHMtMSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+PHBhdGggZD0iTTEwLjYxLDE1Ljc0YS43NS43NSwwLDAsMS0uNTMtLjIyTDcsMTIuMzZhLjc1Ljc1LDAsMSwxLDEuMDYtMWwyLjU4LDIuNjFMMTYsOC40OGEuNzcuNzcsMCwwLDEsMS4wNywwLC43NS43NSwwLDAsMSwwLDEuMDZsLTUuODksNkEuNzkuNzksMCwwLDEsMTAuNjEsMTUuNzRaIi8+PC9zdmc+');color:#54cb0b;font-size:20px;z-index:11}.ant-select-item-option-selected>.ant-select-item-option-content{padding-right:32px}.ant-select-dropdown{box-shadow:0 8px 16px rgba(171,178,183,.32)}.ant-select-dropdown .ant-empty{display:flex;flex-direction:column;justify-content:center;align-items:center}.ant-select-dropdown .ant-empty p{margin:0}.ant-select-arrow{background-image:url('data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPjAxLTAzLWFuZ2xlLWRvd24tczwvdGl0bGU+PHJlY3QgaWQ9ImNhbnZhcyIgY2xhc3M9ImNscy0xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cGF0aCBmaWxsPSIjNmE3NTgwIiBkPSJNMTIsMTQuMzhhLjc5Ljc5LDAsMCwxLS41My0uMjJMOC4yMiwxMC45MWEuNzcuNzcsMCwwLDEsMC0xLjA3Ljc1Ljc1LDAsMCwxLDEuMDYsMEwxMiwxMi41NmwyLjcyLTIuNzJhLjc1Ljc1LDAsMCwxLDEuMDYsMCwuNzcuNzcsMCwwLDEsMCwxLjA3bC0zLjI1LDMuMjVBLjc5Ljc5LDAsMCwxLDEyLDE0LjM4WiIvPjwvc3ZnPg==');width:24px;height:24px;background-position:center;background-repeat:no-repeat;background-size:contain;top:50%;right:8px;transform-origin:50% 25%;display:flex;transform:translateY(-50%);align-items:center;justify-content:center;margin-top:0}.ant-select-arrow .anticon-down{display:none}.ant-select-arrow i{display:none!important}.ant-select-open:not(.ant-select-show-search) .ant-select-arrow{transform:rotateZ(-180deg)}.ant-select-open.ant-select-show-search .ant-select-arrow{background:0 0}.ant-select-dropdown{box-shadow:0 16px 32px 0 rgba(35,41,54,.1);padding:8px}.ant-select-dropdown .ant-select-item-option-content{font-size:13px;line-height:18px;color:#57616d;font-weight:500}.ant-select-dropdown .ant-select-item-option-active{background-color:transparent}.ant-select-dropdown .ant-select-item-option{border-radius:3px;height:32px;display:flex;align-items:center;justify-content:flex-start;padding:0 8px 0 12px}.ant-select-dropdown .ant-select-item-option:hover{background-color:#f9fafb}.ant-select-dropdown .ant-select-item-option:hover .ant-select-item-option-content{color:#0b68ff}.ant-select-dropdown .ant-select-item-option-disabled{opacity:.4}.ant-select-dropdown .ant-select-item-option-disabled:hover{background-color:transparent}.ant-select-dropdown .ant-select-item-option-disabled:hover .ant-select-item-option-content{background-color:transparent;color:#57616d}.ant-select-item-option-state{display:none}.ant-select{color:#57616d;font-size:13px;line-height:18px;font-weight:400}.ant-select.ant-select-single .ant-select-selector{padding:0 12px}.ant-select:hover.error .ant-select-selector{border-color:#f52922}.ant-select-focused .ant-select-selector,.ant-select-selector:active,.ant-select-selector:focus{border-color:#0b68ff!important;box-shadow:inset 0 0 0 1px #0b68ff!important;background:#f4faff!important}.ant-select-disabled .ant-select-selector{border-color:#dbe0e3!important;box-shadow:none!important;background:#f9fafb!important}.ant-select-focused .ant-select-clear{background-color:#f4faff!important}.ant-select .ant-select-clear{width:24px;height:24px;top:9px;right:8px}.ant-select .ant-select-clear svg{fill:#f52922;color:#f52922}.ant-select .ant-select-selector .ant-select-selection-search .ant-select-selection-search-input{left:12px;right:12px}.ant-select-multiple.ant-select-multiple.ant-select-multiple .ant-select-selection-search{left:12px;margin:0;min-width:10px}.ant-select-multiple.ant-select-multiple.ant-select-multiple .ant-select-selection-placeholder{left:12px;right:12px}.ant-select-multiple.ant-select-multiple.ant-select-multiple .ant-select-selection-search-input{margin:0;margin-left:0!important;padding:0}.ant-select-multiple.ant-select-multiple.ant-select-multiple .ant-select-selection-item{padding:0 0 0 8px;border:0}.ant-select-multiple.ant-select-multiple.ant-select-multiple .ant-select-selection-item{margin-left:2px;margin-right:2px}.ant-select-multiple.ant-select-multiple.ant-select-multiple .ant-select-selection-item+.ant-select-selection-search{left:4px}.ant-select-multiple .ant-select-selector{padding:1px 10px 1px 1px}.ant-select-multiple .ant-select-selection-item-remove svg{fill:#f52922;color:#f52922}.ant-select-dropdown-menu-item-group-title{color:#57616d}.ant-select-single .ant-select-selector .ant-select-selection-search{left:10px}.ant-pagination *{font-family:'Graphik LCG Web',sans-serif}.ant-pagination-jump-next,.ant-pagination-jump-prev,.ant-pagination-prev{margin-right:8px}.ant-pagination-jump-next,.ant-pagination-jump-prev,.ant-pagination-next{margin-left:8px}.ant-pagination-jump-next.ant-pagination-jump-next.ant-pagination-jump-next .ds-button .hover-icon,.ant-pagination-jump-next.ant-pagination-jump-next.ant-pagination-jump-prev .ds-button .hover-icon,.ant-pagination-jump-next.ant-pagination-jump-prev.ant-pagination-jump-next .ds-button .hover-icon,.ant-pagination-jump-next.ant-pagination-jump-prev.ant-pagination-jump-prev .ds-button .hover-icon,.ant-pagination-jump-prev.ant-pagination-jump-next.ant-pagination-jump-next .ds-button .hover-icon,.ant-pagination-jump-prev.ant-pagination-jump-next.ant-pagination-jump-prev .ds-button .hover-icon,.ant-pagination-jump-prev.ant-pagination-jump-prev.ant-pagination-jump-next .ds-button .hover-icon,.ant-pagination-jump-prev.ant-pagination-jump-prev.ant-pagination-jump-prev .ds-button .hover-icon{display:none}.ant-pagination-jump-next.ant-pagination-jump-next.ant-pagination-jump-next .ds-button:hover .default-icon,.ant-pagination-jump-next.ant-pagination-jump-next.ant-pagination-jump-prev .ds-button:hover .default-icon,.ant-pagination-jump-next.ant-pagination-jump-prev.ant-pagination-jump-next .ds-button:hover .default-icon,.ant-pagination-jump-next.ant-pagination-jump-prev.ant-pagination-jump-prev .ds-button:hover .default-icon,.ant-pagination-jump-prev.ant-pagination-jump-next.ant-pagination-jump-next .ds-button:hover .default-icon,.ant-pagination-jump-prev.ant-pagination-jump-next.ant-pagination-jump-prev .ds-button:hover .default-icon,.ant-pagination-jump-prev.ant-pagination-jump-prev.ant-pagination-jump-next .ds-button:hover .default-icon,.ant-pagination-jump-prev.ant-pagination-jump-prev.ant-pagination-jump-prev .ds-button:hover .default-icon{display:none}.ant-pagination-jump-next.ant-pagination-jump-next.ant-pagination-jump-next .ds-button:hover .hover-icon,.ant-pagination-jump-next.ant-pagination-jump-next.ant-pagination-jump-prev .ds-button:hover .hover-icon,.ant-pagination-jump-next.ant-pagination-jump-prev.ant-pagination-jump-next .ds-button:hover .hover-icon,.ant-pagination-jump-next.ant-pagination-jump-prev.ant-pagination-jump-prev .ds-button:hover .hover-icon,.ant-pagination-jump-prev.ant-pagination-jump-next.ant-pagination-jump-next .ds-button:hover .hover-icon,.ant-pagination-jump-prev.ant-pagination-jump-next.ant-pagination-jump-prev .ds-button:hover .hover-icon,.ant-pagination-jump-prev.ant-pagination-jump-prev.ant-pagination-jump-next .ds-button:hover .hover-icon,.ant-pagination-jump-prev.ant-pagination-jump-prev.ant-pagination-jump-prev .ds-button:hover .hover-icon{display:flex}.ant-pagination-next,.ant-pagination-prev{background-size:24px;background-position:center;color:#6a7580}.ant-pagination-next:hover a,.ant-pagination-prev:hover a{border-color:transparent}.ant-pagination-next.ant-pagination-disabled,.ant-pagination-prev.ant-pagination-disabled{opacity:.4}.ant-pagination-next .ant-pagination-item-link,.ant-pagination-prev .ant-pagination-item-link{text-decoration:none}.ant-pagination-next .ant-pagination-item-link,.ant-pagination-prev .ant-pagination-item-link{border:1px solid transparent;background-color:transparent;border-radius:50%}.ant-pagination-next:focus .ant-pagination-item-link,.ant-pagination-next:hover .ant-pagination-item-link,.ant-pagination-prev:focus .ant-pagination-item-link,.ant-pagination-prev:hover .ant-pagination-item-link{text-decoration:none;border-color:transparent}.ant-pagination-next:focus .ant-pagination-item-link,.ant-pagination-prev:focus .ant-pagination-item-link{color:inherit}.ant-pagination-next:hover .ant-pagination-item-link,.ant-pagination-prev:hover .ant-pagination-item-link{color:#0b68ff}.ant-pagination-next.ant-pagination-disabled,.ant-pagination-prev.ant-pagination-disabled{color:#b5bdc3}.ant-pagination-item{border:1px solid transparent;background-color:transparent;border-radius:16px;margin:0 2px}.ant-pagination-item a{color:#57616d}.ant-pagination-item:focus,.ant-pagination-item:hover{border-color:transparent;background-color:rgba(181,189,195,.4)}.ant-pagination-item-active.ant-pagination-item-active{border-color:#57616d;background-color:#57616d}.ant-pagination-item-active.ant-pagination-item-active a{color:#fff}.ant-pagination-item-active.ant-pagination-item-active:focus a,.ant-pagination-item-active.ant-pagination-item-active:hover a{color:#fff}.ant-pagination-item-link i{display:none}.ant-pagination-options-size-changer.ant-select{margin-right:16px;min-width:140px}.ant-pagination-options,.ant-pagination-options-quick-jumper{display:inline-flex;align-items:center;white-space:nowrap}.ant-pagination-options input,.ant-pagination-options-quick-jumper input{margin:0 8px;padding:7px 12px;height:32px}.ant-pagination-options input:focus,.ant-pagination-options-quick-jumper input:focus{box-shadow:inset 0 0 0 1px #0b68ff;border-color:#0b68ff}
|