react-scroll-snap-anime-slider 1.3.0 → 1.3.1

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.
Files changed (5) hide show
  1. package/dist/index.js +1 -845
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.module.js +1 -828
  4. package/dist/index.module.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -1,846 +1,2 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
- var popmotion = require('popmotion');
5
-
6
- /******************************************************************************
7
- Copyright (c) Microsoft Corporation.
8
-
9
- Permission to use, copy, modify, and/or distribute this software for any
10
- purpose with or without fee is hereby granted.
11
-
12
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
13
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
14
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
15
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
16
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
17
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
18
- PERFORMANCE OF THIS SOFTWARE.
19
- ***************************************************************************** */
20
- /* global Reflect, Promise */
21
-
22
- var extendStatics = function(d, b) {
23
- extendStatics = Object.setPrototypeOf ||
24
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
25
- function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
26
- return extendStatics(d, b);
27
- };
28
-
29
- function __extends(d, b) {
30
- if (typeof b !== "function" && b !== null)
31
- throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
32
- extendStatics(d, b);
33
- function __() { this.constructor = d; }
34
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
35
- }
36
-
37
- var __assign = function() {
38
- __assign = Object.assign || function __assign(t) {
39
- for (var s, i = 1, n = arguments.length; i < n; i++) {
40
- s = arguments[i];
41
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
42
- }
43
- return t;
44
- };
45
- return __assign.apply(this, arguments);
46
- };
47
-
48
- function __rest(s, e) {
49
- var t = {};
50
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
51
- t[p] = s[p];
52
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
53
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
54
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
55
- t[p[i]] = s[p[i]];
56
- }
57
- return t;
58
- }
59
-
60
- var DefaultCarouselProps = {
61
- slideHeight: 0,
62
- slideWidth: 0,
63
- visibleSlides: 1,
64
- step: 1,
65
- currentSlide: 0,
66
- freeScroll: false,
67
- };
68
- var DefaultCarouselContextProps = __assign(__assign({}, DefaultCarouselProps), { totalSlides: 0, updateContext: function () { }, subscribers: [], slideTo: function () { } });
69
- var CarouselContext = React.createContext(DefaultCarouselContextProps);
70
-
71
- function add(a, b) {
72
- return a + b;
73
- }
74
- function cn() {
75
- var a = [];
76
- for (var _i = 0; _i < arguments.length; _i++) {
77
- a[_i] = arguments[_i];
78
- }
79
- var re = [];
80
- for (var i = 0; i < a.length; ++i) {
81
- var b = a[i];
82
- if (b == null || typeof b === "boolean")
83
- continue;
84
- if (Array.isArray(b)) {
85
- re.push(cn.apply(void 0, b));
86
- }
87
- else
88
- re.push(b);
89
- }
90
- return re.join(' ').replace(/\s+/g, ' ').trim();
91
- }
92
- function deepCompare() {
93
- var arg = [];
94
- for (var _i = 0; _i < arguments.length; _i++) {
95
- arg[_i] = arguments[_i];
96
- }
97
- var i, l, leftChain, rightChain;
98
- function compare2Objects(x, y) {
99
- var p;
100
- if (isNaN(x) && isNaN(y) && typeof x === 'number' && typeof y === 'number') {
101
- return true;
102
- }
103
- if (x === y) {
104
- return true;
105
- }
106
- if ((typeof x === 'function' && typeof y === 'function') ||
107
- (x instanceof Date && y instanceof Date) ||
108
- (x instanceof RegExp && y instanceof RegExp) ||
109
- (x instanceof String && y instanceof String) ||
110
- (x instanceof Number && y instanceof Number)) {
111
- return x.toString() === y.toString();
112
- }
113
- if (!(x instanceof Object && y instanceof Object)) {
114
- return false;
115
- }
116
- if (x.isPrototypeOf(y) || y.isPrototypeOf(x)) {
117
- return false;
118
- }
119
- if (x.constructor !== y.constructor) {
120
- return false;
121
- }
122
- if (x.prototype !== y.prototype) {
123
- return false;
124
- }
125
- if (leftChain.indexOf(x) > -1 || rightChain.indexOf(y) > -1) {
126
- return false;
127
- }
128
- for (p in y) {
129
- if (y.hasOwnProperty(p) !== x.hasOwnProperty(p)) {
130
- return false;
131
- }
132
- else if (typeof y[p] !== typeof x[p]) {
133
- return false;
134
- }
135
- }
136
- for (p in x) {
137
- if (y.hasOwnProperty(p) !== x.hasOwnProperty(p)) {
138
- return false;
139
- }
140
- else if (typeof y[p] !== typeof x[p]) {
141
- return false;
142
- }
143
- switch (typeof (x[p])) {
144
- case 'object':
145
- case 'function':
146
- leftChain.push(x);
147
- rightChain.push(y);
148
- if (!compare2Objects(x[p], y[p])) {
149
- return false;
150
- }
151
- leftChain.pop();
152
- rightChain.pop();
153
- break;
154
- default:
155
- if (x[p] !== y[p]) {
156
- return false;
157
- }
158
- break;
159
- }
160
- }
161
- return true;
162
- }
163
- if (arg.length < 1) {
164
- return true;
165
- }
166
- for (i = 1, l = arg.length; i < l; i++) {
167
- leftChain = [];
168
- rightChain = [];
169
- if (!compare2Objects(arg[0], arg[i])) {
170
- return false;
171
- }
172
- }
173
- return true;
174
- }
175
- function round3(n) {
176
- return Math.round(n * 1000) / 1000;
177
- }
178
-
179
- function styleInject(css, ref) {
180
- if ( ref === void 0 ) ref = {};
181
- var insertAt = ref.insertAt;
182
-
183
- if (!css || typeof document === 'undefined') { return; }
184
-
185
- var head = document.head || document.getElementsByTagName('head')[0];
186
- var style = document.createElement('style');
187
- style.type = 'text/css';
188
-
189
- if (insertAt === 'top') {
190
- if (head.firstChild) {
191
- head.insertBefore(style, head.firstChild);
192
- } else {
193
- head.appendChild(style);
194
- }
195
- } else {
196
- head.appendChild(style);
197
- }
198
-
199
- if (style.styleSheet) {
200
- style.styleSheet.cssText = css;
201
- } else {
202
- style.appendChild(document.createTextNode(css));
203
- }
204
- }
205
-
206
- var css_248z = ".wrapper__WZ9Y1 .slider__T8bxB{overflow:hidden;position:relative}.wrapper__WZ9Y1 .slider__T8bxB .slider-tray__29SRr::-webkit-scrollbar{display:none}.wrapper__WZ9Y1 .slider__T8bxB .slider-tray__29SRr.css-only__i5pKg{-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.wrapper__WZ9Y1 .slider__T8bxB .slider-tray__29SRr.css-only__i5pKg .slide__JLMug{flex-shrink:0;scroll-snap-align:start;scroll-snap-stop:normal}.wrapper__WZ9Y1 .slider__T8bxB .slider-tray__29SRr.css-only__i5pKg .slide__JLMug .slide-inner-padding__xA7ms{position:relative}.wrapper__WZ9Y1 .slider__T8bxB .slider-tray__29SRr.css-only__i5pKg .slide__JLMug .slide-inner-padding__xA7ms .slide-inner-wrapper__2gLNh.fixed-size__jvUC5{height:100%;left:0;position:absolute;top:0;width:100%}.wrapper__WZ9Y1 .slider__T8bxB .slider-tray__29SRr.css-only__i5pKg .slide__JLMug.with-offset__Nwmjg{scroll-snap-align:center}.wrapper__WZ9Y1 .slider__T8bxB .slider-tray__29SRr.css-only__i5pKg .slide__JLMug.snap-stop__Sd4PZ{scroll-snap-stop:always}.wrapper__WZ9Y1 .slider__T8bxB .slider-tray__29SRr.css-only__i5pKg.scroll-snap__UJMQj{scroll-behavior:smooth;scroll-snap-type:x mandatory}.wrapper__WZ9Y1 .slider-bar__KJ760 .slider-bar-track__cpvry{background-color:#eee;height:10px;position:relative}.wrapper__WZ9Y1 .slider-bar__KJ760 .slider-bar-track__cpvry .slider-bar-thumb__aEFEz{background-color:#555;height:100%;left:0;position:absolute;top:0}.wrapper__WZ9Y1 .slider-bar__KJ760 .slider-bar-dot-group__O5G-9{display:flex;justify-content:center;position:relative}.wrapper__WZ9Y1 .slider-bar__KJ760 .slider-bar-dot-group__O5G-9 .slider-dot__BE48t{background-color:#555;border-radius:10rem;cursor:pointer;height:8px;margin:0 5px;width:8px}.wrapper__WZ9Y1 .slider-bar__KJ760 .slider-bar-dot-group__O5G-9 .slider-dot__BE48t:not(.dynamic__FKSSN){background-color:#ddd;margin:0 4px}.wrapper__WZ9Y1 .slider-bar__KJ760 .slider-bar-dot-group__O5G-9 .slider-dot__BE48t.active__TNQVn:not(.dynamic__FKSSN){background-color:#666}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLCtCQUVFLGVBQWdCLENBRGhCLGlCQUNrQixDQUNsQixzRUFDRSxZQUFlLENBQ2pCLG1FQUdFLGdDQUFpQyxDQUZqQyxZQUFhLENBQ2IsZUFDbUMsQ0FDbkMsaUZBQ0UsYUFBYyxDQUNkLHVCQUF3QixDQUN4Qix1QkFBMEIsQ0FDMUIsNkdBQ0UsaUJBQW9CLENBQ3BCLDJKQUdFLFdBQVksQ0FDWixNQUFPLENBSFAsaUJBQWtCLENBSWxCLEtBQU0sQ0FITixVQUdRLENBQ2Qsb0dBQ0Usd0JBQTJCLENBQzdCLGtHQUNFLHVCQUEwQixDQUM5QixzRkFDRSxzQkFBdUIsQ0FDdkIsNEJBQStCLENBRW5DLDREQUNFLHFCQUFzQixDQUV0QixXQUFZLENBRFosaUJBQ2MsQ0FDZCxxRkFLRSxxQkFBc0IsQ0FEdEIsV0FBWSxDQUZaLE1BQU8sQ0FEUCxpQkFBa0IsQ0FFbEIsS0FFd0IsQ0FFNUIsZ0VBQ0UsWUFBYSxDQUNiLHNCQUF1QixDQUN2QixpQkFBb0IsQ0FDcEIsbUZBS0UscUJBQXNCLENBRHRCLG1CQUFvQixDQUhwQixjQUFlLENBQ2YsVUFBVyxDQUlYLFlBQWEsQ0FIYixTQUdlLENBQ2pCLHdHQUNFLHFCQUFzQixDQUN0QixZQUFlLENBQ2pCLHNIQUNFLHFCQUF3QiIsImZpbGUiOiJzdHlsZS5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi53cmFwcGVyIC5zbGlkZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47IH1cbiAgLndyYXBwZXIgLnNsaWRlciAuc2xpZGVyLXRyYXk6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICBkaXNwbGF5OiBub25lOyB9XG4gIC53cmFwcGVyIC5zbGlkZXIgLnNsaWRlci10cmF5LmNzcy1vbmx5IHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIG92ZXJmbG93LXg6IGF1dG87XG4gICAgLXdlYmtpdC1vdmVyZmxvdy1zY3JvbGxpbmc6IHRvdWNoOyB9XG4gICAgLndyYXBwZXIgLnNsaWRlciAuc2xpZGVyLXRyYXkuY3NzLW9ubHkgLnNsaWRlIHtcbiAgICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgICAgc2Nyb2xsLXNuYXAtYWxpZ246IHN0YXJ0O1xuICAgICAgc2Nyb2xsLXNuYXAtc3RvcDogbm9ybWFsOyB9XG4gICAgICAud3JhcHBlciAuc2xpZGVyIC5zbGlkZXItdHJheS5jc3Mtb25seSAuc2xpZGUgLnNsaWRlLWlubmVyLXBhZGRpbmcge1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7IH1cbiAgICAgICAgLndyYXBwZXIgLnNsaWRlciAuc2xpZGVyLXRyYXkuY3NzLW9ubHkgLnNsaWRlIC5zbGlkZS1pbm5lci1wYWRkaW5nIC5zbGlkZS1pbm5lci13cmFwcGVyLmZpeGVkLXNpemUge1xuICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICB0b3A6IDA7IH1cbiAgICAud3JhcHBlciAuc2xpZGVyIC5zbGlkZXItdHJheS5jc3Mtb25seSAuc2xpZGUud2l0aC1vZmZzZXQge1xuICAgICAgc2Nyb2xsLXNuYXAtYWxpZ246IGNlbnRlcjsgfVxuICAgIC53cmFwcGVyIC5zbGlkZXIgLnNsaWRlci10cmF5LmNzcy1vbmx5IC5zbGlkZS5zbmFwLXN0b3Age1xuICAgICAgc2Nyb2xsLXNuYXAtc3RvcDogYWx3YXlzOyB9XG4gIC53cmFwcGVyIC5zbGlkZXIgLnNsaWRlci10cmF5LmNzcy1vbmx5LnNjcm9sbC1zbmFwIHtcbiAgICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDtcbiAgICBzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTsgfVxuXG4ud3JhcHBlciAuc2xpZGVyLWJhciAuc2xpZGVyLWJhci10cmFjayB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNlZWU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAxMHB4OyB9XG4gIC53cmFwcGVyIC5zbGlkZXItYmFyIC5zbGlkZXItYmFyLXRyYWNrIC5zbGlkZXItYmFyLXRodW1iIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbGVmdDogMDtcbiAgICB0b3A6IDA7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICM1NTU7IH1cblxuLndyYXBwZXIgLnNsaWRlci1iYXIgLnNsaWRlci1iYXItZG90LWdyb3VwIHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTsgfVxuICAud3JhcHBlciAuc2xpZGVyLWJhciAuc2xpZGVyLWJhci1kb3QtZ3JvdXAgLnNsaWRlci1kb3Qge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBoZWlnaHQ6IDhweDtcbiAgICB3aWR0aDogOHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDEwcmVtO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICM1NTU7XG4gICAgbWFyZ2luOiAwIDVweDsgfVxuICAud3JhcHBlciAuc2xpZGVyLWJhciAuc2xpZGVyLWJhci1kb3QtZ3JvdXAgLnNsaWRlci1kb3Q6bm90KC5keW5hbWljKSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2RkZDtcbiAgICBtYXJnaW46IDAgNHB4OyB9XG4gIC53cmFwcGVyIC5zbGlkZXItYmFyIC5zbGlkZXItYmFyLWRvdC1ncm91cCAuc2xpZGVyLWRvdC5hY3RpdmU6bm90KC5keW5hbWljKSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzY2NjsgfVxuIl19 */";
207
- var styles = {"wrapper":"wrapper__WZ9Y1","slider":"slider__T8bxB","slider-tray":"slider-tray__29SRr","css-only":"css-only__i5pKg","slide":"slide__JLMug","slide-inner-padding":"slide-inner-padding__xA7ms","slide-inner-wrapper":"slide-inner-wrapper__2gLNh","fixed-size":"fixed-size__jvUC5","with-offset":"with-offset__Nwmjg","snap-stop":"snap-stop__Sd4PZ","scroll-snap":"scroll-snap__UJMQj","slider-bar":"slider-bar__KJ760","slider-bar-track":"slider-bar-track__cpvry","slider-bar-thumb":"slider-bar-thumb__aEFEz","slider-bar-dot-group":"slider-bar-dot-group__O5G-9","slider-dot":"slider-dot__BE48t","dynamic":"dynamic__FKSSN","active":"active__TNQVn"};
208
- styleInject(css_248z);
209
-
210
- var prefix = "rssas";
211
- function ss(className) {
212
- var className1 = prefix + "-" + className;
213
- return [className1, styles[className]];
214
- }
215
-
216
- var Carousel = (function (_super) {
217
- __extends(Carousel, _super);
218
- function Carousel(props) {
219
- var _this = _super.call(this, props) || this;
220
- _this.updateContext = function (state) {
221
- _this.setState({
222
- context: __assign(__assign({}, _this.state.context), state)
223
- });
224
- };
225
- var _a = _this.props; _a.className; _a.style; _a.children; var contextProps = __rest(_a, ["className", "style", "children"]);
226
- contextProps.step = _this.validateStep();
227
- _this.state = {
228
- context: __assign(__assign({}, contextProps), { updateContext: _this.updateContext, subscribers: [], slideTo: function () { } })
229
- };
230
- return _this;
231
- }
232
- Carousel.prototype.validateStep = function () {
233
- return this.props.step > 0
234
- ? (this.props.step < this.props.visibleSlides
235
- ? this.props.step
236
- : this.props.visibleSlides)
237
- : 1;
238
- };
239
- Carousel.prototype.componentDidUpdate = function (prevProps, prevState, snapshot) {
240
- prevProps.className; prevProps.style; prevProps.children; var contextPrevProps = __rest(prevProps, ["className", "style", "children"]);
241
- var _a = this.props; _a.className; _a.style; _a.children; var contextProps = __rest(_a, ["className", "style", "children"]);
242
- if (!deepCompare(contextPrevProps, contextProps)) {
243
- contextProps.step = this.validateStep();
244
- this.setState({
245
- context: __assign(__assign({}, contextProps), { updateContext: this.updateContext, subscribers: [], slideTo: function () { } })
246
- });
247
- }
248
- };
249
- Carousel.prototype.render = function () {
250
- var _a = this.props, className = _a.className, style = _a.style, children = _a.children;
251
- return (React.createElement("div", { className: cn(ss("wrapper"), className), style: style },
252
- React.createElement(CarouselContext.Provider, { value: __assign({}, this.state.context) }, children)));
253
- };
254
- Carousel.defaultProps = __assign({}, DefaultCarouselProps);
255
- return Carousel;
256
- }(React.Component));
257
-
258
- var Slider = (function (_super) {
259
- __extends(Slider, _super);
260
- function Slider(prop) {
261
- var _this = _super.call(this, prop) || this;
262
- _this.sliderTrayRef = React.createRef();
263
- _this.tempCurrentSlide = 0;
264
- _this.onScroll = function (evt) {
265
- var state = _this.getTrayState();
266
- if (state) {
267
- var trayWidth = state.trayWidth;
268
- var innerTrayWidth = state.innerTrayWidth;
269
- var slideWidth = state.slideWidth;
270
- var scrollLeft = state.scrollLeft;
271
- var currentSlide = _this.context.currentSlide;
272
- for (var i = 0; i < _this.context.subscribers.length; ++i) {
273
- _this.context.subscribers[i](innerTrayWidth, slideWidth, scrollLeft);
274
- }
275
- _this.updateSlideIndex(state);
276
- if (_this.context.onSlide) {
277
- _this.context.onSlide({
278
- scrollLeft: scrollLeft,
279
- currentSlide: currentSlide,
280
- slideWidth: slideWidth,
281
- trayWidth: trayWidth,
282
- });
283
- }
284
- }
285
- };
286
- _this.onWheel = function (evt) {
287
- var _a;
288
- _this.stopAnimeActions();
289
- if (_this.sliderTrayRef.current) {
290
- var trayElement = _this.sliderTrayRef.current;
291
- !_this.context.freeScroll && (_a = trayElement.classList).add.apply(_a, ss("scroll-snap"));
292
- }
293
- };
294
- _this.startTracking = function (evt) {
295
- var _a;
296
- var scrollMax = _this.getScrollMax();
297
- _this.stopAnimeActions();
298
- if (_this.sliderTrayRef.current && scrollMax > 0) {
299
- var trayElement_1 = _this.sliderTrayRef.current;
300
- var startPoint = trayElement_1.scrollLeft;
301
- var newStartPoint_1 = startPoint;
302
- _this.scrollValue = popmotion.value(startPoint, function (newValue) {
303
- trayElement_1.scrollTo(newValue, 0);
304
- });
305
- !_this.context.freeScroll && (_a = trayElement_1.classList).remove.apply(_a, ss("scroll-snap"));
306
- _this.pointerAction = popmotion.pointer({
307
- x: 0,
308
- y: 0
309
- }).pipe(function (next) {
310
- var x = newStartPoint_1 - next.x;
311
- if (x < 0) {
312
- newStartPoint_1 = next.x;
313
- return { x: 0, y: next.y };
314
- }
315
- else if (x > scrollMax) {
316
- newStartPoint_1 = scrollMax + next.x;
317
- return { x: scrollMax, y: next.y };
318
- }
319
- return { x: x, y: next.y };
320
- }).start({
321
- update: function (a) {
322
- _this.scrollValue.update(a.x);
323
- }
324
- });
325
- _this.mouseUpAction = popmotion.listen(window.document, "mouseup").start(_this.stopTracking);
326
- }
327
- };
328
- _this.stopTracking = function (evt) {
329
- var _a;
330
- if (_this.pointerAction && _this.sliderTrayRef.current) {
331
- var trayElement_2 = _this.sliderTrayRef.current;
332
- var scrollMax_1 = _this.getScrollMax();
333
- var fromValue = _this.scrollValue.get();
334
- var velocity = _this.scrollValue.getVelocity();
335
- var toStop_1 = false;
336
- var onComplete_1 = function () {
337
- var _a;
338
- _this.snapAction = undefined;
339
- !_this.context.freeScroll && (_a = trayElement_2.classList).add.apply(_a, ss("scroll-snap"));
340
- };
341
- var snap_1 = function (from, to) { return popmotion.tween({
342
- from: from,
343
- to: to,
344
- duration: 300,
345
- ease: popmotion.easing.easeOut,
346
- }).start({
347
- update: function (a) { return _this.scrollValue.update(a); },
348
- complete: onComplete_1
349
- }); };
350
- (_a = _this.mouseUpAction) === null || _a === void 0 ? void 0 : _a.stop();
351
- _this.pointerAction.stop();
352
- _this.pointerAction = undefined;
353
- if (velocity === 0) {
354
- if (!_this.context.freeScroll) {
355
- var targetScrollValue = _this.getSnapScrollValue(fromValue, velocity);
356
- _this.snapAction = snap_1(fromValue, targetScrollValue);
357
- }
358
- return;
359
- }
360
- var startToUpdateInertia_1 = false;
361
- var inertiaAction_1 = popmotion.inertia({
362
- from: fromValue,
363
- velocity: velocity,
364
- bounceStiffness: 500,
365
- bounceDamping: 30,
366
- power: 0.4,
367
- restDelta: 0.4,
368
- timeConstant: 500
369
- })
370
- .while(function (v) { return !toStop_1; })
371
- .pipe(function (v) {
372
- if (v < 0) {
373
- toStop_1 = true;
374
- return 0;
375
- }
376
- else if (v > scrollMax_1) {
377
- toStop_1 = true;
378
- return scrollMax_1;
379
- }
380
- return v;
381
- })
382
- .start({
383
- update: function (v) {
384
- if (!startToUpdateInertia_1) {
385
- startToUpdateInertia_1 = true;
386
- return;
387
- }
388
- var vel = _this.scrollValue.getVelocity();
389
- _this.scrollValue.update(v);
390
- if (Math.abs(vel) < 250) {
391
- if (!_this.context.freeScroll) {
392
- inertiaAction_1.stop();
393
- _this.inertiaAction = undefined;
394
- var targetScrollValue = _this.getSnapScrollValue(v, vel);
395
- _this.snapAction = snap_1(v, targetScrollValue);
396
- }
397
- }
398
- },
399
- complete: onComplete_1
400
- });
401
- _this.inertiaAction = inertiaAction_1;
402
- }
403
- };
404
- return _this;
405
- }
406
- Slider.prototype.getTrayState = function () {
407
- if (this.sliderTrayRef.current) {
408
- var trayElement = this.sliderTrayRef.current;
409
- var scrollLeft = trayElement.scrollLeft;
410
- var trayWidth = trayElement.offsetWidth;
411
- var trayPaddingX = Number(window.getComputedStyle(trayElement).paddingLeft.replace("px", ""));
412
- var innerTrayWidth = this.context.offset == null
413
- ? trayWidth
414
- : trayWidth - 2 * trayPaddingX;
415
- var slideWidth = innerTrayWidth / this.context.visibleSlides;
416
- var slideCount = trayElement.childElementCount;
417
- var currentSlide = Math.round(scrollLeft / slideWidth);
418
- return { trayElement: trayElement, scrollLeft: scrollLeft, trayWidth: trayWidth, innerTrayWidth: innerTrayWidth, trayPaddingX: trayPaddingX, slideWidth: slideWidth, slideCount: slideCount, currentSlide: currentSlide };
419
- }
420
- };
421
- Slider.prototype.updateSlideIndex = function (state) {
422
- if (state === void 0) { state = this.getTrayState(); }
423
- if (state) {
424
- var newSlideIndex = state.currentSlide;
425
- if (this.tempCurrentSlide !== newSlideIndex) {
426
- this.tempCurrentSlide = newSlideIndex;
427
- this.context.updateContext({ currentSlide: this.tempCurrentSlide });
428
- }
429
- }
430
- };
431
- Slider.prototype.slideTo = function (slideIndex, animated) {
432
- var _a;
433
- var _this = this;
434
- if (animated === void 0) { animated = true; }
435
- var state = this.getTrayState();
436
- if (state) {
437
- this.stopAnimeActions();
438
- var trayElement_3 = state.trayElement;
439
- var startPoint = state.scrollLeft;
440
- var slideWidth = state.slideWidth;
441
- var onComplete = function () {
442
- var _a;
443
- _this.snapAction = undefined;
444
- !_this.context.freeScroll && (_a = trayElement_3.classList).add.apply(_a, ss("scroll-snap"));
445
- };
446
- var targetScrollValue = slideIndex * slideWidth;
447
- !this.context.freeScroll && (_a = trayElement_3.classList).remove.apply(_a, ss("scroll-snap"));
448
- this.snapAction = popmotion.tween({
449
- from: startPoint,
450
- to: targetScrollValue,
451
- duration: animated ? 300 : 0,
452
- ease: popmotion.easing.easeOut,
453
- }).start({
454
- update: function (v) {
455
- trayElement_3.scrollTo(v, 0);
456
- },
457
- complete: onComplete
458
- });
459
- }
460
- };
461
- Slider.prototype.stopAnimeActions = function () {
462
- if (this.inertiaAction) {
463
- this.inertiaAction.stop();
464
- this.inertiaAction = undefined;
465
- }
466
- if (this.snapAction) {
467
- this.snapAction.stop();
468
- this.snapAction = undefined;
469
- }
470
- };
471
- Slider.prototype.applyOverdrag = function (x, max) {
472
- var tug = 0.1;
473
- var rx = x;
474
- if (x < 0)
475
- rx = popmotion.calc.getValueFromProgress(0, x, tug);
476
- if (x > max)
477
- rx = popmotion.calc.getValueFromProgress(max, x, tug);
478
- return rx;
479
- };
480
- Slider.prototype.getScrollMax = function () {
481
- var state = this.getTrayState();
482
- if (state) {
483
- var max = state.slideWidth * (state.slideCount - this.context.visibleSlides);
484
- return max;
485
- }
486
- return 0;
487
- };
488
- Slider.prototype.getSnapScrollValue = function (currentScrollValue, isDown) {
489
- var targetScrollValue = currentScrollValue;
490
- var state = this.getTrayState();
491
- if (state) {
492
- var slideWidth = state.slideWidth;
493
- var slideCount = state.slideCount;
494
- var targetSlideNo = 0;
495
- if (isDown > 0) {
496
- targetSlideNo = Math.ceil(currentScrollValue / slideWidth);
497
- }
498
- else if (isDown < 0) {
499
- targetSlideNo = Math.floor(currentScrollValue / slideWidth);
500
- }
501
- else {
502
- targetSlideNo = Math.round(currentScrollValue / slideWidth);
503
- }
504
- if (targetSlideNo <= slideCount) {
505
- targetScrollValue = targetSlideNo * slideWidth;
506
- }
507
- }
508
- return targetScrollValue;
509
- };
510
- Slider.prototype.componentDidUpdate = function (prevProps, prevState, snapshot) {
511
- var _this = this;
512
- this.context.slideTo = function (i) { return _this.slideTo(i, true); };
513
- };
514
- Slider.prototype.componentDidMount = function () {
515
- var _this = this;
516
- if (this.sliderTrayRef.current) {
517
- var trayElement = this.sliderTrayRef.current;
518
- this.mouseDownAction = popmotion.listen(trayElement, "mousedown").start(this.startTracking);
519
- trayElement.addEventListener("scroll", this.onScroll, false);
520
- trayElement.addEventListener("mousewheel", this.onWheel, false);
521
- trayElement.addEventListener("DOMMouseScroll", this.onWheel, false);
522
- }
523
- if (this.tempCurrentSlide !== this.context.currentSlide) {
524
- this.slideTo(this.context.currentSlide, false);
525
- }
526
- this.context.slideTo = function (i) { return _this.slideTo(i, true); };
527
- };
528
- Slider.prototype.componentWillUnmount = function () {
529
- var _a, _b;
530
- if (this.sliderTrayRef.current) {
531
- var trayElement = this.sliderTrayRef.current;
532
- this.stopAnimeActions();
533
- (_a = this.mouseDownAction) === null || _a === void 0 ? void 0 : _a.stop();
534
- (_b = this.pointerAction) === null || _b === void 0 ? void 0 : _b.stop();
535
- trayElement.removeEventListener("scroll", this.onScroll, false);
536
- trayElement.removeEventListener("mousewheel", this.onWheel, false);
537
- trayElement.removeEventListener("DOMMouseScroll", this.onWheel, false);
538
- }
539
- };
540
- Slider.prototype.render = function () {
541
- var _a = this.props, children = _a.children, className = _a.className, trayProps = _a.trayProps, otherProps = __rest(_a, ["children", "className", "trayProps"]);
542
- var trayStyle = {};
543
- if (this.context.margin) {
544
- trayStyle.marginLeft = "-" + this.context.margin;
545
- trayStyle.marginRight = "-" + this.context.margin;
546
- }
547
- if (this.context.offset) {
548
- trayStyle.padding = "0 ".concat(this.context.offset);
549
- }
550
- return (React.createElement("div", __assign({}, otherProps, { className: cn(ss("slider"), className) }),
551
- React.createElement("div", __assign({}, trayProps, { className: cn(ss("slider-tray"), ss("css-only"), (this.context.freeScroll ? "" : ss("scroll-snap")), trayProps === null || trayProps === void 0 ? void 0 : trayProps.className), style: __assign(__assign({}, trayProps === null || trayProps === void 0 ? void 0 : trayProps.style), trayStyle), ref: this.sliderTrayRef }), children)));
552
- };
553
- return Slider;
554
- }(React.Component));
555
- Slider.contextType = CarouselContext;
556
-
557
- var Slide = (function (_super) {
558
- __extends(Slide, _super);
559
- function Slide(prop) {
560
- var _this = _super.call(this, prop) || this;
561
- _this.state = {};
562
- return _this;
563
- }
564
- Slide.prototype.render = function () {
565
- var _a = this.props, children = _a.children, style = _a.style, className = _a.className, innerMarginDivProps = _a.innerMarginDivProps, innerPaddingDivProps = _a.innerPaddingDivProps, innerWrapperDivProps = _a.innerWrapperDivProps, otherProps = __rest(_a, ["children", "style", "className", "innerMarginDivProps", "innerPaddingDivProps", "innerWrapperDivProps"]);
566
- var _b = this.context, slideHeight = _b.slideHeight, slideWidth = _b.slideWidth, visibleSlides = _b.visibleSlides;
567
- var widthPercent = visibleSlides > 0
568
- ? (100 / visibleSlides)
569
- : 100;
570
- var paddingBottomPercent = (slideHeight > 0 && slideWidth > 0)
571
- ? slideHeight / slideWidth * 100
572
- : 0;
573
- var slideStyle = __assign({ width: widthPercent + "%" }, style);
574
- var innerPaddingStyle = __assign({ paddingBottom: paddingBottomPercent > 0 ? paddingBottomPercent + "%" : "" }, innerPaddingDivProps === null || innerPaddingDivProps === void 0 ? void 0 : innerPaddingDivProps.style);
575
- var innerMarginStyle = __assign({}, innerMarginDivProps === null || innerMarginDivProps === void 0 ? void 0 : innerMarginDivProps.style);
576
- if (this.context.margin) {
577
- innerMarginStyle.marginLeft = this.context.margin;
578
- innerMarginStyle.marginRight = this.context.margin;
579
- }
580
- var innerWrapperClass = paddingBottomPercent > 0 ? ss("fixed-size") : "";
581
- return (React.createElement("div", __assign({}, otherProps, { className: cn(ss("slide"), (this.context.offset != null && ss("with-offset")), className), style: slideStyle }),
582
- React.createElement("div", __assign({}, innerMarginDivProps, { className: cn(ss("slide-inner-margin")), style: innerMarginStyle }),
583
- React.createElement("div", __assign({}, innerPaddingDivProps, { className: cn(ss("slide-inner-padding")), style: innerPaddingStyle }),
584
- React.createElement("div", __assign({}, innerWrapperDivProps, { className: cn(ss("slide-inner-wrapper"), innerWrapperClass, innerWrapperDivProps === null || innerWrapperDivProps === void 0 ? void 0 : innerWrapperDivProps.className) }), children)))));
585
- };
586
- return Slide;
587
- }(React.Component));
588
- Slide.contextType = CarouselContext;
589
-
590
- var SliderButton = (function (_super) {
591
- __extends(SliderButton, _super);
592
- function SliderButton() {
593
- var _this = _super !== null && _super.apply(this, arguments) || this;
594
- _this.className = "slider-button";
595
- _this.ariaLabel = "";
596
- _this.isBack = true;
597
- _this.onClick = function () { };
598
- return _this;
599
- }
600
- SliderButton.prototype.handleOnClick = function (isNext) {
601
- var currentSlide = this.context.currentSlide;
602
- var step = this.context.step;
603
- var maxSlide = this.context.totalSlides - this.context.visibleSlides;
604
- var nextSlide = currentSlide + (isNext ? step : -1 * step);
605
- if (nextSlide > maxSlide) {
606
- nextSlide = maxSlide;
607
- }
608
- else if (nextSlide < 0) {
609
- nextSlide = 0;
610
- }
611
- if (currentSlide === nextSlide)
612
- return;
613
- this.context.slideTo(nextSlide);
614
- };
615
- SliderButton.prototype.render = function () {
616
- var _a = this.context, visibleSlides = _a.visibleSlides, totalSlides = _a.totalSlides, currentSlide = _a.currentSlide;
617
- var _b = this.props, className = _b.className, disabled = _b.disabled, otherProps = __rest(_b, ["className", "disabled"]);
618
- var newClassName = cn(this.className, className);
619
- var maxSlide = totalSlides - visibleSlides;
620
- if (disabled == null) {
621
- if ((this.isBack && currentSlide <= 0)
622
- || (!this.isBack && currentSlide >= maxSlide)) {
623
- disabled = true;
624
- }
625
- }
626
- return (React.createElement("button", __assign({ type: "button", "aria-label": this.ariaLabel, className: newClassName, onClick: this.onClick, disabled: disabled }, otherProps), this.props.children));
627
- };
628
- return SliderButton;
629
- }(React.PureComponent));
630
- SliderButton.contextType = CarouselContext;
631
-
632
- var ButtonBack = (function (_super) {
633
- __extends(ButtonBack, _super);
634
- function ButtonBack(props) {
635
- var _this = _super.call(this, props) || this;
636
- _this.className = cn(ss("slider-back-button"), _this.className);
637
- _this.ariaLabel = "previous";
638
- _this.onClick = function () { return _this.handleOnClick(false); };
639
- return _this;
640
- }
641
- return ButtonBack;
642
- }(SliderButton));
643
-
644
- var ButtonNext = (function (_super) {
645
- __extends(ButtonNext, _super);
646
- function ButtonNext(props) {
647
- var _this = _super.call(this, props) || this;
648
- _this.isBack = false;
649
- _this.className = cn(ss("slider-next-button"), _this.className);
650
- _this.ariaLabel = "next";
651
- _this.onClick = function () { return _this.handleOnClick(true); };
652
- return _this;
653
- }
654
- return ButtonNext;
655
- }(SliderButton));
656
-
657
- var SliderBar = (function (_super) {
658
- __extends(SliderBar, _super);
659
- function SliderBar(prop) {
660
- var _this = _super.call(this, prop) || this;
661
- _this.slideTo = function (nextSlide) {
662
- var currentSlide = _this.context.currentSlide;
663
- var maxSlide = _this.context.totalSlides - _this.context.visibleSlides;
664
- if (nextSlide > maxSlide) {
665
- nextSlide = maxSlide;
666
- }
667
- else if (nextSlide < 0) {
668
- nextSlide = 0;
669
- }
670
- if (currentSlide === nextSlide)
671
- return;
672
- _this.context.slideTo(nextSlide);
673
- };
674
- _this.onScroll = function (trayWidth, slideWidth, scrollLeft) {
675
- var totalSlides = _this.context.totalSlides;
676
- var totalWidth = totalSlides * slideWidth;
677
- var per = scrollLeft / totalWidth * 100;
678
- _this.setState({ left: per });
679
- };
680
- _this.state = {
681
- left: 0,
682
- };
683
- return _this;
684
- }
685
- SliderBar.prototype.componentDidUpdate = function (prevProps, prevState, snapshot) {
686
- if (this.prevContext.subscribers !== this.context.subscribers) {
687
- this.context.subscribers.push(this.onScroll);
688
- this.prevContext = this.context;
689
- }
690
- };
691
- SliderBar.prototype.componentDidMount = function () {
692
- var _a = this.context, currentSlide = _a.currentSlide; _a.visibleSlides; var totalSlides = _a.totalSlides;
693
- this.context.subscribers.push(this.onScroll);
694
- this.prevContext = this.context;
695
- if (currentSlide !== 0) {
696
- var left = currentSlide / totalSlides * 100;
697
- this.setState({ left: left });
698
- }
699
- };
700
- SliderBar.prototype.componentWillUnmount = function () {
701
- var i = this.context.subscribers.indexOf(this.onScroll);
702
- if (i >= 0)
703
- this.context.subscribers.splice(i, 1);
704
- };
705
- return SliderBar;
706
- }(React.Component));
707
- SliderBar.contextType = CarouselContext;
708
-
709
- var SliderBarLine = (function (_super) {
710
- __extends(SliderBarLine, _super);
711
- function SliderBarLine() {
712
- return _super !== null && _super.apply(this, arguments) || this;
713
- }
714
- SliderBarLine.prototype.render = function () {
715
- var _a = this.context, visibleSlides = _a.visibleSlides, totalSlides = _a.totalSlides;
716
- var _b = this.props, className = _b.className, style = _b.style, thumbProps = _b.thumbProps, trackProps = _b.trackProps, otherProps = __rest(_b, ["className", "style", "thumbProps", "trackProps"]);
717
- var width = visibleSlides / totalSlides * 100;
718
- var left = this.state.left;
719
- if (left < 0) {
720
- width += left;
721
- left = 0;
722
- }
723
- if ((left + width) > 100) {
724
- width = 100 - left;
725
- }
726
- var thumbStyle = {
727
- width: width + "%",
728
- left: left + "%",
729
- };
730
- var newClassName = cn(ss("slider-bar"), className);
731
- if (thumbProps) {
732
- thumbStyle = __assign(__assign({}, thumbProps.style), thumbStyle);
733
- }
734
- return (React.createElement("div", __assign({}, otherProps, { className: newClassName, style: style }),
735
- React.createElement("div", __assign({}, trackProps, { className: cn(ss("slider-bar-track"), trackProps === null || trackProps === void 0 ? void 0 : trackProps.className) }),
736
- React.createElement("div", __assign({}, thumbProps, { className: cn(ss("slider-bar-thumb"), thumbProps === null || thumbProps === void 0 ? void 0 : thumbProps.className), style: thumbStyle })))));
737
- };
738
- return SliderBarLine;
739
- }(SliderBar));
740
-
741
- var SliderBarDotGroup = (function (_super) {
742
- __extends(SliderBarDotGroup, _super);
743
- function SliderBarDotGroup() {
744
- return _super !== null && _super.apply(this, arguments) || this;
745
- }
746
- SliderBarDotGroup.prototype.theDot = function (key, active, onClick) {
747
- return (React.createElement("div", { key: key, className: cn("slider-dot", active ? "active" : ""), onClick: onClick }));
748
- };
749
- SliderBarDotGroup.prototype.renderDots = function (props) {
750
- var visibleSlides = props.visibleSlides, totalSlides = props.totalSlides, currentSlide = props.currentSlide, slideTo = props.slideTo;
751
- var dots = [];
752
- var startIndex = currentSlide;
753
- var endIndex = currentSlide + visibleSlides;
754
- var _loop_1 = function (i) {
755
- dots.push(this_1.theDot(i, (startIndex <= i && i < endIndex), function () { return slideTo(i); }));
756
- };
757
- var this_1 = this;
758
- for (var i = 0; i < totalSlides; ++i) {
759
- _loop_1(i);
760
- }
761
- return dots;
762
- };
763
- SliderBarDotGroup.prototype.render = function () {
764
- var _a = this.context, visibleSlides = _a.visibleSlides, totalSlides = _a.totalSlides, step = _a.step, currentSlide = _a.currentSlide;
765
- var _b = this.props; _b.children; var className = _b.className, dotGroupProps = _b.dotGroupProps, renderDots = _b.renderDots, otherProps = __rest(_b, ["children", "className", "dotGroupProps", "renderDots"]);
766
- var renderDotsProps = {
767
- visibleSlides: visibleSlides,
768
- totalSlides: totalSlides,
769
- step: step,
770
- currentSlide: currentSlide,
771
- left: this.state.left,
772
- slideTo: this.slideTo,
773
- };
774
- var newClassName = cn(ss("slider-bar"), className);
775
- return (React.createElement("div", __assign({}, otherProps, { className: newClassName }),
776
- React.createElement("div", __assign({}, dotGroupProps, { className: cn(ss("slider-bar-dot-group"), dotGroupProps === null || dotGroupProps === void 0 ? void 0 : dotGroupProps.className) }), renderDots
777
- ? renderDots(renderDotsProps)
778
- : this.renderDots(renderDotsProps))));
779
- };
780
- return SliderBarDotGroup;
781
- }(SliderBar));
782
-
783
- function renderDotsDynamicByScale(props, SD) {
784
- var visibleSlides = props.visibleSlides, totalSlides = props.totalSlides; props.step; var left = props.left; props.currentSlide; var slideTo = props.slideTo;
785
- var dots = [];
786
- var rangePercent = round3(visibleSlides / totalSlides);
787
- var startPercent = round3(left / 100);
788
- var endPercent = startPercent + rangePercent;
789
- var slideRangePercent = round3(1 / totalSlides);
790
- var _loop_1 = function (i) {
791
- var slideStartPercent = round3(i / totalSlides);
792
- var slideEndPercent = round3(slideStartPercent + slideRangePercent);
793
- var scale = 1;
794
- if (slideStartPercent < endPercent && slideEndPercent > startPercent) {
795
- if (slideStartPercent <= startPercent && startPercent <= slideEndPercent) {
796
- var addPercent = slideEndPercent - startPercent;
797
- scale += (addPercent / slideRangePercent);
798
- }
799
- else if (startPercent <= slideStartPercent && slideEndPercent <= endPercent) {
800
- scale = 2;
801
- }
802
- else if (slideStartPercent <= endPercent && endPercent <= slideEndPercent) {
803
- var addPercent = endPercent - slideStartPercent;
804
- scale += (addPercent / slideRangePercent);
805
- }
806
- }
807
- dots.push(React.createElement(SD, { key: i, scale: scale, onClick: function () {
808
- slideTo(i);
809
- } }));
810
- };
811
- for (var i = 0; i < totalSlides; ++i) {
812
- _loop_1(i);
813
- }
814
- return dots;
815
- }
816
- function CircleDot(props) {
817
- return (React.createElement("div", { className: cn(ss("slider-dot"), ss("dynamic"), ss("circle")), style: { transform: "scale(".concat(props.scale, ")") }, onClick: props.onClick }));
818
- }
819
- function renderDotsDynamicCircle(props) {
820
- return renderDotsDynamicByScale(props, CircleDot);
821
- }
822
- function PillDot(props) {
823
- var size = 8;
824
- return (React.createElement("div", { className: cn(ss("slider-dot"), ss("dynamic"), ss("circle")), style: { width: "".concat(props.scale * size, "px"), height: "".concat(size, "px") }, onClick: props.onClick }));
825
- }
826
- function renderDotsDynamicPill(props) {
827
- return renderDotsDynamicByScale(props, PillDot);
828
- }
829
-
830
- exports.ButtonBack = ButtonBack;
831
- exports.ButtonNext = ButtonNext;
832
- exports.Carousel = Carousel;
833
- exports.CircleDot = CircleDot;
834
- exports.PillDot = PillDot;
835
- exports.Slide = Slide;
836
- exports.Slider = Slider;
837
- exports.SliderBarDotGroup = SliderBarDotGroup;
838
- exports.SliderBarLine = SliderBarLine;
839
- exports.add = add;
840
- exports.cn = cn;
841
- exports.deepCompare = deepCompare;
842
- exports.renderDotsDynamicByScale = renderDotsDynamicByScale;
843
- exports.renderDotsDynamicCircle = renderDotsDynamicCircle;
844
- exports.renderDotsDynamicPill = renderDotsDynamicPill;
845
- exports.round3 = round3;
1
+ "use strict";var t=require("react"),e=require("popmotion"),r=function(t,e){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])},r(t,e)};function i(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function i(){this.constructor=t}r(t,e),t.prototype=null===e?Object.create(e):(i.prototype=e.prototype,new i)}var n=function(){return n=Object.assign||function(t){for(var e,r=1,i=arguments.length;r<i;r++)for(var n in e=arguments[r])Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t},n.apply(this,arguments)};function s(t,e){var r={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0&&(r[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(i=Object.getOwnPropertySymbols(t);n<i.length;n++)e.indexOf(i[n])<0&&Object.prototype.propertyIsEnumerable.call(t,i[n])&&(r[i[n]]=t[i[n]])}return r}var o={slideHeight:0,slideWidth:0,visibleSlides:1,step:1,currentSlide:0,freeScroll:!1},l=n(n({},o),{totalSlides:0,updateContext:function(){},subscribers:[],slideTo:function(){}}),c=t.createContext(l);function a(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];for(var r=[],i=0;i<t.length;++i){var n=t[i];null!=n&&"boolean"!=typeof n&&(Array.isArray(n)?r.push(a.apply(void 0,n)):r.push(n))}return r.join(" ").replace(/\s+/g," ").trim()}function d(){for(var t,e,r,i,n=[],s=0;s<arguments.length;s++)n[s]=arguments[s];function o(t,e){var n;if(isNaN(t)&&isNaN(e)&&"number"==typeof t&&"number"==typeof e)return!0;if(t===e)return!0;if("function"==typeof t&&"function"==typeof e||t instanceof Date&&e instanceof Date||t instanceof RegExp&&e instanceof RegExp||t instanceof String&&e instanceof String||t instanceof Number&&e instanceof Number)return t.toString()===e.toString();if(!(t instanceof Object&&e instanceof Object))return!1;if(t.isPrototypeOf(e)||e.isPrototypeOf(t))return!1;if(t.constructor!==e.constructor)return!1;if(t.prototype!==e.prototype)return!1;if(r.indexOf(t)>-1||i.indexOf(e)>-1)return!1;for(n in e){if(e.hasOwnProperty(n)!==t.hasOwnProperty(n))return!1;if(typeof e[n]!=typeof t[n])return!1}for(n in t){if(e.hasOwnProperty(n)!==t.hasOwnProperty(n))return!1;if(typeof e[n]!=typeof t[n])return!1;switch(typeof t[n]){case"object":case"function":if(r.push(t),i.push(e),!o(t[n],e[n]))return!1;r.pop(),i.pop();break;default:if(t[n]!==e[n])return!1}}return!0}if(n.length<1)return!0;for(t=1,e=n.length;t<e;t++)if(r=[],i=[],!o(n[0],n[t]))return!1;return!0}function p(t){return Math.round(1e3*t)/1e3}var u={wrapper:"wrapper__WZ9Y1",slider:"slider__T8bxB","slider-tray":"slider-tray__29SRr","css-only":"css-only__i5pKg",slide:"slide__JLMug","slide-inner-padding":"slide-inner-padding__xA7ms","slide-inner-wrapper":"slide-inner-wrapper__2gLNh","fixed-size":"fixed-size__jvUC5","with-offset":"with-offset__Nwmjg","snap-stop":"snap-stop__Sd4PZ","scroll-snap":"scroll-snap__UJMQj","slider-bar":"slider-bar__KJ760","slider-bar-track":"slider-bar-track__cpvry","slider-bar-thumb":"slider-bar-thumb__aEFEz","slider-bar-dot-group":"slider-bar-dot-group__O5G-9","slider-dot":"slider-dot__BE48t",dynamic:"dynamic__FKSSN",active:"active__TNQVn"};!function(t,e){void 0===e&&(e={});var r=e.insertAt;if(t&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===r&&i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}}(".wrapper__WZ9Y1 .slider__T8bxB{overflow:hidden;position:relative}.wrapper__WZ9Y1 .slider__T8bxB .slider-tray__29SRr::-webkit-scrollbar{display:none}.wrapper__WZ9Y1 .slider__T8bxB .slider-tray__29SRr.css-only__i5pKg{-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.wrapper__WZ9Y1 .slider__T8bxB .slider-tray__29SRr.css-only__i5pKg .slide__JLMug{flex-shrink:0;scroll-snap-align:start;scroll-snap-stop:normal}.wrapper__WZ9Y1 .slider__T8bxB .slider-tray__29SRr.css-only__i5pKg .slide__JLMug .slide-inner-padding__xA7ms{position:relative}.wrapper__WZ9Y1 .slider__T8bxB .slider-tray__29SRr.css-only__i5pKg .slide__JLMug .slide-inner-padding__xA7ms .slide-inner-wrapper__2gLNh.fixed-size__jvUC5{height:100%;left:0;position:absolute;top:0;width:100%}.wrapper__WZ9Y1 .slider__T8bxB .slider-tray__29SRr.css-only__i5pKg .slide__JLMug.with-offset__Nwmjg{scroll-snap-align:center}.wrapper__WZ9Y1 .slider__T8bxB .slider-tray__29SRr.css-only__i5pKg .slide__JLMug.snap-stop__Sd4PZ{scroll-snap-stop:always}.wrapper__WZ9Y1 .slider__T8bxB .slider-tray__29SRr.css-only__i5pKg.scroll-snap__UJMQj{scroll-behavior:smooth;scroll-snap-type:x mandatory}.wrapper__WZ9Y1 .slider-bar__KJ760 .slider-bar-track__cpvry{background-color:#eee;height:10px;position:relative}.wrapper__WZ9Y1 .slider-bar__KJ760 .slider-bar-track__cpvry .slider-bar-thumb__aEFEz{background-color:#555;height:100%;left:0;position:absolute;top:0}.wrapper__WZ9Y1 .slider-bar__KJ760 .slider-bar-dot-group__O5G-9{display:flex;justify-content:center;position:relative}.wrapper__WZ9Y1 .slider-bar__KJ760 .slider-bar-dot-group__O5G-9 .slider-dot__BE48t{background-color:#555;border-radius:10rem;cursor:pointer;height:8px;margin:0 5px;width:8px}.wrapper__WZ9Y1 .slider-bar__KJ760 .slider-bar-dot-group__O5G-9 .slider-dot__BE48t:not(.dynamic__FKSSN){background-color:#ddd;margin:0 4px}.wrapper__WZ9Y1 .slider-bar__KJ760 .slider-bar-dot-group__O5G-9 .slider-dot__BE48t.active__TNQVn:not(.dynamic__FKSSN){background-color:#666}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLCtCQUVFLGVBQWdCLENBRGhCLGlCQUNrQixDQUNsQixzRUFDRSxZQUFlLENBQ2pCLG1FQUdFLGdDQUFpQyxDQUZqQyxZQUFhLENBQ2IsZUFDbUMsQ0FDbkMsaUZBQ0UsYUFBYyxDQUNkLHVCQUF3QixDQUN4Qix1QkFBMEIsQ0FDMUIsNkdBQ0UsaUJBQW9CLENBQ3BCLDJKQUdFLFdBQVksQ0FDWixNQUFPLENBSFAsaUJBQWtCLENBSWxCLEtBQU0sQ0FITixVQUdRLENBQ2Qsb0dBQ0Usd0JBQTJCLENBQzdCLGtHQUNFLHVCQUEwQixDQUM5QixzRkFDRSxzQkFBdUIsQ0FDdkIsNEJBQStCLENBRW5DLDREQUNFLHFCQUFzQixDQUV0QixXQUFZLENBRFosaUJBQ2MsQ0FDZCxxRkFLRSxxQkFBc0IsQ0FEdEIsV0FBWSxDQUZaLE1BQU8sQ0FEUCxpQkFBa0IsQ0FFbEIsS0FFd0IsQ0FFNUIsZ0VBQ0UsWUFBYSxDQUNiLHNCQUF1QixDQUN2QixpQkFBb0IsQ0FDcEIsbUZBS0UscUJBQXNCLENBRHRCLG1CQUFvQixDQUhwQixjQUFlLENBQ2YsVUFBVyxDQUlYLFlBQWEsQ0FIYixTQUdlLENBQ2pCLHdHQUNFLHFCQUFzQixDQUN0QixZQUFlLENBQ2pCLHNIQUNFLHFCQUF3QiIsImZpbGUiOiJzdHlsZS5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi53cmFwcGVyIC5zbGlkZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47IH1cbiAgLndyYXBwZXIgLnNsaWRlciAuc2xpZGVyLXRyYXk6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICBkaXNwbGF5OiBub25lOyB9XG4gIC53cmFwcGVyIC5zbGlkZXIgLnNsaWRlci10cmF5LmNzcy1vbmx5IHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIG92ZXJmbG93LXg6IGF1dG87XG4gICAgLXdlYmtpdC1vdmVyZmxvdy1zY3JvbGxpbmc6IHRvdWNoOyB9XG4gICAgLndyYXBwZXIgLnNsaWRlciAuc2xpZGVyLXRyYXkuY3NzLW9ubHkgLnNsaWRlIHtcbiAgICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgICAgc2Nyb2xsLXNuYXAtYWxpZ246IHN0YXJ0O1xuICAgICAgc2Nyb2xsLXNuYXAtc3RvcDogbm9ybWFsOyB9XG4gICAgICAud3JhcHBlciAuc2xpZGVyIC5zbGlkZXItdHJheS5jc3Mtb25seSAuc2xpZGUgLnNsaWRlLWlubmVyLXBhZGRpbmcge1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7IH1cbiAgICAgICAgLndyYXBwZXIgLnNsaWRlciAuc2xpZGVyLXRyYXkuY3NzLW9ubHkgLnNsaWRlIC5zbGlkZS1pbm5lci1wYWRkaW5nIC5zbGlkZS1pbm5lci13cmFwcGVyLmZpeGVkLXNpemUge1xuICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICB0b3A6IDA7IH1cbiAgICAud3JhcHBlciAuc2xpZGVyIC5zbGlkZXItdHJheS5jc3Mtb25seSAuc2xpZGUud2l0aC1vZmZzZXQge1xuICAgICAgc2Nyb2xsLXNuYXAtYWxpZ246IGNlbnRlcjsgfVxuICAgIC53cmFwcGVyIC5zbGlkZXIgLnNsaWRlci10cmF5LmNzcy1vbmx5IC5zbGlkZS5zbmFwLXN0b3Age1xuICAgICAgc2Nyb2xsLXNuYXAtc3RvcDogYWx3YXlzOyB9XG4gIC53cmFwcGVyIC5zbGlkZXIgLnNsaWRlci10cmF5LmNzcy1vbmx5LnNjcm9sbC1zbmFwIHtcbiAgICBzY3JvbGwtYmVoYXZpb3I6IHNtb290aDtcbiAgICBzY3JvbGwtc25hcC10eXBlOiB4IG1hbmRhdG9yeTsgfVxuXG4ud3JhcHBlciAuc2xpZGVyLWJhciAuc2xpZGVyLWJhci10cmFjayB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNlZWU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAxMHB4OyB9XG4gIC53cmFwcGVyIC5zbGlkZXItYmFyIC5zbGlkZXItYmFyLXRyYWNrIC5zbGlkZXItYmFyLXRodW1iIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbGVmdDogMDtcbiAgICB0b3A6IDA7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICM1NTU7IH1cblxuLndyYXBwZXIgLnNsaWRlci1iYXIgLnNsaWRlci1iYXItZG90LWdyb3VwIHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTsgfVxuICAud3JhcHBlciAuc2xpZGVyLWJhciAuc2xpZGVyLWJhci1kb3QtZ3JvdXAgLnNsaWRlci1kb3Qge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBoZWlnaHQ6IDhweDtcbiAgICB3aWR0aDogOHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDEwcmVtO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICM1NTU7XG4gICAgbWFyZ2luOiAwIDVweDsgfVxuICAud3JhcHBlciAuc2xpZGVyLWJhciAuc2xpZGVyLWJhci1kb3QtZ3JvdXAgLnNsaWRlci1kb3Q6bm90KC5keW5hbWljKSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2RkZDtcbiAgICBtYXJnaW46IDAgNHB4OyB9XG4gIC53cmFwcGVyIC5zbGlkZXItYmFyIC5zbGlkZXItYmFyLWRvdC1ncm91cCAuc2xpZGVyLWRvdC5hY3RpdmU6bm90KC5keW5hbWljKSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzY2NjsgfVxuIl19 */");var h="rssas";function f(t){return[h+"-"+t,u[t]]}var y=function(e){function r(t){var r=e.call(this,t)||this;r.updateContext=function(t){r.setState({context:n(n({},r.state.context),t)})};var i=r.props;i.className,i.style,i.children;var o=s(i,["className","style","children"]);return o.step=r.validateStep(),r.state={context:n(n({},o),{updateContext:r.updateContext,subscribers:[],slideTo:function(){}})},r}return i(r,e),r.prototype.validateStep=function(){return this.props.step>0?this.props.step<this.props.visibleSlides?this.props.step:this.props.visibleSlides:1},r.prototype.componentDidUpdate=function(t,e,r){t.className,t.style,t.children;var i=s(t,["className","style","children"]),o=this.props;o.className,o.style,o.children;var l=s(o,["className","style","children"]);d(i,l)||(l.step=this.validateStep(),this.setState({context:n(n({},l),{updateContext:this.updateContext,subscribers:[],slideTo:function(){}})}))},r.prototype.render=function(){var e=this.props,r=e.className,i=e.style,s=e.children;return t.createElement("div",{className:a(f("wrapper"),r),style:i},t.createElement(c.Provider,{value:n({},this.state.context)},s))},r.defaultProps=n({},o),r}(t.Component),b=function(r){function o(i){var n=r.call(this,i)||this;return n.sliderTrayRef=t.createRef(),n.tempCurrentSlide=0,n.onScroll=function(t){var e=n.getTrayState();if(e){for(var r=e.trayWidth,i=e.innerTrayWidth,s=e.slideWidth,o=e.scrollLeft,l=n.context.currentSlide,c=0;c<n.context.subscribers.length;++c)n.context.subscribers[c](i,s,o);n.updateSlideIndex(e),n.context.onSlide&&n.context.onSlide({scrollLeft:o,currentSlide:l,slideWidth:s,trayWidth:r})}},n.onWheel=function(t){var e;if(n.stopAnimeActions(),n.sliderTrayRef.current){var r=n.sliderTrayRef.current;!n.context.freeScroll&&(e=r.classList).add.apply(e,f("scroll-snap"))}},n.startTracking=function(t){var r,i=n.getScrollMax();if(n.stopAnimeActions(),n.sliderTrayRef.current&&i>0){var s=n.sliderTrayRef.current,o=s.scrollLeft,l=o;n.scrollValue=e.value(o,(function(t){s.scrollTo(t,0)})),!n.context.freeScroll&&(r=s.classList).remove.apply(r,f("scroll-snap")),n.pointerAction=e.pointer({x:0,y:0}).pipe((function(t){var e=l-t.x;return e<0?(l=t.x,{x:0,y:t.y}):e>i?(l=i+t.x,{x:i,y:t.y}):{x:e,y:t.y}})).start({update:function(t){n.scrollValue.update(t.x)}}),n.mouseUpAction=e.listen(window.document,"mouseup").start(n.stopTracking)}},n.stopTracking=function(t){var r;if(n.pointerAction&&n.sliderTrayRef.current){var i=n.sliderTrayRef.current,s=n.getScrollMax(),o=n.scrollValue.get(),l=n.scrollValue.getVelocity(),c=!1,a=function(){var t;n.snapAction=void 0,!n.context.freeScroll&&(t=i.classList).add.apply(t,f("scroll-snap"))},d=function(t,r){return e.tween({from:t,to:r,duration:300,ease:e.easing.easeOut}).start({update:function(t){return n.scrollValue.update(t)},complete:a})};if(null===(r=n.mouseUpAction)||void 0===r||r.stop(),n.pointerAction.stop(),n.pointerAction=void 0,0===l){if(!n.context.freeScroll){var p=n.getSnapScrollValue(o,l);n.snapAction=d(o,p)}return}var u=!1,h=e.inertia({from:o,velocity:l,bounceStiffness:500,bounceDamping:30,power:.4,restDelta:.4,timeConstant:500}).while((function(t){return!c})).pipe((function(t){return t<0?(c=!0,0):t>s?(c=!0,s):t})).start({update:function(t){if(u){var e=n.scrollValue.getVelocity();if(n.scrollValue.update(t),Math.abs(e)<250&&!n.context.freeScroll){h.stop(),n.inertiaAction=void 0;var r=n.getSnapScrollValue(t,e);n.snapAction=d(t,r)}}else u=!0},complete:a});n.inertiaAction=h}},n}return i(o,r),o.prototype.getTrayState=function(){if(this.sliderTrayRef.current){var t=this.sliderTrayRef.current,e=t.scrollLeft,r=t.offsetWidth,i=Number(window.getComputedStyle(t).paddingLeft.replace("px","")),n=null==this.context.offset?r:r-2*i,s=n/this.context.visibleSlides;return{trayElement:t,scrollLeft:e,trayWidth:r,innerTrayWidth:n,trayPaddingX:i,slideWidth:s,slideCount:t.childElementCount,currentSlide:Math.round(e/s)}}},o.prototype.updateSlideIndex=function(t){if(void 0===t&&(t=this.getTrayState()),t){var e=t.currentSlide;this.tempCurrentSlide!==e&&(this.tempCurrentSlide=e,this.context.updateContext({currentSlide:this.tempCurrentSlide}))}},o.prototype.slideTo=function(t,r){var i,n=this;void 0===r&&(r=!0);var s=this.getTrayState();if(s){this.stopAnimeActions();var o=s.trayElement,l=s.scrollLeft,c=t*s.slideWidth;!this.context.freeScroll&&(i=o.classList).remove.apply(i,f("scroll-snap")),this.snapAction=e.tween({from:l,to:c,duration:r?300:0,ease:e.easing.easeOut}).start({update:function(t){o.scrollTo(t,0)},complete:function(){var t;n.snapAction=void 0,!n.context.freeScroll&&(t=o.classList).add.apply(t,f("scroll-snap"))}})}},o.prototype.stopAnimeActions=function(){this.inertiaAction&&(this.inertiaAction.stop(),this.inertiaAction=void 0),this.snapAction&&(this.snapAction.stop(),this.snapAction=void 0)},o.prototype.applyOverdrag=function(t,r){var i=t;return t<0&&(i=e.calc.getValueFromProgress(0,t,.1)),t>r&&(i=e.calc.getValueFromProgress(r,t,.1)),i},o.prototype.getScrollMax=function(){var t=this.getTrayState();return t?t.slideWidth*(t.slideCount-this.context.visibleSlides):0},o.prototype.getSnapScrollValue=function(t,e){var r=t,i=this.getTrayState();if(i){var n=i.slideWidth,s=i.slideCount,o=0;(o=e>0?Math.ceil(t/n):e<0?Math.floor(t/n):Math.round(t/n))<=s&&(r=o*n)}return r},o.prototype.componentDidUpdate=function(t,e,r){var i=this;this.context.slideTo=function(t){return i.slideTo(t,!0)}},o.prototype.componentDidMount=function(){var t=this;if(this.sliderTrayRef.current){var r=this.sliderTrayRef.current;this.mouseDownAction=e.listen(r,"mousedown").start(this.startTracking),r.addEventListener("scroll",this.onScroll,!1),r.addEventListener("mousewheel",this.onWheel,!1),r.addEventListener("DOMMouseScroll",this.onWheel,!1)}this.tempCurrentSlide!==this.context.currentSlide&&this.slideTo(this.context.currentSlide,!1),this.context.slideTo=function(e){return t.slideTo(e,!0)}},o.prototype.componentWillUnmount=function(){var t,e;if(this.sliderTrayRef.current){var r=this.sliderTrayRef.current;this.stopAnimeActions(),null===(t=this.mouseDownAction)||void 0===t||t.stop(),null===(e=this.pointerAction)||void 0===e||e.stop(),r.removeEventListener("scroll",this.onScroll,!1),r.removeEventListener("mousewheel",this.onWheel,!1),r.removeEventListener("DOMMouseScroll",this.onWheel,!1)}},o.prototype.render=function(){var e=this.props,r=e.children,i=e.className,o=e.trayProps,l=s(e,["children","className","trayProps"]),c={};return this.context.margin&&(c.marginLeft="-"+this.context.margin,c.marginRight="-"+this.context.margin),this.context.offset&&(c.padding="0 ".concat(this.context.offset)),t.createElement("div",n({},l,{className:a(f("slider"),i)}),t.createElement("div",n({},o,{className:a(f("slider-tray"),f("css-only"),this.context.freeScroll?"":f("scroll-snap"),null==o?void 0:o.className),style:n(n({},null==o?void 0:o.style),c),ref:this.sliderTrayRef}),r))},o}(t.Component);b.contextType=c;var m=function(e){function r(t){var r=e.call(this,t)||this;return r.state={},r}return i(r,e),r.prototype.render=function(){var e=this.props,r=e.children,i=e.style,o=e.className,l=e.innerMarginDivProps,c=e.innerPaddingDivProps,d=e.innerWrapperDivProps,p=s(e,["children","style","className","innerMarginDivProps","innerPaddingDivProps","innerWrapperDivProps"]),u=this.context,h=u.slideHeight,y=u.slideWidth,b=u.visibleSlides,m=h>0&&y>0?h/y*100:0,g=n({width:(b>0?100/b:100)+"%"},i),x=n({paddingBottom:m>0?m+"%":""},null==c?void 0:c.style),v=n({},null==l?void 0:l.style);this.context.margin&&(v.marginLeft=this.context.margin,v.marginRight=this.context.margin);var _=m>0?f("fixed-size"):"";return t.createElement("div",n({},p,{className:a(f("slide"),null!=this.context.offset&&f("with-offset"),o),style:g}),t.createElement("div",n({},l,{className:a(f("slide-inner-margin")),style:v}),t.createElement("div",n({},c,{className:a(f("slide-inner-padding")),style:x}),t.createElement("div",n({},d,{className:a(f("slide-inner-wrapper"),_,null==d?void 0:d.className)}),r))))},r}(t.Component);m.contextType=c;var g=function(e){function r(){var t=null!==e&&e.apply(this,arguments)||this;return t.className="slider-button",t.ariaLabel="",t.isBack=!0,t.onClick=function(){},t}return i(r,e),r.prototype.handleOnClick=function(t){var e=this.context.currentSlide,r=this.context.step,i=this.context.totalSlides-this.context.visibleSlides,n=e+(t?r:-1*r);n>i?n=i:n<0&&(n=0),e!==n&&this.context.slideTo(n)},r.prototype.render=function(){var e=this.context,r=e.visibleSlides,i=e.totalSlides,o=e.currentSlide,l=this.props,c=l.className,d=l.disabled,p=s(l,["className","disabled"]),u=a(this.className,c),h=i-r;return null==d&&(this.isBack&&o<=0||!this.isBack&&o>=h)&&(d=!0),t.createElement("button",n({type:"button","aria-label":this.ariaLabel,className:u,onClick:this.onClick,disabled:d},p),this.props.children)},r}(t.PureComponent);g.contextType=c;var x=function(t){function e(e){var r=t.call(this,e)||this;return r.className=a(f("slider-back-button"),r.className),r.ariaLabel="previous",r.onClick=function(){return r.handleOnClick(!1)},r}return i(e,t),e}(g),v=function(t){function e(e){var r=t.call(this,e)||this;return r.isBack=!1,r.className=a(f("slider-next-button"),r.className),r.ariaLabel="next",r.onClick=function(){return r.handleOnClick(!0)},r}return i(e,t),e}(g),_=function(t){function e(e){var r=t.call(this,e)||this;return r.slideTo=function(t){var e=r.context.currentSlide,i=r.context.totalSlides-r.context.visibleSlides;t>i?t=i:t<0&&(t=0),e!==t&&r.context.slideTo(t)},r.onScroll=function(t,e,i){var n=i/(r.context.totalSlides*e)*100;r.setState({left:n})},r.state={left:0},r}return i(e,t),e.prototype.componentDidUpdate=function(t,e,r){this.prevContext.subscribers!==this.context.subscribers&&(this.context.subscribers.push(this.onScroll),this.prevContext=this.context)},e.prototype.componentDidMount=function(){var t=this.context,e=t.currentSlide;t.visibleSlides;var r=t.totalSlides;if(this.context.subscribers.push(this.onScroll),this.prevContext=this.context,0!==e){var i=e/r*100;this.setState({left:i})}},e.prototype.componentWillUnmount=function(){var t=this.context.subscribers.indexOf(this.onScroll);t>=0&&this.context.subscribers.splice(t,1)},e}(t.Component);_.contextType=c;var C=function(e){function r(){return null!==e&&e.apply(this,arguments)||this}return i(r,e),r.prototype.render=function(){var e=this.context,r=e.visibleSlides,i=e.totalSlides,o=this.props,l=o.className,c=o.style,d=o.thumbProps,p=o.trackProps,u=s(o,["className","style","thumbProps","trackProps"]),h=r/i*100,y=this.state.left;y<0&&(h+=y,y=0),y+h>100&&(h=100-y);var b={width:h+"%",left:y+"%"},m=a(f("slider-bar"),l);return d&&(b=n(n({},d.style),b)),t.createElement("div",n({},u,{className:m,style:c}),t.createElement("div",n({},p,{className:a(f("slider-bar-track"),null==p?void 0:p.className)}),t.createElement("div",n({},d,{className:a(f("slider-bar-thumb"),null==d?void 0:d.className),style:b}))))},r}(_),I=function(e){function r(){return null!==e&&e.apply(this,arguments)||this}return i(r,e),r.prototype.theDot=function(e,r,i){return t.createElement("div",{key:e,className:a("slider-dot",r?"active":""),onClick:i})},r.prototype.renderDots=function(t){for(var e=t.visibleSlides,r=t.totalSlides,i=t.currentSlide,n=t.slideTo,s=[],o=i,l=i+e,c=function(t){s.push(a.theDot(t,o<=t&&t<l,(function(){return n(t)})))},a=this,d=0;d<r;++d)c(d);return s},r.prototype.render=function(){var e=this.context,r=e.visibleSlides,i=e.totalSlides,o=e.step,l=e.currentSlide,c=this.props;c.children;var d=c.className,p=c.dotGroupProps,u=c.renderDots,h=s(c,["children","className","dotGroupProps","renderDots"]),y={visibleSlides:r,totalSlides:i,step:o,currentSlide:l,left:this.state.left,slideTo:this.slideTo},b=a(f("slider-bar"),d);return t.createElement("div",n({},h,{className:b}),t.createElement("div",n({},p,{className:a(f("slider-bar-dot-group"),null==p?void 0:p.className)}),u?u(y):this.renderDots(y)))},r}(_);function N(e,r){var i=e.visibleSlides,n=e.totalSlides;e.step;var s=e.left;e.currentSlide;for(var o=e.slideTo,l=[],c=p(i/n),a=p(s/100),d=a+c,u=p(1/n),h=function(e){var i=p(e/n),s=p(i+u),c=1;if(i<d&&s>a)if(i<=a&&a<=s)c+=(s-a)/u;else if(a<=i&&s<=d)c=2;else if(i<=d&&d<=s){c+=(d-i)/u}l.push(t.createElement(r,{key:e,scale:c,onClick:function(){o(e)}}))},f=0;f<n;++f)h(f);return l}function S(e){return t.createElement("div",{className:a(f("slider-dot"),f("dynamic"),f("circle")),style:{transform:"scale(".concat(e.scale,")")},onClick:e.onClick})}function A(e){return t.createElement("div",{className:a(f("slider-dot"),f("dynamic"),f("circle")),style:{width:"".concat(8*e.scale,"px"),height:"".concat(8,"px")},onClick:e.onClick})}exports.ButtonBack=x,exports.ButtonNext=v,exports.Carousel=y,exports.CircleDot=S,exports.PillDot=A,exports.Slide=m,exports.Slider=b,exports.SliderBarDotGroup=I,exports.SliderBarLine=C,exports.add=function(t,e){return t+e},exports.cn=a,exports.deepCompare=d,exports.renderDotsDynamicByScale=N,exports.renderDotsDynamicCircle=function(t){return N(t,S)},exports.renderDotsDynamicPill=function(t){return N(t,A)},exports.round3=p;
846
2
  //# sourceMappingURL=index.js.map