@fox-dls/carousels 1.1.7 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (21) hide show
  1. package/.ultra.cache.json +1 -1
  2. package/dist/carousels.cjs.development.js +71 -36
  3. package/dist/carousels.cjs.development.js.map +1 -1
  4. package/dist/carousels.cjs.production.min.js +1 -1
  5. package/dist/carousels.cjs.production.min.js.map +1 -1
  6. package/dist/carousels.esm.js +70 -35
  7. package/dist/carousels.esm.js.map +1 -1
  8. package/dist/lib/card/styles/index.d.ts +0 -1
  9. package/dist/lib/free/styles/index.d.ts +1 -1
  10. package/dist/lib/pagination/styles/index.d.ts +1 -1
  11. package/dist/lib/pills/styles/index.d.ts +4 -1
  12. package/dist/lib/styles/index.d.ts +0 -1
  13. package/package.json +1 -1
  14. package/src/index.ts +2 -0
  15. package/src/lib/card/index.tsx +2 -10
  16. package/src/lib/free/index.tsx +5 -19
  17. package/src/lib/free/styles/index.tsx +6 -0
  18. package/src/lib/pagination/index.tsx +12 -63
  19. package/src/lib/pagination/styles/index.tsx +24 -0
  20. package/src/lib/pills/index.tsx +24 -93
  21. package/src/lib/pills/styles/index.tsx +59 -1
package/.ultra.cache.json CHANGED
@@ -1 +1 @@
1
- {"files":{"dist":"1638922956925.429","node_modules":"1638922874290.3389",".babelrc":"f03d0ca709d39fade7fd0a5ff24f9384b515b5b6",".eslintrc.json":"6a0edde9387ee5887d1e599f7a99f09362754acd","CHANGELOG.md":"938ca134a8f27f19d16eafbc8064d38ea166b934","README.md":"87a167329bff7478ccaa650e3d382475d8115cb1","package.json":"8512485560e1085b1d0365303d0dfa2ffc86681a.1638922903618.016","src/index.ts":"1666f11be8aaf18be8a632f73ad0e73d407aae26.1638920053704.4468","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.1638868730151.85","tsconfig.json":"af31a7a31827eeec44ed853b8c3000c67f639047.del"},"deps":{"@fox-dls/layout":1638922405743.458}}
1
+ {"files":{"dist":"1638945308679.743","node_modules":"1638945298791.8557",".babelrc":"f03d0ca709d39fade7fd0a5ff24f9384b515b5b6",".eslintrc.json":"6a0edde9387ee5887d1e599f7a99f09362754acd","CHANGELOG.md":"938ca134a8f27f19d16eafbc8064d38ea166b934","README.md":"87a167329bff7478ccaa650e3d382475d8115cb1","package.json":"e89b0270f8a398a3762155dc4d61644f68762c61.1638945181921.1865","src/index.ts":"8238a6b30d9b88cb5d3a49c95776e91f65246811","src/lib/card/index.tsx":"d9557dc1701f40df6bb411e6997ddbee733dd4e0","src/lib/card/styles/index.tsx":"0e2c3284b69f0e5c3eabfcbaac81864ff10e5969","src/lib/free/index.tsx":"cebfcab333b744941b8a548fbe6aa7f02ded4a54","src/lib/free/styles/index.tsx":"e185a2c38cfb7d02bdcd023923a933a4229c6cf0","src/lib/pagination/index.tsx":"17434e2915ea0d35115478f7c121f5ad8dff248b","src/lib/pagination/styles/index.tsx":"8d8bc3c15ba1869f743ad2f118bcc5c3315b4a85","src/lib/pills/index.tsx":"b159fc61e8aeba39718263cbd2c15b85989787ba","src/lib/pills/styles/index.tsx":"4759d1385151de643c97e239a171261c4ddc8343","src/lib/styles/index.tsx":"276419cd5a78d7b7e027c6f2dc459ea3e81bb85d","tsconfig.build.json":"ea93c79ab610e7212b2e0ac7a76cc869577412eb"},"deps":{"@fox-dls/layout":1638945298163.8628}}
package/dist/carousels.cjs.development.js CHANGED
@@ -6,12 +6,12 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
6
6
 
7
7
  var React = require('react');
8
8
  var React__default = _interopDefault(React);
9
- var styled = require('styled-components');
10
- var styled__default = _interopDefault(styled);
11
9
  var SwiperCore = require('swiper');
12
10
  var SwiperCore__default = _interopDefault(SwiperCore);
13
11
  var react = require('swiper/react');
14
12
  var ButtonUnstyled = _interopDefault(require('@mui/core/ButtonUnstyled'));
13
+ var styled = require('styled-components');
14
+ var styled__default = _interopDefault(styled);
15
15
  var layout = require('@fox-dls/layout');
16
16
 
