@fox-dls/carousels 1.0.2 → 1.0.6
Sign up to get free protection for your applications and to get access to all the features.
- package/.ultra.cache.json +1 -1
- package/dist/index.cjs +526 -0
- package/dist/index.cjs.map +1 -0
- package/dist/{index.js → index.esm.js} +1 -1
- package/dist/index.esm.js.map +1 -0
- package/package.json +4 -20
- package/tsconfig.build.json +2 -12
- package/tsconfig.json +18 -16
- package/dist/index.js.map +0 -1
package/.ultra.cache.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"files":{"dist":"
|
|
1
|
+
{"files":{"dist":"1638862075168.1787","node_modules":"1638862048192.4897",".babelrc":"f03d0ca709d39fade7fd0a5ff24f9384b515b5b6",".eslintrc.json":"6a0edde9387ee5887d1e599f7a99f09362754acd","CHANGELOG.md":"938ca134a8f27f19d16eafbc8064d38ea166b934","README.md":"87a167329bff7478ccaa650e3d382475d8115cb1","package.json":"8512485560e1085b1d0365303d0dfa2ffc86681a.1638861868674.5674","src/index.ts":"1666f11be8aaf18be8a632f73ad0e73d407aae26","src/lib/card/index.tsx":"52c971cf55cfeb66bdb2f5be883f9a3a2fb62a37","src/lib/card/styles/index.tsx":"0e2c3284b69f0e5c3eabfcbaac81864ff10e5969","src/lib/free/index.tsx":"31d5d59052261c935edb986a1817ee7f273bbbd4","src/lib/free/styles/index.tsx":"5265cb7c9d6bf16b5b09c82bbac9d6aa8d32d798","src/lib/pagination/index.tsx":"561112dbc7d2eeb6e18037ca090a81a6dbe7ac07","src/lib/pagination/styles/index.tsx":"457b030d259318e0431b4d585406078e7ee4faab","src/lib/pills/index.tsx":"c472c9de1791a116bd7e5c1dbe650c3256f6128a","src/lib/pills/styles/index.tsx":"5b249d5b210dd9e81edff8a3412d4b7b9e2ad9a2","src/lib/styles/index.tsx":"276419cd5a78d7b7e027c6f2dc459ea3e81bb85d","tsconfig.build.json":"269572b997c81ac83266026b6b5a2c8699709823.1638861064396.2463","tsconfig.json":"af31a7a31827eeec44ed853b8c3000c67f639047.1638860898530.1763"},"deps":{"@fox-dls/layout":1638862068628.2542}}
|
package/dist/index.cjs
ADDED
|
@@ -0,0 +1,526 @@
|
|
|
1
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
2
|
+
var React = require('react');
|
|
3
|
+
var styled = require('styled-components');
|
|
4
|
+
var SwiperCore = require('swiper');
|
|
5
|
+
var react = require('swiper/react');
|
|
6
|
+
var ButtonUnstyled = require('@mui/core/ButtonUnstyled');
|
|
7
|
+
var layout = require('@fox-dls/layout');
|
|
8
|
+
|
|
9
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
|
+
|
|
11
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
|
+
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
13
|
+
var SwiperCore__default = /*#__PURE__*/_interopDefaultLegacy(SwiperCore);
|
|
14
|
+
var ButtonUnstyled__default = /*#__PURE__*/_interopDefaultLegacy(ButtonUnstyled);
|
|
15
|
+
|
|
16
|
+
function _extends() {
|
|
17
|
+
_extends = Object.assign || function (target) {
|
|
18
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
19
|
+
var source = arguments[i];
|
|
20
|
+
|
|
21
|
+
for (var key in source) {
|
|
22
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
23
|
+
target[key] = source[key];
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
return target;
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
return _extends.apply(this, arguments);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
35
|
+
if (source == null) return {};
|
|
36
|
+
var target = {};
|
|
37
|
+
var sourceKeys = Object.keys(source);
|
|
38
|
+
var key, i;
|
|
39
|
+
|
|
40
|
+
for (i = 0; i < sourceKeys.length; i++) {
|
|
41
|
+
key = sourceKeys[i];
|
|
42
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
43
|
+
target[key] = source[key];
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
return target;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
function _taggedTemplateLiteralLoose(strings, raw) {
|
|
50
|
+
if (!raw) {
|
|
51
|
+
raw = strings.slice(0);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
strings.raw = raw;
|
|
55
|
+
return strings;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
var CarouselSwiper$3 = /*#__PURE__*/styled__default["default"](react.Swiper).withConfig({
|
|
59
|
+
displayName: "styles__CarouselSwiper",
|
|
60
|
+
componentId: "sc-1sue7gh-1"
|
|
61
|
+
})(["margin:0px !important;.swiper-wrapper{.swiper-slide{scroll-snap-align:start !important;width:auto !important;}}"]);
|
|
62
|
+
var CarouselPillContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
63
|
+
displayName: "styles__CarouselPillContainer",
|
|
64
|
+
componentId: "sc-1sue7gh-2"
|
|
65
|
+
})(["display:inline-block !important;padding-right:8px !important;padding-top:4px !important;padding-bottom:4px !important;"]);
|
|
66
|
+
var CarouselPill$1 = /*#__PURE__*/styled__default["default"](ButtonUnstyled__default["default"]).withConfig({
|
|
67
|
+
displayName: "styles__CarouselPill",
|
|
68
|
+
componentId: "sc-1sue7gh-3"
|
|
69
|
+
})(["-webkit-box-pack:center !important;-webkit-box-align:center !important;appearance:none !important;display:inline-flex !important;border-radius:50% !important;border:1px solid rgb(221,221,221) !important;outline:none !important;margin:0px !important;padding:0px !important;color:rgb(34,34,34) !important;cursor:pointer !important;touch-action:manipulation !important;position:relative !important;background:transparent !important;transition:-ms-transform 0.25s ease 0s,-webkit-transform 0.25s ease 0s,transform 0.25s ease 0s !important;align-items:center !important;justify-content:center !important;width:36px !important;height:36px !important;::before{content:'' !important;display:block !important;position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;width:36px !important;height:36px !important;border-radius:50% !important;border:1px solid rgb(221,221,221) !important;}"]);
|
|
70
|
+
|
|
71
|
+
var _templateObject, _templateObject2;
|
|
72
|
+
|
|
73
|
+
var _excluded$3 = ["children", "navigation", "title", "controls", "arrows"];
|
|
74
|
+
SwiperCore__default["default"].use([SwiperCore.Navigation]);
|
|
75
|
+
var PillsCarousel = function PillsCarousel(_ref) {
|
|
76
|
+
var children = _ref.children,
|
|
77
|
+
arrows = _ref.arrows,
|
|
78
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
|
|
79
|
+
|
|
80
|
+
var prevRef = React.useRef(null);
|
|
81
|
+
var nextRef = React.useRef(null);
|
|
82
|
+
|
|
83
|
+
var _useState = React.useState({
|
|
84
|
+
progress: 0,
|
|
85
|
+
isBeginning: true,
|
|
86
|
+
isEnd: false
|
|
87
|
+
}),
|
|
88
|
+
swiperSlides = _useState[0],
|
|
89
|
+
setSwiperSlides = _useState[1];
|
|
90
|
+
|
|
91
|
+
var _useState2 = React.useState(null),
|
|
92
|
+
swiper = _useState2[0],
|
|
93
|
+
setSwiper = _useState2[1];
|
|
94
|
+
|
|
95
|
+
return jsxRuntime.jsxs("div", {
|
|
96
|
+
css: "\n display: flex !important;\n position: relative !important;\n min-width: 0px !important;\n ",
|
|
97
|
+
children: [jsxRuntime.jsx("div", {
|
|
98
|
+
css: "\n position: absolute !important;\n left: 0px !important;\n z-index: 3 !important;\n width: 65px !important;\n background: linear-gradient(\n to right,\n rgb(255, 255, 255) 56.77%,\n rgba(255, 255, 255, 0) 94.47%\n ) !important;\n " + (swiperSlides.isBeginning && styled.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n display: none !important;\n visibility: hidden !important;\n "])))) + "\n ",
|
|
99
|
+
children: arrows && jsxRuntime.jsx(CarouselPillContainer, {
|
|
100
|
+
children: jsxRuntime.jsx(CarouselPill$1, {
|
|
101
|
+
left: +true,
|
|
102
|
+
ref: prevRef,
|
|
103
|
+
"aria-label": "Previous",
|
|
104
|
+
type: "button",
|
|
105
|
+
onClick: function onClick() {
|
|
106
|
+
return swiper.slidePrev();
|
|
107
|
+
},
|
|
108
|
+
children: jsxRuntime.jsx("span", {
|
|
109
|
+
css: "\n position: relative !important;\n ",
|
|
110
|
+
children: jsxRuntime.jsx("svg", {
|
|
111
|
+
viewBox: "0 0 32 32",
|
|
112
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
113
|
+
"aria-hidden": "true",
|
|
114
|
+
role: "presentation",
|
|
115
|
+
focusable: "false",
|
|
116
|
+
css: "\n display: block;\n fill: none;\n height: 12px;\n width: 12px;\n stroke: currentcolor;\n stroke-width: 5.33333;\n overflow: visible;\n ",
|
|
117
|
+
children: jsxRuntime.jsx("g", {
|
|
118
|
+
fill: "none",
|
|
119
|
+
children: jsxRuntime.jsx("path", {
|
|
120
|
+
d: "m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932"
|
|
121
|
+
}, void 0)
|
|
122
|
+
}, void 0)
|
|
123
|
+
}, void 0)
|
|
124
|
+
}, void 0)
|
|
125
|
+
}, void 0)
|
|
126
|
+
}, void 0)
|
|
127
|
+
}, void 0), jsxRuntime.jsx(CarouselSwiper$3, _extends({}, props, {
|
|
128
|
+
cssMode: false,
|
|
129
|
+
slidesPerView: "auto",
|
|
130
|
+
onInit: function onInit(swiper) {
|
|
131
|
+
setSwiper(swiper); // eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
132
|
+
// @ts-ignore
|
|
133
|
+
// eslint-disable-next-line no-param-reassign
|
|
134
|
+
|
|
135
|
+
swiper.params.navigation.prevEl = prevRef.current; // eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
136
|
+
// @ts-ignore
|
|
137
|
+
// eslint-disable-next-line no-param-reassign
|
|
138
|
+
|
|
139
|
+
swiper.params.navigation.nextEl = nextRef.current;
|
|
140
|
+
swiper.navigation.init();
|
|
141
|
+
swiper.navigation.update();
|
|
142
|
+
setSwiperSlides({
|
|
143
|
+
progress: swiper.progress,
|
|
144
|
+
isBeginning: swiper.isBeginning,
|
|
145
|
+
isEnd: swiper.isEnd
|
|
146
|
+
}); // console.log("Swiper", swiper);
|
|
147
|
+
},
|
|
148
|
+
onSlideChange: function onSlideChange(swiper) {
|
|
149
|
+
// console.log("Swiper Change", swiper);
|
|
150
|
+
setSwiperSlides({
|
|
151
|
+
progress: swiper.progress,
|
|
152
|
+
isBeginning: swiper.isBeginning,
|
|
153
|
+
isEnd: swiper.isEnd
|
|
154
|
+
});
|
|
155
|
+
},
|
|
156
|
+
children: React__default["default"].Children.map(children, function (child) {
|
|
157
|
+
return jsxRuntime.jsx(react.SwiperSlide, {
|
|
158
|
+
children: jsxRuntime.jsx("div", {
|
|
159
|
+
css: "\n display: inline-block !important;\n white-space: nowrap !important;\n padding-right: 8px !important;\n padding-top: 4px !important;\n padding-bottom: 4px !important;\n ",
|
|
160
|
+
children: child
|
|
161
|
+
}, void 0)
|
|
162
|
+
}, void 0);
|
|
163
|
+
})
|
|
164
|
+
}), void 0), jsxRuntime.jsx("div", {
|
|
165
|
+
css: "\n -webkit-box-pack: end !important;\n position: absolute !important;\n right: 0px !important;\n z-index: 3 !important;\n width: 75px !important;\n display: flex !important;\n justify-content: flex-end !important;\n background: linear-gradient(\n to left,\n rgb(255, 255, 255) 56.77%,\n rgba(255, 255, 255, 0) 94.47%\n ) !important;\n " + (swiperSlides.isEnd && styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n display: none !important;\n visibility: hidden !important;\n "])))) + "\n ",
|
|
166
|
+
children: arrows && jsxRuntime.jsx(CarouselPillContainer, {
|
|
167
|
+
children: jsxRuntime.jsx(CarouselPill$1, {
|
|
168
|
+
right: +true,
|
|
169
|
+
"aria-label": "Next",
|
|
170
|
+
type: "button",
|
|
171
|
+
ref: nextRef,
|
|
172
|
+
onClick: function onClick() {
|
|
173
|
+
return swiper.slideNext();
|
|
174
|
+
},
|
|
175
|
+
children: jsxRuntime.jsx("span", {
|
|
176
|
+
css: "\n position: relative !important;\n ",
|
|
177
|
+
children: jsxRuntime.jsx("svg", {
|
|
178
|
+
viewBox: "0 0 32 32",
|
|
179
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
180
|
+
"aria-hidden": "true",
|
|
181
|
+
role: "presentation",
|
|
182
|
+
focusable: "false",
|
|
183
|
+
css: "\n display: block;\n fill: none;\n height: 12px;\n width: 12px;\n stroke: currentcolor;\n stroke-width: 5.33333;\n overflow: visible;\n ",
|
|
184
|
+
children: jsxRuntime.jsx("g", {
|
|
185
|
+
fill: "none",
|
|
186
|
+
children: jsxRuntime.jsx("path", {
|
|
187
|
+
d: "m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932"
|
|
188
|
+
}, void 0)
|
|
189
|
+
}, void 0)
|
|
190
|
+
}, void 0)
|
|
191
|
+
}, void 0)
|
|
192
|
+
}, void 0)
|
|
193
|
+
}, void 0)
|
|
194
|
+
}, void 0)]
|
|
195
|
+
}, void 0);
|
|
196
|
+
};
|
|
197
|
+
|
|
198
|
+
var CarouselContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
199
|
+
displayName: "styles__CarouselContainer",
|
|
200
|
+
componentId: "sc-dwepxh-0"
|
|
201
|
+
})(["position:relative !important;z-index:0 !important;"]);
|
|
202
|
+
var CarouselNavbar = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
203
|
+
displayName: "styles__CarouselNavbar",
|
|
204
|
+
componentId: "sc-dwepxh-1"
|
|
205
|
+
})(["-webkit-box-pack:justify !important;-ms-flex-pack:justify !important;-webkit-box-align:center !important;-ms-flex-align:center !important;color:#222222 !important;display:-webkit-box !important;display:-moz-box !important;display:-ms-flexbox !important;display:-webkit-flex !important;display:flex !important;-webkit-align-items:center !important;align-items:center !important;-webkit-justify-content:space-between !important;justify-content:space-between !important;margin-bottom:16px !important;"]);
|
|
206
|
+
var NavbarTitleContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
207
|
+
displayName: "styles__NavbarTitleContainer",
|
|
208
|
+
componentId: "sc-dwepxh-2"
|
|
209
|
+
})(["margin-right:24px !important;width:auto !important;"]);
|
|
210
|
+
var NavbarControlsContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
211
|
+
displayName: "styles__NavbarControlsContainer",
|
|
212
|
+
componentId: "sc-dwepxh-4"
|
|
213
|
+
})(["display:flex !important;align-items:center !important;margin-left:auto !important;"]);
|
|
214
|
+
var NavbarControlsQuick = /*#__PURE__*/styled__default["default"].a.withConfig({
|
|
215
|
+
displayName: "styles__NavbarControlsQuick",
|
|
216
|
+
componentId: "sc-dwepxh-5"
|
|
217
|
+
})(["@media (max-width:744px){display:none !important;}font-size:inherit !important;font-family:inherit !important;font-style:inherit !important;font-variant:inherit !important;line-height:inherit !important;color:#222222 !important;text-decoration:underline !important;border-radius:4px !important;font-weight:600 !important;outline:none !important;"]);
|
|
218
|
+
var NavbarControlsSpace = /*#__PURE__*/styled__default["default"].span.withConfig({
|
|
219
|
+
displayName: "styles__NavbarControlsSpace",
|
|
220
|
+
componentId: "sc-dwepxh-6"
|
|
221
|
+
})(["display:inline-block !important;height:32px !important;width:1px !important;margin-right:16px !important;padding:0px !important;border:none !important;"]);
|
|
222
|
+
var ArrowsContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
223
|
+
displayName: "styles__ArrowsContainer",
|
|
224
|
+
componentId: "sc-dwepxh-7"
|
|
225
|
+
})(["-webkit-box-align:center !important;color:rgb(34,34,34) !important;display:flex !important;align-items:center !important;margin-left:auto !important;"]);
|
|
226
|
+
var ArrowsFlex = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
227
|
+
displayName: "styles__ArrowsFlex",
|
|
228
|
+
componentId: "sc-dwepxh-8"
|
|
229
|
+
})(["display:-webkit-box !important;display:-moz-box !important;display:-ms-flexbox !important;display:-webkit-flex !important;display:flex !important;"]);
|
|
230
|
+
var ArrowsButton = /*#__PURE__*/styled__default["default"](ButtonUnstyled__default["default"]).withConfig({
|
|
231
|
+
displayName: "styles__ArrowsButton",
|
|
232
|
+
componentId: "sc-dwepxh-9"
|
|
233
|
+
})(["-webkit-box-pack:center !important;-webkit-box-align:center !important;appearance:none !important;display:inline-flex !important;border-radius:50% !important;border:none !important;outline:none !important;margin:0px !important;padding:0px !important;color:rgb(34,34,34) !important;cursor:pointer !important;touch-action:manipulation !important;position:relative !important;background:transparent !important;transition:-ms-transform 0.25s ease 0s,-webkit-transform 0.25s ease 0s,transform 0.25s ease 0s !important;align-items:center !important;justify-content:center !important;width:32px !important;height:32px !important;:focus{box-shadow:none !important;}::before{content:'' !important;display:block !important;position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;width:32px !important;height:32px !important;border-radius:50% !important;background:rgb(255,255,255) !important;border:1px solid rgb(221,221,221) !important;}:disabled{opacity:0.5 !important;cursor:not-allowed !important;color:rgb(221,221,221) !important;transform:scale(1) !important;}:hover:not([disabled]){color:rgb(0,0,0) !important;transform:scale(1.04) !important;}"]);
|
|
234
|
+
var ArrowsDivider = /*#__PURE__*/styled__default["default"].span.withConfig({
|
|
235
|
+
displayName: "styles__ArrowsDivider",
|
|
236
|
+
componentId: "sc-dwepxh-10"
|
|
237
|
+
})(["margin-left:8px !important;"]);
|
|
238
|
+
var ArrowsIconClip = /*#__PURE__*/styled__default["default"].span.withConfig({
|
|
239
|
+
displayName: "styles__ArrowsIconClip",
|
|
240
|
+
componentId: "sc-dwepxh-11"
|
|
241
|
+
})(["border:0px !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;height:1px !important;overflow:hidden !important;padding:0px !important;position:absolute !important;white-space:nowrap !important;width:1px !important;"]);
|
|
242
|
+
var ArrowsSvg = /*#__PURE__*/styled__default["default"].svg.withConfig({
|
|
243
|
+
displayName: "styles__ArrowsSvg",
|
|
244
|
+
componentId: "sc-dwepxh-12"
|
|
245
|
+
})(["display:block;fill:none;height:12px;width:12px;stroke:currentcolor;stroke-width:4;overflow:visible;"]);
|
|
246
|
+
|
|
247
|
+
var CarouselSwiper$2 = /*#__PURE__*/styled__default["default"](react.Swiper).withConfig({
|
|
248
|
+
displayName: "styles__CarouselSwiper",
|
|
249
|
+
componentId: "sc-1ja5jv1-0"
|
|
250
|
+
})([""]);
|
|
251
|
+
|
|
252
|
+
var _excluded$2 = ["children", "navigation", "title", "controls", "onShowMore"];
|
|
253
|
+
SwiperCore__default["default"].use([SwiperCore.Navigation]);
|
|
254
|
+
var CardCarousel = function CardCarousel(_ref) {
|
|
255
|
+
var children = _ref.children,
|
|
256
|
+
navigation = _ref.navigation,
|
|
257
|
+
title = _ref.title,
|
|
258
|
+
controls = _ref.controls,
|
|
259
|
+
onShowMore = _ref.onShowMore,
|
|
260
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
|
|
261
|
+
|
|
262
|
+
var prevRef = React.useRef(null);
|
|
263
|
+
var nextRef = React.useRef(null);
|
|
264
|
+
return jsxRuntime.jsxs(CarouselContainer, {
|
|
265
|
+
children: [navigation && jsxRuntime.jsxs(CarouselNavbar, {
|
|
266
|
+
children: [title && jsxRuntime.jsx(NavbarTitleContainer, {
|
|
267
|
+
children: title
|
|
268
|
+
}, void 0), controls && jsxRuntime.jsxs(NavbarControlsContainer, {
|
|
269
|
+
children: [onShowMore && jsxRuntime.jsx(NavbarControlsQuick, {
|
|
270
|
+
onClick: onShowMore,
|
|
271
|
+
children: "Show More"
|
|
272
|
+
}, void 0), jsxRuntime.jsx(NavbarControlsSpace, {}, void 0), jsxRuntime.jsx(ArrowsContainer, {
|
|
273
|
+
"aria-hidden": "false",
|
|
274
|
+
children: jsxRuntime.jsxs(ArrowsFlex, {
|
|
275
|
+
children: [jsxRuntime.jsx(ArrowsButton, {
|
|
276
|
+
ref: prevRef,
|
|
277
|
+
"aria-label": "Previous",
|
|
278
|
+
type: "button",
|
|
279
|
+
children: jsxRuntime.jsxs("span", {
|
|
280
|
+
css: "\n position: relative;\n ",
|
|
281
|
+
children: [jsxRuntime.jsx(ArrowsIconClip, {}, void 0), jsxRuntime.jsx(ArrowsSvg, {
|
|
282
|
+
viewBox: "0 0 32 32",
|
|
283
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
284
|
+
"aria-hidden": "true",
|
|
285
|
+
role: "presentation",
|
|
286
|
+
focusable: "false",
|
|
287
|
+
children: jsxRuntime.jsx("g", {
|
|
288
|
+
fill: "none",
|
|
289
|
+
children: jsxRuntime.jsx("path", {
|
|
290
|
+
d: "m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932"
|
|
291
|
+
}, void 0)
|
|
292
|
+
}, void 0)
|
|
293
|
+
}, void 0)]
|
|
294
|
+
}, void 0)
|
|
295
|
+
}, void 0), jsxRuntime.jsx(ArrowsDivider, {}, void 0), jsxRuntime.jsx(ArrowsButton, {
|
|
296
|
+
"aria-label": "Next",
|
|
297
|
+
type: "button",
|
|
298
|
+
ref: nextRef,
|
|
299
|
+
children: jsxRuntime.jsxs("span", {
|
|
300
|
+
css: "\n position: relative;\n ",
|
|
301
|
+
children: [jsxRuntime.jsx(ArrowsIconClip, {}, void 0), jsxRuntime.jsx(ArrowsSvg, {
|
|
302
|
+
viewBox: "0 0 32 32",
|
|
303
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
304
|
+
"aria-hidden": "true",
|
|
305
|
+
role: "presentation",
|
|
306
|
+
focusable: "false",
|
|
307
|
+
children: jsxRuntime.jsx("g", {
|
|
308
|
+
fill: "none",
|
|
309
|
+
children: jsxRuntime.jsx("path", {
|
|
310
|
+
d: "m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932"
|
|
311
|
+
}, void 0)
|
|
312
|
+
}, void 0)
|
|
313
|
+
}, void 0)]
|
|
314
|
+
}, void 0)
|
|
315
|
+
}, void 0)]
|
|
316
|
+
}, void 0)
|
|
317
|
+
}, void 0)]
|
|
318
|
+
}, void 0)]
|
|
319
|
+
}, void 0), jsxRuntime.jsx(CarouselSwiper$2, _extends({}, props, {
|
|
320
|
+
onInit: function onInit(swiper) {
|
|
321
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
322
|
+
// @ts-ignore
|
|
323
|
+
// eslint-disable-next-line no-param-reassign
|
|
324
|
+
swiper.params.navigation.prevEl = prevRef.current; // eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
325
|
+
// @ts-ignore
|
|
326
|
+
// eslint-disable-next-line no-param-reassign
|
|
327
|
+
|
|
328
|
+
swiper.params.navigation.nextEl = nextRef.current;
|
|
329
|
+
swiper.navigation.init();
|
|
330
|
+
swiper.navigation.update(); // console.log("Swiper", swiper);
|
|
331
|
+
},
|
|
332
|
+
children: React__default["default"].Children.map(children, function (child) {
|
|
333
|
+
return jsxRuntime.jsx(react.SwiperSlide, {
|
|
334
|
+
children: child
|
|
335
|
+
}, void 0);
|
|
336
|
+
})
|
|
337
|
+
}), void 0)]
|
|
338
|
+
}, void 0);
|
|
339
|
+
};
|
|
340
|
+
|
|
341
|
+
var CarouselSwiper$1 = /*#__PURE__*/styled__default["default"](react.Swiper).withConfig({
|
|
342
|
+
displayName: "styles__CarouselSwiper",
|
|
343
|
+
componentId: "sc-y1spms-0"
|
|
344
|
+
})([".swiper-wrapper{box-sizing:inherit !important;@media (min-width:744px){scroll-padding:40px !important;}@media (min-width:1128px){--scroll-padding:max(80px,calc((100vw - 1600px) / 2)) !important;scroll-padding:var(--scroll-padding) !important;}scroll-snap-type:x mandatory !important;overflow-x:auto !important;display:flex !important;scroll-padding:24px !important;.swiper-slide{@media (min-width:744px){min-width:476px !important;max-width:588px !important;flex:1 0 calc((100% - 80px) * 0.75) !important;}@media (min-width:1128px){flex:1 0 calc(50% - 88px) !important;}margin-left:16px !important;flex:1 0 calc(100% - 84px) !important;scroll-snap-align:start !important;scroll-snap-stop:always !important;}.swiper-slide:first-of-type{@media (min-width:744px){padding-left:40px !important;min-width:calc(516px) !important;max-width:calc(628px) !important;flex:1 0 calc((100% - 80px) * 0.75 + 40px) !important;}@media (min-width:1128px){max-width:calc(588px + max(80px,(100vw - 1600px) / 2)) !important;flex:1 0 calc(50% - 8px) !important;padding-left:max(80px,(100vw - 1600px) / 2) !important;}@media (min-width:2080px){max-width:calc(588px + max(80px,(100vw - 1930px) / 2)) !important;flex:1 0 calc(50% - 8px) !important;padding-left:max(80px,(100vw - 1930px) / 2) !important;}flex:1 0 calc(100% - 84px) !important;scroll-snap-align:start !important;scroll-snap-stop:always !important;margin-left:0px !important;padding-left:24px !important;}.swiper-slide:last-of-type{@media (min-width:744px){padding-right:40px !important;min-width:calc(516px) !important;max-width:calc(628px) !important;flex:1 0 calc((100% - 80px) * 0.75 + 40px) !important;}@media (min-width:1128px){max-width:calc(588px + max(80px,(100vw - 1600px) / 2)) !important;flex:1 0 calc(50% - 8px) !important;padding-right:max(80px,(100vw - 1600px) / 2) !important;}@media (min-width:2080px){max-width:calc(588px + max(80px,(100vw - 1930px) / 2)) !important;flex:1 0 calc(50% - 8px) !important;padding-right:max(80px,(100vw - 1930px) / 2) !important;}margin-left:16px !important;flex:1 0 calc(100% - 84px) !important;scroll-snap-align:start !important;scroll-snap-stop:always !important;padding-right:24px !important;}}"]);
|
|
345
|
+
|
|
346
|
+
var _excluded$1 = ["children", "navigation", "title", "controls", "quickLink", "onShowMore"];
|
|
347
|
+
SwiperCore__default["default"].use([SwiperCore.Navigation]);
|
|
348
|
+
var FreeCarousel = function FreeCarousel(_ref) {
|
|
349
|
+
var children = _ref.children,
|
|
350
|
+
navigation = _ref.navigation,
|
|
351
|
+
title = _ref.title,
|
|
352
|
+
controls = _ref.controls,
|
|
353
|
+
onShowMore = _ref.onShowMore,
|
|
354
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
|
|
355
|
+
|
|
356
|
+
var prevRef = React.useRef(null);
|
|
357
|
+
var nextRef = React.useRef(null);
|
|
358
|
+
return jsxRuntime.jsxs(CarouselContainer, {
|
|
359
|
+
children: [jsxRuntime.jsx("div", {
|
|
360
|
+
css: "\n @media (max-width: 744px) {\n display: none !important;\n }\n ",
|
|
361
|
+
children: jsxRuntime.jsx(layout.Container, {
|
|
362
|
+
children: navigation && jsxRuntime.jsxs(CarouselNavbar, {
|
|
363
|
+
children: [title && jsxRuntime.jsx(NavbarTitleContainer, {
|
|
364
|
+
children: title
|
|
365
|
+
}, void 0), controls && jsxRuntime.jsxs(NavbarControlsContainer, {
|
|
366
|
+
children: [onShowMore && jsxRuntime.jsx(NavbarControlsQuick, {
|
|
367
|
+
onClick: onShowMore,
|
|
368
|
+
children: "Show More"
|
|
369
|
+
}, void 0), jsxRuntime.jsx(NavbarControlsSpace, {}, void 0), jsxRuntime.jsx(ArrowsContainer, {
|
|
370
|
+
"aria-hidden": "false",
|
|
371
|
+
children: jsxRuntime.jsxs(ArrowsFlex, {
|
|
372
|
+
children: [jsxRuntime.jsx(ArrowsButton, {
|
|
373
|
+
ref: prevRef,
|
|
374
|
+
"aria-label": "Previous",
|
|
375
|
+
type: "button",
|
|
376
|
+
children: jsxRuntime.jsxs("span", {
|
|
377
|
+
css: "\n position: relative;\n ",
|
|
378
|
+
children: [jsxRuntime.jsx(ArrowsIconClip, {}, void 0), jsxRuntime.jsx(ArrowsSvg, {
|
|
379
|
+
viewBox: "0 0 32 32",
|
|
380
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
381
|
+
"aria-hidden": "true",
|
|
382
|
+
role: "presentation",
|
|
383
|
+
focusable: "false",
|
|
384
|
+
children: jsxRuntime.jsx("g", {
|
|
385
|
+
fill: "none",
|
|
386
|
+
children: jsxRuntime.jsx("path", {
|
|
387
|
+
d: "m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932"
|
|
388
|
+
}, void 0)
|
|
389
|
+
}, void 0)
|
|
390
|
+
}, void 0)]
|
|
391
|
+
}, void 0)
|
|
392
|
+
}, void 0), jsxRuntime.jsx(ArrowsDivider, {}, void 0), jsxRuntime.jsx(ArrowsButton, {
|
|
393
|
+
"aria-label": "Next",
|
|
394
|
+
type: "button",
|
|
395
|
+
ref: nextRef,
|
|
396
|
+
children: jsxRuntime.jsxs("span", {
|
|
397
|
+
css: "\n position: relative;\n ",
|
|
398
|
+
children: [jsxRuntime.jsx(ArrowsIconClip, {}, void 0), jsxRuntime.jsx(ArrowsSvg, {
|
|
399
|
+
viewBox: "0 0 32 32",
|
|
400
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
401
|
+
"aria-hidden": "true",
|
|
402
|
+
role: "presentation",
|
|
403
|
+
focusable: "false",
|
|
404
|
+
children: jsxRuntime.jsx("g", {
|
|
405
|
+
fill: "none",
|
|
406
|
+
children: jsxRuntime.jsx("path", {
|
|
407
|
+
d: "m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932"
|
|
408
|
+
}, void 0)
|
|
409
|
+
}, void 0)
|
|
410
|
+
}, void 0)]
|
|
411
|
+
}, void 0)
|
|
412
|
+
}, void 0)]
|
|
413
|
+
}, void 0)
|
|
414
|
+
}, void 0)]
|
|
415
|
+
}, void 0)]
|
|
416
|
+
}, void 0)
|
|
417
|
+
}, void 0)
|
|
418
|
+
}, void 0), jsxRuntime.jsx(CarouselSwiper$1, _extends({}, props, {
|
|
419
|
+
cssMode: true,
|
|
420
|
+
onInit: function onInit(swiper) {
|
|
421
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
422
|
+
// @ts-ignore
|
|
423
|
+
// eslint-disable-next-line no-param-reassign
|
|
424
|
+
swiper.params.navigation.prevEl = prevRef.current; // eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
425
|
+
// @ts-ignore
|
|
426
|
+
// eslint-disable-next-line no-param-reassign
|
|
427
|
+
|
|
428
|
+
swiper.params.navigation.nextEl = nextRef.current;
|
|
429
|
+
swiper.navigation.init();
|
|
430
|
+
swiper.navigation.update(); // console.log("Swiper", swiper);
|
|
431
|
+
},
|
|
432
|
+
children: React__default["default"].Children.map(children, function (child) {
|
|
433
|
+
return jsxRuntime.jsx(react.SwiperSlide, {
|
|
434
|
+
children: child
|
|
435
|
+
}, void 0);
|
|
436
|
+
})
|
|
437
|
+
}), void 0)]
|
|
438
|
+
}, void 0);
|
|
439
|
+
};
|
|
440
|
+
|
|
441
|
+
var CarouselSwiper = /*#__PURE__*/styled__default["default"](react.Swiper).withConfig({
|
|
442
|
+
displayName: "styles__CarouselSwiper",
|
|
443
|
+
componentId: "sc-jtjv4e-1"
|
|
444
|
+
})(["height:100%;.swiper-pagination{.swiper-pagination-bullet-active{background-color:#fff;}.swiper-pagination-bullet-active-next{background-color:#ffffff;}.swiper-pagination-bullet{background-color:#ffffff;}}"]);
|
|
445
|
+
var CarouselPill = /*#__PURE__*/styled__default["default"](ButtonUnstyled__default["default"]).withConfig({
|
|
446
|
+
displayName: "styles__CarouselPill",
|
|
447
|
+
componentId: "sc-jtjv4e-2"
|
|
448
|
+
})([":hover{border-color:rgba(0,0,0,0.08) !important;background-color:#ffffff !important;color:#000000 !important;box-shadow:0px 0px 0px 1px transparent,0px 0px 0px 4px transparent,0px 6px 16px rgb(0 0 0 / 12%) !important;-webkit-transform:scale(1.04) !important;-ms-transform:scale(1.04) !important;transform:scale(1.04) !important;}-webkit-box-pack:center !important;-ms-flex-pack:center !important;-webkit-box-align:center !important;-ms-flex-align:center !important;-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;display:-webkit-inline-box !important;display:-moz-inline-box !important;display:-ms-inline-flexbox !important;display:-webkit-inline-flex !important;display:inline-flex !important;border-radius:50% !important;border:0px !important;outline:none !important;margin:0px !important;padding:0px !important;color:#222222 !important;background-color:rgba(255,255,255,0.9) !important;cursor:pointer !important;-ms-touch-action:manipulation !important;touch-action:manipulation !important;-webkit-align-items:center !important;align-items:center !important;-webkit-justify-content:center !important;justify-content:center !important;border-style:solid !important;border-width:1px !important;background-clip:padding-box !important;border-color:rgba(0,0,0,0.08) !important;box-shadow:0px 0px 0px 1px transparent,0px 0px 0px 4px transparent,0px 2px 4px rgb(0 0 0 / 18%) !important;-webkit-transition:-webkit-transform 0.25s ease,transform 0.25s ease !important;-moz-transition:transform 0.25s ease !important;transition:-ms-transform 0.25s ease,-webkit-transform 0.25s ease,transform 0.25s ease !important;width:32px !important;height:32px !important;"]);
|
|
449
|
+
var CarouselPillSvg = /*#__PURE__*/styled__default["default"].svg.withConfig({
|
|
450
|
+
displayName: "styles__CarouselPillSvg",
|
|
451
|
+
componentId: "sc-jtjv4e-3"
|
|
452
|
+
})(["height:10px;width:10px;display:block;fill:currentcolor;"]);
|
|
453
|
+
|
|
454
|
+
var _excluded = ["children", "navigation", "title", "controls"];
|
|
455
|
+
SwiperCore__default["default"].use([SwiperCore.Navigation, SwiperCore.Pagination]);
|
|
456
|
+
var PaginationCarousel = function PaginationCarousel(_ref) {
|
|
457
|
+
var children = _ref.children,
|
|
458
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
459
|
+
|
|
460
|
+
var prevRef = React.useRef(null);
|
|
461
|
+
var nextRef = React.useRef(null);
|
|
462
|
+
return jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
463
|
+
children: [jsxRuntime.jsx("div", {
|
|
464
|
+
css: "\n @keyframes fadein {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n }\n position: absolute !important;\n top: 50% !important;\n pointer-events: auto !important;\n transform: translateY(-50%) !important;\n left: 8px !important;\n animation-duration: 0.3s !important;\n animation-name: fadein !important;\n z-index: 180 !important;\n opacity: 0 !important;\n :hover {\n opacity: 1 !important;\n }\n ",
|
|
465
|
+
children: jsxRuntime.jsx(CarouselPill, {
|
|
466
|
+
ref: prevRef,
|
|
467
|
+
children: jsxRuntime.jsx("span", {
|
|
468
|
+
css: "\n position: relative !important;\n ",
|
|
469
|
+
children: jsxRuntime.jsx(CarouselPillSvg, {
|
|
470
|
+
viewBox: "0 0 16 16",
|
|
471
|
+
role: "presentation",
|
|
472
|
+
"aria-hidden": "true",
|
|
473
|
+
focusable: "false",
|
|
474
|
+
children: jsxRuntime.jsx("path", {
|
|
475
|
+
d: "m10.8 16c-.4 0-.7-.1-.9-.4l-6.8-6.7c-.5-.5-.5-1.3 0-1.8l6.8-6.7c.5-.5 1.2-.5 1.7 0s .5 1.2 0 1.7l-5.8 5.9 5.8 5.9c.5.5.5 1.2 0 1.7-.2.3-.5.4-.8.4"
|
|
476
|
+
}, void 0)
|
|
477
|
+
}, void 0)
|
|
478
|
+
}, void 0)
|
|
479
|
+
}, void 0)
|
|
480
|
+
}, void 0), jsxRuntime.jsx("div", {
|
|
481
|
+
css: "\n @keyframes fadein {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n }\n position: absolute !important;\n top: 50% !important;\n pointer-events: auto !important;\n transform: translateY(-50%) !important;\n right: 8px !important;\n animation-duration: 0.3s !important;\n animation-name: fadein !important;\n z-index: 180 !important;\n opacity: 0 !important;\n :hover {\n opacity: 1 !important;\n }\n ",
|
|
482
|
+
children: jsxRuntime.jsx(CarouselPill, {
|
|
483
|
+
ref: nextRef,
|
|
484
|
+
children: jsxRuntime.jsx("span", {
|
|
485
|
+
css: "\n position: relative !important;\n ",
|
|
486
|
+
children: jsxRuntime.jsx(CarouselPillSvg, {
|
|
487
|
+
viewBox: "0 0 16 16",
|
|
488
|
+
role: "presentation",
|
|
489
|
+
"aria-hidden": "true",
|
|
490
|
+
focusable: "false",
|
|
491
|
+
children: jsxRuntime.jsx("path", {
|
|
492
|
+
d: "m5.3 16c .3 0 .6-.1.8-.4l6.8-6.7c.5-.5.5-1.3 0-1.8l-6.8-6.7c-.5-.5-1.2-.5-1.7 0s-.5 1.2 0 1.7l5.8 5.9-5.8 5.9c-.5.5-.5 1.2 0 1.7.2.3.5.4.9.4"
|
|
493
|
+
}, void 0)
|
|
494
|
+
}, void 0)
|
|
495
|
+
}, void 0)
|
|
496
|
+
}, void 0)
|
|
497
|
+
}, void 0), jsxRuntime.jsx(CarouselSwiper, _extends({}, props, {
|
|
498
|
+
pagination: {
|
|
499
|
+
dynamicBullets: true
|
|
500
|
+
},
|
|
501
|
+
onInit: function onInit(swiper) {
|
|
502
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
503
|
+
// @ts-ignore
|
|
504
|
+
// eslint-disable-next-line no-param-reassign
|
|
505
|
+
swiper.params.navigation.prevEl = prevRef.current; // eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
506
|
+
// @ts-ignore
|
|
507
|
+
// eslint-disable-next-line no-param-reassign
|
|
508
|
+
|
|
509
|
+
swiper.params.navigation.nextEl = nextRef.current;
|
|
510
|
+
swiper.navigation.init();
|
|
511
|
+
swiper.navigation.update(); // console.log("Swiper", swiper);
|
|
512
|
+
},
|
|
513
|
+
children: React__default["default"].Children.map(children, function (child) {
|
|
514
|
+
return React__default["default"].cloneElement(jsxRuntime.jsx(react.SwiperSlide, {
|
|
515
|
+
children: child
|
|
516
|
+
}, void 0), _extends({}, props));
|
|
517
|
+
})
|
|
518
|
+
}), void 0)]
|
|
519
|
+
}, void 0);
|
|
520
|
+
};
|
|
521
|
+
|
|
522
|
+
exports.CardCarousel = CardCarousel;
|
|
523
|
+
exports.FreeCarousel = FreeCarousel;
|
|
524
|
+
exports.PaginationCarousel = PaginationCarousel;
|
|
525
|
+
exports.PillsCarousel = PillsCarousel;
|
|
526
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../src/lib/pills/styles/index.tsx","../src/lib/pills/index.tsx","../src/lib/styles/index.tsx","../src/lib/card/styles/index.tsx","../src/lib/card/index.tsx","../src/lib/free/styles/index.tsx","../src/lib/free/index.tsx","../src/lib/pagination/styles/index.tsx","../src/lib/pagination/index.tsx"],"sourcesContent":["import ButtonUnstyled from '@mui/core/ButtonUnstyled';\nimport styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react';\n\nexport const CarouselContainer = styled.div``;\n\nexport const CarouselSwiper = styled(Swiper)`\n margin: 0px !important;\n .swiper-wrapper {\n .swiper-slide {\n scroll-snap-align: start !important;\n width: auto !important;\n }\n }\n`;\n\nexport const CarouselPillContainer = styled.div`\n display: inline-block !important;\n padding-right: 8px !important;\n padding-top: 4px !important;\n padding-bottom: 4px !important;\n`;\n\nexport const CarouselPill = styled(ButtonUnstyled)<any>`\n -webkit-box-pack: center !important;\n -webkit-box-align: center !important;\n appearance: none !important;\n display: inline-flex !important;\n border-radius: 50% !important;\n border: 1px solid rgb(221, 221, 221) !important;\n outline: none !important;\n margin: 0px !important;\n padding: 0px !important;\n color: rgb(34, 34, 34) !important;\n cursor: pointer !important;\n touch-action: manipulation !important;\n position: relative !important;\n background: transparent !important;\n transition: -ms-transform 0.25s ease 0s, -webkit-transform 0.25s ease 0s,\n transform 0.25s ease 0s !important;\n align-items: center !important;\n justify-content: center !important;\n width: 36px !important;\n height: 36px !important;\n ::before {\n content: '' !important;\n display: block !important;\n position: absolute !important;\n top: 50% !important;\n left: 50% !important;\n transform: translate(-50%, -50%) !important;\n width: 36px !important;\n height: 36px !important;\n border-radius: 50% !important;\n border: 1px solid rgb(221, 221, 221) !important;\n }\n`;\n","/* eslint-disable @typescript-eslint/no-shadow */\n/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useRef, useState } from 'react';\n\nimport { css } from 'styled-components';\nimport SwiperCore, { Navigation } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react';\n\nimport { CarouselSwiper, CarouselPillContainer, CarouselPill } from './styles';\n\nSwiperCore.use([Navigation]);\n\nexport const PillsCarousel: React.FC<any> = ({\n children,\n navigation,\n title,\n controls,\n arrows,\n ...props\n}) => {\n const prevRef = useRef<any>(null);\n const nextRef = useRef<any>(null);\n const [swiperSlides, setSwiperSlides] = useState<any>({\n progress: 0,\n isBeginning: true,\n isEnd: false\n });\n const [swiper, setSwiper] = useState<any>(null);\n return (\n <div\n css={`\n display: flex !important;\n position: relative !important;\n min-width: 0px !important;\n `}\n >\n <div\n css={`\n position: absolute !important;\n left: 0px !important;\n z-index: 3 !important;\n width: 65px !important;\n background: linear-gradient(\n to right,\n rgb(255, 255, 255) 56.77%,\n rgba(255, 255, 255, 0) 94.47%\n ) !important;\n ${swiperSlides.isBeginning &&\n css`\n display: none !important;\n visibility: hidden !important;\n `}\n `}\n >\n {arrows && (\n <CarouselPillContainer>\n <CarouselPill\n left={+true}\n ref={prevRef}\n aria-label=\"Previous\"\n type=\"button\"\n onClick={() => swiper.slidePrev()}\n >\n <span\n css={`\n position: relative !important;\n `}\n >\n <svg\n viewBox=\"0 0 32 32\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n role=\"presentation\"\n focusable=\"false\"\n css={`\n display: block;\n fill: none;\n height: 12px;\n width: 12px;\n stroke: currentcolor;\n stroke-width: 5.33333;\n overflow: visible;\n `}\n >\n <g fill=\"none\">\n <path d=\"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932\" />\n </g>\n </svg>\n </span>\n </CarouselPill>\n </CarouselPillContainer>\n )}\n </div>\n\n <CarouselSwiper\n {...props}\n cssMode={false}\n slidesPerView=\"auto\"\n onInit={(swiper: any) => {\n setSwiper(swiper);\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line no-param-reassign\n swiper.params.navigation.prevEl = prevRef.current;\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line no-param-reassign\n swiper.params.navigation.nextEl = nextRef.current;\n swiper.navigation.init();\n swiper.navigation.update();\n setSwiperSlides({\n progress: swiper.progress,\n isBeginning: swiper.isBeginning,\n isEnd: swiper.isEnd\n });\n // console.log(\"Swiper\", swiper);\n }}\n onSlideChange={swiper => {\n // console.log(\"Swiper Change\", swiper);\n\n setSwiperSlides({\n progress: swiper.progress,\n isBeginning: swiper.isBeginning,\n isEnd: swiper.isEnd\n });\n }}\n >\n {React.Children.map(children, child => (\n <SwiperSlide>\n <div\n css={`\n display: inline-block !important;\n white-space: nowrap !important;\n padding-right: 8px !important;\n padding-top: 4px !important;\n padding-bottom: 4px !important;\n `}\n >\n {child}\n </div>\n </SwiperSlide>\n ))}\n </CarouselSwiper>\n\n <div\n css={`\n -webkit-box-pack: end !important;\n position: absolute !important;\n right: 0px !important;\n z-index: 3 !important;\n width: 75px !important;\n display: flex !important;\n justify-content: flex-end !important;\n background: linear-gradient(\n to left,\n rgb(255, 255, 255) 56.77%,\n rgba(255, 255, 255, 0) 94.47%\n ) !important;\n ${swiperSlides.isEnd &&\n css`\n display: none !important;\n visibility: hidden !important;\n `}\n `}\n >\n {arrows && (\n <CarouselPillContainer>\n <CarouselPill\n right={+true}\n aria-label=\"Next\"\n type=\"button\"\n ref={nextRef}\n onClick={() => swiper.slideNext()}\n >\n <span\n css={`\n position: relative !important;\n `}\n >\n <svg\n viewBox=\"0 0 32 32\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n role=\"presentation\"\n focusable=\"false\"\n css={`\n display: block;\n fill: none;\n height: 12px;\n width: 12px;\n stroke: currentcolor;\n stroke-width: 5.33333;\n overflow: visible;\n `}\n >\n <g fill=\"none\">\n <path d=\"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932\" />\n </g>\n </svg>\n </span>\n </CarouselPill>\n </CarouselPillContainer>\n )}\n </div>\n </div>\n );\n};\n","import ButtonUnstyled from '@mui/core/ButtonUnstyled';\nimport styled from 'styled-components';\n\nexport const CarouselContainer = styled.div`\n position: relative !important;\n z-index: 0 !important;\n`;\n\nexport const CarouselNavbar = styled.div`\n -webkit-box-pack: justify !important;\n -ms-flex-pack: justify !important;\n -webkit-box-align: center !important;\n -ms-flex-align: center !important;\n color: #222222 !important;\n display: -webkit-box !important;\n display: -moz-box !important;\n display: -ms-flexbox !important;\n display: -webkit-flex !important;\n display: flex !important;\n -webkit-align-items: center !important;\n align-items: center !important;\n -webkit-justify-content: space-between !important;\n justify-content: space-between !important;\n margin-bottom: 16px !important;\n`;\n\nexport const NavbarTitleContainer = styled.div`\n margin-right: 24px !important;\n width: auto !important;\n`;\n\nexport const NavbarTitle = styled.div`\n @media (min-width: 744px) {\n font-size: 32px !important;\n line-height: 36px !important;\n font-weight: 800 !important;\n text-align: left !important;\n color: #222222 !important;\n margin-bottom: 15px !important;\n }\n font-size: 22px !important;\n line-height: 26px !important;\n font-weight: 600 !important;\n margin-bottom: 10px !important;\n`;\n\nexport const NavbarControlsContainer = styled.div`\n display: flex !important;\n align-items: center !important;\n margin-left: auto !important;\n`;\n\nexport const NavbarControlsQuick = styled.a`\n @media (max-width: 744px) {\n display: none !important;\n }\n font-size: inherit !important;\n font-family: inherit !important;\n font-style: inherit !important;\n font-variant: inherit !important;\n line-height: inherit !important;\n color: #222222 !important;\n text-decoration: underline !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n outline: none !important;\n`;\n\nexport const NavbarControlsSpace = styled.span`\n display: inline-block !important;\n height: 32px !important;\n width: 1px !important;\n margin-right: 16px !important;\n padding: 0px !important;\n border: none !important;\n`;\n\nexport const ArrowsContainer = styled.div`\n -webkit-box-align: center !important;\n color: rgb(34, 34, 34) !important;\n display: flex !important;\n align-items: center !important;\n margin-left: auto !important;\n`;\n\nexport const ArrowsFlex = styled.div`\n display: -webkit-box !important;\n display: -moz-box !important;\n display: -ms-flexbox !important;\n display: -webkit-flex !important;\n display: flex !important;\n`;\n\nexport const ArrowsButton = styled(ButtonUnstyled)<any>`\n -webkit-box-pack: center !important;\n -webkit-box-align: center !important;\n appearance: none !important;\n display: inline-flex !important;\n border-radius: 50% !important;\n border: none !important;\n outline: none !important;\n margin: 0px !important;\n padding: 0px !important;\n color: rgb(34, 34, 34) !important;\n cursor: pointer !important;\n touch-action: manipulation !important;\n position: relative !important;\n background: transparent !important;\n transition: -ms-transform 0.25s ease 0s, -webkit-transform 0.25s ease 0s,\n transform 0.25s ease 0s !important;\n align-items: center !important;\n justify-content: center !important;\n width: 32px !important;\n height: 32px !important;\n :focus {\n box-shadow: none !important;\n }\n ::before {\n content: '' !important;\n display: block !important;\n position: absolute !important;\n top: 50% !important;\n left: 50% !important;\n transform: translate(-50%, -50%) !important;\n width: 32px !important;\n height: 32px !important;\n border-radius: 50% !important;\n background: rgb(255, 255, 255) !important;\n border: 1px solid rgb(221, 221, 221) !important;\n }\n :disabled {\n opacity: 0.5 !important;\n cursor: not-allowed !important;\n color: rgb(221, 221, 221) !important;\n transform: scale(1) !important;\n }\n :hover:not([disabled]) {\n color: rgb(0, 0, 0) !important;\n transform: scale(1.04) !important;\n }\n`;\n\nexport const ArrowsDivider = styled.span`\n margin-left: 8px !important;\n`;\n\nexport const ArrowsIconClip = styled.span`\n border: 0px !important;\n clip: rect(0 0 0 0) !important;\n -webkit-clip-path: inset(100%) !important;\n clip-path: inset(100%) !important;\n height: 1px !important;\n overflow: hidden !important;\n padding: 0px !important;\n position: absolute !important;\n white-space: nowrap !important;\n width: 1px !important;\n`;\n\nexport const ArrowsSvg = styled.svg`\n display: block;\n fill: none;\n height: 12px;\n width: 12px;\n stroke: currentcolor;\n stroke-width: 4;\n overflow: visible;\n`;\n","import styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react';\n\nexport const CarouselSwiper = styled(Swiper)``;\n","import React, { useRef } from 'react';\n\nimport SwiperCore, { Navigation } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react';\n\nimport {\n CarouselContainer,\n CarouselNavbar,\n NavbarTitleContainer,\n NavbarControlsContainer,\n NavbarControlsQuick,\n NavbarControlsSpace,\n ArrowsContainer,\n ArrowsFlex,\n ArrowsDivider,\n ArrowsButton,\n ArrowsIconClip,\n ArrowsSvg\n} from '../styles';\nimport { CarouselSwiper } from './styles';\n\nSwiperCore.use([Navigation]);\n\nexport const CardCarousel: React.FC<any> = ({\n children,\n navigation,\n title,\n controls,\n onShowMore,\n ...props\n}) => {\n const prevRef = useRef<HTMLDivElement>(null);\n const nextRef = useRef<HTMLDivElement>(null);\n return (\n <CarouselContainer>\n {navigation && (\n <CarouselNavbar>\n {title && <NavbarTitleContainer>{title}</NavbarTitleContainer>}\n {controls && (\n <NavbarControlsContainer>\n {onShowMore && (\n <NavbarControlsQuick onClick={onShowMore}>\n Show More\n </NavbarControlsQuick>\n )}\n <NavbarControlsSpace />\n <ArrowsContainer aria-hidden=\"false\">\n <ArrowsFlex>\n <ArrowsButton\n ref={prevRef}\n aria-label=\"Previous\"\n type=\"button\"\n >\n <span\n css={`\n position: relative;\n `}\n >\n <ArrowsIconClip />\n <ArrowsSvg\n viewBox=\"0 0 32 32\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n role=\"presentation\"\n focusable=\"false\"\n >\n <g fill=\"none\">\n <path d=\"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932\" />\n </g>\n </ArrowsSvg>\n </span>\n </ArrowsButton>\n <ArrowsDivider />\n <ArrowsButton aria-label=\"Next\" type=\"button\" ref={nextRef}>\n <span\n css={`\n position: relative;\n `}\n >\n <ArrowsIconClip />\n <ArrowsSvg\n viewBox=\"0 0 32 32\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n role=\"presentation\"\n focusable=\"false\"\n >\n <g fill=\"none\">\n <path d=\"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932\" />\n </g>\n </ArrowsSvg>\n </span>\n </ArrowsButton>\n </ArrowsFlex>\n </ArrowsContainer>\n </NavbarControlsContainer>\n )}\n </CarouselNavbar>\n )}\n <CarouselSwiper\n {...props}\n onInit={swiper => {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line no-param-reassign\n swiper.params.navigation.prevEl = prevRef.current;\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line no-param-reassign\n swiper.params.navigation.nextEl = nextRef.current;\n swiper.navigation.init();\n swiper.navigation.update();\n // console.log(\"Swiper\", swiper);\n }}\n >\n {React.Children.map(children, child => (\n <SwiperSlide>{child}</SwiperSlide>\n ))}\n </CarouselSwiper>\n </CarouselContainer>\n );\n};\n","import styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react';\n\nexport const CarouselSwiper = styled(Swiper)`\n .swiper-wrapper {\n box-sizing: inherit !important;\n @media (min-width: 744px) {\n scroll-padding: 40px !important;\n }\n @media (min-width: 1128px) {\n --scroll-padding: max(80px, calc((100vw - 1600px) / 2)) !important;\n scroll-padding: var(--scroll-padding) !important;\n }\n scroll-snap-type: x mandatory !important;\n overflow-x: auto !important;\n display: flex !important;\n scroll-padding: 24px !important;\n .swiper-slide {\n @media (min-width: 744px) {\n min-width: 476px !important;\n max-width: 588px !important;\n flex: 1 0 calc((100% - 80px) * 0.75) !important;\n }\n @media (min-width: 1128px) {\n flex: 1 0 calc(50% - 88px) !important;\n }\n margin-left: 16px !important;\n flex: 1 0 calc(100% - 84px) !important;\n scroll-snap-align: start !important;\n scroll-snap-stop: always !important;\n }\n .swiper-slide:first-of-type {\n @media (min-width: 744px) {\n padding-left: 40px !important;\n min-width: calc(516px) !important;\n max-width: calc(628px) !important;\n flex: 1 0 calc((100% - 80px) * 0.75 + 40px) !important;\n }\n @media (min-width: 1128px) {\n max-width: calc(588px + max(80px, (100vw - 1600px) / 2)) !important;\n flex: 1 0 calc(50% - 8px) !important;\n padding-left: max(80px, (100vw - 1600px) / 2) !important;\n }\n @media (min-width: 2080px) {\n max-width: calc(588px + max(80px, (100vw - 1930px) / 2)) !important;\n flex: 1 0 calc(50% - 8px) !important;\n padding-left: max(80px, (100vw - 1930px) / 2) !important;\n }\n flex: 1 0 calc(100% - 84px) !important;\n scroll-snap-align: start !important;\n scroll-snap-stop: always !important;\n margin-left: 0px !important;\n padding-left: 24px !important;\n }\n .swiper-slide:last-of-type {\n @media (min-width: 744px) {\n padding-right: 40px !important;\n min-width: calc(516px) !important;\n max-width: calc(628px) !important;\n flex: 1 0 calc((100% - 80px) * 0.75 + 40px) !important;\n }\n @media (min-width: 1128px) {\n max-width: calc(588px + max(80px, (100vw - 1600px) / 2)) !important;\n flex: 1 0 calc(50% - 8px) !important;\n padding-right: max(80px, (100vw - 1600px) / 2) !important;\n }\n @media (min-width: 2080px) {\n max-width: calc(588px + max(80px, (100vw - 1930px) / 2)) !important;\n flex: 1 0 calc(50% - 8px) !important;\n padding-right: max(80px, (100vw - 1930px) / 2) !important;\n }\n margin-left: 16px !important;\n flex: 1 0 calc(100% - 84px) !important;\n scroll-snap-align: start !important;\n scroll-snap-stop: always !important;\n padding-right: 24px !important;\n }\n }\n`;\n","/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useRef } from 'react';\n\nimport { Container } from '@fox-dls/layout';\nimport SwiperCore, { Navigation } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react';\n\nimport {\n CarouselContainer,\n CarouselNavbar,\n NavbarTitleContainer,\n NavbarControlsContainer,\n NavbarControlsQuick,\n NavbarControlsSpace,\n ArrowsContainer,\n ArrowsFlex,\n ArrowsDivider,\n ArrowsButton,\n ArrowsIconClip,\n ArrowsSvg\n} from '../styles';\nimport { CarouselSwiper } from './styles';\n\nSwiperCore.use([Navigation]);\n\nexport const FreeCarousel: React.FC<any> = ({\n children,\n navigation,\n title,\n controls,\n quickLink,\n onShowMore,\n ...props\n}) => {\n const prevRef = useRef<HTMLDivElement>(null);\n const nextRef = useRef<HTMLDivElement>(null);\n return (\n <CarouselContainer>\n <div\n css={`\n @media (max-width: 744px) {\n display: none !important;\n }\n `}\n >\n <Container>\n {navigation && (\n <CarouselNavbar>\n {title && <NavbarTitleContainer>{title}</NavbarTitleContainer>}\n {controls && (\n <NavbarControlsContainer>\n {onShowMore && (\n <NavbarControlsQuick onClick={onShowMore}>\n Show More\n </NavbarControlsQuick>\n )}\n <NavbarControlsSpace />\n <ArrowsContainer aria-hidden=\"false\">\n <ArrowsFlex>\n <ArrowsButton\n ref={prevRef}\n aria-label=\"Previous\"\n type=\"button\"\n >\n <span\n css={`\n position: relative;\n `}\n >\n <ArrowsIconClip />\n <ArrowsSvg\n viewBox=\"0 0 32 32\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n role=\"presentation\"\n focusable=\"false\"\n >\n <g fill=\"none\">\n <path d=\"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932\" />\n </g>\n </ArrowsSvg>\n </span>\n </ArrowsButton>\n <ArrowsDivider />\n <ArrowsButton\n aria-label=\"Next\"\n type=\"button\"\n ref={nextRef}\n >\n <span\n css={`\n position: relative;\n `}\n >\n <ArrowsIconClip />\n <ArrowsSvg\n viewBox=\"0 0 32 32\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n role=\"presentation\"\n focusable=\"false\"\n >\n <g fill=\"none\">\n <path d=\"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932\" />\n </g>\n </ArrowsSvg>\n </span>\n </ArrowsButton>\n </ArrowsFlex>\n </ArrowsContainer>\n </NavbarControlsContainer>\n )}\n </CarouselNavbar>\n )}\n </Container>\n </div>\n <CarouselSwiper\n {...props}\n cssMode\n onInit={swiper => {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line no-param-reassign\n swiper.params.navigation.prevEl = prevRef.current;\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line no-param-reassign\n swiper.params.navigation.nextEl = nextRef.current;\n swiper.navigation.init();\n swiper.navigation.update();\n // console.log(\"Swiper\", swiper);\n }}\n >\n {React.Children.map(children, child => (\n <SwiperSlide>{child}</SwiperSlide>\n ))}\n </CarouselSwiper>\n </CarouselContainer>\n );\n};\n","import ButtonUnstyled from '@mui/core/ButtonUnstyled';\nimport styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react';\n\nexport const CarouselContainer = styled.div``;\n\nexport const CarouselSwiper = styled(Swiper)`\n height: 100%;\n .swiper-pagination {\n .swiper-pagination-bullet-active {\n background-color: #fff;\n }\n .swiper-pagination-bullet-active-next {\n background-color: #ffffff;\n }\n .swiper-pagination-bullet {\n background-color: #ffffff;\n }\n }\n`;\n\nexport const CarouselPill = styled(ButtonUnstyled)`\n :hover {\n border-color: rgba(0, 0, 0, 0.08) !important;\n background-color: #ffffff !important;\n color: #000000 !important;\n box-shadow: 0px 0px 0px 1px transparent, 0px 0px 0px 4px transparent,\n 0px 6px 16px rgb(0 0 0 / 12%) !important;\n -webkit-transform: scale(1.04) !important;\n -ms-transform: scale(1.04) !important;\n transform: scale(1.04) !important;\n }\n\n -webkit-box-pack: center !important;\n -ms-flex-pack: center !important;\n -webkit-box-align: center !important;\n -ms-flex-align: center !important;\n -webkit-appearance: none !important;\n -moz-appearance: none !important;\n appearance: none !important;\n display: -webkit-inline-box !important;\n display: -moz-inline-box !important;\n display: -ms-inline-flexbox !important;\n display: -webkit-inline-flex !important;\n display: inline-flex !important;\n border-radius: 50% !important;\n border: 0px !important;\n outline: none !important;\n margin: 0px !important;\n padding: 0px !important;\n color: #222222 !important;\n background-color: rgba(255, 255, 255, 0.9) !important;\n cursor: pointer !important;\n -ms-touch-action: manipulation !important;\n touch-action: manipulation !important;\n -webkit-align-items: center !important;\n align-items: center !important;\n -webkit-justify-content: center !important;\n justify-content: center !important;\n border-style: solid !important;\n border-width: 1px !important;\n background-clip: padding-box !important;\n border-color: rgba(0, 0, 0, 0.08) !important;\n box-shadow: 0px 0px 0px 1px transparent, 0px 0px 0px 4px transparent,\n 0px 2px 4px rgb(0 0 0 / 18%) !important;\n -webkit-transition: -webkit-transform 0.25s ease, transform 0.25s ease !important;\n -moz-transition: transform 0.25s ease !important;\n transition: -ms-transform 0.25s ease, -webkit-transform 0.25s ease,\n transform 0.25s ease !important;\n width: 32px !important;\n height: 32px !important;\n`;\n\nexport const CarouselPillSvg = styled.svg`\n height: 10px;\n width: 10px;\n display: block;\n fill: currentcolor;\n`;\n","/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useRef } from 'react';\n\nimport SwiperCore, { Navigation, Pagination } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react';\n\nimport { CarouselSwiper, CarouselPillSvg, CarouselPill } from './styles';\n\nSwiperCore.use([Navigation, Pagination]);\n\nexport const PaginationCarousel: React.FC<any> = ({\n children,\n navigation,\n title,\n controls,\n ...props\n}) => {\n const prevRef = useRef<HTMLDivElement>(null);\n const nextRef = useRef<HTMLDivElement>(null);\n return (\n <>\n <div\n css={`\n @keyframes fadein {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n }\n position: absolute !important;\n top: 50% !important;\n pointer-events: auto !important;\n transform: translateY(-50%) !important;\n left: 8px !important;\n animation-duration: 0.3s !important;\n animation-name: fadein !important;\n z-index: 180 !important;\n opacity: 0 !important;\n :hover {\n opacity: 1 !important;\n }\n `}\n >\n <CarouselPill ref={prevRef}>\n <span\n css={`\n position: relative !important;\n `}\n >\n <CarouselPillSvg\n viewBox=\"0 0 16 16\"\n role=\"presentation\"\n aria-hidden=\"true\"\n focusable=\"false\"\n >\n <path d=\"m10.8 16c-.4 0-.7-.1-.9-.4l-6.8-6.7c-.5-.5-.5-1.3 0-1.8l6.8-6.7c.5-.5 1.2-.5 1.7 0s .5 1.2 0 1.7l-5.8 5.9 5.8 5.9c.5.5.5 1.2 0 1.7-.2.3-.5.4-.8.4\" />\n </CarouselPillSvg>\n </span>\n </CarouselPill>\n </div>\n <div\n css={`\n @keyframes fadein {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n }\n position: absolute !important;\n top: 50% !important;\n pointer-events: auto !important;\n transform: translateY(-50%) !important;\n right: 8px !important;\n animation-duration: 0.3s !important;\n animation-name: fadein !important;\n z-index: 180 !important;\n opacity: 0 !important;\n :hover {\n opacity: 1 !important;\n }\n `}\n >\n <CarouselPill ref={nextRef}>\n <span\n css={`\n position: relative !important;\n `}\n >\n <CarouselPillSvg\n viewBox=\"0 0 16 16\"\n role=\"presentation\"\n aria-hidden=\"true\"\n focusable=\"false\"\n >\n <path d=\"m5.3 16c .3 0 .6-.1.8-.4l6.8-6.7c.5-.5.5-1.3 0-1.8l-6.8-6.7c-.5-.5-1.2-.5-1.7 0s-.5 1.2 0 1.7l5.8 5.9-5.8 5.9c-.5.5-.5 1.2 0 1.7.2.3.5.4.9.4\" />\n </CarouselPillSvg>\n </span>\n </CarouselPill>\n </div>\n <CarouselSwiper\n {...props}\n pagination={{\n dynamicBullets: true\n }}\n onInit={swiper => {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line no-param-reassign\n swiper.params.navigation.prevEl = prevRef.current;\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line no-param-reassign\n swiper.params.navigation.nextEl = nextRef.current;\n swiper.navigation.init();\n swiper.navigation.update();\n // console.log(\"Swiper\", swiper);\n }}\n >\n {React.Children.map(children, child =>\n React.cloneElement(<SwiperSlide>{child}</SwiperSlide>, {\n ...props\n })\n )}\n </CarouselSwiper>\n </>\n );\n};\n"],"names":["CarouselSwiper","styled","Swiper","CarouselPillContainer","div","CarouselPill","ButtonUnstyled","SwiperCore","use","Navigation","PillsCarousel","children","arrows","props","prevRef","useRef","nextRef","useState","progress","isBeginning","isEnd","swiperSlides","setSwiperSlides","swiper","setSwiper","_jsxs","css","_jsx","left","ref","type","onClick","slidePrev","viewBox","xmlns","role","focusable","fill","d","cssMode","slidesPerView","onInit","params","navigation","prevEl","current","nextEl","init","update","onSlideChange","React","Children","map","child","SwiperSlide","right","slideNext","CarouselContainer","CarouselNavbar","NavbarTitleContainer","NavbarControlsContainer","NavbarControlsQuick","a","NavbarControlsSpace","span","ArrowsContainer","ArrowsFlex","ArrowsButton","ArrowsDivider","ArrowsIconClip","ArrowsSvg","svg","CardCarousel","title","controls","onShowMore","FreeCarousel","Container","CarouselPillSvg","Pagination","PaginationCarousel","pagination","dynamicBullets","cloneElement"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.esm.js","sources":["../src/lib/pills/styles/index.tsx","../src/lib/pills/index.tsx","../src/lib/styles/index.tsx","../src/lib/card/styles/index.tsx","../src/lib/card/index.tsx","../src/lib/free/styles/index.tsx","../src/lib/free/index.tsx","../src/lib/pagination/styles/index.tsx","../src/lib/pagination/index.tsx"],"sourcesContent":["import ButtonUnstyled from '@mui/core/ButtonUnstyled';\nimport styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react';\n\nexport const CarouselContainer = styled.div``;\n\nexport const CarouselSwiper = styled(Swiper)`\n margin: 0px !important;\n .swiper-wrapper {\n .swiper-slide {\n scroll-snap-align: start !important;\n width: auto !important;\n }\n }\n`;\n\nexport const CarouselPillContainer = styled.div`\n display: inline-block !important;\n padding-right: 8px !important;\n padding-top: 4px !important;\n padding-bottom: 4px !important;\n`;\n\nexport const CarouselPill = styled(ButtonUnstyled)<any>`\n -webkit-box-pack: center !important;\n -webkit-box-align: center !important;\n appearance: none !important;\n display: inline-flex !important;\n border-radius: 50% !important;\n border: 1px solid rgb(221, 221, 221) !important;\n outline: none !important;\n margin: 0px !important;\n padding: 0px !important;\n color: rgb(34, 34, 34) !important;\n cursor: pointer !important;\n touch-action: manipulation !important;\n position: relative !important;\n background: transparent !important;\n transition: -ms-transform 0.25s ease 0s, -webkit-transform 0.25s ease 0s,\n transform 0.25s ease 0s !important;\n align-items: center !important;\n justify-content: center !important;\n width: 36px !important;\n height: 36px !important;\n ::before {\n content: '' !important;\n display: block !important;\n position: absolute !important;\n top: 50% !important;\n left: 50% !important;\n transform: translate(-50%, -50%) !important;\n width: 36px !important;\n height: 36px !important;\n border-radius: 50% !important;\n border: 1px solid rgb(221, 221, 221) !important;\n }\n`;\n","/* eslint-disable @typescript-eslint/no-shadow */\n/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useRef, useState } from 'react';\n\nimport { css } from 'styled-components';\nimport SwiperCore, { Navigation } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react';\n\nimport { CarouselSwiper, CarouselPillContainer, CarouselPill } from './styles';\n\nSwiperCore.use([Navigation]);\n\nexport const PillsCarousel: React.FC<any> = ({\n children,\n navigation,\n title,\n controls,\n arrows,\n ...props\n}) => {\n const prevRef = useRef<any>(null);\n const nextRef = useRef<any>(null);\n const [swiperSlides, setSwiperSlides] = useState<any>({\n progress: 0,\n isBeginning: true,\n isEnd: false\n });\n const [swiper, setSwiper] = useState<any>(null);\n return (\n <div\n css={`\n display: flex !important;\n position: relative !important;\n min-width: 0px !important;\n `}\n >\n <div\n css={`\n position: absolute !important;\n left: 0px !important;\n z-index: 3 !important;\n width: 65px !important;\n background: linear-gradient(\n to right,\n rgb(255, 255, 255) 56.77%,\n rgba(255, 255, 255, 0) 94.47%\n ) !important;\n ${swiperSlides.isBeginning &&\n css`\n display: none !important;\n visibility: hidden !important;\n `}\n `}\n >\n {arrows && (\n <CarouselPillContainer>\n <CarouselPill\n left={+true}\n ref={prevRef}\n aria-label=\"Previous\"\n type=\"button\"\n onClick={() => swiper.slidePrev()}\n >\n <span\n css={`\n position: relative !important;\n `}\n >\n <svg\n viewBox=\"0 0 32 32\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n role=\"presentation\"\n focusable=\"false\"\n css={`\n display: block;\n fill: none;\n height: 12px;\n width: 12px;\n stroke: currentcolor;\n stroke-width: 5.33333;\n overflow: visible;\n `}\n >\n <g fill=\"none\">\n <path d=\"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932\" />\n </g>\n </svg>\n </span>\n </CarouselPill>\n </CarouselPillContainer>\n )}\n </div>\n\n <CarouselSwiper\n {...props}\n cssMode={false}\n slidesPerView=\"auto\"\n onInit={(swiper: any) => {\n setSwiper(swiper);\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line no-param-reassign\n swiper.params.navigation.prevEl = prevRef.current;\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line no-param-reassign\n swiper.params.navigation.nextEl = nextRef.current;\n swiper.navigation.init();\n swiper.navigation.update();\n setSwiperSlides({\n progress: swiper.progress,\n isBeginning: swiper.isBeginning,\n isEnd: swiper.isEnd\n });\n // console.log(\"Swiper\", swiper);\n }}\n onSlideChange={swiper => {\n // console.log(\"Swiper Change\", swiper);\n\n setSwiperSlides({\n progress: swiper.progress,\n isBeginning: swiper.isBeginning,\n isEnd: swiper.isEnd\n });\n }}\n >\n {React.Children.map(children, child => (\n <SwiperSlide>\n <div\n css={`\n display: inline-block !important;\n white-space: nowrap !important;\n padding-right: 8px !important;\n padding-top: 4px !important;\n padding-bottom: 4px !important;\n `}\n >\n {child}\n </div>\n </SwiperSlide>\n ))}\n </CarouselSwiper>\n\n <div\n css={`\n -webkit-box-pack: end !important;\n position: absolute !important;\n right: 0px !important;\n z-index: 3 !important;\n width: 75px !important;\n display: flex !important;\n justify-content: flex-end !important;\n background: linear-gradient(\n to left,\n rgb(255, 255, 255) 56.77%,\n rgba(255, 255, 255, 0) 94.47%\n ) !important;\n ${swiperSlides.isEnd &&\n css`\n display: none !important;\n visibility: hidden !important;\n `}\n `}\n >\n {arrows && (\n <CarouselPillContainer>\n <CarouselPill\n right={+true}\n aria-label=\"Next\"\n type=\"button\"\n ref={nextRef}\n onClick={() => swiper.slideNext()}\n >\n <span\n css={`\n position: relative !important;\n `}\n >\n <svg\n viewBox=\"0 0 32 32\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n role=\"presentation\"\n focusable=\"false\"\n css={`\n display: block;\n fill: none;\n height: 12px;\n width: 12px;\n stroke: currentcolor;\n stroke-width: 5.33333;\n overflow: visible;\n `}\n >\n <g fill=\"none\">\n <path d=\"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932\" />\n </g>\n </svg>\n </span>\n </CarouselPill>\n </CarouselPillContainer>\n )}\n </div>\n </div>\n );\n};\n","import ButtonUnstyled from '@mui/core/ButtonUnstyled';\nimport styled from 'styled-components';\n\nexport const CarouselContainer = styled.div`\n position: relative !important;\n z-index: 0 !important;\n`;\n\nexport const CarouselNavbar = styled.div`\n -webkit-box-pack: justify !important;\n -ms-flex-pack: justify !important;\n -webkit-box-align: center !important;\n -ms-flex-align: center !important;\n color: #222222 !important;\n display: -webkit-box !important;\n display: -moz-box !important;\n display: -ms-flexbox !important;\n display: -webkit-flex !important;\n display: flex !important;\n -webkit-align-items: center !important;\n align-items: center !important;\n -webkit-justify-content: space-between !important;\n justify-content: space-between !important;\n margin-bottom: 16px !important;\n`;\n\nexport const NavbarTitleContainer = styled.div`\n margin-right: 24px !important;\n width: auto !important;\n`;\n\nexport const NavbarTitle = styled.div`\n @media (min-width: 744px) {\n font-size: 32px !important;\n line-height: 36px !important;\n font-weight: 800 !important;\n text-align: left !important;\n color: #222222 !important;\n margin-bottom: 15px !important;\n }\n font-size: 22px !important;\n line-height: 26px !important;\n font-weight: 600 !important;\n margin-bottom: 10px !important;\n`;\n\nexport const NavbarControlsContainer = styled.div`\n display: flex !important;\n align-items: center !important;\n margin-left: auto !important;\n`;\n\nexport const NavbarControlsQuick = styled.a`\n @media (max-width: 744px) {\n display: none !important;\n }\n font-size: inherit !important;\n font-family: inherit !important;\n font-style: inherit !important;\n font-variant: inherit !important;\n line-height: inherit !important;\n color: #222222 !important;\n text-decoration: underline !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n outline: none !important;\n`;\n\nexport const NavbarControlsSpace = styled.span`\n display: inline-block !important;\n height: 32px !important;\n width: 1px !important;\n margin-right: 16px !important;\n padding: 0px !important;\n border: none !important;\n`;\n\nexport const ArrowsContainer = styled.div`\n -webkit-box-align: center !important;\n color: rgb(34, 34, 34) !important;\n display: flex !important;\n align-items: center !important;\n margin-left: auto !important;\n`;\n\nexport const ArrowsFlex = styled.div`\n display: -webkit-box !important;\n display: -moz-box !important;\n display: -ms-flexbox !important;\n display: -webkit-flex !important;\n display: flex !important;\n`;\n\nexport const ArrowsButton = styled(ButtonUnstyled)<any>`\n -webkit-box-pack: center !important;\n -webkit-box-align: center !important;\n appearance: none !important;\n display: inline-flex !important;\n border-radius: 50% !important;\n border: none !important;\n outline: none !important;\n margin: 0px !important;\n padding: 0px !important;\n color: rgb(34, 34, 34) !important;\n cursor: pointer !important;\n touch-action: manipulation !important;\n position: relative !important;\n background: transparent !important;\n transition: -ms-transform 0.25s ease 0s, -webkit-transform 0.25s ease 0s,\n transform 0.25s ease 0s !important;\n align-items: center !important;\n justify-content: center !important;\n width: 32px !important;\n height: 32px !important;\n :focus {\n box-shadow: none !important;\n }\n ::before {\n content: '' !important;\n display: block !important;\n position: absolute !important;\n top: 50% !important;\n left: 50% !important;\n transform: translate(-50%, -50%) !important;\n width: 32px !important;\n height: 32px !important;\n border-radius: 50% !important;\n background: rgb(255, 255, 255) !important;\n border: 1px solid rgb(221, 221, 221) !important;\n }\n :disabled {\n opacity: 0.5 !important;\n cursor: not-allowed !important;\n color: rgb(221, 221, 221) !important;\n transform: scale(1) !important;\n }\n :hover:not([disabled]) {\n color: rgb(0, 0, 0) !important;\n transform: scale(1.04) !important;\n }\n`;\n\nexport const ArrowsDivider = styled.span`\n margin-left: 8px !important;\n`;\n\nexport const ArrowsIconClip = styled.span`\n border: 0px !important;\n clip: rect(0 0 0 0) !important;\n -webkit-clip-path: inset(100%) !important;\n clip-path: inset(100%) !important;\n height: 1px !important;\n overflow: hidden !important;\n padding: 0px !important;\n position: absolute !important;\n white-space: nowrap !important;\n width: 1px !important;\n`;\n\nexport const ArrowsSvg = styled.svg`\n display: block;\n fill: none;\n height: 12px;\n width: 12px;\n stroke: currentcolor;\n stroke-width: 4;\n overflow: visible;\n`;\n","import styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react';\n\nexport const CarouselSwiper = styled(Swiper)``;\n","import React, { useRef } from 'react';\n\nimport SwiperCore, { Navigation } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react';\n\nimport {\n CarouselContainer,\n CarouselNavbar,\n NavbarTitleContainer,\n NavbarControlsContainer,\n NavbarControlsQuick,\n NavbarControlsSpace,\n ArrowsContainer,\n ArrowsFlex,\n ArrowsDivider,\n ArrowsButton,\n ArrowsIconClip,\n ArrowsSvg\n} from '../styles';\nimport { CarouselSwiper } from './styles';\n\nSwiperCore.use([Navigation]);\n\nexport const CardCarousel: React.FC<any> = ({\n children,\n navigation,\n title,\n controls,\n onShowMore,\n ...props\n}) => {\n const prevRef = useRef<HTMLDivElement>(null);\n const nextRef = useRef<HTMLDivElement>(null);\n return (\n <CarouselContainer>\n {navigation && (\n <CarouselNavbar>\n {title && <NavbarTitleContainer>{title}</NavbarTitleContainer>}\n {controls && (\n <NavbarControlsContainer>\n {onShowMore && (\n <NavbarControlsQuick onClick={onShowMore}>\n Show More\n </NavbarControlsQuick>\n )}\n <NavbarControlsSpace />\n <ArrowsContainer aria-hidden=\"false\">\n <ArrowsFlex>\n <ArrowsButton\n ref={prevRef}\n aria-label=\"Previous\"\n type=\"button\"\n >\n <span\n css={`\n position: relative;\n `}\n >\n <ArrowsIconClip />\n <ArrowsSvg\n viewBox=\"0 0 32 32\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n role=\"presentation\"\n focusable=\"false\"\n >\n <g fill=\"none\">\n <path d=\"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932\" />\n </g>\n </ArrowsSvg>\n </span>\n </ArrowsButton>\n <ArrowsDivider />\n <ArrowsButton aria-label=\"Next\" type=\"button\" ref={nextRef}>\n <span\n css={`\n position: relative;\n `}\n >\n <ArrowsIconClip />\n <ArrowsSvg\n viewBox=\"0 0 32 32\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n role=\"presentation\"\n focusable=\"false\"\n >\n <g fill=\"none\">\n <path d=\"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932\" />\n </g>\n </ArrowsSvg>\n </span>\n </ArrowsButton>\n </ArrowsFlex>\n </ArrowsContainer>\n </NavbarControlsContainer>\n )}\n </CarouselNavbar>\n )}\n <CarouselSwiper\n {...props}\n onInit={swiper => {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line no-param-reassign\n swiper.params.navigation.prevEl = prevRef.current;\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line no-param-reassign\n swiper.params.navigation.nextEl = nextRef.current;\n swiper.navigation.init();\n swiper.navigation.update();\n // console.log(\"Swiper\", swiper);\n }}\n >\n {React.Children.map(children, child => (\n <SwiperSlide>{child}</SwiperSlide>\n ))}\n </CarouselSwiper>\n </CarouselContainer>\n );\n};\n","import styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react';\n\nexport const CarouselSwiper = styled(Swiper)`\n .swiper-wrapper {\n box-sizing: inherit !important;\n @media (min-width: 744px) {\n scroll-padding: 40px !important;\n }\n @media (min-width: 1128px) {\n --scroll-padding: max(80px, calc((100vw - 1600px) / 2)) !important;\n scroll-padding: var(--scroll-padding) !important;\n }\n scroll-snap-type: x mandatory !important;\n overflow-x: auto !important;\n display: flex !important;\n scroll-padding: 24px !important;\n .swiper-slide {\n @media (min-width: 744px) {\n min-width: 476px !important;\n max-width: 588px !important;\n flex: 1 0 calc((100% - 80px) * 0.75) !important;\n }\n @media (min-width: 1128px) {\n flex: 1 0 calc(50% - 88px) !important;\n }\n margin-left: 16px !important;\n flex: 1 0 calc(100% - 84px) !important;\n scroll-snap-align: start !important;\n scroll-snap-stop: always !important;\n }\n .swiper-slide:first-of-type {\n @media (min-width: 744px) {\n padding-left: 40px !important;\n min-width: calc(516px) !important;\n max-width: calc(628px) !important;\n flex: 1 0 calc((100% - 80px) * 0.75 + 40px) !important;\n }\n @media (min-width: 1128px) {\n max-width: calc(588px + max(80px, (100vw - 1600px) / 2)) !important;\n flex: 1 0 calc(50% - 8px) !important;\n padding-left: max(80px, (100vw - 1600px) / 2) !important;\n }\n @media (min-width: 2080px) {\n max-width: calc(588px + max(80px, (100vw - 1930px) / 2)) !important;\n flex: 1 0 calc(50% - 8px) !important;\n padding-left: max(80px, (100vw - 1930px) / 2) !important;\n }\n flex: 1 0 calc(100% - 84px) !important;\n scroll-snap-align: start !important;\n scroll-snap-stop: always !important;\n margin-left: 0px !important;\n padding-left: 24px !important;\n }\n .swiper-slide:last-of-type {\n @media (min-width: 744px) {\n padding-right: 40px !important;\n min-width: calc(516px) !important;\n max-width: calc(628px) !important;\n flex: 1 0 calc((100% - 80px) * 0.75 + 40px) !important;\n }\n @media (min-width: 1128px) {\n max-width: calc(588px + max(80px, (100vw - 1600px) / 2)) !important;\n flex: 1 0 calc(50% - 8px) !important;\n padding-right: max(80px, (100vw - 1600px) / 2) !important;\n }\n @media (min-width: 2080px) {\n max-width: calc(588px + max(80px, (100vw - 1930px) / 2)) !important;\n flex: 1 0 calc(50% - 8px) !important;\n padding-right: max(80px, (100vw - 1930px) / 2) !important;\n }\n margin-left: 16px !important;\n flex: 1 0 calc(100% - 84px) !important;\n scroll-snap-align: start !important;\n scroll-snap-stop: always !important;\n padding-right: 24px !important;\n }\n }\n`;\n","/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useRef } from 'react';\n\nimport { Container } from '@fox-dls/layout';\nimport SwiperCore, { Navigation } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react';\n\nimport {\n CarouselContainer,\n CarouselNavbar,\n NavbarTitleContainer,\n NavbarControlsContainer,\n NavbarControlsQuick,\n NavbarControlsSpace,\n ArrowsContainer,\n ArrowsFlex,\n ArrowsDivider,\n ArrowsButton,\n ArrowsIconClip,\n ArrowsSvg\n} from '../styles';\nimport { CarouselSwiper } from './styles';\n\nSwiperCore.use([Navigation]);\n\nexport const FreeCarousel: React.FC<any> = ({\n children,\n navigation,\n title,\n controls,\n quickLink,\n onShowMore,\n ...props\n}) => {\n const prevRef = useRef<HTMLDivElement>(null);\n const nextRef = useRef<HTMLDivElement>(null);\n return (\n <CarouselContainer>\n <div\n css={`\n @media (max-width: 744px) {\n display: none !important;\n }\n `}\n >\n <Container>\n {navigation && (\n <CarouselNavbar>\n {title && <NavbarTitleContainer>{title}</NavbarTitleContainer>}\n {controls && (\n <NavbarControlsContainer>\n {onShowMore && (\n <NavbarControlsQuick onClick={onShowMore}>\n Show More\n </NavbarControlsQuick>\n )}\n <NavbarControlsSpace />\n <ArrowsContainer aria-hidden=\"false\">\n <ArrowsFlex>\n <ArrowsButton\n ref={prevRef}\n aria-label=\"Previous\"\n type=\"button\"\n >\n <span\n css={`\n position: relative;\n `}\n >\n <ArrowsIconClip />\n <ArrowsSvg\n viewBox=\"0 0 32 32\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n role=\"presentation\"\n focusable=\"false\"\n >\n <g fill=\"none\">\n <path d=\"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932\" />\n </g>\n </ArrowsSvg>\n </span>\n </ArrowsButton>\n <ArrowsDivider />\n <ArrowsButton\n aria-label=\"Next\"\n type=\"button\"\n ref={nextRef}\n >\n <span\n css={`\n position: relative;\n `}\n >\n <ArrowsIconClip />\n <ArrowsSvg\n viewBox=\"0 0 32 32\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n role=\"presentation\"\n focusable=\"false\"\n >\n <g fill=\"none\">\n <path d=\"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932\" />\n </g>\n </ArrowsSvg>\n </span>\n </ArrowsButton>\n </ArrowsFlex>\n </ArrowsContainer>\n </NavbarControlsContainer>\n )}\n </CarouselNavbar>\n )}\n </Container>\n </div>\n <CarouselSwiper\n {...props}\n cssMode\n onInit={swiper => {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line no-param-reassign\n swiper.params.navigation.prevEl = prevRef.current;\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line no-param-reassign\n swiper.params.navigation.nextEl = nextRef.current;\n swiper.navigation.init();\n swiper.navigation.update();\n // console.log(\"Swiper\", swiper);\n }}\n >\n {React.Children.map(children, child => (\n <SwiperSlide>{child}</SwiperSlide>\n ))}\n </CarouselSwiper>\n </CarouselContainer>\n );\n};\n","import ButtonUnstyled from '@mui/core/ButtonUnstyled';\nimport styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react';\n\nexport const CarouselContainer = styled.div``;\n\nexport const CarouselSwiper = styled(Swiper)`\n height: 100%;\n .swiper-pagination {\n .swiper-pagination-bullet-active {\n background-color: #fff;\n }\n .swiper-pagination-bullet-active-next {\n background-color: #ffffff;\n }\n .swiper-pagination-bullet {\n background-color: #ffffff;\n }\n }\n`;\n\nexport const CarouselPill = styled(ButtonUnstyled)`\n :hover {\n border-color: rgba(0, 0, 0, 0.08) !important;\n background-color: #ffffff !important;\n color: #000000 !important;\n box-shadow: 0px 0px 0px 1px transparent, 0px 0px 0px 4px transparent,\n 0px 6px 16px rgb(0 0 0 / 12%) !important;\n -webkit-transform: scale(1.04) !important;\n -ms-transform: scale(1.04) !important;\n transform: scale(1.04) !important;\n }\n\n -webkit-box-pack: center !important;\n -ms-flex-pack: center !important;\n -webkit-box-align: center !important;\n -ms-flex-align: center !important;\n -webkit-appearance: none !important;\n -moz-appearance: none !important;\n appearance: none !important;\n display: -webkit-inline-box !important;\n display: -moz-inline-box !important;\n display: -ms-inline-flexbox !important;\n display: -webkit-inline-flex !important;\n display: inline-flex !important;\n border-radius: 50% !important;\n border: 0px !important;\n outline: none !important;\n margin: 0px !important;\n padding: 0px !important;\n color: #222222 !important;\n background-color: rgba(255, 255, 255, 0.9) !important;\n cursor: pointer !important;\n -ms-touch-action: manipulation !important;\n touch-action: manipulation !important;\n -webkit-align-items: center !important;\n align-items: center !important;\n -webkit-justify-content: center !important;\n justify-content: center !important;\n border-style: solid !important;\n border-width: 1px !important;\n background-clip: padding-box !important;\n border-color: rgba(0, 0, 0, 0.08) !important;\n box-shadow: 0px 0px 0px 1px transparent, 0px 0px 0px 4px transparent,\n 0px 2px 4px rgb(0 0 0 / 18%) !important;\n -webkit-transition: -webkit-transform 0.25s ease, transform 0.25s ease !important;\n -moz-transition: transform 0.25s ease !important;\n transition: -ms-transform 0.25s ease, -webkit-transform 0.25s ease,\n transform 0.25s ease !important;\n width: 32px !important;\n height: 32px !important;\n`;\n\nexport const CarouselPillSvg = styled.svg`\n height: 10px;\n width: 10px;\n display: block;\n fill: currentcolor;\n`;\n","/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useRef } from 'react';\n\nimport SwiperCore, { Navigation, Pagination } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react';\n\nimport { CarouselSwiper, CarouselPillSvg, CarouselPill } from './styles';\n\nSwiperCore.use([Navigation, Pagination]);\n\nexport const PaginationCarousel: React.FC<any> = ({\n children,\n navigation,\n title,\n controls,\n ...props\n}) => {\n const prevRef = useRef<HTMLDivElement>(null);\n const nextRef = useRef<HTMLDivElement>(null);\n return (\n <>\n <div\n css={`\n @keyframes fadein {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n }\n position: absolute !important;\n top: 50% !important;\n pointer-events: auto !important;\n transform: translateY(-50%) !important;\n left: 8px !important;\n animation-duration: 0.3s !important;\n animation-name: fadein !important;\n z-index: 180 !important;\n opacity: 0 !important;\n :hover {\n opacity: 1 !important;\n }\n `}\n >\n <CarouselPill ref={prevRef}>\n <span\n css={`\n position: relative !important;\n `}\n >\n <CarouselPillSvg\n viewBox=\"0 0 16 16\"\n role=\"presentation\"\n aria-hidden=\"true\"\n focusable=\"false\"\n >\n <path d=\"m10.8 16c-.4 0-.7-.1-.9-.4l-6.8-6.7c-.5-.5-.5-1.3 0-1.8l6.8-6.7c.5-.5 1.2-.5 1.7 0s .5 1.2 0 1.7l-5.8 5.9 5.8 5.9c.5.5.5 1.2 0 1.7-.2.3-.5.4-.8.4\" />\n </CarouselPillSvg>\n </span>\n </CarouselPill>\n </div>\n <div\n css={`\n @keyframes fadein {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n }\n position: absolute !important;\n top: 50% !important;\n pointer-events: auto !important;\n transform: translateY(-50%) !important;\n right: 8px !important;\n animation-duration: 0.3s !important;\n animation-name: fadein !important;\n z-index: 180 !important;\n opacity: 0 !important;\n :hover {\n opacity: 1 !important;\n }\n `}\n >\n <CarouselPill ref={nextRef}>\n <span\n css={`\n position: relative !important;\n `}\n >\n <CarouselPillSvg\n viewBox=\"0 0 16 16\"\n role=\"presentation\"\n aria-hidden=\"true\"\n focusable=\"false\"\n >\n <path d=\"m5.3 16c .3 0 .6-.1.8-.4l6.8-6.7c.5-.5.5-1.3 0-1.8l-6.8-6.7c-.5-.5-1.2-.5-1.7 0s-.5 1.2 0 1.7l5.8 5.9-5.8 5.9c-.5.5-.5 1.2 0 1.7.2.3.5.4.9.4\" />\n </CarouselPillSvg>\n </span>\n </CarouselPill>\n </div>\n <CarouselSwiper\n {...props}\n pagination={{\n dynamicBullets: true\n }}\n onInit={swiper => {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line no-param-reassign\n swiper.params.navigation.prevEl = prevRef.current;\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line no-param-reassign\n swiper.params.navigation.nextEl = nextRef.current;\n swiper.navigation.init();\n swiper.navigation.update();\n // console.log(\"Swiper\", swiper);\n }}\n >\n {React.Children.map(children, child =>\n React.cloneElement(<SwiperSlide>{child}</SwiperSlide>, {\n ...props\n })\n )}\n </CarouselSwiper>\n </>\n );\n};\n"],"names":["CarouselSwiper","styled","Swiper","CarouselPillContainer","div","CarouselPill","ButtonUnstyled","SwiperCore","use","Navigation","PillsCarousel","children","arrows","props","prevRef","useRef","nextRef","useState","progress","isBeginning","isEnd","swiperSlides","setSwiperSlides","swiper","setSwiper","_jsxs","css","_jsx","left","ref","type","onClick","slidePrev","viewBox","xmlns","role","focusable","fill","d","cssMode","slidesPerView","onInit","params","navigation","prevEl","current","nextEl","init","update","onSlideChange","React","Children","map","child","SwiperSlide","right","slideNext","CarouselContainer","CarouselNavbar","NavbarTitleContainer","NavbarControlsContainer","NavbarControlsQuick","a","NavbarControlsSpace","span","ArrowsContainer","ArrowsFlex","ArrowsButton","ArrowsDivider","ArrowsIconClip","ArrowsSvg","svg","CardCarousel","title","controls","onShowMore","FreeCarousel","Container","CarouselPillSvg","Pagination","PaginationCarousel","pagination","dynamicBullets","cloneElement"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,28 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fox-dls/carousels",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.6",
|
|
4
4
|
"license": "MIT",
|
|
5
|
+
"source": "src/index.ts",
|
|
5
6
|
"main": "dist/index.js",
|
|
6
|
-
"module": "dist/
|
|
7
|
-
"exports": {
|
|
8
|
-
".": {
|
|
9
|
-
"import": "./dist/esm/index.js",
|
|
10
|
-
"require": "./dist/index.js"
|
|
11
|
-
},
|
|
12
|
-
"./internal": {
|
|
13
|
-
"import": "./dist/esm/internal.js",
|
|
14
|
-
"require": "./dist/internal.js"
|
|
15
|
-
},
|
|
16
|
-
"./legacy": {
|
|
17
|
-
"import": "./dist/esm/legacy.js",
|
|
18
|
-
"require": "./dist/legacy.js"
|
|
19
|
-
},
|
|
20
|
-
"./styles.css": "./dist/index.css"
|
|
21
|
-
},
|
|
22
|
-
"browser": {
|
|
23
|
-
"./styles.css": "./dist/index.css"
|
|
24
|
-
},
|
|
7
|
+
"module": "dist/index.esm.js",
|
|
25
8
|
"types": "dist/index.d.ts",
|
|
9
|
+
"type": "module",
|
|
26
10
|
"scripts": {
|
|
27
11
|
"build": "rimraf --no-glob ./dist && cross-env NODE_ENV=production microbundle --tsconfig ./tsconfig.build.json --jsx React.createElement --jsxFragment React.Fragment -f cjs,es --no-compress",
|
|
28
12
|
"build:react17jsx": "microbundle --tsconfig ./tsconfig.build.json --jsx jsx --jsxImportSource react --globals react/jsx-runtime=jsx --compress",
|
package/tsconfig.build.json
CHANGED
|
@@ -6,16 +6,6 @@
|
|
|
6
6
|
"module": "esnext",
|
|
7
7
|
"jsx": "react-jsx",
|
|
8
8
|
"jsxFactory": "",
|
|
9
|
-
"jsxFragmentFactory": ""
|
|
10
|
-
|
|
11
|
-
},
|
|
12
|
-
"exclude": [
|
|
13
|
-
"**/*.spec.ts",
|
|
14
|
-
"**/*.spec.tsx",
|
|
15
|
-
"dist",
|
|
16
|
-
"./plugins/**/*",
|
|
17
|
-
"./dist/**/*",
|
|
18
|
-
"dist/**/*"
|
|
19
|
-
],
|
|
20
|
-
"include": ["**/*.js", "**/*.jsx", "**/*.ts", "**/*.tsx"]
|
|
9
|
+
"jsxFragmentFactory": ""
|
|
10
|
+
}
|
|
21
11
|
}
|
package/tsconfig.json
CHANGED
|
@@ -1,22 +1,24 @@
|
|
|
1
1
|
{
|
|
2
|
-
"ts-node": {
|
|
3
|
-
"compilerOptions": {
|
|
4
|
-
"module": "CommonJS"
|
|
5
|
-
}
|
|
6
|
-
},
|
|
7
2
|
"compilerOptions": {
|
|
8
|
-
"
|
|
9
|
-
"
|
|
10
|
-
"
|
|
11
|
-
"
|
|
3
|
+
"baseUrl": "./src",
|
|
4
|
+
"target": "esnext",
|
|
5
|
+
"lib": ["dom", "dom.iterable", "esnext"],
|
|
6
|
+
"module": "esnext",
|
|
12
7
|
"jsx": "react-jsx",
|
|
13
|
-
"
|
|
14
|
-
"
|
|
8
|
+
"jsxImportSource": "@emotion/react",
|
|
9
|
+
"noEmit": false,
|
|
10
|
+
"composite": false,
|
|
11
|
+
"incremental": true,
|
|
12
|
+
"paths": {},
|
|
13
|
+
"strict": true,
|
|
14
|
+
"useUnknownInCatchVariables": true,
|
|
15
|
+
"allowJs": true,
|
|
15
16
|
"skipLibCheck": true,
|
|
16
|
-
"
|
|
17
|
-
"
|
|
18
|
-
"
|
|
17
|
+
"forceConsistentCasingInFileNames": true,
|
|
18
|
+
"esModuleInterop": true,
|
|
19
|
+
"moduleResolution": "node",
|
|
20
|
+
"resolveJsonModule": true,
|
|
21
|
+
"isolatedModules": true
|
|
19
22
|
},
|
|
20
|
-
"exclude": ["node_modules"]
|
|
21
|
-
"include": ["src/**/*.ts", "src/**/*.tsx"]
|
|
23
|
+
"exclude": ["dist", "node_modules", ".yarn"]
|
|
22
24
|
}
|
package/dist/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/lib/pills/styles/index.tsx","../src/lib/pills/index.tsx","../src/lib/styles/index.tsx","../src/lib/card/styles/index.tsx","../src/lib/card/index.tsx","../src/lib/free/styles/index.tsx","../src/lib/free/index.tsx","../src/lib/pagination/styles/index.tsx","../src/lib/pagination/index.tsx"],"sourcesContent":["import ButtonUnstyled from '@mui/core/ButtonUnstyled';\nimport styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react';\n\nexport const CarouselContainer = styled.div``;\n\nexport const CarouselSwiper = styled(Swiper)`\n margin: 0px !important;\n .swiper-wrapper {\n .swiper-slide {\n scroll-snap-align: start !important;\n width: auto !important;\n }\n }\n`;\n\nexport const CarouselPillContainer = styled.div`\n display: inline-block !important;\n padding-right: 8px !important;\n padding-top: 4px !important;\n padding-bottom: 4px !important;\n`;\n\nexport const CarouselPill = styled(ButtonUnstyled)<any>`\n -webkit-box-pack: center !important;\n -webkit-box-align: center !important;\n appearance: none !important;\n display: inline-flex !important;\n border-radius: 50% !important;\n border: 1px solid rgb(221, 221, 221) !important;\n outline: none !important;\n margin: 0px !important;\n padding: 0px !important;\n color: rgb(34, 34, 34) !important;\n cursor: pointer !important;\n touch-action: manipulation !important;\n position: relative !important;\n background: transparent !important;\n transition: -ms-transform 0.25s ease 0s, -webkit-transform 0.25s ease 0s,\n transform 0.25s ease 0s !important;\n align-items: center !important;\n justify-content: center !important;\n width: 36px !important;\n height: 36px !important;\n ::before {\n content: '' !important;\n display: block !important;\n position: absolute !important;\n top: 50% !important;\n left: 50% !important;\n transform: translate(-50%, -50%) !important;\n width: 36px !important;\n height: 36px !important;\n border-radius: 50% !important;\n border: 1px solid rgb(221, 221, 221) !important;\n }\n`;\n","/* eslint-disable @typescript-eslint/no-shadow */\n/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useRef, useState } from 'react';\n\nimport { css } from 'styled-components';\nimport SwiperCore, { Navigation } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react';\n\nimport { CarouselSwiper, CarouselPillContainer, CarouselPill } from './styles';\n\nSwiperCore.use([Navigation]);\n\nexport const PillsCarousel: React.FC<any> = ({\n children,\n navigation,\n title,\n controls,\n arrows,\n ...props\n}) => {\n const prevRef = useRef<any>(null);\n const nextRef = useRef<any>(null);\n const [swiperSlides, setSwiperSlides] = useState<any>({\n progress: 0,\n isBeginning: true,\n isEnd: false\n });\n const [swiper, setSwiper] = useState<any>(null);\n return (\n <div\n css={`\n display: flex !important;\n position: relative !important;\n min-width: 0px !important;\n `}\n >\n <div\n css={`\n position: absolute !important;\n left: 0px !important;\n z-index: 3 !important;\n width: 65px !important;\n background: linear-gradient(\n to right,\n rgb(255, 255, 255) 56.77%,\n rgba(255, 255, 255, 0) 94.47%\n ) !important;\n ${swiperSlides.isBeginning &&\n css`\n display: none !important;\n visibility: hidden !important;\n `}\n `}\n >\n {arrows && (\n <CarouselPillContainer>\n <CarouselPill\n left={+true}\n ref={prevRef}\n aria-label=\"Previous\"\n type=\"button\"\n onClick={() => swiper.slidePrev()}\n >\n <span\n css={`\n position: relative !important;\n `}\n >\n <svg\n viewBox=\"0 0 32 32\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n role=\"presentation\"\n focusable=\"false\"\n css={`\n display: block;\n fill: none;\n height: 12px;\n width: 12px;\n stroke: currentcolor;\n stroke-width: 5.33333;\n overflow: visible;\n `}\n >\n <g fill=\"none\">\n <path d=\"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932\" />\n </g>\n </svg>\n </span>\n </CarouselPill>\n </CarouselPillContainer>\n )}\n </div>\n\n <CarouselSwiper\n {...props}\n cssMode={false}\n slidesPerView=\"auto\"\n onInit={(swiper: any) => {\n setSwiper(swiper);\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line no-param-reassign\n swiper.params.navigation.prevEl = prevRef.current;\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line no-param-reassign\n swiper.params.navigation.nextEl = nextRef.current;\n swiper.navigation.init();\n swiper.navigation.update();\n setSwiperSlides({\n progress: swiper.progress,\n isBeginning: swiper.isBeginning,\n isEnd: swiper.isEnd\n });\n // console.log(\"Swiper\", swiper);\n }}\n onSlideChange={swiper => {\n // console.log(\"Swiper Change\", swiper);\n\n setSwiperSlides({\n progress: swiper.progress,\n isBeginning: swiper.isBeginning,\n isEnd: swiper.isEnd\n });\n }}\n >\n {React.Children.map(children, child => (\n <SwiperSlide>\n <div\n css={`\n display: inline-block !important;\n white-space: nowrap !important;\n padding-right: 8px !important;\n padding-top: 4px !important;\n padding-bottom: 4px !important;\n `}\n >\n {child}\n </div>\n </SwiperSlide>\n ))}\n </CarouselSwiper>\n\n <div\n css={`\n -webkit-box-pack: end !important;\n position: absolute !important;\n right: 0px !important;\n z-index: 3 !important;\n width: 75px !important;\n display: flex !important;\n justify-content: flex-end !important;\n background: linear-gradient(\n to left,\n rgb(255, 255, 255) 56.77%,\n rgba(255, 255, 255, 0) 94.47%\n ) !important;\n ${swiperSlides.isEnd &&\n css`\n display: none !important;\n visibility: hidden !important;\n `}\n `}\n >\n {arrows && (\n <CarouselPillContainer>\n <CarouselPill\n right={+true}\n aria-label=\"Next\"\n type=\"button\"\n ref={nextRef}\n onClick={() => swiper.slideNext()}\n >\n <span\n css={`\n position: relative !important;\n `}\n >\n <svg\n viewBox=\"0 0 32 32\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n role=\"presentation\"\n focusable=\"false\"\n css={`\n display: block;\n fill: none;\n height: 12px;\n width: 12px;\n stroke: currentcolor;\n stroke-width: 5.33333;\n overflow: visible;\n `}\n >\n <g fill=\"none\">\n <path d=\"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932\" />\n </g>\n </svg>\n </span>\n </CarouselPill>\n </CarouselPillContainer>\n )}\n </div>\n </div>\n );\n};\n","import ButtonUnstyled from '@mui/core/ButtonUnstyled';\nimport styled from 'styled-components';\n\nexport const CarouselContainer = styled.div`\n position: relative !important;\n z-index: 0 !important;\n`;\n\nexport const CarouselNavbar = styled.div`\n -webkit-box-pack: justify !important;\n -ms-flex-pack: justify !important;\n -webkit-box-align: center !important;\n -ms-flex-align: center !important;\n color: #222222 !important;\n display: -webkit-box !important;\n display: -moz-box !important;\n display: -ms-flexbox !important;\n display: -webkit-flex !important;\n display: flex !important;\n -webkit-align-items: center !important;\n align-items: center !important;\n -webkit-justify-content: space-between !important;\n justify-content: space-between !important;\n margin-bottom: 16px !important;\n`;\n\nexport const NavbarTitleContainer = styled.div`\n margin-right: 24px !important;\n width: auto !important;\n`;\n\nexport const NavbarTitle = styled.div`\n @media (min-width: 744px) {\n font-size: 32px !important;\n line-height: 36px !important;\n font-weight: 800 !important;\n text-align: left !important;\n color: #222222 !important;\n margin-bottom: 15px !important;\n }\n font-size: 22px !important;\n line-height: 26px !important;\n font-weight: 600 !important;\n margin-bottom: 10px !important;\n`;\n\nexport const NavbarControlsContainer = styled.div`\n display: flex !important;\n align-items: center !important;\n margin-left: auto !important;\n`;\n\nexport const NavbarControlsQuick = styled.a`\n @media (max-width: 744px) {\n display: none !important;\n }\n font-size: inherit !important;\n font-family: inherit !important;\n font-style: inherit !important;\n font-variant: inherit !important;\n line-height: inherit !important;\n color: #222222 !important;\n text-decoration: underline !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n outline: none !important;\n`;\n\nexport const NavbarControlsSpace = styled.span`\n display: inline-block !important;\n height: 32px !important;\n width: 1px !important;\n margin-right: 16px !important;\n padding: 0px !important;\n border: none !important;\n`;\n\nexport const ArrowsContainer = styled.div`\n -webkit-box-align: center !important;\n color: rgb(34, 34, 34) !important;\n display: flex !important;\n align-items: center !important;\n margin-left: auto !important;\n`;\n\nexport const ArrowsFlex = styled.div`\n display: -webkit-box !important;\n display: -moz-box !important;\n display: -ms-flexbox !important;\n display: -webkit-flex !important;\n display: flex !important;\n`;\n\nexport const ArrowsButton = styled(ButtonUnstyled)<any>`\n -webkit-box-pack: center !important;\n -webkit-box-align: center !important;\n appearance: none !important;\n display: inline-flex !important;\n border-radius: 50% !important;\n border: none !important;\n outline: none !important;\n margin: 0px !important;\n padding: 0px !important;\n color: rgb(34, 34, 34) !important;\n cursor: pointer !important;\n touch-action: manipulation !important;\n position: relative !important;\n background: transparent !important;\n transition: -ms-transform 0.25s ease 0s, -webkit-transform 0.25s ease 0s,\n transform 0.25s ease 0s !important;\n align-items: center !important;\n justify-content: center !important;\n width: 32px !important;\n height: 32px !important;\n :focus {\n box-shadow: none !important;\n }\n ::before {\n content: '' !important;\n display: block !important;\n position: absolute !important;\n top: 50% !important;\n left: 50% !important;\n transform: translate(-50%, -50%) !important;\n width: 32px !important;\n height: 32px !important;\n border-radius: 50% !important;\n background: rgb(255, 255, 255) !important;\n border: 1px solid rgb(221, 221, 221) !important;\n }\n :disabled {\n opacity: 0.5 !important;\n cursor: not-allowed !important;\n color: rgb(221, 221, 221) !important;\n transform: scale(1) !important;\n }\n :hover:not([disabled]) {\n color: rgb(0, 0, 0) !important;\n transform: scale(1.04) !important;\n }\n`;\n\nexport const ArrowsDivider = styled.span`\n margin-left: 8px !important;\n`;\n\nexport const ArrowsIconClip = styled.span`\n border: 0px !important;\n clip: rect(0 0 0 0) !important;\n -webkit-clip-path: inset(100%) !important;\n clip-path: inset(100%) !important;\n height: 1px !important;\n overflow: hidden !important;\n padding: 0px !important;\n position: absolute !important;\n white-space: nowrap !important;\n width: 1px !important;\n`;\n\nexport const ArrowsSvg = styled.svg`\n display: block;\n fill: none;\n height: 12px;\n width: 12px;\n stroke: currentcolor;\n stroke-width: 4;\n overflow: visible;\n`;\n","import styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react';\n\nexport const CarouselSwiper = styled(Swiper)``;\n","import React, { useRef } from 'react';\n\nimport SwiperCore, { Navigation } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react';\n\nimport {\n CarouselContainer,\n CarouselNavbar,\n NavbarTitleContainer,\n NavbarControlsContainer,\n NavbarControlsQuick,\n NavbarControlsSpace,\n ArrowsContainer,\n ArrowsFlex,\n ArrowsDivider,\n ArrowsButton,\n ArrowsIconClip,\n ArrowsSvg\n} from '../styles';\nimport { CarouselSwiper } from './styles';\n\nSwiperCore.use([Navigation]);\n\nexport const CardCarousel: React.FC<any> = ({\n children,\n navigation,\n title,\n controls,\n onShowMore,\n ...props\n}) => {\n const prevRef = useRef<HTMLDivElement>(null);\n const nextRef = useRef<HTMLDivElement>(null);\n return (\n <CarouselContainer>\n {navigation && (\n <CarouselNavbar>\n {title && <NavbarTitleContainer>{title}</NavbarTitleContainer>}\n {controls && (\n <NavbarControlsContainer>\n {onShowMore && (\n <NavbarControlsQuick onClick={onShowMore}>\n Show More\n </NavbarControlsQuick>\n )}\n <NavbarControlsSpace />\n <ArrowsContainer aria-hidden=\"false\">\n <ArrowsFlex>\n <ArrowsButton\n ref={prevRef}\n aria-label=\"Previous\"\n type=\"button\"\n >\n <span\n css={`\n position: relative;\n `}\n >\n <ArrowsIconClip />\n <ArrowsSvg\n viewBox=\"0 0 32 32\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n role=\"presentation\"\n focusable=\"false\"\n >\n <g fill=\"none\">\n <path d=\"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932\" />\n </g>\n </ArrowsSvg>\n </span>\n </ArrowsButton>\n <ArrowsDivider />\n <ArrowsButton aria-label=\"Next\" type=\"button\" ref={nextRef}>\n <span\n css={`\n position: relative;\n `}\n >\n <ArrowsIconClip />\n <ArrowsSvg\n viewBox=\"0 0 32 32\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n role=\"presentation\"\n focusable=\"false\"\n >\n <g fill=\"none\">\n <path d=\"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932\" />\n </g>\n </ArrowsSvg>\n </span>\n </ArrowsButton>\n </ArrowsFlex>\n </ArrowsContainer>\n </NavbarControlsContainer>\n )}\n </CarouselNavbar>\n )}\n <CarouselSwiper\n {...props}\n onInit={swiper => {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line no-param-reassign\n swiper.params.navigation.prevEl = prevRef.current;\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line no-param-reassign\n swiper.params.navigation.nextEl = nextRef.current;\n swiper.navigation.init();\n swiper.navigation.update();\n // console.log(\"Swiper\", swiper);\n }}\n >\n {React.Children.map(children, child => (\n <SwiperSlide>{child}</SwiperSlide>\n ))}\n </CarouselSwiper>\n </CarouselContainer>\n );\n};\n","import styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react';\n\nexport const CarouselSwiper = styled(Swiper)`\n .swiper-wrapper {\n box-sizing: inherit !important;\n @media (min-width: 744px) {\n scroll-padding: 40px !important;\n }\n @media (min-width: 1128px) {\n --scroll-padding: max(80px, calc((100vw - 1600px) / 2)) !important;\n scroll-padding: var(--scroll-padding) !important;\n }\n scroll-snap-type: x mandatory !important;\n overflow-x: auto !important;\n display: flex !important;\n scroll-padding: 24px !important;\n .swiper-slide {\n @media (min-width: 744px) {\n min-width: 476px !important;\n max-width: 588px !important;\n flex: 1 0 calc((100% - 80px) * 0.75) !important;\n }\n @media (min-width: 1128px) {\n flex: 1 0 calc(50% - 88px) !important;\n }\n margin-left: 16px !important;\n flex: 1 0 calc(100% - 84px) !important;\n scroll-snap-align: start !important;\n scroll-snap-stop: always !important;\n }\n .swiper-slide:first-of-type {\n @media (min-width: 744px) {\n padding-left: 40px !important;\n min-width: calc(516px) !important;\n max-width: calc(628px) !important;\n flex: 1 0 calc((100% - 80px) * 0.75 + 40px) !important;\n }\n @media (min-width: 1128px) {\n max-width: calc(588px + max(80px, (100vw - 1600px) / 2)) !important;\n flex: 1 0 calc(50% - 8px) !important;\n padding-left: max(80px, (100vw - 1600px) / 2) !important;\n }\n @media (min-width: 2080px) {\n max-width: calc(588px + max(80px, (100vw - 1930px) / 2)) !important;\n flex: 1 0 calc(50% - 8px) !important;\n padding-left: max(80px, (100vw - 1930px) / 2) !important;\n }\n flex: 1 0 calc(100% - 84px) !important;\n scroll-snap-align: start !important;\n scroll-snap-stop: always !important;\n margin-left: 0px !important;\n padding-left: 24px !important;\n }\n .swiper-slide:last-of-type {\n @media (min-width: 744px) {\n padding-right: 40px !important;\n min-width: calc(516px) !important;\n max-width: calc(628px) !important;\n flex: 1 0 calc((100% - 80px) * 0.75 + 40px) !important;\n }\n @media (min-width: 1128px) {\n max-width: calc(588px + max(80px, (100vw - 1600px) / 2)) !important;\n flex: 1 0 calc(50% - 8px) !important;\n padding-right: max(80px, (100vw - 1600px) / 2) !important;\n }\n @media (min-width: 2080px) {\n max-width: calc(588px + max(80px, (100vw - 1930px) / 2)) !important;\n flex: 1 0 calc(50% - 8px) !important;\n padding-right: max(80px, (100vw - 1930px) / 2) !important;\n }\n margin-left: 16px !important;\n flex: 1 0 calc(100% - 84px) !important;\n scroll-snap-align: start !important;\n scroll-snap-stop: always !important;\n padding-right: 24px !important;\n }\n }\n`;\n","/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useRef } from 'react';\n\nimport { Container } from '@fox-dls/layout';\nimport SwiperCore, { Navigation } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react';\n\nimport {\n CarouselContainer,\n CarouselNavbar,\n NavbarTitleContainer,\n NavbarControlsContainer,\n NavbarControlsQuick,\n NavbarControlsSpace,\n ArrowsContainer,\n ArrowsFlex,\n ArrowsDivider,\n ArrowsButton,\n ArrowsIconClip,\n ArrowsSvg\n} from '../styles';\nimport { CarouselSwiper } from './styles';\n\nSwiperCore.use([Navigation]);\n\nexport const FreeCarousel: React.FC<any> = ({\n children,\n navigation,\n title,\n controls,\n quickLink,\n onShowMore,\n ...props\n}) => {\n const prevRef = useRef<HTMLDivElement>(null);\n const nextRef = useRef<HTMLDivElement>(null);\n return (\n <CarouselContainer>\n <div\n css={`\n @media (max-width: 744px) {\n display: none !important;\n }\n `}\n >\n <Container>\n {navigation && (\n <CarouselNavbar>\n {title && <NavbarTitleContainer>{title}</NavbarTitleContainer>}\n {controls && (\n <NavbarControlsContainer>\n {onShowMore && (\n <NavbarControlsQuick onClick={onShowMore}>\n Show More\n </NavbarControlsQuick>\n )}\n <NavbarControlsSpace />\n <ArrowsContainer aria-hidden=\"false\">\n <ArrowsFlex>\n <ArrowsButton\n ref={prevRef}\n aria-label=\"Previous\"\n type=\"button\"\n >\n <span\n css={`\n position: relative;\n `}\n >\n <ArrowsIconClip />\n <ArrowsSvg\n viewBox=\"0 0 32 32\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n role=\"presentation\"\n focusable=\"false\"\n >\n <g fill=\"none\">\n <path d=\"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932\" />\n </g>\n </ArrowsSvg>\n </span>\n </ArrowsButton>\n <ArrowsDivider />\n <ArrowsButton\n aria-label=\"Next\"\n type=\"button\"\n ref={nextRef}\n >\n <span\n css={`\n position: relative;\n `}\n >\n <ArrowsIconClip />\n <ArrowsSvg\n viewBox=\"0 0 32 32\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n role=\"presentation\"\n focusable=\"false\"\n >\n <g fill=\"none\">\n <path d=\"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932\" />\n </g>\n </ArrowsSvg>\n </span>\n </ArrowsButton>\n </ArrowsFlex>\n </ArrowsContainer>\n </NavbarControlsContainer>\n )}\n </CarouselNavbar>\n )}\n </Container>\n </div>\n <CarouselSwiper\n {...props}\n cssMode\n onInit={swiper => {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line no-param-reassign\n swiper.params.navigation.prevEl = prevRef.current;\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line no-param-reassign\n swiper.params.navigation.nextEl = nextRef.current;\n swiper.navigation.init();\n swiper.navigation.update();\n // console.log(\"Swiper\", swiper);\n }}\n >\n {React.Children.map(children, child => (\n <SwiperSlide>{child}</SwiperSlide>\n ))}\n </CarouselSwiper>\n </CarouselContainer>\n );\n};\n","import ButtonUnstyled from '@mui/core/ButtonUnstyled';\nimport styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react';\n\nexport const CarouselContainer = styled.div``;\n\nexport const CarouselSwiper = styled(Swiper)`\n height: 100%;\n .swiper-pagination {\n .swiper-pagination-bullet-active {\n background-color: #fff;\n }\n .swiper-pagination-bullet-active-next {\n background-color: #ffffff;\n }\n .swiper-pagination-bullet {\n background-color: #ffffff;\n }\n }\n`;\n\nexport const CarouselPill = styled(ButtonUnstyled)`\n :hover {\n border-color: rgba(0, 0, 0, 0.08) !important;\n background-color: #ffffff !important;\n color: #000000 !important;\n box-shadow: 0px 0px 0px 1px transparent, 0px 0px 0px 4px transparent,\n 0px 6px 16px rgb(0 0 0 / 12%) !important;\n -webkit-transform: scale(1.04) !important;\n -ms-transform: scale(1.04) !important;\n transform: scale(1.04) !important;\n }\n\n -webkit-box-pack: center !important;\n -ms-flex-pack: center !important;\n -webkit-box-align: center !important;\n -ms-flex-align: center !important;\n -webkit-appearance: none !important;\n -moz-appearance: none !important;\n appearance: none !important;\n display: -webkit-inline-box !important;\n display: -moz-inline-box !important;\n display: -ms-inline-flexbox !important;\n display: -webkit-inline-flex !important;\n display: inline-flex !important;\n border-radius: 50% !important;\n border: 0px !important;\n outline: none !important;\n margin: 0px !important;\n padding: 0px !important;\n color: #222222 !important;\n background-color: rgba(255, 255, 255, 0.9) !important;\n cursor: pointer !important;\n -ms-touch-action: manipulation !important;\n touch-action: manipulation !important;\n -webkit-align-items: center !important;\n align-items: center !important;\n -webkit-justify-content: center !important;\n justify-content: center !important;\n border-style: solid !important;\n border-width: 1px !important;\n background-clip: padding-box !important;\n border-color: rgba(0, 0, 0, 0.08) !important;\n box-shadow: 0px 0px 0px 1px transparent, 0px 0px 0px 4px transparent,\n 0px 2px 4px rgb(0 0 0 / 18%) !important;\n -webkit-transition: -webkit-transform 0.25s ease, transform 0.25s ease !important;\n -moz-transition: transform 0.25s ease !important;\n transition: -ms-transform 0.25s ease, -webkit-transform 0.25s ease,\n transform 0.25s ease !important;\n width: 32px !important;\n height: 32px !important;\n`;\n\nexport const CarouselPillSvg = styled.svg`\n height: 10px;\n width: 10px;\n display: block;\n fill: currentcolor;\n`;\n","/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useRef } from 'react';\n\nimport SwiperCore, { Navigation, Pagination } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react';\n\nimport { CarouselSwiper, CarouselPillSvg, CarouselPill } from './styles';\n\nSwiperCore.use([Navigation, Pagination]);\n\nexport const PaginationCarousel: React.FC<any> = ({\n children,\n navigation,\n title,\n controls,\n ...props\n}) => {\n const prevRef = useRef<HTMLDivElement>(null);\n const nextRef = useRef<HTMLDivElement>(null);\n return (\n <>\n <div\n css={`\n @keyframes fadein {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n }\n position: absolute !important;\n top: 50% !important;\n pointer-events: auto !important;\n transform: translateY(-50%) !important;\n left: 8px !important;\n animation-duration: 0.3s !important;\n animation-name: fadein !important;\n z-index: 180 !important;\n opacity: 0 !important;\n :hover {\n opacity: 1 !important;\n }\n `}\n >\n <CarouselPill ref={prevRef}>\n <span\n css={`\n position: relative !important;\n `}\n >\n <CarouselPillSvg\n viewBox=\"0 0 16 16\"\n role=\"presentation\"\n aria-hidden=\"true\"\n focusable=\"false\"\n >\n <path d=\"m10.8 16c-.4 0-.7-.1-.9-.4l-6.8-6.7c-.5-.5-.5-1.3 0-1.8l6.8-6.7c.5-.5 1.2-.5 1.7 0s .5 1.2 0 1.7l-5.8 5.9 5.8 5.9c.5.5.5 1.2 0 1.7-.2.3-.5.4-.8.4\" />\n </CarouselPillSvg>\n </span>\n </CarouselPill>\n </div>\n <div\n css={`\n @keyframes fadein {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n }\n position: absolute !important;\n top: 50% !important;\n pointer-events: auto !important;\n transform: translateY(-50%) !important;\n right: 8px !important;\n animation-duration: 0.3s !important;\n animation-name: fadein !important;\n z-index: 180 !important;\n opacity: 0 !important;\n :hover {\n opacity: 1 !important;\n }\n `}\n >\n <CarouselPill ref={nextRef}>\n <span\n css={`\n position: relative !important;\n `}\n >\n <CarouselPillSvg\n viewBox=\"0 0 16 16\"\n role=\"presentation\"\n aria-hidden=\"true\"\n focusable=\"false\"\n >\n <path d=\"m5.3 16c .3 0 .6-.1.8-.4l6.8-6.7c.5-.5.5-1.3 0-1.8l-6.8-6.7c-.5-.5-1.2-.5-1.7 0s-.5 1.2 0 1.7l5.8 5.9-5.8 5.9c-.5.5-.5 1.2 0 1.7.2.3.5.4.9.4\" />\n </CarouselPillSvg>\n </span>\n </CarouselPill>\n </div>\n <CarouselSwiper\n {...props}\n pagination={{\n dynamicBullets: true\n }}\n onInit={swiper => {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line no-param-reassign\n swiper.params.navigation.prevEl = prevRef.current;\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line no-param-reassign\n swiper.params.navigation.nextEl = nextRef.current;\n swiper.navigation.init();\n swiper.navigation.update();\n // console.log(\"Swiper\", swiper);\n }}\n >\n {React.Children.map(children, child =>\n React.cloneElement(<SwiperSlide>{child}</SwiperSlide>, {\n ...props\n })\n )}\n </CarouselSwiper>\n </>\n );\n};\n"],"names":["CarouselSwiper","styled","Swiper","CarouselPillContainer","div","CarouselPill","ButtonUnstyled","SwiperCore","use","Navigation","PillsCarousel","children","arrows","props","prevRef","useRef","nextRef","useState","progress","isBeginning","isEnd","swiperSlides","setSwiperSlides","swiper","setSwiper","_jsxs","css","_jsx","left","ref","type","onClick","slidePrev","viewBox","xmlns","role","focusable","fill","d","cssMode","slidesPerView","onInit","params","navigation","prevEl","current","nextEl","init","update","onSlideChange","React","Children","map","child","SwiperSlide","right","slideNext","CarouselContainer","CarouselNavbar","NavbarTitleContainer","NavbarControlsContainer","NavbarControlsQuick","a","NavbarControlsSpace","span","ArrowsContainer","ArrowsFlex","ArrowsButton","ArrowsDivider","ArrowsIconClip","ArrowsSvg","svg","CardCarousel","title","controls","onShowMore","FreeCarousel","Container","CarouselPillSvg","Pagination","PaginationCarousel","pagination","dynamicBullets","cloneElement"],"mappings":"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"}
|