@lanaco/lnc-react-ui 4.0.179 → 4.0.181

package/dist/BannerSectionCarousel.cjs

@@ -1,4 +1,4 @@
-"use strict";const S=require("react/jsx-runtime"),E=require("react"),k=require("./_commonjsHelpers-DwTZ_eVU.cjs"),D=require("./index-BpbMKBf_.cjs"),vt=require("./Button.cjs"),gt=require("./useDetectMobile-zkbzoOGV.cjs"),at=require("./emotion-styled.browser.esm-BtEseadx.cjs"),lt=require("./style-BAcV7F53.cjs"),yt=require("./consts-goSZX3xP.cjs");var q={},K={},m={},F={};(function(o){function i(l,n,a){var u=n.slidesToShow,d=n.currentSlide;return a.length>2*u?l+2*u:d>=a.length?a.length+l:l}function t(l,n){if(n.length>2*l){for(var a={},u=n.length-2*l,d=n.length-u,c=u,h=0;h<d;h++)a[h]=c,c++;var p=n.length+d,f=p+n.slice(0,2*l).length,g=0;for(h=p;h<=f;h++)a[h]=g,g++;var b=p,_=0;for(h=d;h<b;h++)a[h]=_,_++;return a}a={};var C=3*n.length,y=0;for(h=0;h<C;h++)a[h]=y,++y===n.length&&(y=0);return a}function e(l,n){return n.length<l?n:n.length>2*l?n.slice(n.length-2*l,n.length).concat(n,n.slice(0,2*l)):n.concat(n,n)}function r(l,n){return n.length>2*l?2*l:n.length}function s(l,n,a){var u,d=l.currentSlide,c=l.slidesToShow,h=l.itemWidth,p=l.totalItems,f=0,g=0,b=d===0,_=n.length-(n.length-2*c);return n.length<c?(g=f=0,b=u=!1):n.length>2*c?((u=d>=_+n.length)&&(g=-h*(f=d-n.length)),b&&(g=-h*(f=_+(n.length-2*c)))):((u=d>=2*n.length)&&(g=-h*(f=d-n.length)),b&&(g=a.showDots?-h*(f=n.length):-h*(f=p/3))),{isReachingTheEnd:u,isReachingTheStart:b,nextSlide:f,nextPosition:g}}Object.defineProperty(o,"__esModule",{value:!0}),o.getOriginalCounterPart=i,o.getOriginalIndexLookupTableByClones=t,o.getClones=e,o.getInitialSlideInInfiniteMode=r,o.checkClonesPosition=s})(F);var A={};Object.defineProperty(A,"__esModule",{value:!0});var ot=!1;function St(o,i,t,e){var r=0,s=e||t;return i&&s&&(!ot&&process.env.NODE_ENV!=="production"&&o[s].paritialVisibilityGutter&&(ot=!0,console.warn("You appear to be using paritialVisibilityGutter instead of partialVisibilityGutter which will be moved to partialVisibilityGutter in the future completely")),r=o[s].partialVisibilityGutter||o[s].paritialVisibilityGutter),r}function Tt(o,i){var t;return i[o]&&(t=(100/i[o].items).toFixed(1)),t}function wt(o,i,t){return Math.round(t/(i+(o.centerMode?1:0)))}A.getPartialVisibilityGutter=St,A.getWidthFromDeviceType=Tt,A.getItemClientSideWidth=wt;var T={};Object.defineProperty(T,"__esModule",{value:!0});var Y=A;function Z(o){var i=o.slidesToShow;return o.totalItems<i}function bt(o,i){var t,e=o.domLoaded,r=o.slidesToShow,s=o.containerWidth,l=o.itemWidth,n=i.deviceType,a=i.responsive,u=i.ssr,d=i.partialVisbile,c=i.partialVisible,h=!!(e&&r&&s&&l);u&&n&&!h&&(t=Y.getWidthFromDeviceType(n,a));var p=!!(u&&n&&!h&&t);return{shouldRenderOnSSR:p,flexBisis:t,domFullyLoaded:h,partialVisibilityGutter:Y.getPartialVisibilityGutter(a,d||c,n,o.deviceType),shouldRenderAtAll:p||h}}function _t(o,i){var t=i.currentSlide,e=i.slidesToShow;return t<=o&&o<t+e}function ut(o,i,t){var e=t||o.transform;return!i.infinite&&o.currentSlide===0||Z(o)?e:e+o.itemWidth/2}function Ct(o){return!(0<o.currentSlide)}function dt(o){var i=o.currentSlide,t=o.totalItems;return!(i+o.slidesToShow<t)}function ht(o,i,t,e){i===void 0&&(i=0);var r=o.currentSlide,s=o.slidesToShow,l=dt(o),n=!t.infinite&&l,a=e||o.transform;if(Z(o))return a;var u=a+r*i;return n?u+(o.containerWidth-(o.itemWidth-i)*s):u}function ct(o,i){return o.rtl?-1*i:i}function It(o,i,t){var e=i.partialVisbile,r=i.partialVisible,s=i.responsive,l=i.deviceType,n=i.centerMode,a=t||o.transform,u=Y.getPartialVisibilityGutter(s,e||r,l,o.deviceType);return ct(i,r||e?ht(o,u,i,t):n?ut(o,i,t):a)}function Mt(o,i){var t=o.domLoaded,e=o.slidesToShow,r=o.containerWidth,s=o.itemWidth,l=i.deviceType,n=i.responsive,a=i.slidesToSlide||1,u=!!(t&&e&&r&&s);return i.ssr&&i.deviceType&&!u&&Object.keys(n).forEach(function(d){var c=n[d].slidesToSlide;l===d&&c&&(a=c)}),u&&Object.keys(n).forEach(function(d){var c=n[d],h=c.breakpoint,p=c.slidesToSlide,f=h.max,g=h.min;p&&window.innerWidth>=g&&window.innerWidth<=f&&(a=p)}),a}T.notEnoughChildren=Z,T.getInitialState=bt,T.getIfSlideIsVisbile=_t,T.getTransformForCenterMode=ut,T.isInLeftEnd=Ct,T.isInRightEnd=dt,T.getTransformForPartialVsibile=ht,T.parsePosition=ct,T.getTransform=It,T.getSlidesToSlide=Mt;var J={};Object.defineProperty(J,"__esModule",{value:!0});var Pt=function(o,i,t){var e;return function(){var r=arguments;e||(o.apply(this,r),e=!0,typeof t=="function"&&t(!0),setTimeout(function(){e=!1,typeof t=="function"&&t(!1)},i))}};J.default=Pt;var pt={};(function(o){function i(t,e){var r=e.partialVisbile,s=e.partialVisible,l=e.centerMode,n=e.ssr,a=e.responsive;if((r||s)&&l)throw new Error("center mode can not be used at the same time with partialVisible");if(!a)throw n?new Error("ssr mode need to be used in conjunction with responsive prop"):new Error("Responsive prop is needed for deciding the amount of items to show on the screen");if(a&&typeof a!="object")throw new Error("responsive prop must be an object")}Object.defineProperty(o,"__esModule",{value:!0}),o.default=i})(pt);var Q={};Object.defineProperty(Q,"__esModule",{value:!0});var xt=T;function Et(o,i,t){t===void 0&&(t=0);var e,r,s=o.slidesToShow,l=o.currentSlide,n=o.itemWidth,a=o.totalItems,u=xt.getSlidesToSlide(o,i),d=l+1+t+s+(0<t?0:u);return r=d<=a?-n*(e=l+t+(0<t?0:u)):a<d&&l!==a-s?-n*(e=a-s):e=void 0,{nextSlides:e,nextPosition:r}}Q.populateNextSlides=Et;var H={};Object.defineProperty(H,"__esModule",{value:!0});var Rt=E,Ot=T,At=T;function Wt(o,i,t){t===void 0&&(t=0);var e,r,s=o.currentSlide,l=o.itemWidth,n=o.slidesToShow,a=i.children,u=i.showDots,d=i.infinite,c=Ot.getSlidesToSlide(o,i),h=s-t-(0<t?0:c),p=(Rt.Children.toArray(a).length-n)%c;return r=0<=h?(e=h,u&&!d&&0<p&&At.isInRightEnd(o)&&(e=s-p),-l*e):e=h<0&&s!==0?0:void 0,{nextSlides:e,nextPosition:r}}H.populatePreviousSlides=Wt;var ft={};(function(o){function i(t,e,r,s,l,n){var a,u,d=t.itemWidth,c=t.slidesToShow,h=t.totalItems,p=t.currentSlide,f=e.infinite,g=!1,b=Math.round((r-s)/d),_=Math.round((s-r)/d),C=r<l;if(l<r&&b<=c){a="right";var y=Math.abs(-d*(h-c)),M=n-(s-l),I=p===h-c;(Math.abs(M)<=y||I&&f)&&(u=M,g=!0)}return C&&_<=c&&(a="left",((M=n+(l-s))<=0||p===0&&f)&&(g=!0,u=M)),{direction:a,nextPosition:u,canContinue:g}}Object.defineProperty(o,"__esModule",{value:!0}),o.populateSlidesOnMouseTouchMove=i})(ft);Object.defineProperty(m,"__esModule",{value:!0});var V=F;m.getOriginalCounterPart=V.getOriginalCounterPart,m.getClones=V.getClones,m.checkClonesPosition=V.checkClonesPosition,m.getInitialSlideInInfiniteMode=V.getInitialSlideInInfiniteMode;var X=A;m.getWidthFromDeviceType=X.getWidthFromDeviceType,m.getPartialVisibilityGutter=X.getPartialVisibilityGutter,m.getItemClientSideWidth=X.getItemClientSideWidth;var x=T;m.getInitialState=x.getInitialState,m.getIfSlideIsVisbile=x.getIfSlideIsVisbile,m.getTransformForCenterMode=x.getTransformForCenterMode,m.getTransformForPartialVsibile=x.getTransformForPartialVsibile,m.isInLeftEnd=x.isInLeftEnd,m.isInRightEnd=x.isInRightEnd,m.notEnoughChildren=x.notEnoughChildren,m.getSlidesToSlide=x.getSlidesToSlide;var Dt=J;m.throttle=Dt.default;var Lt=pt;m.throwError=Lt.default;var kt=Q;m.populateNextSlides=kt.populateNextSlides;var jt=H;m.populatePreviousSlides=jt.populatePreviousSlides;var Vt=ft;m.populateSlidesOnMouseTouchMove=Vt.populateSlidesOnMouseTouchMove;var $={},Gt=k.commonjsGlobal&&k.commonjsGlobal.__extends||function(){var o=function(i,t){return(o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,r){e.__proto__=r}||function(e,r){for(var s in r)r.hasOwnProperty(s)&&(e[s]=r[s])})(i,t)};return function(i,t){function e(){this.constructor=i}o(i,t),i.prototype=t===null?Object.create(t):(e.prototype=t.prototype,new e)}}();Object.defineProperty($,"__esModule",{value:!0});var Bt=E;function Nt(o){return"clientY"in o}$.isMouseMoveEvent=Nt;var Ft=function(o){function i(){return o!==null&&o.apply(this,arguments)||this}return Gt(i,o),i}(Bt.Component);$.default=Ft;var tt={},et={};Object.defineProperty(et,"__esModule",{value:!0});var $t=F,zt=T;function Xt(o,i,t,e){var r={},s=zt.getSlidesToSlide(i,t);return Array(o).fill(0).forEach(function(l,n){var a=$t.getOriginalCounterPart(n,i,e);if(n===0)r[0]=a;else{var u=r[n-1]+s;r[n]=u}}),r}et.getLookupTableForNextSlides=Xt;Object.defineProperty(tt,"__esModule",{value:!0});var L=E,Ut=F,Yt=et,rt=T,qt=function(o){var i=o.props,t=o.state,e=o.goToSlide,r=o.getState,s=i.showDots,l=i.customDot,n=i.dotListClass,a=i.infinite,u=i.children;if(!s||rt.notEnoughChildren(t))return null;var d,c=t.currentSlide,h=t.slidesToShow,p=rt.getSlidesToSlide(t,i),f=L.Children.toArray(u);d=a?Math.ceil(f.length/p):Math.ceil((f.length-h)/p)+1;var g=Yt.getLookupTableForNextSlides(d,t,i,f),b=Ut.getOriginalIndexLookupTableByClones(h,f),_=b[c];return L.createElement("ul",{className:"react-multi-carousel-dot-list "+n},Array(d).fill(0).map(function(C,y){var M,I;if(a){I=g[y];var O=b[I];M=_===O||O<=_&&_<O+p}else{var W=f.length-h,j=y*p;M=(I=W<j?W:j)===c||I<c&&c<I+p&&c<f.length-h}return l?L.cloneElement(l,{index:y,active:M,key:y,onClick:function(){return e(I)},carouselState:r()}):L.createElement("li",{"data-index":y,key:y,className:"react-multi-carousel-dot "+(M?"react-multi-carousel-dot--active":"")},L.createElement("button",{"aria-label":"Go to slide "+(y+1),onClick:function(){return e(I)}}))}))};tt.default=qt;var z={};Object.defineProperty(z,"__esModule",{value:!0});var N=E,Kt=function(o){var i=o.customLeftArrow,t=o.getState,e=o.previous,r=o.disabled,s=o.rtl;if(i)return N.cloneElement(i,{onClick:function(){return e()},carouselState:t(),disabled:r,rtl:s});var l=s?"rtl":"";return N.createElement("button",{"aria-label":"Go to previous slide",className:"react-multiple-carousel__arrow react-multiple-carousel__arrow--left "+l,onClick:function(){return e()},type:"button",disabled:r})};z.LeftArrow=Kt;var Zt=function(o){var i=o.customRightArrow,t=o.getState,e=o.next,r=o.disabled,s=o.rtl;if(i)return N.cloneElement(i,{onClick:function(){return e()},carouselState:t(),disabled:r,rtl:s});var l=s?"rtl":"";return N.createElement("button",{"aria-label":"Go to next slide",className:"react-multiple-carousel__arrow react-multiple-carousel__arrow--right "+l,onClick:function(){return e()},type:"button",disabled:r})};z.RightArrow=Zt;var it={};Object.defineProperty(it,"__esModule",{value:!0});var G=E,U=m,Jt=function(o){var i=o.props,t=o.state,e=o.goToSlide,r=o.clones,s=o.notEnoughChildren,l=t.itemWidth,n=i.children,a=i.infinite,u=i.itemClass,d=i.itemAriaLabel,c=i.partialVisbile,h=i.partialVisible,p=U.getInitialState(t,i),f=p.flexBisis,g=p.shouldRenderOnSSR,b=p.domFullyLoaded,_=p.partialVisibilityGutter;return p.shouldRenderAtAll?(c&&console.warn('WARNING: Please correct props name: "partialVisible" as old typo will be removed in future versions!'),G.createElement(G.Fragment,null,(a?r:G.Children.toArray(n)).map(function(C,y){return G.createElement("li",{key:y,"data-index":y,onClick:function(){i.focusOnSelect&&e(y)},"aria-hidden":U.getIfSlideIsVisbile(y,t)?"false":"true","aria-label":d||(C.props.ariaLabel?C.props.ariaLabel:null),style:{flex:g?"1 0 "+f+"%":"auto",position:"relative",width:b?((c||h)&&_&&!s?l-_:l)+"px":"auto"},className:"react-multi-carousel-item "+(U.getIfSlideIsVisbile(y,t)?"react-multi-carousel-item--active":"")+" "+u},C)}))):null};it.default=Jt;var Qt=k.commonjsGlobal&&k.commonjsGlobal.__extends||function(){var o=function(i,t){return(o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,r){e.__proto__=r}||function(e,r){for(var s in r)r.hasOwnProperty(s)&&(e[s]=r[s])})(i,t)};return function(i,t){function e(){this.constructor=i}o(i,t),i.prototype=t===null?Object.create(t):(e.prototype=t.prototype,new e)}}();Object.defineProperty(K,"__esModule",{value:!0});var w=E,v=m,R=$,Ht=tt,nt=z,te=it,B=T,P=400,st="transform 400ms ease-in-out",ee=function(o){function i(t){var e=o.call(this,t)||this;return e.containerRef=w.createRef(),e.listRef=w.createRef(),e.state={itemWidth:0,slidesToShow:0,currentSlide:0,totalItems:w.Children.count(t.children),deviceType:"",domLoaded:!1,transform:0,containerWidth:0},e.onResize=e.onResize.bind(e),e.handleDown=e.handleDown.bind(e),e.handleMove=e.handleMove.bind(e),e.handleOut=e.handleOut.bind(e),e.onKeyUp=e.onKeyUp.bind(e),e.handleEnter=e.handleEnter.bind(e),e.setIsInThrottle=e.setIsInThrottle.bind(e),e.next=v.throttle(e.next.bind(e),t.transitionDuration||P,e.setIsInThrottle),e.previous=v.throttle(e.previous.bind(e),t.transitionDuration||P,e.setIsInThrottle),e.goToSlide=v.throttle(e.goToSlide.bind(e),t.transitionDuration||P,e.setIsInThrottle),e.onMove=!1,e.initialX=0,e.lastX=0,e.isAnimationAllowed=!1,e.direction="",e.initialY=0,e.isInThrottle=!1,e.transformPlaceHolder=0,e}return Qt(i,o),i.prototype.resetTotalItems=function(){var t=this,e=w.Children.count(this.props.children),r=v.notEnoughChildren(this.state)?0:Math.max(0,Math.min(this.state.currentSlide,e));this.setState({totalItems:e,currentSlide:r},function(){t.setContainerAndItemWidth(t.state.slidesToShow,!0)})},i.prototype.setIsInThrottle=function(t){t===void 0&&(t=!1),this.isInThrottle=t},i.prototype.setTransformDirectly=function(t,e){var r=this.props.additionalTransfrom;this.transformPlaceHolder=t;var s=B.getTransform(this.state,this.props,this.transformPlaceHolder);this.listRef&&this.listRef.current&&(this.setAnimationDirectly(e),this.listRef.current.style.transform="translate3d("+(s+r)+"px,0,0)")},i.prototype.setAnimationDirectly=function(t){this.listRef&&this.listRef.current&&(this.listRef.current.style.transition=t?this.props.customTransition||st:"none")},i.prototype.componentDidMount=function(){this.setState({domLoaded:!0}),this.setItemsToShow(),window.addEventListener("resize",this.onResize),this.onResize(!0),this.props.keyBoardControl&&window.addEventListener("keyup",this.onKeyUp),this.props.autoPlay&&(this.autoPlay=setInterval(this.next,this.props.autoPlaySpeed))},i.prototype.setClones=function(t,e,r,s){var l=this;s===void 0&&(s=!1),this.isAnimationAllowed=!1;var n=w.Children.toArray(this.props.children),a=v.getInitialSlideInInfiniteMode(t||this.state.slidesToShow,n),u=v.getClones(this.state.slidesToShow,n),d=n.length<this.state.slidesToShow?0:this.state.currentSlide;this.setState({totalItems:u.length,currentSlide:r&&!s?d:a},function(){l.correctItemsPosition(e||l.state.itemWidth)})},i.prototype.setItemsToShow=function(t,e){var r=this,s=this.props.responsive;Object.keys(s).forEach(function(l){var n=s[l],a=n.breakpoint,u=n.items,d=a.max,c=a.min,h=[window.innerWidth];window.screen&&window.screen.width&&h.push(window.screen.width);var p=Math.min.apply(Math,h);c<=p&&p<=d&&(r.setState({slidesToShow:u,deviceType:l}),r.setContainerAndItemWidth(u,t,e))})},i.prototype.setContainerAndItemWidth=function(t,e,r){var s=this;if(this.containerRef&&this.containerRef.current){var l=this.containerRef.current.offsetWidth,n=v.getItemClientSideWidth(this.props,t,l);this.setState({containerWidth:l,itemWidth:n},function(){s.props.infinite&&s.setClones(t,n,e,r)}),e&&this.correctItemsPosition(n)}},i.prototype.correctItemsPosition=function(t,e,r){e&&(this.isAnimationAllowed=!0),!e&&this.isAnimationAllowed&&(this.isAnimationAllowed=!1);var s=this.state.totalItems<this.state.slidesToShow?0:-t*this.state.currentSlide;r&&this.setTransformDirectly(s,!0),this.setState({transform:s})},i.prototype.onResize=function(t){var e;e=!!this.props.infinite&&(typeof t!="boolean"||!t),this.setItemsToShow(e)},i.prototype.componentDidUpdate=function(t,e){var r=this,s=t.keyBoardControl,l=t.autoPlay,n=t.children,a=e.containerWidth,u=e.domLoaded,d=e.currentSlide;if(this.containerRef&&this.containerRef.current&&this.containerRef.current.offsetWidth!==a&&(this.itemsToShowTimeout&&clearTimeout(this.itemsToShowTimeout),this.itemsToShowTimeout=setTimeout(function(){r.setItemsToShow(!0)},this.props.transitionDuration||P)),s&&!this.props.keyBoardControl&&window.removeEventListener("keyup",this.onKeyUp),!s&&this.props.keyBoardControl&&window.addEventListener("keyup",this.onKeyUp),l&&!this.props.autoPlay&&this.autoPlay&&(clearInterval(this.autoPlay),this.autoPlay=void 0),l||!this.props.autoPlay||this.autoPlay||(this.autoPlay=setInterval(this.next,this.props.autoPlaySpeed)),n.length!==this.props.children.length?i.clonesTimeout=setTimeout(function(){r.props.infinite?r.setClones(r.state.slidesToShow,r.state.itemWidth,!0,!0):r.resetTotalItems()},this.props.transitionDuration||P):this.props.infinite&&this.state.currentSlide!==d&&this.correctClonesPosition({domLoaded:u}),this.transformPlaceHolder!==this.state.transform&&(this.transformPlaceHolder=this.state.transform),this.props.autoPlay&&this.props.rewind&&!this.props.infinite&&v.isInRightEnd(this.state)){var c=this.props.transitionDuration||P;i.isInThrottleTimeout=setTimeout(function(){r.setIsInThrottle(!1),r.resetAutoplayInterval(),r.goToSlide(0,void 0,!!r.props.rewindWithAnimation)},c+this.props.autoPlaySpeed)}},i.prototype.correctClonesPosition=function(t){var e=this,r=t.domLoaded,s=w.Children.toArray(this.props.children),l=v.checkClonesPosition(this.state,s,this.props),n=l.isReachingTheEnd,a=l.isReachingTheStart,u=l.nextSlide,d=l.nextPosition;this.state.domLoaded&&r&&(n||a)&&(this.isAnimationAllowed=!1,i.transformTimeout=setTimeout(function(){e.setState({transform:d,currentSlide:u})},this.props.transitionDuration||P))},i.prototype.next=function(t){var e=this;t===void 0&&(t=0);var r=this.props,s=r.afterChange,l=r.beforeChange;if(!v.notEnoughChildren(this.state)){var n=v.populateNextSlides(this.state,this.props,t),a=n.nextSlides,u=n.nextPosition,d=this.state.currentSlide;a!==void 0&&u!==void 0&&(typeof l=="function"&&l(a,this.getState()),this.isAnimationAllowed=!0,this.props.shouldResetAutoplay&&this.resetAutoplayInterval(),this.setState({transform:u,currentSlide:a},function(){typeof s=="function"&&(i.afterChangeTimeout=setTimeout(function(){s(d,e.getState())},e.props.transitionDuration||P))}))}},i.prototype.previous=function(t){var e=this;t===void 0&&(t=0);var r=this.props,s=r.afterChange,l=r.beforeChange;if(!v.notEnoughChildren(this.state)){var n=v.populatePreviousSlides(this.state,this.props,t),a=n.nextSlides,u=n.nextPosition;if(a!==void 0&&u!==void 0){var d=this.state.currentSlide;typeof l=="function"&&l(a,this.getState()),this.isAnimationAllowed=!0,this.props.shouldResetAutoplay&&this.resetAutoplayInterval(),this.setState({transform:u,currentSlide:a},function(){typeof s=="function"&&(i.afterChangeTimeout2=setTimeout(function(){s(d,e.getState())},e.props.transitionDuration||P))})}}},i.prototype.resetAutoplayInterval=function(){this.props.autoPlay&&(clearInterval(this.autoPlay),this.autoPlay=setInterval(this.next,this.props.autoPlaySpeed))},i.prototype.componentWillUnmount=function(){window.removeEventListener("resize",this.onResize),this.props.keyBoardControl&&window.removeEventListener("keyup",this.onKeyUp),this.props.autoPlay&&this.autoPlay&&(clearInterval(this.autoPlay),this.autoPlay=void 0),this.itemsToShowTimeout&&clearTimeout(this.itemsToShowTimeout),i.clonesTimeout&&clearTimeout(i.clonesTimeout),i.isInThrottleTimeout&&clearTimeout(i.isInThrottleTimeout),i.transformTimeout&&clearTimeout(i.transformTimeout),i.afterChangeTimeout&&clearTimeout(i.afterChangeTimeout),i.afterChangeTimeout2&&clearTimeout(i.afterChangeTimeout2),i.afterChangeTimeout3&&clearTimeout(i.afterChangeTimeout3)},i.prototype.resetMoveStatus=function(){this.onMove=!1,this.initialX=0,this.lastX=0,this.direction="",this.initialY=0},i.prototype.getCords=function(t){var e=t.clientX,r=t.clientY;return{clientX:B.parsePosition(this.props,e),clientY:B.parsePosition(this.props,r)}},i.prototype.handleDown=function(t){if(!(!R.isMouseMoveEvent(t)&&!this.props.swipeable||R.isMouseMoveEvent(t)&&!this.props.draggable||this.isInThrottle)){var e=this.getCords(R.isMouseMoveEvent(t)?t:t.touches[0]),r=e.clientX,s=e.clientY;this.onMove=!0,this.initialX=r,this.initialY=s,this.lastX=r,this.isAnimationAllowed=!1}},i.prototype.handleMove=function(t){if(!(!R.isMouseMoveEvent(t)&&!this.props.swipeable||R.isMouseMoveEvent(t)&&!this.props.draggable||v.notEnoughChildren(this.state))){var e=this.getCords(R.isMouseMoveEvent(t)?t:t.touches[0]),r=e.clientX,s=e.clientY,l=this.initialX-r,n=this.initialY-s;if(this.onMove){if(!(Math.abs(l)>Math.abs(n)))return;var a=v.populateSlidesOnMouseTouchMove(this.state,this.props,this.initialX,this.lastX,r,this.transformPlaceHolder),u=a.direction,d=a.nextPosition,c=a.canContinue;u&&(this.direction=u,c&&d!==void 0&&this.setTransformDirectly(d)),this.lastX=r}}},i.prototype.handleOut=function(t){this.props.autoPlay&&!this.autoPlay&&(this.autoPlay=setInterval(this.next,this.props.autoPlaySpeed));var e=t.type==="touchend"&&!this.props.swipeable,r=(t.type==="mouseleave"||t.type==="mouseup")&&!this.props.draggable;if(!e&&!r&&this.onMove){if(this.setAnimationDirectly(!0),this.direction==="right")if(this.initialX-this.lastX>=this.props.minimumTouchDrag){var s=Math.round((this.initialX-this.lastX)/this.state.itemWidth);this.next(s)}else this.correctItemsPosition(this.state.itemWidth,!0,!0);this.direction==="left"&&(this.lastX-this.initialX>this.props.minimumTouchDrag?(s=Math.round((this.lastX-this.initialX)/this.state.itemWidth),this.previous(s)):this.correctItemsPosition(this.state.itemWidth,!0,!0)),this.resetMoveStatus()}},i.prototype.isInViewport=function(t){var e=t.getBoundingClientRect(),r=e.top,s=r===void 0?0:r,l=e.left,n=l===void 0?0:l,a=e.bottom,u=a===void 0?0:a,d=e.right,c=d===void 0?0:d;return 0<=s&&0<=n&&u<=(window.innerHeight||document.documentElement.clientHeight)&&c<=(window.innerWidth||document.documentElement.clientWidth)},i.prototype.isChildOfCarousel=function(t){return!!(t instanceof Element&&this.listRef&&this.listRef.current)&&this.listRef.current.contains(t)},i.prototype.onKeyUp=function(t){var e=t.target;switch(t.keyCode){case 37:if(this.isChildOfCarousel(e))return this.previous();break;case 39:if(this.isChildOfCarousel(e))return this.next();break;case 9:if(this.isChildOfCarousel(e)&&e instanceof HTMLInputElement&&this.isInViewport(e))return this.next()}},i.prototype.handleEnter=function(t){R.isMouseMoveEvent(t)&&this.autoPlay&&this.props.autoPlay&&this.props.pauseOnHover&&(clearInterval(this.autoPlay),this.autoPlay=void 0)},i.prototype.goToSlide=function(t,e,r){var s=this;if(r===void 0&&(r=!0),!this.isInThrottle){var l=this.state.itemWidth,n=this.props,a=n.afterChange,u=n.beforeChange,d=this.state.currentSlide;typeof u!="function"||e&&(typeof e!="object"||e.skipBeforeChange)||u(t,this.getState()),this.isAnimationAllowed=r,this.props.shouldResetAutoplay&&this.resetAutoplayInterval(),this.setState({currentSlide:t,transform:-l*t},function(){s.props.infinite&&s.correctClonesPosition({domLoaded:!0}),typeof a!="function"||e&&(typeof e!="object"||e.skipAfterChange)||(i.afterChangeTimeout3=setTimeout(function(){a(d,s.getState())},s.props.transitionDuration||P))})}},i.prototype.getState=function(){return this.state},i.prototype.renderLeftArrow=function(t){var e=this,r=this.props,s=r.customLeftArrow,l=r.rtl;return w.createElement(nt.LeftArrow,{customLeftArrow:s,getState:function(){return e.getState()},previous:this.previous,disabled:t,rtl:l})},i.prototype.renderRightArrow=function(t){var e=this,r=this.props,s=r.customRightArrow,l=r.rtl;return w.createElement(nt.RightArrow,{customRightArrow:s,getState:function(){return e.getState()},next:this.next,disabled:t,rtl:l})},i.prototype.renderButtonGroups=function(){var t=this,e=this.props.customButtonGroup;return e?w.cloneElement(e,{previous:function(){return t.previous()},next:function(){return t.next()},goToSlide:function(r,s){return t.goToSlide(r,s)},carouselState:this.getState()}):null},i.prototype.renderDotsList=function(){var t=this;return w.createElement(Ht.default,{state:this.state,props:this.props,goToSlide:this.goToSlide,getState:function(){return t.getState()}})},i.prototype.renderCarouselItems=function(){var t=[];if(this.props.infinite){var e=w.Children.toArray(this.props.children);t=v.getClones(this.state.slidesToShow,e)}return w.createElement(te.default,{clones:t,goToSlide:this.goToSlide,state:this.state,notEnoughChildren:v.notEnoughChildren(this.state),props:this.props})},i.prototype.render=function(){var t=this.props,e=t.deviceType,r=t.arrows,s=t.renderArrowsWhenDisabled,l=t.removeArrowOnDeviceType,n=t.infinite,a=t.containerClass,u=t.sliderClass,d=t.customTransition,c=t.additionalTransfrom,h=t.renderDotsOutside,p=t.renderButtonGroupOutside,f=t.className,g=t.rtl;process.env.NODE_ENV!=="production"&&v.throwError(this.state,this.props);var b=v.getInitialState(this.state,this.props),_=b.shouldRenderOnSSR,C=b.shouldRenderAtAll,y=v.isInLeftEnd(this.state),M=v.isInRightEnd(this.state),I=r&&!(l&&(e&&-1<l.indexOf(e)||this.state.deviceType&&-1<l.indexOf(this.state.deviceType)))&&!v.notEnoughChildren(this.state)&&C,O=!n&&y,W=!n&&M,j=B.getTransform(this.state,this.props);return w.createElement(w.Fragment,null,w.createElement("div",{className:"react-multi-carousel-list "+a+" "+f,dir:g?"rtl":"ltr",ref:this.containerRef},w.createElement("ul",{ref:this.listRef,className:"react-multi-carousel-track "+u,style:{transition:this.isAnimationAllowed?d||st:"none",overflow:_?"hidden":"unset",transform:"translate3d("+(j+c)+"px,0,0)"},onMouseMove:this.handleMove,onMouseDown:this.handleDown,onMouseUp:this.handleOut,onMouseEnter:this.handleEnter,onMouseLeave:this.handleOut,onTouchStart:this.handleDown,onTouchMove:this.handleMove,onTouchEnd:this.handleOut},this.renderCarouselItems()),I&&(!O||s)&&this.renderLeftArrow(O),I&&(!W||s)&&this.renderRightArrow(W),C&&!p&&this.renderButtonGroups(),C&&!h&&this.renderDotsList()),C&&h&&this.renderDotsList(),C&&p&&this.renderButtonGroups())},i.defaultProps={slidesToSlide:1,infinite:!1,draggable:!0,swipeable:!0,arrows:!0,renderArrowsWhenDisabled:!1,containerClass:"",sliderClass:"",itemClass:"",keyBoardControl:!0,autoPlaySpeed:3e3,showDots:!1,renderDotsOutside:!1,renderButtonGroupOutside:!1,minimumTouchDrag:80,className:"",dotListClass:"",focusOnSelect:!1,centerMode:!1,additionalTransfrom:0,pauseOnHover:!0,shouldResetAutoplay:!0,rewind:!1,rtl:!1,rewindWithAnimation:!1},i}(w.Component);K.default=ee;Object.defineProperty(q,"__esModule",{value:!0});var ie=K;q.default=ie.default;var oe=q;const re=k.getDefaultExportFromCjs(oe),ne=at.styled.div`
+"use strict";const S=require("react/jsx-runtime"),E=require("react"),k=require("./_commonjsHelpers-DwTZ_eVU.cjs"),D=require("./index-BpbMKBf_.cjs"),vt=require("./Button.cjs"),gt=require("./useDetectMobile-zkbzoOGV.cjs"),at=require("./emotion-styled.browser.esm-BtEseadx.cjs"),lt=require("./style-BAcV7F53.cjs"),yt=require("./consts-goSZX3xP.cjs");var q={},K={},m={},F={};(function(o){function i(a,n,l){var d=n.slidesToShow,h=n.currentSlide;return l.length>2*d?a+2*d:h>=l.length?l.length+a:a}function t(a,n){if(n.length>2*a){for(var l={},d=n.length-2*a,h=n.length-d,u=d,c=0;c<h;c++)l[c]=u,u++;var p=n.length+h,f=p+n.slice(0,2*a).length,g=0;for(c=p;c<=f;c++)l[c]=g,g++;var b=p,_=0;for(c=h;c<b;c++)l[c]=_,_++;return l}l={};var C=3*n.length,y=0;for(c=0;c<C;c++)l[c]=y,++y===n.length&&(y=0);return l}function e(a,n){return n.length<a?n:n.length>2*a?n.slice(n.length-2*a,n.length).concat(n,n.slice(0,2*a)):n.concat(n,n)}function r(a,n){return n.length>2*a?2*a:n.length}function s(a,n,l){var d,h=a.currentSlide,u=a.slidesToShow,c=a.itemWidth,p=a.totalItems,f=0,g=0,b=h===0,_=n.length-(n.length-2*u);return n.length<u?(g=f=0,b=d=!1):n.length>2*u?((d=h>=_+n.length)&&(g=-c*(f=h-n.length)),b&&(g=-c*(f=_+(n.length-2*u)))):((d=h>=2*n.length)&&(g=-c*(f=h-n.length)),b&&(g=l.showDots?-c*(f=n.length):-c*(f=p/3))),{isReachingTheEnd:d,isReachingTheStart:b,nextSlide:f,nextPosition:g}}Object.defineProperty(o,"__esModule",{value:!0}),o.getOriginalCounterPart=i,o.getOriginalIndexLookupTableByClones=t,o.getClones=e,o.getInitialSlideInInfiniteMode=r,o.checkClonesPosition=s})(F);var A={};Object.defineProperty(A,"__esModule",{value:!0});var ot=!1;function St(o,i,t,e){var r=0,s=e||t;return i&&s&&(!ot&&process.env.NODE_ENV!=="production"&&o[s].paritialVisibilityGutter&&(ot=!0,console.warn("You appear to be using paritialVisibilityGutter instead of partialVisibilityGutter which will be moved to partialVisibilityGutter in the future completely")),r=o[s].partialVisibilityGutter||o[s].paritialVisibilityGutter),r}function Tt(o,i){var t;return i[o]&&(t=(100/i[o].items).toFixed(1)),t}function wt(o,i,t){return Math.round(t/(i+(o.centerMode?1:0)))}A.getPartialVisibilityGutter=St,A.getWidthFromDeviceType=Tt,A.getItemClientSideWidth=wt;var T={};Object.defineProperty(T,"__esModule",{value:!0});var Y=A;function Z(o){var i=o.slidesToShow;return o.totalItems<i}function bt(o,i){var t,e=o.domLoaded,r=o.slidesToShow,s=o.containerWidth,a=o.itemWidth,n=i.deviceType,l=i.responsive,d=i.ssr,h=i.partialVisbile,u=i.partialVisible,c=!!(e&&r&&s&&a);d&&n&&!c&&(t=Y.getWidthFromDeviceType(n,l));var p=!!(d&&n&&!c&&t);return{shouldRenderOnSSR:p,flexBisis:t,domFullyLoaded:c,partialVisibilityGutter:Y.getPartialVisibilityGutter(l,h||u,n,o.deviceType),shouldRenderAtAll:p||c}}function _t(o,i){var t=i.currentSlide,e=i.slidesToShow;return t<=o&&o<t+e}function ut(o,i,t){var e=t||o.transform;return!i.infinite&&o.currentSlide===0||Z(o)?e:e+o.itemWidth/2}function Ct(o){return!(0<o.currentSlide)}function dt(o){var i=o.currentSlide,t=o.totalItems;return!(i+o.slidesToShow<t)}function ht(o,i,t,e){i===void 0&&(i=0);var r=o.currentSlide,s=o.slidesToShow,a=dt(o),n=!t.infinite&&a,l=e||o.transform;if(Z(o))return l;var d=l+r*i;return n?d+(o.containerWidth-(o.itemWidth-i)*s):d}function ct(o,i){return o.rtl?-1*i:i}function It(o,i,t){var e=i.partialVisbile,r=i.partialVisible,s=i.responsive,a=i.deviceType,n=i.centerMode,l=t||o.transform,d=Y.getPartialVisibilityGutter(s,e||r,a,o.deviceType);return ct(i,r||e?ht(o,d,i,t):n?ut(o,i,t):l)}function Mt(o,i){var t=o.domLoaded,e=o.slidesToShow,r=o.containerWidth,s=o.itemWidth,a=i.deviceType,n=i.responsive,l=i.slidesToSlide||1,d=!!(t&&e&&r&&s);return i.ssr&&i.deviceType&&!d&&Object.keys(n).forEach(function(h){var u=n[h].slidesToSlide;a===h&&u&&(l=u)}),d&&Object.keys(n).forEach(function(h){var u=n[h],c=u.breakpoint,p=u.slidesToSlide,f=c.max,g=c.min;p&&window.innerWidth>=g&&window.innerWidth<=f&&(l=p)}),l}T.notEnoughChildren=Z,T.getInitialState=bt,T.getIfSlideIsVisbile=_t,T.getTransformForCenterMode=ut,T.isInLeftEnd=Ct,T.isInRightEnd=dt,T.getTransformForPartialVsibile=ht,T.parsePosition=ct,T.getTransform=It,T.getSlidesToSlide=Mt;var J={};Object.defineProperty(J,"__esModule",{value:!0});var Pt=function(o,i,t){var e;return function(){var r=arguments;e||(o.apply(this,r),e=!0,typeof t=="function"&&t(!0),setTimeout(function(){e=!1,typeof t=="function"&&t(!1)},i))}};J.default=Pt;var pt={};(function(o){function i(t,e){var r=e.partialVisbile,s=e.partialVisible,a=e.centerMode,n=e.ssr,l=e.responsive;if((r||s)&&a)throw new Error("center mode can not be used at the same time with partialVisible");if(!l)throw n?new Error("ssr mode need to be used in conjunction with responsive prop"):new Error("Responsive prop is needed for deciding the amount of items to show on the screen");if(l&&typeof l!="object")throw new Error("responsive prop must be an object")}Object.defineProperty(o,"__esModule",{value:!0}),o.default=i})(pt);var Q={};Object.defineProperty(Q,"__esModule",{value:!0});var xt=T;function Et(o,i,t){t===void 0&&(t=0);var e,r,s=o.slidesToShow,a=o.currentSlide,n=o.itemWidth,l=o.totalItems,d=xt.getSlidesToSlide(o,i),h=a+1+t+s+(0<t?0:d);return r=h<=l?-n*(e=a+t+(0<t?0:d)):l<h&&a!==l-s?-n*(e=l-s):e=void 0,{nextSlides:e,nextPosition:r}}Q.populateNextSlides=Et;var H={};Object.defineProperty(H,"__esModule",{value:!0});var Rt=E,Ot=T,At=T;function Wt(o,i,t){t===void 0&&(t=0);var e,r,s=o.currentSlide,a=o.itemWidth,n=o.slidesToShow,l=i.children,d=i.showDots,h=i.infinite,u=Ot.getSlidesToSlide(o,i),c=s-t-(0<t?0:u),p=(Rt.Children.toArray(l).length-n)%u;return r=0<=c?(e=c,d&&!h&&0<p&&At.isInRightEnd(o)&&(e=s-p),-a*e):e=c<0&&s!==0?0:void 0,{nextSlides:e,nextPosition:r}}H.populatePreviousSlides=Wt;var ft={};(function(o){function i(t,e,r,s,a,n){var l,d,h=t.itemWidth,u=t.slidesToShow,c=t.totalItems,p=t.currentSlide,f=e.infinite,g=!1,b=Math.round((r-s)/h),_=Math.round((s-r)/h),C=r<a;if(a<r&&b<=u){l="right";var y=Math.abs(-h*(c-u)),M=n-(s-a),I=p===c-u;(Math.abs(M)<=y||I&&f)&&(d=M,g=!0)}return C&&_<=u&&(l="left",((M=n+(a-s))<=0||p===0&&f)&&(g=!0,d=M)),{direction:l,nextPosition:d,canContinue:g}}Object.defineProperty(o,"__esModule",{value:!0}),o.populateSlidesOnMouseTouchMove=i})(ft);Object.defineProperty(m,"__esModule",{value:!0});var V=F;m.getOriginalCounterPart=V.getOriginalCounterPart,m.getClones=V.getClones,m.checkClonesPosition=V.checkClonesPosition,m.getInitialSlideInInfiniteMode=V.getInitialSlideInInfiniteMode;var X=A;m.getWidthFromDeviceType=X.getWidthFromDeviceType,m.getPartialVisibilityGutter=X.getPartialVisibilityGutter,m.getItemClientSideWidth=X.getItemClientSideWidth;var x=T;m.getInitialState=x.getInitialState,m.getIfSlideIsVisbile=x.getIfSlideIsVisbile,m.getTransformForCenterMode=x.getTransformForCenterMode,m.getTransformForPartialVsibile=x.getTransformForPartialVsibile,m.isInLeftEnd=x.isInLeftEnd,m.isInRightEnd=x.isInRightEnd,m.notEnoughChildren=x.notEnoughChildren,m.getSlidesToSlide=x.getSlidesToSlide;var Dt=J;m.throttle=Dt.default;var Lt=pt;m.throwError=Lt.default;var kt=Q;m.populateNextSlides=kt.populateNextSlides;var jt=H;m.populatePreviousSlides=jt.populatePreviousSlides;var Vt=ft;m.populateSlidesOnMouseTouchMove=Vt.populateSlidesOnMouseTouchMove;var $={},Gt=k.commonjsGlobal&&k.commonjsGlobal.__extends||function(){var o=function(i,t){return(o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,r){e.__proto__=r}||function(e,r){for(var s in r)r.hasOwnProperty(s)&&(e[s]=r[s])})(i,t)};return function(i,t){function e(){this.constructor=i}o(i,t),i.prototype=t===null?Object.create(t):(e.prototype=t.prototype,new e)}}();Object.defineProperty($,"__esModule",{value:!0});var Bt=E;function Nt(o){return"clientY"in o}$.isMouseMoveEvent=Nt;var Ft=function(o){function i(){return o!==null&&o.apply(this,arguments)||this}return Gt(i,o),i}(Bt.Component);$.default=Ft;var tt={},et={};Object.defineProperty(et,"__esModule",{value:!0});var $t=F,zt=T;function Xt(o,i,t,e){var r={},s=zt.getSlidesToSlide(i,t);return Array(o).fill(0).forEach(function(a,n){var l=$t.getOriginalCounterPart(n,i,e);if(n===0)r[0]=l;else{var d=r[n-1]+s;r[n]=d}}),r}et.getLookupTableForNextSlides=Xt;Object.defineProperty(tt,"__esModule",{value:!0});var L=E,Ut=F,Yt=et,rt=T,qt=function(o){var i=o.props,t=o.state,e=o.goToSlide,r=o.getState,s=i.showDots,a=i.customDot,n=i.dotListClass,l=i.infinite,d=i.children;if(!s||rt.notEnoughChildren(t))return null;var h,u=t.currentSlide,c=t.slidesToShow,p=rt.getSlidesToSlide(t,i),f=L.Children.toArray(d);h=l?Math.ceil(f.length/p):Math.ceil((f.length-c)/p)+1;var g=Yt.getLookupTableForNextSlides(h,t,i,f),b=Ut.getOriginalIndexLookupTableByClones(c,f),_=b[u];return L.createElement("ul",{className:"react-multi-carousel-dot-list "+n},Array(h).fill(0).map(function(C,y){var M,I;if(l){I=g[y];var O=b[I];M=_===O||O<=_&&_<O+p}else{var W=f.length-c,j=y*p;M=(I=W<j?W:j)===u||I<u&&u<I+p&&u<f.length-c}return a?L.cloneElement(a,{index:y,active:M,key:y,onClick:function(){return e(I)},carouselState:r()}):L.createElement("li",{"data-index":y,key:y,className:"react-multi-carousel-dot "+(M?"react-multi-carousel-dot--active":"")},L.createElement("button",{"aria-label":"Go to slide "+(y+1),onClick:function(){return e(I)}}))}))};tt.default=qt;var z={};Object.defineProperty(z,"__esModule",{value:!0});var N=E,Kt=function(o){var i=o.customLeftArrow,t=o.getState,e=o.previous,r=o.disabled,s=o.rtl;if(i)return N.cloneElement(i,{onClick:function(){return e()},carouselState:t(),disabled:r,rtl:s});var a=s?"rtl":"";return N.createElement("button",{"aria-label":"Go to previous slide",className:"react-multiple-carousel__arrow react-multiple-carousel__arrow--left "+a,onClick:function(){return e()},type:"button",disabled:r})};z.LeftArrow=Kt;var Zt=function(o){var i=o.customRightArrow,t=o.getState,e=o.next,r=o.disabled,s=o.rtl;if(i)return N.cloneElement(i,{onClick:function(){return e()},carouselState:t(),disabled:r,rtl:s});var a=s?"rtl":"";return N.createElement("button",{"aria-label":"Go to next slide",className:"react-multiple-carousel__arrow react-multiple-carousel__arrow--right "+a,onClick:function(){return e()},type:"button",disabled:r})};z.RightArrow=Zt;var it={};Object.defineProperty(it,"__esModule",{value:!0});var G=E,U=m,Jt=function(o){var i=o.props,t=o.state,e=o.goToSlide,r=o.clones,s=o.notEnoughChildren,a=t.itemWidth,n=i.children,l=i.infinite,d=i.itemClass,h=i.itemAriaLabel,u=i.partialVisbile,c=i.partialVisible,p=U.getInitialState(t,i),f=p.flexBisis,g=p.shouldRenderOnSSR,b=p.domFullyLoaded,_=p.partialVisibilityGutter;return p.shouldRenderAtAll?(u&&console.warn('WARNING: Please correct props name: "partialVisible" as old typo will be removed in future versions!'),G.createElement(G.Fragment,null,(l?r:G.Children.toArray(n)).map(function(C,y){return G.createElement("li",{key:y,"data-index":y,onClick:function(){i.focusOnSelect&&e(y)},"aria-hidden":U.getIfSlideIsVisbile(y,t)?"false":"true","aria-label":h||(C.props.ariaLabel?C.props.ariaLabel:null),style:{flex:g?"1 0 "+f+"%":"auto",position:"relative",width:b?((u||c)&&_&&!s?a-_:a)+"px":"auto"},className:"react-multi-carousel-item "+(U.getIfSlideIsVisbile(y,t)?"react-multi-carousel-item--active":"")+" "+d},C)}))):null};it.default=Jt;var Qt=k.commonjsGlobal&&k.commonjsGlobal.__extends||function(){var o=function(i,t){return(o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,r){e.__proto__=r}||function(e,r){for(var s in r)r.hasOwnProperty(s)&&(e[s]=r[s])})(i,t)};return function(i,t){function e(){this.constructor=i}o(i,t),i.prototype=t===null?Object.create(t):(e.prototype=t.prototype,new e)}}();Object.defineProperty(K,"__esModule",{value:!0});var w=E,v=m,R=$,Ht=tt,nt=z,te=it,B=T,P=400,st="transform 400ms ease-in-out",ee=function(o){function i(t){var e=o.call(this,t)||this;return e.containerRef=w.createRef(),e.listRef=w.createRef(),e.state={itemWidth:0,slidesToShow:0,currentSlide:0,totalItems:w.Children.count(t.children),deviceType:"",domLoaded:!1,transform:0,containerWidth:0},e.onResize=e.onResize.bind(e),e.handleDown=e.handleDown.bind(e),e.handleMove=e.handleMove.bind(e),e.handleOut=e.handleOut.bind(e),e.onKeyUp=e.onKeyUp.bind(e),e.handleEnter=e.handleEnter.bind(e),e.setIsInThrottle=e.setIsInThrottle.bind(e),e.next=v.throttle(e.next.bind(e),t.transitionDuration||P,e.setIsInThrottle),e.previous=v.throttle(e.previous.bind(e),t.transitionDuration||P,e.setIsInThrottle),e.goToSlide=v.throttle(e.goToSlide.bind(e),t.transitionDuration||P,e.setIsInThrottle),e.onMove=!1,e.initialX=0,e.lastX=0,e.isAnimationAllowed=!1,e.direction="",e.initialY=0,e.isInThrottle=!1,e.transformPlaceHolder=0,e}return Qt(i,o),i.prototype.resetTotalItems=function(){var t=this,e=w.Children.count(this.props.children),r=v.notEnoughChildren(this.state)?0:Math.max(0,Math.min(this.state.currentSlide,e));this.setState({totalItems:e,currentSlide:r},function(){t.setContainerAndItemWidth(t.state.slidesToShow,!0)})},i.prototype.setIsInThrottle=function(t){t===void 0&&(t=!1),this.isInThrottle=t},i.prototype.setTransformDirectly=function(t,e){var r=this.props.additionalTransfrom;this.transformPlaceHolder=t;var s=B.getTransform(this.state,this.props,this.transformPlaceHolder);this.listRef&&this.listRef.current&&(this.setAnimationDirectly(e),this.listRef.current.style.transform="translate3d("+(s+r)+"px,0,0)")},i.prototype.setAnimationDirectly=function(t){this.listRef&&this.listRef.current&&(this.listRef.current.style.transition=t?this.props.customTransition||st:"none")},i.prototype.componentDidMount=function(){this.setState({domLoaded:!0}),this.setItemsToShow(),window.addEventListener("resize",this.onResize),this.onResize(!0),this.props.keyBoardControl&&window.addEventListener("keyup",this.onKeyUp),this.props.autoPlay&&(this.autoPlay=setInterval(this.next,this.props.autoPlaySpeed))},i.prototype.setClones=function(t,e,r,s){var a=this;s===void 0&&(s=!1),this.isAnimationAllowed=!1;var n=w.Children.toArray(this.props.children),l=v.getInitialSlideInInfiniteMode(t||this.state.slidesToShow,n),d=v.getClones(this.state.slidesToShow,n),h=n.length<this.state.slidesToShow?0:this.state.currentSlide;this.setState({totalItems:d.length,currentSlide:r&&!s?h:l},function(){a.correctItemsPosition(e||a.state.itemWidth)})},i.prototype.setItemsToShow=function(t,e){var r=this,s=this.props.responsive;Object.keys(s).forEach(function(a){var n=s[a],l=n.breakpoint,d=n.items,h=l.max,u=l.min,c=[window.innerWidth];window.screen&&window.screen.width&&c.push(window.screen.width);var p=Math.min.apply(Math,c);u<=p&&p<=h&&(r.setState({slidesToShow:d,deviceType:a}),r.setContainerAndItemWidth(d,t,e))})},i.prototype.setContainerAndItemWidth=function(t,e,r){var s=this;if(this.containerRef&&this.containerRef.current){var a=this.containerRef.current.offsetWidth,n=v.getItemClientSideWidth(this.props,t,a);this.setState({containerWidth:a,itemWidth:n},function(){s.props.infinite&&s.setClones(t,n,e,r)}),e&&this.correctItemsPosition(n)}},i.prototype.correctItemsPosition=function(t,e,r){e&&(this.isAnimationAllowed=!0),!e&&this.isAnimationAllowed&&(this.isAnimationAllowed=!1);var s=this.state.totalItems<this.state.slidesToShow?0:-t*this.state.currentSlide;r&&this.setTransformDirectly(s,!0),this.setState({transform:s})},i.prototype.onResize=function(t){var e;e=!!this.props.infinite&&(typeof t!="boolean"||!t),this.setItemsToShow(e)},i.prototype.componentDidUpdate=function(t,e){var r=this,s=t.keyBoardControl,a=t.autoPlay,n=t.children,l=e.containerWidth,d=e.domLoaded,h=e.currentSlide;if(this.containerRef&&this.containerRef.current&&this.containerRef.current.offsetWidth!==l&&(this.itemsToShowTimeout&&clearTimeout(this.itemsToShowTimeout),this.itemsToShowTimeout=setTimeout(function(){r.setItemsToShow(!0)},this.props.transitionDuration||P)),s&&!this.props.keyBoardControl&&window.removeEventListener("keyup",this.onKeyUp),!s&&this.props.keyBoardControl&&window.addEventListener("keyup",this.onKeyUp),a&&!this.props.autoPlay&&this.autoPlay&&(clearInterval(this.autoPlay),this.autoPlay=void 0),a||!this.props.autoPlay||this.autoPlay||(this.autoPlay=setInterval(this.next,this.props.autoPlaySpeed)),n.length!==this.props.children.length?i.clonesTimeout=setTimeout(function(){r.props.infinite?r.setClones(r.state.slidesToShow,r.state.itemWidth,!0,!0):r.resetTotalItems()},this.props.transitionDuration||P):this.props.infinite&&this.state.currentSlide!==h&&this.correctClonesPosition({domLoaded:d}),this.transformPlaceHolder!==this.state.transform&&(this.transformPlaceHolder=this.state.transform),this.props.autoPlay&&this.props.rewind&&!this.props.infinite&&v.isInRightEnd(this.state)){var u=this.props.transitionDuration||P;i.isInThrottleTimeout=setTimeout(function(){r.setIsInThrottle(!1),r.resetAutoplayInterval(),r.goToSlide(0,void 0,!!r.props.rewindWithAnimation)},u+this.props.autoPlaySpeed)}},i.prototype.correctClonesPosition=function(t){var e=this,r=t.domLoaded,s=w.Children.toArray(this.props.children),a=v.checkClonesPosition(this.state,s,this.props),n=a.isReachingTheEnd,l=a.isReachingTheStart,d=a.nextSlide,h=a.nextPosition;this.state.domLoaded&&r&&(n||l)&&(this.isAnimationAllowed=!1,i.transformTimeout=setTimeout(function(){e.setState({transform:h,currentSlide:d})},this.props.transitionDuration||P))},i.prototype.next=function(t){var e=this;t===void 0&&(t=0);var r=this.props,s=r.afterChange,a=r.beforeChange;if(!v.notEnoughChildren(this.state)){var n=v.populateNextSlides(this.state,this.props,t),l=n.nextSlides,d=n.nextPosition,h=this.state.currentSlide;l!==void 0&&d!==void 0&&(typeof a=="function"&&a(l,this.getState()),this.isAnimationAllowed=!0,this.props.shouldResetAutoplay&&this.resetAutoplayInterval(),this.setState({transform:d,currentSlide:l},function(){typeof s=="function"&&(i.afterChangeTimeout=setTimeout(function(){s(h,e.getState())},e.props.transitionDuration||P))}))}},i.prototype.previous=function(t){var e=this;t===void 0&&(t=0);var r=this.props,s=r.afterChange,a=r.beforeChange;if(!v.notEnoughChildren(this.state)){var n=v.populatePreviousSlides(this.state,this.props,t),l=n.nextSlides,d=n.nextPosition;if(l!==void 0&&d!==void 0){var h=this.state.currentSlide;typeof a=="function"&&a(l,this.getState()),this.isAnimationAllowed=!0,this.props.shouldResetAutoplay&&this.resetAutoplayInterval(),this.setState({transform:d,currentSlide:l},function(){typeof s=="function"&&(i.afterChangeTimeout2=setTimeout(function(){s(h,e.getState())},e.props.transitionDuration||P))})}}},i.prototype.resetAutoplayInterval=function(){this.props.autoPlay&&(clearInterval(this.autoPlay),this.autoPlay=setInterval(this.next,this.props.autoPlaySpeed))},i.prototype.componentWillUnmount=function(){window.removeEventListener("resize",this.onResize),this.props.keyBoardControl&&window.removeEventListener("keyup",this.onKeyUp),this.props.autoPlay&&this.autoPlay&&(clearInterval(this.autoPlay),this.autoPlay=void 0),this.itemsToShowTimeout&&clearTimeout(this.itemsToShowTimeout),i.clonesTimeout&&clearTimeout(i.clonesTimeout),i.isInThrottleTimeout&&clearTimeout(i.isInThrottleTimeout),i.transformTimeout&&clearTimeout(i.transformTimeout),i.afterChangeTimeout&&clearTimeout(i.afterChangeTimeout),i.afterChangeTimeout2&&clearTimeout(i.afterChangeTimeout2),i.afterChangeTimeout3&&clearTimeout(i.afterChangeTimeout3)},i.prototype.resetMoveStatus=function(){this.onMove=!1,this.initialX=0,this.lastX=0,this.direction="",this.initialY=0},i.prototype.getCords=function(t){var e=t.clientX,r=t.clientY;return{clientX:B.parsePosition(this.props,e),clientY:B.parsePosition(this.props,r)}},i.prototype.handleDown=function(t){if(!(!R.isMouseMoveEvent(t)&&!this.props.swipeable||R.isMouseMoveEvent(t)&&!this.props.draggable||this.isInThrottle)){var e=this.getCords(R.isMouseMoveEvent(t)?t:t.touches[0]),r=e.clientX,s=e.clientY;this.onMove=!0,this.initialX=r,this.initialY=s,this.lastX=r,this.isAnimationAllowed=!1}},i.prototype.handleMove=function(t){if(!(!R.isMouseMoveEvent(t)&&!this.props.swipeable||R.isMouseMoveEvent(t)&&!this.props.draggable||v.notEnoughChildren(this.state))){var e=this.getCords(R.isMouseMoveEvent(t)?t:t.touches[0]),r=e.clientX,s=e.clientY,a=this.initialX-r,n=this.initialY-s;if(this.onMove){if(!(Math.abs(a)>Math.abs(n)))return;var l=v.populateSlidesOnMouseTouchMove(this.state,this.props,this.initialX,this.lastX,r,this.transformPlaceHolder),d=l.direction,h=l.nextPosition,u=l.canContinue;d&&(this.direction=d,u&&h!==void 0&&this.setTransformDirectly(h)),this.lastX=r}}},i.prototype.handleOut=function(t){this.props.autoPlay&&!this.autoPlay&&(this.autoPlay=setInterval(this.next,this.props.autoPlaySpeed));var e=t.type==="touchend"&&!this.props.swipeable,r=(t.type==="mouseleave"||t.type==="mouseup")&&!this.props.draggable;if(!e&&!r&&this.onMove){if(this.setAnimationDirectly(!0),this.direction==="right")if(this.initialX-this.lastX>=this.props.minimumTouchDrag){var s=Math.round((this.initialX-this.lastX)/this.state.itemWidth);this.next(s)}else this.correctItemsPosition(this.state.itemWidth,!0,!0);this.direction==="left"&&(this.lastX-this.initialX>this.props.minimumTouchDrag?(s=Math.round((this.lastX-this.initialX)/this.state.itemWidth),this.previous(s)):this.correctItemsPosition(this.state.itemWidth,!0,!0)),this.resetMoveStatus()}},i.prototype.isInViewport=function(t){var e=t.getBoundingClientRect(),r=e.top,s=r===void 0?0:r,a=e.left,n=a===void 0?0:a,l=e.bottom,d=l===void 0?0:l,h=e.right,u=h===void 0?0:h;return 0<=s&&0<=n&&d<=(window.innerHeight||document.documentElement.clientHeight)&&u<=(window.innerWidth||document.documentElement.clientWidth)},i.prototype.isChildOfCarousel=function(t){return!!(t instanceof Element&&this.listRef&&this.listRef.current)&&this.listRef.current.contains(t)},i.prototype.onKeyUp=function(t){var e=t.target;switch(t.keyCode){case 37:if(this.isChildOfCarousel(e))return this.previous();break;case 39:if(this.isChildOfCarousel(e))return this.next();break;case 9:if(this.isChildOfCarousel(e)&&e instanceof HTMLInputElement&&this.isInViewport(e))return this.next()}},i.prototype.handleEnter=function(t){R.isMouseMoveEvent(t)&&this.autoPlay&&this.props.autoPlay&&this.props.pauseOnHover&&(clearInterval(this.autoPlay),this.autoPlay=void 0)},i.prototype.goToSlide=function(t,e,r){var s=this;if(r===void 0&&(r=!0),!this.isInThrottle){var a=this.state.itemWidth,n=this.props,l=n.afterChange,d=n.beforeChange,h=this.state.currentSlide;typeof d!="function"||e&&(typeof e!="object"||e.skipBeforeChange)||d(t,this.getState()),this.isAnimationAllowed=r,this.props.shouldResetAutoplay&&this.resetAutoplayInterval(),this.setState({currentSlide:t,transform:-a*t},function(){s.props.infinite&&s.correctClonesPosition({domLoaded:!0}),typeof l!="function"||e&&(typeof e!="object"||e.skipAfterChange)||(i.afterChangeTimeout3=setTimeout(function(){l(h,s.getState())},s.props.transitionDuration||P))})}},i.prototype.getState=function(){return this.state},i.prototype.renderLeftArrow=function(t){var e=this,r=this.props,s=r.customLeftArrow,a=r.rtl;return w.createElement(nt.LeftArrow,{customLeftArrow:s,getState:function(){return e.getState()},previous:this.previous,disabled:t,rtl:a})},i.prototype.renderRightArrow=function(t){var e=this,r=this.props,s=r.customRightArrow,a=r.rtl;return w.createElement(nt.RightArrow,{customRightArrow:s,getState:function(){return e.getState()},next:this.next,disabled:t,rtl:a})},i.prototype.renderButtonGroups=function(){var t=this,e=this.props.customButtonGroup;return e?w.cloneElement(e,{previous:function(){return t.previous()},next:function(){return t.next()},goToSlide:function(r,s){return t.goToSlide(r,s)},carouselState:this.getState()}):null},i.prototype.renderDotsList=function(){var t=this;return w.createElement(Ht.default,{state:this.state,props:this.props,goToSlide:this.goToSlide,getState:function(){return t.getState()}})},i.prototype.renderCarouselItems=function(){var t=[];if(this.props.infinite){var e=w.Children.toArray(this.props.children);t=v.getClones(this.state.slidesToShow,e)}return w.createElement(te.default,{clones:t,goToSlide:this.goToSlide,state:this.state,notEnoughChildren:v.notEnoughChildren(this.state),props:this.props})},i.prototype.render=function(){var t=this.props,e=t.deviceType,r=t.arrows,s=t.renderArrowsWhenDisabled,a=t.removeArrowOnDeviceType,n=t.infinite,l=t.containerClass,d=t.sliderClass,h=t.customTransition,u=t.additionalTransfrom,c=t.renderDotsOutside,p=t.renderButtonGroupOutside,f=t.className,g=t.rtl;process.env.NODE_ENV!=="production"&&v.throwError(this.state,this.props);var b=v.getInitialState(this.state,this.props),_=b.shouldRenderOnSSR,C=b.shouldRenderAtAll,y=v.isInLeftEnd(this.state),M=v.isInRightEnd(this.state),I=r&&!(a&&(e&&-1<a.indexOf(e)||this.state.deviceType&&-1<a.indexOf(this.state.deviceType)))&&!v.notEnoughChildren(this.state)&&C,O=!n&&y,W=!n&&M,j=B.getTransform(this.state,this.props);return w.createElement(w.Fragment,null,w.createElement("div",{className:"react-multi-carousel-list "+l+" "+f,dir:g?"rtl":"ltr",ref:this.containerRef},w.createElement("ul",{ref:this.listRef,className:"react-multi-carousel-track "+d,style:{transition:this.isAnimationAllowed?h||st:"none",overflow:_?"hidden":"unset",transform:"translate3d("+(j+u)+"px,0,0)"},onMouseMove:this.handleMove,onMouseDown:this.handleDown,onMouseUp:this.handleOut,onMouseEnter:this.handleEnter,onMouseLeave:this.handleOut,onTouchStart:this.handleDown,onTouchMove:this.handleMove,onTouchEnd:this.handleOut},this.renderCarouselItems()),I&&(!O||s)&&this.renderLeftArrow(O),I&&(!W||s)&&this.renderRightArrow(W),C&&!p&&this.renderButtonGroups(),C&&!c&&this.renderDotsList()),C&&c&&this.renderDotsList(),C&&p&&this.renderButtonGroups())},i.defaultProps={slidesToSlide:1,infinite:!1,draggable:!0,swipeable:!0,arrows:!0,renderArrowsWhenDisabled:!1,containerClass:"",sliderClass:"",itemClass:"",keyBoardControl:!0,autoPlaySpeed:3e3,showDots:!1,renderDotsOutside:!1,renderButtonGroupOutside:!1,minimumTouchDrag:80,className:"",dotListClass:"",focusOnSelect:!1,centerMode:!1,additionalTransfrom:0,pauseOnHover:!0,shouldResetAutoplay:!0,rewind:!1,rtl:!1,rewindWithAnimation:!1},i}(w.Component);K.default=ee;Object.defineProperty(q,"__esModule",{value:!0});var ie=K;q.default=ie.default;var oe=q;const re=k.getDefaultExportFromCjs(oe),ne=at.styled.div`
   &:hover {
     cursor: pointer;
 
@@ -174,4 +174,4 @@
       aspect-ratio: 1 / 1;
     }
   }
