@salutejs/plasma-new-hope 0.322.0-canary.1944.14660891986.0 → 0.322.0-canary.1947.14664713311.0
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/emotion/cjs/components/PaginationDots/PaginationDots.js +321 -0
- package/emotion/cjs/components/PaginationDots/PaginationDots.styles.js +44 -0
- package/emotion/cjs/components/PaginationDots/PaginationDots.template-doc.mdx +95 -0
- package/emotion/cjs/components/PaginationDots/PaginationDots.tokens.js +30 -0
- package/emotion/cjs/components/PaginationDots/PaginationDots.types.js +5 -0
- package/emotion/cjs/components/PaginationDots/hooks/useAnimation.js +108 -0
- package/emotion/cjs/components/PaginationDots/index.js +31 -0
- package/emotion/cjs/components/PaginationDots/utils/getDotSize.js +46 -0
- package/emotion/cjs/components/PaginationDots/variations/_size/base.js +8 -0
- package/emotion/cjs/components/PaginationDots/variations/_size/tokens.json +1 -0
- package/emotion/cjs/components/PaginationDots/variations/_view/base.js +8 -0
- package/emotion/cjs/components/PaginationDots/variations/_view/tokens.json +1 -0
- package/emotion/cjs/examples/plasma_b2c/components/PaginationDots/PaginationDots.config.js +23 -0
- package/emotion/cjs/examples/plasma_b2c/components/PaginationDots/PaginationDots.js +11 -0
- package/emotion/cjs/examples/plasma_b2c/components/PaginationDots/PaginationDots.stories.tsx +87 -0
- package/emotion/cjs/examples/plasma_web/components/PaginationDots/PaginationDots.config.js +24 -0
- package/emotion/cjs/examples/plasma_web/components/PaginationDots/PaginationDots.js +11 -0
- package/emotion/cjs/examples/plasma_web/components/PaginationDots/PaginationDots.stories.tsx +68 -0
- package/emotion/es/components/PaginationDots/PaginationDots.js +311 -0
- package/emotion/es/components/PaginationDots/PaginationDots.styles.js +37 -0
- package/emotion/es/components/PaginationDots/PaginationDots.template-doc.mdx +95 -0
- package/emotion/es/components/PaginationDots/PaginationDots.tokens.js +24 -0
- package/emotion/es/components/PaginationDots/PaginationDots.types.js +1 -0
- package/emotion/es/components/PaginationDots/hooks/useAnimation.js +102 -0
- package/emotion/es/components/PaginationDots/index.js +2 -0
- package/emotion/es/components/PaginationDots/utils/getDotSize.js +40 -0
- package/emotion/es/components/PaginationDots/variations/_size/base.js +2 -0
- package/emotion/es/components/PaginationDots/variations/_size/tokens.json +1 -0
- package/emotion/es/components/PaginationDots/variations/_view/base.js +2 -0
- package/emotion/es/components/PaginationDots/variations/_view/tokens.json +1 -0
- package/emotion/es/examples/plasma_b2c/components/PaginationDots/PaginationDots.config.js +17 -0
- package/emotion/es/examples/plasma_b2c/components/PaginationDots/PaginationDots.js +5 -0
- package/emotion/es/examples/plasma_b2c/components/PaginationDots/PaginationDots.stories.tsx +87 -0
- package/emotion/es/examples/plasma_web/components/PaginationDots/PaginationDots.config.js +18 -0
- package/emotion/es/examples/plasma_web/components/PaginationDots/PaginationDots.js +5 -0
- package/emotion/es/examples/plasma_web/components/PaginationDots/PaginationDots.stories.tsx +68 -0
- package/package.json +4 -4
- package/styled-components/cjs/components/PaginationDots/PaginationDots.js +321 -0
- package/styled-components/cjs/components/PaginationDots/PaginationDots.styles.js +26 -0
- package/styled-components/cjs/components/PaginationDots/PaginationDots.template-doc.mdx +95 -0
- package/styled-components/cjs/components/PaginationDots/PaginationDots.tokens.js +30 -0
- package/styled-components/cjs/components/PaginationDots/PaginationDots.types.js +5 -0
- package/styled-components/cjs/components/PaginationDots/hooks/useAnimation.js +108 -0
- package/styled-components/cjs/components/PaginationDots/index.js +31 -0
- package/styled-components/cjs/components/PaginationDots/utils/getDotSize.js +46 -0
- package/styled-components/cjs/components/PaginationDots/variations/_size/base.js +8 -0
- package/styled-components/cjs/components/PaginationDots/variations/_size/tokens.json +1 -0
- package/styled-components/cjs/components/PaginationDots/variations/_view/base.js +8 -0
- package/styled-components/cjs/components/PaginationDots/variations/_view/tokens.json +1 -0
- package/styled-components/cjs/examples/plasma_b2c/components/PaginationDots/PaginationDots.config.js +23 -0
- package/styled-components/cjs/examples/plasma_b2c/components/PaginationDots/PaginationDots.js +11 -0
- package/styled-components/cjs/examples/plasma_b2c/components/PaginationDots/PaginationDots.stories.tsx +87 -0
- package/styled-components/cjs/examples/plasma_web/components/PaginationDots/PaginationDots.config.js +24 -0
- package/styled-components/cjs/examples/plasma_web/components/PaginationDots/PaginationDots.js +11 -0
- package/styled-components/cjs/examples/plasma_web/components/PaginationDots/PaginationDots.stories.tsx +68 -0
- package/styled-components/es/components/PaginationDots/PaginationDots.js +311 -0
- package/styled-components/es/components/PaginationDots/PaginationDots.styles.js +18 -0
- package/styled-components/es/components/PaginationDots/PaginationDots.template-doc.mdx +95 -0
- package/styled-components/es/components/PaginationDots/PaginationDots.tokens.js +24 -0
- package/styled-components/es/components/PaginationDots/PaginationDots.types.js +1 -0
- package/styled-components/es/components/PaginationDots/hooks/useAnimation.js +102 -0
- package/styled-components/es/components/PaginationDots/index.js +2 -0
- package/styled-components/es/components/PaginationDots/utils/getDotSize.js +40 -0
- package/styled-components/es/components/PaginationDots/variations/_size/base.js +2 -0
- package/styled-components/es/components/PaginationDots/variations/_size/tokens.json +1 -0
- package/styled-components/es/components/PaginationDots/variations/_view/base.js +2 -0
- package/styled-components/es/components/PaginationDots/variations/_view/tokens.json +1 -0
- package/styled-components/es/examples/plasma_b2c/components/PaginationDots/PaginationDots.config.js +17 -0
- package/styled-components/es/examples/plasma_b2c/components/PaginationDots/PaginationDots.js +5 -0
- package/styled-components/es/examples/plasma_b2c/components/PaginationDots/PaginationDots.stories.tsx +87 -0
- package/styled-components/es/examples/plasma_web/components/PaginationDots/PaginationDots.config.js +18 -0
- package/styled-components/es/examples/plasma_web/components/PaginationDots/PaginationDots.js +5 -0
- package/styled-components/es/examples/plasma_web/components/PaginationDots/PaginationDots.stories.tsx +68 -0
- package/types/components/PaginationDots/PaginationDots.d.ts +31 -0
- package/types/components/PaginationDots/PaginationDots.d.ts.map +1 -0
- package/types/components/PaginationDots/PaginationDots.styles.d.ts +9 -0
- package/types/components/PaginationDots/PaginationDots.styles.d.ts.map +1 -0
- package/types/components/PaginationDots/PaginationDots.tokens.d.ts +25 -0
- package/types/components/PaginationDots/PaginationDots.tokens.d.ts.map +1 -0
- package/types/components/PaginationDots/PaginationDots.types.d.ts +46 -0
- package/types/components/PaginationDots/PaginationDots.types.d.ts.map +1 -0
- package/types/components/PaginationDots/hooks/useAnimation.d.ts +23 -0
- package/types/components/PaginationDots/hooks/useAnimation.d.ts.map +1 -0
- package/types/components/PaginationDots/index.d.ts +4 -0
- package/types/components/PaginationDots/index.d.ts.map +1 -0
- package/types/components/PaginationDots/utils/getDotSize.d.ts +2 -0
- package/types/components/PaginationDots/utils/getDotSize.d.ts.map +1 -0
- package/types/components/PaginationDots/variations/_size/base.d.ts +2 -0
- package/types/components/PaginationDots/variations/_size/base.d.ts.map +1 -0
- package/types/components/PaginationDots/variations/_view/base.d.ts +2 -0
- package/types/components/PaginationDots/variations/_view/base.d.ts.map +1 -0
@@ -0,0 +1,321 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
5
|
+
value: true
|
6
|
+
});
|
7
|
+
exports.paginationDotsRoot = exports.paginationDotsConfig = exports.getVisualOffsets = void 0;
|
8
|
+
var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
|
9
|
+
var _classnames = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("classnames"));
|
10
|
+
var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
|
11
|
+
var _hooks = /*#__PURE__*/require("../../hooks");
|
12
|
+
var _base = /*#__PURE__*/require("../PaginationDots/variations/_view/base");
|
13
|
+
var _base2 = /*#__PURE__*/require("../PaginationDots/variations/_size/base");
|
14
|
+
var _PaginationDots = /*#__PURE__*/require("./PaginationDots.styles");
|
15
|
+
var _PaginationDots2 = /*#__PURE__*/require("./PaginationDots.tokens");
|
16
|
+
var _getDotSize = /*#__PURE__*/require("./utils/getDotSize");
|
17
|
+
var _useAnimation2 = /*#__PURE__*/require("./hooks/useAnimation");
|
18
|
+
var _excluded = ["view", "size", "activeElementView", "orientation", "centered", "value", "count", "visibleCount", "onChange"];
|
19
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
20
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
21
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
22
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
23
|
+
function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
|
24
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
25
|
+
function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
|
26
|
+
function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
|
27
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
28
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
29
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
30
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
31
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
32
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
33
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
34
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
35
|
+
var sizesMap = {
|
36
|
+
xs: 18,
|
37
|
+
s: 20,
|
38
|
+
m: 24
|
39
|
+
};
|
40
|
+
var getInitialOffset = function getInitialOffset(value, visibleCount, count) {
|
41
|
+
var middle = Math.floor(visibleCount / 2);
|
42
|
+
if (value < middle) {
|
43
|
+
return 0;
|
44
|
+
}
|
45
|
+
if (count - value <= middle) {
|
46
|
+
return count - visibleCount;
|
47
|
+
}
|
48
|
+
return value - middle;
|
49
|
+
};
|
50
|
+
var getVisualOffsets = exports.getVisualOffsets = function getVisualOffsets(dots, innerViewValue) {
|
51
|
+
var before = dots.slice(0, innerViewValue).reduce(function (acc, size) {
|
52
|
+
return acc + sizesMap[size];
|
53
|
+
}, 0);
|
54
|
+
var after = dots.slice(innerViewValue + 1).reduce(function (acc, size) {
|
55
|
+
return acc + sizesMap[size];
|
56
|
+
}, 0);
|
57
|
+
return (after - before) / 2;
|
58
|
+
};
|
59
|
+
var getFirstAnimatedDotsOffset = function getFirstAnimatedDotsOffset(dots, prevDots) {
|
60
|
+
var sizeBefore = sizesMap[prevDots[0]];
|
61
|
+
var sizeAfter = sizesMap[dots[0]];
|
62
|
+
return sizeBefore - sizeAfter;
|
63
|
+
};
|
64
|
+
var getLastAnimatedDotsOffset = function getLastAnimatedDotsOffset(dots, prevDots) {
|
65
|
+
var sizeBefore = sizesMap[prevDots[prevDots.length - 1]];
|
66
|
+
var sizeAfter = sizesMap[dots[dots.length - 1]];
|
67
|
+
return sizeBefore - sizeAfter;
|
68
|
+
};
|
69
|
+
|
70
|
+
/*
|
71
|
+
(m) m m s xs value: 0, offset: 0
|
72
|
+
m (m) m s xs value: 1, offset: 0
|
73
|
+
m m (m) s xs value: 2, offset: 0
|
74
|
+
s m (m) s xs value: 3, offset: 1
|
75
|
+
xs s (m) s xs value: 4, offset: 2
|
76
|
+
|
77
|
+
*/
|
78
|
+
|
79
|
+
var isDebug = false;
|
80
|
+
var paginationDotsRoot = exports.paginationDotsRoot = function paginationDotsRoot(Root) {
|
81
|
+
return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRef) {
|
82
|
+
var view = _ref.view,
|
83
|
+
size = _ref.size,
|
84
|
+
_ref$activeElementVie = _ref.activeElementView,
|
85
|
+
activeElementView = _ref$activeElementVie === void 0 ? 'dot' : _ref$activeElementVie,
|
86
|
+
_ref$orientation = _ref.orientation,
|
87
|
+
orientation = _ref$orientation === void 0 ? 'horizontal' : _ref$orientation,
|
88
|
+
_ref$centered = _ref.centered,
|
89
|
+
centered = _ref$centered === void 0 ? false : _ref$centered,
|
90
|
+
_ref$value = _ref.value,
|
91
|
+
value = _ref$value === void 0 ? 0 : _ref$value,
|
92
|
+
_ref$count = _ref.count,
|
93
|
+
count = _ref$count === void 0 ? 0 : _ref$count,
|
94
|
+
visibleCount = _ref.visibleCount,
|
95
|
+
onChange = _ref.onChange,
|
96
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
97
|
+
var innerRef = (0, _react.useRef)(null);
|
98
|
+
var wrapperRef = (0, _react.useRef)(null);
|
99
|
+
var activeElementRef = (0, _react.useRef)(null);
|
100
|
+
var animatedDotsWrapperRef = (0, _react.useRef)(null);
|
101
|
+
(0, _plasmaCore.useForkRef)(outerRef, innerRef);
|
102
|
+
var innerValue = Math.min(value, count - 1);
|
103
|
+
var innerVisibleCount = Math.min(visibleCount || count, count);
|
104
|
+
var isLineView = activeElementView === 'line';
|
105
|
+
var isVertical = orientation === 'vertical';
|
106
|
+
var hasScroll = innerVisibleCount < count;
|
107
|
+
var _useState = (0, _react.useState)(innerValue),
|
108
|
+
_useState2 = _slicedToArray(_useState, 2),
|
109
|
+
currentValue = _useState2[0],
|
110
|
+
setCurrentValue = _useState2[1];
|
111
|
+
var _useState3 = (0, _react.useState)(),
|
112
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
113
|
+
prevValue = _useState4[0],
|
114
|
+
setPrevValue = _useState4[1];
|
115
|
+
var _useState5 = (0, _react.useState)(function () {
|
116
|
+
return getInitialOffset(innerValue, innerVisibleCount, count);
|
117
|
+
}),
|
118
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
119
|
+
offset = _useState6[0],
|
120
|
+
setOffset = _useState6[1];
|
121
|
+
var prevOffset = (0, _hooks.usePreviousValue)(offset);
|
122
|
+
var prevDotsRef = (0, _react.useRef)([]);
|
123
|
+
var dots = new Array(innerVisibleCount).fill(null).map(function (_, index) {
|
124
|
+
return (0, _getDotSize.getDotSize)(size, index + offset, offset, count, innerVisibleCount);
|
125
|
+
});
|
126
|
+
var setVisualOffset = function setVisualOffset(currentValueNew, newOffset) {
|
127
|
+
var innerViewValue = currentValueNew - newOffset;
|
128
|
+
|
129
|
+
// canScrollBackward || canScrollForward
|
130
|
+
var withAnimation = centered ? true : newOffset !== offset;
|
131
|
+
if (!animatedDotsWrapperRef.current || !withAnimation) {
|
132
|
+
if (wrapperRef.current) {
|
133
|
+
wrapperRef.current.style.transform = 'none';
|
134
|
+
}
|
135
|
+
return;
|
136
|
+
}
|
137
|
+
var visualOffset = getVisualOffsets(dots, innerViewValue);
|
138
|
+
if (wrapperRef.current) {
|
139
|
+
wrapperRef.current.style.transform = isVertical ? "translateY(".concat(visualOffset, "px)") : "translateX(".concat(visualOffset, "px)");
|
140
|
+
}
|
141
|
+
};
|
142
|
+
if (isDebug) {
|
143
|
+
console.log('!!!', JSON.stringify({
|
144
|
+
prevValue: prevValue,
|
145
|
+
prevOffset: prevOffset,
|
146
|
+
value: innerValue,
|
147
|
+
offset: offset
|
148
|
+
}));
|
149
|
+
}
|
150
|
+
var canScrollForward = prevValue !== undefined ? !!offset && count - innerVisibleCount > prevOffset : false;
|
151
|
+
var canScrollBackward = Boolean(prevOffset && offset + innerVisibleCount !== count);
|
152
|
+
var _useAnimation = (0, _useAnimation2.useAnimation)({
|
153
|
+
innerViewIndex: currentValue - offset,
|
154
|
+
dots: dots,
|
155
|
+
prevDots: prevDotsRef.current,
|
156
|
+
canScrollBackward: canScrollBackward,
|
157
|
+
canScrollForward: canScrollForward,
|
158
|
+
isVertical: isVertical,
|
159
|
+
activeElementRef: activeElementRef,
|
160
|
+
animatedDotsWrapperRef: animatedDotsWrapperRef,
|
161
|
+
onAnimationEnd: function onAnimationEnd() {
|
162
|
+
console.log('!!! onAnimationEnd');
|
163
|
+
var newOffset = getInitialOffset(innerValue, innerVisibleCount, count);
|
164
|
+
setOffset(newOffset);
|
165
|
+
setPrevValue(undefined);
|
166
|
+
setSkipAnimation(true);
|
167
|
+
}
|
168
|
+
}),
|
169
|
+
skipAnimation = _useAnimation.skipAnimation,
|
170
|
+
hasAnimation = _useAnimation.hasAnimation,
|
171
|
+
hasForwardAnimation = _useAnimation.hasForwardAnimation,
|
172
|
+
hasBackwardAnimation = _useAnimation.hasBackwardAnimation,
|
173
|
+
setSkipAnimation = _useAnimation.setSkipAnimation,
|
174
|
+
setHasForwardAnimation = _useAnimation.setHasForwardAnimation,
|
175
|
+
setHasBackwardAnimation = _useAnimation.setHasBackwardAnimation,
|
176
|
+
handleAnimationEnd = _useAnimation.handleAnimationEnd;
|
177
|
+
var hasAnimatedDot = hasAnimation && innerVisibleCount > 2 && (hasBackwardAnimation && canScrollBackward || hasForwardAnimation && canScrollForward);
|
178
|
+
var calcOffset = function calcOffset(currentValue, prevValue) {
|
179
|
+
if (prevValue === undefined || centered && !hasScroll) {
|
180
|
+
return;
|
181
|
+
}
|
182
|
+
var toFront = currentValue > prevValue;
|
183
|
+
var toBack = currentValue < prevValue;
|
184
|
+
var newOffset = getInitialOffset(currentValue, innerVisibleCount, count);
|
185
|
+
var withAnimation = centered ? true : newOffset !== offset;
|
186
|
+
if (toFront) {
|
187
|
+
if (withAnimation) {
|
188
|
+
setHasForwardAnimation(true);
|
189
|
+
prevDotsRef.current = _toConsumableArray(dots);
|
190
|
+
setOffset(newOffset);
|
191
|
+
} else {
|
192
|
+
setOffset(newOffset);
|
193
|
+
}
|
194
|
+
} else if (toBack) {
|
195
|
+
if (withAnimation) {
|
196
|
+
setHasBackwardAnimation(true);
|
197
|
+
prevDotsRef.current = _toConsumableArray(dots);
|
198
|
+
setOffset(newOffset);
|
199
|
+
} else {
|
200
|
+
setOffset(newOffset);
|
201
|
+
}
|
202
|
+
}
|
203
|
+
};
|
204
|
+
(0, _react.useLayoutEffect)(function () {
|
205
|
+
setVisualOffset(innerValue, offset);
|
206
|
+
}, [isVertical, centered]);
|
207
|
+
(0, _react.useLayoutEffect)(function () {
|
208
|
+
if (prevValue === undefined) {
|
209
|
+
setVisualOffset(innerValue, offset);
|
210
|
+
if (animatedDotsWrapperRef.current) {
|
211
|
+
animatedDotsWrapperRef.current.style.transition = 'none';
|
212
|
+
animatedDotsWrapperRef.current.style.transform = 'none';
|
213
|
+
}
|
214
|
+
}
|
215
|
+
}, [innerValue, offset, prevValue]);
|
216
|
+
(0, _react.useLayoutEffect)(function () {
|
217
|
+
setSkipAnimation(true);
|
218
|
+
setPrevValue(undefined);
|
219
|
+
}, [count, innerVisibleCount, isVertical, isLineView, hasScroll]);
|
220
|
+
(0, _react.useEffect)(function () {
|
221
|
+
// setSkipAnimation(true);
|
222
|
+
// setPrevValue(undefined);
|
223
|
+
}, []);
|
224
|
+
var onMove = function onMove(newValue) {
|
225
|
+
setSkipAnimation(false);
|
226
|
+
calcOffset(newValue, currentValue);
|
227
|
+
setCurrentValue(newValue);
|
228
|
+
setPrevValue(currentValue);
|
229
|
+
onChange === null || onChange === void 0 || onChange(newValue);
|
230
|
+
};
|
231
|
+
if (!innerVisibleCount || innerVisibleCount <= 0) {
|
232
|
+
return null;
|
233
|
+
}
|
234
|
+
var dotsNodes = dots.map(function (dotSize, viewIndex) {
|
235
|
+
var dotIndex = viewIndex + offset;
|
236
|
+
var isCurrent = dotIndex === currentValue;
|
237
|
+
var isClickable = dotIndex === currentValue - 1 || dotIndex === currentValue + 1;
|
238
|
+
var onClick = isClickable && !hasAnimation ? function () {
|
239
|
+
return onMove(dotIndex);
|
240
|
+
} : undefined;
|
241
|
+
if (isCurrent) {
|
242
|
+
var ActiveElement = activeElementView === 'dot' ? _PaginationDots.Dot : _PaginationDots.Line;
|
243
|
+
return /*#__PURE__*/_react["default"].createElement(ActiveElement, {
|
244
|
+
key: viewIndex,
|
245
|
+
ref: activeElementRef,
|
246
|
+
"data-size": size,
|
247
|
+
"data-view": activeElementView,
|
248
|
+
className: (0, _classnames["default"])(_PaginationDots2.classes.active, isVertical && _PaginationDots2.classes.vertical, skipAnimation && _PaginationDots2.classes.skipAnimation)
|
249
|
+
}, isDebug ? dotIndex : null);
|
250
|
+
}
|
251
|
+
var isPrevActive = prevValue === dotIndex;
|
252
|
+
var innerViewValue = dotIndex - offset;
|
253
|
+
var isFirst = innerViewValue === 0;
|
254
|
+
var isLast = innerViewValue === innerVisibleCount - 1;
|
255
|
+
return /*#__PURE__*/_react["default"].createElement(_PaginationDots.Dot, {
|
256
|
+
key: viewIndex,
|
257
|
+
className: (0, _classnames["default"])(isVertical && _PaginationDots2.classes.vertical, isClickable && _PaginationDots2.classes.clickable, isPrevActive && _PaginationDots2.classes.prevActive, skipAnimation && _PaginationDots2.classes.skipAnimation),
|
258
|
+
style: {
|
259
|
+
visibility: isLast && hasForwardAnimation && canScrollForward || isFirst && hasBackwardAnimation && canScrollBackward ? 'hidden' : 'visible'
|
260
|
+
},
|
261
|
+
"data-size": dotSize,
|
262
|
+
"data-view": activeElementView,
|
263
|
+
onClick: onClick
|
264
|
+
}, isDebug ? dotIndex : null);
|
265
|
+
});
|
266
|
+
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
267
|
+
size: size,
|
268
|
+
view: view,
|
269
|
+
className: (0, _classnames["default"])(centered && _PaginationDots2.classes.centered, isVertical && _PaginationDots2.classes.vertical),
|
270
|
+
ref: innerRef
|
271
|
+
}, rest), /*#__PURE__*/_react["default"].createElement(_PaginationDots.Wrapper, {
|
272
|
+
ref: wrapperRef,
|
273
|
+
"data-size": size
|
274
|
+
}, hasAnimatedDot && /*#__PURE__*/_react["default"].createElement(_PaginationDots.Dot, {
|
275
|
+
className: (0, _classnames["default"])(isVertical && _PaginationDots2.classes.vertical, {
|
276
|
+
hidden: hasForwardAnimation,
|
277
|
+
showed: hasBackwardAnimation
|
278
|
+
}),
|
279
|
+
"data-view": activeElementView,
|
280
|
+
"data-size": dots[0],
|
281
|
+
style: isVertical ? {
|
282
|
+
top: "".concat(getFirstAnimatedDotsOffset(dots, prevDotsRef.current), "px")
|
283
|
+
} : {
|
284
|
+
left: "".concat(getFirstAnimatedDotsOffset(dots, prevDotsRef.current), "px")
|
285
|
+
}
|
286
|
+
}, isDebug ? offset + (hasForwardAnimation ? -1 : 0) : null), /*#__PURE__*/_react["default"].createElement(_PaginationDots.AnimatedDotsWrapper, {
|
287
|
+
ref: animatedDotsWrapperRef,
|
288
|
+
onTransitionEnd: handleAnimationEnd
|
289
|
+
}, dotsNodes), hasAnimatedDot && /*#__PURE__*/_react["default"].createElement(_PaginationDots.Dot, {
|
290
|
+
className: (0, _classnames["default"])(isVertical && _PaginationDots2.classes.vertical, {
|
291
|
+
hidden: hasBackwardAnimation,
|
292
|
+
showed: hasForwardAnimation
|
293
|
+
}),
|
294
|
+
"data-view": activeElementView,
|
295
|
+
"data-size": dots[dots.length - 1],
|
296
|
+
style: isVertical ? {
|
297
|
+
bottom: "".concat(getLastAnimatedDotsOffset(dots, prevDotsRef.current), "px")
|
298
|
+
} : {
|
299
|
+
right: "".concat(getLastAnimatedDotsOffset(dots, prevDotsRef.current), "px")
|
300
|
+
}
|
301
|
+
}, isDebug ? offset + innerVisibleCount + (hasForwardAnimation ? -1 : 0) : null)));
|
302
|
+
});
|
303
|
+
};
|
304
|
+
var paginationDotsConfig = exports.paginationDotsConfig = {
|
305
|
+
name: 'PaginationDots',
|
306
|
+
tag: 'div',
|
307
|
+
layout: paginationDotsRoot,
|
308
|
+
base: _PaginationDots.base,
|
309
|
+
variations: {
|
310
|
+
view: {
|
311
|
+
css: _base.base
|
312
|
+
},
|
313
|
+
size: {
|
314
|
+
css: _base2.base
|
315
|
+
}
|
316
|
+
},
|
317
|
+
defaults: {
|
318
|
+
view: 'default',
|
319
|
+
size: 'm'
|
320
|
+
}
|
321
|
+
};
|
@@ -0,0 +1,44 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.base = exports.Wrapper = exports.Line = exports.Dot = exports.AnimatedDotsWrapper = void 0;
|
7
|
+
var _base = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("@emotion/styled/base"));
|
8
|
+
var _react = /*#__PURE__*/require("@emotion/react");
|
9
|
+
var _PaginationDots = /*#__PURE__*/require("./PaginationDots.tokens");
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
11
|
+
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
12
|
+
var Wrapper = exports.Wrapper = /*#__PURE__*/(0, _base["default"])("div", {
|
13
|
+
target: "e95px8o3",
|
14
|
+
label: "plasma-new-hope__Wrapper"
|
15
|
+
})(process.env.NODE_ENV === "production" ? {
|
16
|
+
name: "dxkoxo",
|
17
|
+
styles: "position:relative;display:flex;align-items:center;justify-content:center"
|
18
|
+
} : {
|
19
|
+
name: "dxkoxo",
|
20
|
+
styles: "position:relative;display:flex;align-items:center;justify-content:center",
|
21
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbkRvdHMvUGFnaW5hdGlvbkRvdHMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtpQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhZ2luYXRpb25Eb3RzL1BhZ2luYXRpb25Eb3RzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi9QYWdpbmF0aW9uRG90cy50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBBbmltYXRlZERvdHNXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgRG90ID0gc3R5bGVkLmRpdmBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5kb3RQYWRkaW5nfSk7XG5cbiAgICAmOmJlZm9yZSB7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmRvdEJvcmRlclJhZGl1c30pO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbUJhY2tncm91bmR9KTtcbiAgICAgICAgdHJhbnNpdGlvbjogd2lkdGggMC4zcyBsaW5lYXIsIGhlaWdodCAwLjNzIGxpbmVhcjtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5hY3RpdmV9IHtcbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmFjdGl2ZUl0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmW2RhdGEtc2l6ZT0neHMnXSB7XG4gICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgIC0tcGxhc21hLXByaXZhdGUtZG90LXNpemU6IHZhcigke3Rva2Vucy5kb3RTaXplWFN9KTtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuZG90U2l6ZVhTfSk7XG4gICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5kb3RTaXplWFN9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZbZGF0YS1zaXplPSdzJ10ge1xuICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAtLXBsYXNtYS1wcml2YXRlLWRvdC1zaXplOiB2YXIoJHt0b2tlbnMuZG90U2l6ZVN9KTtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuZG90U2l6ZVN9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmRvdFNpemVTfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmW2RhdGEtc2l6ZT0nbSddIHtcbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgLS1wbGFzbWEtcHJpdmF0ZS1kb3Qtc2l6ZTogdmFyKCR7dG9rZW5zLmRvdFNpemVNfSk7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmRvdFNpemVNfSk7XG4gICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5kb3RTaXplTX0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuY2xpY2thYmxlfSB7XG4gICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIHNob3dBbmltYXRpb24ge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMCk7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gICAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGtleWZyYW1lcyBzaG93V2l0aENvbG9yIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbUJhY2tncm91bmR9KTtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuYWN0aXZlSXRlbUJhY2tncm91bmR9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgaGlkZVdpdGhDb2xvciB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmFjdGl2ZUl0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGhpZGVBbmltYXRpb24ge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gICAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICB9XG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMCk7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGtleWZyYW1lcyByZXZlcnNlZFdpZHRoQW5pbWF0aW9uIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmxpbmVXaWR0aH0pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmxpbmVCb3JkZXJSYWRpdXN9KTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5hY3RpdmVJdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoLS1wbGFzbWEtcHJpdmF0ZS1kb3Qtc2l6ZSk7XG4gICAgICAgICAgICBoZWlnaHQ6IHZhcigtLXBsYXNtYS1wcml2YXRlLWRvdC1zaXplKTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5saW5lQm9yZGVyUmFkaXVzfSk7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbUJhY2tncm91bmR9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgcmV2ZXJzZWRIZWlnaHRBbmltYXRpb24ge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMudmVydGljYWxMaW5lV2lkdGh9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLnZlcnRpY2FsTGluZUhlaWdodH0pO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmxpbmVCb3JkZXJSYWRpdXN9KTtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKC0tcGxhc21hLXByaXZhdGUtZG90LXNpemUpO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoLS1wbGFzbWEtcHJpdmF0ZS1kb3Qtc2l6ZSk7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMubGluZUJvcmRlclJhZGl1c30pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMucHJldkFjdGl2ZX0ge1xuICAgICAgICAmW2RhdGEtdmlldz0nbGluZSddIHtcbiAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tbmFtZTogcmV2ZXJzZWRXaWR0aEFuaW1hdGlvbjtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tZHVyYXRpb246IDAuM3M7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLWl0ZXJhdGlvbi1jb3VudDogMTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tcGxheS1zdGF0ZTogcnVubmluZztcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICYuJHtjbGFzc2VzLnZlcnRpY2FsfSB7XG4gICAgICAgICAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICBhbmltYXRpb24tbmFtZTogcmV2ZXJzZWRIZWlnaHRBbmltYXRpb247XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJltkYXRhLXZpZXc9J2RvdCddIHtcbiAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tbmFtZTogaGlkZVdpdGhDb2xvcjtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tZHVyYXRpb246IDAuM3M7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLWl0ZXJhdGlvbi1jb3VudDogMTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tcGxheS1zdGF0ZTogcnVubmluZztcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1vdXQ7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLmhpZGRlbiB7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgYW5pbWF0aW9uLW5hbWU6IGhpZGVBbmltYXRpb247XG4gICAgICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogY2FsYygwLjNzICsgMC4xcyk7XG4gICAgICAgIGFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IDE7XG4gICAgICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBydW5uaW5nO1xuICAgICAgICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7XG4gICAgfVxuXG4gICAgJi5zaG93ZWQge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGFuaW1hdGlvbi1uYW1lOiBzaG93QW5pbWF0aW9uO1xuICAgICAgICBhbmltYXRpb24tZHVyYXRpb246IDAuM3M7XG4gICAgICAgIGFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IDE7XG4gICAgICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBydW5uaW5nO1xuICAgICAgICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuYWN0aXZlfSB7XG4gICAgICAgICZbZGF0YS12aWV3PSdkb3QnXSB7XG4gICAgICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLW5hbWU6IHNob3dXaXRoQ29sb3I7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjNzO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IDE7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLXBsYXktc3RhdGU6IHJ1bm5pbmc7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW47XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5za2lwQW5pbWF0aW9ufSB7XG4gICAgICAgIHRyYW5zaXRpb246IG5vbmU7XG4gICAgICAgIGFuaW1hdGlvbi1uYW1lOiBub25lICFpbXBvcnRhbnQ7XG5cbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgdHJhbnNpdGlvbjogbm9uZTtcbiAgICAgICAgICAgIGFuaW1hdGlvbi1uYW1lOiBub25lICFpbXBvcnRhbnQ7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTGluZSA9IHN0eWxlZChEb3QpYFxuICAgIEBrZXlmcmFtZXMgd2lkdGhBbmltYXRpb24ge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5saW5lV2lkdGh9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5hY3RpdmVJdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGtleWZyYW1lcyBoZWlnaHRBbmltYXRpb24ge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy52ZXJ0aWNhbExpbmVXaWR0aH0pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMudmVydGljYWxMaW5lSGVpZ2h0fSk7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuYWN0aXZlSXRlbUJhY2tncm91bmR9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZbZGF0YS1zaXplPSdzJ10ge1xuICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmxpbmVXaWR0aH0pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmxpbmVCb3JkZXJSYWRpdXN9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZbZGF0YS1zaXplPSdtJ10ge1xuICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmxpbmVXaWR0aH0pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmxpbmVCb3JkZXJSYWRpdXN9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnZlcnRpY2FsfSB7XG4gICAgICAgICZbZGF0YS1zaXplPSdzJ10ge1xuICAgICAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMudmVydGljYWxMaW5lV2lkdGh9KTtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy52ZXJ0aWNhbExpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICZbZGF0YS1zaXplPSdtJ10ge1xuICAgICAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMudmVydGljYWxMaW5lV2lkdGh9KTtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy52ZXJ0aWNhbExpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmFjdGl2ZX0ge1xuICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICBhbmltYXRpb24tbmFtZTogd2lkdGhBbmltYXRpb247XG4gICAgICAgICAgICBhbmltYXRpb24tZHVyYXRpb246IDAuM3M7XG4gICAgICAgICAgICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiAxO1xuICAgICAgICAgICAgYW5pbWF0aW9uLXBsYXktc3RhdGU6IHJ1bm5pbmc7XG4gICAgICAgICAgICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7XG4gICAgICAgIH1cblxuICAgICAgICAmLiR7Y2xhc3Nlcy52ZXJ0aWNhbH0ge1xuICAgICAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1uYW1lOiBoZWlnaHRBbmltYXRpb247XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5za2lwQW5pbWF0aW9ufSB7XG4gICAgICAgIGFuaW1hdGlvbi1uYW1lOiBub25lICFpbXBvcnRhbnQ7XG5cbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgYW5pbWF0aW9uLW5hbWU6IG5vbmUgIWltcG9ydGFudDtcbiAgICAgICAgfVxuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cbiAgICAmLiR7Y2xhc3Nlcy5jZW50ZXJlZH0ge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMudmVydGljYWx9IHtcbiAgICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAgICAgJHtEb3R9IHtcbiAgICAgICAgICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy52ZXJ0aWNhbERvdFBhZGRpbmd9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7QW5pbWF0ZWREb3RzV3JhcHBlcn0ge1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgfVxuXG4gICAgICAgICYuJHtjbGFzc2VzLmNlbnRlcmVkfSB7XG4gICAgICAgICAgICB3aWR0aDogYXV0bztcbiAgICAgICAgICAgIGhlaWdodDogMTAwJTtcblxuICAgICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICB9XG4gICAgfVxuYDtcbiJdfQ== */",
|
22
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
23
|
+
});
|
24
|
+
var AnimatedDotsWrapper = exports.AnimatedDotsWrapper = /*#__PURE__*/(0, _base["default"])("div", {
|
25
|
+
target: "e95px8o2",
|
26
|
+
label: "plasma-new-hope__AnimatedDotsWrapper"
|
27
|
+
})(process.env.NODE_ENV === "production" ? {
|
28
|
+
name: "1wnowod",
|
29
|
+
styles: "display:flex;align-items:center;justify-content:center"
|
30
|
+
} : {
|
31
|
+
name: "1wnowod",
|
32
|
+
styles: "display:flex;align-items:center;justify-content:center",
|
33
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbkRvdHMvUGFnaW5hdGlvbkRvdHMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVk2QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhZ2luYXRpb25Eb3RzL1BhZ2luYXRpb25Eb3RzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi9QYWdpbmF0aW9uRG90cy50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBBbmltYXRlZERvdHNXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgRG90ID0gc3R5bGVkLmRpdmBcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5kb3RQYWRkaW5nfSk7XG5cbiAgICAmOmJlZm9yZSB7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmRvdEJvcmRlclJhZGl1c30pO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbUJhY2tncm91bmR9KTtcbiAgICAgICAgdHJhbnNpdGlvbjogd2lkdGggMC4zcyBsaW5lYXIsIGhlaWdodCAwLjNzIGxpbmVhcjtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5hY3RpdmV9IHtcbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmFjdGl2ZUl0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmW2RhdGEtc2l6ZT0neHMnXSB7XG4gICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgIC0tcGxhc21hLXByaXZhdGUtZG90LXNpemU6IHZhcigke3Rva2Vucy5kb3RTaXplWFN9KTtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuZG90U2l6ZVhTfSk7XG4gICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5kb3RTaXplWFN9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZbZGF0YS1zaXplPSdzJ10ge1xuICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAtLXBsYXNtYS1wcml2YXRlLWRvdC1zaXplOiB2YXIoJHt0b2tlbnMuZG90U2l6ZVN9KTtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuZG90U2l6ZVN9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmRvdFNpemVTfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmW2RhdGEtc2l6ZT0nbSddIHtcbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgLS1wbGFzbWEtcHJpdmF0ZS1kb3Qtc2l6ZTogdmFyKCR7dG9rZW5zLmRvdFNpemVNfSk7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmRvdFNpemVNfSk7XG4gICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5kb3RTaXplTX0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuY2xpY2thYmxlfSB7XG4gICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIHNob3dBbmltYXRpb24ge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMCk7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gICAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGtleWZyYW1lcyBzaG93V2l0aENvbG9yIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbUJhY2tncm91bmR9KTtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuYWN0aXZlSXRlbUJhY2tncm91bmR9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgaGlkZVdpdGhDb2xvciB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmFjdGl2ZUl0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGhpZGVBbmltYXRpb24ge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gICAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICB9XG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMCk7XG4gICAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGtleWZyYW1lcyByZXZlcnNlZFdpZHRoQW5pbWF0aW9uIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmxpbmVXaWR0aH0pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmxpbmVCb3JkZXJSYWRpdXN9KTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5hY3RpdmVJdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoLS1wbGFzbWEtcHJpdmF0ZS1kb3Qtc2l6ZSk7XG4gICAgICAgICAgICBoZWlnaHQ6IHZhcigtLXBsYXNtYS1wcml2YXRlLWRvdC1zaXplKTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5saW5lQm9yZGVyUmFkaXVzfSk7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbUJhY2tncm91bmR9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgcmV2ZXJzZWRIZWlnaHRBbmltYXRpb24ge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMudmVydGljYWxMaW5lV2lkdGh9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLnZlcnRpY2FsTGluZUhlaWdodH0pO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmxpbmVCb3JkZXJSYWRpdXN9KTtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKC0tcGxhc21hLXByaXZhdGUtZG90LXNpemUpO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoLS1wbGFzbWEtcHJpdmF0ZS1kb3Qtc2l6ZSk7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMubGluZUJvcmRlclJhZGl1c30pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMucHJldkFjdGl2ZX0ge1xuICAgICAgICAmW2RhdGEtdmlldz0nbGluZSddIHtcbiAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tbmFtZTogcmV2ZXJzZWRXaWR0aEFuaW1hdGlvbjtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tZHVyYXRpb246IDAuM3M7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLWl0ZXJhdGlvbi1jb3VudDogMTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tcGxheS1zdGF0ZTogcnVubmluZztcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICYuJHtjbGFzc2VzLnZlcnRpY2FsfSB7XG4gICAgICAgICAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICBhbmltYXRpb24tbmFtZTogcmV2ZXJzZWRIZWlnaHRBbmltYXRpb247XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJltkYXRhLXZpZXc9J2RvdCddIHtcbiAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tbmFtZTogaGlkZVdpdGhDb2xvcjtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tZHVyYXRpb246IDAuM3M7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLWl0ZXJhdGlvbi1jb3VudDogMTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tcGxheS1zdGF0ZTogcnVubmluZztcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1vdXQ7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLmhpZGRlbiB7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgYW5pbWF0aW9uLW5hbWU6IGhpZGVBbmltYXRpb247XG4gICAgICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogY2FsYygwLjNzICsgMC4xcyk7XG4gICAgICAgIGFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IDE7XG4gICAgICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBydW5uaW5nO1xuICAgICAgICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7XG4gICAgfVxuXG4gICAgJi5zaG93ZWQge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGFuaW1hdGlvbi1uYW1lOiBzaG93QW5pbWF0aW9uO1xuICAgICAgICBhbmltYXRpb24tZHVyYXRpb246IDAuM3M7XG4gICAgICAgIGFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IDE7XG4gICAgICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBydW5uaW5nO1xuICAgICAgICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuYWN0aXZlfSB7XG4gICAgICAgICZbZGF0YS12aWV3PSdkb3QnXSB7XG4gICAgICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLW5hbWU6IHNob3dXaXRoQ29sb3I7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjNzO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IDE7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLXBsYXktc3RhdGU6IHJ1bm5pbmc7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW47XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5za2lwQW5pbWF0aW9ufSB7XG4gICAgICAgIHRyYW5zaXRpb246IG5vbmU7XG4gICAgICAgIGFuaW1hdGlvbi1uYW1lOiBub25lICFpbXBvcnRhbnQ7XG5cbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgdHJhbnNpdGlvbjogbm9uZTtcbiAgICAgICAgICAgIGFuaW1hdGlvbi1uYW1lOiBub25lICFpbXBvcnRhbnQ7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTGluZSA9IHN0eWxlZChEb3QpYFxuICAgIEBrZXlmcmFtZXMgd2lkdGhBbmltYXRpb24ge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5saW5lV2lkdGh9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5hY3RpdmVJdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGtleWZyYW1lcyBoZWlnaHRBbmltYXRpb24ge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy52ZXJ0aWNhbExpbmVXaWR0aH0pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMudmVydGljYWxMaW5lSGVpZ2h0fSk7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuYWN0aXZlSXRlbUJhY2tncm91bmR9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZbZGF0YS1zaXplPSdzJ10ge1xuICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmxpbmVXaWR0aH0pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmxpbmVCb3JkZXJSYWRpdXN9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICZbZGF0YS1zaXplPSdtJ10ge1xuICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmxpbmVXaWR0aH0pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmxpbmVCb3JkZXJSYWRpdXN9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnZlcnRpY2FsfSB7XG4gICAgICAgICZbZGF0YS1zaXplPSdzJ10ge1xuICAgICAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMudmVydGljYWxMaW5lV2lkdGh9KTtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy52ZXJ0aWNhbExpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICZbZGF0YS1zaXplPSdtJ10ge1xuICAgICAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMudmVydGljYWxMaW5lV2lkdGh9KTtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy52ZXJ0aWNhbExpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmFjdGl2ZX0ge1xuICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICBhbmltYXRpb24tbmFtZTogd2lkdGhBbmltYXRpb247XG4gICAgICAgICAgICBhbmltYXRpb24tZHVyYXRpb246IDAuM3M7XG4gICAgICAgICAgICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiAxO1xuICAgICAgICAgICAgYW5pbWF0aW9uLXBsYXktc3RhdGU6IHJ1bm5pbmc7XG4gICAgICAgICAgICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7XG4gICAgICAgIH1cblxuICAgICAgICAmLiR7Y2xhc3Nlcy52ZXJ0aWNhbH0ge1xuICAgICAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1uYW1lOiBoZWlnaHRBbmltYXRpb247XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5za2lwQW5pbWF0aW9ufSB7XG4gICAgICAgIGFuaW1hdGlvbi1uYW1lOiBub25lICFpbXBvcnRhbnQ7XG5cbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgYW5pbWF0aW9uLW5hbWU6IG5vbmUgIWltcG9ydGFudDtcbiAgICAgICAgfVxuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cbiAgICAmLiR7Y2xhc3Nlcy5jZW50ZXJlZH0ge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMudmVydGljYWx9IHtcbiAgICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAgICAgJHtEb3R9IHtcbiAgICAgICAgICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy52ZXJ0aWNhbERvdFBhZGRpbmd9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7QW5pbWF0ZWREb3RzV3JhcHBlcn0ge1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgfVxuXG4gICAgICAgICYuJHtjbGFzc2VzLmNlbnRlcmVkfSB7XG4gICAgICAgICAgICB3aWR0aDogYXV0bztcbiAgICAgICAgICAgIGhlaWdodDogMTAwJTtcblxuICAgICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICB9XG4gICAgfVxuYDtcbiJdfQ== */",
|
34
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
35
|
+
});
|
36
|
+
var Dot = exports.Dot = /*#__PURE__*/(0, _base["default"])("div", {
|
37
|
+
target: "e95px8o1",
|
38
|
+
label: "plasma-new-hope__Dot"
|
39
|
+
})("box-sizing:border-box;padding:var(", _PaginationDots.tokens.dotPadding, ");&:before{content:'';display:block;border-radius:var(", _PaginationDots.tokens.dotBorderRadius, ");background-color:var(", _PaginationDots.tokens.itemBackground, ");transition:width 0.3s linear,height 0.3s linear;}&.", _PaginationDots.classes.active, "{&:before{background-color:var(", _PaginationDots.tokens.activeItemBackground, ");}}&[data-size='xs']{&:before{--plasma-private-dot-size:var(", _PaginationDots.tokens.dotSizeXS, ");width:var(", _PaginationDots.tokens.dotSizeXS, ");height:var(", _PaginationDots.tokens.dotSizeXS, ");}}&[data-size='s']{&:before{--plasma-private-dot-size:var(", _PaginationDots.tokens.dotSizeS, ");width:var(", _PaginationDots.tokens.dotSizeS, ");height:var(", _PaginationDots.tokens.dotSizeS, ");}}&[data-size='m']{&:before{--plasma-private-dot-size:var(", _PaginationDots.tokens.dotSizeM, ");width:var(", _PaginationDots.tokens.dotSizeM, ");height:var(", _PaginationDots.tokens.dotSizeM, ");}}&.", _PaginationDots.classes.clickable, "{cursor:pointer;}@keyframes showAnimation{from{transform:scale(0);opacity:0;}to{transform:scale(1);opacity:1;}}@keyframes showWithColor{from{background-color:var(", _PaginationDots.tokens.itemBackground, ");}to{background-color:var(", _PaginationDots.tokens.activeItemBackground, ");}}@keyframes hideWithColor{from{background-color:var(", _PaginationDots.tokens.activeItemBackground, ");}to{background-color:var(", _PaginationDots.tokens.itemBackground, ");}}@keyframes hideAnimation{from{transform:scale(1);opacity:1;}to{transform:scale(0);opacity:0;}}@keyframes reversedWidthAnimation{from{width:var(", _PaginationDots.tokens.lineWidth, ");height:var(", _PaginationDots.tokens.lineHeight, ");border-radius:var(", _PaginationDots.tokens.lineBorderRadius, ");background-color:var(", _PaginationDots.tokens.activeItemBackground, ");}to{width:var(--plasma-private-dot-size);height:var(--plasma-private-dot-size);border-radius:var(", _PaginationDots.tokens.lineBorderRadius, ");background-color:var(", _PaginationDots.tokens.itemBackground, ");}}@keyframes reversedHeightAnimation{from{width:var(", _PaginationDots.tokens.verticalLineWidth, ");height:var(", _PaginationDots.tokens.verticalLineHeight, ");border-radius:var(", _PaginationDots.tokens.lineBorderRadius, ");}to{width:var(--plasma-private-dot-size);height:var(--plasma-private-dot-size);border-radius:var(", _PaginationDots.tokens.lineBorderRadius, ");}}&.", _PaginationDots.classes.prevActive, "{&[data-view='line']{&:before{animation-name:reversedWidthAnimation;animation-duration:0.3s;animation-iteration-count:1;animation-play-state:running;animation-timing-function:linear;}&.", _PaginationDots.classes.vertical, "{&:before{animation-name:reversedHeightAnimation;}}}&[data-view='dot']{&:before{animation-name:hideWithColor;animation-duration:0.3s;animation-iteration-count:1;animation-play-state:running;animation-timing-function:linear;animation-timing-function:ease-out;}}}&.hidden{position:absolute;animation-name:hideAnimation;animation-duration:calc(0.3s + 0.1s);animation-iteration-count:1;animation-play-state:running;animation-timing-function:linear;}&.showed{position:absolute;animation-name:showAnimation;animation-duration:0.3s;animation-iteration-count:1;animation-play-state:running;animation-timing-function:linear;}&.", _PaginationDots.classes.active, "{&[data-view='dot']{&:before{animation-name:showWithColor;animation-duration:0.3s;animation-iteration-count:1;animation-play-state:running;animation-timing-function:linear;animation-timing-function:ease-in;}}}&.", _PaginationDots.classes.skipAnimation, "{transition:none;animation-name:none!important;&:before{transition:none;animation-name:none!important;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbkRvdHMvUGFnaW5hdGlvbkRvdHMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCNkIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9QYWdpbmF0aW9uRG90cy9QYWdpbmF0aW9uRG90cy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vUGFnaW5hdGlvbkRvdHMudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQW5pbWF0ZWREb3RzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IERvdCA9IHN0eWxlZC5kaXZgXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZG90UGFkZGluZ30pO1xuXG4gICAgJjpiZWZvcmUge1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5kb3RCb3JkZXJSYWRpdXN9KTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIHRyYW5zaXRpb246IHdpZHRoIDAuM3MgbGluZWFyLCBoZWlnaHQgMC4zcyBsaW5lYXI7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuYWN0aXZlfSB7XG4gICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5hY3RpdmVJdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJltkYXRhLXNpemU9J3hzJ10ge1xuICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAtLXBsYXNtYS1wcml2YXRlLWRvdC1zaXplOiB2YXIoJHt0b2tlbnMuZG90U2l6ZVhTfSk7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmRvdFNpemVYU30pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuZG90U2l6ZVhTfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmW2RhdGEtc2l6ZT0ncyddIHtcbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgLS1wbGFzbWEtcHJpdmF0ZS1kb3Qtc2l6ZTogdmFyKCR7dG9rZW5zLmRvdFNpemVTfSk7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmRvdFNpemVTfSk7XG4gICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5kb3RTaXplU30pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJltkYXRhLXNpemU9J20nXSB7XG4gICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgIC0tcGxhc21hLXByaXZhdGUtZG90LXNpemU6IHZhcigke3Rva2Vucy5kb3RTaXplTX0pO1xuICAgICAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5kb3RTaXplTX0pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuZG90U2l6ZU19KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmNsaWNrYWJsZX0ge1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgfVxuXG4gICAgQGtleWZyYW1lcyBzaG93QW5pbWF0aW9uIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDApO1xuICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDEpO1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgc2hvd1dpdGhDb2xvciB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmFjdGl2ZUl0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGhpZGVXaXRoQ29sb3Ige1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5hY3RpdmVJdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGtleWZyYW1lcyBoaWRlQW5pbWF0aW9uIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDEpO1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDApO1xuICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgcmV2ZXJzZWRXaWR0aEFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5saW5lV2lkdGh9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5saW5lQm9yZGVyUmFkaXVzfSk7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuYWN0aXZlSXRlbUJhY2tncm91bmR9KTtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKC0tcGxhc21hLXByaXZhdGUtZG90LXNpemUpO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoLS1wbGFzbWEtcHJpdmF0ZS1kb3Qtc2l6ZSk7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMubGluZUJvcmRlclJhZGl1c30pO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIHJldmVyc2VkSGVpZ2h0QW5pbWF0aW9uIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnZlcnRpY2FsTGluZVdpZHRofSk7XG4gICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy52ZXJ0aWNhbExpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5saW5lQm9yZGVyUmFkaXVzfSk7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgd2lkdGg6IHZhcigtLXBsYXNtYS1wcml2YXRlLWRvdC1zaXplKTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKC0tcGxhc21hLXByaXZhdGUtZG90LXNpemUpO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmxpbmVCb3JkZXJSYWRpdXN9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnByZXZBY3RpdmV9IHtcbiAgICAgICAgJltkYXRhLXZpZXc9J2xpbmUnXSB7XG4gICAgICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLW5hbWU6IHJldmVyc2VkV2lkdGhBbmltYXRpb247XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjNzO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IDE7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLXBsYXktc3RhdGU6IHJ1bm5pbmc7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmLiR7Y2xhc3Nlcy52ZXJ0aWNhbH0ge1xuICAgICAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgYW5pbWF0aW9uLW5hbWU6IHJldmVyc2VkSGVpZ2h0QW5pbWF0aW9uO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICZbZGF0YS12aWV3PSdkb3QnXSB7XG4gICAgICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLW5hbWU6IGhpZGVXaXRoQ29sb3I7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjNzO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IDE7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLXBsYXktc3RhdGU6IHJ1bm5pbmc7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2Utb3V0O1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi5oaWRkZW4ge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGFuaW1hdGlvbi1uYW1lOiBoaWRlQW5pbWF0aW9uO1xuICAgICAgICBhbmltYXRpb24tZHVyYXRpb246IGNhbGMoMC4zcyArIDAuMXMpO1xuICAgICAgICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiAxO1xuICAgICAgICBhbmltYXRpb24tcGxheS1zdGF0ZTogcnVubmluZztcbiAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuICAgIH1cblxuICAgICYuc2hvd2VkIHtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBhbmltYXRpb24tbmFtZTogc2hvd0FuaW1hdGlvbjtcbiAgICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjNzO1xuICAgICAgICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiAxO1xuICAgICAgICBhbmltYXRpb24tcGxheS1zdGF0ZTogcnVubmluZztcbiAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmFjdGl2ZX0ge1xuICAgICAgICAmW2RhdGEtdmlldz0nZG90J10ge1xuICAgICAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1uYW1lOiBzaG93V2l0aENvbG9yO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4zcztcbiAgICAgICAgICAgICAgICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiAxO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBydW5uaW5nO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGxpbmVhcjtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuc2tpcEFuaW1hdGlvbn0ge1xuICAgICAgICB0cmFuc2l0aW9uOiBub25lO1xuICAgICAgICBhbmltYXRpb24tbmFtZTogbm9uZSAhaW1wb3J0YW50O1xuXG4gICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgIHRyYW5zaXRpb246IG5vbmU7XG4gICAgICAgICAgICBhbmltYXRpb24tbmFtZTogbm9uZSAhaW1wb3J0YW50O1xuICAgICAgICB9XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IExpbmUgPSBzdHlsZWQoRG90KWBcbiAgICBAa2V5ZnJhbWVzIHdpZHRoQW5pbWF0aW9uIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMubGluZVdpZHRofSk7XG4gICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5saW5lSGVpZ2h0fSk7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuYWN0aXZlSXRlbUJhY2tncm91bmR9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgaGVpZ2h0QW5pbWF0aW9uIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMudmVydGljYWxMaW5lV2lkdGh9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLnZlcnRpY2FsTGluZUhlaWdodH0pO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmFjdGl2ZUl0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmW2RhdGEtc2l6ZT0ncyddIHtcbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5saW5lV2lkdGh9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5saW5lQm9yZGVyUmFkaXVzfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmW2RhdGEtc2l6ZT0nbSddIHtcbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5saW5lV2lkdGh9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5saW5lQm9yZGVyUmFkaXVzfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy52ZXJ0aWNhbH0ge1xuICAgICAgICAmW2RhdGEtc2l6ZT0ncyddIHtcbiAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnZlcnRpY2FsTGluZVdpZHRofSk7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMudmVydGljYWxMaW5lSGVpZ2h0fSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmW2RhdGEtc2l6ZT0nbSddIHtcbiAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnZlcnRpY2FsTGluZVdpZHRofSk7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMudmVydGljYWxMaW5lSGVpZ2h0fSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5hY3RpdmV9IHtcbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgYW5pbWF0aW9uLW5hbWU6IHdpZHRoQW5pbWF0aW9uO1xuICAgICAgICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjNzO1xuICAgICAgICAgICAgYW5pbWF0aW9uLWl0ZXJhdGlvbi1jb3VudDogMTtcbiAgICAgICAgICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBydW5uaW5nO1xuICAgICAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMudmVydGljYWx9IHtcbiAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tbmFtZTogaGVpZ2h0QW5pbWF0aW9uO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuc2tpcEFuaW1hdGlvbn0ge1xuICAgICAgICBhbmltYXRpb24tbmFtZTogbm9uZSAhaW1wb3J0YW50O1xuXG4gICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgIGFuaW1hdGlvbi1uYW1lOiBub25lICFpbXBvcnRhbnQ7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXG4gICAgJi4ke2NsYXNzZXMuY2VudGVyZWR9IHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnZlcnRpY2FsfSB7XG4gICAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgICAgICR7RG90fSB7XG4gICAgICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMudmVydGljYWxEb3RQYWRkaW5nfSk7XG4gICAgICAgIH1cblxuICAgICAgICAke0FuaW1hdGVkRG90c1dyYXBwZXJ9IHtcbiAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIH1cblxuICAgICAgICAmLiR7Y2xhc3Nlcy5jZW50ZXJlZH0ge1xuICAgICAgICAgICAgd2lkdGg6IGF1dG87XG4gICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG5cbiAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXX0= */"));
|
40
|
+
var Line = exports.Line = /*#__PURE__*/(0, _base["default"])(Dot, {
|
41
|
+
target: "e95px8o0",
|
42
|
+
label: "plasma-new-hope__Line"
|
43
|
+
})("@keyframes widthAnimation{from{width:var(", _PaginationDots.tokens.lineHeight, ");height:var(", _PaginationDots.tokens.lineHeight, ");background-color:var(", _PaginationDots.tokens.itemBackground, ");}to{width:var(", _PaginationDots.tokens.lineWidth, ");height:var(", _PaginationDots.tokens.lineHeight, ");background-color:var(", _PaginationDots.tokens.activeItemBackground, ");}}@keyframes heightAnimation{from{width:var(", _PaginationDots.tokens.lineHeight, ");height:var(", _PaginationDots.tokens.lineHeight, ");background-color:var(", _PaginationDots.tokens.itemBackground, ");}to{width:var(", _PaginationDots.tokens.verticalLineWidth, ");height:var(", _PaginationDots.tokens.verticalLineHeight, ");background-color:var(", _PaginationDots.tokens.activeItemBackground, ");}}&[data-size='s']{&:before{width:var(", _PaginationDots.tokens.lineWidth, ");height:var(", _PaginationDots.tokens.lineHeight, ");border-radius:var(", _PaginationDots.tokens.lineBorderRadius, ");}}&[data-size='m']{&:before{width:var(", _PaginationDots.tokens.lineWidth, ");height:var(", _PaginationDots.tokens.lineHeight, ");border-radius:var(", _PaginationDots.tokens.lineBorderRadius, ");}}&.", _PaginationDots.classes.vertical, "{&[data-size='s']{&:before{width:var(", _PaginationDots.tokens.verticalLineWidth, ");height:var(", _PaginationDots.tokens.verticalLineHeight, ");}}&[data-size='m']{&:before{width:var(", _PaginationDots.tokens.verticalLineWidth, ");height:var(", _PaginationDots.tokens.verticalLineHeight, ");}}}&.", _PaginationDots.classes.active, "{&:before{animation-name:widthAnimation;animation-duration:0.3s;animation-iteration-count:1;animation-play-state:running;animation-timing-function:linear;}&.", _PaginationDots.classes.vertical, "{&:before{animation-name:heightAnimation;}}}&.", _PaginationDots.classes.skipAnimation, "{animation-name:none!important;&:before{animation-name:none!important;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbkRvdHMvUGFnaW5hdGlvbkRvdHMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJNK0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9QYWdpbmF0aW9uRG90cy9QYWdpbmF0aW9uRG90cy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vUGFnaW5hdGlvbkRvdHMudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQW5pbWF0ZWREb3RzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IERvdCA9IHN0eWxlZC5kaXZgXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZG90UGFkZGluZ30pO1xuXG4gICAgJjpiZWZvcmUge1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5kb3RCb3JkZXJSYWRpdXN9KTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIHRyYW5zaXRpb246IHdpZHRoIDAuM3MgbGluZWFyLCBoZWlnaHQgMC4zcyBsaW5lYXI7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuYWN0aXZlfSB7XG4gICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5hY3RpdmVJdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJltkYXRhLXNpemU9J3hzJ10ge1xuICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAtLXBsYXNtYS1wcml2YXRlLWRvdC1zaXplOiB2YXIoJHt0b2tlbnMuZG90U2l6ZVhTfSk7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmRvdFNpemVYU30pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuZG90U2l6ZVhTfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmW2RhdGEtc2l6ZT0ncyddIHtcbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgLS1wbGFzbWEtcHJpdmF0ZS1kb3Qtc2l6ZTogdmFyKCR7dG9rZW5zLmRvdFNpemVTfSk7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmRvdFNpemVTfSk7XG4gICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5kb3RTaXplU30pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJltkYXRhLXNpemU9J20nXSB7XG4gICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgIC0tcGxhc21hLXByaXZhdGUtZG90LXNpemU6IHZhcigke3Rva2Vucy5kb3RTaXplTX0pO1xuICAgICAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5kb3RTaXplTX0pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuZG90U2l6ZU19KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmNsaWNrYWJsZX0ge1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgfVxuXG4gICAgQGtleWZyYW1lcyBzaG93QW5pbWF0aW9uIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDApO1xuICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDEpO1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgc2hvd1dpdGhDb2xvciB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmFjdGl2ZUl0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGhpZGVXaXRoQ29sb3Ige1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5hY3RpdmVJdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGtleWZyYW1lcyBoaWRlQW5pbWF0aW9uIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDEpO1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDApO1xuICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgcmV2ZXJzZWRXaWR0aEFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5saW5lV2lkdGh9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5saW5lQm9yZGVyUmFkaXVzfSk7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuYWN0aXZlSXRlbUJhY2tncm91bmR9KTtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKC0tcGxhc21hLXByaXZhdGUtZG90LXNpemUpO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoLS1wbGFzbWEtcHJpdmF0ZS1kb3Qtc2l6ZSk7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMubGluZUJvcmRlclJhZGl1c30pO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIHJldmVyc2VkSGVpZ2h0QW5pbWF0aW9uIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnZlcnRpY2FsTGluZVdpZHRofSk7XG4gICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy52ZXJ0aWNhbExpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5saW5lQm9yZGVyUmFkaXVzfSk7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgd2lkdGg6IHZhcigtLXBsYXNtYS1wcml2YXRlLWRvdC1zaXplKTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKC0tcGxhc21hLXByaXZhdGUtZG90LXNpemUpO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmxpbmVCb3JkZXJSYWRpdXN9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnByZXZBY3RpdmV9IHtcbiAgICAgICAgJltkYXRhLXZpZXc9J2xpbmUnXSB7XG4gICAgICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLW5hbWU6IHJldmVyc2VkV2lkdGhBbmltYXRpb247XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjNzO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IDE7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLXBsYXktc3RhdGU6IHJ1bm5pbmc7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmLiR7Y2xhc3Nlcy52ZXJ0aWNhbH0ge1xuICAgICAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgYW5pbWF0aW9uLW5hbWU6IHJldmVyc2VkSGVpZ2h0QW5pbWF0aW9uO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICZbZGF0YS12aWV3PSdkb3QnXSB7XG4gICAgICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLW5hbWU6IGhpZGVXaXRoQ29sb3I7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjNzO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IDE7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLXBsYXktc3RhdGU6IHJ1bm5pbmc7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2Utb3V0O1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi5oaWRkZW4ge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGFuaW1hdGlvbi1uYW1lOiBoaWRlQW5pbWF0aW9uO1xuICAgICAgICBhbmltYXRpb24tZHVyYXRpb246IGNhbGMoMC4zcyArIDAuMXMpO1xuICAgICAgICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiAxO1xuICAgICAgICBhbmltYXRpb24tcGxheS1zdGF0ZTogcnVubmluZztcbiAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuICAgIH1cblxuICAgICYuc2hvd2VkIHtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBhbmltYXRpb24tbmFtZTogc2hvd0FuaW1hdGlvbjtcbiAgICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjNzO1xuICAgICAgICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiAxO1xuICAgICAgICBhbmltYXRpb24tcGxheS1zdGF0ZTogcnVubmluZztcbiAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmFjdGl2ZX0ge1xuICAgICAgICAmW2RhdGEtdmlldz0nZG90J10ge1xuICAgICAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1uYW1lOiBzaG93V2l0aENvbG9yO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4zcztcbiAgICAgICAgICAgICAgICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiAxO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBydW5uaW5nO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGxpbmVhcjtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuc2tpcEFuaW1hdGlvbn0ge1xuICAgICAgICB0cmFuc2l0aW9uOiBub25lO1xuICAgICAgICBhbmltYXRpb24tbmFtZTogbm9uZSAhaW1wb3J0YW50O1xuXG4gICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgIHRyYW5zaXRpb246IG5vbmU7XG4gICAgICAgICAgICBhbmltYXRpb24tbmFtZTogbm9uZSAhaW1wb3J0YW50O1xuICAgICAgICB9XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IExpbmUgPSBzdHlsZWQoRG90KWBcbiAgICBAa2V5ZnJhbWVzIHdpZHRoQW5pbWF0aW9uIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMubGluZVdpZHRofSk7XG4gICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5saW5lSGVpZ2h0fSk7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuYWN0aXZlSXRlbUJhY2tncm91bmR9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgaGVpZ2h0QW5pbWF0aW9uIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMudmVydGljYWxMaW5lV2lkdGh9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLnZlcnRpY2FsTGluZUhlaWdodH0pO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmFjdGl2ZUl0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmW2RhdGEtc2l6ZT0ncyddIHtcbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5saW5lV2lkdGh9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5saW5lQm9yZGVyUmFkaXVzfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmW2RhdGEtc2l6ZT0nbSddIHtcbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5saW5lV2lkdGh9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5saW5lQm9yZGVyUmFkaXVzfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy52ZXJ0aWNhbH0ge1xuICAgICAgICAmW2RhdGEtc2l6ZT0ncyddIHtcbiAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnZlcnRpY2FsTGluZVdpZHRofSk7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMudmVydGljYWxMaW5lSGVpZ2h0fSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmW2RhdGEtc2l6ZT0nbSddIHtcbiAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnZlcnRpY2FsTGluZVdpZHRofSk7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMudmVydGljYWxMaW5lSGVpZ2h0fSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5hY3RpdmV9IHtcbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgYW5pbWF0aW9uLW5hbWU6IHdpZHRoQW5pbWF0aW9uO1xuICAgICAgICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjNzO1xuICAgICAgICAgICAgYW5pbWF0aW9uLWl0ZXJhdGlvbi1jb3VudDogMTtcbiAgICAgICAgICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBydW5uaW5nO1xuICAgICAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMudmVydGljYWx9IHtcbiAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tbmFtZTogaGVpZ2h0QW5pbWF0aW9uO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuc2tpcEFuaW1hdGlvbn0ge1xuICAgICAgICBhbmltYXRpb24tbmFtZTogbm9uZSAhaW1wb3J0YW50O1xuXG4gICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgIGFuaW1hdGlvbi1uYW1lOiBub25lICFpbXBvcnRhbnQ7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXG4gICAgJi4ke2NsYXNzZXMuY2VudGVyZWR9IHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnZlcnRpY2FsfSB7XG4gICAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgICAgICR7RG90fSB7XG4gICAgICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMudmVydGljYWxEb3RQYWRkaW5nfSk7XG4gICAgICAgIH1cblxuICAgICAgICAke0FuaW1hdGVkRG90c1dyYXBwZXJ9IHtcbiAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIH1cblxuICAgICAgICAmLiR7Y2xhc3Nlcy5jZW50ZXJlZH0ge1xuICAgICAgICAgICAgd2lkdGg6IGF1dG87XG4gICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG5cbiAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXX0= */"));
|
44
|
+
var base = exports.base = /*#__PURE__*/(0, _react.css)("display:flex;align-items:center;justify-content:flex-start;&.", _PaginationDots.classes.centered, "{width:100%;justify-content:center;}&.", _PaginationDots.classes.vertical, "{display:inline-flex;flex-direction:column;align-items:center;", Dot, "{padding:var(", _PaginationDots.tokens.verticalDotPadding, ");}", AnimatedDotsWrapper, "{flex-direction:column;}&.", _PaginationDots.classes.centered, "{width:auto;height:100%;position:relative;}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbkRvdHMvUGFnaW5hdGlvbkRvdHMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStSdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9QYWdpbmF0aW9uRG90cy9QYWdpbmF0aW9uRG90cy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vUGFnaW5hdGlvbkRvdHMudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQW5pbWF0ZWREb3RzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IERvdCA9IHN0eWxlZC5kaXZgXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuZG90UGFkZGluZ30pO1xuXG4gICAgJjpiZWZvcmUge1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5kb3RCb3JkZXJSYWRpdXN9KTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIHRyYW5zaXRpb246IHdpZHRoIDAuM3MgbGluZWFyLCBoZWlnaHQgMC4zcyBsaW5lYXI7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuYWN0aXZlfSB7XG4gICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5hY3RpdmVJdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJltkYXRhLXNpemU9J3hzJ10ge1xuICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAtLXBsYXNtYS1wcml2YXRlLWRvdC1zaXplOiB2YXIoJHt0b2tlbnMuZG90U2l6ZVhTfSk7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmRvdFNpemVYU30pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuZG90U2l6ZVhTfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmW2RhdGEtc2l6ZT0ncyddIHtcbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgLS1wbGFzbWEtcHJpdmF0ZS1kb3Qtc2l6ZTogdmFyKCR7dG9rZW5zLmRvdFNpemVTfSk7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmRvdFNpemVTfSk7XG4gICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5kb3RTaXplU30pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJltkYXRhLXNpemU9J20nXSB7XG4gICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgIC0tcGxhc21hLXByaXZhdGUtZG90LXNpemU6IHZhcigke3Rva2Vucy5kb3RTaXplTX0pO1xuICAgICAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5kb3RTaXplTX0pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuZG90U2l6ZU19KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmNsaWNrYWJsZX0ge1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgfVxuXG4gICAgQGtleWZyYW1lcyBzaG93QW5pbWF0aW9uIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDApO1xuICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDEpO1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgc2hvd1dpdGhDb2xvciB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmFjdGl2ZUl0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIGhpZGVXaXRoQ29sb3Ige1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5hY3RpdmVJdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQGtleWZyYW1lcyBoaWRlQW5pbWF0aW9uIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDEpO1xuICAgICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHNjYWxlKDApO1xuICAgICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgcmV2ZXJzZWRXaWR0aEFuaW1hdGlvbiB7XG4gICAgICAgIGZyb20ge1xuICAgICAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5saW5lV2lkdGh9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5saW5lQm9yZGVyUmFkaXVzfSk7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuYWN0aXZlSXRlbUJhY2tncm91bmR9KTtcbiAgICAgICAgfVxuICAgICAgICB0byB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKC0tcGxhc21hLXByaXZhdGUtZG90LXNpemUpO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoLS1wbGFzbWEtcHJpdmF0ZS1kb3Qtc2l6ZSk7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMubGluZUJvcmRlclJhZGl1c30pO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAa2V5ZnJhbWVzIHJldmVyc2VkSGVpZ2h0QW5pbWF0aW9uIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnZlcnRpY2FsTGluZVdpZHRofSk7XG4gICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy52ZXJ0aWNhbExpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5saW5lQm9yZGVyUmFkaXVzfSk7XG4gICAgICAgIH1cbiAgICAgICAgdG8ge1xuICAgICAgICAgICAgd2lkdGg6IHZhcigtLXBsYXNtYS1wcml2YXRlLWRvdC1zaXplKTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKC0tcGxhc21hLXByaXZhdGUtZG90LXNpemUpO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmxpbmVCb3JkZXJSYWRpdXN9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnByZXZBY3RpdmV9IHtcbiAgICAgICAgJltkYXRhLXZpZXc9J2xpbmUnXSB7XG4gICAgICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLW5hbWU6IHJldmVyc2VkV2lkdGhBbmltYXRpb247XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjNzO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IDE7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLXBsYXktc3RhdGU6IHJ1bm5pbmc7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmLiR7Y2xhc3Nlcy52ZXJ0aWNhbH0ge1xuICAgICAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgYW5pbWF0aW9uLW5hbWU6IHJldmVyc2VkSGVpZ2h0QW5pbWF0aW9uO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICZbZGF0YS12aWV3PSdkb3QnXSB7XG4gICAgICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLW5hbWU6IGhpZGVXaXRoQ29sb3I7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjNzO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IDE7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLXBsYXktc3RhdGU6IHJ1bm5pbmc7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2Utb3V0O1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi5oaWRkZW4ge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGFuaW1hdGlvbi1uYW1lOiBoaWRlQW5pbWF0aW9uO1xuICAgICAgICBhbmltYXRpb24tZHVyYXRpb246IGNhbGMoMC4zcyArIDAuMXMpO1xuICAgICAgICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiAxO1xuICAgICAgICBhbmltYXRpb24tcGxheS1zdGF0ZTogcnVubmluZztcbiAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuICAgIH1cblxuICAgICYuc2hvd2VkIHtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBhbmltYXRpb24tbmFtZTogc2hvd0FuaW1hdGlvbjtcbiAgICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjNzO1xuICAgICAgICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiAxO1xuICAgICAgICBhbmltYXRpb24tcGxheS1zdGF0ZTogcnVubmluZztcbiAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmFjdGl2ZX0ge1xuICAgICAgICAmW2RhdGEtdmlldz0nZG90J10ge1xuICAgICAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1uYW1lOiBzaG93V2l0aENvbG9yO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4zcztcbiAgICAgICAgICAgICAgICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiAxO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBydW5uaW5nO1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGxpbmVhcjtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuc2tpcEFuaW1hdGlvbn0ge1xuICAgICAgICB0cmFuc2l0aW9uOiBub25lO1xuICAgICAgICBhbmltYXRpb24tbmFtZTogbm9uZSAhaW1wb3J0YW50O1xuXG4gICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgIHRyYW5zaXRpb246IG5vbmU7XG4gICAgICAgICAgICBhbmltYXRpb24tbmFtZTogbm9uZSAhaW1wb3J0YW50O1xuICAgICAgICB9XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IExpbmUgPSBzdHlsZWQoRG90KWBcbiAgICBAa2V5ZnJhbWVzIHdpZHRoQW5pbWF0aW9uIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMubGluZVdpZHRofSk7XG4gICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5saW5lSGVpZ2h0fSk7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuYWN0aXZlSXRlbUJhY2tncm91bmR9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBrZXlmcmFtZXMgaGVpZ2h0QW5pbWF0aW9uIHtcbiAgICAgICAgZnJvbSB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZH0pO1xuICAgICAgICB9XG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMudmVydGljYWxMaW5lV2lkdGh9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLnZlcnRpY2FsTGluZUhlaWdodH0pO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmFjdGl2ZUl0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmW2RhdGEtc2l6ZT0ncyddIHtcbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5saW5lV2lkdGh9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5saW5lQm9yZGVyUmFkaXVzfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmW2RhdGEtc2l6ZT0nbSddIHtcbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5saW5lV2lkdGh9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5saW5lQm9yZGVyUmFkaXVzfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy52ZXJ0aWNhbH0ge1xuICAgICAgICAmW2RhdGEtc2l6ZT0ncyddIHtcbiAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnZlcnRpY2FsTGluZVdpZHRofSk7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMudmVydGljYWxMaW5lSGVpZ2h0fSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmW2RhdGEtc2l6ZT0nbSddIHtcbiAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnZlcnRpY2FsTGluZVdpZHRofSk7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMudmVydGljYWxMaW5lSGVpZ2h0fSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5hY3RpdmV9IHtcbiAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgYW5pbWF0aW9uLW5hbWU6IHdpZHRoQW5pbWF0aW9uO1xuICAgICAgICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjNzO1xuICAgICAgICAgICAgYW5pbWF0aW9uLWl0ZXJhdGlvbi1jb3VudDogMTtcbiAgICAgICAgICAgIGFuaW1hdGlvbi1wbGF5LXN0YXRlOiBydW5uaW5nO1xuICAgICAgICAgICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogbGluZWFyO1xuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMudmVydGljYWx9IHtcbiAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICBhbmltYXRpb24tbmFtZTogaGVpZ2h0QW5pbWF0aW9uO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuc2tpcEFuaW1hdGlvbn0ge1xuICAgICAgICBhbmltYXRpb24tbmFtZTogbm9uZSAhaW1wb3J0YW50O1xuXG4gICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgIGFuaW1hdGlvbi1uYW1lOiBub25lICFpbXBvcnRhbnQ7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXG4gICAgJi4ke2NsYXNzZXMuY2VudGVyZWR9IHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnZlcnRpY2FsfSB7XG4gICAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgICAgICR7RG90fSB7XG4gICAgICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMudmVydGljYWxEb3RQYWRkaW5nfSk7XG4gICAgICAgIH1cblxuICAgICAgICAke0FuaW1hdGVkRG90c1dyYXBwZXJ9IHtcbiAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIH1cblxuICAgICAgICAmLiR7Y2xhc3Nlcy5jZW50ZXJlZH0ge1xuICAgICAgICAgICAgd2lkdGg6IGF1dG87XG4gICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG5cbiAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXX0= */"));
|
@@ -0,0 +1,95 @@
|
|
1
|
+
---
|
2
|
+
id: segment
|
3
|
+
title: Segment
|
4
|
+
---
|
5
|
+
|
6
|
+
import { PropsTable, Description } from '@site/src/components';
|
7
|
+
|
8
|
+
# PaginationDots
|
9
|
+
Элементы переключения. Oтображают возможность перемещения между небольшим количеством однородных элементов контента.
|
10
|
+
|
11
|
+
## PaginationDots
|
12
|
+
|
13
|
+
<Description name="PaginationDots" />
|
14
|
+
<PropsTable name="PaginationDots" exclude={['css']} />
|
15
|
+
|
16
|
+
```tsx live
|
17
|
+
import React from 'react';
|
18
|
+
import { SegmentGroup, SegmentItem, SegmentProvider, useSegment } from '@salutejs/{{ package }}';
|
19
|
+
|
20
|
+
export function App() {
|
21
|
+
const items = Array(8).fill(0);
|
22
|
+
|
23
|
+
const SegmentTemplate = () => {
|
24
|
+
const {selectedSegmentItems} = useSegment();
|
25
|
+
|
26
|
+
return (
|
27
|
+
<>
|
28
|
+
<div>Выбранный элемент: {selectedSegmentItems.join(', ')}</div>
|
29
|
+
<br />
|
30
|
+
<SegmentGroup hasBackground pilled clip={false}>
|
31
|
+
{items.map((_, i) => (
|
32
|
+
<SegmentItem
|
33
|
+
label={`Label ${i}`}
|
34
|
+
value={`label_${i}`}
|
35
|
+
key={`label_${i}`}
|
36
|
+
view='default'
|
37
|
+
pilled
|
38
|
+
/>
|
39
|
+
))}
|
40
|
+
</SegmentGroup>
|
41
|
+
</>
|
42
|
+
)
|
43
|
+
}
|
44
|
+
|
45
|
+
return (
|
46
|
+
<div style={{ display: "block" }} >
|
47
|
+
<SegmentProvider defaultSelected={['label_1']}>
|
48
|
+
<SegmentTemplate/>
|
49
|
+
</SegmentProvider>
|
50
|
+
</div>
|
51
|
+
);
|
52
|
+
}
|
53
|
+
```
|
54
|
+
|
55
|
+
### Вертикальное отображение
|
56
|
+
|
57
|
+
Для смены ориентации передаем `orientation: 'vertical'`
|
58
|
+
|
59
|
+
```tsx live
|
60
|
+
import React from 'react';
|
61
|
+
import { SegmentGroup, SegmentItem, SegmentProvider, useSegment } from '@salutejs/{{ package }}';
|
62
|
+
|
63
|
+
export function App() {
|
64
|
+
const items = Array(8).fill(0);
|
65
|
+
|
66
|
+
const SegmentTemplate = () => {
|
67
|
+
const {selectedSegmentItems} = useSegment();
|
68
|
+
|
69
|
+
return (
|
70
|
+
<>
|
71
|
+
<div>Выбранный элемент: {selectedSegmentItems.join(', ')}</div>
|
72
|
+
<br />
|
73
|
+
<SegmentGroup hasBackground clip={false}>
|
74
|
+
{items.map((_, i) => (
|
75
|
+
<SegmentItem
|
76
|
+
label={`Label ${i}`}
|
77
|
+
value={`label_${i}`}
|
78
|
+
key={`label_${i}`}
|
79
|
+
view='secondary'
|
80
|
+
/>
|
81
|
+
))}
|
82
|
+
</SegmentGroup>
|
83
|
+
</>
|
84
|
+
)
|
85
|
+
}
|
86
|
+
|
87
|
+
return (
|
88
|
+
<div style={{ display: "block" }} >
|
89
|
+
<SegmentProvider defaultSelected={['label_1']}>
|
90
|
+
<SegmentTemplate/>
|
91
|
+
</SegmentProvider>
|
92
|
+
</div>
|
93
|
+
);
|
94
|
+
}
|
95
|
+
```
|
@@ -0,0 +1,30 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.tokens = exports.classes = void 0;
|
7
|
+
var classes = exports.classes = {
|
8
|
+
active: 'active',
|
9
|
+
prevActive: 'prevActive',
|
10
|
+
centered: 'centered',
|
11
|
+
vertical: 'vertical',
|
12
|
+
clickable: 'clickable',
|
13
|
+
skipAnimation: 'skipAnimation'
|
14
|
+
};
|
15
|
+
var tokens = exports.tokens = {
|
16
|
+
paginationWidth: '--plasma-pagination-width',
|
17
|
+
dotPadding: '--plasma-pagination-dots-dot-padding',
|
18
|
+
verticalDotPadding: '--plasma-pagination-dots-vertical-dot-padding',
|
19
|
+
dotSizeM: '--plasma-pagination-dots-dot-size-m',
|
20
|
+
dotSizeS: '--plasma-pagination-dots-dot-size-s',
|
21
|
+
dotSizeXS: '--plasma-pagination-dots-dot-size-xs',
|
22
|
+
dotBorderRadius: '--plasma-pagination-dots-dot-border-radius',
|
23
|
+
lineWidth: '--plasma-pagination-dots-line-width',
|
24
|
+
lineHeight: '--plasma-pagination-dots-line-height',
|
25
|
+
lineBorderRadius: '--plasma-pagination-dots-line-border-radius',
|
26
|
+
verticalLineWidth: '--plasma-pagination-dots-vertical-line-width',
|
27
|
+
verticalLineHeight: '--plasma-pagination-dots-vertical-line-height',
|
28
|
+
itemBackground: '--plasma-pagination-dots-item-background',
|
29
|
+
activeItemBackground: '--plasma-pagination-dots-active-item-background'
|
30
|
+
};
|