@lanaco/lnc-react-ui 4.0.39 → 4.0.40
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/BannerSectionBasic.cjs +9 -9
- package/dist/BannerSectionBasic.js +20 -20
- package/dist/BannerSectionCarousel.cjs +13 -5
- package/dist/BannerSectionCarousel.js +29 -21
- package/dist/BannerSectionGrid.cjs +1 -1
- package/dist/BannerSectionGrid.js +6 -6
- package/dist/BannerSectionSimple.cjs +4 -4
- package/dist/BannerSectionSimple.js +41 -38
- package/dist/BannerSectionWithList.cjs +4 -4
- package/dist/BannerSectionWithList.js +17 -17
- package/dist/BannerSectionWithListImage.cjs +5 -5
- package/dist/BannerSectionWithListImage.js +41 -38
- package/dist/BlogsSectionDetailed.cjs +10 -10
- package/dist/BlogsSectionDetailed.js +32 -33
- package/dist/BlogsSectionLarge.cjs +2 -2
- package/dist/BlogsSectionLarge.js +2 -2
- package/dist/BlogsSectionSimple.cjs +2 -2
- package/dist/BlogsSectionSimple.js +20 -20
- package/dist/BlogsSectionSimpleCentered.cjs +6 -6
- package/dist/BlogsSectionSimpleCentered.js +9 -9
- package/dist/BlogsSectionWithFilters.cjs +10 -10
- package/dist/BlogsSectionWithFilters.js +65 -64
- package/dist/BrandHitsSection.cjs +12 -7
- package/dist/BrandHitsSection.js +10 -5
- package/dist/CalorieCalculatorSection.cjs +7 -8
- package/dist/CalorieCalculatorSection.js +31 -32
- package/dist/CustomLoanMapSection.cjs +2 -2
- package/dist/CustomLoanMapSection.js +13 -13
- package/dist/DetailedProductsSection.cjs +1 -1
- package/dist/DetailedProductsSection.js +1 -1
- package/dist/FieldOfInterestsWithAvatarsCardsSection.cjs +8 -8
- package/dist/FieldOfInterestsWithAvatarsCardsSection.js +9 -8
- package/dist/FieldOfInterestsWithTagsCardsSection.cjs +14 -6
- package/dist/FieldOfInterestsWithTagsCardsSection.js +12 -4
- package/dist/GeneralWithTagsCardsSection.cjs +18 -6
- package/dist/GeneralWithTagsCardsSection.js +44 -31
- package/dist/GiftCardsSection.cjs +9 -5
- package/dist/GiftCardsSection.js +21 -17
- package/dist/LocationSearchSection.cjs +1 -1
- package/dist/LocationSearchSection.js +1 -1
- package/dist/MasonryGeneralCardsSection.cjs +21 -1
- package/dist/MasonryGeneralCardsSection.js +20 -0
- package/dist/OverlayGeneralCardsSection.cjs +52 -96
- package/dist/OverlayGeneralCardsSection.js +116 -165
- package/dist/ProductsWithBannerSection.cjs +5 -5
- package/dist/ProductsWithBannerSection.js +26 -26
- package/dist/SalesCampaignsSection.cjs +17 -17
- package/dist/SalesCampaignsSection.js +81 -81
- package/dist/ShopCardsSection.cjs +19 -9
- package/dist/ShopCardsSection.js +54 -40
- package/dist/SimpleCategoriesSection.cjs +1 -1
- package/dist/SimpleCategoriesSection.js +1 -1
- package/dist/SimpleProductsSection.cjs +1 -1
- package/dist/SimpleProductsSection.js +1 -1
- package/dist/{index-CT6_7UFb.js → index-5cttM4t7.js} +119 -124
- package/dist/{index-BN8qgFbe.js → index-BT55M3t6.js} +8 -7
- package/dist/{index-_Db92CJE.cjs → index-DHJmdMN8.cjs} +5 -4
- package/dist/index-Dn5tPLgP.cjs +95 -0
- package/dist/{style-6tSw9aqK.js → style-CiePxaJ_.js} +6 -6
- package/dist/{style-BR3tIhP1.cjs → style-DN1qT8BE.cjs} +6 -6
- package/package.json +1 -1
- package/dist/index-Q_i-aqsF.cjs +0 -95
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const t=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";const t=require("react/jsx-runtime"),f=require("react"),r=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),i=require("./consts-CtNoHdBj.cjs"),x=require("./Button.cjs"),b=r.newStyled.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
border-radius: 0.75rem;
|
|
4
4
|
background-color: ${e=>e.bgcolor||"transparent"};
|
|
@@ -8,11 +8,11 @@
|
|
|
8
8
|
|
|
9
9
|
& button {
|
|
10
10
|
width: fit-content;
|
|
11
|
-
background-color: var(--gray-100, #
|
|
12
|
-
color:
|
|
11
|
+
background-color: var(--gray-100, #f3f4f6);
|
|
12
|
+
color: var(--gray-950, #14161a);
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
-
@media (max-width: ${
|
|
15
|
+
@media (max-width: ${i.MOBILE_SIZE_PX+"px"}) {
|
|
16
16
|
gap: 1.5rem;
|
|
17
17
|
flex-direction: column;
|
|
18
18
|
min-height: unset;
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
width: fit-content;
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
|
-
`,p=
|
|
25
|
+
`,p=r.newStyled.div`
|
|
26
26
|
padding: ${e=>e.smallPadding===!0?"2rem":"4rem 5rem"};
|
|
27
27
|
display: flex;
|
|
28
28
|
gap: 2rem;
|
|
@@ -32,11 +32,11 @@
|
|
|
32
32
|
|
|
33
33
|
${e=>e.isHorizontalContent===!0&&"justify-content: space-between;"}
|
|
34
34
|
|
|
35
|
-
@media (max-width: ${
|
|
35
|
+
@media (max-width: ${i.MOBILE_SIZE_PX+"px"}) {
|
|
36
36
|
padding: 0;
|
|
37
37
|
flex-direction: column;
|
|
38
38
|
}
|
|
39
|
-
`,w=
|
|
39
|
+
`,w=r.newStyled.div`
|
|
40
40
|
display: flex;
|
|
41
41
|
flex-direction: column;
|
|
42
42
|
gap: 0.25rem;
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
& .header-title {
|
|
46
46
|
font-size: 1.75rem;
|
|
47
47
|
font-weight: 600;
|
|
48
|
-
color:
|
|
48
|
+
color: var(--gray-950, #14161a);
|
|
49
49
|
}
|
|
50
50
|
|
|
51
51
|
& .header-subtitle {
|
|
@@ -53,4 +53,4 @@
|
|
|
53
53
|
font-size: 1rem;
|
|
54
54
|
font-weight: 500;
|
|
55
55
|
}
|
|
56
|
-
`,y=
|
|
56
|
+
`,y=f.forwardRef((e,v)=>{const{title:n,subtitle:o,buttonText:a,onClick:l,height:s,imageWidth:d,imageHeightMob:c,smallPadding:m=!1,isHorizontalContent:h=!1,backgroundColor:u,hasBorder:g=!1}=e;return t.jsx(b,{bgcolor:u,height:s,imgW:d,imgHMob:c,hasBorder:g,children:t.jsxs(p,{isHorizontalContent:h,smallPadding:m,children:[t.jsxs(w,{children:[t.jsx("div",{className:"header-title",children:n}),t.jsx("div",{className:"header-subitle",children:o})]}),t.jsx(x,{size:"medium",color:"neutral",type:"button",borderRadius:"curved",onClick:l,children:a})]})})});module.exports=y;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { jsx as t, jsxs as
|
|
1
|
+
import { jsx as t, jsxs as i } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as p } from "react";
|
|
3
|
-
import { n as
|
|
3
|
+
import { n as r } from "./emotion-styled.browser.esm-CjCaF13H.js";
|
|
4
4
|
import { M as o } from "./consts-C1uHV4xc.js";
|
|
5
|
-
import
|
|
6
|
-
const
|
|
5
|
+
import x from "./Button.js";
|
|
6
|
+
const b = r.div`
|
|
7
7
|
display: flex;
|
|
8
8
|
border-radius: 0.75rem;
|
|
9
9
|
background-color: ${(e) => e.bgcolor || "transparent"};
|
|
@@ -13,8 +13,8 @@ const x = i.div`
|
|
|
13
13
|
|
|
14
14
|
& button {
|
|
15
15
|
width: fit-content;
|
|
16
|
-
background-color: var(--gray-100, #
|
|
17
|
-
color:
|
|
16
|
+
background-color: var(--gray-100, #f3f4f6);
|
|
17
|
+
color: var(--gray-950, #14161a);
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
@media (max-width: ${o + "px"}) {
|
|
@@ -27,7 +27,7 @@ const x = i.div`
|
|
|
27
27
|
width: fit-content;
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
|
-
`,
|
|
30
|
+
`, v = r.div`
|
|
31
31
|
padding: ${(e) => e.smallPadding === !0 ? "2rem" : "4rem 5rem"};
|
|
32
32
|
display: flex;
|
|
33
33
|
gap: 2rem;
|
|
@@ -41,7 +41,7 @@ const x = i.div`
|
|
|
41
41
|
padding: 0;
|
|
42
42
|
flex-direction: column;
|
|
43
43
|
}
|
|
44
|
-
`,
|
|
44
|
+
`, w = r.div`
|
|
45
45
|
display: flex;
|
|
46
46
|
flex-direction: column;
|
|
47
47
|
gap: 0.25rem;
|
|
@@ -50,7 +50,7 @@ const x = i.div`
|
|
|
50
50
|
& .header-title {
|
|
51
51
|
font-size: 1.75rem;
|
|
52
52
|
font-weight: 600;
|
|
53
|
-
color:
|
|
53
|
+
color: var(--gray-950, #14161a);
|
|
54
54
|
}
|
|
55
55
|
|
|
56
56
|
& .header-subtitle {
|
|
@@ -58,14 +58,14 @@ const x = i.div`
|
|
|
58
58
|
font-size: 1rem;
|
|
59
59
|
font-weight: 500;
|
|
60
60
|
}
|
|
61
|
-
`,
|
|
61
|
+
`, k = p((e, y) => {
|
|
62
62
|
const {
|
|
63
63
|
title: n,
|
|
64
64
|
subtitle: a,
|
|
65
65
|
buttonText: l,
|
|
66
66
|
onClick: d,
|
|
67
|
-
height:
|
|
68
|
-
imageWidth:
|
|
67
|
+
height: m,
|
|
68
|
+
imageWidth: c,
|
|
69
69
|
imageHeightMob: s,
|
|
70
70
|
smallPadding: h = !1,
|
|
71
71
|
isHorizontalContent: g = !1,
|
|
@@ -73,25 +73,25 @@ const x = i.div`
|
|
|
73
73
|
hasBorder: u = !1
|
|
74
74
|
} = e;
|
|
75
75
|
return /* @__PURE__ */ t(
|
|
76
|
-
|
|
76
|
+
b,
|
|
77
77
|
{
|
|
78
78
|
bgcolor: f,
|
|
79
|
-
height:
|
|
80
|
-
imgW:
|
|
79
|
+
height: m,
|
|
80
|
+
imgW: c,
|
|
81
81
|
imgHMob: s,
|
|
82
82
|
hasBorder: u,
|
|
83
|
-
children: /* @__PURE__ */
|
|
84
|
-
|
|
83
|
+
children: /* @__PURE__ */ i(
|
|
84
|
+
v,
|
|
85
85
|
{
|
|
86
86
|
isHorizontalContent: g,
|
|
87
87
|
smallPadding: h,
|
|
88
88
|
children: [
|
|
89
|
-
/* @__PURE__ */
|
|
89
|
+
/* @__PURE__ */ i(w, { children: [
|
|
90
90
|
/* @__PURE__ */ t("div", { className: "header-title", children: n }),
|
|
91
91
|
/* @__PURE__ */ t("div", { className: "header-subitle", children: a })
|
|
92
92
|
] }),
|
|
93
93
|
/* @__PURE__ */ t(
|
|
94
|
-
|
|
94
|
+
x,
|
|
95
95
|
{
|
|
96
96
|
size: "medium",
|
|
97
97
|
color: "neutral",
|
|
@@ -108,5 +108,5 @@ const x = i.div`
|
|
|
108
108
|
);
|
|
109
109
|
});
|
|
110
110
|
export {
|
|
111
|
-
|
|
111
|
+
k as default
|
|
112
112
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const A=require("react/jsx-runtime"),N=require("react"),_e=require("./_commonjsHelpers-DKOUU3wS.cjs"),le=require("./index-BPVoEhTF.cjs"),Me=require("./index-gY9e_8LL.cjs"),Ce=require("./useDetectMobile-D6d5LpdL.cjs"),te=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),ne=require("./consts-CtNoHdBj.cjs");var Pe={},re={},he={},ue={},ye;function Le(){return ye||(ye=1,function(t){(function(n,r){r(t,N,le.propTypesExports)})(_e.commonjsGlobal,function(n,r,i){Object.defineProperty(n,"__esModule",{value:!0}),n.setHasSupportToCaptureOption=E;var e=a(r),o=a(i);function a(l){return l&&l.__esModule?l:{default:l}}var s=Object.assign||function(l){for(var d=1;d<arguments.length;d++){var S=arguments[d];for(var u in S)Object.prototype.hasOwnProperty.call(S,u)&&(l[u]=S[u])}return l};function f(l,d){var S={};for(var u in l)d.indexOf(u)>=0||Object.prototype.hasOwnProperty.call(l,u)&&(S[u]=l[u]);return S}function h(l,d){if(!(l instanceof d))throw new TypeError("Cannot call a class as a function")}var m=function(){function l(d,S){for(var u=0;u<S.length;u++){var b=S[u];b.enumerable=b.enumerable||!1,b.configurable=!0,"value"in b&&(b.writable=!0),Object.defineProperty(d,b.key,b)}}return function(d,S,u){return S&&l(d.prototype,S),u&&l(d,u),d}}();function v(l,d){if(!l)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return d&&(typeof d=="object"||typeof d=="function")?d:l}function _(l,d){if(typeof d!="function"&&d!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof d);l.prototype=Object.create(d&&d.prototype,{constructor:{value:l,enumerable:!1,writable:!0,configurable:!0}}),d&&(Object.setPrototypeOf?Object.setPrototypeOf(l,d):l.__proto__=d)}var g=!1;function E(l){g=l}try{addEventListener("test",null,Object.defineProperty({},"capture",{get:function(){E(!0)}}))}catch{}function X(){var l=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{capture:!0};return g?l:l.capture}function se(l){if("touches"in l){var d=l.touches[0],S=d.pageX,u=d.pageY;return{x:S,y:u}}var b=l.screenX,I=l.screenY;return{x:b,y:I}}var x=function(l){_(d,l);function d(){var S;h(this,d);for(var u=arguments.length,b=Array(u),I=0;I<u;I++)b[I]=arguments[I];var y=v(this,(S=d.__proto__||Object.getPrototypeOf(d)).call.apply(S,[this].concat(b)));return y._handleSwipeStart=y._handleSwipeStart.bind(y),y._handleSwipeMove=y._handleSwipeMove.bind(y),y._handleSwipeEnd=y._handleSwipeEnd.bind(y),y._onMouseDown=y._onMouseDown.bind(y),y._onMouseMove=y._onMouseMove.bind(y),y._onMouseUp=y._onMouseUp.bind(y),y._setSwiperRef=y._setSwiperRef.bind(y),y}return m(d,[{key:"componentDidMount",value:function(){this.swiper&&this.swiper.addEventListener("touchmove",this._handleSwipeMove,X({capture:!0,passive:!1}))}},{key:"componentWillUnmount",value:function(){this.swiper&&this.swiper.removeEventListener("touchmove",this._handleSwipeMove,X({capture:!0,passive:!1}))}},{key:"_onMouseDown",value:function(u){this.props.allowMouseEvents&&(this.mouseDown=!0,document.addEventListener("mouseup",this._onMouseUp),document.addEventListener("mousemove",this._onMouseMove),this._handleSwipeStart(u))}},{key:"_onMouseMove",value:function(u){this.mouseDown&&this._handleSwipeMove(u)}},{key:"_onMouseUp",value:function(u){this.mouseDown=!1,document.removeEventListener("mouseup",this._onMouseUp),document.removeEventListener("mousemove",this._onMouseMove),this._handleSwipeEnd(u)}},{key:"_handleSwipeStart",value:function(u){var b=se(u),I=b.x,y=b.y;this.moveStart={x:I,y},this.props.onSwipeStart(u)}},{key:"_handleSwipeMove",value:function(u){if(this.moveStart){var b=se(u),I=b.x,y=b.y,Y=I-this.moveStart.x,we=y-this.moveStart.y;this.moving=!0;var Te=this.props.onSwipeMove({x:Y,y:we},u);Te&&u.cancelable&&u.preventDefault(),this.movePosition={deltaX:Y,deltaY:we}}}},{key:"_handleSwipeEnd",value:function(u){this.props.onSwipeEnd(u);var b=this.props.tolerance;this.moving&&this.movePosition&&(this.movePosition.deltaX<-b?this.props.onSwipeLeft(1,u):this.movePosition.deltaX>b&&this.props.onSwipeRight(1,u),this.movePosition.deltaY<-b?this.props.onSwipeUp(1,u):this.movePosition.deltaY>b&&this.props.onSwipeDown(1,u)),this.moveStart=null,this.moving=!1,this.movePosition=null}},{key:"_setSwiperRef",value:function(u){this.swiper=u,this.props.innerRef(u)}},{key:"render",value:function(){var u=this.props;u.tagName;var b=u.className,I=u.style,y=u.children;u.allowMouseEvents,u.onSwipeUp,u.onSwipeDown,u.onSwipeLeft,u.onSwipeRight,u.onSwipeStart,u.onSwipeMove,u.onSwipeEnd,u.innerRef,u.tolerance;var Y=f(u,["tagName","className","style","children","allowMouseEvents","onSwipeUp","onSwipeDown","onSwipeLeft","onSwipeRight","onSwipeStart","onSwipeMove","onSwipeEnd","innerRef","tolerance"]);return e.default.createElement(this.props.tagName,s({ref:this._setSwiperRef,onMouseDown:this._onMouseDown,onTouchStart:this._handleSwipeStart,onTouchEnd:this._handleSwipeEnd,className:b,style:I},Y),y)}}]),d}(r.Component);x.displayName="ReactSwipe",x.propTypes={tagName:o.default.string,className:o.default.string,style:o.default.object,children:o.default.node,allowMouseEvents:o.default.bool,onSwipeUp:o.default.func,onSwipeDown:o.default.func,onSwipeLeft:o.default.func,onSwipeRight:o.default.func,onSwipeStart:o.default.func,onSwipeMove:o.default.func,onSwipeEnd:o.default.func,innerRef:o.default.func,tolerance:o.default.number.isRequired},x.defaultProps={tagName:"div",allowMouseEvents:!1,onSwipeUp:function(){},onSwipeDown:function(){},onSwipeLeft:function(){},onSwipeRight:function(){},onSwipeStart:function(){},onSwipeMove:function(){},onSwipeEnd:function(){},innerRef:function(){},tolerance:0},n.default=x})}(ue)),ue}(function(t){(function(n,r){r(t,Le())})(_e.commonjsGlobal,function(n,r){Object.defineProperty(n,"__esModule",{value:!0});var i=e(r);function e(o){return o&&o.__esModule?o:{default:o}}n.default=i.default})})(he);var j={};Object.defineProperty(j,"__esModule",{value:!0});j.default=void 0;var k=De(Me.classnamesExports);function De(t){return t&&t.__esModule?t:{default:t}}function Ae(t,n,r){return n in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}var ke={ROOT:function(n){return(0,k.default)(Ae({"carousel-root":!0},n||"",!!n))},CAROUSEL:function(n){return(0,k.default)({carousel:!0,"carousel-slider":n})},WRAPPER:function(n,r){return(0,k.default)({"thumbs-wrapper":!n,"slider-wrapper":n,"axis-horizontal":r==="horizontal","axis-vertical":r!=="horizontal"})},SLIDER:function(n,r){return(0,k.default)({thumbs:!n,slider:n,animated:!r})},ITEM:function(n,r,i){return(0,k.default)({thumb:!n,slide:n,selected:r,previous:i})},ARROW_PREV:function(n){return(0,k.default)({"control-arrow control-prev":!0,"control-disabled":n})},ARROW_NEXT:function(n){return(0,k.default)({"control-arrow control-next":!0,"control-disabled":n})},DOT:function(n){return(0,k.default)({dot:!0,selected:n})}};j.default=ke;var q={},ie={};Object.defineProperty(ie,"__esModule",{value:!0});ie.outerWidth=void 0;var We=function(n){var r=n.offsetWidth,i=getComputedStyle(n);return r+=parseInt(i.marginLeft)+parseInt(i.marginRight),r};ie.outerWidth=We;var H={};Object.defineProperty(H,"__esModule",{value:!0});H.default=void 0;var ze=function(n,r,i){var e=n===0?n:n+r,o=i==="horizontal"?[e,0,0]:[0,e,0],a="translate3d",s="("+o.join(",")+")";return a+s};H.default=ze;var K={};Object.defineProperty(K,"__esModule",{value:!0});K.default=void 0;var xe=function(){return window};K.default=xe;Object.defineProperty(q,"__esModule",{value:!0});q.default=void 0;var T=$e(N),W=oe(j),Ne=ie,Se=oe(H),He=oe(he),V=oe(K);function oe(t){return t&&t.__esModule?t:{default:t}}function Oe(){if(typeof WeakMap!="function")return null;var t=new WeakMap;return Oe=function(){return t},t}function $e(t){if(t&&t.__esModule)return t;if(t===null||U(t)!=="object"&&typeof t!="function")return{default:t};var n=Oe();if(n&&n.has(t))return n.get(t);var r={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var e in t)if(Object.prototype.hasOwnProperty.call(t,e)){var o=i?Object.getOwnPropertyDescriptor(t,e):null;o&&(o.get||o.set)?Object.defineProperty(r,e,o):r[e]=t[e]}return r.default=t,n&&n.set(t,r),r}function U(t){"@babel/helpers - typeof";return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?U=function(r){return typeof r}:U=function(r){return r&&typeof Symbol=="function"&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},U(t)}function fe(){return fe=Object.assign||function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(t[i]=r[i])}return t},fe.apply(this,arguments)}function Ue(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}function Fe(t,n){for(var r=0;r<n.length;r++){var i=n[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function je(t,n,r){return n&&Fe(t.prototype,n),t}function qe(t,n){if(typeof n!="function"&&n!==null)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(n&&n.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),n&&ce(t,n)}function ce(t,n){return ce=Object.setPrototypeOf||function(i,e){return i.__proto__=e,i},ce(t,n)}function Ke(t){var n=Xe();return function(){var i=J(t),e;if(n){var o=J(this).constructor;e=Reflect.construct(i,arguments,o)}else e=i.apply(this,arguments);return Be(this,e)}}function Be(t,n){return n&&(U(n)==="object"||typeof n=="function")?n:O(t)}function O(t){if(t===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function Xe(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch{return!1}}function J(t){return J=Object.setPrototypeOf?Object.getPrototypeOf:function(r){return r.__proto__||Object.getPrototypeOf(r)},J(t)}function P(t,n,r){return n in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}var Ye=function(n){return n.hasOwnProperty("key")},me=function(t){qe(r,t);var n=Ke(r);function r(i){var e;return Ue(this,r),e=n.call(this,i),P(O(e),"itemsWrapperRef",void 0),P(O(e),"itemsListRef",void 0),P(O(e),"thumbsRef",void 0),P(O(e),"setItemsWrapperRef",function(o){e.itemsWrapperRef=o}),P(O(e),"setItemsListRef",function(o){e.itemsListRef=o}),P(O(e),"setThumbsRef",function(o,a){e.thumbsRef||(e.thumbsRef=[]),e.thumbsRef[a]=o}),P(O(e),"updateSizes",function(){if(!(!e.props.children||!e.itemsWrapperRef||!e.thumbsRef)){var o=T.Children.count(e.props.children),a=e.itemsWrapperRef.clientWidth,s=e.props.thumbWidth?e.props.thumbWidth:(0,Ne.outerWidth)(e.thumbsRef[0]),f=Math.floor(a/s),h=f<o,m=h?o-f:0;e.setState(function(v,_){return{itemSize:s,visibleItems:f,firstItem:h?e.getFirstItem(_.selectedItem):0,lastPosition:m,showArrows:h}})}}),P(O(e),"handleClickItem",function(o,a,s){if(!Ye(s)||s.key==="Enter"){var f=e.props.onSelectItem;typeof f=="function"&&f(o,a)}}),P(O(e),"onSwipeStart",function(){e.setState({swiping:!0})}),P(O(e),"onSwipeEnd",function(){e.setState({swiping:!1})}),P(O(e),"onSwipeMove",function(o){var a=o.x;if(!e.state.itemSize||!e.itemsWrapperRef||!e.state.visibleItems)return!1;var s=0,f=T.Children.count(e.props.children),h=-(e.state.firstItem*100)/e.state.visibleItems,m=Math.max(f-e.state.visibleItems,0),v=-m*100/e.state.visibleItems;h===s&&a>0&&(a=0),h===v&&a<0&&(a=0);var _=e.itemsWrapperRef.clientWidth,g=h+100/(_/a);return e.itemsListRef&&["WebkitTransform","MozTransform","MsTransform","OTransform","transform","msTransform"].forEach(function(E){e.itemsListRef.style[E]=(0,Se.default)(g,"%",e.props.axis)}),!0}),P(O(e),"slideRight",function(o){e.moveTo(e.state.firstItem-(typeof o=="number"?o:1))}),P(O(e),"slideLeft",function(o){e.moveTo(e.state.firstItem+(typeof o=="number"?o:1))}),P(O(e),"moveTo",function(o){o=o<0?0:o,o=o>=e.state.lastPosition?e.state.lastPosition:o,e.setState({firstItem:o})}),e.state={selectedItem:i.selectedItem,swiping:!1,showArrows:!1,firstItem:0,visibleItems:0,lastPosition:0},e}return je(r,[{key:"componentDidMount",value:function(){this.setupThumbs()}},{key:"componentDidUpdate",value:function(e){this.props.selectedItem!==this.state.selectedItem&&this.setState({selectedItem:this.props.selectedItem,firstItem:this.getFirstItem(this.props.selectedItem)}),this.props.children!==e.children&&this.updateSizes()}},{key:"componentWillUnmount",value:function(){this.destroyThumbs()}},{key:"setupThumbs",value:function(){(0,V.default)().addEventListener("resize",this.updateSizes),(0,V.default)().addEventListener("DOMContentLoaded",this.updateSizes),this.updateSizes()}},{key:"destroyThumbs",value:function(){(0,V.default)().removeEventListener("resize",this.updateSizes),(0,V.default)().removeEventListener("DOMContentLoaded",this.updateSizes)}},{key:"getFirstItem",value:function(e){var o=e;return e>=this.state.lastPosition&&(o=this.state.lastPosition),e<this.state.firstItem+this.state.visibleItems&&(o=this.state.firstItem),e<this.state.firstItem&&(o=e),o}},{key:"renderItems",value:function(){var e=this;return this.props.children.map(function(o,a){var s=W.default.ITEM(!1,a===e.state.selectedItem),f={key:a,ref:function(m){return e.setThumbsRef(m,a)},className:s,onClick:e.handleClickItem.bind(e,a,e.props.children[a]),onKeyDown:e.handleClickItem.bind(e,a,e.props.children[a]),"aria-label":"".concat(e.props.labels.item," ").concat(a+1),style:{width:e.props.thumbWidth}};return T.default.createElement("li",fe({},f,{role:"button",tabIndex:0}),o)})}},{key:"render",value:function(){var e=this;if(!this.props.children)return null;var o=T.Children.count(this.props.children)>1,a=this.state.showArrows&&this.state.firstItem>0,s=this.state.showArrows&&this.state.firstItem<this.state.lastPosition,f={},h=-this.state.firstItem*(this.state.itemSize||0),m=(0,Se.default)(h,"px",this.props.axis),v=this.props.transitionTime+"ms";return f={WebkitTransform:m,MozTransform:m,MsTransform:m,OTransform:m,transform:m,msTransform:m,WebkitTransitionDuration:v,MozTransitionDuration:v,MsTransitionDuration:v,OTransitionDuration:v,transitionDuration:v,msTransitionDuration:v},T.default.createElement("div",{className:W.default.CAROUSEL(!1)},T.default.createElement("div",{className:W.default.WRAPPER(!1),ref:this.setItemsWrapperRef},T.default.createElement("button",{type:"button",className:W.default.ARROW_PREV(!a),onClick:function(){return e.slideRight()},"aria-label":this.props.labels.leftArrow}),o?T.default.createElement(He.default,{tagName:"ul",className:W.default.SLIDER(!1,this.state.swiping),onSwipeLeft:this.slideLeft,onSwipeRight:this.slideRight,onSwipeMove:this.onSwipeMove,onSwipeStart:this.onSwipeStart,onSwipeEnd:this.onSwipeEnd,style:f,innerRef:this.setItemsListRef,allowMouseEvents:this.props.emulateTouch},this.renderItems()):T.default.createElement("ul",{className:W.default.SLIDER(!1,this.state.swiping),ref:function(g){return e.setItemsListRef(g)},style:f},this.renderItems()),T.default.createElement("button",{type:"button",className:W.default.ARROW_NEXT(!s),onClick:function(){return e.slideLeft()},"aria-label":this.props.labels.rightArrow})))}}]),r}(T.Component);q.default=me;P(me,"displayName","Thumbs");P(me,"defaultProps",{axis:"horizontal",labels:{leftArrow:"previous slide / item",rightArrow:"next slide / item",item:"slide item"},selectedItem:0,thumbWidth:80,transitionTime:350});var ae={};Object.defineProperty(ae,"__esModule",{value:!0});ae.default=void 0;var Ve=function(){return document};ae.default=Ve;var R={};Object.defineProperty(R,"__esModule",{value:!0});R.setPosition=R.getPosition=R.isKeyboardEvent=R.defaultStatusFormatter=R.noop=void 0;var Ze=N,Ge=Je(H);function Je(t){return t&&t.__esModule?t:{default:t}}var Qe=function(){};R.noop=Qe;var et=function(n,r){return"".concat(n," of ").concat(r)};R.defaultStatusFormatter=et;var tt=function(n){return n?n.hasOwnProperty("key"):!1};R.isKeyboardEvent=tt;var nt=function(n,r){if(r.infiniteLoop&&++n,n===0)return 0;var i=Ze.Children.count(r.children);if(r.centerMode&&r.axis==="horizontal"){var e=-n*r.centerSlidePercentage,o=i-1;return n&&(n!==o||r.infiniteLoop)?e+=(100-r.centerSlidePercentage)/2:n===o&&(e+=100-r.centerSlidePercentage),e}return-n*100};R.getPosition=nt;var rt=function(n,r){var i={};return["WebkitTransform","MozTransform","MsTransform","OTransform","transform","msTransform"].forEach(function(e){i[e]=(0,Ge.default)(n,"%",r)}),i};R.setPosition=rt;var C={};Object.defineProperty(C,"__esModule",{value:!0});C.fadeAnimationHandler=C.slideStopSwipingHandler=C.slideSwipeAnimationHandler=C.slideAnimationHandler=void 0;var Re=N,it=ot(H),L=R;function ot(t){return t&&t.__esModule?t:{default:t}}function be(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);n&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,i)}return r}function z(t){for(var n=1;n<arguments.length;n++){var r=arguments[n]!=null?arguments[n]:{};n%2?be(Object(r),!0).forEach(function(i){at(t,i,r[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):be(Object(r)).forEach(function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))})}return t}function at(t,n,r){return n in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}var st=function(n,r){var i={},e=r.selectedItem,o=e,a=Re.Children.count(n.children)-1,s=n.infiniteLoop&&(e<0||e>a);if(s)return o<0?n.centerMode&&n.centerSlidePercentage&&n.axis==="horizontal"?i.itemListStyle=(0,L.setPosition)(-(a+2)*n.centerSlidePercentage-(100-n.centerSlidePercentage)/2,n.axis):i.itemListStyle=(0,L.setPosition)(-(a+2)*100,n.axis):o>a&&(i.itemListStyle=(0,L.setPosition)(0,n.axis)),i;var f=(0,L.getPosition)(e,n),h=(0,it.default)(f,"%",n.axis),m=n.transitionTime+"ms";return i.itemListStyle={WebkitTransform:h,msTransform:h,OTransform:h,transform:h},r.swiping||(i.itemListStyle=z(z({},i.itemListStyle),{},{WebkitTransitionDuration:m,MozTransitionDuration:m,OTransitionDuration:m,transitionDuration:m,msTransitionDuration:m})),i};C.slideAnimationHandler=st;var ut=function(n,r,i,e){var o={},a=r.axis==="horizontal",s=Re.Children.count(r.children),f=0,h=(0,L.getPosition)(i.selectedItem,r),m=r.infiniteLoop?(0,L.getPosition)(s-1,r)-100:(0,L.getPosition)(s-1,r),v=a?n.x:n.y,_=v;h===f&&v>0&&(_=0),h===m&&v<0&&(_=0);var g=h+100/(i.itemSize/_),E=Math.abs(v)>r.swipeScrollTolerance;return r.infiniteLoop&&E&&(i.selectedItem===0&&g>-100?g-=s*100:i.selectedItem===s-1&&g<-s*100&&(g+=s*100)),(!r.preventMovementUntilSwipeScrollTolerance||E||i.swipeMovementStarted)&&(i.swipeMovementStarted||e({swipeMovementStarted:!0}),o.itemListStyle=(0,L.setPosition)(g,r.axis)),E&&!i.cancelClick&&e({cancelClick:!0}),o};C.slideSwipeAnimationHandler=ut;var lt=function(n,r){var i=(0,L.getPosition)(r.selectedItem,n),e=(0,L.setPosition)(i,n.axis);return{itemListStyle:e}};C.slideStopSwipingHandler=lt;var ft=function(n,r){var i=n.transitionTime+"ms",e="ease-in-out",o={position:"absolute",display:"block",zIndex:-2,minHeight:"100%",opacity:0,top:0,right:0,left:0,bottom:0,transitionTimingFunction:e,msTransitionTimingFunction:e,MozTransitionTimingFunction:e,WebkitTransitionTimingFunction:e,OTransitionTimingFunction:e};return r.swiping||(o=z(z({},o),{},{WebkitTransitionDuration:i,MozTransitionDuration:i,OTransitionDuration:i,transitionDuration:i,msTransitionDuration:i})),{slideStyle:o,selectedStyle:z(z({},o),{},{opacity:1,position:"relative"}),prevStyle:z({},o)}};C.fadeAnimationHandler=ft;Object.defineProperty(re,"__esModule",{value:!0});re.default=void 0;var w=dt(N),ct=B(he),D=B(j),pt=B(q),Z=B(ae),G=B(K),$=R,Q=C;function B(t){return t&&t.__esModule?t:{default:t}}function Ee(){if(typeof WeakMap!="function")return null;var t=new WeakMap;return Ee=function(){return t},t}function dt(t){if(t&&t.__esModule)return t;if(t===null||F(t)!=="object"&&typeof t!="function")return{default:t};var n=Ee();if(n&&n.has(t))return n.get(t);var r={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var e in t)if(Object.prototype.hasOwnProperty.call(t,e)){var o=i?Object.getOwnPropertyDescriptor(t,e):null;o&&(o.get||o.set)?Object.defineProperty(r,e,o):r[e]=t[e]}return r.default=t,n&&n.set(t,r),r}function F(t){"@babel/helpers - typeof";return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?F=function(r){return typeof r}:F=function(r){return r&&typeof Symbol=="function"&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},F(t)}function pe(){return pe=Object.assign||function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(t[i]=r[i])}return t},pe.apply(this,arguments)}function ge(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);n&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,i)}return r}function M(t){for(var n=1;n<arguments.length;n++){var r=arguments[n]!=null?arguments[n]:{};n%2?ge(Object(r),!0).forEach(function(i){c(t,i,r[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ge(Object(r)).forEach(function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))})}return t}function ht(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}function mt(t,n){for(var r=0;r<n.length;r++){var i=n[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function vt(t,n,r){return n&&mt(t.prototype,n),t}function wt(t,n){if(typeof n!="function"&&n!==null)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(n&&n.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),n&&de(t,n)}function de(t,n){return de=Object.setPrototypeOf||function(i,e){return i.__proto__=e,i},de(t,n)}function yt(t){var n=bt();return function(){var i=ee(t),e;if(n){var o=ee(this).constructor;e=Reflect.construct(i,arguments,o)}else e=i.apply(this,arguments);return St(this,e)}}function St(t,n){return n&&(F(n)==="object"||typeof n=="function")?n:p(t)}function p(t){if(t===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function bt(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch{return!1}}function ee(t){return ee=Object.setPrototypeOf?Object.getPrototypeOf:function(r){return r.__proto__||Object.getPrototypeOf(r)},ee(t)}function c(t,n,r){return n in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}var ve=function(t){wt(r,t);var n=yt(r);function r(i){var e;ht(this,r),e=n.call(this,i),c(p(e),"thumbsRef",void 0),c(p(e),"carouselWrapperRef",void 0),c(p(e),"listRef",void 0),c(p(e),"itemsRef",void 0),c(p(e),"timer",void 0),c(p(e),"animationHandler",void 0),c(p(e),"setThumbsRef",function(a){e.thumbsRef=a}),c(p(e),"setCarouselWrapperRef",function(a){e.carouselWrapperRef=a}),c(p(e),"setListRef",function(a){e.listRef=a}),c(p(e),"setItemsRef",function(a,s){e.itemsRef||(e.itemsRef=[]),e.itemsRef[s]=a}),c(p(e),"autoPlay",function(){w.Children.count(e.props.children)<=1||(e.clearAutoPlay(),e.props.autoPlay&&(e.timer=setTimeout(function(){e.increment()},e.props.interval)))}),c(p(e),"clearAutoPlay",function(){e.timer&&clearTimeout(e.timer)}),c(p(e),"resetAutoPlay",function(){e.clearAutoPlay(),e.autoPlay()}),c(p(e),"stopOnHover",function(){e.setState({isMouseEntered:!0},e.clearAutoPlay)}),c(p(e),"startOnLeave",function(){e.setState({isMouseEntered:!1},e.autoPlay)}),c(p(e),"isFocusWithinTheCarousel",function(){return e.carouselWrapperRef?!!((0,Z.default)().activeElement===e.carouselWrapperRef||e.carouselWrapperRef.contains((0,Z.default)().activeElement)):!1}),c(p(e),"navigateWithKeyboard",function(a){if(e.isFocusWithinTheCarousel()){var s=e.props.axis,f=s==="horizontal",h={ArrowUp:38,ArrowRight:39,ArrowDown:40,ArrowLeft:37},m=f?h.ArrowRight:h.ArrowDown,v=f?h.ArrowLeft:h.ArrowUp;m===a.keyCode?e.increment():v===a.keyCode&&e.decrement()}}),c(p(e),"updateSizes",function(){if(!(!e.state.initialized||!e.itemsRef||e.itemsRef.length===0)){var a=e.props.axis==="horizontal",s=e.itemsRef[0];if(s){var f=a?s.clientWidth:s.clientHeight;e.setState({itemSize:f}),e.thumbsRef&&e.thumbsRef.updateSizes()}}}),c(p(e),"setMountState",function(){e.setState({hasMount:!0}),e.updateSizes()}),c(p(e),"handleClickItem",function(a,s){if(w.Children.count(e.props.children)!==0){if(e.state.cancelClick){e.setState({cancelClick:!1});return}e.props.onClickItem(a,s),a!==e.state.selectedItem&&e.setState({selectedItem:a})}}),c(p(e),"handleOnChange",function(a,s){w.Children.count(e.props.children)<=1||e.props.onChange(a,s)}),c(p(e),"handleClickThumb",function(a,s){e.props.onClickThumb(a,s),e.moveTo(a)}),c(p(e),"onSwipeStart",function(a){e.setState({swiping:!0}),e.props.onSwipeStart(a)}),c(p(e),"onSwipeEnd",function(a){e.setState({swiping:!1,cancelClick:!1,swipeMovementStarted:!1}),e.props.onSwipeEnd(a),e.clearAutoPlay(),e.state.autoPlay&&e.autoPlay()}),c(p(e),"onSwipeMove",function(a,s){e.props.onSwipeMove(s);var f=e.props.swipeAnimationHandler(a,e.props,e.state,e.setState.bind(p(e)));return e.setState(M({},f)),!!Object.keys(f).length}),c(p(e),"decrement",function(){var a=arguments.length>0&&arguments[0]!==void 0?arguments[0]:1;e.moveTo(e.state.selectedItem-(typeof a=="number"?a:1))}),c(p(e),"increment",function(){var a=arguments.length>0&&arguments[0]!==void 0?arguments[0]:1;e.moveTo(e.state.selectedItem+(typeof a=="number"?a:1))}),c(p(e),"moveTo",function(a){if(typeof a=="number"){var s=w.Children.count(e.props.children)-1;a<0&&(a=e.props.infiniteLoop?s:0),a>s&&(a=e.props.infiniteLoop?0:s),e.selectItem({selectedItem:a}),e.state.autoPlay&&e.state.isMouseEntered===!1&&e.resetAutoPlay()}}),c(p(e),"onClickNext",function(){e.increment(1)}),c(p(e),"onClickPrev",function(){e.decrement(1)}),c(p(e),"onSwipeForward",function(){e.increment(1),e.props.emulateTouch&&e.setState({cancelClick:!0})}),c(p(e),"onSwipeBackwards",function(){e.decrement(1),e.props.emulateTouch&&e.setState({cancelClick:!0})}),c(p(e),"changeItem",function(a){return function(s){(!(0,$.isKeyboardEvent)(s)||s.key==="Enter")&&e.moveTo(a)}}),c(p(e),"selectItem",function(a){e.setState(M({previousItem:e.state.selectedItem},a),function(){e.setState(e.animationHandler(e.props,e.state))}),e.handleOnChange(a.selectedItem,w.Children.toArray(e.props.children)[a.selectedItem])}),c(p(e),"getInitialImage",function(){var a=e.props.selectedItem,s=e.itemsRef&&e.itemsRef[a],f=s&&s.getElementsByTagName("img")||[];return f[0]}),c(p(e),"getVariableItemHeight",function(a){var s=e.itemsRef&&e.itemsRef[a];if(e.state.hasMount&&s&&s.children.length){var f=s.children[0].getElementsByTagName("img")||[];if(f.length>0){var h=f[0];if(!h.complete){var m=function g(){e.forceUpdate(),h.removeEventListener("load",g)};h.addEventListener("load",m)}}var v=f[0]||s.children[0],_=v.clientHeight;return _>0?_:null}return null});var o={initialized:!1,previousItem:i.selectedItem,selectedItem:i.selectedItem,hasMount:!1,isMouseEntered:!1,autoPlay:i.autoPlay,swiping:!1,swipeMovementStarted:!1,cancelClick:!1,itemSize:1,itemListStyle:{},slideStyle:{},selectedStyle:{},prevStyle:{}};return e.animationHandler=typeof i.animationHandler=="function"&&i.animationHandler||i.animationHandler==="fade"&&Q.fadeAnimationHandler||Q.slideAnimationHandler,e.state=M(M({},o),e.animationHandler(i,o)),e}return vt(r,[{key:"componentDidMount",value:function(){this.props.children&&this.setupCarousel()}},{key:"componentDidUpdate",value:function(e,o){!e.children&&this.props.children&&!this.state.initialized&&this.setupCarousel(),!e.autoFocus&&this.props.autoFocus&&this.forceFocus(),o.swiping&&!this.state.swiping&&this.setState(M({},this.props.stopSwipingHandler(this.props,this.state))),(e.selectedItem!==this.props.selectedItem||e.centerMode!==this.props.centerMode)&&(this.updateSizes(),this.moveTo(this.props.selectedItem)),e.autoPlay!==this.props.autoPlay&&(this.props.autoPlay?this.setupAutoPlay():this.destroyAutoPlay(),this.setState({autoPlay:this.props.autoPlay}))}},{key:"componentWillUnmount",value:function(){this.destroyCarousel()}},{key:"setupCarousel",value:function(){var e=this;this.bindEvents(),this.state.autoPlay&&w.Children.count(this.props.children)>1&&this.setupAutoPlay(),this.props.autoFocus&&this.forceFocus(),this.setState({initialized:!0},function(){var o=e.getInitialImage();o&&!o.complete?o.addEventListener("load",e.setMountState):e.setMountState()})}},{key:"destroyCarousel",value:function(){this.state.initialized&&(this.unbindEvents(),this.destroyAutoPlay())}},{key:"setupAutoPlay",value:function(){this.autoPlay();var e=this.carouselWrapperRef;this.props.stopOnHover&&e&&(e.addEventListener("mouseenter",this.stopOnHover),e.addEventListener("mouseleave",this.startOnLeave))}},{key:"destroyAutoPlay",value:function(){this.clearAutoPlay();var e=this.carouselWrapperRef;this.props.stopOnHover&&e&&(e.removeEventListener("mouseenter",this.stopOnHover),e.removeEventListener("mouseleave",this.startOnLeave))}},{key:"bindEvents",value:function(){(0,G.default)().addEventListener("resize",this.updateSizes),(0,G.default)().addEventListener("DOMContentLoaded",this.updateSizes),this.props.useKeyboardArrows&&(0,Z.default)().addEventListener("keydown",this.navigateWithKeyboard)}},{key:"unbindEvents",value:function(){(0,G.default)().removeEventListener("resize",this.updateSizes),(0,G.default)().removeEventListener("DOMContentLoaded",this.updateSizes);var e=this.getInitialImage();e&&e.removeEventListener("load",this.setMountState),this.props.useKeyboardArrows&&(0,Z.default)().removeEventListener("keydown",this.navigateWithKeyboard)}},{key:"forceFocus",value:function(){var e;(e=this.carouselWrapperRef)===null||e===void 0||e.focus()}},{key:"renderItems",value:function(e){var o=this;return this.props.children?w.Children.map(this.props.children,function(a,s){var f=s===o.state.selectedItem,h=s===o.state.previousItem,m=f&&o.state.selectedStyle||h&&o.state.prevStyle||o.state.slideStyle||{};o.props.centerMode&&o.props.axis==="horizontal"&&(m=M(M({},m),{},{minWidth:o.props.centerSlidePercentage+"%"})),o.state.swiping&&o.state.swipeMovementStarted&&(m=M(M({},m),{},{pointerEvents:"none"}));var v={ref:function(g){return o.setItemsRef(g,s)},key:"itemKey"+s+(e?"clone":""),className:D.default.ITEM(!0,s===o.state.selectedItem,s===o.state.previousItem),onClick:o.handleClickItem.bind(o,s,a),style:m};return w.default.createElement("li",v,o.props.renderItem(a,{isSelected:s===o.state.selectedItem,isPrevious:s===o.state.previousItem}))}):[]}},{key:"renderControls",value:function(){var e=this,o=this.props,a=o.showIndicators,s=o.labels,f=o.renderIndicator,h=o.children;return a?w.default.createElement("ul",{className:"control-dots"},w.Children.map(h,function(m,v){return f&&f(e.changeItem(v),v===e.state.selectedItem,v,s.item)})):null}},{key:"renderStatus",value:function(){return this.props.showStatus?w.default.createElement("p",{className:"carousel-status"},this.props.statusFormatter(this.state.selectedItem+1,w.Children.count(this.props.children))):null}},{key:"renderThumbs",value:function(){return!this.props.showThumbs||!this.props.children||w.Children.count(this.props.children)===0?null:w.default.createElement(pt.default,{ref:this.setThumbsRef,onSelectItem:this.handleClickThumb,selectedItem:this.state.selectedItem,transitionTime:this.props.transitionTime,thumbWidth:this.props.thumbWidth,labels:this.props.labels,emulateTouch:this.props.emulateTouch},this.props.renderThumbs(this.props.children))}},{key:"render",value:function(){var e=this;if(!this.props.children||w.Children.count(this.props.children)===0)return null;var o=this.props.swipeable&&w.Children.count(this.props.children)>1,a=this.props.axis==="horizontal",s=this.props.showArrows&&w.Children.count(this.props.children)>1,f=s&&(this.state.selectedItem>0||this.props.infiniteLoop)||!1,h=s&&(this.state.selectedItem<w.Children.count(this.props.children)-1||this.props.infiniteLoop)||!1,m=this.renderItems(!0),v=m.shift(),_=m.pop(),g={className:D.default.SLIDER(!0,this.state.swiping),onSwipeMove:this.onSwipeMove,onSwipeStart:this.onSwipeStart,onSwipeEnd:this.onSwipeEnd,style:this.state.itemListStyle,tolerance:this.props.swipeScrollTolerance},E={};if(a){if(g.onSwipeLeft=this.onSwipeForward,g.onSwipeRight=this.onSwipeBackwards,this.props.dynamicHeight){var X=this.getVariableItemHeight(this.state.selectedItem);E.height=X||"auto"}}else g.onSwipeUp=this.props.verticalSwipe==="natural"?this.onSwipeBackwards:this.onSwipeForward,g.onSwipeDown=this.props.verticalSwipe==="natural"?this.onSwipeForward:this.onSwipeBackwards,g.style=M(M({},g.style),{},{height:this.state.itemSize}),E.height=this.state.itemSize;return w.default.createElement("div",{"aria-label":this.props.ariaLabel,className:D.default.ROOT(this.props.className),ref:this.setCarouselWrapperRef,tabIndex:this.props.useKeyboardArrows?0:void 0},w.default.createElement("div",{className:D.default.CAROUSEL(!0),style:{width:this.props.width}},this.renderControls(),this.props.renderArrowPrev(this.onClickPrev,f,this.props.labels.leftArrow),w.default.createElement("div",{className:D.default.WRAPPER(!0,this.props.axis),style:E},o?w.default.createElement(ct.default,pe({tagName:"ul",innerRef:this.setListRef},g,{allowMouseEvents:this.props.emulateTouch}),this.props.infiniteLoop&&_,this.renderItems(),this.props.infiniteLoop&&v):w.default.createElement("ul",{className:D.default.SLIDER(!0,this.state.swiping),ref:function(x){return e.setListRef(x)},style:this.state.itemListStyle||{}},this.props.infiniteLoop&&_,this.renderItems(),this.props.infiniteLoop&&v)),this.props.renderArrowNext(this.onClickNext,h,this.props.labels.rightArrow),this.renderStatus()),this.renderThumbs())}}]),r}(w.default.Component);re.default=ve;c(ve,"displayName","Carousel");c(ve,"defaultProps",{ariaLabel:void 0,axis:"horizontal",centerSlidePercentage:80,interval:3e3,labels:{leftArrow:"previous slide / item",rightArrow:"next slide / item",item:"slide item"},onClickItem:$.noop,onClickThumb:$.noop,onChange:$.noop,onSwipeStart:function(){},onSwipeEnd:function(){},onSwipeMove:function(){return!1},preventMovementUntilSwipeScrollTolerance:!1,renderArrowPrev:function(n,r,i){return w.default.createElement("button",{type:"button","aria-label":i,className:D.default.ARROW_PREV(!r),onClick:n})},renderArrowNext:function(n,r,i){return w.default.createElement("button",{type:"button","aria-label":i,className:D.default.ARROW_NEXT(!r),onClick:n})},renderIndicator:function(n,r,i,e){return w.default.createElement("li",{className:D.default.DOT(r),onClick:n,onKeyDown:n,value:i,key:i,role:"button",tabIndex:0,"aria-label":"".concat(e," ").concat(i+1)})},renderItem:function(n){return n},renderThumbs:function(n){var r=w.Children.map(n,function(i){var e=i;if(i.type!=="img"&&(e=w.Children.toArray(i.props.children).find(function(o){return o.type==="img"})),!!e)return e});return r.filter(function(i){return i}).length===0?(console.warn("No images found! Can't build the thumb list without images. If you don't need thumbs, set showThumbs={false} in the Carousel. Note that it's not possible to get images rendered inside custom components. More info at https://github.com/leandrowd/react-responsive-carousel/blob/master/TROUBLESHOOTING.md"),[]):r},statusFormatter:$.defaultStatusFormatter,selectedItem:0,showArrows:!0,showIndicators:!0,showStatus:!0,showThumbs:!0,stopOnHover:!0,swipeScrollTolerance:5,swipeable:!0,transitionTime:350,verticalSwipe:"standard",width:"100%",animationHandler:"slide",swipeAnimationHandler:Q.slideSwipeAnimationHandler,stopSwipingHandler:Q.slideStopSwipingHandler});var gt={};(function(t){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Carousel",{enumerable:!0,get:function(){return n.default}}),Object.defineProperty(t,"CarouselProps",{enumerable:!0,get:function(){return r.CarouselProps}}),Object.defineProperty(t,"Thumbs",{enumerable:!0,get:function(){return i.default}});var n=e(re),r=gt,i=e(q);function e(o){return o&&o.__esModule?o:{default:o}}})(Pe);const _t=te.newStyled.div`
|
|
1
|
+
"use strict";const A=require("react/jsx-runtime"),N=require("react"),_e=require("./_commonjsHelpers-DKOUU3wS.cjs"),le=require("./index-BPVoEhTF.cjs"),Me=require("./index-gY9e_8LL.cjs"),Ce=require("./useDetectMobile-D6d5LpdL.cjs"),te=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),ne=require("./consts-CtNoHdBj.cjs");var Pe={},re={},he={},ue={},we;function Le(){return we||(we=1,function(t){(function(n,r){r(t,N,le.propTypesExports)})(_e.commonjsGlobal,function(n,r,i){Object.defineProperty(n,"__esModule",{value:!0}),n.setHasSupportToCaptureOption=E;var e=a(r),o=a(i);function a(l){return l&&l.__esModule?l:{default:l}}var s=Object.assign||function(l){for(var d=1;d<arguments.length;d++){var S=arguments[d];for(var u in S)Object.prototype.hasOwnProperty.call(S,u)&&(l[u]=S[u])}return l};function f(l,d){var S={};for(var u in l)d.indexOf(u)>=0||Object.prototype.hasOwnProperty.call(l,u)&&(S[u]=l[u]);return S}function h(l,d){if(!(l instanceof d))throw new TypeError("Cannot call a class as a function")}var m=function(){function l(d,S){for(var u=0;u<S.length;u++){var b=S[u];b.enumerable=b.enumerable||!1,b.configurable=!0,"value"in b&&(b.writable=!0),Object.defineProperty(d,b.key,b)}}return function(d,S,u){return S&&l(d.prototype,S),u&&l(d,u),d}}();function v(l,d){if(!l)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return d&&(typeof d=="object"||typeof d=="function")?d:l}function _(l,d){if(typeof d!="function"&&d!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof d);l.prototype=Object.create(d&&d.prototype,{constructor:{value:l,enumerable:!1,writable:!0,configurable:!0}}),d&&(Object.setPrototypeOf?Object.setPrototypeOf(l,d):l.__proto__=d)}var g=!1;function E(l){g=l}try{addEventListener("test",null,Object.defineProperty({},"capture",{get:function(){E(!0)}}))}catch{}function X(){var l=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{capture:!0};return g?l:l.capture}function se(l){if("touches"in l){var d=l.touches[0],S=d.pageX,u=d.pageY;return{x:S,y:u}}var b=l.screenX,I=l.screenY;return{x:b,y:I}}var x=function(l){_(d,l);function d(){var S;h(this,d);for(var u=arguments.length,b=Array(u),I=0;I<u;I++)b[I]=arguments[I];var w=v(this,(S=d.__proto__||Object.getPrototypeOf(d)).call.apply(S,[this].concat(b)));return w._handleSwipeStart=w._handleSwipeStart.bind(w),w._handleSwipeMove=w._handleSwipeMove.bind(w),w._handleSwipeEnd=w._handleSwipeEnd.bind(w),w._onMouseDown=w._onMouseDown.bind(w),w._onMouseMove=w._onMouseMove.bind(w),w._onMouseUp=w._onMouseUp.bind(w),w._setSwiperRef=w._setSwiperRef.bind(w),w}return m(d,[{key:"componentDidMount",value:function(){this.swiper&&this.swiper.addEventListener("touchmove",this._handleSwipeMove,X({capture:!0,passive:!1}))}},{key:"componentWillUnmount",value:function(){this.swiper&&this.swiper.removeEventListener("touchmove",this._handleSwipeMove,X({capture:!0,passive:!1}))}},{key:"_onMouseDown",value:function(u){this.props.allowMouseEvents&&(this.mouseDown=!0,document.addEventListener("mouseup",this._onMouseUp),document.addEventListener("mousemove",this._onMouseMove),this._handleSwipeStart(u))}},{key:"_onMouseMove",value:function(u){this.mouseDown&&this._handleSwipeMove(u)}},{key:"_onMouseUp",value:function(u){this.mouseDown=!1,document.removeEventListener("mouseup",this._onMouseUp),document.removeEventListener("mousemove",this._onMouseMove),this._handleSwipeEnd(u)}},{key:"_handleSwipeStart",value:function(u){var b=se(u),I=b.x,w=b.y;this.moveStart={x:I,y:w},this.props.onSwipeStart(u)}},{key:"_handleSwipeMove",value:function(u){if(this.moveStart){var b=se(u),I=b.x,w=b.y,Y=I-this.moveStart.x,ye=w-this.moveStart.y;this.moving=!0;var Te=this.props.onSwipeMove({x:Y,y:ye},u);Te&&u.cancelable&&u.preventDefault(),this.movePosition={deltaX:Y,deltaY:ye}}}},{key:"_handleSwipeEnd",value:function(u){this.props.onSwipeEnd(u);var b=this.props.tolerance;this.moving&&this.movePosition&&(this.movePosition.deltaX<-b?this.props.onSwipeLeft(1,u):this.movePosition.deltaX>b&&this.props.onSwipeRight(1,u),this.movePosition.deltaY<-b?this.props.onSwipeUp(1,u):this.movePosition.deltaY>b&&this.props.onSwipeDown(1,u)),this.moveStart=null,this.moving=!1,this.movePosition=null}},{key:"_setSwiperRef",value:function(u){this.swiper=u,this.props.innerRef(u)}},{key:"render",value:function(){var u=this.props;u.tagName;var b=u.className,I=u.style,w=u.children;u.allowMouseEvents,u.onSwipeUp,u.onSwipeDown,u.onSwipeLeft,u.onSwipeRight,u.onSwipeStart,u.onSwipeMove,u.onSwipeEnd,u.innerRef,u.tolerance;var Y=f(u,["tagName","className","style","children","allowMouseEvents","onSwipeUp","onSwipeDown","onSwipeLeft","onSwipeRight","onSwipeStart","onSwipeMove","onSwipeEnd","innerRef","tolerance"]);return e.default.createElement(this.props.tagName,s({ref:this._setSwiperRef,onMouseDown:this._onMouseDown,onTouchStart:this._handleSwipeStart,onTouchEnd:this._handleSwipeEnd,className:b,style:I},Y),w)}}]),d}(r.Component);x.displayName="ReactSwipe",x.propTypes={tagName:o.default.string,className:o.default.string,style:o.default.object,children:o.default.node,allowMouseEvents:o.default.bool,onSwipeUp:o.default.func,onSwipeDown:o.default.func,onSwipeLeft:o.default.func,onSwipeRight:o.default.func,onSwipeStart:o.default.func,onSwipeMove:o.default.func,onSwipeEnd:o.default.func,innerRef:o.default.func,tolerance:o.default.number.isRequired},x.defaultProps={tagName:"div",allowMouseEvents:!1,onSwipeUp:function(){},onSwipeDown:function(){},onSwipeLeft:function(){},onSwipeRight:function(){},onSwipeStart:function(){},onSwipeMove:function(){},onSwipeEnd:function(){},innerRef:function(){},tolerance:0},n.default=x})}(ue)),ue}(function(t){(function(n,r){r(t,Le())})(_e.commonjsGlobal,function(n,r){Object.defineProperty(n,"__esModule",{value:!0});var i=e(r);function e(o){return o&&o.__esModule?o:{default:o}}n.default=i.default})})(he);var j={};Object.defineProperty(j,"__esModule",{value:!0});j.default=void 0;var k=De(Me.classnamesExports);function De(t){return t&&t.__esModule?t:{default:t}}function Ae(t,n,r){return n in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}var ke={ROOT:function(n){return(0,k.default)(Ae({"carousel-root":!0},n||"",!!n))},CAROUSEL:function(n){return(0,k.default)({carousel:!0,"carousel-slider":n})},WRAPPER:function(n,r){return(0,k.default)({"thumbs-wrapper":!n,"slider-wrapper":n,"axis-horizontal":r==="horizontal","axis-vertical":r!=="horizontal"})},SLIDER:function(n,r){return(0,k.default)({thumbs:!n,slider:n,animated:!r})},ITEM:function(n,r,i){return(0,k.default)({thumb:!n,slide:n,selected:r,previous:i})},ARROW_PREV:function(n){return(0,k.default)({"control-arrow control-prev":!0,"control-disabled":n})},ARROW_NEXT:function(n){return(0,k.default)({"control-arrow control-next":!0,"control-disabled":n})},DOT:function(n){return(0,k.default)({dot:!0,selected:n})}};j.default=ke;var q={},ie={};Object.defineProperty(ie,"__esModule",{value:!0});ie.outerWidth=void 0;var We=function(n){var r=n.offsetWidth,i=getComputedStyle(n);return r+=parseInt(i.marginLeft)+parseInt(i.marginRight),r};ie.outerWidth=We;var H={};Object.defineProperty(H,"__esModule",{value:!0});H.default=void 0;var ze=function(n,r,i){var e=n===0?n:n+r,o=i==="horizontal"?[e,0,0]:[0,e,0],a="translate3d",s="("+o.join(",")+")";return a+s};H.default=ze;var K={};Object.defineProperty(K,"__esModule",{value:!0});K.default=void 0;var xe=function(){return window};K.default=xe;Object.defineProperty(q,"__esModule",{value:!0});q.default=void 0;var T=$e(N),W=oe(j),Ne=ie,Se=oe(H),He=oe(he),V=oe(K);function oe(t){return t&&t.__esModule?t:{default:t}}function Oe(){if(typeof WeakMap!="function")return null;var t=new WeakMap;return Oe=function(){return t},t}function $e(t){if(t&&t.__esModule)return t;if(t===null||U(t)!=="object"&&typeof t!="function")return{default:t};var n=Oe();if(n&&n.has(t))return n.get(t);var r={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var e in t)if(Object.prototype.hasOwnProperty.call(t,e)){var o=i?Object.getOwnPropertyDescriptor(t,e):null;o&&(o.get||o.set)?Object.defineProperty(r,e,o):r[e]=t[e]}return r.default=t,n&&n.set(t,r),r}function U(t){"@babel/helpers - typeof";return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?U=function(r){return typeof r}:U=function(r){return r&&typeof Symbol=="function"&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},U(t)}function fe(){return fe=Object.assign||function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(t[i]=r[i])}return t},fe.apply(this,arguments)}function Ue(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}function Fe(t,n){for(var r=0;r<n.length;r++){var i=n[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function je(t,n,r){return n&&Fe(t.prototype,n),t}function qe(t,n){if(typeof n!="function"&&n!==null)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(n&&n.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),n&&ce(t,n)}function ce(t,n){return ce=Object.setPrototypeOf||function(i,e){return i.__proto__=e,i},ce(t,n)}function Ke(t){var n=Xe();return function(){var i=J(t),e;if(n){var o=J(this).constructor;e=Reflect.construct(i,arguments,o)}else e=i.apply(this,arguments);return Be(this,e)}}function Be(t,n){return n&&(U(n)==="object"||typeof n=="function")?n:O(t)}function O(t){if(t===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function Xe(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch{return!1}}function J(t){return J=Object.setPrototypeOf?Object.getPrototypeOf:function(r){return r.__proto__||Object.getPrototypeOf(r)},J(t)}function P(t,n,r){return n in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}var Ye=function(n){return n.hasOwnProperty("key")},me=function(t){qe(r,t);var n=Ke(r);function r(i){var e;return Ue(this,r),e=n.call(this,i),P(O(e),"itemsWrapperRef",void 0),P(O(e),"itemsListRef",void 0),P(O(e),"thumbsRef",void 0),P(O(e),"setItemsWrapperRef",function(o){e.itemsWrapperRef=o}),P(O(e),"setItemsListRef",function(o){e.itemsListRef=o}),P(O(e),"setThumbsRef",function(o,a){e.thumbsRef||(e.thumbsRef=[]),e.thumbsRef[a]=o}),P(O(e),"updateSizes",function(){if(!(!e.props.children||!e.itemsWrapperRef||!e.thumbsRef)){var o=T.Children.count(e.props.children),a=e.itemsWrapperRef.clientWidth,s=e.props.thumbWidth?e.props.thumbWidth:(0,Ne.outerWidth)(e.thumbsRef[0]),f=Math.floor(a/s),h=f<o,m=h?o-f:0;e.setState(function(v,_){return{itemSize:s,visibleItems:f,firstItem:h?e.getFirstItem(_.selectedItem):0,lastPosition:m,showArrows:h}})}}),P(O(e),"handleClickItem",function(o,a,s){if(!Ye(s)||s.key==="Enter"){var f=e.props.onSelectItem;typeof f=="function"&&f(o,a)}}),P(O(e),"onSwipeStart",function(){e.setState({swiping:!0})}),P(O(e),"onSwipeEnd",function(){e.setState({swiping:!1})}),P(O(e),"onSwipeMove",function(o){var a=o.x;if(!e.state.itemSize||!e.itemsWrapperRef||!e.state.visibleItems)return!1;var s=0,f=T.Children.count(e.props.children),h=-(e.state.firstItem*100)/e.state.visibleItems,m=Math.max(f-e.state.visibleItems,0),v=-m*100/e.state.visibleItems;h===s&&a>0&&(a=0),h===v&&a<0&&(a=0);var _=e.itemsWrapperRef.clientWidth,g=h+100/(_/a);return e.itemsListRef&&["WebkitTransform","MozTransform","MsTransform","OTransform","transform","msTransform"].forEach(function(E){e.itemsListRef.style[E]=(0,Se.default)(g,"%",e.props.axis)}),!0}),P(O(e),"slideRight",function(o){e.moveTo(e.state.firstItem-(typeof o=="number"?o:1))}),P(O(e),"slideLeft",function(o){e.moveTo(e.state.firstItem+(typeof o=="number"?o:1))}),P(O(e),"moveTo",function(o){o=o<0?0:o,o=o>=e.state.lastPosition?e.state.lastPosition:o,e.setState({firstItem:o})}),e.state={selectedItem:i.selectedItem,swiping:!1,showArrows:!1,firstItem:0,visibleItems:0,lastPosition:0},e}return je(r,[{key:"componentDidMount",value:function(){this.setupThumbs()}},{key:"componentDidUpdate",value:function(e){this.props.selectedItem!==this.state.selectedItem&&this.setState({selectedItem:this.props.selectedItem,firstItem:this.getFirstItem(this.props.selectedItem)}),this.props.children!==e.children&&this.updateSizes()}},{key:"componentWillUnmount",value:function(){this.destroyThumbs()}},{key:"setupThumbs",value:function(){(0,V.default)().addEventListener("resize",this.updateSizes),(0,V.default)().addEventListener("DOMContentLoaded",this.updateSizes),this.updateSizes()}},{key:"destroyThumbs",value:function(){(0,V.default)().removeEventListener("resize",this.updateSizes),(0,V.default)().removeEventListener("DOMContentLoaded",this.updateSizes)}},{key:"getFirstItem",value:function(e){var o=e;return e>=this.state.lastPosition&&(o=this.state.lastPosition),e<this.state.firstItem+this.state.visibleItems&&(o=this.state.firstItem),e<this.state.firstItem&&(o=e),o}},{key:"renderItems",value:function(){var e=this;return this.props.children.map(function(o,a){var s=W.default.ITEM(!1,a===e.state.selectedItem),f={key:a,ref:function(m){return e.setThumbsRef(m,a)},className:s,onClick:e.handleClickItem.bind(e,a,e.props.children[a]),onKeyDown:e.handleClickItem.bind(e,a,e.props.children[a]),"aria-label":"".concat(e.props.labels.item," ").concat(a+1),style:{width:e.props.thumbWidth}};return T.default.createElement("li",fe({},f,{role:"button",tabIndex:0}),o)})}},{key:"render",value:function(){var e=this;if(!this.props.children)return null;var o=T.Children.count(this.props.children)>1,a=this.state.showArrows&&this.state.firstItem>0,s=this.state.showArrows&&this.state.firstItem<this.state.lastPosition,f={},h=-this.state.firstItem*(this.state.itemSize||0),m=(0,Se.default)(h,"px",this.props.axis),v=this.props.transitionTime+"ms";return f={WebkitTransform:m,MozTransform:m,MsTransform:m,OTransform:m,transform:m,msTransform:m,WebkitTransitionDuration:v,MozTransitionDuration:v,MsTransitionDuration:v,OTransitionDuration:v,transitionDuration:v,msTransitionDuration:v},T.default.createElement("div",{className:W.default.CAROUSEL(!1)},T.default.createElement("div",{className:W.default.WRAPPER(!1),ref:this.setItemsWrapperRef},T.default.createElement("button",{type:"button",className:W.default.ARROW_PREV(!a),onClick:function(){return e.slideRight()},"aria-label":this.props.labels.leftArrow}),o?T.default.createElement(He.default,{tagName:"ul",className:W.default.SLIDER(!1,this.state.swiping),onSwipeLeft:this.slideLeft,onSwipeRight:this.slideRight,onSwipeMove:this.onSwipeMove,onSwipeStart:this.onSwipeStart,onSwipeEnd:this.onSwipeEnd,style:f,innerRef:this.setItemsListRef,allowMouseEvents:this.props.emulateTouch},this.renderItems()):T.default.createElement("ul",{className:W.default.SLIDER(!1,this.state.swiping),ref:function(g){return e.setItemsListRef(g)},style:f},this.renderItems()),T.default.createElement("button",{type:"button",className:W.default.ARROW_NEXT(!s),onClick:function(){return e.slideLeft()},"aria-label":this.props.labels.rightArrow})))}}]),r}(T.Component);q.default=me;P(me,"displayName","Thumbs");P(me,"defaultProps",{axis:"horizontal",labels:{leftArrow:"previous slide / item",rightArrow:"next slide / item",item:"slide item"},selectedItem:0,thumbWidth:80,transitionTime:350});var ae={};Object.defineProperty(ae,"__esModule",{value:!0});ae.default=void 0;var Ve=function(){return document};ae.default=Ve;var R={};Object.defineProperty(R,"__esModule",{value:!0});R.setPosition=R.getPosition=R.isKeyboardEvent=R.defaultStatusFormatter=R.noop=void 0;var Ze=N,Ge=Je(H);function Je(t){return t&&t.__esModule?t:{default:t}}var Qe=function(){};R.noop=Qe;var et=function(n,r){return"".concat(n," of ").concat(r)};R.defaultStatusFormatter=et;var tt=function(n){return n?n.hasOwnProperty("key"):!1};R.isKeyboardEvent=tt;var nt=function(n,r){if(r.infiniteLoop&&++n,n===0)return 0;var i=Ze.Children.count(r.children);if(r.centerMode&&r.axis==="horizontal"){var e=-n*r.centerSlidePercentage,o=i-1;return n&&(n!==o||r.infiniteLoop)?e+=(100-r.centerSlidePercentage)/2:n===o&&(e+=100-r.centerSlidePercentage),e}return-n*100};R.getPosition=nt;var rt=function(n,r){var i={};return["WebkitTransform","MozTransform","MsTransform","OTransform","transform","msTransform"].forEach(function(e){i[e]=(0,Ge.default)(n,"%",r)}),i};R.setPosition=rt;var C={};Object.defineProperty(C,"__esModule",{value:!0});C.fadeAnimationHandler=C.slideStopSwipingHandler=C.slideSwipeAnimationHandler=C.slideAnimationHandler=void 0;var Re=N,it=ot(H),L=R;function ot(t){return t&&t.__esModule?t:{default:t}}function be(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);n&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,i)}return r}function z(t){for(var n=1;n<arguments.length;n++){var r=arguments[n]!=null?arguments[n]:{};n%2?be(Object(r),!0).forEach(function(i){at(t,i,r[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):be(Object(r)).forEach(function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))})}return t}function at(t,n,r){return n in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}var st=function(n,r){var i={},e=r.selectedItem,o=e,a=Re.Children.count(n.children)-1,s=n.infiniteLoop&&(e<0||e>a);if(s)return o<0?n.centerMode&&n.centerSlidePercentage&&n.axis==="horizontal"?i.itemListStyle=(0,L.setPosition)(-(a+2)*n.centerSlidePercentage-(100-n.centerSlidePercentage)/2,n.axis):i.itemListStyle=(0,L.setPosition)(-(a+2)*100,n.axis):o>a&&(i.itemListStyle=(0,L.setPosition)(0,n.axis)),i;var f=(0,L.getPosition)(e,n),h=(0,it.default)(f,"%",n.axis),m=n.transitionTime+"ms";return i.itemListStyle={WebkitTransform:h,msTransform:h,OTransform:h,transform:h},r.swiping||(i.itemListStyle=z(z({},i.itemListStyle),{},{WebkitTransitionDuration:m,MozTransitionDuration:m,OTransitionDuration:m,transitionDuration:m,msTransitionDuration:m})),i};C.slideAnimationHandler=st;var ut=function(n,r,i,e){var o={},a=r.axis==="horizontal",s=Re.Children.count(r.children),f=0,h=(0,L.getPosition)(i.selectedItem,r),m=r.infiniteLoop?(0,L.getPosition)(s-1,r)-100:(0,L.getPosition)(s-1,r),v=a?n.x:n.y,_=v;h===f&&v>0&&(_=0),h===m&&v<0&&(_=0);var g=h+100/(i.itemSize/_),E=Math.abs(v)>r.swipeScrollTolerance;return r.infiniteLoop&&E&&(i.selectedItem===0&&g>-100?g-=s*100:i.selectedItem===s-1&&g<-s*100&&(g+=s*100)),(!r.preventMovementUntilSwipeScrollTolerance||E||i.swipeMovementStarted)&&(i.swipeMovementStarted||e({swipeMovementStarted:!0}),o.itemListStyle=(0,L.setPosition)(g,r.axis)),E&&!i.cancelClick&&e({cancelClick:!0}),o};C.slideSwipeAnimationHandler=ut;var lt=function(n,r){var i=(0,L.getPosition)(r.selectedItem,n),e=(0,L.setPosition)(i,n.axis);return{itemListStyle:e}};C.slideStopSwipingHandler=lt;var ft=function(n,r){var i=n.transitionTime+"ms",e="ease-in-out",o={position:"absolute",display:"block",zIndex:-2,minHeight:"100%",opacity:0,top:0,right:0,left:0,bottom:0,transitionTimingFunction:e,msTransitionTimingFunction:e,MozTransitionTimingFunction:e,WebkitTransitionTimingFunction:e,OTransitionTimingFunction:e};return r.swiping||(o=z(z({},o),{},{WebkitTransitionDuration:i,MozTransitionDuration:i,OTransitionDuration:i,transitionDuration:i,msTransitionDuration:i})),{slideStyle:o,selectedStyle:z(z({},o),{},{opacity:1,position:"relative"}),prevStyle:z({},o)}};C.fadeAnimationHandler=ft;Object.defineProperty(re,"__esModule",{value:!0});re.default=void 0;var y=dt(N),ct=B(he),D=B(j),pt=B(q),Z=B(ae),G=B(K),$=R,Q=C;function B(t){return t&&t.__esModule?t:{default:t}}function Ee(){if(typeof WeakMap!="function")return null;var t=new WeakMap;return Ee=function(){return t},t}function dt(t){if(t&&t.__esModule)return t;if(t===null||F(t)!=="object"&&typeof t!="function")return{default:t};var n=Ee();if(n&&n.has(t))return n.get(t);var r={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var e in t)if(Object.prototype.hasOwnProperty.call(t,e)){var o=i?Object.getOwnPropertyDescriptor(t,e):null;o&&(o.get||o.set)?Object.defineProperty(r,e,o):r[e]=t[e]}return r.default=t,n&&n.set(t,r),r}function F(t){"@babel/helpers - typeof";return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?F=function(r){return typeof r}:F=function(r){return r&&typeof Symbol=="function"&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},F(t)}function pe(){return pe=Object.assign||function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(t[i]=r[i])}return t},pe.apply(this,arguments)}function ge(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);n&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,i)}return r}function M(t){for(var n=1;n<arguments.length;n++){var r=arguments[n]!=null?arguments[n]:{};n%2?ge(Object(r),!0).forEach(function(i){c(t,i,r[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ge(Object(r)).forEach(function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))})}return t}function ht(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}function mt(t,n){for(var r=0;r<n.length;r++){var i=n[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function vt(t,n,r){return n&&mt(t.prototype,n),t}function yt(t,n){if(typeof n!="function"&&n!==null)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(n&&n.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),n&&de(t,n)}function de(t,n){return de=Object.setPrototypeOf||function(i,e){return i.__proto__=e,i},de(t,n)}function wt(t){var n=bt();return function(){var i=ee(t),e;if(n){var o=ee(this).constructor;e=Reflect.construct(i,arguments,o)}else e=i.apply(this,arguments);return St(this,e)}}function St(t,n){return n&&(F(n)==="object"||typeof n=="function")?n:p(t)}function p(t){if(t===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function bt(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch{return!1}}function ee(t){return ee=Object.setPrototypeOf?Object.getPrototypeOf:function(r){return r.__proto__||Object.getPrototypeOf(r)},ee(t)}function c(t,n,r){return n in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}var ve=function(t){yt(r,t);var n=wt(r);function r(i){var e;ht(this,r),e=n.call(this,i),c(p(e),"thumbsRef",void 0),c(p(e),"carouselWrapperRef",void 0),c(p(e),"listRef",void 0),c(p(e),"itemsRef",void 0),c(p(e),"timer",void 0),c(p(e),"animationHandler",void 0),c(p(e),"setThumbsRef",function(a){e.thumbsRef=a}),c(p(e),"setCarouselWrapperRef",function(a){e.carouselWrapperRef=a}),c(p(e),"setListRef",function(a){e.listRef=a}),c(p(e),"setItemsRef",function(a,s){e.itemsRef||(e.itemsRef=[]),e.itemsRef[s]=a}),c(p(e),"autoPlay",function(){y.Children.count(e.props.children)<=1||(e.clearAutoPlay(),e.props.autoPlay&&(e.timer=setTimeout(function(){e.increment()},e.props.interval)))}),c(p(e),"clearAutoPlay",function(){e.timer&&clearTimeout(e.timer)}),c(p(e),"resetAutoPlay",function(){e.clearAutoPlay(),e.autoPlay()}),c(p(e),"stopOnHover",function(){e.setState({isMouseEntered:!0},e.clearAutoPlay)}),c(p(e),"startOnLeave",function(){e.setState({isMouseEntered:!1},e.autoPlay)}),c(p(e),"isFocusWithinTheCarousel",function(){return e.carouselWrapperRef?!!((0,Z.default)().activeElement===e.carouselWrapperRef||e.carouselWrapperRef.contains((0,Z.default)().activeElement)):!1}),c(p(e),"navigateWithKeyboard",function(a){if(e.isFocusWithinTheCarousel()){var s=e.props.axis,f=s==="horizontal",h={ArrowUp:38,ArrowRight:39,ArrowDown:40,ArrowLeft:37},m=f?h.ArrowRight:h.ArrowDown,v=f?h.ArrowLeft:h.ArrowUp;m===a.keyCode?e.increment():v===a.keyCode&&e.decrement()}}),c(p(e),"updateSizes",function(){if(!(!e.state.initialized||!e.itemsRef||e.itemsRef.length===0)){var a=e.props.axis==="horizontal",s=e.itemsRef[0];if(s){var f=a?s.clientWidth:s.clientHeight;e.setState({itemSize:f}),e.thumbsRef&&e.thumbsRef.updateSizes()}}}),c(p(e),"setMountState",function(){e.setState({hasMount:!0}),e.updateSizes()}),c(p(e),"handleClickItem",function(a,s){if(y.Children.count(e.props.children)!==0){if(e.state.cancelClick){e.setState({cancelClick:!1});return}e.props.onClickItem(a,s),a!==e.state.selectedItem&&e.setState({selectedItem:a})}}),c(p(e),"handleOnChange",function(a,s){y.Children.count(e.props.children)<=1||e.props.onChange(a,s)}),c(p(e),"handleClickThumb",function(a,s){e.props.onClickThumb(a,s),e.moveTo(a)}),c(p(e),"onSwipeStart",function(a){e.setState({swiping:!0}),e.props.onSwipeStart(a)}),c(p(e),"onSwipeEnd",function(a){e.setState({swiping:!1,cancelClick:!1,swipeMovementStarted:!1}),e.props.onSwipeEnd(a),e.clearAutoPlay(),e.state.autoPlay&&e.autoPlay()}),c(p(e),"onSwipeMove",function(a,s){e.props.onSwipeMove(s);var f=e.props.swipeAnimationHandler(a,e.props,e.state,e.setState.bind(p(e)));return e.setState(M({},f)),!!Object.keys(f).length}),c(p(e),"decrement",function(){var a=arguments.length>0&&arguments[0]!==void 0?arguments[0]:1;e.moveTo(e.state.selectedItem-(typeof a=="number"?a:1))}),c(p(e),"increment",function(){var a=arguments.length>0&&arguments[0]!==void 0?arguments[0]:1;e.moveTo(e.state.selectedItem+(typeof a=="number"?a:1))}),c(p(e),"moveTo",function(a){if(typeof a=="number"){var s=y.Children.count(e.props.children)-1;a<0&&(a=e.props.infiniteLoop?s:0),a>s&&(a=e.props.infiniteLoop?0:s),e.selectItem({selectedItem:a}),e.state.autoPlay&&e.state.isMouseEntered===!1&&e.resetAutoPlay()}}),c(p(e),"onClickNext",function(){e.increment(1)}),c(p(e),"onClickPrev",function(){e.decrement(1)}),c(p(e),"onSwipeForward",function(){e.increment(1),e.props.emulateTouch&&e.setState({cancelClick:!0})}),c(p(e),"onSwipeBackwards",function(){e.decrement(1),e.props.emulateTouch&&e.setState({cancelClick:!0})}),c(p(e),"changeItem",function(a){return function(s){(!(0,$.isKeyboardEvent)(s)||s.key==="Enter")&&e.moveTo(a)}}),c(p(e),"selectItem",function(a){e.setState(M({previousItem:e.state.selectedItem},a),function(){e.setState(e.animationHandler(e.props,e.state))}),e.handleOnChange(a.selectedItem,y.Children.toArray(e.props.children)[a.selectedItem])}),c(p(e),"getInitialImage",function(){var a=e.props.selectedItem,s=e.itemsRef&&e.itemsRef[a],f=s&&s.getElementsByTagName("img")||[];return f[0]}),c(p(e),"getVariableItemHeight",function(a){var s=e.itemsRef&&e.itemsRef[a];if(e.state.hasMount&&s&&s.children.length){var f=s.children[0].getElementsByTagName("img")||[];if(f.length>0){var h=f[0];if(!h.complete){var m=function g(){e.forceUpdate(),h.removeEventListener("load",g)};h.addEventListener("load",m)}}var v=f[0]||s.children[0],_=v.clientHeight;return _>0?_:null}return null});var o={initialized:!1,previousItem:i.selectedItem,selectedItem:i.selectedItem,hasMount:!1,isMouseEntered:!1,autoPlay:i.autoPlay,swiping:!1,swipeMovementStarted:!1,cancelClick:!1,itemSize:1,itemListStyle:{},slideStyle:{},selectedStyle:{},prevStyle:{}};return e.animationHandler=typeof i.animationHandler=="function"&&i.animationHandler||i.animationHandler==="fade"&&Q.fadeAnimationHandler||Q.slideAnimationHandler,e.state=M(M({},o),e.animationHandler(i,o)),e}return vt(r,[{key:"componentDidMount",value:function(){this.props.children&&this.setupCarousel()}},{key:"componentDidUpdate",value:function(e,o){!e.children&&this.props.children&&!this.state.initialized&&this.setupCarousel(),!e.autoFocus&&this.props.autoFocus&&this.forceFocus(),o.swiping&&!this.state.swiping&&this.setState(M({},this.props.stopSwipingHandler(this.props,this.state))),(e.selectedItem!==this.props.selectedItem||e.centerMode!==this.props.centerMode)&&(this.updateSizes(),this.moveTo(this.props.selectedItem)),e.autoPlay!==this.props.autoPlay&&(this.props.autoPlay?this.setupAutoPlay():this.destroyAutoPlay(),this.setState({autoPlay:this.props.autoPlay}))}},{key:"componentWillUnmount",value:function(){this.destroyCarousel()}},{key:"setupCarousel",value:function(){var e=this;this.bindEvents(),this.state.autoPlay&&y.Children.count(this.props.children)>1&&this.setupAutoPlay(),this.props.autoFocus&&this.forceFocus(),this.setState({initialized:!0},function(){var o=e.getInitialImage();o&&!o.complete?o.addEventListener("load",e.setMountState):e.setMountState()})}},{key:"destroyCarousel",value:function(){this.state.initialized&&(this.unbindEvents(),this.destroyAutoPlay())}},{key:"setupAutoPlay",value:function(){this.autoPlay();var e=this.carouselWrapperRef;this.props.stopOnHover&&e&&(e.addEventListener("mouseenter",this.stopOnHover),e.addEventListener("mouseleave",this.startOnLeave))}},{key:"destroyAutoPlay",value:function(){this.clearAutoPlay();var e=this.carouselWrapperRef;this.props.stopOnHover&&e&&(e.removeEventListener("mouseenter",this.stopOnHover),e.removeEventListener("mouseleave",this.startOnLeave))}},{key:"bindEvents",value:function(){(0,G.default)().addEventListener("resize",this.updateSizes),(0,G.default)().addEventListener("DOMContentLoaded",this.updateSizes),this.props.useKeyboardArrows&&(0,Z.default)().addEventListener("keydown",this.navigateWithKeyboard)}},{key:"unbindEvents",value:function(){(0,G.default)().removeEventListener("resize",this.updateSizes),(0,G.default)().removeEventListener("DOMContentLoaded",this.updateSizes);var e=this.getInitialImage();e&&e.removeEventListener("load",this.setMountState),this.props.useKeyboardArrows&&(0,Z.default)().removeEventListener("keydown",this.navigateWithKeyboard)}},{key:"forceFocus",value:function(){var e;(e=this.carouselWrapperRef)===null||e===void 0||e.focus()}},{key:"renderItems",value:function(e){var o=this;return this.props.children?y.Children.map(this.props.children,function(a,s){var f=s===o.state.selectedItem,h=s===o.state.previousItem,m=f&&o.state.selectedStyle||h&&o.state.prevStyle||o.state.slideStyle||{};o.props.centerMode&&o.props.axis==="horizontal"&&(m=M(M({},m),{},{minWidth:o.props.centerSlidePercentage+"%"})),o.state.swiping&&o.state.swipeMovementStarted&&(m=M(M({},m),{},{pointerEvents:"none"}));var v={ref:function(g){return o.setItemsRef(g,s)},key:"itemKey"+s+(e?"clone":""),className:D.default.ITEM(!0,s===o.state.selectedItem,s===o.state.previousItem),onClick:o.handleClickItem.bind(o,s,a),style:m};return y.default.createElement("li",v,o.props.renderItem(a,{isSelected:s===o.state.selectedItem,isPrevious:s===o.state.previousItem}))}):[]}},{key:"renderControls",value:function(){var e=this,o=this.props,a=o.showIndicators,s=o.labels,f=o.renderIndicator,h=o.children;return a?y.default.createElement("ul",{className:"control-dots"},y.Children.map(h,function(m,v){return f&&f(e.changeItem(v),v===e.state.selectedItem,v,s.item)})):null}},{key:"renderStatus",value:function(){return this.props.showStatus?y.default.createElement("p",{className:"carousel-status"},this.props.statusFormatter(this.state.selectedItem+1,y.Children.count(this.props.children))):null}},{key:"renderThumbs",value:function(){return!this.props.showThumbs||!this.props.children||y.Children.count(this.props.children)===0?null:y.default.createElement(pt.default,{ref:this.setThumbsRef,onSelectItem:this.handleClickThumb,selectedItem:this.state.selectedItem,transitionTime:this.props.transitionTime,thumbWidth:this.props.thumbWidth,labels:this.props.labels,emulateTouch:this.props.emulateTouch},this.props.renderThumbs(this.props.children))}},{key:"render",value:function(){var e=this;if(!this.props.children||y.Children.count(this.props.children)===0)return null;var o=this.props.swipeable&&y.Children.count(this.props.children)>1,a=this.props.axis==="horizontal",s=this.props.showArrows&&y.Children.count(this.props.children)>1,f=s&&(this.state.selectedItem>0||this.props.infiniteLoop)||!1,h=s&&(this.state.selectedItem<y.Children.count(this.props.children)-1||this.props.infiniteLoop)||!1,m=this.renderItems(!0),v=m.shift(),_=m.pop(),g={className:D.default.SLIDER(!0,this.state.swiping),onSwipeMove:this.onSwipeMove,onSwipeStart:this.onSwipeStart,onSwipeEnd:this.onSwipeEnd,style:this.state.itemListStyle,tolerance:this.props.swipeScrollTolerance},E={};if(a){if(g.onSwipeLeft=this.onSwipeForward,g.onSwipeRight=this.onSwipeBackwards,this.props.dynamicHeight){var X=this.getVariableItemHeight(this.state.selectedItem);E.height=X||"auto"}}else g.onSwipeUp=this.props.verticalSwipe==="natural"?this.onSwipeBackwards:this.onSwipeForward,g.onSwipeDown=this.props.verticalSwipe==="natural"?this.onSwipeForward:this.onSwipeBackwards,g.style=M(M({},g.style),{},{height:this.state.itemSize}),E.height=this.state.itemSize;return y.default.createElement("div",{"aria-label":this.props.ariaLabel,className:D.default.ROOT(this.props.className),ref:this.setCarouselWrapperRef,tabIndex:this.props.useKeyboardArrows?0:void 0},y.default.createElement("div",{className:D.default.CAROUSEL(!0),style:{width:this.props.width}},this.renderControls(),this.props.renderArrowPrev(this.onClickPrev,f,this.props.labels.leftArrow),y.default.createElement("div",{className:D.default.WRAPPER(!0,this.props.axis),style:E},o?y.default.createElement(ct.default,pe({tagName:"ul",innerRef:this.setListRef},g,{allowMouseEvents:this.props.emulateTouch}),this.props.infiniteLoop&&_,this.renderItems(),this.props.infiniteLoop&&v):y.default.createElement("ul",{className:D.default.SLIDER(!0,this.state.swiping),ref:function(x){return e.setListRef(x)},style:this.state.itemListStyle||{}},this.props.infiniteLoop&&_,this.renderItems(),this.props.infiniteLoop&&v)),this.props.renderArrowNext(this.onClickNext,h,this.props.labels.rightArrow),this.renderStatus()),this.renderThumbs())}}]),r}(y.default.Component);re.default=ve;c(ve,"displayName","Carousel");c(ve,"defaultProps",{ariaLabel:void 0,axis:"horizontal",centerSlidePercentage:80,interval:3e3,labels:{leftArrow:"previous slide / item",rightArrow:"next slide / item",item:"slide item"},onClickItem:$.noop,onClickThumb:$.noop,onChange:$.noop,onSwipeStart:function(){},onSwipeEnd:function(){},onSwipeMove:function(){return!1},preventMovementUntilSwipeScrollTolerance:!1,renderArrowPrev:function(n,r,i){return y.default.createElement("button",{type:"button","aria-label":i,className:D.default.ARROW_PREV(!r),onClick:n})},renderArrowNext:function(n,r,i){return y.default.createElement("button",{type:"button","aria-label":i,className:D.default.ARROW_NEXT(!r),onClick:n})},renderIndicator:function(n,r,i,e){return y.default.createElement("li",{className:D.default.DOT(r),onClick:n,onKeyDown:n,value:i,key:i,role:"button",tabIndex:0,"aria-label":"".concat(e," ").concat(i+1)})},renderItem:function(n){return n},renderThumbs:function(n){var r=y.Children.map(n,function(i){var e=i;if(i.type!=="img"&&(e=y.Children.toArray(i.props.children).find(function(o){return o.type==="img"})),!!e)return e});return r.filter(function(i){return i}).length===0?(console.warn("No images found! Can't build the thumb list without images. If you don't need thumbs, set showThumbs={false} in the Carousel. Note that it's not possible to get images rendered inside custom components. More info at https://github.com/leandrowd/react-responsive-carousel/blob/master/TROUBLESHOOTING.md"),[]):r},statusFormatter:$.defaultStatusFormatter,selectedItem:0,showArrows:!0,showIndicators:!0,showStatus:!0,showThumbs:!0,stopOnHover:!0,swipeScrollTolerance:5,swipeable:!0,transitionTime:350,verticalSwipe:"standard",width:"100%",animationHandler:"slide",swipeAnimationHandler:Q.slideSwipeAnimationHandler,stopSwipingHandler:Q.slideStopSwipingHandler});var gt={};(function(t){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Carousel",{enumerable:!0,get:function(){return n.default}}),Object.defineProperty(t,"CarouselProps",{enumerable:!0,get:function(){return r.CarouselProps}}),Object.defineProperty(t,"Thumbs",{enumerable:!0,get:function(){return i.default}});var n=e(re),r=gt,i=e(q);function e(o){return o&&o.__esModule?o:{default:o}}})(Pe);const _t=te.newStyled.div`
|
|
2
2
|
position: relative;
|
|
3
3
|
|
|
4
4
|
& .image-carousel {
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
& .title {
|
|
60
60
|
font-weight: 700;
|
|
61
61
|
font-size: 2rem;
|
|
62
|
-
color: var(--white);
|
|
62
|
+
color: var(--white, #fff);
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
65
|
|
|
@@ -70,10 +70,18 @@
|
|
|
70
70
|
position: relative;
|
|
71
71
|
border-radius: 0.75rem;
|
|
72
72
|
|
|
73
|
+
background: linear-gradient(
|
|
74
|
+
178deg,
|
|
75
|
+
rgba(0, 0, 0, 0) 1.5%,
|
|
76
|
+
rgba(0, 0, 0, 0.16) 8.95%,
|
|
77
|
+
#000 98.39%
|
|
78
|
+
);
|
|
79
|
+
|
|
73
80
|
& img {
|
|
74
81
|
object-fit: cover;
|
|
75
82
|
max-height: 20.625rem;
|
|
76
83
|
border-radius: 0.75rem;
|
|
84
|
+
mix-blend-mode: multiply;
|
|
77
85
|
}
|
|
78
86
|
|
|
79
87
|
@media (max-width: ${ne.MOBILE_SIZE_PX+"px"}) {
|
|
@@ -115,12 +123,12 @@
|
|
|
115
123
|
display: flex;
|
|
116
124
|
flex-direction: column;
|
|
117
125
|
gap: 0.5rem;
|
|
118
|
-
color: var(--white);
|
|
126
|
+
color: var(--white, #fff);
|
|
119
127
|
|
|
120
128
|
& .banner-title {
|
|
121
129
|
font-weight: 700;
|
|
122
130
|
font-size: 2rem;
|
|
123
|
-
color: var(--white);
|
|
131
|
+
color: var(--white, #fff);
|
|
124
132
|
}
|
|
125
133
|
}
|
|
126
134
|
|
|
@@ -132,4 +140,4 @@
|
|
|
132
140
|
display: none;
|
|
133
141
|
}
|
|
134
142
|
}
|
|
135
|
-
`,Ie=N.forwardRef(({items:t=[],onSelectItem:n=()=>{}},r)=>{const i=Ce.useDetectMobile();return A.jsx(_t,{children:A.jsx(Pe.Carousel,{autoPlay:!0,infiniteLoop:!0,showArrows:!1,showStatus:!1,showThumbs:!1,transitionTime:500,onClickItem:e=>{i||n==null||n(t==null?void 0:t.at(e),e)},children:t&&(t==null?void 0:t.map((e,o)=>A.jsxs(Pt,{children:[A.jsx("img",{loading:"lazy",src:e.
|
|
143
|
+
`,Ie=N.forwardRef(({items:t=[],onSelectItem:n=()=>{}},r)=>{const i=Ce.useDetectMobile();return A.jsx(_t,{ref:r,children:A.jsx(Pe.Carousel,{autoPlay:!0,infiniteLoop:!0,showArrows:!1,showStatus:!1,showThumbs:!1,transitionTime:500,onClickItem:e=>{i||n==null||n(t==null?void 0:t.at(e),e)},children:t&&(t==null?void 0:t.map((e,o)=>A.jsxs(Pt,{children:[A.jsx("img",{loading:"lazy",src:e.imageUrl}),A.jsx(Ot,{children:A.jsx("div",{className:"banner-content",children:A.jsxs("div",{className:"banner-text",children:[A.jsx("div",{className:"banner-title",children:e.title}),e.description]})})})]},`banner-${o+1}`)))})})});Ie.propTypes={items:le.PropTypes.array,handleClick:le.PropTypes.func};module.exports=Ie;
|
|
@@ -316,30 +316,30 @@ var Ne = function(n) {
|
|
|
316
316
|
return r += parseInt(i.marginLeft) + parseInt(i.marginRight), r;
|
|
317
317
|
};
|
|
318
318
|
ie.outerWidth = Ne;
|
|
319
|
-
var
|
|
320
|
-
Object.defineProperty(
|
|
319
|
+
var x = {};
|
|
320
|
+
Object.defineProperty(x, "__esModule", {
|
|
321
321
|
value: !0
|
|
322
322
|
});
|
|
323
|
-
|
|
324
|
-
var
|
|
323
|
+
x.default = void 0;
|
|
324
|
+
var xe = function(n, r, i) {
|
|
325
325
|
var e = n === 0 ? n : n + r, o = i === "horizontal" ? [e, 0, 0] : [0, e, 0], a = "translate3d", s = "(" + o.join(",") + ")";
|
|
326
326
|
return a + s;
|
|
327
327
|
};
|
|
328
|
-
|
|
328
|
+
x.default = xe;
|
|
329
329
|
var q = {};
|
|
330
330
|
Object.defineProperty(q, "__esModule", {
|
|
331
331
|
value: !0
|
|
332
332
|
});
|
|
333
333
|
q.default = void 0;
|
|
334
|
-
var
|
|
334
|
+
var He = function() {
|
|
335
335
|
return window;
|
|
336
336
|
};
|
|
337
|
-
q.default =
|
|
337
|
+
q.default = He;
|
|
338
338
|
Object.defineProperty(j, "__esModule", {
|
|
339
339
|
value: !0
|
|
340
340
|
});
|
|
341
341
|
j.default = void 0;
|
|
342
|
-
var I = Fe(F), k = oe(K), $e = ie, be = oe(
|
|
342
|
+
var I = Fe(F), k = oe(K), $e = ie, be = oe(x), Ue = oe(de), V = oe(q);
|
|
343
343
|
function oe(t) {
|
|
344
344
|
return t && t.__esModule ? t : { default: t };
|
|
345
345
|
}
|
|
@@ -656,7 +656,7 @@ Object.defineProperty(R, "__esModule", {
|
|
|
656
656
|
value: !0
|
|
657
657
|
});
|
|
658
658
|
R.setPosition = R.getPosition = R.isKeyboardEvent = R.defaultStatusFormatter = R.noop = void 0;
|
|
659
|
-
var Je = F, Qe = et(
|
|
659
|
+
var Je = F, Qe = et(x);
|
|
660
660
|
function et(t) {
|
|
661
661
|
return t && t.__esModule ? t : { default: t };
|
|
662
662
|
}
|
|
@@ -694,7 +694,7 @@ Object.defineProperty(C, "__esModule", {
|
|
|
694
694
|
value: !0
|
|
695
695
|
});
|
|
696
696
|
C.fadeAnimationHandler = C.slideStopSwipingHandler = C.slideSwipeAnimationHandler = C.slideAnimationHandler = void 0;
|
|
697
|
-
var Ee = F, at = st(
|
|
697
|
+
var Ee = F, at = st(x), L = R;
|
|
698
698
|
function st(t) {
|
|
699
699
|
return t && t.__esModule ? t : { default: t };
|
|
700
700
|
}
|
|
@@ -796,7 +796,7 @@ Object.defineProperty(re, "__esModule", {
|
|
|
796
796
|
value: !0
|
|
797
797
|
});
|
|
798
798
|
re.default = void 0;
|
|
799
|
-
var w = mt(F), dt = B(de), D = B(K), ht = B(j), G = B(ae), Z = B(q),
|
|
799
|
+
var w = mt(F), dt = B(de), D = B(K), ht = B(j), G = B(ae), Z = B(q), H = R, Q = C;
|
|
800
800
|
function B(t) {
|
|
801
801
|
return t && t.__esModule ? t : { default: t };
|
|
802
802
|
}
|
|
@@ -1036,7 +1036,7 @@ var me = /* @__PURE__ */ function(t) {
|
|
|
1036
1036
|
});
|
|
1037
1037
|
}), c(p(e), "changeItem", function(a) {
|
|
1038
1038
|
return function(s) {
|
|
1039
|
-
(!(0,
|
|
1039
|
+
(!(0, H.isKeyboardEvent)(s) || s.key === "Enter") && e.moveTo(a);
|
|
1040
1040
|
};
|
|
1041
1041
|
}), c(p(e), "selectItem", function(a) {
|
|
1042
1042
|
e.setState(M({
|
|
@@ -1267,9 +1267,9 @@ c(me, "defaultProps", {
|
|
|
1267
1267
|
rightArrow: "next slide / item",
|
|
1268
1268
|
item: "slide item"
|
|
1269
1269
|
},
|
|
1270
|
-
onClickItem:
|
|
1271
|
-
onClickThumb:
|
|
1272
|
-
onChange:
|
|
1270
|
+
onClickItem: H.noop,
|
|
1271
|
+
onClickThumb: H.noop,
|
|
1272
|
+
onChange: H.noop,
|
|
1273
1273
|
onSwipeStart: function() {
|
|
1274
1274
|
},
|
|
1275
1275
|
onSwipeEnd: function() {
|
|
@@ -1321,7 +1321,7 @@ c(me, "defaultProps", {
|
|
|
1321
1321
|
return i;
|
|
1322
1322
|
}).length === 0 ? (console.warn("No images found! Can't build the thumb list without images. If you don't need thumbs, set showThumbs={false} in the Carousel. Note that it's not possible to get images rendered inside custom components. More info at https://github.com/leandrowd/react-responsive-carousel/blob/master/TROUBLESHOOTING.md"), []) : r;
|
|
1323
1323
|
},
|
|
1324
|
-
statusFormatter:
|
|
1324
|
+
statusFormatter: H.defaultStatusFormatter,
|
|
1325
1325
|
selectedItem: 0,
|
|
1326
1326
|
showArrows: !0,
|
|
1327
1327
|
showIndicators: !0,
|
|
@@ -1424,7 +1424,7 @@ te.div`
|
|
|
1424
1424
|
& .title {
|
|
1425
1425
|
font-weight: 700;
|
|
1426
1426
|
font-size: 2rem;
|
|
1427
|
-
color: var(--white);
|
|
1427
|
+
color: var(--white, #fff);
|
|
1428
1428
|
}
|
|
1429
1429
|
}
|
|
1430
1430
|
|
|
@@ -1436,10 +1436,18 @@ const Rt = te.div`
|
|
|
1436
1436
|
position: relative;
|
|
1437
1437
|
border-radius: 0.75rem;
|
|
1438
1438
|
|
|
1439
|
+
background: linear-gradient(
|
|
1440
|
+
178deg,
|
|
1441
|
+
rgba(0, 0, 0, 0) 1.5%,
|
|
1442
|
+
rgba(0, 0, 0, 0.16) 8.95%,
|
|
1443
|
+
#000 98.39%
|
|
1444
|
+
);
|
|
1445
|
+
|
|
1439
1446
|
& img {
|
|
1440
1447
|
object-fit: cover;
|
|
1441
1448
|
max-height: 20.625rem;
|
|
1442
1449
|
border-radius: 0.75rem;
|
|
1450
|
+
mix-blend-mode: multiply;
|
|
1443
1451
|
}
|
|
1444
1452
|
|
|
1445
1453
|
@media (max-width: ${ne + "px"}) {
|
|
@@ -1481,12 +1489,12 @@ const Rt = te.div`
|
|
|
1481
1489
|
display: flex;
|
|
1482
1490
|
flex-direction: column;
|
|
1483
1491
|
gap: 0.5rem;
|
|
1484
|
-
color: var(--white);
|
|
1492
|
+
color: var(--white, #fff);
|
|
1485
1493
|
|
|
1486
1494
|
& .banner-title {
|
|
1487
1495
|
font-weight: 700;
|
|
1488
1496
|
font-size: 2rem;
|
|
1489
|
-
color: var(--white);
|
|
1497
|
+
color: var(--white, #fff);
|
|
1490
1498
|
}
|
|
1491
1499
|
}
|
|
1492
1500
|
|
|
@@ -1502,7 +1510,7 @@ const Rt = te.div`
|
|
|
1502
1510
|
({ items: t = [], onSelectItem: n = () => {
|
|
1503
1511
|
} }, r) => {
|
|
1504
1512
|
const i = De();
|
|
1505
|
-
return /* @__PURE__ */ N(Ot, { children: /* @__PURE__ */ N(
|
|
1513
|
+
return /* @__PURE__ */ N(Ot, { ref: r, children: /* @__PURE__ */ N(
|
|
1506
1514
|
Oe.Carousel,
|
|
1507
1515
|
{
|
|
1508
1516
|
autoPlay: !0,
|
|
@@ -1515,7 +1523,7 @@ const Rt = te.div`
|
|
|
1515
1523
|
i || n == null || n(t == null ? void 0 : t.at(e), e);
|
|
1516
1524
|
},
|
|
1517
1525
|
children: t && (t == null ? void 0 : t.map((e, o) => /* @__PURE__ */ we(Rt, { children: [
|
|
1518
|
-
/* @__PURE__ */ N("img", { loading: "lazy", src: e.
|
|
1526
|
+
/* @__PURE__ */ N("img", { loading: "lazy", src: e.imageUrl }),
|
|
1519
1527
|
/* @__PURE__ */ N(Et, { children: /* @__PURE__ */ N("div", { className: "banner-content", children: /* @__PURE__ */ we("div", { className: "banner-text", children: [
|
|
1520
1528
|
/* @__PURE__ */ N("div", { className: "banner-title", children: e.title }),
|
|
1521
1529
|
e.description
|
|
@@ -45,4 +45,4 @@
|
|
|
45
45
|
max-height: unset;
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
|
-
`,T=j.forwardRef((e,B)=>{const{
|
|
48
|
+
`,T=j.forwardRef((e,B)=>{const{image1Url:n,image2Url:i,title1:o,title2:g,text1:a,text2:c,subtitle1:u,subtitle2:h,buttonText1:l,buttonText2:x,buttonLink1:d,buttonLink2:b,rowHeight:p="12.65625rem",onButtonAction:r=()=>{}}=e,m=k.useDetectMobile();return t.jsxs(q,{height:p,children:[t.jsx(s.TextBlockV1,{className:"text-item",title:o,subtitle:u,description:a,buttonText:l,buttonLink:d,onButtonAction:r}),t.jsx("img",{className:"img-item img-1",src:n}),m!==!0&&t.jsx("img",{className:"img-item img-2",src:i}),t.jsx(s.TextBlockV1,{className:"text-item",title:g,subtitle:h,description:c,buttonText:x,buttonLink:b,onButtonAction:r}),m===!0&&t.jsx("img",{className:"img-item img-2",src:i})]})});module.exports=T;
|
|
@@ -53,15 +53,15 @@ const N = T.div`
|
|
|
53
53
|
}
|
|
54
54
|
`, E = w((t, $) => {
|
|
55
55
|
const {
|
|
56
|
-
|
|
57
|
-
|
|
56
|
+
image1Url: s,
|
|
57
|
+
image2Url: i,
|
|
58
58
|
title1: a,
|
|
59
59
|
title2: g,
|
|
60
60
|
text1: n,
|
|
61
61
|
text2: h,
|
|
62
62
|
subtitle1: u,
|
|
63
|
-
subtitle2:
|
|
64
|
-
buttonText1:
|
|
63
|
+
subtitle2: l,
|
|
64
|
+
buttonText1: d,
|
|
65
65
|
buttonText2: c,
|
|
66
66
|
buttonLink1: x,
|
|
67
67
|
buttonLink2: p,
|
|
@@ -77,7 +77,7 @@ const N = T.div`
|
|
|
77
77
|
title: a,
|
|
78
78
|
subtitle: u,
|
|
79
79
|
description: n,
|
|
80
|
-
buttonText:
|
|
80
|
+
buttonText: d,
|
|
81
81
|
buttonLink: x,
|
|
82
82
|
onButtonAction: m
|
|
83
83
|
}
|
|
@@ -89,7 +89,7 @@ const N = T.div`
|
|
|
89
89
|
{
|
|
90
90
|
className: "text-item",
|
|
91
91
|
title: g,
|
|
92
|
-
subtitle:
|
|
92
|
+
subtitle: l,
|
|
93
93
|
description: h,
|
|
94
94
|
buttonText: c,
|
|
95
95
|
buttonLink: p,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const t=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";const t=require("react/jsx-runtime"),y=require("react"),i=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),r=require("./consts-CtNoHdBj.cjs"),j=require("./Button.cjs"),M=require("./useDetectMobile-D6d5LpdL.cjs"),v=i.newStyled.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
border-radius: 0.75rem;
|
|
4
4
|
background-color: ${e=>e.bgcolor||"transparent"};
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
min-height: ${e=>e.imgHMob||"12.1rem"};
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
|
-
`,
|
|
49
|
+
`,B=i.newStyled.div`
|
|
50
50
|
padding: ${e=>e.smallPadding===!0?"2rem":"4rem 5rem"};
|
|
51
51
|
display: flex;
|
|
52
52
|
gap: 2rem;
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
padding: 0;
|
|
60
60
|
flex-direction: column;
|
|
61
61
|
}
|
|
62
|
-
`,
|
|
62
|
+
`,H=i.newStyled.div`
|
|
63
63
|
display: flex;
|
|
64
64
|
flex-direction: column;
|
|
65
65
|
gap: 0.25rem;
|
|
@@ -78,4 +78,4 @@
|
|
|
78
78
|
@media (max-width: ${r.MOBILE_SIZE_PX+"px"}) {
|
|
79
79
|
flex-direction: column;
|
|
80
80
|
}
|
|
81
|
-
`,
|
|
81
|
+
`,S=y.forwardRef((e,d)=>{const{title:l,subtitle:m,buttonText:h,buttonLink:c,onButtonAction:g=()=>{},imageUrl:o,imagePosition:n="right",hideImageForMobile:a=!1,sectionHeight:x="12.65625rem",imageWidth:u,imageHeightMobile:p,smallPadding:b=!1,isHorizontalContent:f=!1,backgroundColor:w,hasBorder:$=!1}=e,s=M.useDetectMobile();return t.jsxs(v,{ref:d,bgcolor:w,height:x,imgW:u,imgHMob:p,hasBorder:$,children:[n!=="right"&&!(a===!0&&s===!0)&&t.jsx("img",{src:o}),t.jsxs(B,{isHorizontalContent:f,smallPadding:b,children:[t.jsxs(H,{children:[t.jsx("div",{className:"header-title",children:l}),t.jsx("div",{className:"header-subitle",children:m})]}),t.jsx(j,{size:"medium",color:"neutral",type:"button",onClick:()=>g(c),children:h})]}),n==="right"&&!(a===!0&&s===!0)&&t.jsx("img",{src:o})]})});module.exports=S;
|