-`,ae=({keyPrefix:o})=>S.jsx(se,{noGradient:!0,children:S.jsx(lt.SkeletonLinePlaceholder,{keyPrefix:`${o}-1`,height:"22.5rem"})}),le=({keyPrefix:o,isLoading:i=!1,fallbackComponent:t=S.jsx(S.Fragment,{}),children:e})=>S.jsx(E.Suspense,{fallbackComponent:t,children:i===!0?S.jsx(ae,{keyPrefix:o}):e}),mt=E.forwardRef(({items:o=[],isLoading:i=!1,fallbackComponent:t=S.jsx(S.Fragment,{}),onSelectItem:e=()=>{},onButtonAction:r=()=>{}},s)=>{const l={desktop:{breakpoint:{max:3e3,min:1024},items:1,partialVisibilityGutter:0},tablet:{breakpoint:{max:1024,min:464},items:1,partialVisibilityGutter:0},mobile:{breakpoint:{max:464,min:0},items:1,partialVisibilityGutter:64}},n=gt.useDetectMobile();return S.jsx(ne,{ref:s,children:S.jsx(le,{fallbackComponent:t,keyPrefix:"banner-carousel-skeleton",isLoading:i,children:S.jsx(re,{responsive:l,removeArrowOnDeviceType:["tablet","mobile"],infinite:!n,keyBoardControl:!0,autoPlay:!0,partialVisible:!0,customTransition:"transform 500ms ease-in-out",sliderClass:"carousel-slider",itemClass:"carousel-item",containerClass:"carousel-container",rewind:!0,rewindWithAnimation:!0,children:o==null?void 0:o.map((a,u)=>S.jsxs("div",{className:"section__card",onClick:()=>e(a),children:[S.jsx("img",{src:a==null?void 0:a.imageUrl,alt:`Slide ${u+1}`,className:"section__image"}),S.jsxs("div",{className:"card__content",children:[S.jsxs("div",{className:"card__text",children:[(a==null?void 0:a.title)&&S.jsx("div",{className:"card__title",children:a==null?void 0:a.title}),(a==null?void 0:a.title)&&S.jsx("div",{className:"card__description",children:a==null?void 0:a.description})]}),(a==null?void 0:a.buttonText)&&S.jsx(vt,{text:a==null?void 0:a.buttonText,className:"card__action",size:"medium",onClick:d=>{d==null||d.stopPropagation(),r(a)}})]})]},`banner-section-carousel-item__${u+1}`))})})},`banner-section-carousel__${n}`)});mt.propTypes={items:D.PropTypes.array,isLoading:D.PropTypes.bool,fallbackComponent:D.PropTypes.any,onSelectItem:D.PropTypes.func,onButtonAction:D.PropTypes.func};module.exports=mt;
+`,ae=({keyPrefix:o})=>S.jsx(se,{noGradient:!0,children:S.jsx(lt.SkeletonLinePlaceholder,{keyPrefix:`${o}-1`,height:"22.5rem"})}),le=({keyPrefix:o,isLoading:i=!1,fallbackComponent:t=S.jsx(S.Fragment,{}),children:e})=>S.jsx(E.Suspense,{fallbackComponent:t,children:i===!0?S.jsx(ae,{keyPrefix:o}):e}),mt=E.forwardRef(({items:o=[],isLoading:i=!1,deviceType:t,partialVisible:e=!0,fallbackComponent:r=S.jsx(S.Fragment,{}),onSelectItem:s=()=>{},onButtonAction:a=()=>{},carouselProps:n},l)=>{const d={desktop:{breakpoint:{max:3e3,min:1024},items:1,partialVisibilityGutter:0},tablet:{breakpoint:{max:1024,min:464},items:1,partialVisibilityGutter:0},mobile:{breakpoint:{max:464,min:0},items:1,partialVisibilityGutter:64}},h=gt.useDetectMobile();return S.jsx(ne,{ref:l,children:S.jsx(le,{fallbackComponent:r,keyPrefix:"banner-carousel-skeleton",isLoading:i,children:S.jsx(re,{responsive:d,deviceType:t,removeArrowOnDeviceType:["tablet","mobile"],infinite:!h,keyBoardControl:!0,autoPlay:!0,partialVisible:e,customTransition:"transform 500ms ease-in-out",sliderClass:"carousel-slider",itemClass:"carousel-item",containerClass:"carousel-container",rewind:!0,rewindWithAnimation:!0,...n,children:o==null?void 0:o.map((u,c)=>S.jsxs("div",{className:"section__card",onClick:()=>s(u),children:[S.jsx("img",{src:u==null?void 0:u.imageUrl,alt:`Slide ${c+1}`,className:"section__image"}),S.jsxs("div",{className:"card__content",children:[S.jsxs("div",{className:"card__text",children:[(u==null?void 0:u.title)&&S.jsx("div",{className:"card__title",children:u==null?void 0:u.title}),(u==null?void 0:u.title)&&S.jsx("div",{className:"card__description",children:u==null?void 0:u.description})]}),(u==null?void 0:u.buttonText)&&S.jsx(vt,{text:u==null?void 0:u.buttonText,className:"card__action",size:"medium",onClick:p=>{p==null||p.stopPropagation(),a(u)}})]})]},`banner-section-carousel-item__${c+1}`))})})},`banner-section-carousel__${h}`)});mt.propTypes={items:D.PropTypes.array,isLoading:D.PropTypes.bool,fallbackComponent:D.PropTypes.any,onSelectItem:D.PropTypes.func,onButtonAction:D.PropTypes.func};module.exports=mt;

