@lanaco/lnc-react-ui 4.0.23 → 4.0.26
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/Accordion.cjs +1 -1
- package/dist/Accordion.js +2 -2
- package/dist/AccordionDetails.cjs +1 -1
- package/dist/AccordionDetails.js +1 -1
- package/dist/AccordionSummary.cjs +1 -1
- package/dist/AccordionSummary.js +2 -2
- package/dist/ActionsToolbar.cjs +1 -1
- package/dist/ActionsToolbar.js +2 -2
- package/dist/Alert.cjs +1 -1
- package/dist/Alert.js +2 -2
- package/dist/Avatar.cjs +1 -1
- package/dist/Avatar.js +2 -2
- package/dist/Badge.cjs +1 -1
- package/dist/Badge.js +2 -2
- package/dist/Breadcrumbs.cjs +1 -1
- package/dist/Breadcrumbs.js +2 -2
- package/dist/Button.cjs +1 -1
- package/dist/Button.js +2 -2
- package/dist/ButtonGroup.cjs +1 -1
- package/dist/ButtonGroup.js +2 -2
- package/dist/CheckBoxInput.cjs +1 -1
- package/dist/CheckBoxInput.js +2 -2
- package/dist/Chip.cjs +1 -1
- package/dist/Chip.js +2 -2
- package/dist/ColorInput.cjs +1 -1
- package/dist/ColorInput.js +2 -2
- package/dist/ConfirmationForm.cjs +1 -1
- package/dist/ConfirmationForm.js +2 -2
- package/dist/Content.cjs +1 -1
- package/dist/Content.js +1 -1
- package/dist/{CustomStyles-Dlqxic2X.cjs → CustomStyles-CBON9fD-.cjs} +1 -1
- package/dist/{CustomStyles-BUSJ8bZt.js → CustomStyles-DuADCM-0.js} +1 -1
- package/dist/DataView.cjs +1 -1
- package/dist/DataView.js +1 -1
- package/dist/DateInput.cjs +1 -1
- package/dist/DateInput.js +3 -3
- package/dist/DecimalInput.cjs +1 -1
- package/dist/DecimalInput.js +2 -2
- package/dist/DecimalInputV2.cjs +1 -1
- package/dist/DecimalInputV2.js +2 -2
- package/dist/DetailsView.cjs +1 -1
- package/dist/DetailsView.js +2 -2
- package/dist/DoubleRangeSlider.cjs +1 -1
- package/dist/DoubleRangeSlider.js +2 -2
- package/dist/DragAndDropFile.cjs +1 -1
- package/dist/DragAndDropFile.js +2 -2
- package/dist/DragDropFiles.cjs +1 -1
- package/dist/DragDropFiles.js +2 -2
- package/dist/Drawer.cjs +1 -1
- package/dist/Drawer.js +2 -2
- package/dist/Dropdown.cjs +1 -1
- package/dist/Dropdown.js +3 -3
- package/dist/DropdownItem.cjs +1 -1
- package/dist/DropdownItem.js +2 -2
- package/dist/DropdownLookup.cjs +1 -1
- package/dist/DropdownLookup.js +2 -2
- package/dist/DropdownMenu.cjs +1 -1
- package/dist/DropdownMenu.js +2 -2
- package/dist/EditableTable.cjs +1 -1
- package/dist/EditableTable.js +2 -2
- package/dist/FileInput.cjs +1 -1
- package/dist/FileInput.js +2 -2
- package/dist/FlexBox.cjs +1 -1
- package/dist/FlexBox.js +1 -1
- package/dist/FlexGrid.cjs +1 -1
- package/dist/FlexGrid.js +1 -1
- package/dist/FlexGridItem.cjs +1 -1
- package/dist/FlexGridItem.js +2 -2
- package/dist/Footer.cjs +1 -1
- package/dist/Footer.js +1 -1
- package/dist/FormField.cjs +1 -1
- package/dist/FormField.js +2 -2
- package/dist/FormView.cjs +1 -1
- package/dist/FormView.js +2 -2
- package/dist/Grid.cjs +1 -1
- package/dist/Grid.js +1 -1
- package/dist/GridItem.cjs +1 -1
- package/dist/GridItem.js +1 -1
- package/dist/Header.cjs +1 -1
- package/dist/Header.js +1 -1
- package/dist/Icon.cjs +1 -1
- package/dist/Icon.js +2 -2
- package/dist/IconButton.cjs +1 -1
- package/dist/IconButton.js +2 -2
- package/dist/Kanban.cjs +2 -2
- package/dist/Kanban.js +85 -87
- package/dist/KanbanActionsToolbar.cjs +1 -1
- package/dist/KanbanActionsToolbar.js +2 -2
- package/dist/{KanbanCard-CHZ_C9kk.js → KanbanCard-BDyFaKYd.js} +2 -2
- package/dist/{KanbanCard-DV3VnSUi.cjs → KanbanCard-CofqdTrO.cjs} +1 -1
- package/dist/KanbanCard.cjs +1 -1
- package/dist/KanbanCard.js +2 -2
- package/dist/KanbanFooter.cjs +1 -1
- package/dist/KanbanFooter.js +1 -1
- package/dist/KanbanHeader.cjs +1 -1
- package/dist/KanbanHeader.js +1 -1
- package/dist/KanbanView.cjs +1 -1
- package/dist/KanbanView.js +3 -3
- package/dist/Link.cjs +1 -1
- package/dist/Link.js +2 -2
- package/dist/MenuItem.cjs +1 -1
- package/dist/MenuItem.js +2 -2
- package/dist/Modal.cjs +1 -1
- package/dist/Modal.js +2 -2
- package/dist/MultiSelectDropdown.cjs +1 -1
- package/dist/MultiSelectDropdown.js +2 -2
- package/dist/MultiSelectDropdownLookup.cjs +1 -1
- package/dist/MultiSelectDropdownLookup.js +2 -2
- package/dist/NestedDropdownItem.cjs +1 -1
- package/dist/NestedDropdownItem.js +2 -2
- package/dist/NestedMenuItem.cjs +1 -1
- package/dist/NestedMenuItem.js +2 -2
- package/dist/NotificationContainer.cjs +1 -1
- package/dist/NotificationContainer.js +2 -2
- package/dist/NotificationMessage.cjs +1 -1
- package/dist/NotificationMessage.js +2 -2
- package/dist/NumberInput.cjs +1 -1
- package/dist/NumberInput.js +2 -2
- package/dist/PageLayout.cjs +1 -1
- package/dist/PageLayout.js +1 -1
- package/dist/Pagination.cjs +1 -1
- package/dist/Pagination.js +1 -1
- package/dist/PasswordInput.cjs +1 -1
- package/dist/PasswordInput.js +2 -2
- package/dist/Popover.cjs +1 -1
- package/dist/Popover.js +1 -1
- package/dist/PopoverContent.cjs +1 -1
- package/dist/PopoverContent.js +2 -2
- package/dist/PopoverTrigger.cjs +1 -1
- package/dist/PopoverTrigger.js +1 -1
- package/dist/ProgressBar.cjs +1 -1
- package/dist/ProgressBar.js +2 -2
- package/dist/RadioGroup.cjs +1 -1
- package/dist/RadioGroup.js +1 -1
- package/dist/RadioInput.cjs +1 -1
- package/dist/RadioInput.js +2 -2
- package/dist/RangeSlider.cjs +1 -1
- package/dist/RangeSlider.js +2 -2
- package/dist/SearchBar.cjs +1 -1
- package/dist/SearchBar.js +1 -1
- package/dist/Separator.cjs +1 -1
- package/dist/Separator.js +2 -2
- package/dist/Sidebar.cjs +1 -1
- package/dist/Sidebar.js +2 -2
- package/dist/Spinner.cjs +1 -1
- package/dist/Spinner.js +2 -2
- package/dist/Surface.cjs +1 -1
- package/dist/Surface.js +2 -2
- package/dist/SwipeableDrawer.cjs +1 -1
- package/dist/SwipeableDrawer.js +2 -2
- package/dist/TabItem.cjs +1 -1
- package/dist/TabItem.js +2 -2
- package/dist/Table.cjs +1 -1
- package/dist/Table.js +2 -2
- package/dist/TableView.cjs +1 -1
- package/dist/TableView.js +2 -2
- package/dist/Tabs.cjs +1 -1
- package/dist/Tabs.js +1 -1
- package/dist/TextAreaInput.cjs +1 -1
- package/dist/TextAreaInput.js +2 -2
- package/dist/TextInput.cjs +1 -1
- package/dist/TextInput.js +2 -2
- package/dist/ThemeProvider.cjs +1 -1
- package/dist/ThemeProvider.js +26 -26
- package/dist/TimeInput.cjs +1 -1
- package/dist/TimeInput.js +2 -2
- package/dist/Toggle.cjs +1 -1
- package/dist/Toggle.js +2 -2
- package/dist/TreeMenu.cjs +1 -1
- package/dist/TreeMenu.js +1 -1
- package/dist/TreeMenuSeparator.cjs +1 -1
- package/dist/TreeMenuSeparator.js +2 -2
- package/dist/UploadedFile.cjs +1 -1
- package/dist/UploadedFile.js +2 -2
- package/dist/consts-DNVz1x1I.js +4 -0
- package/dist/consts-dNz9tpt4.cjs +1 -0
- package/dist/{index-BIlhCoy2.cjs → index-BPVoEhTF.cjs} +5 -5
- package/dist/index-BlV3tdJ8.cjs +87 -0
- package/dist/{index-Cu0xwYjD.js → index-Bq3leL2e.js} +5 -4
- package/dist/index-C2M7QHPq.cjs +40 -0
- package/dist/index-DGl-lSfF.js +122 -0
- package/dist/index-DcYg32le.js +69 -0
- package/dist/index-LdP7U1Yl.cjs +114 -0
- package/dist/{index-BYnWp42a.js → index-S5Cd7WrG.js} +74 -73
- package/dist/index-gY9e_8LL.cjs +5 -0
- package/dist/index-jVpIwR2G.js +159 -0
- package/dist/index.cjs +1 -1
- package/dist/index.js +156 -128
- package/dist/index10.cjs +90 -0
- package/dist/index10.js +152 -0
- package/dist/index11.cjs +85 -0
- package/dist/index11.js +125 -0
- package/dist/index12.cjs +194 -0
- package/dist/index12.js +312 -0
- package/dist/index13.cjs +98 -0
- package/dist/index13.js +221 -0
- package/dist/index14.cjs +161 -0
- package/dist/index14.js +254 -0
- package/dist/index15.cjs +135 -0
- package/dist/index15.js +1534 -0
- package/dist/index2.cjs +25 -0
- package/dist/index2.js +99 -0
- package/dist/index3.cjs +31 -0
- package/dist/index3.js +94 -0
- package/dist/index4.cjs +68 -0
- package/dist/index4.js +135 -0
- package/dist/index5.cjs +48 -0
- package/dist/index5.js +100 -0
- package/dist/index6.cjs +81 -0
- package/dist/index6.js +144 -0
- package/dist/index7.cjs +65 -0
- package/dist/index7.js +104 -0
- package/dist/index8.cjs +82 -0
- package/dist/index8.js +138 -0
- package/dist/index9.cjs +150 -0
- package/dist/index9.js +222 -0
- package/dist/style-C3OB0uad.cjs +76 -0
- package/dist/style-Ch-xOasu.js +84 -0
- package/dist/style.css +1 -1
- package/dist/useDetectMobile-BookNOsk.js +13 -0
- package/dist/useDetectMobile-rBe0FiP2.cjs +1 -0
- package/dist/useEffectOnce-DFrzfNzT.cjs +1 -0
- package/dist/useEffectOnce-guOKBPuL.js +7 -0
- package/dist/{utils-DTAPpJXU.cjs → utils-CE6bljYe.cjs} +43 -5
- package/dist/{utils-C52T57HO.js → utils-DtEdJZWa.js} +121 -32
- package/package.json +16 -2
- package/vite.config.js +60 -1
- package/dist/index-CSXL784P.cjs +0 -5
package/dist/index15.js
ADDED
|
@@ -0,0 +1,1534 @@
|
|
|
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
|
+
};
|