@lanaco/lnc-react-ui 4.0.26 → 4.0.28

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/dist/index15.js DELETED
@@ -1,1534 +0,0 @@
1
- import { jsx as N, jsxs as we } from "react/jsx-runtime";
2
- import F, { forwardRef as Me } from "react";
3
- import { c as Pe } from "./_commonjsHelpers-DaMA6jEr.js";
4
- import { p as Ce, P as ye } from "./index-S5Cd7WrG.js";
5
- import { a as Le } from "./index-Bq3leL2e.js";
6
- import { u as De } from "./useDetectMobile-BookNOsk.js";
7
- import { n as te } from "./emotion-styled.browser.esm-BiK8DcgW.js";
8
- import { M as ne } from "./consts-DNVz1x1I.js";
9
- var Oe = {}, re = {}, de = {}, ue = {}, Se;
10
- function Ae() {
11
- return Se || (Se = 1, function(t) {
12
- (function(n, r) {
13
- r(t, F, Ce);
14
- })(Pe, function(n, r, i) {
15
- Object.defineProperty(n, "__esModule", {
16
- value: !0
17
- }), n.setHasSupportToCaptureOption = E;
18
- var e = a(r), o = a(i);
19
- function a(l) {
20
- return l && l.__esModule ? l : {
21
- default: l
22
- };
23
- }
24
- var s = Object.assign || function(l) {
25
- for (var d = 1; d < arguments.length; d++) {
26
- var S = arguments[d];
27
- for (var u in S)
28
- Object.prototype.hasOwnProperty.call(S, u) && (l[u] = S[u]);
29
- }
30
- return l;
31
- };
32
- function f(l, d) {
33
- var S = {};
34
- for (var u in l)
35
- d.indexOf(u) >= 0 || Object.prototype.hasOwnProperty.call(l, u) && (S[u] = l[u]);
36
- return S;
37
- }
38
- function h(l, d) {
39
- if (!(l instanceof d))
40
- throw new TypeError("Cannot call a class as a function");
41
- }
42
- var m = /* @__PURE__ */ function() {
43
- function l(d, S) {
44
- for (var u = 0; u < S.length; u++) {
45
- var b = S[u];
46
- b.enumerable = b.enumerable || !1, b.configurable = !0, "value" in b && (b.writable = !0), Object.defineProperty(d, b.key, b);
47
- }
48
- }
49
- return function(d, S, u) {
50
- return S && l(d.prototype, S), u && l(d, u), d;
51
- };
52
- }();
53
- function v(l, d) {
54
- if (!l)
55
- throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
56
- return d && (typeof d == "object" || typeof d == "function") ? d : l;
57
- }
58
- function _(l, d) {
59
- if (typeof d != "function" && d !== null)
60
- throw new TypeError("Super expression must either be null or a function, not " + typeof d);
61
- l.prototype = Object.create(d && d.prototype, {
62
- constructor: {
63
- value: l,
64
- enumerable: !1,
65
- writable: !0,
66
- configurable: !0
67
- }
68
- }), d && (Object.setPrototypeOf ? Object.setPrototypeOf(l, d) : l.__proto__ = d);
69
- }
70
- var g = !1;
71
- function E(l) {
72
- g = l;
73
- }
74
- try {
75
- addEventListener("test", null, Object.defineProperty({}, "capture", { get: function() {
76
- E(!0);
77
- } }));
78
- } catch {
79
- }
80
- function X() {
81
- var l = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : { capture: !0 };
82
- return g ? l : l.capture;
83
- }
84
- function se(l) {
85
- if ("touches" in l) {
86
- var d = l.touches[0], S = d.pageX, u = d.pageY;
87
- return { x: S, y: u };
88
- }
89
- var b = l.screenX, I = l.screenY;
90
- return { x: b, y: I };
91
- }
92
- var z = function(l) {
93
- _(d, l);
94
- function d() {
95
- var S;
96
- h(this, d);
97
- for (var u = arguments.length, b = Array(u), I = 0; I < u; I++)
98
- b[I] = arguments[I];
99
- var y = v(this, (S = d.__proto__ || Object.getPrototypeOf(d)).call.apply(S, [this].concat(b)));
100
- return y._handleSwipeStart = y._handleSwipeStart.bind(y), y._handleSwipeMove = y._handleSwipeMove.bind(y), y._handleSwipeEnd = y._handleSwipeEnd.bind(y), y._onMouseDown = y._onMouseDown.bind(y), y._onMouseMove = y._onMouseMove.bind(y), y._onMouseUp = y._onMouseUp.bind(y), y._setSwiperRef = y._setSwiperRef.bind(y), y;
101
- }
102
- return m(d, [{
103
- key: "componentDidMount",
104
- value: function() {
105
- this.swiper && this.swiper.addEventListener("touchmove", this._handleSwipeMove, X({
106
- capture: !0,
107
- passive: !1
108
- }));
109
- }
110
- }, {
111
- key: "componentWillUnmount",
112
- value: function() {
113
- this.swiper && this.swiper.removeEventListener("touchmove", this._handleSwipeMove, X({
114
- capture: !0,
115
- passive: !1
116
- }));
117
- }
118
- }, {
119
- key: "_onMouseDown",
120
- value: function(u) {
121
- this.props.allowMouseEvents && (this.mouseDown = !0, document.addEventListener("mouseup", this._onMouseUp), document.addEventListener("mousemove", this._onMouseMove), this._handleSwipeStart(u));
122
- }
123
- }, {
124
- key: "_onMouseMove",
125
- value: function(u) {
126
- this.mouseDown && this._handleSwipeMove(u);
127
- }
128
- }, {
129
- key: "_onMouseUp",
130
- value: function(u) {
131
- this.mouseDown = !1, document.removeEventListener("mouseup", this._onMouseUp), document.removeEventListener("mousemove", this._onMouseMove), this._handleSwipeEnd(u);
132
- }
133
- }, {
134
- key: "_handleSwipeStart",
135
- value: function(u) {
136
- var b = se(u), I = b.x, y = b.y;
137
- this.moveStart = { x: I, y }, this.props.onSwipeStart(u);
138
- }
139
- }, {
140
- key: "_handleSwipeMove",
141
- value: function(u) {
142
- if (this.moveStart) {
143
- var b = se(u), I = b.x, y = b.y, Y = I - this.moveStart.x, ve = y - this.moveStart.y;
144
- this.moving = !0;
145
- var Te = this.props.onSwipeMove({
146
- x: Y,
147
- y: ve
148
- }, u);
149
- Te && u.cancelable && u.preventDefault(), this.movePosition = { deltaX: Y, deltaY: ve };
150
- }
151
- }
152
- }, {
153
- key: "_handleSwipeEnd",
154
- value: function(u) {
155
- this.props.onSwipeEnd(u);
156
- var b = this.props.tolerance;
157
- this.moving && this.movePosition && (this.movePosition.deltaX < -b ? this.props.onSwipeLeft(1, u) : this.movePosition.deltaX > b && this.props.onSwipeRight(1, u), this.movePosition.deltaY < -b ? this.props.onSwipeUp(1, u) : this.movePosition.deltaY > b && this.props.onSwipeDown(1, u)), this.moveStart = null, this.moving = !1, this.movePosition = null;
158
- }
159
- }, {
160
- key: "_setSwiperRef",
161
- value: function(u) {
162
- this.swiper = u, this.props.innerRef(u);
163
- }
164
- }, {
165
- key: "render",
166
- value: function() {
167
- var u = this.props;
168
- u.tagName;
169
- var b = u.className, I = u.style, y = u.children;
170
- u.allowMouseEvents, u.onSwipeUp, u.onSwipeDown, u.onSwipeLeft, u.onSwipeRight, u.onSwipeStart, u.onSwipeMove, u.onSwipeEnd, u.innerRef, u.tolerance;
171
- var Y = f(u, ["tagName", "className", "style", "children", "allowMouseEvents", "onSwipeUp", "onSwipeDown", "onSwipeLeft", "onSwipeRight", "onSwipeStart", "onSwipeMove", "onSwipeEnd", "innerRef", "tolerance"]);
172
- return e.default.createElement(
173
- this.props.tagName,
174
- s({
175
- ref: this._setSwiperRef,
176
- onMouseDown: this._onMouseDown,
177
- onTouchStart: this._handleSwipeStart,
178
- onTouchEnd: this._handleSwipeEnd,
179
- className: b,
180
- style: I
181
- }, Y),
182
- y
183
- );
184
- }
185
- }]), d;
186
- }(r.Component);
187
- z.displayName = "ReactSwipe", z.propTypes = {
188
- tagName: o.default.string,
189
- className: o.default.string,
190
- style: o.default.object,
191
- children: o.default.node,
192
- allowMouseEvents: o.default.bool,
193
- onSwipeUp: o.default.func,
194
- onSwipeDown: o.default.func,
195
- onSwipeLeft: o.default.func,
196
- onSwipeRight: o.default.func,
197
- onSwipeStart: o.default.func,
198
- onSwipeMove: o.default.func,
199
- onSwipeEnd: o.default.func,
200
- innerRef: o.default.func,
201
- tolerance: o.default.number.isRequired
202
- }, z.defaultProps = {
203
- tagName: "div",
204
- allowMouseEvents: !1,
205
- onSwipeUp: function() {
206
- },
207
- onSwipeDown: function() {
208
- },
209
- onSwipeLeft: function() {
210
- },
211
- onSwipeRight: function() {
212
- },
213
- onSwipeStart: function() {
214
- },
215
- onSwipeMove: function() {
216
- },
217
- onSwipeEnd: function() {
218
- },
219
- innerRef: function() {
220
- },
221
- tolerance: 0
222
- }, n.default = z;
223
- });
224
- }(ue)), ue;
225
- }
226
- (function(t) {
227
- (function(n, r) {
228
- r(t, Ae());
229
- })(Pe, function(n, r) {
230
- Object.defineProperty(n, "__esModule", {
231
- value: !0
232
- });
233
- var i = e(r);
234
- function e(o) {
235
- return o && o.__esModule ? o : {
236
- default: o
237
- };
238
- }
239
- n.default = i.default;
240
- });
241
- })(de);
242
- var K = {};
243
- Object.defineProperty(K, "__esModule", {
244
- value: !0
245
- });
246
- K.default = void 0;
247
- var A = We(Le);
248
- function We(t) {
249
- return t && t.__esModule ? t : { default: t };
250
- }
251
- function ke(t, n, r) {
252
- return n in t ? Object.defineProperty(t, n, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[n] = r, t;
253
- }
254
- var ze = {
255
- ROOT: function(n) {
256
- return (0, A.default)(ke({
257
- "carousel-root": !0
258
- }, n || "", !!n));
259
- },
260
- CAROUSEL: function(n) {
261
- return (0, A.default)({
262
- carousel: !0,
263
- "carousel-slider": n
264
- });
265
- },
266
- WRAPPER: function(n, r) {
267
- return (0, A.default)({
268
- "thumbs-wrapper": !n,
269
- "slider-wrapper": n,
270
- "axis-horizontal": r === "horizontal",
271
- "axis-vertical": r !== "horizontal"
272
- });
273
- },
274
- SLIDER: function(n, r) {
275
- return (0, A.default)({
276
- thumbs: !n,
277
- slider: n,
278
- animated: !r
279
- });
280
- },
281
- ITEM: function(n, r, i) {
282
- return (0, A.default)({
283
- thumb: !n,
284
- slide: n,
285
- selected: r,
286
- previous: i
287
- });
288
- },
289
- ARROW_PREV: function(n) {
290
- return (0, A.default)({
291
- "control-arrow control-prev": !0,
292
- "control-disabled": n
293
- });
294
- },
295
- ARROW_NEXT: function(n) {
296
- return (0, A.default)({
297
- "control-arrow control-next": !0,
298
- "control-disabled": n
299
- });
300
- },
301
- DOT: function(n) {
302
- return (0, A.default)({
303
- dot: !0,
304
- selected: n
305
- });
306
- }
307
- };
308
- K.default = ze;
309
- var j = {}, ie = {};
310
- Object.defineProperty(ie, "__esModule", {
311
- value: !0
312
- });
313
- ie.outerWidth = void 0;
314
- var Ne = function(n) {
315
- var r = n.offsetWidth, i = getComputedStyle(n);
316
- return r += parseInt(i.marginLeft) + parseInt(i.marginRight), r;
317
- };
318
- ie.outerWidth = Ne;
319
- var x = {};
320
- Object.defineProperty(x, "__esModule", {
321
- value: !0
322
- });
323
- x.default = void 0;
324
- var xe = function(n, r, i) {
325
- var e = n === 0 ? n : n + r, o = i === "horizontal" ? [e, 0, 0] : [0, e, 0], a = "translate3d", s = "(" + o.join(",") + ")";
326
- return a + s;
327
- };
328
- x.default = xe;
329
- var q = {};
330
- Object.defineProperty(q, "__esModule", {
331
- value: !0
332
- });
333
- q.default = void 0;
334
- var He = function() {
335
- return window;
336
- };
337
- q.default = He;
338
- Object.defineProperty(j, "__esModule", {
339
- value: !0
340
- });
341
- j.default = void 0;
342
- var T = Fe(F), W = oe(K), $e = ie, be = oe(x), Ue = oe(de), V = oe(q);
343
- function oe(t) {
344
- return t && t.__esModule ? t : { default: t };
345
- }
346
- function Re() {
347
- if (typeof WeakMap != "function") return null;
348
- var t = /* @__PURE__ */ new WeakMap();
349
- return Re = function() {
350
- return t;
351
- }, t;
352
- }
353
- function Fe(t) {
354
- if (t && t.__esModule)
355
- return t;
356
- if (t === null || $(t) !== "object" && typeof t != "function")
357
- return { default: t };
358
- var n = Re();
359
- if (n && n.has(t))
360
- return n.get(t);
361
- var r = {}, i = Object.defineProperty && Object.getOwnPropertyDescriptor;
362
- for (var e in t)
363
- if (Object.prototype.hasOwnProperty.call(t, e)) {
364
- var o = i ? Object.getOwnPropertyDescriptor(t, e) : null;
365
- o && (o.get || o.set) ? Object.defineProperty(r, e, o) : r[e] = t[e];
366
- }
367
- return r.default = t, n && n.set(t, r), r;
368
- }
369
- function $(t) {
370
- "@babel/helpers - typeof";
371
- return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? $ = function(r) {
372
- return typeof r;
373
- } : $ = function(r) {
374
- return r && typeof Symbol == "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
375
- }, $(t);
376
- }
377
- function le() {
378
- return le = Object.assign || function(t) {
379
- for (var n = 1; n < arguments.length; n++) {
380
- var r = arguments[n];
381
- for (var i in r)
382
- Object.prototype.hasOwnProperty.call(r, i) && (t[i] = r[i]);
383
- }
384
- return t;
385
- }, le.apply(this, arguments);
386
- }
387
- function Ke(t, n) {
388
- if (!(t instanceof n))
389
- throw new TypeError("Cannot call a class as a function");
390
- }
391
- function je(t, n) {
392
- for (var r = 0; r < n.length; r++) {
393
- var i = n[r];
394
- i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(t, i.key, i);
395
- }
396
- }
397
- function qe(t, n, r) {
398
- return n && je(t.prototype, n), t;
399
- }
400
- function Be(t, n) {
401
- if (typeof n != "function" && n !== null)
402
- throw new TypeError("Super expression must either be null or a function");
403
- t.prototype = Object.create(n && n.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), n && fe(t, n);
404
- }
405
- function fe(t, n) {
406
- return fe = Object.setPrototypeOf || function(i, e) {
407
- return i.__proto__ = e, i;
408
- }, fe(t, n);
409
- }
410
- function Xe(t) {
411
- var n = Ve();
412
- return function() {
413
- var i = J(t), e;
414
- if (n) {
415
- var o = J(this).constructor;
416
- e = Reflect.construct(i, arguments, o);
417
- } else
418
- e = i.apply(this, arguments);
419
- return Ye(this, e);
420
- };
421
- }
422
- function Ye(t, n) {
423
- return n && ($(n) === "object" || typeof n == "function") ? n : O(t);
424
- }
425
- function O(t) {
426
- if (t === void 0)
427
- throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
428
- return t;
429
- }
430
- function Ve() {
431
- if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham) return !1;
432
- if (typeof Proxy == "function") return !0;
433
- try {
434
- return Date.prototype.toString.call(Reflect.construct(Date, [], function() {
435
- })), !0;
436
- } catch {
437
- return !1;
438
- }
439
- }
440
- function J(t) {
441
- return J = Object.setPrototypeOf ? Object.getPrototypeOf : function(r) {
442
- return r.__proto__ || Object.getPrototypeOf(r);
443
- }, J(t);
444
- }
445
- function P(t, n, r) {
446
- return n in t ? Object.defineProperty(t, n, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[n] = r, t;
447
- }
448
- var Ge = function(n) {
449
- return n.hasOwnProperty("key");
450
- }, he = /* @__PURE__ */ function(t) {
451
- Be(r, t);
452
- var n = Xe(r);
453
- function r(i) {
454
- var e;
455
- return Ke(this, r), e = n.call(this, i), P(O(e), "itemsWrapperRef", void 0), P(O(e), "itemsListRef", void 0), P(O(e), "thumbsRef", void 0), P(O(e), "setItemsWrapperRef", function(o) {
456
- e.itemsWrapperRef = o;
457
- }), P(O(e), "setItemsListRef", function(o) {
458
- e.itemsListRef = o;
459
- }), P(O(e), "setThumbsRef", function(o, a) {
460
- e.thumbsRef || (e.thumbsRef = []), e.thumbsRef[a] = o;
461
- }), P(O(e), "updateSizes", function() {
462
- if (!(!e.props.children || !e.itemsWrapperRef || !e.thumbsRef)) {
463
- var o = T.Children.count(e.props.children), a = e.itemsWrapperRef.clientWidth, s = e.props.thumbWidth ? e.props.thumbWidth : (0, $e.outerWidth)(e.thumbsRef[0]), f = Math.floor(a / s), h = f < o, m = h ? o - f : 0;
464
- e.setState(function(v, _) {
465
- return {
466
- itemSize: s,
467
- visibleItems: f,
468
- firstItem: h ? e.getFirstItem(_.selectedItem) : 0,
469
- lastPosition: m,
470
- showArrows: h
471
- };
472
- });
473
- }
474
- }), P(O(e), "handleClickItem", function(o, a, s) {
475
- if (!Ge(s) || s.key === "Enter") {
476
- var f = e.props.onSelectItem;
477
- typeof f == "function" && f(o, a);
478
- }
479
- }), P(O(e), "onSwipeStart", function() {
480
- e.setState({
481
- swiping: !0
482
- });
483
- }), P(O(e), "onSwipeEnd", function() {
484
- e.setState({
485
- swiping: !1
486
- });
487
- }), P(O(e), "onSwipeMove", function(o) {
488
- var a = o.x;
489
- if (!e.state.itemSize || !e.itemsWrapperRef || !e.state.visibleItems)
490
- return !1;
491
- var s = 0, f = T.Children.count(e.props.children), h = -(e.state.firstItem * 100) / e.state.visibleItems, m = Math.max(f - e.state.visibleItems, 0), v = -m * 100 / e.state.visibleItems;
492
- h === s && a > 0 && (a = 0), h === v && a < 0 && (a = 0);
493
- var _ = e.itemsWrapperRef.clientWidth, g = h + 100 / (_ / a);
494
- return e.itemsListRef && ["WebkitTransform", "MozTransform", "MsTransform", "OTransform", "transform", "msTransform"].forEach(function(E) {
495
- e.itemsListRef.style[E] = (0, be.default)(g, "%", e.props.axis);
496
- }), !0;
497
- }), P(O(e), "slideRight", function(o) {
498
- e.moveTo(e.state.firstItem - (typeof o == "number" ? o : 1));
499
- }), P(O(e), "slideLeft", function(o) {
500
- e.moveTo(e.state.firstItem + (typeof o == "number" ? o : 1));
501
- }), P(O(e), "moveTo", function(o) {
502
- o = o < 0 ? 0 : o, o = o >= e.state.lastPosition ? e.state.lastPosition : o, e.setState({
503
- firstItem: o
504
- });
505
- }), e.state = {
506
- selectedItem: i.selectedItem,
507
- swiping: !1,
508
- showArrows: !1,
509
- firstItem: 0,
510
- visibleItems: 0,
511
- lastPosition: 0
512
- }, e;
513
- }
514
- return qe(r, [{
515
- key: "componentDidMount",
516
- value: function() {
517
- this.setupThumbs();
518
- }
519
- }, {
520
- key: "componentDidUpdate",
521
- value: function(e) {
522
- this.props.selectedItem !== this.state.selectedItem && this.setState({
523
- selectedItem: this.props.selectedItem,
524
- firstItem: this.getFirstItem(this.props.selectedItem)
525
- }), this.props.children !== e.children && this.updateSizes();
526
- }
527
- }, {
528
- key: "componentWillUnmount",
529
- value: function() {
530
- this.destroyThumbs();
531
- }
532
- }, {
533
- key: "setupThumbs",
534
- value: function() {
535
- (0, V.default)().addEventListener("resize", this.updateSizes), (0, V.default)().addEventListener("DOMContentLoaded", this.updateSizes), this.updateSizes();
536
- }
537
- }, {
538
- key: "destroyThumbs",
539
- value: function() {
540
- (0, V.default)().removeEventListener("resize", this.updateSizes), (0, V.default)().removeEventListener("DOMContentLoaded", this.updateSizes);
541
- }
542
- }, {
543
- key: "getFirstItem",
544
- value: function(e) {
545
- var o = e;
546
- return e >= this.state.lastPosition && (o = this.state.lastPosition), e < this.state.firstItem + this.state.visibleItems && (o = this.state.firstItem), e < this.state.firstItem && (o = e), o;
547
- }
548
- }, {
549
- key: "renderItems",
550
- value: function() {
551
- var e = this;
552
- return this.props.children.map(function(o, a) {
553
- var s = W.default.ITEM(!1, a === e.state.selectedItem), f = {
554
- key: a,
555
- ref: function(m) {
556
- return e.setThumbsRef(m, a);
557
- },
558
- className: s,
559
- onClick: e.handleClickItem.bind(e, a, e.props.children[a]),
560
- onKeyDown: e.handleClickItem.bind(e, a, e.props.children[a]),
561
- "aria-label": "".concat(e.props.labels.item, " ").concat(a + 1),
562
- style: {
563
- width: e.props.thumbWidth
564
- }
565
- };
566
- return /* @__PURE__ */ T.default.createElement("li", le({}, f, {
567
- role: "button",
568
- tabIndex: 0
569
- }), o);
570
- });
571
- }
572
- }, {
573
- key: "render",
574
- value: function() {
575
- var e = this;
576
- if (!this.props.children)
577
- return null;
578
- var o = T.Children.count(this.props.children) > 1, a = this.state.showArrows && this.state.firstItem > 0, s = this.state.showArrows && this.state.firstItem < this.state.lastPosition, f = {}, h = -this.state.firstItem * (this.state.itemSize || 0), m = (0, be.default)(h, "px", this.props.axis), v = this.props.transitionTime + "ms";
579
- return f = {
580
- WebkitTransform: m,
581
- MozTransform: m,
582
- MsTransform: m,
583
- OTransform: m,
584
- transform: m,
585
- msTransform: m,
586
- WebkitTransitionDuration: v,
587
- MozTransitionDuration: v,
588
- MsTransitionDuration: v,
589
- OTransitionDuration: v,
590
- transitionDuration: v,
591
- msTransitionDuration: v
592
- }, /* @__PURE__ */ T.default.createElement("div", {
593
- className: W.default.CAROUSEL(!1)
594
- }, /* @__PURE__ */ T.default.createElement("div", {
595
- className: W.default.WRAPPER(!1),
596
- ref: this.setItemsWrapperRef
597
- }, /* @__PURE__ */ T.default.createElement("button", {
598
- type: "button",
599
- className: W.default.ARROW_PREV(!a),
600
- onClick: function() {
601
- return e.slideRight();
602
- },
603
- "aria-label": this.props.labels.leftArrow
604
- }), o ? /* @__PURE__ */ T.default.createElement(Ue.default, {
605
- tagName: "ul",
606
- className: W.default.SLIDER(!1, this.state.swiping),
607
- onSwipeLeft: this.slideLeft,
608
- onSwipeRight: this.slideRight,
609
- onSwipeMove: this.onSwipeMove,
610
- onSwipeStart: this.onSwipeStart,
611
- onSwipeEnd: this.onSwipeEnd,
612
- style: f,
613
- innerRef: this.setItemsListRef,
614
- allowMouseEvents: this.props.emulateTouch
615
- }, this.renderItems()) : /* @__PURE__ */ T.default.createElement("ul", {
616
- className: W.default.SLIDER(!1, this.state.swiping),
617
- ref: function(g) {
618
- return e.setItemsListRef(g);
619
- },
620
- style: f
621
- }, this.renderItems()), /* @__PURE__ */ T.default.createElement("button", {
622
- type: "button",
623
- className: W.default.ARROW_NEXT(!s),
624
- onClick: function() {
625
- return e.slideLeft();
626
- },
627
- "aria-label": this.props.labels.rightArrow
628
- })));
629
- }
630
- }]), r;
631
- }(T.Component);
632
- j.default = he;
633
- P(he, "displayName", "Thumbs");
634
- P(he, "defaultProps", {
635
- axis: "horizontal",
636
- labels: {
637
- leftArrow: "previous slide / item",
638
- rightArrow: "next slide / item",
639
- item: "slide item"
640
- },
641
- selectedItem: 0,
642
- thumbWidth: 80,
643
- transitionTime: 350
644
- });
645
- var ae = {};
646
- Object.defineProperty(ae, "__esModule", {
647
- value: !0
648
- });
649
- ae.default = void 0;
650
- var Ze = function() {
651
- return document;
652
- };
653
- ae.default = Ze;
654
- var R = {};
655
- Object.defineProperty(R, "__esModule", {
656
- value: !0
657
- });
658
- R.setPosition = R.getPosition = R.isKeyboardEvent = R.defaultStatusFormatter = R.noop = void 0;
659
- var Je = F, Qe = et(x);
660
- function et(t) {
661
- return t && t.__esModule ? t : { default: t };
662
- }
663
- var tt = function() {
664
- };
665
- R.noop = tt;
666
- var nt = function(n, r) {
667
- return "".concat(n, " of ").concat(r);
668
- };
669
- R.defaultStatusFormatter = nt;
670
- var rt = function(n) {
671
- return n ? n.hasOwnProperty("key") : !1;
672
- };
673
- R.isKeyboardEvent = rt;
674
- var it = function(n, r) {
675
- if (r.infiniteLoop && ++n, n === 0)
676
- return 0;
677
- var i = Je.Children.count(r.children);
678
- if (r.centerMode && r.axis === "horizontal") {
679
- var e = -n * r.centerSlidePercentage, o = i - 1;
680
- return n && (n !== o || r.infiniteLoop) ? e += (100 - r.centerSlidePercentage) / 2 : n === o && (e += 100 - r.centerSlidePercentage), e;
681
- }
682
- return -n * 100;
683
- };
684
- R.getPosition = it;
685
- var ot = function(n, r) {
686
- var i = {};
687
- return ["WebkitTransform", "MozTransform", "MsTransform", "OTransform", "transform", "msTransform"].forEach(function(e) {
688
- i[e] = (0, Qe.default)(n, "%", r);
689
- }), i;
690
- };
691
- R.setPosition = ot;
692
- var C = {};
693
- Object.defineProperty(C, "__esModule", {
694
- value: !0
695
- });
696
- C.fadeAnimationHandler = C.slideStopSwipingHandler = C.slideSwipeAnimationHandler = C.slideAnimationHandler = void 0;
697
- var Ee = F, at = st(x), L = R;
698
- function st(t) {
699
- return t && t.__esModule ? t : { default: t };
700
- }
701
- function ge(t, n) {
702
- var r = Object.keys(t);
703
- if (Object.getOwnPropertySymbols) {
704
- var i = Object.getOwnPropertySymbols(t);
705
- n && (i = i.filter(function(e) {
706
- return Object.getOwnPropertyDescriptor(t, e).enumerable;
707
- })), r.push.apply(r, i);
708
- }
709
- return r;
710
- }
711
- function k(t) {
712
- for (var n = 1; n < arguments.length; n++) {
713
- var r = arguments[n] != null ? arguments[n] : {};
714
- n % 2 ? ge(Object(r), !0).forEach(function(i) {
715
- ut(t, i, r[i]);
716
- }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : ge(Object(r)).forEach(function(i) {
717
- Object.defineProperty(t, i, Object.getOwnPropertyDescriptor(r, i));
718
- });
719
- }
720
- return t;
721
- }
722
- function ut(t, n, r) {
723
- return n in t ? Object.defineProperty(t, n, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[n] = r, t;
724
- }
725
- var lt = function(n, r) {
726
- var i = {}, e = r.selectedItem, o = e, a = Ee.Children.count(n.children) - 1, s = n.infiniteLoop && (e < 0 || e > a);
727
- if (s)
728
- return o < 0 ? n.centerMode && n.centerSlidePercentage && n.axis === "horizontal" ? i.itemListStyle = (0, L.setPosition)(-(a + 2) * n.centerSlidePercentage - (100 - n.centerSlidePercentage) / 2, n.axis) : i.itemListStyle = (0, L.setPosition)(-(a + 2) * 100, n.axis) : o > a && (i.itemListStyle = (0, L.setPosition)(0, n.axis)), i;
729
- var f = (0, L.getPosition)(e, n), h = (0, at.default)(f, "%", n.axis), m = n.transitionTime + "ms";
730
- return i.itemListStyle = {
731
- WebkitTransform: h,
732
- msTransform: h,
733
- OTransform: h,
734
- transform: h
735
- }, r.swiping || (i.itemListStyle = k(k({}, i.itemListStyle), {}, {
736
- WebkitTransitionDuration: m,
737
- MozTransitionDuration: m,
738
- OTransitionDuration: m,
739
- transitionDuration: m,
740
- msTransitionDuration: m
741
- })), i;
742
- };
743
- C.slideAnimationHandler = lt;
744
- var ft = function(n, r, i, e) {
745
- var o = {}, a = r.axis === "horizontal", s = Ee.Children.count(r.children), f = 0, h = (0, L.getPosition)(i.selectedItem, r), m = r.infiniteLoop ? (0, L.getPosition)(s - 1, r) - 100 : (0, L.getPosition)(s - 1, r), v = a ? n.x : n.y, _ = v;
746
- h === f && v > 0 && (_ = 0), h === m && v < 0 && (_ = 0);
747
- var g = h + 100 / (i.itemSize / _), E = Math.abs(v) > r.swipeScrollTolerance;
748
- return r.infiniteLoop && E && (i.selectedItem === 0 && g > -100 ? g -= s * 100 : i.selectedItem === s - 1 && g < -s * 100 && (g += s * 100)), (!r.preventMovementUntilSwipeScrollTolerance || E || i.swipeMovementStarted) && (i.swipeMovementStarted || e({
749
- swipeMovementStarted: !0
750
- }), o.itemListStyle = (0, L.setPosition)(g, r.axis)), E && !i.cancelClick && e({
751
- cancelClick: !0
752
- }), o;
753
- };
754
- C.slideSwipeAnimationHandler = ft;
755
- var ct = function(n, r) {
756
- var i = (0, L.getPosition)(r.selectedItem, n), e = (0, L.setPosition)(i, n.axis);
757
- return {
758
- itemListStyle: e
759
- };
760
- };
761
- C.slideStopSwipingHandler = ct;
762
- var pt = function(n, r) {
763
- var i = n.transitionTime + "ms", e = "ease-in-out", o = {
764
- position: "absolute",
765
- display: "block",
766
- zIndex: -2,
767
- minHeight: "100%",
768
- opacity: 0,
769
- top: 0,
770
- right: 0,
771
- left: 0,
772
- bottom: 0,
773
- transitionTimingFunction: e,
774
- msTransitionTimingFunction: e,
775
- MozTransitionTimingFunction: e,
776
- WebkitTransitionTimingFunction: e,
777
- OTransitionTimingFunction: e
778
- };
779
- return r.swiping || (o = k(k({}, o), {}, {
780
- WebkitTransitionDuration: i,
781
- MozTransitionDuration: i,
782
- OTransitionDuration: i,
783
- transitionDuration: i,
784
- msTransitionDuration: i
785
- })), {
786
- slideStyle: o,
787
- selectedStyle: k(k({}, o), {}, {
788
- opacity: 1,
789
- position: "relative"
790
- }),
791
- prevStyle: k({}, o)
792
- };
793
- };
794
- C.fadeAnimationHandler = pt;
795
- Object.defineProperty(re, "__esModule", {
796
- value: !0
797
- });
798
- re.default = void 0;
799
- var w = mt(F), dt = B(de), D = B(K), ht = B(j), G = B(ae), Z = B(q), H = R, Q = C;
800
- function B(t) {
801
- return t && t.__esModule ? t : { default: t };
802
- }
803
- function Ie() {
804
- if (typeof WeakMap != "function") return null;
805
- var t = /* @__PURE__ */ new WeakMap();
806
- return Ie = function() {
807
- return t;
808
- }, t;
809
- }
810
- function mt(t) {
811
- if (t && t.__esModule)
812
- return t;
813
- if (t === null || U(t) !== "object" && typeof t != "function")
814
- return { default: t };
815
- var n = Ie();
816
- if (n && n.has(t))
817
- return n.get(t);
818
- var r = {}, i = Object.defineProperty && Object.getOwnPropertyDescriptor;
819
- for (var e in t)
820
- if (Object.prototype.hasOwnProperty.call(t, e)) {
821
- var o = i ? Object.getOwnPropertyDescriptor(t, e) : null;
822
- o && (o.get || o.set) ? Object.defineProperty(r, e, o) : r[e] = t[e];
823
- }
824
- return r.default = t, n && n.set(t, r), r;
825
- }
826
- function U(t) {
827
- "@babel/helpers - typeof";
828
- return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? U = function(r) {
829
- return typeof r;
830
- } : U = function(r) {
831
- return r && typeof Symbol == "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
832
- }, U(t);
833
- }
834
- function ce() {
835
- return ce = Object.assign || function(t) {
836
- for (var n = 1; n < arguments.length; n++) {
837
- var r = arguments[n];
838
- for (var i in r)
839
- Object.prototype.hasOwnProperty.call(r, i) && (t[i] = r[i]);
840
- }
841
- return t;
842
- }, ce.apply(this, arguments);
843
- }
844
- function _e(t, n) {
845
- var r = Object.keys(t);
846
- if (Object.getOwnPropertySymbols) {
847
- var i = Object.getOwnPropertySymbols(t);
848
- n && (i = i.filter(function(e) {
849
- return Object.getOwnPropertyDescriptor(t, e).enumerable;
850
- })), r.push.apply(r, i);
851
- }
852
- return r;
853
- }
854
- function M(t) {
855
- for (var n = 1; n < arguments.length; n++) {
856
- var r = arguments[n] != null ? arguments[n] : {};
857
- n % 2 ? _e(Object(r), !0).forEach(function(i) {
858
- c(t, i, r[i]);
859
- }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : _e(Object(r)).forEach(function(i) {
860
- Object.defineProperty(t, i, Object.getOwnPropertyDescriptor(r, i));
861
- });
862
- }
863
- return t;
864
- }
865
- function vt(t, n) {
866
- if (!(t instanceof n))
867
- throw new TypeError("Cannot call a class as a function");
868
- }
869
- function wt(t, n) {
870
- for (var r = 0; r < n.length; r++) {
871
- var i = n[r];
872
- i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(t, i.key, i);
873
- }
874
- }
875
- function yt(t, n, r) {
876
- return n && wt(t.prototype, n), t;
877
- }
878
- function St(t, n) {
879
- if (typeof n != "function" && n !== null)
880
- throw new TypeError("Super expression must either be null or a function");
881
- t.prototype = Object.create(n && n.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), n && pe(t, n);
882
- }
883
- function pe(t, n) {
884
- return pe = Object.setPrototypeOf || function(i, e) {
885
- return i.__proto__ = e, i;
886
- }, pe(t, n);
887
- }
888
- function bt(t) {
889
- var n = _t();
890
- return function() {
891
- var i = ee(t), e;
892
- if (n) {
893
- var o = ee(this).constructor;
894
- e = Reflect.construct(i, arguments, o);
895
- } else
896
- e = i.apply(this, arguments);
897
- return gt(this, e);
898
- };
899
- }
900
- function gt(t, n) {
901
- return n && (U(n) === "object" || typeof n == "function") ? n : p(t);
902
- }
903
- function p(t) {
904
- if (t === void 0)
905
- throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
906
- return t;
907
- }
908
- function _t() {
909
- if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham) return !1;
910
- if (typeof Proxy == "function") return !0;
911
- try {
912
- return Date.prototype.toString.call(Reflect.construct(Date, [], function() {
913
- })), !0;
914
- } catch {
915
- return !1;
916
- }
917
- }
918
- function ee(t) {
919
- return ee = Object.setPrototypeOf ? Object.getPrototypeOf : function(r) {
920
- return r.__proto__ || Object.getPrototypeOf(r);
921
- }, ee(t);
922
- }
923
- function c(t, n, r) {
924
- return n in t ? Object.defineProperty(t, n, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[n] = r, t;
925
- }
926
- var me = /* @__PURE__ */ function(t) {
927
- St(r, t);
928
- var n = bt(r);
929
- function r(i) {
930
- var e;
931
- vt(this, r), e = n.call(this, i), c(p(e), "thumbsRef", void 0), c(p(e), "carouselWrapperRef", void 0), c(p(e), "listRef", void 0), c(p(e), "itemsRef", void 0), c(p(e), "timer", void 0), c(p(e), "animationHandler", void 0), c(p(e), "setThumbsRef", function(a) {
932
- e.thumbsRef = a;
933
- }), c(p(e), "setCarouselWrapperRef", function(a) {
934
- e.carouselWrapperRef = a;
935
- }), c(p(e), "setListRef", function(a) {
936
- e.listRef = a;
937
- }), c(p(e), "setItemsRef", function(a, s) {
938
- e.itemsRef || (e.itemsRef = []), e.itemsRef[s] = a;
939
- }), c(p(e), "autoPlay", function() {
940
- w.Children.count(e.props.children) <= 1 || (e.clearAutoPlay(), e.props.autoPlay && (e.timer = setTimeout(function() {
941
- e.increment();
942
- }, e.props.interval)));
943
- }), c(p(e), "clearAutoPlay", function() {
944
- e.timer && clearTimeout(e.timer);
945
- }), c(p(e), "resetAutoPlay", function() {
946
- e.clearAutoPlay(), e.autoPlay();
947
- }), c(p(e), "stopOnHover", function() {
948
- e.setState({
949
- isMouseEntered: !0
950
- }, e.clearAutoPlay);
951
- }), c(p(e), "startOnLeave", function() {
952
- e.setState({
953
- isMouseEntered: !1
954
- }, e.autoPlay);
955
- }), c(p(e), "isFocusWithinTheCarousel", function() {
956
- return e.carouselWrapperRef ? !!((0, G.default)().activeElement === e.carouselWrapperRef || e.carouselWrapperRef.contains((0, G.default)().activeElement)) : !1;
957
- }), c(p(e), "navigateWithKeyboard", function(a) {
958
- if (e.isFocusWithinTheCarousel()) {
959
- var s = e.props.axis, f = s === "horizontal", h = {
960
- ArrowUp: 38,
961
- ArrowRight: 39,
962
- ArrowDown: 40,
963
- ArrowLeft: 37
964
- }, m = f ? h.ArrowRight : h.ArrowDown, v = f ? h.ArrowLeft : h.ArrowUp;
965
- m === a.keyCode ? e.increment() : v === a.keyCode && e.decrement();
966
- }
967
- }), c(p(e), "updateSizes", function() {
968
- if (!(!e.state.initialized || !e.itemsRef || e.itemsRef.length === 0)) {
969
- var a = e.props.axis === "horizontal", s = e.itemsRef[0];
970
- if (s) {
971
- var f = a ? s.clientWidth : s.clientHeight;
972
- e.setState({
973
- itemSize: f
974
- }), e.thumbsRef && e.thumbsRef.updateSizes();
975
- }
976
- }
977
- }), c(p(e), "setMountState", function() {
978
- e.setState({
979
- hasMount: !0
980
- }), e.updateSizes();
981
- }), c(p(e), "handleClickItem", function(a, s) {
982
- if (w.Children.count(e.props.children) !== 0) {
983
- if (e.state.cancelClick) {
984
- e.setState({
985
- cancelClick: !1
986
- });
987
- return;
988
- }
989
- e.props.onClickItem(a, s), a !== e.state.selectedItem && e.setState({
990
- selectedItem: a
991
- });
992
- }
993
- }), c(p(e), "handleOnChange", function(a, s) {
994
- w.Children.count(e.props.children) <= 1 || e.props.onChange(a, s);
995
- }), c(p(e), "handleClickThumb", function(a, s) {
996
- e.props.onClickThumb(a, s), e.moveTo(a);
997
- }), c(p(e), "onSwipeStart", function(a) {
998
- e.setState({
999
- swiping: !0
1000
- }), e.props.onSwipeStart(a);
1001
- }), c(p(e), "onSwipeEnd", function(a) {
1002
- e.setState({
1003
- swiping: !1,
1004
- cancelClick: !1,
1005
- swipeMovementStarted: !1
1006
- }), e.props.onSwipeEnd(a), e.clearAutoPlay(), e.state.autoPlay && e.autoPlay();
1007
- }), c(p(e), "onSwipeMove", function(a, s) {
1008
- e.props.onSwipeMove(s);
1009
- var f = e.props.swipeAnimationHandler(a, e.props, e.state, e.setState.bind(p(e)));
1010
- return e.setState(M({}, f)), !!Object.keys(f).length;
1011
- }), c(p(e), "decrement", function() {
1012
- var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 1;
1013
- e.moveTo(e.state.selectedItem - (typeof a == "number" ? a : 1));
1014
- }), c(p(e), "increment", function() {
1015
- var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 1;
1016
- e.moveTo(e.state.selectedItem + (typeof a == "number" ? a : 1));
1017
- }), c(p(e), "moveTo", function(a) {
1018
- if (typeof a == "number") {
1019
- var s = w.Children.count(e.props.children) - 1;
1020
- a < 0 && (a = e.props.infiniteLoop ? s : 0), a > s && (a = e.props.infiniteLoop ? 0 : s), e.selectItem({
1021
- // if it's not a slider, we don't need to set position here
1022
- selectedItem: a
1023
- }), e.state.autoPlay && e.state.isMouseEntered === !1 && e.resetAutoPlay();
1024
- }
1025
- }), c(p(e), "onClickNext", function() {
1026
- e.increment(1);
1027
- }), c(p(e), "onClickPrev", function() {
1028
- e.decrement(1);
1029
- }), c(p(e), "onSwipeForward", function() {
1030
- e.increment(1), e.props.emulateTouch && e.setState({
1031
- cancelClick: !0
1032
- });
1033
- }), c(p(e), "onSwipeBackwards", function() {
1034
- e.decrement(1), e.props.emulateTouch && e.setState({
1035
- cancelClick: !0
1036
- });
1037
- }), c(p(e), "changeItem", function(a) {
1038
- return function(s) {
1039
- (!(0, H.isKeyboardEvent)(s) || s.key === "Enter") && e.moveTo(a);
1040
- };
1041
- }), c(p(e), "selectItem", function(a) {
1042
- e.setState(M({
1043
- previousItem: e.state.selectedItem
1044
- }, a), function() {
1045
- e.setState(e.animationHandler(e.props, e.state));
1046
- }), e.handleOnChange(a.selectedItem, w.Children.toArray(e.props.children)[a.selectedItem]);
1047
- }), c(p(e), "getInitialImage", function() {
1048
- var a = e.props.selectedItem, s = e.itemsRef && e.itemsRef[a], f = s && s.getElementsByTagName("img") || [];
1049
- return f[0];
1050
- }), c(p(e), "getVariableItemHeight", function(a) {
1051
- var s = e.itemsRef && e.itemsRef[a];
1052
- if (e.state.hasMount && s && s.children.length) {
1053
- var f = s.children[0].getElementsByTagName("img") || [];
1054
- if (f.length > 0) {
1055
- var h = f[0];
1056
- if (!h.complete) {
1057
- var m = function g() {
1058
- e.forceUpdate(), h.removeEventListener("load", g);
1059
- };
1060
- h.addEventListener("load", m);
1061
- }
1062
- }
1063
- var v = f[0] || s.children[0], _ = v.clientHeight;
1064
- return _ > 0 ? _ : null;
1065
- }
1066
- return null;
1067
- });
1068
- var o = {
1069
- initialized: !1,
1070
- previousItem: i.selectedItem,
1071
- selectedItem: i.selectedItem,
1072
- hasMount: !1,
1073
- isMouseEntered: !1,
1074
- autoPlay: i.autoPlay,
1075
- swiping: !1,
1076
- swipeMovementStarted: !1,
1077
- cancelClick: !1,
1078
- itemSize: 1,
1079
- itemListStyle: {},
1080
- slideStyle: {},
1081
- selectedStyle: {},
1082
- prevStyle: {}
1083
- };
1084
- return e.animationHandler = typeof i.animationHandler == "function" && i.animationHandler || i.animationHandler === "fade" && Q.fadeAnimationHandler || Q.slideAnimationHandler, e.state = M(M({}, o), e.animationHandler(i, o)), e;
1085
- }
1086
- return yt(r, [{
1087
- key: "componentDidMount",
1088
- value: function() {
1089
- this.props.children && this.setupCarousel();
1090
- }
1091
- }, {
1092
- key: "componentDidUpdate",
1093
- value: function(e, o) {
1094
- !e.children && this.props.children && !this.state.initialized && this.setupCarousel(), !e.autoFocus && this.props.autoFocus && this.forceFocus(), o.swiping && !this.state.swiping && this.setState(M({}, this.props.stopSwipingHandler(this.props, this.state))), (e.selectedItem !== this.props.selectedItem || e.centerMode !== this.props.centerMode) && (this.updateSizes(), this.moveTo(this.props.selectedItem)), e.autoPlay !== this.props.autoPlay && (this.props.autoPlay ? this.setupAutoPlay() : this.destroyAutoPlay(), this.setState({
1095
- autoPlay: this.props.autoPlay
1096
- }));
1097
- }
1098
- }, {
1099
- key: "componentWillUnmount",
1100
- value: function() {
1101
- this.destroyCarousel();
1102
- }
1103
- }, {
1104
- key: "setupCarousel",
1105
- value: function() {
1106
- var e = this;
1107
- this.bindEvents(), this.state.autoPlay && w.Children.count(this.props.children) > 1 && this.setupAutoPlay(), this.props.autoFocus && this.forceFocus(), this.setState({
1108
- initialized: !0
1109
- }, function() {
1110
- var o = e.getInitialImage();
1111
- o && !o.complete ? o.addEventListener("load", e.setMountState) : e.setMountState();
1112
- });
1113
- }
1114
- }, {
1115
- key: "destroyCarousel",
1116
- value: function() {
1117
- this.state.initialized && (this.unbindEvents(), this.destroyAutoPlay());
1118
- }
1119
- }, {
1120
- key: "setupAutoPlay",
1121
- value: function() {
1122
- this.autoPlay();
1123
- var e = this.carouselWrapperRef;
1124
- this.props.stopOnHover && e && (e.addEventListener("mouseenter", this.stopOnHover), e.addEventListener("mouseleave", this.startOnLeave));
1125
- }
1126
- }, {
1127
- key: "destroyAutoPlay",
1128
- value: function() {
1129
- this.clearAutoPlay();
1130
- var e = this.carouselWrapperRef;
1131
- this.props.stopOnHover && e && (e.removeEventListener("mouseenter", this.stopOnHover), e.removeEventListener("mouseleave", this.startOnLeave));
1132
- }
1133
- }, {
1134
- key: "bindEvents",
1135
- value: function() {
1136
- (0, Z.default)().addEventListener("resize", this.updateSizes), (0, Z.default)().addEventListener("DOMContentLoaded", this.updateSizes), this.props.useKeyboardArrows && (0, G.default)().addEventListener("keydown", this.navigateWithKeyboard);
1137
- }
1138
- }, {
1139
- key: "unbindEvents",
1140
- value: function() {
1141
- (0, Z.default)().removeEventListener("resize", this.updateSizes), (0, Z.default)().removeEventListener("DOMContentLoaded", this.updateSizes);
1142
- var e = this.getInitialImage();
1143
- e && e.removeEventListener("load", this.setMountState), this.props.useKeyboardArrows && (0, G.default)().removeEventListener("keydown", this.navigateWithKeyboard);
1144
- }
1145
- }, {
1146
- key: "forceFocus",
1147
- value: function() {
1148
- var e;
1149
- (e = this.carouselWrapperRef) === null || e === void 0 || e.focus();
1150
- }
1151
- }, {
1152
- key: "renderItems",
1153
- value: function(e) {
1154
- var o = this;
1155
- return this.props.children ? w.Children.map(this.props.children, function(a, s) {
1156
- var f = s === o.state.selectedItem, h = s === o.state.previousItem, m = f && o.state.selectedStyle || h && o.state.prevStyle || o.state.slideStyle || {};
1157
- o.props.centerMode && o.props.axis === "horizontal" && (m = M(M({}, m), {}, {
1158
- minWidth: o.props.centerSlidePercentage + "%"
1159
- })), o.state.swiping && o.state.swipeMovementStarted && (m = M(M({}, m), {}, {
1160
- pointerEvents: "none"
1161
- }));
1162
- var v = {
1163
- ref: function(g) {
1164
- return o.setItemsRef(g, s);
1165
- },
1166
- key: "itemKey" + s + (e ? "clone" : ""),
1167
- className: D.default.ITEM(!0, s === o.state.selectedItem, s === o.state.previousItem),
1168
- onClick: o.handleClickItem.bind(o, s, a),
1169
- style: m
1170
- };
1171
- return /* @__PURE__ */ w.default.createElement("li", v, o.props.renderItem(a, {
1172
- isSelected: s === o.state.selectedItem,
1173
- isPrevious: s === o.state.previousItem
1174
- }));
1175
- }) : [];
1176
- }
1177
- }, {
1178
- key: "renderControls",
1179
- value: function() {
1180
- var e = this, o = this.props, a = o.showIndicators, s = o.labels, f = o.renderIndicator, h = o.children;
1181
- return a ? /* @__PURE__ */ w.default.createElement("ul", {
1182
- className: "control-dots"
1183
- }, w.Children.map(h, function(m, v) {
1184
- return f && f(e.changeItem(v), v === e.state.selectedItem, v, s.item);
1185
- })) : null;
1186
- }
1187
- }, {
1188
- key: "renderStatus",
1189
- value: function() {
1190
- return this.props.showStatus ? /* @__PURE__ */ w.default.createElement("p", {
1191
- className: "carousel-status"
1192
- }, this.props.statusFormatter(this.state.selectedItem + 1, w.Children.count(this.props.children))) : null;
1193
- }
1194
- }, {
1195
- key: "renderThumbs",
1196
- value: function() {
1197
- return !this.props.showThumbs || !this.props.children || w.Children.count(this.props.children) === 0 ? null : /* @__PURE__ */ w.default.createElement(ht.default, {
1198
- ref: this.setThumbsRef,
1199
- onSelectItem: this.handleClickThumb,
1200
- selectedItem: this.state.selectedItem,
1201
- transitionTime: this.props.transitionTime,
1202
- thumbWidth: this.props.thumbWidth,
1203
- labels: this.props.labels,
1204
- emulateTouch: this.props.emulateTouch
1205
- }, this.props.renderThumbs(this.props.children));
1206
- }
1207
- }, {
1208
- key: "render",
1209
- value: function() {
1210
- var e = this;
1211
- if (!this.props.children || w.Children.count(this.props.children) === 0)
1212
- return null;
1213
- var o = this.props.swipeable && w.Children.count(this.props.children) > 1, a = this.props.axis === "horizontal", s = this.props.showArrows && w.Children.count(this.props.children) > 1, f = s && (this.state.selectedItem > 0 || this.props.infiniteLoop) || !1, h = s && (this.state.selectedItem < w.Children.count(this.props.children) - 1 || this.props.infiniteLoop) || !1, m = this.renderItems(!0), v = m.shift(), _ = m.pop(), g = {
1214
- className: D.default.SLIDER(!0, this.state.swiping),
1215
- onSwipeMove: this.onSwipeMove,
1216
- onSwipeStart: this.onSwipeStart,
1217
- onSwipeEnd: this.onSwipeEnd,
1218
- style: this.state.itemListStyle,
1219
- tolerance: this.props.swipeScrollTolerance
1220
- }, E = {};
1221
- if (a) {
1222
- if (g.onSwipeLeft = this.onSwipeForward, g.onSwipeRight = this.onSwipeBackwards, this.props.dynamicHeight) {
1223
- var X = this.getVariableItemHeight(this.state.selectedItem);
1224
- E.height = X || "auto";
1225
- }
1226
- } else
1227
- g.onSwipeUp = this.props.verticalSwipe === "natural" ? this.onSwipeBackwards : this.onSwipeForward, g.onSwipeDown = this.props.verticalSwipe === "natural" ? this.onSwipeForward : this.onSwipeBackwards, g.style = M(M({}, g.style), {}, {
1228
- height: this.state.itemSize
1229
- }), E.height = this.state.itemSize;
1230
- return /* @__PURE__ */ w.default.createElement("div", {
1231
- "aria-label": this.props.ariaLabel,
1232
- className: D.default.ROOT(this.props.className),
1233
- ref: this.setCarouselWrapperRef,
1234
- tabIndex: this.props.useKeyboardArrows ? 0 : void 0
1235
- }, /* @__PURE__ */ w.default.createElement("div", {
1236
- className: D.default.CAROUSEL(!0),
1237
- style: {
1238
- width: this.props.width
1239
- }
1240
- }, this.renderControls(), this.props.renderArrowPrev(this.onClickPrev, f, this.props.labels.leftArrow), /* @__PURE__ */ w.default.createElement("div", {
1241
- className: D.default.WRAPPER(!0, this.props.axis),
1242
- style: E
1243
- }, o ? /* @__PURE__ */ w.default.createElement(dt.default, ce({
1244
- tagName: "ul",
1245
- innerRef: this.setListRef
1246
- }, g, {
1247
- allowMouseEvents: this.props.emulateTouch
1248
- }), this.props.infiniteLoop && _, this.renderItems(), this.props.infiniteLoop && v) : /* @__PURE__ */ w.default.createElement("ul", {
1249
- className: D.default.SLIDER(!0, this.state.swiping),
1250
- ref: function(z) {
1251
- return e.setListRef(z);
1252
- },
1253
- style: this.state.itemListStyle || {}
1254
- }, this.props.infiniteLoop && _, this.renderItems(), this.props.infiniteLoop && v)), this.props.renderArrowNext(this.onClickNext, h, this.props.labels.rightArrow), this.renderStatus()), this.renderThumbs());
1255
- }
1256
- }]), r;
1257
- }(w.default.Component);
1258
- re.default = me;
1259
- c(me, "displayName", "Carousel");
1260
- c(me, "defaultProps", {
1261
- ariaLabel: void 0,
1262
- axis: "horizontal",
1263
- centerSlidePercentage: 80,
1264
- interval: 3e3,
1265
- labels: {
1266
- leftArrow: "previous slide / item",
1267
- rightArrow: "next slide / item",
1268
- item: "slide item"
1269
- },
1270
- onClickItem: H.noop,
1271
- onClickThumb: H.noop,
1272
- onChange: H.noop,
1273
- onSwipeStart: function() {
1274
- },
1275
- onSwipeEnd: function() {
1276
- },
1277
- onSwipeMove: function() {
1278
- return !1;
1279
- },
1280
- preventMovementUntilSwipeScrollTolerance: !1,
1281
- renderArrowPrev: function(n, r, i) {
1282
- return /* @__PURE__ */ w.default.createElement("button", {
1283
- type: "button",
1284
- "aria-label": i,
1285
- className: D.default.ARROW_PREV(!r),
1286
- onClick: n
1287
- });
1288
- },
1289
- renderArrowNext: function(n, r, i) {
1290
- return /* @__PURE__ */ w.default.createElement("button", {
1291
- type: "button",
1292
- "aria-label": i,
1293
- className: D.default.ARROW_NEXT(!r),
1294
- onClick: n
1295
- });
1296
- },
1297
- renderIndicator: function(n, r, i, e) {
1298
- return /* @__PURE__ */ w.default.createElement("li", {
1299
- className: D.default.DOT(r),
1300
- onClick: n,
1301
- onKeyDown: n,
1302
- value: i,
1303
- key: i,
1304
- role: "button",
1305
- tabIndex: 0,
1306
- "aria-label": "".concat(e, " ").concat(i + 1)
1307
- });
1308
- },
1309
- renderItem: function(n) {
1310
- return n;
1311
- },
1312
- renderThumbs: function(n) {
1313
- var r = w.Children.map(n, function(i) {
1314
- var e = i;
1315
- if (i.type !== "img" && (e = w.Children.toArray(i.props.children).find(function(o) {
1316
- return o.type === "img";
1317
- })), !!e)
1318
- return e;
1319
- });
1320
- return r.filter(function(i) {
1321
- return i;
1322
- }).length === 0 ? (console.warn("No images found! Can't build the thumb list without images. If you don't need thumbs, set showThumbs={false} in the Carousel. Note that it's not possible to get images rendered inside custom components. More info at https://github.com/leandrowd/react-responsive-carousel/blob/master/TROUBLESHOOTING.md"), []) : r;
1323
- },
1324
- statusFormatter: H.defaultStatusFormatter,
1325
- selectedItem: 0,
1326
- showArrows: !0,
1327
- showIndicators: !0,
1328
- showStatus: !0,
1329
- showThumbs: !0,
1330
- stopOnHover: !0,
1331
- swipeScrollTolerance: 5,
1332
- swipeable: !0,
1333
- transitionTime: 350,
1334
- verticalSwipe: "standard",
1335
- width: "100%",
1336
- animationHandler: "slide",
1337
- swipeAnimationHandler: Q.slideSwipeAnimationHandler,
1338
- stopSwipingHandler: Q.slideStopSwipingHandler
1339
- });
1340
- var Pt = {};
1341
- (function(t) {
1342
- Object.defineProperty(t, "__esModule", {
1343
- value: !0
1344
- }), Object.defineProperty(t, "Carousel", {
1345
- enumerable: !0,
1346
- get: function() {
1347
- return n.default;
1348
- }
1349
- }), Object.defineProperty(t, "CarouselProps", {
1350
- enumerable: !0,
1351
- get: function() {
1352
- return r.CarouselProps;
1353
- }
1354
- }), Object.defineProperty(t, "Thumbs", {
1355
- enumerable: !0,
1356
- get: function() {
1357
- return i.default;
1358
- }
1359
- });
1360
- var n = e(re), r = Pt, i = e(j);
1361
- function e(o) {
1362
- return o && o.__esModule ? o : { default: o };
1363
- }
1364
- })(Oe);
1365
- const Ot = te.div`
1366
- position: relative;
1367
-
1368
- & .image-carousel {
1369
- height: 20.625rem;
1370
-
1371
- & img {
1372
- height: 20.625rem;
1373
- }
1374
-
1375
- & .next,
1376
- .previous {
1377
- display: none;
1378
- }
1379
- }
1380
-
1381
- @media (max-width: ${ne + "px"}) {
1382
- & .image-carousel {
1383
- & > div {
1384
- border-radius: unset;
1385
- }
1386
- & img {
1387
- border-radius: unset;
1388
- }
1389
- }
1390
- }
1391
- `;
1392
- te.div`
1393
- position: absolute;
1394
- top: 0;
1395
- left: 0;
1396
- background: linear-gradient(
1397
- to bottom,
1398
- rgba(0, 0, 0, 0) 0%,
1399
- rgba(0, 0, 0, 1) 100%
1400
- );
1401
- border-radius: 0%.75rem;
1402
-
1403
- width: 100%;
1404
- height: 100%;
1405
- padding: 3rem 3rem 5.625rem 3rem;
1406
-
1407
- display: flex;
1408
- flex-direction: column;
1409
- gap: 1rem;
1410
- justify-content: space-between;
1411
-
1412
- & button {
1413
- width: fit-content;
1414
- }
1415
-
1416
- & .text-area {
1417
- max-width: 31.75rem;
1418
- font-size: 1rem;
1419
- display: flex;
1420
- flex-direction: column;
1421
- gap: 0.5rem;
1422
- color: var(--white);
1423
-
1424
- & .title {
1425
- font-weight: 700;
1426
- font-size: 2rem;
1427
- color: var(--white);
1428
- }
1429
- }
1430
-
1431
- @media (max-width: ${ne + "px"}) {
1432
- display: none;
1433
- }
1434
- `;
1435
- const Rt = te.div`
1436
- position: relative;
1437
- border-radius: 0.75rem;
1438
-
1439
- & img {
1440
- object-fit: cover;
1441
- max-height: 20.625rem;
1442
- border-radius: 0.75rem;
1443
- }
1444
-
1445
- @media (max-width: ${ne + "px"}) {
1446
- border-radius: unset;
1447
-
1448
- & img {
1449
- border-radius: unset;
1450
- }
1451
- }
1452
- `, Et = te.div`
1453
- border-radius: 0.75rem;
1454
- position: absolute;
1455
- top: 0;
1456
- left: 0;
1457
- height: 100%;
1458
- width: 100%;
1459
- padding: 3rem 0 3rem 3rem;
1460
-
1461
- background: linear-gradient(
1462
- to top left,
1463
- rgba(0, 0, 0, 0) 85%,
1464
- rgba(0, 0, 0, 1) 100%
1465
- );
1466
-
1467
- & .banner-content {
1468
- display: flex;
1469
- flex-direction: column;
1470
- gap: 3.5rem;
1471
- width: 45%;
1472
- }
1473
-
1474
- & .banner-content button {
1475
- width: fit-content;
1476
- }
1477
-
1478
- & .banner-text {
1479
- text-align: left;
1480
- font-size: 1rem;
1481
- display: flex;
1482
- flex-direction: column;
1483
- gap: 0.5rem;
1484
- color: var(--white);
1485
-
1486
- & .banner-title {
1487
- font-weight: 700;
1488
- font-size: 2rem;
1489
- color: var(--white);
1490
- }
1491
- }
1492
-
1493
- @media (max-width: ${ne + "px"}) {
1494
- border-radius: unset;
1495
- background: unset;
1496
-
1497
- & .banner-content {
1498
- display: none;
1499
- }
1500
- }
1501
- `, It = Me(
1502
- ({ items: t = [], handleClick: n = () => {
1503
- } }, r) => {
1504
- const i = De();
1505
- return /* @__PURE__ */ N(Ot, { children: /* @__PURE__ */ N(
1506
- Oe.Carousel,
1507
- {
1508
- autoPlay: !0,
1509
- infiniteLoop: !0,
1510
- showArrows: !1,
1511
- showStatus: !1,
1512
- showThumbs: !1,
1513
- transitionTime: 500,
1514
- onClickItem: (e) => {
1515
- i || n == null || n(e);
1516
- },
1517
- children: t && (t == null ? void 0 : t.map((e, o) => /* @__PURE__ */ we(Rt, { children: [
1518
- /* @__PURE__ */ N("img", { loading: "lazy", src: e.image }),
1519
- /* @__PURE__ */ N(Et, { children: /* @__PURE__ */ N("div", { className: "banner-content", children: /* @__PURE__ */ we("div", { className: "banner-text", children: [
1520
- /* @__PURE__ */ N("div", { className: "banner-title", children: e.title }),
1521
- e.description
1522
- ] }) }) })
1523
- ] }, `banner-${o + 1}`)))
1524
- }
1525
- ) });
1526
- }
1527
- );
1528
- It.propTypes = {
1529
- items: ye.array,
1530
- handleClick: ye.func
1531
- };
1532
- export {
1533
- It as default
1534
- };