package/dist/BannerSectionCarousel.js

@@ -9,33 +9,33 @@ import { S as wt, b as bt } from "./style-CXMUA6cI.js";
 import { M as _t } from "./consts-BuFChS64.js";
 var Z = {}, q = {}, m = {}, F = {};
 (function(o) {
-  function i(l, n, a) {
-    var u = n.slidesToShow, h = n.currentSlide;
-    return a.length > 2 * u ? l + 2 * u : h >= a.length ? a.length + l : l;
+  function i(a, n, l) {
+    var h = n.slidesToShow, d = n.currentSlide;
+    return l.length > 2 * h ? a + 2 * h : d >= l.length ? l.length + a : a;
   }
-  function t(l, n) {
-    if (n.length > 2 * l) {
-      for (var a = {}, u = n.length - 2 * l, h = n.length - u, c = u, d = 0; d < h; d++) a[d] = c, c++;
-      var p = n.length + h, f = p + n.slice(0, 2 * l).length, g = 0;
-      for (d = p; d <= f; d++) a[d] = g, g++;
+  function t(a, n) {
+    if (n.length > 2 * a) {
+      for (var l = {}, h = n.length - 2 * a, d = n.length - h, u = h, c = 0; c < d; c++) l[c] = u, u++;
+      var p = n.length + d, f = p + n.slice(0, 2 * a).length, g = 0;
+      for (c = p; c <= f; c++) l[c] = g, g++;
       var w = p, b = 0;
-      for (d = h; d < w; d++) a[d] = b, b++;
-      return a;
+      for (c = d; c < w; c++) l[c] = b, b++;
+      return l;
     }
-    a = {};
+    l = {};
     var _ = 3 * n.length, y = 0;
-    for (d = 0; d < _; d++) a[d] = y, ++y === n.length && (y = 0);
-    return a;
+    for (c = 0; c < _; c++) l[c] = y, ++y === n.length && (y = 0);
+    return l;
   }
-  function e(l, n) {
-    return n.length < l ? n : n.length > 2 * l ? n.slice(n.length - 2 * l, n.length).concat(n, n.slice(0, 2 * l)) : n.concat(n, n);
+  function e(a, n) {
+    return n.length < a ? n : n.length > 2 * a ? n.slice(n.length - 2 * a, n.length).concat(n, n.slice(0, 2 * a)) : n.concat(n, n);
   }
-  function r(l, n) {
-    return n.length > 2 * l ? 2 * l : n.length;
+  function r(a, n) {
+    return n.length > 2 * a ? 2 * a : n.length;
   }
-  function s(l, n, a) {
-    var u, h = l.currentSlide, c = l.slidesToShow, d = l.itemWidth, p = l.totalItems, f = 0, g = 0, w = h === 0, b = n.length - (n.length - 2 * c);
-    return n.length < c ? (g = f = 0, w = u = !1) : n.length > 2 * c ? ((u = h >= b + n.length) && (g = -d * (f = h - n.length)), w && (g = -d * (f = b + (n.length - 2 * c)))) : ((u = h >= 2 * n.length) && (g = -d * (f = h - n.length)), w && (g = a.showDots ? -d * (f = n.length) : -d * (f = p / 3))), { isReachingTheEnd: u, isReachingTheStart: w, nextSlide: f, nextPosition: g };
+  function s(a, n, l) {
+    var h, d = a.currentSlide, u = a.slidesToShow, c = a.itemWidth, p = a.totalItems, f = 0, g = 0, w = d === 0, b = n.length - (n.length - 2 * u);
+    return n.length < u ? (g = f = 0, w = h = !1) : n.length > 2 * u ? ((h = d >= b + n.length) && (g = -c * (f = d - n.length)), w && (g = -c * (f = b + (n.length - 2 * u)))) : ((h = d >= 2 * n.length) && (g = -c * (f = d - n.length)), w && (g = l.showDots ? -c * (f = n.length) : -c * (f = p / 3))), { isReachingTheEnd: h, isReachingTheStart: w, nextSlide: f, nextPosition: g };
   }
   Object.defineProperty(o, "__esModule", { value: !0 }), o.getOriginalCounterPart = i, o.getOriginalIndexLookupTableByClones = t, o.getClones = e, o.getInitialSlideInInfiniteMode = r, o.checkClonesPosition = s;
 })(F);
@@ -62,10 +62,10 @@ function J(o) {
   return o.totalItems < i;
 }
 function Pt(o, i) {
-  var t, e = o.domLoaded, r = o.slidesToShow, s = o.containerWidth, l = o.itemWidth, n = i.deviceType, a = i.responsive, u = i.ssr, h = i.partialVisbile, c = i.partialVisible, d = !!(e && r && s && l);
-  u && n && !d && (t = K.getWidthFromDeviceType(n, a));
-  var p = !!(u && n && !d && t);
-  return { shouldRenderOnSSR: p, flexBisis: t, domFullyLoaded: d, partialVisibilityGutter: K.getPartialVisibilityGutter(a, h || c, n, o.deviceType), shouldRenderAtAll: p || d };
+  var t, e = o.domLoaded, r = o.slidesToShow, s = o.containerWidth, a = o.itemWidth, n = i.deviceType, l = i.responsive, h = i.ssr, d = i.partialVisbile, u = i.partialVisible, c = !!(e && r && s && a);
+  h && n && !c && (t = K.getWidthFromDeviceType(n, l));
+  var p = !!(h && n && !c && t);
+  return { shouldRenderOnSSR: p, flexBisis: t, domFullyLoaded: c, partialVisibilityGutter: K.getPartialVisibilityGutter(l, d || u, n, o.deviceType), shouldRenderAtAll: p || c };
 }
 function Et(o, i) {
   var t = i.currentSlide, e = i.slidesToShow;
@@ -84,27 +84,27 @@ function dt(o) {
 }
 function ct(o, i, t, e) {
   i === void 0 && (i = 0);
-  var r = o.currentSlide, s = o.slidesToShow, l = dt(o), n = !t.infinite && l, a = e || o.transform;
-  if (J(o)) return a;
-  var u = a + r * i;
-  return n ? u + (o.containerWidth - (o.itemWidth - i) * s) : u;
+  var r = o.currentSlide, s = o.slidesToShow, a = dt(o), n = !t.infinite && a, l = e || o.transform;
+  if (J(o)) return l;
+  var h = l + r * i;
+  return n ? h + (o.containerWidth - (o.itemWidth - i) * s) : h;
 }
 function pt(o, i) {
   return o.rtl ? -1 * i : i;
 }
 function xt(o, i, t) {
-  var e = i.partialVisbile, r = i.partialVisible, s = i.responsive, l = i.deviceType, n = i.centerMode, a = t || o.transform, u = K.getPartialVisibilityGutter(s, e || r, l, o.deviceType);
-  return pt(i, r || e ? ct(o, u, i, t) : n ? ht(o, i, t) : a);
+  var e = i.partialVisbile, r = i.partialVisible, s = i.responsive, a = i.deviceType, n = i.centerMode, l = t || o.transform, h = K.getPartialVisibilityGutter(s, e || r, a, o.deviceType);
+  return pt(i, r || e ? ct(o, h, i, t) : n ? ht(o, i, t) : l);
 }
 function Ot(o, i) {
-  var t = o.domLoaded, e = o.slidesToShow, r = o.containerWidth, s = o.itemWidth, l = i.deviceType, n = i.responsive, a = i.slidesToSlide || 1, u = !!(t && e && r && s);
-  return i.ssr && i.deviceType && !u && Object.keys(n).forEach(function(h) {
-    var c = n[h].slidesToSlide;
-    l === h && c && (a = c);
-  }), u && Object.keys(n).forEach(function(h) {
-    var c = n[h], d = c.breakpoint, p = c.slidesToSlide, f = d.max, g = d.min;
-    p && window.innerWidth >= g && window.innerWidth <= f && (a = p);
-  }), a;
+  var t = o.domLoaded, e = o.slidesToShow, r = o.containerWidth, s = o.itemWidth, a = i.deviceType, n = i.responsive, l = i.slidesToSlide || 1, h = !!(t && e && r && s);
+  return i.ssr && i.deviceType && !h && Object.keys(n).forEach(function(d) {
+    var u = n[d].slidesToSlide;
+    a === d && u && (l = u);
+  }), h && Object.keys(n).forEach(function(d) {
+    var u = n[d], c = u.breakpoint, p = u.slidesToSlide, f = c.max, g = c.min;
+    p && window.innerWidth >= g && window.innerWidth <= f && (l = p);
+  }), l;
 }
 S.notEnoughChildren = J, S.getInitialState = Pt, S.getIfSlideIsVisbile = Et, S.getTransformForCenterMode = ht, S.isInLeftEnd = Rt, S.isInRightEnd = dt, S.getTransformForPartialVsibile = ct, S.parsePosition = pt, S.getTransform = xt, S.getSlidesToSlide = Ot;
 var Q = {};
@@ -122,10 +122,10 @@ Q.default = At;
 var ft = {};
 (function(o) {
   function i(t, e) {
-    var r = e.partialVisbile, s = e.partialVisible, l = e.centerMode, n = e.ssr, a = e.responsive;
-    if ((r || s) && l) throw new Error("center mode can not be used at the same time with partialVisible");
-    if (!a) throw n ? new Error("ssr mode need to be used in conjunction with responsive prop") : new Error("Responsive prop is needed for deciding the amount of items to show on the screen");
-    if (a && typeof a != "object") throw new Error("responsive prop must be an object");
+    var r = e.partialVisbile, s = e.partialVisible, a = e.centerMode, n = e.ssr, l = e.responsive;
+    if ((r || s) && a) throw new Error("center mode can not be used at the same time with partialVisible");
+    if (!l) throw n ? new Error("ssr mode need to be used in conjunction with responsive prop") : new Error("Responsive prop is needed for deciding the amount of items to show on the screen");
+    if (l && typeof l != "object") throw new Error("responsive prop must be an object");
   }
   Object.defineProperty(o, "__esModule", { value: !0 }), o.default = i;
 })(ft);
@@ -134,8 +134,8 @@ Object.defineProperty(H, "__esModule", { value: !0 });
 var Wt = S;
 function Dt(o, i, t) {
   t === void 0 && (t = 0);
-  var e, r, s = o.slidesToShow, l = o.currentSlide, n = o.itemWidth, a = o.totalItems, u = Wt.getSlidesToSlide(o, i), h = l + 1 + t + s + (0 < t ? 0 : u);
-  return r = h <= a ? -n * (e = l + t + (0 < t ? 0 : u)) : a < h && l !== a - s ? -n * (e = a - s) : e = void 0, { nextSlides: e, nextPosition: r };
+  var e, r, s = o.slidesToShow, a = o.currentSlide, n = o.itemWidth, l = o.totalItems, h = Wt.getSlidesToSlide(o, i), d = a + 1 + t + s + (0 < t ? 0 : h);
+  return r = d <= l ? -n * (e = a + t + (0 < t ? 0 : h)) : l < d && a !== l - s ? -n * (e = l - s) : e = void 0, { nextSlides: e, nextPosition: r };
 }
 H.populateNextSlides = Dt;
 var tt = {};
@@ -143,20 +143,20 @@ Object.defineProperty(tt, "__esModule", { value: !0 });
 var Lt = A, kt = S, Vt = S;
 function jt(o, i, t) {
   t === void 0 && (t = 0);
-  var e, r, s = o.currentSlide, l = o.itemWidth, n = o.slidesToShow, a = i.children, u = i.showDots, h = i.infinite, c = kt.getSlidesToSlide(o, i), d = s - t - (0 < t ? 0 : c), p = (Lt.Children.toArray(a).length - n) % c;
-  return r = 0 <= d ? (e = d, u && !h && 0 < p && Vt.isInRightEnd(o) && (e = s - p), -l * e) : e = d < 0 && s !== 0 ? 0 : void 0, { nextSlides: e, nextPosition: r };
+  var e, r, s = o.currentSlide, a = o.itemWidth, n = o.slidesToShow, l = i.children, h = i.showDots, d = i.infinite, u = kt.getSlidesToSlide(o, i), c = s - t - (0 < t ? 0 : u), p = (Lt.Children.toArray(l).length - n) % u;
+  return r = 0 <= c ? (e = c, h && !d && 0 < p && Vt.isInRightEnd(o) && (e = s - p), -a * e) : e = c < 0 && s !== 0 ? 0 : void 0, { nextSlides: e, nextPosition: r };
 }
 tt.populatePreviousSlides = jt;
 var mt = {};
 (function(o) {
-  function i(t, e, r, s, l, n) {
-    var a, u, h = t.itemWidth, c = t.slidesToShow, d = t.totalItems, p = t.currentSlide, f = e.infinite, g = !1, w = Math.round((r - s) / h), b = Math.round((s - r) / h), _ = r < l;
-    if (l < r && w <= c) {
-      a = "right";
-      var y = Math.abs(-h * (d - c)), M = n - (s - l), I = p === d - c;
-      (Math.abs(M) <= y || I && f) && (u = M, g = !0);
+  function i(t, e, r, s, a, n) {
+    var l, h, d = t.itemWidth, u = t.slidesToShow, c = t.totalItems, p = t.currentSlide, f = e.infinite, g = !1, w = Math.round((r - s) / d), b = Math.round((s - r) / d), _ = r < a;
+    if (a < r && w <= u) {
+      l = "right";
+      var y = Math.abs(-d * (c - u)), M = n - (s - a), I = p === c - u;
+      (Math.abs(M) <= y || I && f) && (h = M, g = !0);
     }
-    return _ && b <= c && (a = "left", ((M = n + (l - s)) <= 0 || p === 0 && f) && (g = !0, u = M)), { direction: a, nextPosition: u, canContinue: g };
+    return _ && b <= u && (l = "left", ((M = n + (a - s)) <= 0 || p === 0 && f) && (g = !0, h = M)), { direction: l, nextPosition: h, canContinue: g };
   }
   Object.defineProperty(o, "__esModule", { value: !0 }), o.populateSlidesOnMouseTouchMove = i;
 })(mt);
@@ -210,34 +210,34 @@ Object.defineProperty(it, "__esModule", { value: !0 });
 var Kt = F, Zt = S;
 function qt(o, i, t, e) {
   var r = {}, s = Zt.getSlidesToSlide(i, t);
-  return Array(o).fill(0).forEach(function(l, n) {
-    var a = Kt.getOriginalCounterPart(n, i, e);
-    if (n === 0) r[0] = a;
+  return Array(o).fill(0).forEach(function(a, n) {
+    var l = Kt.getOriginalCounterPart(n, i, e);
+    if (n === 0) r[0] = l;
     else {
-      var u = r[n - 1] + s;
-      r[n] = u;
+      var h = r[n - 1] + s;
+      r[n] = h;
     }
   }), r;
 }
 it.getLookupTableForNextSlides = qt;
 Object.defineProperty(et, "__esModule", { value: !0 });
 var L = A, Jt = F, Qt = it, nt = S, Ht = function(o) {
-  var i = o.props, t = o.state, e = o.goToSlide, r = o.getState, s = i.showDots, l = i.customDot, n = i.dotListClass, a = i.infinite, u = i.children;
+  var i = o.props, t = o.state, e = o.goToSlide, r = o.getState, s = i.showDots, a = i.customDot, n = i.dotListClass, l = i.infinite, h = i.children;
   if (!s || nt.notEnoughChildren(t)) return null;
-  var h, c = t.currentSlide, d = t.slidesToShow, p = nt.getSlidesToSlide(t, i), f = L.Children.toArray(u);
-  h = a ? Math.ceil(f.length / p) : Math.ceil((f.length - d) / p) + 1;
-  var g = Qt.getLookupTableForNextSlides(h, t, i, f), w = Jt.getOriginalIndexLookupTableByClones(d, f), b = w[c];
-  return L.createElement("ul", { className: "react-multi-carousel-dot-list " + n }, Array(h).fill(0).map(function(_, y) {
+  var d, u = t.currentSlide, c = t.slidesToShow, p = nt.getSlidesToSlide(t, i), f = L.Children.toArray(h);
+  d = l ? Math.ceil(f.length / p) : Math.ceil((f.length - c) / p) + 1;
+  var g = Qt.getLookupTableForNextSlides(d, t, i, f), w = Jt.getOriginalIndexLookupTableByClones(c, f), b = w[u];
+  return L.createElement("ul", { className: "react-multi-carousel-dot-list " + n }, Array(d).fill(0).map(function(_, y) {
     var M, I;
-    if (a) {
+    if (l) {
       I = g[y];
       var x = w[I];
       M = b === x || x <= b && b < x + p;
     } else {
-      var W = f.length - d, k = y * p;
-      M = (I = W < k ? W : k) === c || I < c && c < I + p && c < f.length - d;
+      var W = f.length - c, k = y * p;
+      M = (I = W < k ? W : k) === u || I < u && u < I + p && u < f.length - c;
     }
-    return l ? L.cloneElement(l, { index: y, active: M, key: y, onClick: function() {
+    return a ? L.cloneElement(a, { index: y, active: M, key: y, onClick: function() {
       return e(I);
     }, carouselState: r() }) : L.createElement("li", { "data-index": y, key: y, className: "react-multi-carousel-dot " + (M ? "react-multi-carousel-dot--active" : "") }, L.createElement("button", { "aria-label": "Go to slide " + (y + 1), onClick: function() {
       return e(I);
@@ -252,8 +252,8 @@ var N = A, te = function(o) {
   if (i) return N.cloneElement(i, { onClick: function() {
     return e();
   }, carouselState: t(), disabled: r, rtl: s });
-  var l = s ? "rtl" : "";
-  return N.createElement("button", { "aria-label": "Go to previous slide", className: "react-multiple-carousel__arrow react-multiple-carousel__arrow--left " + l, onClick: function() {
+  var a = s ? "rtl" : "";
+  return N.createElement("button", { "aria-label": "Go to previous slide", className: "react-multiple-carousel__arrow react-multiple-carousel__arrow--left " + a, onClick: function() {
     return e();
   }, type: "button", disabled: r });
 };
@@ -263,8 +263,8 @@ var ee = function(o) {
   if (i) return N.cloneElement(i, { onClick: function() {
     return e();
   }, carouselState: t(), disabled: r, rtl: s });
-  var l = s ? "rtl" : "";
-  return N.createElement("button", { "aria-label": "Go to next slide", className: "react-multiple-carousel__arrow react-multiple-carousel__arrow--right " + l, onClick: function() {
+  var a = s ? "rtl" : "";
+  return N.createElement("button", { "aria-label": "Go to next slide", className: "react-multiple-carousel__arrow react-multiple-carousel__arrow--right " + a, onClick: function() {
     return e();
   }, type: "button", disabled: r });
 };
@@ -272,11 +272,11 @@ z.RightArrow = ee;
 var ot = {};
 Object.defineProperty(ot, "__esModule", { value: !0 });
 var j = A, Y = m, ie = function(o) {
-  var i = o.props, t = o.state, e = o.goToSlide, r = o.clones, s = o.notEnoughChildren, l = t.itemWidth, n = i.children, a = i.infinite, u = i.itemClass, h = i.itemAriaLabel, c = i.partialVisbile, d = i.partialVisible, p = Y.getInitialState(t, i), f = p.flexBisis, g = p.shouldRenderOnSSR, w = p.domFullyLoaded, b = p.partialVisibilityGutter;
-  return p.shouldRenderAtAll ? (c && console.warn('WARNING: Please correct props name: "partialVisible" as old typo will be removed in future versions!'), j.createElement(j.Fragment, null, (a ? r : j.Children.toArray(n)).map(function(_, y) {
+  var i = o.props, t = o.state, e = o.goToSlide, r = o.clones, s = o.notEnoughChildren, a = t.itemWidth, n = i.children, l = i.infinite, h = i.itemClass, d = i.itemAriaLabel, u = i.partialVisbile, c = i.partialVisible, p = Y.getInitialState(t, i), f = p.flexBisis, g = p.shouldRenderOnSSR, w = p.domFullyLoaded, b = p.partialVisibilityGutter;
+  return p.shouldRenderAtAll ? (u && console.warn('WARNING: Please correct props name: "partialVisible" as old typo will be removed in future versions!'), j.createElement(j.Fragment, null, (l ? r : j.Children.toArray(n)).map(function(_, y) {
     return j.createElement("li", { key: y, "data-index": y, onClick: function() {
       i.focusOnSelect && e(y);
-    }, "aria-hidden": Y.getIfSlideIsVisbile(y, t) ? "false" : "true", "aria-label": h || (_.props.ariaLabel ? _.props.ariaLabel : null), style: { flex: g ? "1 0 " + f + "%" : "auto", position: "relative", width: w ? ((c || d) && b && !s ? l - b : l) + "px" : "auto" }, className: "react-multi-carousel-item " + (Y.getIfSlideIsVisbile(y, t) ? "react-multi-carousel-item--active" : "") + " " + u }, _);
+    }, "aria-hidden": Y.getIfSlideIsVisbile(y, t) ? "false" : "true", "aria-label": d || (_.props.ariaLabel ? _.props.ariaLabel : null), style: { flex: g ? "1 0 " + f + "%" : "auto", position: "relative", width: w ? ((u || c) && b && !s ? a - b : a) + "px" : "auto" }, className: "react-multi-carousel-item " + (Y.getIfSlideIsVisbile(y, t) ? "react-multi-carousel-item--active" : "") + " " + h }, _);
   }))) : null;
 };
 ot.default = ie;
@@ -318,25 +318,25 @@ var T = A, v = m, R = $, re = et, st = z, ne = ot, B = S, P = 400, at = "transfo
   }, i.prototype.componentDidMount = function() {
     this.setState({ domLoaded: !0 }), this.setItemsToShow(), window.addEventListener("resize", this.onResize), this.onResize(!0), this.props.keyBoardControl && window.addEventListener("keyup", this.onKeyUp), this.props.autoPlay && (this.autoPlay = setInterval(this.next, this.props.autoPlaySpeed));
   }, i.prototype.setClones = function(t, e, r, s) {
-    var l = this;
+    var a = this;
     s === void 0 && (s = !1), this.isAnimationAllowed = !1;
-    var n = T.Children.toArray(this.props.children), a = v.getInitialSlideInInfiniteMode(t || this.state.slidesToShow, n), u = v.getClones(this.state.slidesToShow, n), h = n.length < this.state.slidesToShow ? 0 : this.state.currentSlide;
-    this.setState({ totalItems: u.length, currentSlide: r && !s ? h : a }, function() {
-      l.correctItemsPosition(e || l.state.itemWidth);
+    var n = T.Children.toArray(this.props.children), l = v.getInitialSlideInInfiniteMode(t || this.state.slidesToShow, n), h = v.getClones(this.state.slidesToShow, n), d = n.length < this.state.slidesToShow ? 0 : this.state.currentSlide;
+    this.setState({ totalItems: h.length, currentSlide: r && !s ? d : l }, function() {
+      a.correctItemsPosition(e || a.state.itemWidth);
     });
   }, i.prototype.setItemsToShow = function(t, e) {
     var r = this, s = this.props.responsive;
-    Object.keys(s).forEach(function(l) {
-      var n = s[l], a = n.breakpoint, u = n.items, h = a.max, c = a.min, d = [window.innerWidth];
-      window.screen && window.screen.width && d.push(window.screen.width);
-      var p = Math.min.apply(Math, d);
-      c <= p && p <= h && (r.setState({ slidesToShow: u, deviceType: l }), r.setContainerAndItemWidth(u, t, e));
+    Object.keys(s).forEach(function(a) {
+      var n = s[a], l = n.breakpoint, h = n.items, d = l.max, u = l.min, c = [window.innerWidth];
+      window.screen && window.screen.width && c.push(window.screen.width);
+      var p = Math.min.apply(Math, c);
+      u <= p && p <= d && (r.setState({ slidesToShow: h, deviceType: a }), r.setContainerAndItemWidth(h, t, e));
     });
   }, i.prototype.setContainerAndItemWidth = function(t, e, r) {
     var s = this;
     if (this.containerRef && this.containerRef.current) {
-      var l = this.containerRef.current.offsetWidth, n = v.getItemClientSideWidth(this.props, t, l);
-      this.setState({ containerWidth: l, itemWidth: n }, function() {
+      var a = this.containerRef.current.offsetWidth, n = v.getItemClientSideWidth(this.props, t, a);
+      this.setState({ containerWidth: a, itemWidth: n }, function() {
         s.props.infinite && s.setClones(t, n, e, r);
       }), e && this.correctItemsPosition(n);
     }
@@ -348,45 +348,45 @@ var T = A, v = m, R = $, re = et, st = z, ne = ot, B = S, P = 400, at = "transfo
     var e;
     e = !!this.props.infinite && (typeof t != "boolean" || !t), this.setItemsToShow(e);
   }, i.prototype.componentDidUpdate = function(t, e) {
-    var r = this, s = t.keyBoardControl, l = t.autoPlay, n = t.children, a = e.containerWidth, u = e.domLoaded, h = e.currentSlide;
-    if (this.containerRef && this.containerRef.current && this.containerRef.current.offsetWidth !== a && (this.itemsToShowTimeout && clearTimeout(this.itemsToShowTimeout), this.itemsToShowTimeout = setTimeout(function() {
+    var r = this, s = t.keyBoardControl, a = t.autoPlay, n = t.children, l = e.containerWidth, h = e.domLoaded, d = e.currentSlide;
+    if (this.containerRef && this.containerRef.current && this.containerRef.current.offsetWidth !== l && (this.itemsToShowTimeout && clearTimeout(this.itemsToShowTimeout), this.itemsToShowTimeout = setTimeout(function() {
       r.setItemsToShow(!0);
-    }, this.props.transitionDuration || P)), s && !this.props.keyBoardControl && window.removeEventListener("keyup", this.onKeyUp), !s && this.props.keyBoardControl && window.addEventListener("keyup", this.onKeyUp), l && !this.props.autoPlay && this.autoPlay && (clearInterval(this.autoPlay), this.autoPlay = void 0), l || !this.props.autoPlay || this.autoPlay || (this.autoPlay = setInterval(this.next, this.props.autoPlaySpeed)), n.length !== this.props.children.length ? i.clonesTimeout = setTimeout(function() {
+    }, this.props.transitionDuration || P)), s && !this.props.keyBoardControl && window.removeEventListener("keyup", this.onKeyUp), !s && this.props.keyBoardControl && window.addEventListener("keyup", this.onKeyUp), a && !this.props.autoPlay && this.autoPlay && (clearInterval(this.autoPlay), this.autoPlay = void 0), a || !this.props.autoPlay || this.autoPlay || (this.autoPlay = setInterval(this.next, this.props.autoPlaySpeed)), n.length !== this.props.children.length ? i.clonesTimeout = setTimeout(function() {
       r.props.infinite ? r.setClones(r.state.slidesToShow, r.state.itemWidth, !0, !0) : r.resetTotalItems();
-    }, this.props.transitionDuration || P) : this.props.infinite && this.state.currentSlide !== h && this.correctClonesPosition({ domLoaded: u }), this.transformPlaceHolder !== this.state.transform && (this.transformPlaceHolder = this.state.transform), this.props.autoPlay && this.props.rewind && !this.props.infinite && v.isInRightEnd(this.state)) {
-      var c = this.props.transitionDuration || P;
+    }, this.props.transitionDuration || P) : this.props.infinite && this.state.currentSlide !== d && this.correctClonesPosition({ domLoaded: h }), this.transformPlaceHolder !== this.state.transform && (this.transformPlaceHolder = this.state.transform), this.props.autoPlay && this.props.rewind && !this.props.infinite && v.isInRightEnd(this.state)) {
+      var u = this.props.transitionDuration || P;
       i.isInThrottleTimeout = setTimeout(function() {
         r.setIsInThrottle(!1), r.resetAutoplayInterval(), r.goToSlide(0, void 0, !!r.props.rewindWithAnimation);
-      }, c + this.props.autoPlaySpeed);
+      }, u + this.props.autoPlaySpeed);
     }
   }, i.prototype.correctClonesPosition = function(t) {
-    var e = this, r = t.domLoaded, s = T.Children.toArray(this.props.children), l = v.checkClonesPosition(this.state, s, this.props), n = l.isReachingTheEnd, a = l.isReachingTheStart, u = l.nextSlide, h = l.nextPosition;
-    this.state.domLoaded && r && (n || a) && (this.isAnimationAllowed = !1, i.transformTimeout = setTimeout(function() {
-      e.setState({ transform: h, currentSlide: u });
+    var e = this, r = t.domLoaded, s = T.Children.toArray(this.props.children), a = v.checkClonesPosition(this.state, s, this.props), n = a.isReachingTheEnd, l = a.isReachingTheStart, h = a.nextSlide, d = a.nextPosition;
+    this.state.domLoaded && r && (n || l) && (this.isAnimationAllowed = !1, i.transformTimeout = setTimeout(function() {
+      e.setState({ transform: d, currentSlide: h });
     }, this.props.transitionDuration || P));
   }, i.prototype.next = function(t) {
     var e = this;
     t === void 0 && (t = 0);
-    var r = this.props, s = r.afterChange, l = r.beforeChange;
+    var r = this.props, s = r.afterChange, a = r.beforeChange;
     if (!v.notEnoughChildren(this.state)) {
-      var n = v.populateNextSlides(this.state, this.props, t), a = n.nextSlides, u = n.nextPosition, h = this.state.currentSlide;
-      a !== void 0 && u !== void 0 && (typeof l == "function" && l(a, this.getState()), this.isAnimationAllowed = !0, this.props.shouldResetAutoplay && this.resetAutoplayInterval(), this.setState({ transform: u, currentSlide: a }, function() {
+      var n = v.populateNextSlides(this.state, this.props, t), l = n.nextSlides, h = n.nextPosition, d = this.state.currentSlide;
+      l !== void 0 && h !== void 0 && (typeof a == "function" && a(l, this.getState()), this.isAnimationAllowed = !0, this.props.shouldResetAutoplay && this.resetAutoplayInterval(), this.setState({ transform: h, currentSlide: l }, function() {
         typeof s == "function" && (i.afterChangeTimeout = setTimeout(function() {
-          s(h, e.getState());
+          s(d, e.getState());
         }, e.props.transitionDuration || P));
       }));
     }
   }, i.prototype.previous = function(t) {
     var e = this;
     t === void 0 && (t = 0);
-    var r = this.props, s = r.afterChange, l = r.beforeChange;
+    var r = this.props, s = r.afterChange, a = r.beforeChange;
     if (!v.notEnoughChildren(this.state)) {
-      var n = v.populatePreviousSlides(this.state, this.props, t), a = n.nextSlides, u = n.nextPosition;
-      if (a !== void 0 && u !== void 0) {
-        var h = this.state.currentSlide;
-        typeof l == "function" && l(a, this.getState()), this.isAnimationAllowed = !0, this.props.shouldResetAutoplay && this.resetAutoplayInterval(), this.setState({ transform: u, currentSlide: a }, function() {
+      var n = v.populatePreviousSlides(this.state, this.props, t), l = n.nextSlides, h = n.nextPosition;
+      if (l !== void 0 && h !== void 0) {
+        var d = this.state.currentSlide;
+        typeof a == "function" && a(l, this.getState()), this.isAnimationAllowed = !0, this.props.shouldResetAutoplay && this.resetAutoplayInterval(), this.setState({ transform: h, currentSlide: l }, function() {
           typeof s == "function" && (i.afterChangeTimeout2 = setTimeout(function() {
-            s(h, e.getState());
+            s(d, e.getState());
           }, e.props.transitionDuration || P));
         });
       }
@@ -407,11 +407,11 @@ var T = A, v = m, R = $, re = et, st = z, ne = ot, B = S, P = 400, at = "transfo
     }
   }, i.prototype.handleMove = function(t) {
     if (!(!R.isMouseMoveEvent(t) && !this.props.swipeable || R.isMouseMoveEvent(t) && !this.props.draggable || v.notEnoughChildren(this.state))) {
-      var e = this.getCords(R.isMouseMoveEvent(t) ? t : t.touches[0]), r = e.clientX, s = e.clientY, l = this.initialX - r, n = this.initialY - s;
+      var e = this.getCords(R.isMouseMoveEvent(t) ? t : t.touches[0]), r = e.clientX, s = e.clientY, a = this.initialX - r, n = this.initialY - s;
       if (this.onMove) {
-        if (!(Math.abs(l) > Math.abs(n))) return;
-        var a = v.populateSlidesOnMouseTouchMove(this.state, this.props, this.initialX, this.lastX, r, this.transformPlaceHolder), u = a.direction, h = a.nextPosition, c = a.canContinue;
-        u && (this.direction = u, c && h !== void 0 && this.setTransformDirectly(h)), this.lastX = r;
+        if (!(Math.abs(a) > Math.abs(n))) return;
+        var l = v.populateSlidesOnMouseTouchMove(this.state, this.props, this.initialX, this.lastX, r, this.transformPlaceHolder), h = l.direction, d = l.nextPosition, u = l.canContinue;
+        h && (this.direction = h, u && d !== void 0 && this.setTransformDirectly(d)), this.lastX = r;
       }
     }
   }, i.prototype.handleOut = function(t) {
@@ -425,8 +425,8 @@ var T = A, v = m, R = $, re = et, st = z, ne = ot, B = S, P = 400, at = "transfo
       this.direction === "left" && (this.lastX - this.initialX > this.props.minimumTouchDrag ? (s = Math.round((this.lastX - this.initialX) / this.state.itemWidth), this.previous(s)) : this.correctItemsPosition(this.state.itemWidth, !0, !0)), this.resetMoveStatus();
     }
   }, i.prototype.isInViewport = function(t) {
-    var e = t.getBoundingClientRect(), r = e.top, s = r === void 0 ? 0 : r, l = e.left, n = l === void 0 ? 0 : l, a = e.bottom, u = a === void 0 ? 0 : a, h = e.right, c = h === void 0 ? 0 : h;
-    return 0 <= s && 0 <= n && u <= (window.innerHeight || document.documentElement.clientHeight) && c <= (window.innerWidth || document.documentElement.clientWidth);
+    var e = t.getBoundingClientRect(), r = e.top, s = r === void 0 ? 0 : r, a = e.left, n = a === void 0 ? 0 : a, l = e.bottom, h = l === void 0 ? 0 : l, d = e.right, u = d === void 0 ? 0 : d;
+    return 0 <= s && 0 <= n && h <= (window.innerHeight || document.documentElement.clientHeight) && u <= (window.innerWidth || document.documentElement.clientWidth);
   }, i.prototype.isChildOfCarousel = function(t) {
     return !!(t instanceof Element && this.listRef && this.listRef.current) && this.listRef.current.contains(t);
   }, i.prototype.onKeyUp = function(t) {
@@ -446,25 +446,25 @@ var T = A, v = m, R = $, re = et, st = z, ne = ot, B = S, P = 400, at = "transfo
   }, i.prototype.goToSlide = function(t, e, r) {
     var s = this;
     if (r === void 0 && (r = !0), !this.isInThrottle) {
-      var l = this.state.itemWidth, n = this.props, a = n.afterChange, u = n.beforeChange, h = this.state.currentSlide;
-      typeof u != "function" || e && (typeof e != "object" || e.skipBeforeChange) || u(t, this.getState()), this.isAnimationAllowed = r, this.props.shouldResetAutoplay && this.resetAutoplayInterval(), this.setState({ currentSlide: t, transform: -l * t }, function() {
-        s.props.infinite && s.correctClonesPosition({ domLoaded: !0 }), typeof a != "function" || e && (typeof e != "object" || e.skipAfterChange) || (i.afterChangeTimeout3 = setTimeout(function() {
-          a(h, s.getState());
+      var a = this.state.itemWidth, n = this.props, l = n.afterChange, h = n.beforeChange, d = this.state.currentSlide;
+      typeof h != "function" || e && (typeof e != "object" || e.skipBeforeChange) || h(t, this.getState()), this.isAnimationAllowed = r, this.props.shouldResetAutoplay && this.resetAutoplayInterval(), this.setState({ currentSlide: t, transform: -a * t }, function() {
+        s.props.infinite && s.correctClonesPosition({ domLoaded: !0 }), typeof l != "function" || e && (typeof e != "object" || e.skipAfterChange) || (i.afterChangeTimeout3 = setTimeout(function() {
+          l(d, s.getState());
         }, s.props.transitionDuration || P));
       });
     }
   }, i.prototype.getState = function() {
     return this.state;
   }, i.prototype.renderLeftArrow = function(t) {
-    var e = this, r = this.props, s = r.customLeftArrow, l = r.rtl;
+    var e = this, r = this.props, s = r.customLeftArrow, a = r.rtl;
     return T.createElement(st.LeftArrow, { customLeftArrow: s, getState: function() {
       return e.getState();
-    }, previous: this.previous, disabled: t, rtl: l });
+    }, previous: this.previous, disabled: t, rtl: a });
   }, i.prototype.renderRightArrow = function(t) {
-    var e = this, r = this.props, s = r.customRightArrow, l = r.rtl;
+    var e = this, r = this.props, s = r.customRightArrow, a = r.rtl;
     return T.createElement(st.RightArrow, { customRightArrow: s, getState: function() {
       return e.getState();
-    }, next: this.next, disabled: t, rtl: l });
+    }, next: this.next, disabled: t, rtl: a });
   }, i.prototype.renderButtonGroups = function() {
     var t = this, e = this.props.customButtonGroup;
     return e ? T.cloneElement(e, { previous: function() {
@@ -487,10 +487,10 @@ var T = A, v = m, R = $, re = et, st = z, ne = ot, B = S, P = 400, at = "transfo
     }
     return T.createElement(ne.default, { clones: t, goToSlide: this.goToSlide, state: this.state, notEnoughChildren: v.notEnoughChildren(this.state), props: this.props });
   }, i.prototype.render = function() {
-    var t = this.props, e = t.deviceType, r = t.arrows, s = t.renderArrowsWhenDisabled, l = t.removeArrowOnDeviceType, n = t.infinite, a = t.containerClass, u = t.sliderClass, h = t.customTransition, c = t.additionalTransfrom, d = t.renderDotsOutside, p = t.renderButtonGroupOutside, f = t.className, g = t.rtl;
+    var t = this.props, e = t.deviceType, r = t.arrows, s = t.renderArrowsWhenDisabled, a = t.removeArrowOnDeviceType, n = t.infinite, l = t.containerClass, h = t.sliderClass, d = t.customTransition, u = t.additionalTransfrom, c = t.renderDotsOutside, p = t.renderButtonGroupOutside, f = t.className, g = t.rtl;
     process.env.NODE_ENV !== "production" && v.throwError(this.state, this.props);
-    var w = v.getInitialState(this.state, this.props), b = w.shouldRenderOnSSR, _ = w.shouldRenderAtAll, y = v.isInLeftEnd(this.state), M = v.isInRightEnd(this.state), I = r && !(l && (e && -1 < l.indexOf(e) || this.state.deviceType && -1 < l.indexOf(this.state.deviceType))) && !v.notEnoughChildren(this.state) && _, x = !n && y, W = !n && M, k = B.getTransform(this.state, this.props);
-    return T.createElement(T.Fragment, null, T.createElement("div", { className: "react-multi-carousel-list " + a + " " + f, dir: g ? "rtl" : "ltr", ref: this.containerRef }, T.createElement("ul", { ref: this.listRef, className: "react-multi-carousel-track " + u, style: { transition: this.isAnimationAllowed ? h || at : "none", overflow: b ? "hidden" : "unset", transform: "translate3d(" + (k + c) + "px,0,0)" }, onMouseMove: this.handleMove, onMouseDown: this.handleDown, onMouseUp: this.handleOut, onMouseEnter: this.handleEnter, onMouseLeave: this.handleOut, onTouchStart: this.handleDown, onTouchMove: this.handleMove, onTouchEnd: this.handleOut }, this.renderCarouselItems()), I && (!x || s) && this.renderLeftArrow(x), I && (!W || s) && this.renderRightArrow(W), _ && !p && this.renderButtonGroups(), _ && !d && this.renderDotsList()), _ && d && this.renderDotsList(), _ && p && this.renderButtonGroups());
+    var w = v.getInitialState(this.state, this.props), b = w.shouldRenderOnSSR, _ = w.shouldRenderAtAll, y = v.isInLeftEnd(this.state), M = v.isInRightEnd(this.state), I = r && !(a && (e && -1 < a.indexOf(e) || this.state.deviceType && -1 < a.indexOf(this.state.deviceType))) && !v.notEnoughChildren(this.state) && _, x = !n && y, W = !n && M, k = B.getTransform(this.state, this.props);
+    return T.createElement(T.Fragment, null, T.createElement("div", { className: "react-multi-carousel-list " + l + " " + f, dir: g ? "rtl" : "ltr", ref: this.containerRef }, T.createElement("ul", { ref: this.listRef, className: "react-multi-carousel-track " + h, style: { transition: this.isAnimationAllowed ? d || at : "none", overflow: b ? "hidden" : "unset", transform: "translate3d(" + (k + u) + "px,0,0)" }, onMouseMove: this.handleMove, onMouseDown: this.handleDown, onMouseUp: this.handleOut, onMouseEnter: this.handleEnter, onMouseLeave: this.handleOut, onTouchStart: this.handleDown, onTouchMove: this.handleMove, onTouchEnd: this.handleOut }, this.renderCarouselItems()), I && (!x || s) && this.renderLeftArrow(x), I && (!W || s) && this.renderRightArrow(W), _ && !p && this.renderButtonGroups(), _ && !c && this.renderDotsList()), _ && c && this.renderDotsList(), _ && p && this.renderButtonGroups());
   }, i.defaultProps = { slidesToSlide: 1, infinite: !1, draggable: !0, swipeable: !0, arrows: !0, renderArrowsWhenDisabled: !1, containerClass: "", sliderClass: "", itemClass: "", keyBoardControl: !0, autoPlaySpeed: 3e3, showDots: !1, renderDotsOutside: !1, renderButtonGroupOutside: !1, minimumTouchDrag: 80, className: "", dotListClass: "", focusOnSelect: !1, centerMode: !1, additionalTransfrom: 0, pauseOnHover: !0, shouldResetAutoplay: !0, rewind: !1, rtl: !1, rewindWithAnimation: !1 }, i;
 }(T.Component);
 q.default = se;
@@ -683,13 +683,16 @@ const ue = /* @__PURE__ */ yt(le), he = ut.div`
   ({
     items: o = [],
     isLoading: i = !1,
-    fallbackComponent: t = /* @__PURE__ */ C(lt, {}),
-    onSelectItem: e = () => {
+    deviceType: t,
+    partialVisible: e = !0,
+    fallbackComponent: r = /* @__PURE__ */ C(lt, {}),
+    onSelectItem: s = () => {
     },
-    onButtonAction: r = () => {
-    }
-  }, s) => {
-    const l = {
+    onButtonAction: a = () => {
+    },
+    carouselProps: n
+  }, l) => {
+    const h = {
       desktop: {
         breakpoint: { max: 3e3, min: 1024 },
         items: 1,
@@ -705,67 +708,69 @@ const ue = /* @__PURE__ */ yt(le), he = ut.div`
         items: 1,
         partialVisibilityGutter: 64
       }
-    }, n = Tt();
-    return /* @__PURE__ */ C(he, { ref: s, children: /* @__PURE__ */ C(
+    }, d = Tt();
+    return /* @__PURE__ */ C(he, { ref: l, children: /* @__PURE__ */ C(
       pe,
       {
-        fallbackComponent: t,
+        fallbackComponent: r,
         keyPrefix: "banner-carousel-skeleton",
         isLoading: i,
         children: /* @__PURE__ */ C(
           ue,
           {
-            responsive: l,
+            responsive: h,
+            deviceType: t,
             removeArrowOnDeviceType: ["tablet", "mobile"],
-            infinite: !n,
+            infinite: !d,
             keyBoardControl: !0,
             autoPlay: !0,
-            partialVisible: !0,
+            partialVisible: e,
             customTransition: "transform 500ms ease-in-out",
             sliderClass: "carousel-slider",
             itemClass: "carousel-item",
             containerClass: "carousel-container",
             rewind: !0,
             rewindWithAnimation: !0,
-            children: o == null ? void 0 : o.map((a, u) => /* @__PURE__ */ X(
+            ...n,
+            children: o == null ? void 0 : o.map((u, c) => /* @__PURE__ */ X(
               "div",
               {
                 className: "section__card",
-                onClick: () => e(a),
+                onClick: () => s(u),
                 children: [
                   /* @__PURE__ */ C(
                     "img",
                     {
-                      src: a == null ? void 0 : a.imageUrl,
-                      alt: `Slide ${u + 1}`,
+                      src: u == null ? void 0 : u.imageUrl,
+                      alt: `Slide ${c + 1}`,
                       className: "section__image"
                     }
                   ),
                   /* @__PURE__ */ X("div", { className: "card__content", children: [
                     /* @__PURE__ */ X("div", { className: "card__text", children: [
-                      (a == null ? void 0 : a.title) && /* @__PURE__ */ C("div", { className: "card__title", children: a == null ? void 0 : a.title }),
-                      (a == null ? void 0 : a.title) && /* @__PURE__ */ C("div", { className: "card__description", children: a == null ? void 0 : a.description })
+                      (u == null ? void 0 : u.title) && /* @__PURE__ */ C("div", { className: "card__title", children: u == null ? void 0 : u.title }),
+                      (u == null ? void 0 : u.title) && /* @__PURE__ */ C("div", { className: "card__description", children: u == null ? void 0 : u.description })
                     ] }),
-                    (a == null ? void 0 : a.buttonText) && /* @__PURE__ */ C(
+                    (u == null ? void 0 : u.buttonText) && /* @__PURE__ */ C(
                       St,
                       {
-                        text: a == null ? void 0 : a.buttonText,
+                        text: u == null ? void 0 : u.buttonText,
                         className: "card__action",
                         size: "medium",
-                        onClick: (h) => {
-                          h == null || h.stopPropagation(), r(a);
+                        onClick: (p) => {
+                          p == null || p.stopPropagation(), a(u);
                         }
                       }
                     )
                   ] })
                 ]
               },
-              `banner-section-carousel-item__${u + 1}`
+              `banner-section-carousel-item__${c + 1}`
             ))
           }
         )
       }
-    ) }, `banner-section-carousel__${n}`);
+    ) }, `banner-section-carousel__${d}`);
   }
 );
 fe.propTypes = {

package/package.json

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