@lanaco/lnc-react-ui 4.0.110 → 4.0.111

package/dist/BannerSectionCarousel.cjs

@@ -1,4 +1,4 @@
-"use strict";const D=require("react/jsx-runtime"),N=require("react"),Pe=require("./_commonjsHelpers-DKOUU3wS.cjs"),fe=require("./index-BPVoEhTF.cjs"),Ce=require("./index-gY9e_8LL.cjs"),Le=require("./useDetectMobile-zkbzoOGV.cjs"),te=require("./emotion-styled.browser.esm-BtEseadx.cjs"),ne=require("./consts-goSZX3xP.cjs"),re=require("./utils-CZynEOC_.cjs"),De=require("./Button.cjs");var Oe={},ie={},me={},le={},Se;function ke(){return Se||(Se=1,function(t){(function(n,r){r(t,N,fe.propTypesExports)})(Pe.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 p=1;p<arguments.length;p++){var S=arguments[p];for(var u in S)Object.prototype.hasOwnProperty.call(S,u)&&(l[u]=S[u])}return l};function f(l,p){var S={};for(var u in l)p.indexOf(u)>=0||Object.prototype.hasOwnProperty.call(l,u)&&(S[u]=l[u]);return S}function h(l,p){if(!(l instanceof p))throw new TypeError("Cannot call a class as a function")}var m=function(){function l(p,S){for(var u=0;u<S.length;u++){var g=S[u];g.enumerable=g.enumerable||!1,g.configurable=!0,"value"in g&&(g.writable=!0),Object.defineProperty(p,g.key,g)}}return function(p,S,u){return S&&l(p.prototype,S),u&&l(p,u),p}}();function v(l,p){if(!l)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return p&&(typeof p=="object"||typeof p=="function")?p:l}function _(l,p){if(typeof p!="function"&&p!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof p);l.prototype=Object.create(p&&p.prototype,{constructor:{value:l,enumerable:!1,writable:!0,configurable:!0}}),p&&(Object.setPrototypeOf?Object.setPrototypeOf(l,p):l.__proto__=p)}var b=!1;function E(l){b=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 b?l:l.capture}function ue(l){if("touches"in l){var p=l.touches[0],S=p.pageX,u=p.pageY;return{x:S,y:u}}var g=l.screenX,T=l.screenY;return{x:g,y:T}}var x=function(l){_(p,l);function p(){var S;h(this,p);for(var u=arguments.length,g=Array(u),T=0;T<u;T++)g[T]=arguments[T];var w=v(this,(S=p.__proto__||Object.getPrototypeOf(p)).call.apply(S,[this].concat(g)));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(p,[{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 g=ue(u),T=g.x,w=g.y;this.moveStart={x:T,y:w},this.props.onSwipeStart(u)}},{key:"_handleSwipeMove",value:function(u){if(this.moveStart){var g=ue(u),T=g.x,w=g.y,Y=T-this.moveStart.x,we=w-this.moveStart.y;this.moving=!0;var Me=this.props.onSwipeMove({x:Y,y:we},u);Me&&u.cancelable&&u.preventDefault(),this.movePosition={deltaX:Y,deltaY:we}}}},{key:"_handleSwipeEnd",value:function(u){this.props.onSwipeEnd(u);var g=this.props.tolerance;this.moving&&this.movePosition&&(this.movePosition.deltaX<-g?this.props.onSwipeLeft(1,u):this.movePosition.deltaX>g&&this.props.onSwipeRight(1,u),this.movePosition.deltaY<-g?this.props.onSwipeUp(1,u):this.movePosition.deltaY>g&&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 g=u.className,T=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:g,style:T},Y),w)}}]),p}(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})}(le)),le}(function(t){(function(n,r){r(t,ke())})(Pe.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})})(me);var j={};Object.defineProperty(j,"__esModule",{value:!0});j.default=void 0;var A=Ae(Ce.classnamesExports);function Ae(t){return t&&t.__esModule?t:{default:t}}function We(t,n,r){return n in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}var ze={ROOT:function(n){return(0,A.default)(We({"carousel-root":!0},n||"",!!n))},CAROUSEL:function(n){return(0,A.default)({carousel:!0,"carousel-slider":n})},WRAPPER:function(n,r){return(0,A.default)({"thumbs-wrapper":!n,"slider-wrapper":n,"axis-horizontal":r==="horizontal","axis-vertical":r!=="horizontal"})},SLIDER:function(n,r){return(0,A.default)({thumbs:!n,slider:n,animated:!r})},ITEM:function(n,r,i){return(0,A.default)({thumb:!n,slide:n,selected:r,previous:i})},ARROW_PREV:function(n){return(0,A.default)({"control-arrow control-prev":!0,"control-disabled":n})},ARROW_NEXT:function(n){return(0,A.default)({"control-arrow control-next":!0,"control-disabled":n})},DOT:function(n){return(0,A.default)({dot:!0,selected:n})}};j.default=ze;var q={},oe={};Object.defineProperty(oe,"__esModule",{value:!0});oe.outerWidth=void 0;var xe=function(n){var r=n.offsetWidth,i=getComputedStyle(n);return r+=parseInt(i.marginLeft)+parseInt(i.marginRight),r};oe.outerWidth=xe;var H={};Object.defineProperty(H,"__esModule",{value:!0});H.default=void 0;var Ne=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=Ne;var K={};Object.defineProperty(K,"__esModule",{value:!0});K.default=void 0;var He=function(){return window};K.default=He;Object.defineProperty(q,"__esModule",{value:!0});q.default=void 0;var I=Fe(N),W=ae(j),$e=oe,ge=ae(H),Ue=ae(me),V=ae(K);function ae(t){return t&&t.__esModule?t:{default:t}}function Re(){if(typeof WeakMap!="function")return null;var t=new WeakMap;return Re=function(){return t},t}function Fe(t){if(t&&t.__esModule)return t;if(t===null||U(t)!=="object"&&typeof t!="function")return{default:t};var n=Re();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 ce(){return ce=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},ce.apply(this,arguments)}function je(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}function qe(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 Ke(t,n,r){return n&&qe(t.prototype,n),t}function Be(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 Xe(t){var n=Ve();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 Ye(this,e)}}function Ye(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 Ve(){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 Ze=function(n){return n.hasOwnProperty("key")},ve=function(t){Be(r,t);var n=Xe(r);function r(i){var e;return je(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=I.Children.count(e.props.children),a=e.itemsWrapperRef.clientWidth,s=e.props.thumbWidth?e.props.thumbWidth:(0,$e.outerWidth)(e.thumbsRef[0]),f=Math.floor(a/s),h=f<o,m=h?o-f:0;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(!Ze(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=I.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,b=h+100/(_/a);return e.itemsListRef&&["WebkitTransform","MozTransform","MsTransform","OTransform","transform","msTransform"].forEach(function(E){e.itemsListRef.style[E]=(0,ge.default)(b,"%",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 Ke(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 I.default.createElement("li",ce({},f,{role:"button",tabIndex:0}),o)})}},{key:"render",value:function(){var e=this;if(!this.props.children)return null;var o=I.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,ge.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},I.default.createElement("div",{className:W.default.CAROUSEL(!1)},I.default.createElement("div",{className:W.default.WRAPPER(!1),ref:this.setItemsWrapperRef},I.default.createElement("button",{type:"button",className:W.default.ARROW_PREV(!a),onClick:function(){return e.slideRight()},"aria-label":this.props.labels.leftArrow}),o?I.default.createElement(Ue.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()):I.default.createElement("ul",{className:W.default.SLIDER(!1,this.state.swiping),ref:function(b){return e.setItemsListRef(b)},style:f},this.renderItems()),I.default.createElement("button",{type:"button",className:W.default.ARROW_NEXT(!s),onClick:function(){return e.slideLeft()},"aria-label":this.props.labels.rightArrow})))}}]),r}(I.Component);q.default=ve;P(ve,"displayName","Thumbs");P(ve,"defaultProps",{axis:"horizontal",labels:{leftArrow:"previous slide / item",rightArrow:"next slide / item",item:"slide item"},selectedItem:0,thumbWidth:80,transitionTime:350});var se={};Object.defineProperty(se,"__esModule",{value:!0});se.default=void 0;var Ge=function(){return document};se.default=Ge;var R={};Object.defineProperty(R,"__esModule",{value:!0});R.setPosition=R.getPosition=R.isKeyboardEvent=R.defaultStatusFormatter=R.noop=void 0;var Je=N,Qe=et(H);function et(t){return t&&t.__esModule?t:{default:t}}var tt=function(){};R.noop=tt;var nt=function(n,r){return"".concat(n," of ").concat(r)};R.defaultStatusFormatter=nt;var rt=function(n){return n?n.hasOwnProperty("key"):!1};R.isKeyboardEvent=rt;var it=function(n,r){if(r.infiniteLoop&&++n,n===0)return 0;var i=Je.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=it;var ot=function(n,r){var i={};return["WebkitTransform","MozTransform","MsTransform","OTransform","transform","msTransform"].forEach(function(e){i[e]=(0,Qe.default)(n,"%",r)}),i};R.setPosition=ot;var C={};Object.defineProperty(C,"__esModule",{value:!0});C.fadeAnimationHandler=C.slideStopSwipingHandler=C.slideSwipeAnimationHandler=C.slideAnimationHandler=void 0;var Ee=N,at=st(H),L=R;function st(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){ut(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 ut(t,n,r){return n in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}var lt=function(n,r){var i={},e=r.selectedItem,o=e,a=Ee.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,at.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=lt;var ft=function(n,r,i,e){var o={},a=r.axis==="horizontal",s=Ee.Children.count(r.children),f=0,h=(0,L.getPosition)(i.selectedItem,r),m=r.infiniteLoop?(0,L.getPosition)(s-1,r)-100:(0,L.getPosition)(s-1,r),v=a?n.x:n.y,_=v;h===f&&v>0&&(_=0),h===m&&v<0&&(_=0);var b=h+100/(i.itemSize/_),E=Math.abs(v)>r.swipeScrollTolerance;return r.infiniteLoop&&E&&(i.selectedItem===0&&b>-100?b-=s*100:i.selectedItem===s-1&&b<-s*100&&(b+=s*100)),(!r.preventMovementUntilSwipeScrollTolerance||E||i.swipeMovementStarted)&&(i.swipeMovementStarted||e({swipeMovementStarted:!0}),o.itemListStyle=(0,L.setPosition)(b,r.axis)),E&&!i.cancelClick&&e({cancelClick:!0}),o};C.slideSwipeAnimationHandler=ft;var ct=function(n,r){var i=(0,L.getPosition)(r.selectedItem,n),e=(0,L.setPosition)(i,n.axis);return{itemListStyle:e}};C.slideStopSwipingHandler=ct;var dt=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=dt;Object.defineProperty(ie,"__esModule",{value:!0});ie.default=void 0;var y=mt(N),pt=B(me),k=B(j),ht=B(q),Z=B(se),G=B(K),$=R,Q=C;function B(t){return t&&t.__esModule?t:{default:t}}function Te(){if(typeof WeakMap!="function")return null;var t=new WeakMap;return Te=function(){return t},t}function mt(t){if(t&&t.__esModule)return t;if(t===null||F(t)!=="object"&&typeof t!="function")return{default:t};var n=Te();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 _e(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?_e(Object(r),!0).forEach(function(i){c(t,i,r[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):_e(Object(r)).forEach(function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))})}return t}function vt(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}function yt(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 wt(t,n,r){return n&&yt(t.prototype,n),t}function St(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&&he(t,n)}function he(t,n){return he=Object.setPrototypeOf||function(i,e){return i.__proto__=e,i},he(t,n)}function gt(t){var n=_t();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 bt(this,e)}}function bt(t,n){return n&&(F(n)==="object"||typeof n=="function")?n:d(t)}function d(t){if(t===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function _t(){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 ye=function(t){St(r,t);var n=gt(r);function r(i){var e;vt(this,r),e=n.call(this,i),c(d(e),"thumbsRef",void 0),c(d(e),"carouselWrapperRef",void 0),c(d(e),"listRef",void 0),c(d(e),"itemsRef",void 0),c(d(e),"timer",void 0),c(d(e),"animationHandler",void 0),c(d(e),"setThumbsRef",function(a){e.thumbsRef=a}),c(d(e),"setCarouselWrapperRef",function(a){e.carouselWrapperRef=a}),c(d(e),"setListRef",function(a){e.listRef=a}),c(d(e),"setItemsRef",function(a,s){e.itemsRef||(e.itemsRef=[]),e.itemsRef[s]=a}),c(d(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(d(e),"clearAutoPlay",function(){e.timer&&clearTimeout(e.timer)}),c(d(e),"resetAutoPlay",function(){e.clearAutoPlay(),e.autoPlay()}),c(d(e),"stopOnHover",function(){e.setState({isMouseEntered:!0},e.clearAutoPlay)}),c(d(e),"startOnLeave",function(){e.setState({isMouseEntered:!1},e.autoPlay)}),c(d(e),"isFocusWithinTheCarousel",function(){return e.carouselWrapperRef?!!((0,Z.default)().activeElement===e.carouselWrapperRef||e.carouselWrapperRef.contains((0,Z.default)().activeElement)):!1}),c(d(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(d(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(d(e),"setMountState",function(){e.setState({hasMount:!0}),e.updateSizes()}),c(d(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(d(e),"handleOnChange",function(a,s){y.Children.count(e.props.children)<=1||e.props.onChange(a,s)}),c(d(e),"handleClickThumb",function(a,s){e.props.onClickThumb(a,s),e.moveTo(a)}),c(d(e),"onSwipeStart",function(a){e.setState({swiping:!0}),e.props.onSwipeStart(a)}),c(d(e),"onSwipeEnd",function(a){e.setState({swiping:!1,cancelClick:!1,swipeMovementStarted:!1}),e.props.onSwipeEnd(a),e.clearAutoPlay(),e.state.autoPlay&&e.autoPlay()}),c(d(e),"onSwipeMove",function(a,s){e.props.onSwipeMove(s);var f=e.props.swipeAnimationHandler(a,e.props,e.state,e.setState.bind(d(e)));return e.setState(M({},f)),!!Object.keys(f).length}),c(d(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(d(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(d(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(d(e),"onClickNext",function(){e.increment(1)}),c(d(e),"onClickPrev",function(){e.decrement(1)}),c(d(e),"onSwipeForward",function(){e.increment(1),e.props.emulateTouch&&e.setState({cancelClick:!0})}),c(d(e),"onSwipeBackwards",function(){e.decrement(1),e.props.emulateTouch&&e.setState({cancelClick:!0})}),c(d(e),"changeItem",function(a){return function(s){(!(0,$.isKeyboardEvent)(s)||s.key==="Enter")&&e.moveTo(a)}}),c(d(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(d(e),"getInitialImage",function(){var a=e.props.selectedItem,s=e.itemsRef&&e.itemsRef[a],f=s&&s.getElementsByTagName("img")||[];return f[0]}),c(d(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 b(){e.forceUpdate(),h.removeEventListener("load",b)};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 wt(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(b){return o.setItemsRef(b,s)},key:"itemKey"+s+(e?"clone":""),className:k.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(ht.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(),b={className:k.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(b.onSwipeLeft=this.onSwipeForward,b.onSwipeRight=this.onSwipeBackwards,this.props.dynamicHeight){var X=this.getVariableItemHeight(this.state.selectedItem);E.height=X||"auto"}}else b.onSwipeUp=this.props.verticalSwipe==="natural"?this.onSwipeBackwards:this.onSwipeForward,b.onSwipeDown=this.props.verticalSwipe==="natural"?this.onSwipeForward:this.onSwipeBackwards,b.style=M(M({},b.style),{},{height:this.state.itemSize}),E.height=this.state.itemSize;return y.default.createElement("div",{"aria-label":this.props.ariaLabel,className:k.default.ROOT(this.props.className),ref:this.setCarouselWrapperRef,tabIndex:this.props.useKeyboardArrows?0:void 0},y.default.createElement("div",{className:k.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:k.default.WRAPPER(!0,this.props.axis),style:E},o?y.default.createElement(pt.default,pe({tagName:"ul",innerRef:this.setListRef},b,{allowMouseEvents:this.props.emulateTouch}),this.props.infiniteLoop&&_,this.renderItems(),this.props.infiniteLoop&&v):y.default.createElement("ul",{className:k.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);ie.default=ye;c(ye,"displayName","Carousel");c(ye,"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:k.default.ARROW_PREV(!r),onClick:n})},renderArrowNext:function(n,r,i){return y.default.createElement("button",{type:"button","aria-label":i,className:k.default.ARROW_NEXT(!r),onClick:n})},renderIndicator:function(n,r,i,e){return y.default.createElement("li",{className:k.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 Pt={};(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(ie),r=Pt,i=e(q);function e(o){return o&&o.__esModule?o:{default:o}}})(Oe);const Ot=te.styled.div`
+"use strict";const k=require("react/jsx-runtime"),N=require("react"),Pe=require("./_commonjsHelpers-DKOUU3wS.cjs"),fe=require("./index-BPVoEhTF.cjs"),Ce=require("./index-gY9e_8LL.cjs"),te=require("./emotion-styled.browser.esm-BtEseadx.cjs"),ne=require("./consts-goSZX3xP.cjs"),re=require("./utils-CZynEOC_.cjs"),Le=require("./Button.cjs");var Oe={},ie={},me={},le={},Se;function ke(){return Se||(Se=1,function(t){(function(n,r){r(t,N,fe.propTypesExports)})(Pe.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 p=1;p<arguments.length;p++){var S=arguments[p];for(var u in S)Object.prototype.hasOwnProperty.call(S,u)&&(l[u]=S[u])}return l};function f(l,p){var S={};for(var u in l)p.indexOf(u)>=0||Object.prototype.hasOwnProperty.call(l,u)&&(S[u]=l[u]);return S}function h(l,p){if(!(l instanceof p))throw new TypeError("Cannot call a class as a function")}var m=function(){function l(p,S){for(var u=0;u<S.length;u++){var g=S[u];g.enumerable=g.enumerable||!1,g.configurable=!0,"value"in g&&(g.writable=!0),Object.defineProperty(p,g.key,g)}}return function(p,S,u){return S&&l(p.prototype,S),u&&l(p,u),p}}();function v(l,p){if(!l)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return p&&(typeof p=="object"||typeof p=="function")?p:l}function _(l,p){if(typeof p!="function"&&p!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof p);l.prototype=Object.create(p&&p.prototype,{constructor:{value:l,enumerable:!1,writable:!0,configurable:!0}}),p&&(Object.setPrototypeOf?Object.setPrototypeOf(l,p):l.__proto__=p)}var b=!1;function E(l){b=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 b?l:l.capture}function ue(l){if("touches"in l){var p=l.touches[0],S=p.pageX,u=p.pageY;return{x:S,y:u}}var g=l.screenX,T=l.screenY;return{x:g,y:T}}var x=function(l){_(p,l);function p(){var S;h(this,p);for(var u=arguments.length,g=Array(u),T=0;T<u;T++)g[T]=arguments[T];var w=v(this,(S=p.__proto__||Object.getPrototypeOf(p)).call.apply(S,[this].concat(g)));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(p,[{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 g=ue(u),T=g.x,w=g.y;this.moveStart={x:T,y:w},this.props.onSwipeStart(u)}},{key:"_handleSwipeMove",value:function(u){if(this.moveStart){var g=ue(u),T=g.x,w=g.y,Y=T-this.moveStart.x,we=w-this.moveStart.y;this.moving=!0;var Me=this.props.onSwipeMove({x:Y,y:we},u);Me&&u.cancelable&&u.preventDefault(),this.movePosition={deltaX:Y,deltaY:we}}}},{key:"_handleSwipeEnd",value:function(u){this.props.onSwipeEnd(u);var g=this.props.tolerance;this.moving&&this.movePosition&&(this.movePosition.deltaX<-g?this.props.onSwipeLeft(1,u):this.movePosition.deltaX>g&&this.props.onSwipeRight(1,u),this.movePosition.deltaY<-g?this.props.onSwipeUp(1,u):this.movePosition.deltaY>g&&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 g=u.className,T=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:g,style:T},Y),w)}}]),p}(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})}(le)),le}(function(t){(function(n,r){r(t,ke())})(Pe.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})})(me);var j={};Object.defineProperty(j,"__esModule",{value:!0});j.default=void 0;var A=De(Ce.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 We={ROOT:function(n){return(0,A.default)(Ae({"carousel-root":!0},n||"",!!n))},CAROUSEL:function(n){return(0,A.default)({carousel:!0,"carousel-slider":n})},WRAPPER:function(n,r){return(0,A.default)({"thumbs-wrapper":!n,"slider-wrapper":n,"axis-horizontal":r==="horizontal","axis-vertical":r!=="horizontal"})},SLIDER:function(n,r){return(0,A.default)({thumbs:!n,slider:n,animated:!r})},ITEM:function(n,r,i){return(0,A.default)({thumb:!n,slide:n,selected:r,previous:i})},ARROW_PREV:function(n){return(0,A.default)({"control-arrow control-prev":!0,"control-disabled":n})},ARROW_NEXT:function(n){return(0,A.default)({"control-arrow control-next":!0,"control-disabled":n})},DOT:function(n){return(0,A.default)({dot:!0,selected:n})}};j.default=We;var q={},oe={};Object.defineProperty(oe,"__esModule",{value:!0});oe.outerWidth=void 0;var ze=function(n){var r=n.offsetWidth,i=getComputedStyle(n);return r+=parseInt(i.marginLeft)+parseInt(i.marginRight),r};oe.outerWidth=ze;var H={};Object.defineProperty(H,"__esModule",{value:!0});H.default=void 0;var xe=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=xe;var K={};Object.defineProperty(K,"__esModule",{value:!0});K.default=void 0;var Ne=function(){return window};K.default=Ne;Object.defineProperty(q,"__esModule",{value:!0});q.default=void 0;var I=Ue(N),W=ae(j),He=oe,ge=ae(H),$e=ae(me),V=ae(K);function ae(t){return t&&t.__esModule?t:{default:t}}function Re(){if(typeof WeakMap!="function")return null;var t=new WeakMap;return Re=function(){return t},t}function Ue(t){if(t&&t.__esModule)return t;if(t===null||U(t)!=="object"&&typeof t!="function")return{default:t};var n=Re();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 ce(){return ce=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},ce.apply(this,arguments)}function Fe(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}function je(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 qe(t,n,r){return n&&je(t.prototype,n),t}function Ke(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 Be(t){var n=Ye();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 Xe(this,e)}}function Xe(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 Ye(){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 Ve=function(n){return n.hasOwnProperty("key")},ve=function(t){Ke(r,t);var n=Be(r);function r(i){var e;return Fe(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=I.Children.count(e.props.children),a=e.itemsWrapperRef.clientWidth,s=e.props.thumbWidth?e.props.thumbWidth:(0,He.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(!Ve(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=I.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,b=h+100/(_/a);return e.itemsListRef&&["WebkitTransform","MozTransform","MsTransform","OTransform","transform","msTransform"].forEach(function(E){e.itemsListRef.style[E]=(0,ge.default)(b,"%",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 qe(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 I.default.createElement("li",ce({},f,{role:"button",tabIndex:0}),o)})}},{key:"render",value:function(){var e=this;if(!this.props.children)return null;var o=I.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,ge.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},I.default.createElement("div",{className:W.default.CAROUSEL(!1)},I.default.createElement("div",{className:W.default.WRAPPER(!1),ref:this.setItemsWrapperRef},I.default.createElement("button",{type:"button",className:W.default.ARROW_PREV(!a),onClick:function(){return e.slideRight()},"aria-label":this.props.labels.leftArrow}),o?I.default.createElement($e.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()):I.default.createElement("ul",{className:W.default.SLIDER(!1,this.state.swiping),ref:function(b){return e.setItemsListRef(b)},style:f},this.renderItems()),I.default.createElement("button",{type:"button",className:W.default.ARROW_NEXT(!s),onClick:function(){return e.slideLeft()},"aria-label":this.props.labels.rightArrow})))}}]),r}(I.Component);q.default=ve;P(ve,"displayName","Thumbs");P(ve,"defaultProps",{axis:"horizontal",labels:{leftArrow:"previous slide / item",rightArrow:"next slide / item",item:"slide item"},selectedItem:0,thumbWidth:80,transitionTime:350});var se={};Object.defineProperty(se,"__esModule",{value:!0});se.default=void 0;var Ze=function(){return document};se.default=Ze;var R={};Object.defineProperty(R,"__esModule",{value:!0});R.setPosition=R.getPosition=R.isKeyboardEvent=R.defaultStatusFormatter=R.noop=void 0;var Ge=N,Je=Qe(H);function Qe(t){return t&&t.__esModule?t:{default:t}}var et=function(){};R.noop=et;var tt=function(n,r){return"".concat(n," of ").concat(r)};R.defaultStatusFormatter=tt;var nt=function(n){return n?n.hasOwnProperty("key"):!1};R.isKeyboardEvent=nt;var rt=function(n,r){if(r.infiniteLoop&&++n,n===0)return 0;var i=Ge.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=rt;var it=function(n,r){var i={};return["WebkitTransform","MozTransform","MsTransform","OTransform","transform","msTransform"].forEach(function(e){i[e]=(0,Je.default)(n,"%",r)}),i};R.setPosition=it;var C={};Object.defineProperty(C,"__esModule",{value:!0});C.fadeAnimationHandler=C.slideStopSwipingHandler=C.slideSwipeAnimationHandler=C.slideAnimationHandler=void 0;var Ee=N,ot=at(H),L=R;function at(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){st(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 st(t,n,r){return n in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}var ut=function(n,r){var i={},e=r.selectedItem,o=e,a=Ee.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,ot.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=ut;var lt=function(n,r,i,e){var o={},a=r.axis==="horizontal",s=Ee.Children.count(r.children),f=0,h=(0,L.getPosition)(i.selectedItem,r),m=r.infiniteLoop?(0,L.getPosition)(s-1,r)-100:(0,L.getPosition)(s-1,r),v=a?n.x:n.y,_=v;h===f&&v>0&&(_=0),h===m&&v<0&&(_=0);var b=h+100/(i.itemSize/_),E=Math.abs(v)>r.swipeScrollTolerance;return r.infiniteLoop&&E&&(i.selectedItem===0&&b>-100?b-=s*100:i.selectedItem===s-1&&b<-s*100&&(b+=s*100)),(!r.preventMovementUntilSwipeScrollTolerance||E||i.swipeMovementStarted)&&(i.swipeMovementStarted||e({swipeMovementStarted:!0}),o.itemListStyle=(0,L.setPosition)(b,r.axis)),E&&!i.cancelClick&&e({cancelClick:!0}),o};C.slideSwipeAnimationHandler=lt;var ft=function(n,r){var i=(0,L.getPosition)(r.selectedItem,n),e=(0,L.setPosition)(i,n.axis);return{itemListStyle:e}};C.slideStopSwipingHandler=ft;var ct=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=ct;Object.defineProperty(ie,"__esModule",{value:!0});ie.default=void 0;var y=ht(N),dt=B(me),D=B(j),pt=B(q),Z=B(se),G=B(K),$=R,Q=C;function B(t){return t&&t.__esModule?t:{default:t}}function Te(){if(typeof WeakMap!="function")return null;var t=new WeakMap;return Te=function(){return t},t}function ht(t){if(t&&t.__esModule)return t;if(t===null||F(t)!=="object"&&typeof t!="function")return{default:t};var n=Te();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 _e(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?_e(Object(r),!0).forEach(function(i){c(t,i,r[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):_e(Object(r)).forEach(function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))})}return t}function mt(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}function vt(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 yt(t,n,r){return n&&vt(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&&he(t,n)}function he(t,n){return he=Object.setPrototypeOf||function(i,e){return i.__proto__=e,i},he(t,n)}function St(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 gt(this,e)}}function gt(t,n){return n&&(F(n)==="object"||typeof n=="function")?n:d(t)}function d(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 ye=function(t){wt(r,t);var n=St(r);function r(i){var e;mt(this,r),e=n.call(this,i),c(d(e),"thumbsRef",void 0),c(d(e),"carouselWrapperRef",void 0),c(d(e),"listRef",void 0),c(d(e),"itemsRef",void 0),c(d(e),"timer",void 0),c(d(e),"animationHandler",void 0),c(d(e),"setThumbsRef",function(a){e.thumbsRef=a}),c(d(e),"setCarouselWrapperRef",function(a){e.carouselWrapperRef=a}),c(d(e),"setListRef",function(a){e.listRef=a}),c(d(e),"setItemsRef",function(a,s){e.itemsRef||(e.itemsRef=[]),e.itemsRef[s]=a}),c(d(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(d(e),"clearAutoPlay",function(){e.timer&&clearTimeout(e.timer)}),c(d(e),"resetAutoPlay",function(){e.clearAutoPlay(),e.autoPlay()}),c(d(e),"stopOnHover",function(){e.setState({isMouseEntered:!0},e.clearAutoPlay)}),c(d(e),"startOnLeave",function(){e.setState({isMouseEntered:!1},e.autoPlay)}),c(d(e),"isFocusWithinTheCarousel",function(){return e.carouselWrapperRef?!!((0,Z.default)().activeElement===e.carouselWrapperRef||e.carouselWrapperRef.contains((0,Z.default)().activeElement)):!1}),c(d(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(d(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(d(e),"setMountState",function(){e.setState({hasMount:!0}),e.updateSizes()}),c(d(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(d(e),"handleOnChange",function(a,s){y.Children.count(e.props.children)<=1||e.props.onChange(a,s)}),c(d(e),"handleClickThumb",function(a,s){e.props.onClickThumb(a,s),e.moveTo(a)}),c(d(e),"onSwipeStart",function(a){e.setState({swiping:!0}),e.props.onSwipeStart(a)}),c(d(e),"onSwipeEnd",function(a){e.setState({swiping:!1,cancelClick:!1,swipeMovementStarted:!1}),e.props.onSwipeEnd(a),e.clearAutoPlay(),e.state.autoPlay&&e.autoPlay()}),c(d(e),"onSwipeMove",function(a,s){e.props.onSwipeMove(s);var f=e.props.swipeAnimationHandler(a,e.props,e.state,e.setState.bind(d(e)));return e.setState(M({},f)),!!Object.keys(f).length}),c(d(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(d(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(d(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(d(e),"onClickNext",function(){e.increment(1)}),c(d(e),"onClickPrev",function(){e.decrement(1)}),c(d(e),"onSwipeForward",function(){e.increment(1),e.props.emulateTouch&&e.setState({cancelClick:!0})}),c(d(e),"onSwipeBackwards",function(){e.decrement(1),e.props.emulateTouch&&e.setState({cancelClick:!0})}),c(d(e),"changeItem",function(a){return function(s){(!(0,$.isKeyboardEvent)(s)||s.key==="Enter")&&e.moveTo(a)}}),c(d(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(d(e),"getInitialImage",function(){var a=e.props.selectedItem,s=e.itemsRef&&e.itemsRef[a],f=s&&s.getElementsByTagName("img")||[];return f[0]}),c(d(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 b(){e.forceUpdate(),h.removeEventListener("load",b)};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 yt(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(b){return o.setItemsRef(b,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(),b={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(b.onSwipeLeft=this.onSwipeForward,b.onSwipeRight=this.onSwipeBackwards,this.props.dynamicHeight){var X=this.getVariableItemHeight(this.state.selectedItem);E.height=X||"auto"}}else b.onSwipeUp=this.props.verticalSwipe==="natural"?this.onSwipeBackwards:this.onSwipeForward,b.onSwipeDown=this.props.verticalSwipe==="natural"?this.onSwipeForward:this.onSwipeBackwards,b.style=M(M({},b.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(dt.default,pe({tagName:"ul",innerRef:this.setListRef},b,{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);ie.default=ye;c(ye,"displayName","Carousel");c(ye,"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 _t={};(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(ie),r=_t,i=e(q);function e(o){return o&&o.__esModule?o:{default:o}}})(Oe);const Pt=te.styled.div`
   position: relative;
 
   & .image-carousel {
@@ -67,9 +67,10 @@
   @media (max-width: ${ne.MOBILE_SIZE_PX+"px"}) {
     display: none;
   }
-`;const Rt=te.styled.div`
+`;const Ot=te.styled.div`
   position: relative;
   border-radius: 0.75rem;
+  cursor: pointer;
 
   background: ${t=>re.isDefinedNotEmptyString(t==null?void 0:t.backgroundColor)?t==null?void 0:t.backgroundColor:`linear-gradient(
     to top left,
@@ -100,13 +101,12 @@
 
   @media (max-width: ${ne.MOBILE_SIZE_PX+"px"}) {
     border-radius: unset;
-    cursor: pointer;
 
     & img {
       border-radius: unset;
     }
   }
-`,Et=te.styled.div`
+`,Rt=te.styled.div`
   border-radius: 0.75rem;
   position: absolute;
   top: 0;
@@ -155,4 +155,4 @@
       display: none;
     }
   }
-`,Ie=N.forwardRef(({carouselItems:t=[],onSelectItem:n=()=>{},onButtonAction:r=()=>{}},i)=>{const e=Le.useDetectMobile();return D.jsx(Ot,{ref:i,children:D.jsx(Oe.Carousel,{autoPlay:!0,infiniteLoop:!0,showArrows:!1,showStatus:!1,showThumbs:!1,transitionTime:500,onClickItem:o=>{e&&n(t==null?void 0:t[o])},children:t&&(t==null?void 0:t.map((o,a)=>D.jsxs(Rt,{backgroundColor:o==null?void 0:o.backgroundColor,children:[D.jsx("img",{loading:"lazy",src:o.imageUrl}),D.jsx(Et,{backgroundColor:o==null?void 0:o.backgroundColor,children:D.jsxs("div",{className:"banner-content",children:[D.jsxs("div",{className:"banner-text",children:[D.jsx("div",{className:"banner-title",children:o.title}),o.description]}),re.isDefinedNotEmptyString(o==null?void 0:o.buttonText)&&D.jsx(De,{color:"neutral",className:"banner-action",onClick:s=>{var f;(f=s==null?void 0:s.target)==null||f.blur(),r(o)},children:o.buttonText})]})})]},`banner-${a+1}`)))})})});Ie.propTypes={items:fe.PropTypes.array,handleClick:fe.PropTypes.func};module.exports=Ie;
+`,Ie=N.forwardRef(({carouselItems:t=[],onSelectItem:n=()=>{},onButtonAction:r=()=>{}},i)=>k.jsx(Pt,{ref:i,children:k.jsx(Oe.Carousel,{autoPlay:!0,infiniteLoop:!0,showArrows:!1,showStatus:!1,showThumbs:!1,transitionTime:500,onClickItem:e=>{n(t==null?void 0:t[e])},children:t&&(t==null?void 0:t.map((e,o)=>k.jsxs(Ot,{backgroundColor:e==null?void 0:e.backgroundColor,children:[k.jsx("img",{loading:"lazy",src:e.imageUrl}),k.jsx(Rt,{backgroundColor:e==null?void 0:e.backgroundColor,children:k.jsxs("div",{className:"banner-content",children:[k.jsxs("div",{className:"banner-text",children:[k.jsx("div",{className:"banner-title",children:e.title}),e.description]}),re.isDefinedNotEmptyString(e==null?void 0:e.buttonText)&&k.jsx(Le,{color:"neutral",className:"banner-action",onClick:a=>{a==null||a.stopPropagation(),r(e)},children:e.buttonText})]})})]},`banner-${o+1}`)))})}));Ie.propTypes={items:fe.PropTypes.array,handleClick:fe.PropTypes.func};module.exports=Ie;

package/dist/BannerSectionCarousel.js

@@ -3,13 +3,12 @@ import F, { forwardRef as Ce } from "react";
 import { c as Oe } from "./_commonjsHelpers-DaMA6jEr.js";
 import { p as Le, P as Se } from "./index-S5Cd7WrG.js";
 import { a as ke } from "./index-Bq3leL2e.js";
-import { u as De } from "./useDetectMobile-Bkvj0VMa.js";
 import { s as te } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as ne } from "./consts-BuFChS64.js";
 import { k as re } from "./utils-BbgAIA9N.js";
-import Ae from "./Button.js";
+import De from "./Button.js";
 var Re = {}, ie = {}, me = {}, fe = {}, ge;
-function We() {
+function Ae() {
   return ge || (ge = 1, function(t) {
     (function(n, r) {
       r(t, F, Le);
@@ -144,11 +143,11 @@ function We() {
             if (this.moveStart) {
               var g = ue(u), T = g.x, w = g.y, Y = T - this.moveStart.x, we = w - this.moveStart.y;
               this.moving = !0;
-              var Ie = this.props.onSwipeMove({
+              var Me = this.props.onSwipeMove({
                 x: Y,
                 y: we
               }, u);
-              Ie && u.cancelable && u.preventDefault(), this.movePosition = { deltaX: Y, deltaY: we };
+              Me && u.cancelable && u.preventDefault(), this.movePosition = { deltaX: Y, deltaY: we };
             }
           }
         }, {
@@ -227,7 +226,7 @@ function We() {
 }
 (function(t) {
   (function(n, r) {
-    r(t, We());
+    r(t, Ae());
   })(Oe, function(n, r) {
     Object.defineProperty(n, "__esModule", {
       value: !0
@@ -246,16 +245,16 @@ Object.defineProperty(K, "__esModule", {
   value: !0
 });
 K.default = void 0;
-var D = ze(ke);
-function ze(t) {
+var D = We(ke);
+function We(t) {
   return t && t.__esModule ? t : { default: t };
 }
-function Ne(t, n, r) {
+function ze(t, n, r) {
   return n in t ? Object.defineProperty(t, n, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[n] = r, t;
 }
-var xe = {
+var Ne = {
   ROOT: function(n) {
-    return (0, D.default)(Ne({
+    return (0, D.default)(ze({
       "carousel-root": !0
     }, n || "", !!n));
   },
@@ -307,41 +306,41 @@ var xe = {
     });
   }
 };
-K.default = xe;
+K.default = Ne;
 var j = {}, oe = {};
 Object.defineProperty(oe, "__esModule", {
   value: !0
 });
 oe.outerWidth = void 0;
-var He = function(n) {
+var xe = function(n) {
   var r = n.offsetWidth, i = getComputedStyle(n);
   return r += parseInt(i.marginLeft) + parseInt(i.marginRight), r;
 };
-oe.outerWidth = He;
+oe.outerWidth = xe;
 var x = {};
 Object.defineProperty(x, "__esModule", {
   value: !0
 });
 x.default = void 0;
-var $e = function(n, r, i) {
+var He = 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;
 };
-x.default = $e;
+x.default = He;
 var q = {};
 Object.defineProperty(q, "__esModule", {
   value: !0
 });
 q.default = void 0;
-var Ue = function() {
+var $e = function() {
   return window;
 };
-q.default = Ue;
+q.default = $e;
 Object.defineProperty(j, "__esModule", {
   value: !0
 });
 j.default = void 0;
-var M = je(F), A = ae(K), Fe = oe, be = ae(x), Ke = ae(me), V = ae(q);
+var I = Ke(F), A = ae(K), Ue = oe, be = ae(x), Fe = ae(me), V = ae(q);
 function ae(t) {
   return t && t.__esModule ? t : { default: t };
 }
@@ -352,7 +351,7 @@ function Ee() {
     return t;
   }, t;
 }
-function je(t) {
+function Ke(t) {
   if (t && t.__esModule)
     return t;
   if (t === null || $(t) !== "object" && typeof t != "function")
@@ -386,20 +385,20 @@ function ce() {
     return t;
   }, ce.apply(this, arguments);
 }
-function qe(t, n) {
+function je(t, n) {
   if (!(t instanceof n))
     throw new TypeError("Cannot call a class as a function");
 }
-function Be(t, n) {
+function qe(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 Xe(t, n, r) {
-  return n && Be(t.prototype, n), t;
+function Be(t, n, r) {
+  return n && qe(t.prototype, n), t;
 }
-function Ye(t, n) {
+function Xe(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);
@@ -409,8 +408,8 @@ function de(t, n) {
     return i.__proto__ = e, i;
   }, de(t, n);
 }
-function Ve(t) {
-  var n = Ze();
+function Ye(t) {
+  var n = Ge();
   return function() {
     var i = J(t), e;
     if (n) {
@@ -418,10 +417,10 @@ function Ve(t) {
       e = Reflect.construct(i, arguments, o);
     } else
       e = i.apply(this, arguments);
-    return Ge(this, e);
+    return Ve(this, e);
   };
 }
-function Ge(t, n) {
+function Ve(t, n) {
   return n && ($(n) === "object" || typeof n == "function") ? n : O(t);
 }
 function O(t) {
@@ -429,7 +428,7 @@ function O(t) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return t;
 }
-function Ze() {
+function Ge() {
   if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham) return !1;
   if (typeof Proxy == "function") return !0;
   try {
@@ -447,14 +446,14 @@ function 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 Je = function(n) {
+var Ze = function(n) {
   return n.hasOwnProperty("key");
 }, ve = /* @__PURE__ */ function(t) {
-  Ye(r, t);
-  var n = Ve(r);
+  Xe(r, t);
+  var n = Ye(r);
   function r(i) {
     var e;
-    return qe(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) {
+    return je(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;
@@ -462,7 +461,7 @@ var Je = function(n) {
       e.thumbsRef || (e.thumbsRef = []), e.thumbsRef[a] = o;
     }), P(O(e), "updateSizes", function() {
       if (!(!e.props.children || !e.itemsWrapperRef || !e.thumbsRef)) {
-        var o = M.Children.count(e.props.children), a = e.itemsWrapperRef.clientWidth, s = e.props.thumbWidth ? e.props.thumbWidth : (0, Fe.outerWidth)(e.thumbsRef[0]), f = Math.floor(a / s), h = f < o, m = h ? o - f : 0;
+        var o = I.Children.count(e.props.children), a = e.itemsWrapperRef.clientWidth, s = e.props.thumbWidth ? e.props.thumbWidth : (0, Ue.outerWidth)(e.thumbsRef[0]), f = Math.floor(a / s), h = f < o, m = h ? o - f : 0;
         e.setState(function(v, _) {
           return {
             itemSize: s,
@@ -474,7 +473,7 @@ var Je = function(n) {
         });
       }
     }), P(O(e), "handleClickItem", function(o, a, s) {
-      if (!Je(s) || s.key === "Enter") {
+      if (!Ze(s) || s.key === "Enter") {
         var f = e.props.onSelectItem;
         typeof f == "function" && f(o, a);
       }
@@ -490,7 +489,7 @@ var Je = function(n) {
       var a = o.x;
       if (!e.state.itemSize || !e.itemsWrapperRef || !e.state.visibleItems)
         return !1;
-      var s = 0, f = M.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;
+      var s = 0, f = I.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, b = h + 100 / (_ / a);
       return e.itemsListRef && ["WebkitTransform", "MozTransform", "MsTransform", "OTransform", "transform", "msTransform"].forEach(function(E) {
@@ -513,7 +512,7 @@ var Je = function(n) {
       lastPosition: 0
     }, e;
   }
-  return Xe(r, [{
+  return Be(r, [{
     key: "componentDidMount",
     value: function() {
       this.setupThumbs();
@@ -565,7 +564,7 @@ var Je = function(n) {
             width: e.props.thumbWidth
           }
         };
-        return /* @__PURE__ */ M.default.createElement("li", ce({}, f, {
+        return /* @__PURE__ */ I.default.createElement("li", ce({}, f, {
           role: "button",
           tabIndex: 0
         }), o);
@@ -577,7 +576,7 @@ var Je = function(n) {
       var e = this;
       if (!this.props.children)
         return null;
-      var o = M.Children.count(this.props.children) > 1, a = this.state.showArrows && this.state.firstItem > 0, s = this.state.showArrows && this.state.firstItem < this.state.lastPosition, f = {}, h = -this.state.firstItem * (this.state.itemSize || 0), m = (0, be.default)(h, "px", this.props.axis), v = this.props.transitionTime + "ms";
+      var o = I.Children.count(this.props.children) > 1, a = this.state.showArrows && this.state.firstItem > 0, s = this.state.showArrows && this.state.firstItem < this.state.lastPosition, f = {}, h = -this.state.firstItem * (this.state.itemSize || 0), m = (0, be.default)(h, "px", this.props.axis), v = this.props.transitionTime + "ms";
       return f = {
         WebkitTransform: m,
         MozTransform: m,
@@ -591,19 +590,19 @@ var Je = function(n) {
         OTransitionDuration: v,
         transitionDuration: v,
         msTransitionDuration: v
-      }, /* @__PURE__ */ M.default.createElement("div", {
+      }, /* @__PURE__ */ I.default.createElement("div", {
         className: A.default.CAROUSEL(!1)
-      }, /* @__PURE__ */ M.default.createElement("div", {
+      }, /* @__PURE__ */ I.default.createElement("div", {
         className: A.default.WRAPPER(!1),
         ref: this.setItemsWrapperRef
-      }, /* @__PURE__ */ M.default.createElement("button", {
+      }, /* @__PURE__ */ I.default.createElement("button", {
         type: "button",
         className: A.default.ARROW_PREV(!a),
         onClick: function() {
           return e.slideRight();
         },
         "aria-label": this.props.labels.leftArrow
-      }), o ? /* @__PURE__ */ M.default.createElement(Ke.default, {
+      }), o ? /* @__PURE__ */ I.default.createElement(Fe.default, {
         tagName: "ul",
         className: A.default.SLIDER(!1, this.state.swiping),
         onSwipeLeft: this.slideLeft,
@@ -614,13 +613,13 @@ var Je = function(n) {
         style: f,
         innerRef: this.setItemsListRef,
         allowMouseEvents: this.props.emulateTouch
-      }, this.renderItems()) : /* @__PURE__ */ M.default.createElement("ul", {
+      }, this.renderItems()) : /* @__PURE__ */ I.default.createElement("ul", {
         className: A.default.SLIDER(!1, this.state.swiping),
         ref: function(b) {
           return e.setItemsListRef(b);
         },
         style: f
-      }, this.renderItems()), /* @__PURE__ */ M.default.createElement("button", {
+      }, this.renderItems()), /* @__PURE__ */ I.default.createElement("button", {
         type: "button",
         className: A.default.ARROW_NEXT(!s),
         onClick: function() {
@@ -630,7 +629,7 @@ var Je = function(n) {
       })));
     }
   }]), r;
-}(M.Component);
+}(I.Component);
 j.default = ve;
 P(ve, "displayName", "Thumbs");
 P(ve, "defaultProps", {
@@ -649,55 +648,55 @@ Object.defineProperty(se, "__esModule", {
   value: !0
 });
 se.default = void 0;
-var Qe = function() {
+var Je = function() {
   return document;
 };
-se.default = Qe;
+se.default = Je;
 var R = {};
 Object.defineProperty(R, "__esModule", {
   value: !0
 });
 R.setPosition = R.getPosition = R.isKeyboardEvent = R.defaultStatusFormatter = R.noop = void 0;
-var et = F, tt = nt(x);
-function nt(t) {
+var Qe = F, et = tt(x);
+function tt(t) {
   return t && t.__esModule ? t : { default: t };
 }
-var rt = function() {
+var nt = function() {
 };
-R.noop = rt;
-var it = function(n, r) {
+R.noop = nt;
+var rt = function(n, r) {
   return "".concat(n, " of ").concat(r);
 };
-R.defaultStatusFormatter = it;
-var ot = function(n) {
+R.defaultStatusFormatter = rt;
+var it = function(n) {
   return n ? n.hasOwnProperty("key") : !1;
 };
-R.isKeyboardEvent = ot;
-var at = function(n, r) {
+R.isKeyboardEvent = it;
+var ot = function(n, r) {
   if (r.infiniteLoop && ++n, n === 0)
     return 0;
-  var i = et.Children.count(r.children);
+  var i = Qe.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 = at;
-var st = function(n, r) {
+R.getPosition = ot;
+var at = function(n, r) {
   var i = {};
   return ["WebkitTransform", "MozTransform", "MsTransform", "OTransform", "transform", "msTransform"].forEach(function(e) {
-    i[e] = (0, tt.default)(n, "%", r);
+    i[e] = (0, et.default)(n, "%", r);
   }), i;
 };
-R.setPosition = st;
+R.setPosition = at;
 var C = {};
 Object.defineProperty(C, "__esModule", {
   value: !0
 });
 C.fadeAnimationHandler = C.slideStopSwipingHandler = C.slideSwipeAnimationHandler = C.slideAnimationHandler = void 0;
-var Te = F, ut = lt(x), L = R;
-function lt(t) {
+var Te = F, st = ut(x), L = R;
+function ut(t) {
   return t && t.__esModule ? t : { default: t };
 }
 function _e(t, n) {
@@ -714,21 +713,21 @@ function W(t) {
   for (var n = 1; n < arguments.length; n++) {
     var r = arguments[n] != null ? arguments[n] : {};
     n % 2 ? _e(Object(r), !0).forEach(function(i) {
-      ft(t, i, r[i]);
+      lt(t, i, r[i]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : _e(Object(r)).forEach(function(i) {
       Object.defineProperty(t, i, Object.getOwnPropertyDescriptor(r, i));
     });
   }
   return t;
 }
-function ft(t, n, r) {
+function lt(t, n, r) {
   return n in t ? Object.defineProperty(t, n, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[n] = r, t;
 }
-var ct = function(n, r) {
+var ft = function(n, r) {
   var i = {}, e = r.selectedItem, o = e, a = Te.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, ut.default)(f, "%", n.axis), m = n.transitionTime + "ms";
+  var f = (0, L.getPosition)(e, n), h = (0, st.default)(f, "%", n.axis), m = n.transitionTime + "ms";
   return i.itemListStyle = {
     WebkitTransform: h,
     msTransform: h,
@@ -742,8 +741,8 @@ var ct = function(n, r) {
     msTransitionDuration: m
   })), i;
 };
-C.slideAnimationHandler = ct;
-var dt = function(n, r, i, e) {
+C.slideAnimationHandler = ft;
+var ct = function(n, r, i, e) {
   var o = {}, a = r.axis === "horizontal", s = Te.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 b = h + 100 / (i.itemSize / _), E = Math.abs(v) > r.swipeScrollTolerance;
@@ -753,15 +752,15 @@ var dt = function(n, r, i, e) {
     cancelClick: !0
   }), o;
 };
-C.slideSwipeAnimationHandler = dt;
-var pt = function(n, r) {
+C.slideSwipeAnimationHandler = ct;
+var dt = function(n, r) {
   var i = (0, L.getPosition)(r.selectedItem, n), e = (0, L.setPosition)(i, n.axis);
   return {
     itemListStyle: e
   };
 };
-C.slideStopSwipingHandler = pt;
-var ht = function(n, r) {
+C.slideStopSwipingHandler = dt;
+var pt = function(n, r) {
   var i = n.transitionTime + "ms", e = "ease-in-out", o = {
     position: "absolute",
     display: "block",
@@ -793,28 +792,28 @@ var ht = function(n, r) {
     prevStyle: W({}, o)
   };
 };
-C.fadeAnimationHandler = ht;
+C.fadeAnimationHandler = pt;
 Object.defineProperty(ie, "__esModule", {
   value: !0
 });
 ie.default = void 0;
-var y = yt(F), mt = B(me), k = B(K), vt = B(j), G = B(se), Z = B(q), H = R, Q = C;
+var y = vt(F), ht = B(me), k = B(K), mt = B(j), G = B(se), Z = B(q), H = R, Q = C;
 function B(t) {
   return t && t.__esModule ? t : { default: t };
 }
-function Me() {
+function Ie() {
   if (typeof WeakMap != "function") return null;
   var t = /* @__PURE__ */ new WeakMap();
-  return Me = function() {
+  return Ie = function() {
     return t;
   }, t;
 }
-function yt(t) {
+function vt(t) {
   if (t && t.__esModule)
     return t;
   if (t === null || U(t) !== "object" && typeof t != "function")
     return { default: t };
-  var n = Me();
+  var n = Ie();
   if (n && n.has(t))
     return n.get(t);
   var r = {}, i = Object.defineProperty && Object.getOwnPropertyDescriptor;
@@ -853,7 +852,7 @@ function Pe(t, n) {
   }
   return r;
 }
-function I(t) {
+function M(t) {
   for (var n = 1; n < arguments.length; n++) {
     var r = arguments[n] != null ? arguments[n] : {};
     n % 2 ? Pe(Object(r), !0).forEach(function(i) {
@@ -864,20 +863,20 @@ function I(t) {
   }
   return t;
 }
-function wt(t, n) {
+function yt(t, n) {
   if (!(t instanceof n))
     throw new TypeError("Cannot call a class as a function");
 }
-function St(t, n) {
+function wt(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 gt(t, n, r) {
-  return n && St(t.prototype, n), t;
+function St(t, n, r) {
+  return n && wt(t.prototype, n), t;
 }
-function bt(t, n) {
+function gt(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 && he(t, n);
@@ -887,8 +886,8 @@ function he(t, n) {
     return i.__proto__ = e, i;
   }, he(t, n);
 }
-function _t(t) {
-  var n = Ot();
+function bt(t) {
+  var n = Pt();
   return function() {
     var i = ee(t), e;
     if (n) {
@@ -896,10 +895,10 @@ function _t(t) {
       e = Reflect.construct(i, arguments, o);
     } else
       e = i.apply(this, arguments);
-    return Pt(this, e);
+    return _t(this, e);
   };
 }
-function Pt(t, n) {
+function _t(t, n) {
   return n && (U(n) === "object" || typeof n == "function") ? n : d(t);
 }
 function d(t) {
@@ -907,7 +906,7 @@ function d(t) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return t;
 }
-function Ot() {
+function Pt() {
   if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham) return !1;
   if (typeof Proxy == "function") return !0;
   try {
@@ -926,11 +925,11 @@ 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 ye = /* @__PURE__ */ function(t) {
-  bt(r, t);
-  var n = _t(r);
+  gt(r, t);
+  var n = bt(r);
   function r(i) {
     var e;
-    wt(this, r), e = n.call(this, i), c(d(e), "thumbsRef", void 0), c(d(e), "carouselWrapperRef", void 0), c(d(e), "listRef", void 0), c(d(e), "itemsRef", void 0), c(d(e), "timer", void 0), c(d(e), "animationHandler", void 0), c(d(e), "setThumbsRef", function(a) {
+    yt(this, r), e = n.call(this, i), c(d(e), "thumbsRef", void 0), c(d(e), "carouselWrapperRef", void 0), c(d(e), "listRef", void 0), c(d(e), "itemsRef", void 0), c(d(e), "timer", void 0), c(d(e), "animationHandler", void 0), c(d(e), "setThumbsRef", function(a) {
       e.thumbsRef = a;
     }), c(d(e), "setCarouselWrapperRef", function(a) {
       e.carouselWrapperRef = a;
@@ -1009,7 +1008,7 @@ var ye = /* @__PURE__ */ function(t) {
     }), c(d(e), "onSwipeMove", function(a, s) {
       e.props.onSwipeMove(s);
       var f = e.props.swipeAnimationHandler(a, e.props, e.state, e.setState.bind(d(e)));
-      return e.setState(I({}, f)), !!Object.keys(f).length;
+      return e.setState(M({}, f)), !!Object.keys(f).length;
     }), c(d(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));
@@ -1041,7 +1040,7 @@ var ye = /* @__PURE__ */ function(t) {
         (!(0, H.isKeyboardEvent)(s) || s.key === "Enter") && e.moveTo(a);
       };
     }), c(d(e), "selectItem", function(a) {
-      e.setState(I({
+      e.setState(M({
         previousItem: e.state.selectedItem
       }, a), function() {
         e.setState(e.animationHandler(e.props, e.state));
@@ -1083,9 +1082,9 @@ var ye = /* @__PURE__ */ function(t) {
       selectedStyle: {},
       prevStyle: {}
     };
-    return e.animationHandler = typeof i.animationHandler == "function" && i.animationHandler || i.animationHandler === "fade" && Q.fadeAnimationHandler || Q.slideAnimationHandler, e.state = I(I({}, o), e.animationHandler(i, o)), e;
+    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 gt(r, [{
+  return St(r, [{
     key: "componentDidMount",
     value: function() {
       this.props.children && this.setupCarousel();
@@ -1093,7 +1092,7 @@ var ye = /* @__PURE__ */ function(t) {
   }, {
     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(I({}, 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({
+      !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
       }));
     }
@@ -1156,9 +1155,9 @@ var ye = /* @__PURE__ */ function(t) {
       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 = I(I({}, m), {}, {
+        o.props.centerMode && o.props.axis === "horizontal" && (m = M(M({}, m), {}, {
           minWidth: o.props.centerSlidePercentage + "%"
-        })), o.state.swiping && o.state.swipeMovementStarted && (m = I(I({}, m), {}, {
+        })), o.state.swiping && o.state.swipeMovementStarted && (m = M(M({}, m), {}, {
           pointerEvents: "none"
         }));
         var v = {
@@ -1196,7 +1195,7 @@ var ye = /* @__PURE__ */ function(t) {
   }, {
     key: "renderThumbs",
     value: function() {
-      return !this.props.showThumbs || !this.props.children || y.Children.count(this.props.children) === 0 ? null : /* @__PURE__ */ y.default.createElement(vt.default, {
+      return !this.props.showThumbs || !this.props.children || y.Children.count(this.props.children) === 0 ? null : /* @__PURE__ */ y.default.createElement(mt.default, {
         ref: this.setThumbsRef,
         onSelectItem: this.handleClickThumb,
         selectedItem: this.state.selectedItem,
@@ -1226,7 +1225,7 @@ var ye = /* @__PURE__ */ function(t) {
           E.height = X || "auto";
         }
       } else
-        b.onSwipeUp = this.props.verticalSwipe === "natural" ? this.onSwipeBackwards : this.onSwipeForward, b.onSwipeDown = this.props.verticalSwipe === "natural" ? this.onSwipeForward : this.onSwipeBackwards, b.style = I(I({}, b.style), {}, {
+        b.onSwipeUp = this.props.verticalSwipe === "natural" ? this.onSwipeBackwards : this.onSwipeForward, b.onSwipeDown = this.props.verticalSwipe === "natural" ? this.onSwipeForward : this.onSwipeBackwards, b.style = M(M({}, b.style), {}, {
           height: this.state.itemSize
         }), E.height = this.state.itemSize;
       return /* @__PURE__ */ y.default.createElement("div", {
@@ -1242,7 +1241,7 @@ var ye = /* @__PURE__ */ function(t) {
       }, this.renderControls(), this.props.renderArrowPrev(this.onClickPrev, f, this.props.labels.leftArrow), /* @__PURE__ */ y.default.createElement("div", {
         className: k.default.WRAPPER(!0, this.props.axis),
         style: E
-      }, o ? /* @__PURE__ */ y.default.createElement(mt.default, pe({
+      }, o ? /* @__PURE__ */ y.default.createElement(ht.default, pe({
         tagName: "ul",
         innerRef: this.setListRef
       }, b, {
@@ -1339,7 +1338,7 @@ c(ye, "defaultProps", {
   swipeAnimationHandler: Q.slideSwipeAnimationHandler,
   stopSwipingHandler: Q.slideStopSwipingHandler
 });
-var Rt = {};
+var Ot = {};
 (function(t) {
   Object.defineProperty(t, "__esModule", {
     value: !0
@@ -1359,12 +1358,12 @@ var Rt = {};
       return i.default;
     }
   });
-  var n = e(ie), r = Rt, i = e(j);
+  var n = e(ie), r = Ot, i = e(j);
   function e(o) {
     return o && o.__esModule ? o : { default: o };
   }
 })(Re);
-const Et = te.div`
+const Rt = te.div`
   position: relative;
 
   & .image-carousel {
@@ -1435,9 +1434,10 @@ te.div`
     display: none;
   }
 `;
-const Tt = te.div`
+const Et = te.div`
   position: relative;
   border-radius: 0.75rem;
+  cursor: pointer;
 
   background: ${(t) => re(t == null ? void 0 : t.backgroundColor) ? t == null ? void 0 : t.backgroundColor : `linear-gradient(
     to top left,
@@ -1468,13 +1468,12 @@ const Tt = te.div`
 
   @media (max-width: ${ne + "px"}) {
     border-radius: unset;
-    cursor: pointer;
 
     & img {
       border-radius: unset;
     }
   }
-`, Mt = te.div`
+`, Tt = te.div`
   border-radius: 0.75rem;
   position: absolute;
   top: 0;
@@ -1526,51 +1525,47 @@ const Tt = te.div`
 `, It = Ce(
   ({ carouselItems: t = [], onSelectItem: n = () => {
   }, onButtonAction: r = () => {
-  } }, i) => {
-    const e = De();
-    return /* @__PURE__ */ N(Et, { ref: i, children: /* @__PURE__ */ N(
-      Re.Carousel,
-      {
-        autoPlay: !0,
-        infiniteLoop: !0,
-        showArrows: !1,
-        showStatus: !1,
-        showThumbs: !1,
-        transitionTime: 500,
-        onClickItem: (o) => {
-          e && n(t == null ? void 0 : t[o]);
+  } }, i) => /* @__PURE__ */ N(Rt, { ref: i, children: /* @__PURE__ */ N(
+    Re.Carousel,
+    {
+      autoPlay: !0,
+      infiniteLoop: !0,
+      showArrows: !1,
+      showStatus: !1,
+      showThumbs: !1,
+      transitionTime: 500,
+      onClickItem: (e) => {
+        n(t == null ? void 0 : t[e]);
+      },
+      children: t && (t == null ? void 0 : t.map((e, o) => /* @__PURE__ */ le(
+        Et,
+        {
+          backgroundColor: e == null ? void 0 : e.backgroundColor,
+          children: [
+            /* @__PURE__ */ N("img", { loading: "lazy", src: e.imageUrl }),
+            /* @__PURE__ */ N(Tt, { backgroundColor: e == null ? void 0 : e.backgroundColor, children: /* @__PURE__ */ le("div", { className: "banner-content", children: [
+              /* @__PURE__ */ le("div", { className: "banner-text", children: [
+                /* @__PURE__ */ N("div", { className: "banner-title", children: e.title }),
+                e.description
+              ] }),
+              re(e == null ? void 0 : e.buttonText) && /* @__PURE__ */ N(
+                De,
+                {
+                  color: "neutral",
+                  className: "banner-action",
+                  onClick: (a) => {
+                    a == null || a.stopPropagation(), r(e);
+                  },
+                  children: e.buttonText
+                }
+              )
+            ] }) })
+          ]
         },
-        children: t && (t == null ? void 0 : t.map((o, a) => /* @__PURE__ */ le(
-          Tt,
-          {
-            backgroundColor: o == null ? void 0 : o.backgroundColor,
-            children: [
-              /* @__PURE__ */ N("img", { loading: "lazy", src: o.imageUrl }),
-              /* @__PURE__ */ N(Mt, { backgroundColor: o == null ? void 0 : o.backgroundColor, children: /* @__PURE__ */ le("div", { className: "banner-content", children: [
-                /* @__PURE__ */ le("div", { className: "banner-text", children: [
-                  /* @__PURE__ */ N("div", { className: "banner-title", children: o.title }),
-                  o.description
-                ] }),
-                re(o == null ? void 0 : o.buttonText) && /* @__PURE__ */ N(
-                  Ae,
-                  {
-                    color: "neutral",
-                    className: "banner-action",
-                    onClick: (s) => {
-                      var f;
-                      (f = s == null ? void 0 : s.target) == null || f.blur(), r(o);
-                    },
-                    children: o.buttonText
-                  }
-                )
-              ] }) })
-            ]
-          },
-          `banner-${a + 1}`
-        )))
-      }
-    ) });
-  }
+        `banner-${o + 1}`
+      )))
+    }
+  ) })
 );
 It.propTypes = {
   items: Se.array,

package/dist/DetailedProductsSection.cjs

@@ -26,4 +26,4 @@
       /* Safari and Chrome */
     }
   }
-`,S=s.memo(h.DetailedProductCard),R=s.forwardRef((r,f)=>{const{icon:a,title:C,buttonLink:c,items:t,buttonText:j,limit:o=4,gap:w,onSelectCard:u=()=>{},onButtonAction:P=()=>{},isLoading:N=!1,getImage:d=()=>{},negotiableText:m,freeText:g,options:l,onSelectOption:p=()=>{},productsToolbarName:q="All"}=r,b=M.useDetectMobile(),k=s.useMemo(()=>i.jsx(i.Fragment,{children:b===!0?t==null?void 0:t.map((e,n)=>i.jsx(S,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,isSponsored:e==null?void 0:e.isSponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>u(e==null?void 0:e.uuid),imageUrl:d(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:m,freeText:g},n)):t==null?void 0:t.slice(0,o).map((e,n)=>i.jsx(S,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,isSponsored:e==null?void 0:e.isSponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>u(e==null?void 0:e.uuid),imageUrl:d(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:m,freeText:g},n))}),[t,b,o]);return i.jsxs(F.TitleWithOptionsSectionWrapper,{ref:f,children:[i.jsxs("div",{className:"regular-title",children:[i.jsxs("div",{className:"regular-title-text",children:[y.isDefinedNotEmptyString(a)&&i.jsx("i",{className:a}),i.jsx("span",{children:C})]}),y.isDefinedNotEmptyString(c)&&i.jsx(U,{type:"button",btnType:"tinted",color:"gray",onClick:e=>{var n;(n=e==null?void 0:e.target)==null||n.blur(),P(c)},borderRadius:"curved",className:"button-link",children:j})]}),(l==null?void 0:l.length)>0&&i.jsx(T.SelectBar,{items:l,onRemove:e=>{p(e)},onSelect:e=>{p(e)},labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:q}),i.jsx(E,{limit:o,gap:w,children:i.jsx(h.SuspenseDetailedProductCard,{isLoading:N,itemsCount:o,keyPrefix:"explore-landing",children:k})})]})});module.exports=R;
+`,S=s.memo(h.DetailedProductCard),R=s.forwardRef((r,f)=>{const{icon:a,title:j,buttonLink:c,items:t,buttonText:w,limit:o=4,gap:C,onSelectCard:u=()=>{},onButtonAction:P=()=>{},isLoading:N=!1,getImage:d=()=>{},negotiableText:m,freeText:g,options:l,onSelectOption:p=()=>{},productsToolbarName:q="All"}=r,b=M.useDetectMobile(),k=s.useMemo(()=>i.jsx(i.Fragment,{children:b===!0?t==null?void 0:t.map((e,n)=>i.jsx(S,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,isSponsored:e==null?void 0:e.isSponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>u(e==null?void 0:e.uuid),imageUrl:d(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:m,freeText:g},n)):t==null?void 0:t.slice(0,o).map((e,n)=>i.jsx(S,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,isSponsored:e==null?void 0:e.isSponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>u(e==null?void 0:e.uuid),imageUrl:d(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:m,freeText:g},n))}),[t,b,o]);return i.jsxs(F.TitleWithOptionsSectionWrapper,{ref:f,children:[i.jsxs("div",{className:"regular-title",children:[i.jsxs("div",{className:"regular-title-text",children:[y.isDefinedNotEmptyString(a)&&i.jsx("i",{className:a}),i.jsx("span",{children:j})]}),y.isDefinedNotEmptyString(c)&&i.jsx(U,{type:"button",btnType:"tinted",color:"gray",onClick:e=>{var n;(n=e==null?void 0:e.target)==null||n.blur(),P(c)},borderRadius:"curved",className:"button-link",children:w})]}),(l==null?void 0:l.length)>0&&i.jsx(T.SelectBar,{items:l,onRemove:e=>{p(e)},onSelect:e=>{p(e)},labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:q}),i.jsx(E,{limit:o,gap:C,children:i.jsx(h.SuspenseDetailedProductCard,{isLoading:N,limit:o,keyPrefix:"explore-landing",children:k})})]})});module.exports=R;

package/dist/DetailedProductsSection.js

@@ -42,15 +42,15 @@ const W = F.div`
     title: h,
     buttonLink: d,
     items: o,
-    buttonText: C,
+    buttonText: w,
     limit: l = 4,
-    gap: w,
-    onSelectCard: m = () => {
+    gap: C,
+    onSelectCard: c = () => {
     },
     onButtonAction: P = () => {
     },
     isLoading: k = !1,
-    getImage: c = () => {
+    getImage: m = () => {
     },
     negotiableText: u,
     freeText: p,
@@ -70,8 +70,8 @@ const W = F.div`
       uuid: e == null ? void 0 : e.uuid,
       isSponsored: e == null ? void 0 : e.isSponsored,
       imageComponent: e == null ? void 0 : e.imageComponent,
-      onSelectCard: () => m(e == null ? void 0 : e.uuid),
-      imageUrl: c(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
+      onSelectCard: () => c(e == null ? void 0 : e.uuid),
+      imageUrl: m(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
       isFree: e == null ? void 0 : e.isFree,
       isNegotiable: e == null ? void 0 : e.isNegotiable,
       negotiableText: u,
@@ -91,8 +91,8 @@ const W = F.div`
       location: e == null ? void 0 : e.location,
       isSponsored: e == null ? void 0 : e.isSponsored,
       imageComponent: e == null ? void 0 : e.imageComponent,
-      onSelectCard: () => m(e == null ? void 0 : e.uuid),
-      imageUrl: c(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
+      onSelectCard: () => c(e == null ? void 0 : e.uuid),
+      imageUrl: m(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
       isFree: e == null ? void 0 : e.isFree,
       isNegotiable: e == null ? void 0 : e.isNegotiable,
       negotiableText: u,
@@ -118,7 +118,7 @@ const W = F.div`
           },
           borderRadius: "curved",
           className: "button-link",
-          children: C
+          children: w
         }
       )
     ] }),
@@ -138,11 +138,11 @@ const W = F.div`
         productsToolbarName: N
       }
     ),
-    /* @__PURE__ */ i(W, { limit: l, gap: w, children: /* @__PURE__ */ i(
+    /* @__PURE__ */ i(W, { limit: l, gap: C, children: /* @__PURE__ */ i(
       O,
       {
         isLoading: k,
-        itemsCount: l,
+        limit: l,
         keyPrefix: "explore-landing",
         children: v
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lanaco/lnc-react-ui",
-  "version": "4.0.110",
+  "version": "4.0.111",
   "description": "React component library",
   "type": "module",
   "keywords": [