17
17
  function _extends() {
@@ -56,6 +56,7 @@ function _taggedTemplateLiteralLoose(strings, raw) {
56
56
  return strings;
57
57
  }
58
58
 
59
+ var _templateObject, _templateObject2, _templateObject3;
59
60
  var CarouselSwiper = /*#__PURE__*/styled__default(react.Swiper).withConfig({
60
61
  displayName: "styles__CarouselSwiper",
61
62
  componentId: "sc-1sue7gh-1"
@@ -68,8 +69,28 @@ var CarouselPill = /*#__PURE__*/styled__default(ButtonUnstyled).withConfig({
68
69
  displayName: "styles__CarouselPill",
69
70
  componentId: "sc-1sue7gh-3"
70
71
  })(["-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;}"]);
71
-
72
- var _templateObject, _templateObject2;
72
+ var CarouselPillFlex = /*#__PURE__*/styled__default.div.withConfig({
73
+ displayName: "styles__CarouselPillFlex",
74
+ componentId: "sc-1sue7gh-4"
75
+ })(["display:flex !important;position:relative !important;min-width:0px !important;"]);
76
+ var CarouselPillArrowContainer = /*#__PURE__*/styled__default.div.withConfig({
77
+ displayName: "styles__CarouselPillArrowContainer",
78
+ componentId: "sc-1sue7gh-5"
79
+ })(["position:absolute !important;background:linear-gradient( to left,rgb(255,255,255) 56.77%,rgba(255,255,255,0) 94.47% ) !important;z-index:3 !important;", " ", " ", ""], function (props) {
80
+ return props.start && styled.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n left: 0px !important;\n width: 65px !important;\n "])));
81
+ }, function (props) {
82
+ return props.end && styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n -webkit-box-pack: end !important;\n right: 0px !important;\n width: 75px !important;\n display: flex !important;\n justify-content: flex-end !important;\n "])));
83
+ }, function (props) {
84
+ return props.hidden && styled.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n display: none !important;\n visibility: hidden !important;\n "])));
85
+ });
86
+ var CarouselPillInlineChild = /*#__PURE__*/styled__default.div.withConfig({
87
+ displayName: "styles__CarouselPillInlineChild",
88
+ componentId: "sc-1sue7gh-6"
89
+ })(["display:inline-block !important;white-space:nowrap !important;padding-right:8px !important;padding-top:4px !important;padding-bottom:4px !important;"]);
90
+ var CarouselPillArrowSVG = /*#__PURE__*/styled__default.svg.withConfig({
91
+ displayName: "styles__CarouselPillArrowSVG",
92
+ componentId: "sc-1sue7gh-7"
93
+ })(["display:block;fill:none;height:12px;width:12px;stroke:currentcolor;stroke-width:5.33333;overflow:visible;"]);
73
94
 
74
95
  var _excluded = ["children", "navigation", "title", "controls", "arrows"];
75
96
  SwiperCore__default.use([SwiperCore.Navigation]);
@@ -93,10 +114,9 @@ var PillsCarousel = function PillsCarousel(_ref) {
93
114
  swiper = _useState2[0],
94
115
  setSwiper = _useState2[1];
95
116
 
96
- return /*#__PURE__*/React__default.createElement("div", {
97
- css: "\n display: flex !important;\n position: relative !important;\n min-width: 0px !important;\n "
98
- }, /*#__PURE__*/React__default.createElement("div", {
99
- 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 "
117
+ return /*#__PURE__*/React__default.createElement(CarouselPillFlex, null, /*#__PURE__*/React__default.createElement(CarouselPillArrowContainer, {
118
+ start: true,
119
+ hidden: swiperSlides.isBeginning
100
120
  }, arrows && /*#__PURE__*/React__default.createElement(CarouselPillContainer, null, /*#__PURE__*/React__default.createElement(CarouselPill, {
101
121
  left: +true,
102
122
  ref: prevRef,
@@ -106,14 +126,15 @@ var PillsCarousel = function PillsCarousel(_ref) {
106
126
  return swiper.slidePrev();
107
127
  }
108
128
  }, /*#__PURE__*/React__default.createElement("span", {
109
- css: "\n position: relative !important;\n "
110
- }, /*#__PURE__*/React__default.createElement("svg", {
129
+ style: {
130
+ position: 'relative'
131
+ }
132
+ }, /*#__PURE__*/React__default.createElement(CarouselPillArrowSVG, {
111
133
  viewBox: "0 0 32 32",
112
134
  xmlns: "http://www.w3.org/2000/svg",
113
135
  "aria-hidden": "true",
114
136
  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 "
137
+ focusable: "false"
117
138
  }, /*#__PURE__*/React__default.createElement("g", {
118
139
  fill: "none"
119
140
  }, /*#__PURE__*/React__default.createElement("path", {
@@ -148,11 +169,10 @@ var PillsCarousel = function PillsCarousel(_ref) {
148
169
  });
149
170
  }
150
171
  }), React__default.Children.map(children, function (child) {
151
- return /*#__PURE__*/React__default.createElement(react.SwiperSlide, null, /*#__PURE__*/React__default.createElement("div", {
152
- 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 "
153
- }, child));
154
- })), /*#__PURE__*/React__default.createElement("div", {
155
- 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 "
172
+ return /*#__PURE__*/React__default.createElement(react.SwiperSlide, null, /*#__PURE__*/React__default.createElement(CarouselPillInlineChild, null, child));
173
+ })), /*#__PURE__*/React__default.createElement(CarouselPillArrowContainer, {
174
+ hidden: swiperSlides.isEnd,
175
+ end: true
156
176
  }, arrows && /*#__PURE__*/React__default.createElement(CarouselPillContainer, null, /*#__PURE__*/React__default.createElement(CarouselPill, {
157
177
  right: +true,
158
178
  "aria-label": "Next",
@@ -162,14 +182,15 @@ var PillsCarousel = function PillsCarousel(_ref) {
162
182
  return swiper.slideNext();
163
183
  }
164
184
  }, /*#__PURE__*/React__default.createElement("span", {
165
- css: "\n position: relative !important;\n "
166
- }, /*#__PURE__*/React__default.createElement("svg", {
185
+ style: {
186
+ position: 'relative'
187
+ }
188
+ }, /*#__PURE__*/React__default.createElement(CarouselPillArrowSVG, {
167
189
  viewBox: "0 0 32 32",
168
190
  xmlns: "http://www.w3.org/2000/svg",
169
191
  "aria-hidden": "true",
170
192
  role: "presentation",
171
- focusable: "false",
172
- 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 "
193
+ focusable: "false"
173
194
  }, /*#__PURE__*/React__default.createElement("g", {
174
195
  fill: "none"
175
196
  }, /*#__PURE__*/React__default.createElement("path", {
@@ -252,7 +273,9 @@ var CardCarousel = function CardCarousel(_ref) {
252
273
  "aria-label": "Previous",
253
274
  type: "button"
254
275
  }, /*#__PURE__*/React__default.createElement("span", {
255
- css: "\n position: relative;\n "
276
+ style: {
277
+ position: 'relative'
278
+ }
256
279
  }, /*#__PURE__*/React__default.createElement(ArrowsIconClip, null), /*#__PURE__*/React__default.createElement(ArrowsSvg, {
257
280
  viewBox: "0 0 32 32",
258
281
  xmlns: "http://www.w3.org/2000/svg",
@@ -268,7 +291,9 @@ var CardCarousel = function CardCarousel(_ref) {
268
291
  type: "button",
269
292
  ref: nextRef
270
293
  }, /*#__PURE__*/React__default.createElement("span", {
271
- css: "\n position: relative;\n "
294
+ style: {
295
+ position: 'relative'
296
+ }
272
297
  }, /*#__PURE__*/React__default.createElement(ArrowsIconClip, null), /*#__PURE__*/React__default.createElement(ArrowsSvg, {
273
298
  viewBox: "0 0 32 32",
274
299
  xmlns: "http://www.w3.org/2000/svg",
@@ -301,6 +326,10 @@ var CarouselSwiper$2 = /*#__PURE__*/styled__default(react.Swiper).withConfig({
301
326
  displayName: "styles__CarouselSwiper",
302
327
  componentId: "sc-y1spms-0"
303
328
  })([".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;}}"]);
329
+ var CarouselMedia = /*#__PURE__*/styled__default.div.withConfig({
330
+ displayName: "styles__CarouselMedia",
331
+ componentId: "sc-y1spms-1"
332
+ })(["@media (max-width:744px){display:none !important;}"]);
304
333
 
305
334
  var _excluded$2 = ["children", "navigation", "title", "controls", "quickLink", "onShowMore"];
306
335
  SwiperCore__default.use([SwiperCore.Navigation]);
@@ -314,9 +343,7 @@ var FreeCarousel = function FreeCarousel(_ref) {
314
343
 
315
344
  var prevRef = React.useRef(null);
316
345
  var nextRef = React.useRef(null);
317
- return /*#__PURE__*/React__default.createElement(CarouselContainer, null, /*#__PURE__*/React__default.createElement("div", {
318
- css: "\n @media (max-width: 744px) {\n display: none !important;\n }\n "
319
- }, /*#__PURE__*/React__default.createElement(layout.Container, null, navigation && /*#__PURE__*/React__default.createElement(CarouselNavbar, null, title && /*#__PURE__*/React__default.createElement(NavbarTitleContainer, null, title), controls && /*#__PURE__*/React__default.createElement(NavbarControlsContainer, null, onShowMore && /*#__PURE__*/React__default.createElement(NavbarControlsQuick, {
346
+ return /*#__PURE__*/React__default.createElement(CarouselContainer, null, /*#__PURE__*/React__default.createElement(CarouselMedia, null, /*#__PURE__*/React__default.createElement(layout.Container, null, navigation && /*#__PURE__*/React__default.createElement(CarouselNavbar, null, title && /*#__PURE__*/React__default.createElement(NavbarTitleContainer, null, title), controls && /*#__PURE__*/React__default.createElement(NavbarControlsContainer, null, onShowMore && /*#__PURE__*/React__default.createElement(NavbarControlsQuick, {
320
347
  onClick: onShowMore
321
348
  }, "Show More"), /*#__PURE__*/React__default.createElement(NavbarControlsSpace, null), /*#__PURE__*/React__default.createElement(ArrowsContainer, {
322
349
  "aria-hidden": "false"
@@ -325,7 +352,9 @@ var FreeCarousel = function FreeCarousel(_ref) {
325
352
  "aria-label": "Previous",
326
353
  type: "button"
327
354
  }, /*#__PURE__*/React__default.createElement("span", {
328
- css: "\n position: relative;\n "
355
+ style: {
356
+ position: 'relative'
357
+ }
329
358
  }, /*#__PURE__*/React__default.createElement(ArrowsIconClip, null), /*#__PURE__*/React__default.createElement(ArrowsSvg, {
330
359
  viewBox: "0 0 32 32",
331
360
  xmlns: "http://www.w3.org/2000/svg",
@@ -341,7 +370,9 @@ var FreeCarousel = function FreeCarousel(_ref) {
341
370
  type: "button",
342
371
  ref: nextRef
343
372
  }, /*#__PURE__*/React__default.createElement("span", {
344
- css: "\n position: relative;\n "
373
+ style: {
374
+ position: 'relative'
375
+ }
345
376
  }, /*#__PURE__*/React__default.createElement(ArrowsIconClip, null), /*#__PURE__*/React__default.createElement(ArrowsSvg, {
346
377
  viewBox: "0 0 32 32",
347
378
  xmlns: "http://www.w3.org/2000/svg",
@@ -383,6 +414,10 @@ var CarouselPillSvg = /*#__PURE__*/styled__default.svg.withConfig({
383
414
  displayName: "styles__CarouselPillSvg",
384
415
  componentId: "sc-jtjv4e-3"
385
416
  })(["height:10px;width:10px;display:block;fill:currentcolor;"]);
417
+ var CarouselPillAnimatedContainer = /*#__PURE__*/styled__default.div.withConfig({
418
+ displayName: "styles__CarouselPillAnimatedContainer",
419
+ componentId: "sc-jtjv4e-4"
420
+ })(["@keyframes fadein{0%{opacity:0;}100%{opacity:1;}}position:absolute !important;top:50% !important;pointer-events:auto !important;transform:translateY(-50%) !important;left:8px !important;animation-duration:0.3s !important;animation-name:fadein !important;z-index:180 !important;opacity:0 !important;:hover{opacity:1 !important;}"]);
386
421
 
387
422
  var _excluded$3 = ["children", "navigation", "title", "controls"];
388
423
  SwiperCore__default.use([SwiperCore.Navigation, SwiperCore.Pagination]);
@@ -392,12 +427,12 @@ var PaginationCarousel = function PaginationCarousel(_ref) {
392
427
 
393
428
  var prevRef = React.useRef(null);
394
429
  var nextRef = React.useRef(null);
395
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
396
- 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 "
397
- }, /*#__PURE__*/React__default.createElement(CarouselPill$1, {
430
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(CarouselPillAnimatedContainer, null, /*#__PURE__*/React__default.createElement(CarouselPill$1, {
398
431
  ref: prevRef
399
432
  }, /*#__PURE__*/React__default.createElement("span", {
400
- css: "\n position: relative !important;\n "
433
+ style: {
434
+ position: 'relative'
435
+ }
401
436
  }, /*#__PURE__*/React__default.createElement(CarouselPillSvg, {
402
437
  viewBox: "0 0 16 16",
403
438
  role: "presentation",
@@ -405,12 +440,12 @@ var PaginationCarousel = function PaginationCarousel(_ref) {
405
440
  focusable: "false"
406
441
  }, /*#__PURE__*/React__default.createElement("path", {
407
442
  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"
408
- }))))), /*#__PURE__*/React__default.createElement("div", {
409
- 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 "
410
- }, /*#__PURE__*/React__default.createElement(CarouselPill$1, {
443
+ }))))), /*#__PURE__*/React__default.createElement(CarouselPillAnimatedContainer, null, /*#__PURE__*/React__default.createElement(CarouselPill$1, {
411
444
  ref: nextRef
412
445
  }, /*#__PURE__*/React__default.createElement("span", {
413
- css: "\n position: relative !important;\n "
446
+ style: {
447
+ position: 'relative'
448
+ }
414
449
  }, /*#__PURE__*/React__default.createElement(CarouselPillSvg, {
415
450
  viewBox: "0 0 16 16",
416
451
  role: "presentation",
package/dist/carousels.cjs.development.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"carousels.cjs.development.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","navigation","arrows","props","prevRef","useRef","nextRef","useState","progress","isBeginning","isEnd","swiperSlides","setSwiperSlides","swiper","setSwiper","React","css","left","ref","type","onClick","slidePrev","viewBox","xmlns","role","focusable","fill","d","cssMode","slidesPerView","onInit","params","prevEl","current","nextEl","init","update","onSlideChange","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","quickLink","Container","CarouselPillSvg","Pagination","PaginationCarousel","pagination","dynamicBullets","cloneElement"],"mappings":"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"}
1
+ {"version":3,"file":"carousels.cjs.development.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, { css } 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\nexport const CarouselPillFlex = styled.div`\n display: flex !important;\n position: relative !important;\n min-width: 0px !important;\n`;\n\nexport const CarouselPillArrowContainer = styled.div<any>`\n position: absolute !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 z-index: 3 !important;\n\n ${props =>\n props.start &&\n css`\n left: 0px !important;\n width: 65px !important;\n `}\n\n ${props =>\n props.end &&\n css`\n -webkit-box-pack: end !important;\n right: 0px !important;\n width: 75px !important;\n display: flex !important;\n justify-content: flex-end !important;\n `}\n\n ${props =>\n props.hidden &&\n css`\n display: none !important;\n visibility: hidden !important;\n `}\n`;\n\nexport const CarouselPillInlineChild = styled.div`\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\nexport const CarouselPillArrowSVG = styled.svg`\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","/* eslint-disable @typescript-eslint/no-shadow */\n/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useRef, useState } from 'react';\n\nimport SwiperCore, { Navigation } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react';\n\nimport {\n CarouselSwiper,\n CarouselPillContainer,\n CarouselPill,\n CarouselPillFlex,\n CarouselPillArrowContainer,\n CarouselPillInlineChild,\n CarouselPillArrowSVG\n} 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 <CarouselPillFlex>\n <CarouselPillArrowContainer\n start={true}\n hidden={swiperSlides.isBeginning}\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 style={{ position: 'relative' }}>\n <CarouselPillArrowSVG\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 </CarouselPillArrowSVG>\n </span>\n </CarouselPill>\n </CarouselPillContainer>\n )}\n </CarouselPillArrowContainer>\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 <CarouselPillInlineChild>{child}</CarouselPillInlineChild>\n </SwiperSlide>\n ))}\n </CarouselSwiper>\n\n <CarouselPillArrowContainer hidden={swiperSlides.isEnd} end={true}>\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 style={{ position: 'relative' }}>\n <CarouselPillArrowSVG\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 </CarouselPillArrowSVG>\n </span>\n </CarouselPill>\n </CarouselPillContainer>\n )}\n </CarouselPillArrowContainer>\n </CarouselPillFlex>\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 style={{ position: 'relative' }}>\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 style={{ position: 'relative' }}>\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\nexport const CarouselMedia = styled.div`\n @media (max-width: 744px) {\n display: none !important;\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, CarouselMedia } 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 <CarouselMedia>\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 style={{ position: 'relative' }}>\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 style={{ position: 'relative' }}>\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 </CarouselMedia>\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\nexport const CarouselPillAnimatedContainer = styled.div`\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","/* 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 {\n CarouselSwiper,\n CarouselPillSvg,\n CarouselPill,\n CarouselPillAnimatedContainer\n} 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 <CarouselPillAnimatedContainer>\n <CarouselPill ref={prevRef}>\n <span style={{ position: 'relative' }}>\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 </CarouselPillAnimatedContainer>\n <CarouselPillAnimatedContainer>\n <CarouselPill ref={nextRef}>\n <span style={{ position: 'relative' }}>\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 </CarouselPillAnimatedContainer>\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","CarouselPillFlex","CarouselPillArrowContainer","props","start","css","end","hidden","CarouselPillInlineChild","CarouselPillArrowSVG","svg","SwiperCore","use","Navigation","PillsCarousel","children","navigation","arrows","prevRef","useRef","nextRef","useState","progress","isBeginning","isEnd","swiperSlides","setSwiperSlides","swiper","setSwiper","React","left","ref","type","onClick","slidePrev","style","position","viewBox","xmlns","role","focusable","fill","d","cssMode","slidesPerView","onInit","params","prevEl","current","nextEl","init","update","onSlideChange","Children","map","child","SwiperSlide","right","slideNext","CarouselContainer","CarouselNavbar","NavbarTitleContainer","NavbarControlsContainer","NavbarControlsQuick","a","NavbarControlsSpace","span","ArrowsContainer","ArrowsFlex","ArrowsButton","ArrowsDivider","ArrowsIconClip","ArrowsSvg","CardCarousel","title","controls","onShowMore","CarouselMedia","FreeCarousel","quickLink","Container","CarouselPillSvg","CarouselPillAnimatedContainer","Pagination","PaginationCarousel","pagination","dynamicBullets","cloneElement"],"mappings":"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"}
package/dist/carousels.cjs.production.min.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";function t(t){return t&&"object"==typeof t&&"default"in t?t.default:t}Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),e=t(n),i=require("styled-components"),a=t(i),r=require("swiper"),o=t(r),p=require("swiper/react"),l=t(require("@mui/core/ButtonUnstyled")),s=require("@fox-dls/layout");function m(){return(m=Object.assign||function(t){for(var n=1;n<arguments.length;n++){var e=arguments[n];for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])}return t}).apply(this,arguments)}function c(t,n){if(null==t)return{};var e,i,a={},r=Object.keys(t);for(i=0;i<r.length;i++)n.indexOf(e=r[i])>=0||(a[e]=t[e]);return a}function d(t,n){return n||(n=t.slice(0)),t.raw=n,t}var x,u,g=a(p.Swiper).withConfig({displayName:"styles__CarouselSwiper",componentId:"sc-1sue7gh-1"})(["margin:0px !important;.swiper-wrapper{.swiper-slide{scroll-snap-align:start !important;width:auto !important;}}"]),f=a.div.withConfig({displayName:"styles__CarouselPillContainer",componentId:"sc-1sue7gh-2"})(["display:inline-block !important;padding-right:8px !important;padding-top:4px !important;padding-bottom:4px !important;"]),w=a(l).withConfig({displayName:"styles__CarouselPill",componentId:"sc-1sue7gh-3"})(["-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;}"]),h=["children","navigation","title","controls","arrows"];o.use([r.Navigation]);var b=a.div.withConfig({displayName:"styles__CarouselContainer",componentId:"sc-dwepxh-0"})(["position:relative !important;z-index:0 !important;"]),v=a.div.withConfig({displayName:"styles__CarouselNavbar",componentId:"sc-dwepxh-1"})(["-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;"]),y=a.div.withConfig({displayName:"styles__NavbarTitleContainer",componentId:"sc-dwepxh-2"})(["margin-right:24px !important;width:auto !important;"]),E=a.div.withConfig({displayName:"styles__NavbarControlsContainer",componentId:"sc-dwepxh-4"})(["display:flex !important;align-items:center !important;margin-left:auto !important;"]),k=a.a.withConfig({displayName:"styles__NavbarControlsQuick",componentId:"sc-dwepxh-5"})(["@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;"]),C=a.span.withConfig({displayName:"styles__NavbarControlsSpace",componentId:"sc-dwepxh-6"})(["display:inline-block !important;height:32px !important;width:1px !important;margin-right:16px !important;padding:0px !important;border:none !important;"]),_=a.div.withConfig({displayName:"styles__ArrowsContainer",componentId:"sc-dwepxh-7"})(["-webkit-box-align:center !important;color:rgb(34,34,34) !important;display:flex !important;align-items:center !important;margin-left:auto !important;"]),N=a.div.withConfig({displayName:"styles__ArrowsFlex",componentId:"sc-dwepxh-8"})(["display:-webkit-box !important;display:-moz-box !important;display:-ms-flexbox !important;display:-webkit-flex !important;display:flex !important;"]),S=a(l).withConfig({displayName:"styles__ArrowsButton",componentId:"sc-dwepxh-9"})(["-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;}"]),j=a.span.withConfig({displayName:"styles__ArrowsDivider",componentId:"sc-dwepxh-10"})(["margin-left:8px !important;"]),I=a.span.withConfig({displayName:"styles__ArrowsIconClip",componentId:"sc-dwepxh-11"})(["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;"]),B=a.svg.withConfig({displayName:"styles__ArrowsSvg",componentId:"sc-dwepxh-12"})(["display:block;fill:none;height:12px;width:12px;stroke:currentcolor;stroke-width:4;overflow:visible;"]),P=a(p.Swiper).withConfig({displayName:"styles__CarouselSwiper",componentId:"sc-1ja5jv1-0"})([""]),z=["children","navigation","title","controls","onShowMore"];o.use([r.Navigation]);var O=a(p.Swiper).withConfig({displayName:"styles__CarouselSwiper",componentId:"sc-y1spms-0"})([".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;}}"]),M=["children","navigation","title","controls","quickLink","onShowMore"];o.use([r.Navigation]);var R=a(p.Swiper).withConfig({displayName:"styles__CarouselSwiper",componentId:"sc-jtjv4e-1"})(["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;}}"]),q=a(l).withConfig({displayName:"styles__CarouselPill",componentId:"sc-jtjv4e-2"})([":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;"]),A=a.svg.withConfig({displayName:"styles__CarouselPillSvg",componentId:"sc-jtjv4e-3"})(["height:10px;width:10px;display:block;fill:currentcolor;"]),F=["children","navigation","title","controls"];o.use([r.Navigation,r.Pagination]),exports.CardCarousel=function(t){var i=t.children,a=t.navigation,r=t.title,o=t.controls,l=t.onShowMore,s=c(t,z),m=n.useRef(null),d=n.useRef(null);return e.createElement(b,null,a&&e.createElement(v,null,r&&e.createElement(y,null,r),o&&e.createElement(E,null,l&&e.createElement(k,{onClick:l},"Show More"),e.createElement(C,null),e.createElement(_,{"aria-hidden":"false"},e.createElement(N,null,e.createElement(S,{ref:m,"aria-label":"Previous",type:"button"},e.createElement("span",{css:"\n position: relative;\n "},e.createElement(I,null),e.createElement(B,{viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"presentation",focusable:"false"},e.createElement("g",{fill:"none"},e.createElement("path",{d:"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932"}))))),e.createElement(j,null),e.createElement(S,{"aria-label":"Next",type:"button",ref:d},e.createElement("span",{css:"\n position: relative;\n "},e.createElement(I,null),e.createElement(B,{viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"presentation",focusable:"false"},e.createElement("g",{fill:"none"},e.createElement("path",{d:"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932"}))))))))),e.createElement(P,Object.assign({},s,{onInit:function(t){t.params.navigation.prevEl=m.current,t.params.navigation.nextEl=d.current,t.navigation.init(),t.navigation.update()}}),e.Children.map(i,(function(t){return e.createElement(p.SwiperSlide,null,t)}))))},exports.FreeCarousel=function(t){var i=t.children,a=t.navigation,r=t.title,o=t.controls,l=t.onShowMore,m=c(t,M),d=n.useRef(null),x=n.useRef(null);return e.createElement(b,null,e.createElement("div",{css:"\n @media (max-width: 744px) {\n display: none !important;\n }\n "},e.createElement(s.Container,null,a&&e.createElement(v,null,r&&e.createElement(y,null,r),o&&e.createElement(E,null,l&&e.createElement(k,{onClick:l},"Show More"),e.createElement(C,null),e.createElement(_,{"aria-hidden":"false"},e.createElement(N,null,e.createElement(S,{ref:d,"aria-label":"Previous",type:"button"},e.createElement("span",{css:"\n position: relative;\n "},e.createElement(I,null),e.createElement(B,{viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"presentation",focusable:"false"},e.createElement("g",{fill:"none"},e.createElement("path",{d:"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932"}))))),e.createElement(j,null),e.createElement(S,{"aria-label":"Next",type:"button",ref:x},e.createElement("span",{css:"\n position: relative;\n "},e.createElement(I,null),e.createElement(B,{viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"presentation",focusable:"false"},e.createElement("g",{fill:"none"},e.createElement("path",{d:"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932"}))))))))))),e.createElement(O,Object.assign({},m,{cssMode:!0,onInit:function(t){t.params.navigation.prevEl=d.current,t.params.navigation.nextEl=x.current,t.navigation.init(),t.navigation.update()}}),e.Children.map(i,(function(t){return e.createElement(p.SwiperSlide,null,t)}))))},exports.PaginationCarousel=function(t){var i=t.children,a=c(t,F),r=n.useRef(null),o=n.useRef(null);return e.createElement(e.Fragment,null,e.createElement("div",{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 "},e.createElement(q,{ref:r},e.createElement("span",{css:"\n position: relative !important;\n "},e.createElement(A,{viewBox:"0 0 16 16",role:"presentation","aria-hidden":"true",focusable:"false"},e.createElement("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"}))))),e.createElement("div",{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 "},e.createElement(q,{ref:o},e.createElement("span",{css:"\n position: relative !important;\n "},e.createElement(A,{viewBox:"0 0 16 16",role:"presentation","aria-hidden":"true",focusable:"false"},e.createElement("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"}))))),e.createElement(R,Object.assign({},a,{pagination:{dynamicBullets:!0},onInit:function(t){t.params.navigation.prevEl=r.current,t.params.navigation.nextEl=o.current,t.navigation.init(),t.navigation.update()}}),e.Children.map(i,(function(t){return e.cloneElement(e.createElement(p.SwiperSlide,null,t),m({},a))}))))},exports.PillsCarousel=function(t){var a=t.children,r=t.arrows,o=c(t,h),l=n.useRef(null),s=n.useRef(null),m=n.useState({progress:0,isBeginning:!0,isEnd:!1}),b=m[0],v=m[1],y=n.useState(null),E=y[0],k=y[1];return e.createElement("div",{css:"\n display: flex !important;\n position: relative !important;\n min-width: 0px !important;\n "},e.createElement("div",{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 "+(b.isBeginning&&i.css(x||(x=d(["\n display: none !important;\n visibility: hidden !important;\n "]))))+"\n "},r&&e.createElement(f,null,e.createElement(w,{left:1,ref:l,"aria-label":"Previous",type:"button",onClick:function(){return E.slidePrev()}},e.createElement("span",{css:"\n position: relative !important;\n "},e.createElement("svg",{viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"presentation",focusable:"false",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 "},e.createElement("g",{fill:"none"},e.createElement("path",{d:"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932"}))))))),e.createElement(g,Object.assign({},o,{cssMode:!1,slidesPerView:"auto",onInit:function(t){k(t),t.params.navigation.prevEl=l.current,t.params.navigation.nextEl=s.current,t.navigation.init(),t.navigation.update(),v({progress:t.progress,isBeginning:t.isBeginning,isEnd:t.isEnd})},onSlideChange:function(t){v({progress:t.progress,isBeginning:t.isBeginning,isEnd:t.isEnd})}}),e.Children.map(a,(function(t){return e.createElement(p.SwiperSlide,null,e.createElement("div",{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 "},t))}))),e.createElement("div",{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 "+(b.isEnd&&i.css(u||(u=d(["\n display: none !important;\n visibility: hidden !important;\n "]))))+"\n "},r&&e.createElement(f,null,e.createElement(w,{right:1,"aria-label":"Next",type:"button",ref:s,onClick:function(){return E.slideNext()}},e.createElement("span",{css:"\n position: relative !important;\n "},e.createElement("svg",{viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"presentation",focusable:"false",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 "},e.createElement("g",{fill:"none"},e.createElement("path",{d:"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932"}))))))))};
1
+ "use strict";function t(t){return t&&"object"==typeof t&&"default"in t?t.default:t}Object.defineProperty(exports,"__esModule",{value:!0});var e,n,i,a=require("react"),r=t(a),o=require("swiper"),p=t(o),l=require("swiper/react"),s=t(require("@mui/core/ButtonUnstyled")),m=require("styled-components"),c=t(m),d=require("@fox-dls/layout");function x(){return(x=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t}).apply(this,arguments)}function u(t,e){if(null==t)return{};var n,i,a={},r=Object.keys(t);for(i=0;i<r.length;i++)e.indexOf(n=r[i])>=0||(a[n]=t[n]);return a}function g(t,e){return e||(e=t.slice(0)),t.raw=e,t}var f=c(l.Swiper).withConfig({displayName:"styles__CarouselSwiper",componentId:"sc-1sue7gh-1"})(["margin:0px !important;.swiper-wrapper{.swiper-slide{scroll-snap-align:start !important;width:auto !important;}}"]),w=c.div.withConfig({displayName:"styles__CarouselPillContainer",componentId:"sc-1sue7gh-2"})(["display:inline-block !important;padding-right:8px !important;padding-top:4px !important;padding-bottom:4px !important;"]),h=c(s).withConfig({displayName:"styles__CarouselPill",componentId:"sc-1sue7gh-3"})(["-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;}"]),b=c.div.withConfig({displayName:"styles__CarouselPillFlex",componentId:"sc-1sue7gh-4"})(["display:flex !important;position:relative !important;min-width:0px !important;"]),y=c.div.withConfig({displayName:"styles__CarouselPillArrowContainer",componentId:"sc-1sue7gh-5"})(["position:absolute !important;background:linear-gradient( to left,rgb(255,255,255) 56.77%,rgba(255,255,255,0) 94.47% ) !important;z-index:3 !important;"," "," ",""],(function(t){return t.start&&m.css(e||(e=g(["\n left: 0px !important;\n width: 65px !important;\n "])))}),(function(t){return t.end&&m.css(n||(n=g(["\n -webkit-box-pack: end !important;\n right: 0px !important;\n width: 75px !important;\n display: flex !important;\n justify-content: flex-end !important;\n "])))}),(function(t){return t.hidden&&m.css(i||(i=g(["\n display: none !important;\n visibility: hidden !important;\n "])))})),v=c.div.withConfig({displayName:"styles__CarouselPillInlineChild",componentId:"sc-1sue7gh-6"})(["display:inline-block !important;white-space:nowrap !important;padding-right:8px !important;padding-top:4px !important;padding-bottom:4px !important;"]),E=c.svg.withConfig({displayName:"styles__CarouselPillArrowSVG",componentId:"sc-1sue7gh-7"})(["display:block;fill:none;height:12px;width:12px;stroke:currentcolor;stroke-width:5.33333;overflow:visible;"]),C=["children","navigation","title","controls","arrows"];p.use([o.Navigation]);var k=c.div.withConfig({displayName:"styles__CarouselContainer",componentId:"sc-dwepxh-0"})(["position:relative !important;z-index:0 !important;"]),_=c.div.withConfig({displayName:"styles__CarouselNavbar",componentId:"sc-dwepxh-1"})(["-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;"]),N=c.div.withConfig({displayName:"styles__NavbarTitleContainer",componentId:"sc-dwepxh-2"})(["margin-right:24px !important;width:auto !important;"]),I=c.div.withConfig({displayName:"styles__NavbarControlsContainer",componentId:"sc-dwepxh-4"})(["display:flex !important;align-items:center !important;margin-left:auto !important;"]),S=c.a.withConfig({displayName:"styles__NavbarControlsQuick",componentId:"sc-dwepxh-5"})(["@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;"]),j=c.span.withConfig({displayName:"styles__NavbarControlsSpace",componentId:"sc-dwepxh-6"})(["display:inline-block !important;height:32px !important;width:1px !important;margin-right:16px !important;padding:0px !important;border:none !important;"]),P=c.div.withConfig({displayName:"styles__ArrowsContainer",componentId:"sc-dwepxh-7"})(["-webkit-box-align:center !important;color:rgb(34,34,34) !important;display:flex !important;align-items:center !important;margin-left:auto !important;"]),B=c.div.withConfig({displayName:"styles__ArrowsFlex",componentId:"sc-dwepxh-8"})(["display:-webkit-box !important;display:-moz-box !important;display:-ms-flexbox !important;display:-webkit-flex !important;display:flex !important;"]),z=c(s).withConfig({displayName:"styles__ArrowsButton",componentId:"sc-dwepxh-9"})(["-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;}"]),M=c.span.withConfig({displayName:"styles__ArrowsDivider",componentId:"sc-dwepxh-10"})(["margin-left:8px !important;"]),O=c.span.withConfig({displayName:"styles__ArrowsIconClip",componentId:"sc-dwepxh-11"})(["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;"]),A=c.svg.withConfig({displayName:"styles__ArrowsSvg",componentId:"sc-dwepxh-12"})(["display:block;fill:none;height:12px;width:12px;stroke:currentcolor;stroke-width:4;overflow:visible;"]),R=c(l.Swiper).withConfig({displayName:"styles__CarouselSwiper",componentId:"sc-1ja5jv1-0"})([""]),q=["children","navigation","title","controls","onShowMore"];p.use([o.Navigation]);var F=c(l.Swiper).withConfig({displayName:"styles__CarouselSwiper",componentId:"sc-y1spms-0"})([".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;}}"]),V=c.div.withConfig({displayName:"styles__CarouselMedia",componentId:"sc-y1spms-1"})(["@media (max-width:744px){display:none !important;}"]),D=["children","navigation","title","controls","quickLink","onShowMore"];p.use([o.Navigation]);var G=c(l.Swiper).withConfig({displayName:"styles__CarouselSwiper",componentId:"sc-jtjv4e-1"})(["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;}}"]),L=c(s).withConfig({displayName:"styles__CarouselPill",componentId:"sc-jtjv4e-2"})([":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;"]),Q=c.svg.withConfig({displayName:"styles__CarouselPillSvg",componentId:"sc-jtjv4e-3"})(["height:10px;width:10px;display:block;fill:currentcolor;"]),T=c.div.withConfig({displayName:"styles__CarouselPillAnimatedContainer",componentId:"sc-jtjv4e-4"})(["@keyframes fadein{0%{opacity:0;}100%{opacity:1;}}position:absolute !important;top:50% !important;pointer-events:auto !important;transform:translateY(-50%) !important;left:8px !important;animation-duration:0.3s !important;animation-name:fadein !important;z-index:180 !important;opacity:0 !important;:hover{opacity:1 !important;}"]),U=["children","navigation","title","controls"];p.use([o.Navigation,o.Pagination]),exports.CardCarousel=function(t){var e=t.children,n=t.navigation,i=t.title,o=t.controls,p=t.onShowMore,s=u(t,q),m=a.useRef(null),c=a.useRef(null);return r.createElement(k,null,n&&r.createElement(_,null,i&&r.createElement(N,null,i),o&&r.createElement(I,null,p&&r.createElement(S,{onClick:p},"Show More"),r.createElement(j,null),r.createElement(P,{"aria-hidden":"false"},r.createElement(B,null,r.createElement(z,{ref:m,"aria-label":"Previous",type:"button"},r.createElement("span",{style:{position:"relative"}},r.createElement(O,null),r.createElement(A,{viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"presentation",focusable:"false"},r.createElement("g",{fill:"none"},r.createElement("path",{d:"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932"}))))),r.createElement(M,null),r.createElement(z,{"aria-label":"Next",type:"button",ref:c},r.createElement("span",{style:{position:"relative"}},r.createElement(O,null),r.createElement(A,{viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"presentation",focusable:"false"},r.createElement("g",{fill:"none"},r.createElement("path",{d:"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932"}))))))))),r.createElement(R,Object.assign({},s,{onInit:function(t){t.params.navigation.prevEl=m.current,t.params.navigation.nextEl=c.current,t.navigation.init(),t.navigation.update()}}),r.Children.map(e,(function(t){return r.createElement(l.SwiperSlide,null,t)}))))},exports.FreeCarousel=function(t){var e=t.children,n=t.navigation,i=t.title,o=t.controls,p=t.onShowMore,s=u(t,D),m=a.useRef(null),c=a.useRef(null);return r.createElement(k,null,r.createElement(V,null,r.createElement(d.Container,null,n&&r.createElement(_,null,i&&r.createElement(N,null,i),o&&r.createElement(I,null,p&&r.createElement(S,{onClick:p},"Show More"),r.createElement(j,null),r.createElement(P,{"aria-hidden":"false"},r.createElement(B,null,r.createElement(z,{ref:m,"aria-label":"Previous",type:"button"},r.createElement("span",{style:{position:"relative"}},r.createElement(O,null),r.createElement(A,{viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"presentation",focusable:"false"},r.createElement("g",{fill:"none"},r.createElement("path",{d:"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932"}))))),r.createElement(M,null),r.createElement(z,{"aria-label":"Next",type:"button",ref:c},r.createElement("span",{style:{position:"relative"}},r.createElement(O,null),r.createElement(A,{viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"presentation",focusable:"false"},r.createElement("g",{fill:"none"},r.createElement("path",{d:"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932"}))))))))))),r.createElement(F,Object.assign({},s,{cssMode:!0,onInit:function(t){t.params.navigation.prevEl=m.current,t.params.navigation.nextEl=c.current,t.navigation.init(),t.navigation.update()}}),r.Children.map(e,(function(t){return r.createElement(l.SwiperSlide,null,t)}))))},exports.PaginationCarousel=function(t){var e=t.children,n=u(t,U),i=a.useRef(null),o=a.useRef(null);return r.createElement(r.Fragment,null,r.createElement(T,null,r.createElement(L,{ref:i},r.createElement("span",{style:{position:"relative"}},r.createElement(Q,{viewBox:"0 0 16 16",role:"presentation","aria-hidden":"true",focusable:"false"},r.createElement("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"}))))),r.createElement(T,null,r.createElement(L,{ref:o},r.createElement("span",{style:{position:"relative"}},r.createElement(Q,{viewBox:"0 0 16 16",role:"presentation","aria-hidden":"true",focusable:"false"},r.createElement("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"}))))),r.createElement(G,Object.assign({},n,{pagination:{dynamicBullets:!0},onInit:function(t){t.params.navigation.prevEl=i.current,t.params.navigation.nextEl=o.current,t.navigation.init(),t.navigation.update()}}),r.Children.map(e,(function(t){return r.cloneElement(r.createElement(l.SwiperSlide,null,t),x({},n))}))))},exports.PillsCarousel=function(t){var e=t.children,n=t.arrows,i=u(t,C),o=a.useRef(null),p=a.useRef(null),s=a.useState({progress:0,isBeginning:!0,isEnd:!1}),m=s[0],c=s[1],d=a.useState(null),x=d[0],g=d[1];return r.createElement(b,null,r.createElement(y,{start:!0,hidden:m.isBeginning},n&&r.createElement(w,null,r.createElement(h,{left:1,ref:o,"aria-label":"Previous",type:"button",onClick:function(){return x.slidePrev()}},r.createElement("span",{style:{position:"relative"}},r.createElement(E,{viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"presentation",focusable:"false"},r.createElement("g",{fill:"none"},r.createElement("path",{d:"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932"}))))))),r.createElement(f,Object.assign({},i,{cssMode:!1,slidesPerView:"auto",onInit:function(t){g(t),t.params.navigation.prevEl=o.current,t.params.navigation.nextEl=p.current,t.navigation.init(),t.navigation.update(),c({progress:t.progress,isBeginning:t.isBeginning,isEnd:t.isEnd})},onSlideChange:function(t){c({progress:t.progress,isBeginning:t.isBeginning,isEnd:t.isEnd})}}),r.Children.map(e,(function(t){return r.createElement(l.SwiperSlide,null,r.createElement(v,null,t))}))),r.createElement(y,{hidden:m.isEnd,end:!0},n&&r.createElement(w,null,r.createElement(h,{right:1,"aria-label":"Next",type:"button",ref:p,onClick:function(){return x.slideNext()}},r.createElement("span",{style:{position:"relative"}},r.createElement(E,{viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"presentation",focusable:"false"},r.createElement("g",{fill:"none"},r.createElement("path",{d:"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932"}))))))))};
2
2
  //# sourceMappingURL=carousels.cjs.production.min.js.map