@lanaco/lnc-react-ui 4.0.180 → 4.0.182

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(a,n,u){var l=n.slidesToShow,d=n.currentSlide;return u.length>2*l?a+2*l:d>=u.length?u.length+a:a}function t(a,n){if(n.length>2*a){for(var u={},l=n.length-2*a,d=n.length-l,c=l,h=0;h<d;h++)u[h]=c,c++;var p=n.length+d,f=p+n.slice(0,2*a).length,g=0;for(h=p;h<=f;h++)u[h]=g,g++;var b=p,_=0;for(h=d;h<b;h++)u[h]=_,_++;return u}u={};var C=3*n.length,y=0;for(h=0;h<C;h++)u[h]=y,++y===n.length&&(y=0);return u}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,u){var l,d=a.currentSlide,c=a.slidesToShow,h=a.itemWidth,p=a.totalItems,f=0,g=0,b=d===0,_=n.length-(n.length-2*c);return n.length<c?(g=f=0,b=l=!1):n.length>2*c?((l=d>=_+n.length)&&(g=-h*(f=d-n.length)),b&&(g=-h*(f=_+(n.length-2*c)))):((l=d>=2*n.length)&&(g=-h*(f=d-n.length)),b&&(g=u.showDots?-h*(f=n.length):-h*(f=p/3))),{isReachingTheEnd:l,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,u=i.responsive,l=i.ssr,d=i.partialVisbile,c=i.partialVisible,h=!!(e&&r&&s&&a);l&&n&&!h&&(t=Y.getWidthFromDeviceType(n,u));var p=!!(l&&n&&!h&&t);return{shouldRenderOnSSR:p,flexBisis:t,domFullyLoaded:h,partialVisibilityGutter:Y.getPartialVisibilityGutter(u,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,a=dt(o),n=!t.infinite&&a,u=e||o.transform;if(Z(o))return u;var l=u+r*i;return n?l+(o.containerWidth-(o.itemWidth-i)*s):l}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,u=t||o.transform,l=Y.getPartialVisibilityGutter(s,e||r,a,o.deviceType);return ct(i,r||e?ht(o,l,i,t):n?ut(o,i,t):u)}function Mt(o,i){var t=o.domLoaded,e=o.slidesToShow,r=o.containerWidth,s=o.itemWidth,a=i.deviceType,n=i.responsive,u=i.slidesToSlide||1,l=!!(t&&e&&r&&s);return i.ssr&&i.deviceType&&!l&&Object.keys(n).forEach(function(d){var c=n[d].slidesToSlide;a===d&&c&&(u=c)}),l&&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&&(u=p)}),u}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,u=e.responsive;if((r||s)&&a)throw new Error("center mode can not be used at the same time with partialVisible");if(!u)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(u&&typeof u!="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,u=o.totalItems,l=xt.getSlidesToSlide(o,i),d=a+1+t+s+(0<t?0:l);return r=d<=u?-n*(e=a+t+(0<t?0:l)):u<d&&a!==u-s?-n*(e=u-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,u=i.children,l=i.showDots,d=i.infinite,c=Ot.getSlidesToSlide(o,i),h=s-t-(0<t?0:c),p=(Rt.Children.toArray(u).length-n)%c;return r=0<=h?(e=h,l&&!d&&0<p&&At.isInRightEnd(o)&&(e=s-p),-a*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,a,n){var u,l,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<a;if(a<r&&b<=c){u="right";var y=Math.abs(-d*(h-c)),M=n-(s-a),I=p===h-c;(Math.abs(M)<=y||I&&f)&&(l=M,g=!0)}return C&&_<=c&&(u="left",((M=n+(a-s))<=0||p===0&&f)&&(g=!0,l=M)),{direction:u,nextPosition:l,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 u=$t.getOriginalCounterPart(n,i,e);if(n===0)r[0]=u;else{var l=r[n-1]+s;r[n]=l}}),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,u=i.infinite,l=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(l);d=u?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(u){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 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,u=i.infinite,l=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,(u?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?a-_:a)+"px":"auto"},className:"react-multi-carousel-item "+(U.getIfSlideIsVisbile(y,t)?"react-multi-carousel-item--active":"")+" "+l},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),u=v.getInitialSlideInInfiniteMode(t||this.state.slidesToShow,n),l=v.getClones(this.state.slidesToShow,n),d=n.length<this.state.slidesToShow?0:this.state.currentSlide;this.setState({totalItems:l.length,currentSlide:r&&!s?d:u},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],u=n.breakpoint,l=n.items,d=u.max,c=u.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:l,deviceType:a}),r.setContainerAndItemWidth(l,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,u=e.containerWidth,l=e.domLoaded,d=e.currentSlide;if(this.containerRef&&this.containerRef.current&&this.containerRef.current.offsetWidth!==u&&(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!==d&&this.correctClonesPosition({domLoaded:l}),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),a=v.checkClonesPosition(this.state,s,this.props),n=a.isReachingTheEnd,u=a.isReachingTheStart,l=a.nextSlide,d=a.nextPosition;this.state.domLoaded&&r&&(n||u)&&(this.isAnimationAllowed=!1,i.transformTimeout=setTimeout(function(){e.setState({transform:d,currentSlide:l})},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),u=n.nextSlides,l=n.nextPosition,d=this.state.currentSlide;u!==void 0&&l!==void 0&&(typeof a=="function"&&a(u,this.getState()),this.isAnimationAllowed=!0,this.props.shouldResetAutoplay&&this.resetAutoplayInterval(),this.setState({transform:l,currentSlide:u},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,a=r.beforeChange;if(!v.notEnoughChildren(this.state)){var n=v.populatePreviousSlides(this.state,this.props,t),u=n.nextSlides,l=n.nextPosition;if(u!==void 0&&l!==void 0){var d=this.state.currentSlide;typeof a=="function"&&a(u,this.getState()),this.isAnimationAllowed=!0,this.props.shouldResetAutoplay&&this.resetAutoplayInterval(),this.setState({transform:l,currentSlide:u},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,a=this.initialX-r,n=this.initialY-s;if(this.onMove){if(!(Math.abs(a)>Math.abs(n)))return;var u=v.populateSlidesOnMouseTouchMove(this.state,this.props,this.initialX,this.lastX,r,this.transformPlaceHolder),l=u.direction,d=u.nextPosition,c=u.canContinue;l&&(this.direction=l,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,a=e.left,n=a===void 0?0:a,u=e.bottom,l=u===void 0?0:u,d=e.right,c=d===void 0?0:d;return 0<=s&&0<=n&&l<=(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 a=this.state.itemWidth,n=this.props,u=n.afterChange,l=n.beforeChange,d=this.state.currentSlide;typeof l!="function"||e&&(typeof e!="object"||e.skipBeforeChange)||l(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 u!="function"||e&&(typeof e!="object"||e.skipAfterChange)||(i.afterChangeTimeout3=setTimeout(function(){u(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,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,u=t.containerClass,l=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&&!(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 "+u+" "+f,dir:g?"rtl":"ltr",ref:this.containerRef},w.createElement("ul",{ref:this.listRef,className:"react-multi-carousel-track "+l,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,deviceType:t,fallbackComponent:e=S.jsx(S.Fragment,{}),onSelectItem:r=()=>{},onButtonAction:s=()=>{}},a)=>{const n={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}},u=gt.useDetectMobile();return S.jsx(ne,{ref:a,children:S.jsx(le,{fallbackComponent:e,keyPrefix:"banner-carousel-skeleton",isLoading:i,children:S.jsx(re,{responsive:n,deviceType:t,removeArrowOnDeviceType:["tablet","mobile"],infinite:!u,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((l,d)=>S.jsxs("div",{className:"section__card",onClick:()=>r(l),children:[S.jsx("img",{src:l==null?void 0:l.imageUrl,alt:`Slide ${d+1}`,className:"section__image"}),S.jsxs("div",{className:"card__content",children:[S.jsxs("div",{className:"card__text",children:[(l==null?void 0:l.title)&&S.jsx("div",{className:"card__title",children:l==null?void 0:l.title}),(l==null?void 0:l.title)&&S.jsx("div",{className:"card__description",children:l==null?void 0:l.description})]}),(l==null?void 0:l.buttonText)&&S.jsx(vt,{text:l==null?void 0:l.buttonText,className:"card__action",size:"medium",onClick:c=>{c==null||c.stopPropagation(),s(l)}})]})]},`banner-section-carousel-item__${d+1}`))})})},`banner-section-carousel__${u}`)});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,23 +9,23 @@ 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(a, n, u) {
-    var l = n.slidesToShow, h = n.currentSlide;
-    return u.length > 2 * l ? a + 2 * l : h >= u.length ? u.length + a : a;
+  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(a, n) {
     if (n.length > 2 * a) {
-      for (var u = {}, l = n.length - 2 * a, h = n.length - l, c = l, d = 0; d < h; d++) u[d] = c, c++;
-      var p = n.length + h, f = p + n.slice(0, 2 * a).length, g = 0;
-      for (d = p; d <= f; d++) u[d] = g, g++;
+      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++) u[d] = b, b++;
-      return u;
+      for (c = d; c < w; c++) l[c] = b, b++;
+      return l;
     }
-    u = {};
+    l = {};
     var _ = 3 * n.length, y = 0;
-    for (d = 0; d < _; d++) u[d] = y, ++y === n.length && (y = 0);
-    return u;
+    for (c = 0; 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);
@@ -33,9 +33,9 @@ var Z = {}, q = {}, m = {}, F = {};
   function r(a, n) {
     return n.length > 2 * a ? 2 * a : n.length;
   }
-  function s(a, n, u) {
-    var l, h = a.currentSlide, c = a.slidesToShow, d = a.itemWidth, p = a.totalItems, f = 0, g = 0, w = h === 0, b = n.length - (n.length - 2 * c);
-    return n.length < c ? (g = f = 0, w = l = !1) : n.length > 2 * c ? ((l = h >= b + n.length) && (g = -d * (f = h - n.length)), w && (g = -d * (f = b + (n.length - 2 * c)))) : ((l = h >= 2 * n.length) && (g = -d * (f = h - n.length)), w && (g = u.showDots ? -d * (f = n.length) : -d * (f = p / 3))), { isReachingTheEnd: l, 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, a = o.itemWidth, n = i.deviceType, u = i.responsive, l = i.ssr, h = i.partialVisbile, c = i.partialVisible, d = !!(e && r && s && a);
-  l && n && !d && (t = K.getWidthFromDeviceType(n, u));
-  var p = !!(l && n && !d && t);
-  return { shouldRenderOnSSR: p, flexBisis: t, domFullyLoaded: d, partialVisibilityGutter: K.getPartialVisibilityGutter(u, 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, a = dt(o), n = !t.infinite && a, u = e || o.transform;
-  if (J(o)) return u;
-  var l = u + r * i;
-  return n ? l + (o.containerWidth - (o.itemWidth - i) * s) : l;
+  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, a = i.deviceType, n = i.centerMode, u = t || o.transform, l = K.getPartialVisibilityGutter(s, e || r, a, o.deviceType);
-  return pt(i, r || e ? ct(o, l, i, t) : n ? ht(o, i, t) : u);
+  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, a = i.deviceType, n = i.responsive, u = i.slidesToSlide || 1, l = !!(t && e && r && s);
-  return i.ssr && i.deviceType && !l && Object.keys(n).forEach(function(h) {
-    var c = n[h].slidesToSlide;
-    a === h && c && (u = c);
-  }), l && 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 && (u = p);
-  }), u;
+  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, a = e.centerMode, n = e.ssr, u = e.responsive;
+    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 (!u) 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 (u && typeof u != "object") throw new Error("responsive prop must be an object");
+    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, a = o.currentSlide, n = o.itemWidth, u = o.totalItems, l = Wt.getSlidesToSlide(o, i), h = a + 1 + t + s + (0 < t ? 0 : l);
-  return r = h <= u ? -n * (e = a + t + (0 < t ? 0 : l)) : u < h && a !== u - s ? -n * (e = u - 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, a = o.itemWidth, n = o.slidesToShow, u = i.children, l = i.showDots, h = i.infinite, c = kt.getSlidesToSlide(o, i), d = s - t - (0 < t ? 0 : c), p = (Lt.Children.toArray(u).length - n) % c;
-  return r = 0 <= d ? (e = d, l && !h && 0 < p && Vt.isInRightEnd(o) && (e = s - p), -a * 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, a, n) {
-    var u, l, 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 < a;
-    if (a < r && w <= c) {
-      u = "right";
-      var y = Math.abs(-h * (d - c)), M = n - (s - a), I = p === d - c;
-      (Math.abs(M) <= y || I && f) && (l = M, g = !0);
+    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 && (u = "left", ((M = n + (a - s)) <= 0 || p === 0 && f) && (g = !0, l = M)), { direction: u, nextPosition: l, 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);
@@ -211,31 +211,31 @@ 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(a, n) {
-    var u = Kt.getOriginalCounterPart(n, i, e);
-    if (n === 0) r[0] = u;
+    var l = Kt.getOriginalCounterPart(n, i, e);
+    if (n === 0) r[0] = l;
     else {
-      var l = r[n - 1] + s;
-      r[n] = l;
+      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, a = i.customDot, n = i.dotListClass, u = i.infinite, l = 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(l);
-  h = u ? 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 (u) {
+    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 a ? L.cloneElement(a, { index: y, active: M, key: y, onClick: function() {
       return e(I);
@@ -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, a = t.itemWidth, n = i.children, u = i.infinite, l = 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, (u ? 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 ? a - b : a) + "px" : "auto" }, className: "react-multi-carousel-item " + (Y.getIfSlideIsVisbile(y, t) ? "react-multi-carousel-item--active" : "") + " " + l }, _);
+    }, "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;
@@ -320,17 +320,17 @@ var T = A, v = m, R = $, re = et, st = z, ne = ot, B = S, P = 400, at = "transfo
   }, i.prototype.setClones = function(t, e, r, s) {
     var a = this;
     s === void 0 && (s = !1), this.isAnimationAllowed = !1;
-    var n = T.Children.toArray(this.props.children), u = v.getInitialSlideInInfiniteMode(t || this.state.slidesToShow, n), l = v.getClones(this.state.slidesToShow, n), h = n.length < this.state.slidesToShow ? 0 : this.state.currentSlide;
-    this.setState({ totalItems: l.length, currentSlide: r && !s ? h : u }, function() {
+    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(a) {
-      var n = s[a], u = n.breakpoint, l = n.items, h = u.max, c = u.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: l, deviceType: a }), r.setContainerAndItemWidth(l, t, e));
+      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;
@@ -348,31 +348,31 @@ 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, a = t.autoPlay, n = t.children, u = e.containerWidth, l = e.domLoaded, h = e.currentSlide;
-    if (this.containerRef && this.containerRef.current && this.containerRef.current.offsetWidth !== u && (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), 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: l }), 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), a = v.checkClonesPosition(this.state, s, this.props), n = a.isReachingTheEnd, u = a.isReachingTheStart, l = a.nextSlide, h = a.nextPosition;
-    this.state.domLoaded && r && (n || u) && (this.isAnimationAllowed = !1, i.transformTimeout = setTimeout(function() {
-      e.setState({ transform: h, currentSlide: l });
+    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, a = r.beforeChange;
     if (!v.notEnoughChildren(this.state)) {
-      var n = v.populateNextSlides(this.state, this.props, t), u = n.nextSlides, l = n.nextPosition, h = this.state.currentSlide;
-      u !== void 0 && l !== void 0 && (typeof a == "function" && a(u, this.getState()), this.isAnimationAllowed = !0, this.props.shouldResetAutoplay && this.resetAutoplayInterval(), this.setState({ transform: l, currentSlide: u }, 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));
       }));
     }
@@ -381,12 +381,12 @@ var T = A, v = m, R = $, re = et, st = z, ne = ot, B = S, P = 400, at = "transfo
     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), u = n.nextSlides, l = n.nextPosition;
-      if (u !== void 0 && l !== void 0) {
-        var h = this.state.currentSlide;
-        typeof a == "function" && a(u, this.getState()), this.isAnimationAllowed = !0, this.props.shouldResetAutoplay && this.resetAutoplayInterval(), this.setState({ transform: l, currentSlide: u }, 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));
         });
       }
@@ -410,8 +410,8 @@ var T = A, v = m, R = $, re = et, st = z, ne = ot, B = S, P = 400, at = "transfo
       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 u = v.populateSlidesOnMouseTouchMove(this.state, this.props, this.initialX, this.lastX, r, this.transformPlaceHolder), l = u.direction, h = u.nextPosition, c = u.canContinue;
-        l && (this.direction = l, c && h !== void 0 && this.setTransformDirectly(h)), this.lastX = r;
+        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, a = e.left, n = a === void 0 ? 0 : a, u = e.bottom, l = u === void 0 ? 0 : u, h = e.right, c = h === void 0 ? 0 : h;
-    return 0 <= s && 0 <= n && l <= (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,10 +446,10 @@ 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 a = this.state.itemWidth, n = this.props, u = n.afterChange, l = n.beforeChange, h = this.state.currentSlide;
-      typeof l != "function" || e && (typeof e != "object" || e.skipBeforeChange) || l(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 u != "function" || e && (typeof e != "object" || e.skipAfterChange) || (i.afterChangeTimeout3 = setTimeout(function() {
-          u(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));
       });
     }
@@ -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, a = t.removeArrowOnDeviceType, n = t.infinite, u = t.containerClass, l = 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 && !(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 " + u + " " + f, dir: g ? "rtl" : "ltr", ref: this.containerRef }, T.createElement("ul", { ref: this.listRef, className: "react-multi-carousel-track " + l, 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());
+    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;
@@ -684,13 +684,15 @@ const ue = /* @__PURE__ */ yt(le), he = ut.div`
     items: o = [],
     isLoading: i = !1,
     deviceType: t,
-    fallbackComponent: e = /* @__PURE__ */ C(lt, {}),
-    onSelectItem: r = () => {
+    partialVisible: e = !0,
+    fallbackComponent: r = /* @__PURE__ */ C(lt, {}),
+    onSelectItem: s = () => {
     },
-    onButtonAction: s = () => {
-    }
-  }, a) => {
-    const n = {
+    onButtonAction: a = () => {
+    },
+    carouselProps: n
+  }, l) => {
+    const h = {
       desktop: {
         breakpoint: { max: 3e3, min: 1024 },
         items: 1,
@@ -706,68 +708,69 @@ const ue = /* @__PURE__ */ yt(le), he = ut.div`
         items: 1,
         partialVisibilityGutter: 64
       }
-    }, u = Tt();
-    return /* @__PURE__ */ C(he, { ref: a, children: /* @__PURE__ */ C(
+    }, d = Tt();
+    return /* @__PURE__ */ C(he, { ref: l, children: /* @__PURE__ */ C(
       pe,
       {
-        fallbackComponent: e,
+        fallbackComponent: r,
         keyPrefix: "banner-carousel-skeleton",
         isLoading: i,
         children: /* @__PURE__ */ C(
           ue,
           {
-            responsive: n,
+            responsive: h,
             deviceType: t,
             removeArrowOnDeviceType: ["tablet", "mobile"],
-            infinite: !u,
+            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((l, h) => /* @__PURE__ */ X(
+            ...n,
+            children: o == null ? void 0 : o.map((u, c) => /* @__PURE__ */ X(
               "div",
               {
                 className: "section__card",
-                onClick: () => r(l),
+                onClick: () => s(u),
                 children: [
                   /* @__PURE__ */ C(
                     "img",
                     {
-                      src: l == null ? void 0 : l.imageUrl,
-                      alt: `Slide ${h + 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: [
-                      (l == null ? void 0 : l.title) && /* @__PURE__ */ C("div", { className: "card__title", children: l == null ? void 0 : l.title }),
-                      (l == null ? void 0 : l.title) && /* @__PURE__ */ C("div", { className: "card__description", children: l == null ? void 0 : l.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 })
                     ] }),
-                    (l == null ? void 0 : l.buttonText) && /* @__PURE__ */ C(
+                    (u == null ? void 0 : u.buttonText) && /* @__PURE__ */ C(
                       St,
                       {
-                        text: l == null ? void 0 : l.buttonText,
+                        text: u == null ? void 0 : u.buttonText,
                         className: "card__action",
                         size: "medium",
-                        onClick: (c) => {
-                          c == null || c.stopPropagation(), s(l);
+                        onClick: (p) => {
+                          p == null || p.stopPropagation(), a(u);
                         }
                       }
                     )
                   ] })
                 ]
               },
-              `banner-section-carousel-item__${h + 1}`
+              `banner-section-carousel-item__${c + 1}`
             ))
           }
         )
       }
-    ) }, `banner-section-carousel__${u}`);
+    ) }, `banner-section-carousel__${d}`);
   }
 );
 fe.propTypes = {

package/dist/Modal.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),y=require("react"),o=require("./index-BpbMKBf_.cjs"),C=require("./emotion-styled.browser.esm-BtEseadx.cjs"),D=require("./Icon.cjs"),w=require("./utils-RnrgDDZP.cjs"),V=require("./index-41nUb2kP.cjs"),L=require("./motion-B_VPZaJq.cjs"),G=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),N=require("./index-DZoWlChs.cjs"),x="5rem",h="3.8rem",i="1.5rem",W=(e,r,n)=>r&&n?e=="FULL"?`calc(100dvh - ${h} - ${x})`:`calc(100dvh - ${h} - ${x} - ${i})`:r?e=="FULL"?`calc(100dvh - ${h})`:`calc(100dvh - ${h} - ${i})`:n?e=="FULL"?`calc(100dvh - ${x})`:`calc(100dvh - ${x} - ${i})`:e=="FULL"?"100dvh":`calc(100dvh - ${i})`,X=e=>e=="FULL"?"100vw":`calc(100vw - ${i})`,J=(e,r,n)=>e=="FULL"?"0":`${r?"0":"16px"} 0 ${n?"0":"16px"} 0`,K=C.styled(L.motion.div)`
+"use strict";const r=require("react/jsx-runtime"),y=require("react"),o=require("./index-BpbMKBf_.cjs"),C=require("./emotion-styled.browser.esm-BtEseadx.cjs"),_=require("./Icon.cjs"),w=require("./utils-RnrgDDZP.cjs"),V=require("./index-41nUb2kP.cjs"),L=require("./motion-B_VPZaJq.cjs"),G=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),N=require("./index-DZoWlChs.cjs"),x="5rem",h="3.8rem",i="1.5rem",W=(e,n,a)=>n&&a?e=="FULL"?`calc(100dvh - ${h} - ${x})`:`calc(100dvh - ${h} - ${x} - ${i})`:n?e=="FULL"?`calc(100dvh - ${h})`:`calc(100dvh - ${h} - ${i})`:a?e=="FULL"?`calc(100dvh - ${x})`:`calc(100dvh - ${x} - ${i})`:e=="FULL"?"100dvh":`calc(100dvh - ${i})`,X=e=>e=="FULL"?"100vw":`calc(100vw - ${i})`,J=(e,n,a)=>e=="FULL"?"0":`${n?"0":"16px"} 0 ${a?"0":"16px"} 0`,K=C.styled(L.motion.div)`
   position: ${e=>e.scrollOverlay==!0?"absolute":"fixed"};
   top: 0;
   left: 0;
@@ -81,4 +81,4 @@
   width: 100%;
   background-color: ${e=>e.overlayColor};
   z-index: 3;
-`,A=y.forwardRef((e,r)=>{const{portalElement:n=document.body,isOpen:s=!1,header:d,footer:l,scrollOverlay:a=!1,overlay:c=!0,overlayColor:p="rgba(0, 0, 0, 0.3)",showCloseButton:u=!0,onOpen:f=()=>{},onClose:g=()=>{},zIndex:O=1e3,size:$="fluid",clickOutsideToClose:v=!0,className:b="",style:H={},overlayProps:P,overlayAnimation:F={animate:{opacity:1},exit:{opacity:0},initial:{opacity:0},transition:{type:"spring",duration:.6}},modalAnimation:U={animate:{opacity:1},exit:{opacity:0},initial:{opacity:0},transition:{type:"spring",duration:.6}},onFinishOpen:S=()=>{},children:z,rest:M}=e,R=y.useRef(),[T,k]=y.useState(s);let B={theme:G.useTheme(),size:$,zIndex:O,className:b,style:H};const q=m=>{m.target===m.currentTarget&&v&&j(m)};y.useImperativeHandle(r,()=>({open(){_()},close(){j()},isOpen(){return T}}));const _=m=>{k(!0),f(m)},j=m=>{k(!1),g(m)};return y.useEffect(()=>{T===!0&&S()},[T]),t.jsx(t.Fragment,{children:T&&t.jsx(t.Fragment,{children:n?t.jsx(t.Fragment,{children:V.reactDomExports.createPortal(t.jsx(E,{ref:R,overlay:c,scrollOverlay:a,onClickOutsideModal:q,overlayColor:p,overlayProps:P,overlayAnimation:F,modalAnimation:U,themeProps:B,showCloseButton:u,close:j,header:d,footer:l,isOpen:s,...M,children:z}),n)}):t.jsx(E,{ref:R,overlay:c,scrollOverlay:a,onClickOutsideModal:q,overlayColor:p,overlayProps:P,overlayAnimation:F,modalAnimation:U,themeProps:B,showCloseButton:u,close:j,header:d,footer:l,isOpen:s,...M,children:z})})})}),E=y.forwardRef(({overlay:e,scrollOverlay:r,onClickOutsideModal:n,overlayColor:s,overlayProps:d,overlayAnimation:l,modalAnimation:a,themeProps:c,showCloseButton:p,header:u,footer:f,close:g,isOpen:O,children:$,...v},b)=>t.jsx(N.AnimatePresence,{children:e?t.jsxs(t.Fragment,{children:[t.jsx(Z,{scrollOverlay:r,onClick:n,overlayColor:s,...d,...l}),t.jsx(K,{...c,onClick:n,scrollOverlay:r,overlayColor:s,isOpen:O,...d,...l,children:t.jsx(I,{ref:b,themeProps:c,scrollOverlay:r,modalAnimation:a,showCloseButton:p,close:g,header:u,footer:f,...v,children:$})})]}):t.jsx(I,{ref:b,themeProps:c,modalAnimation:a,showCloseButton:p,close:g,header:u,footer:f,...v,children:$})})),I=y.forwardRef(({themeProps:e,scrollOverlay:r,modalAnimation:n,showCloseButton:s,close:d,header:l,footer:a,children:c,...p},u)=>t.jsx(N.AnimatePresence,{children:t.jsxs(Q,{ref:u,...e,...n,header:l,footer:a,scrollOverlay:r,...p,className:`modal-lnc-container ${e==null?void 0:e.className}`,children:[s&&t.jsx(Y,{...e,className:"modal-lnc-times",onClick:d,children:t.jsx(D,{icon:"times"})}),l&&t.jsx("div",{className:"lnc-modal-header",children:l}),t.jsx("div",{className:"lnc-modal-content",children:c}),a&&t.jsx("div",{className:"lnc-modal-footer",children:a})]})}));A.propTypes={portalElement:o.PropTypes.any,isOpen:o.PropTypes.bool,header:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.element]),footer:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.element]),showCloseButton:o.PropTypes.bool,overlay:o.PropTypes.bool,scrollOverlay:o.PropTypes.bool,onOpen:o.PropTypes.func,onClose:o.PropTypes.func,zIndex:o.PropTypes.number,clickOutsideToClose:o.PropTypes.bool,overlayColor:o.PropTypes.string,overlayAnimation:o.PropTypes.object,modalAnimation:o.PropTypes.object,className:o.PropTypes.string,style:o.PropTypes.object,size:o.PropTypes.oneOf(["fluid","xs","s","m","l","xl","full"]),overlayProps:o.PropTypes.any};const ee={FLUID:"max-content",XS:"320px",S:"412px",M:"672px",L:"1112px",XL:"1376px",FULL:"100vw"};module.exports=A;
+`,A=y.forwardRef((e,n)=>{const{portalElement:a=document.body,isOpen:c=!1,header:p,footer:l,scrollOverlay:s=!1,overlay:d=!0,overlayColor:u="rgba(0, 0, 0, 0.3)",showCloseButton:m=!0,onOpen:f=()=>{},onClose:g=()=>{},zIndex:O=1e3,size:$="fluid",clickOutsideToClose:b=!0,className:T="",style:D={},overlayProps:P,overlayAnimation:F={animate:{opacity:1},exit:{opacity:0},initial:{opacity:0},transition:{type:"spring",duration:.6}},modalAnimation:U={animate:{opacity:1},exit:{opacity:0},initial:{opacity:0},transition:{type:"spring",duration:.6}},onFinishOpen:H=()=>{},children:z,rest:M}=e,R=y.useRef(),[v,k]=y.useState(c);let B={theme:G.useTheme(),size:$,zIndex:O,className:T,style:D};const q=t=>{t==null||t.preventDefault(),t==null||t.stopPropagation(),t.target===t.currentTarget&&b&&j(t)};y.useImperativeHandle(n,()=>({open(){S()},close(){j()},isOpen(){return v}}));const S=t=>{k(!0),f(t)},j=t=>{k(!1),g(t)};return y.useEffect(()=>{v===!0&&H()},[v]),r.jsx(r.Fragment,{children:v&&r.jsx(r.Fragment,{children:a?r.jsx(r.Fragment,{children:V.reactDomExports.createPortal(r.jsx(E,{ref:R,overlay:d,scrollOverlay:s,onClickOutsideModal:q,overlayColor:u,overlayProps:P,overlayAnimation:F,modalAnimation:U,themeProps:B,showCloseButton:m,close:j,header:p,footer:l,isOpen:c,...M,children:z}),a)}):r.jsx(E,{ref:R,overlay:d,scrollOverlay:s,onClickOutsideModal:q,overlayColor:u,overlayProps:P,overlayAnimation:F,modalAnimation:U,themeProps:B,showCloseButton:m,close:j,header:p,footer:l,isOpen:c,...M,children:z})})})}),E=y.forwardRef(({overlay:e,scrollOverlay:n,onClickOutsideModal:a,overlayColor:c,overlayProps:p,overlayAnimation:l,modalAnimation:s,themeProps:d,showCloseButton:u,header:m,footer:f,close:g,isOpen:O,children:$,...b},T)=>r.jsx(N.AnimatePresence,{children:e?r.jsxs(r.Fragment,{children:[r.jsx(Z,{scrollOverlay:n,onClick:a,overlayColor:c,...p,...l}),r.jsx(K,{...d,onClick:a,scrollOverlay:n,overlayColor:c,isOpen:O,...p,...l,children:r.jsx(I,{ref:T,themeProps:d,scrollOverlay:n,modalAnimation:s,showCloseButton:u,close:g,header:m,footer:f,...b,children:$})})]}):r.jsx(I,{ref:T,themeProps:d,modalAnimation:s,showCloseButton:u,close:g,header:m,footer:f,...b,children:$})})),I=y.forwardRef(({themeProps:e,scrollOverlay:n,modalAnimation:a,showCloseButton:c,close:p,header:l,footer:s,children:d,...u},m)=>r.jsx(N.AnimatePresence,{children:r.jsxs(Q,{ref:m,...e,...a,header:l,footer:s,scrollOverlay:n,...u,className:`modal-lnc-container ${e==null?void 0:e.className}`,children:[c&&r.jsx(Y,{...e,className:"modal-lnc-times",onClick:p,children:r.jsx(_,{icon:"times"})}),l&&r.jsx("div",{className:"lnc-modal-header",children:l}),r.jsx("div",{className:"lnc-modal-content",children:d}),s&&r.jsx("div",{className:"lnc-modal-footer",children:s})]})}));A.propTypes={portalElement:o.PropTypes.any,isOpen:o.PropTypes.bool,header:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.element]),footer:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.element]),showCloseButton:o.PropTypes.bool,overlay:o.PropTypes.bool,scrollOverlay:o.PropTypes.bool,onOpen:o.PropTypes.func,onClose:o.PropTypes.func,zIndex:o.PropTypes.number,clickOutsideToClose:o.PropTypes.bool,overlayColor:o.PropTypes.string,overlayAnimation:o.PropTypes.object,modalAnimation:o.PropTypes.object,className:o.PropTypes.string,style:o.PropTypes.object,size:o.PropTypes.oneOf(["fluid","xs","s","m","l","xl","full"]),overlayProps:o.PropTypes.any};const ee={FLUID:"max-content",XS:"320px",S:"412px",M:"672px",L:"1112px",XL:"1376px",FULL:"100vw"};module.exports=A;

package/dist/Modal.js

@@ -4,11 +4,11 @@ import { P as o } from "./index-CblbdqjE.js";
 import { s as C } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import K from "./Icon.js";
 import { b as w } from "./utils-Dc5zIpaz.js";
-import { r as Q } from "./index-B1vKwsDE.js";
+import { r as P } from "./index-B1vKwsDE.js";
 import { m as M } from "./motion-Ckekul_K.js";
-import { u as Y } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import { u as Q } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import { A as S } from "./index-D-c5IxDk.js";
-const f = "5rem", h = "3.8rem", a = "1.5rem", Z = (e, r, n) => r && n ? e == "FULL" ? `calc(100dvh - ${h} - ${f})` : `calc(100dvh - ${h} - ${f} - ${a})` : r ? e == "FULL" ? `calc(100dvh - ${h})` : `calc(100dvh - ${h} - ${a})` : n ? e == "FULL" ? `calc(100dvh - ${f})` : `calc(100dvh - ${f} - ${a})` : e == "FULL" ? "100dvh" : `calc(100dvh - ${a})`, P = (e) => e == "FULL" ? "100vw" : `calc(100vw - ${a})`, ee = (e, r, n) => e == "FULL" ? "0" : `${r ? "0" : "16px"} 0 ${n ? "0" : "16px"} 0`, oe = C(M.div)`
+const f = "5rem", h = "3.8rem", l = "1.5rem", Y = (e, n, a) => n && a ? e == "FULL" ? `calc(100dvh - ${h} - ${f})` : `calc(100dvh - ${h} - ${f} - ${l})` : n ? e == "FULL" ? `calc(100dvh - ${h})` : `calc(100dvh - ${h} - ${l})` : a ? e == "FULL" ? `calc(100dvh - ${f})` : `calc(100dvh - ${f} - ${l})` : e == "FULL" ? "100dvh" : `calc(100dvh - ${l})`, Z = (e) => e == "FULL" ? "100vw" : `calc(100vw - ${l})`, ee = (e, n, a) => e == "FULL" ? "0" : `${n ? "0" : "16px"} 0 ${a ? "0" : "16px"} 0`, oe = C(M.div)`
   position: ${(e) => e.scrollOverlay == !0 ? "absolute" : "fixed"};
   top: 0;
   left: 0;
@@ -25,7 +25,7 @@ const f = "5rem", h = "3.8rem", a = "1.5rem", Z = (e, r, n) => r && n ? e == "FU
   background-color: ${(e) => w(e.theme, "Modal", "default", "enabled", "bg")};
   z-index: ${(e) => e.zIndex};
   width: ${(e) => le[e.size.toUpperCase()]};
-  max-width: ${(e) => P(e.size.toUpperCase())};
+  max-width: ${(e) => Z(e.size.toUpperCase())};
   box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1),
     0px 10px 10px -5px rgba(0, 0, 0, 0.04);
   border-radius: ${(e) => e.size.toUpperCase() != "FULL" ? "16px" : "0"};
@@ -36,7 +36,7 @@ const f = "5rem", h = "3.8rem", a = "1.5rem", Z = (e, r, n) => r && n ? e == "FU
   & .lnc-modal-header {
     max-height: ${h};
     overflow: hidden;
-    padding: ${a} ${a} 0 ${a};
+    padding: ${l} ${l} 0 ${l};
   }
   & .lnc-modal-header > h1,
   h2,
@@ -55,14 +55,14 @@ const f = "5rem", h = "3.8rem", a = "1.5rem", Z = (e, r, n) => r && n ? e == "FU
     flex-direction: column;
     justify-content: space-between;
     scrollbar-width: thin;
-    ${(e) => e.scrollOverlay == !1 && `max-height: ${Z(
+    ${(e) => e.scrollOverlay == !1 && `max-height: ${Y(
   e.size.toUpperCase(),
   e.header,
   e.footer
 )};`}
     overflow: auto;
     margin: ${(e) => ee(e.size, e.header, e.footer)};
-    padding: 0 ${a} 0 ${a};
+    padding: 0 ${l} 0 ${l};
   }
 `, re = C.div`
   position: absolute;
@@ -115,16 +115,16 @@ const f = "5rem", h = "3.8rem", a = "1.5rem", Z = (e, r, n) => r && n ? e == "FU
   width: 100%;
   background-color: ${(e) => e.overlayColor};
   z-index: 3;
-`, ae = z((e, r) => {
+`, ae = z((e, n) => {
   const {
-    portalElement: n = document.body,
-    isOpen: c = !1,
-    header: d,
-    footer: l,
-    scrollOverlay: i = !1,
-    overlay: s = !0,
-    overlayColor: m = "rgba(0, 0, 0, 0.3)",
-    showCloseButton: p = !0,
+    portalElement: a = document.body,
+    isOpen: s = !1,
+    header: m,
+    footer: i,
+    scrollOverlay: c = !1,
+    overlay: d = !0,
+    overlayColor: p = "rgba(0, 0, 0, 0.3)",
+    showCloseButton: u = !0,
     onOpen: g = () => {
     },
     onClose: x = () => {
@@ -132,7 +132,7 @@ const f = "5rem", h = "3.8rem", a = "1.5rem", Z = (e, r, n) => r && n ? e == "FU
     zIndex: U = 1e3,
     size: y = "fluid",
     clickOutsideToClose: $ = !0,
-    className: v = "",
+    className: b = "",
     style: G = {},
     overlayProps: F,
     overlayAnimation: k = {
@@ -155,12 +155,12 @@ const f = "5rem", h = "3.8rem", a = "1.5rem", Z = (e, r, n) => r && n ? e == "FU
     },
     children: T,
     rest: I
-  } = e, E = X(), [b, N] = V(c);
-  let j = { theme: Y(), size: y, zIndex: U, className: v, style: G };
-  const A = (u) => {
-    u.target === u.currentTarget && $ && O(u);
+  } = e, E = X(), [v, N] = V(s);
+  let j = { theme: Q(), size: y, zIndex: U, className: b, style: G };
+  const A = (r) => {
+    r == null || r.preventDefault(), r == null || r.stopPropagation(), r.target === r.currentTarget && $ && O(r);
   };
-  q(r, () => ({
+  q(n, () => ({
     open() {
       W();
     },
@@ -168,108 +168,108 @@ const f = "5rem", h = "3.8rem", a = "1.5rem", Z = (e, r, n) => r && n ? e == "FU
       O();
     },
     isOpen() {
-      return b;
+      return v;
     }
   }));
-  const W = (u) => {
-    N(!0), g(u);
-  }, O = (u) => {
-    N(!1), x(u);
+  const W = (r) => {
+    N(!0), g(r);
+  }, O = (r) => {
+    N(!1), x(r);
   };
   return J(() => {
-    b === !0 && _();
-  }, [b]), /* @__PURE__ */ t(L, { children: b && /* @__PURE__ */ t(L, { children: n ? /* @__PURE__ */ t(L, { children: Q.createPortal(
+    v === !0 && _();
+  }, [v]), /* @__PURE__ */ t(L, { children: v && /* @__PURE__ */ t(L, { children: a ? /* @__PURE__ */ t(L, { children: P.createPortal(
     /* @__PURE__ */ t(
-      H,
+      D,
       {
         ref: E,
-        overlay: s,
-        scrollOverlay: i,
+        overlay: d,
+        scrollOverlay: c,
         onClickOutsideModal: A,
-        overlayColor: m,
+        overlayColor: p,
         overlayProps: F,
         overlayAnimation: k,
         modalAnimation: B,
         themeProps: j,
-        showCloseButton: p,
+        showCloseButton: u,
         close: O,
-        header: d,
-        footer: l,
-        isOpen: c,
+        header: m,
+        footer: i,
+        isOpen: s,
         ...I,
         children: T
       }
     ),
-    n
+    a
   ) }) : /* @__PURE__ */ t(
-    H,
+    D,
     {
       ref: E,
-      overlay: s,
-      scrollOverlay: i,
+      overlay: d,
+      scrollOverlay: c,
       onClickOutsideModal: A,
-      overlayColor: m,
+      overlayColor: p,
       overlayProps: F,
       overlayAnimation: k,
       modalAnimation: B,
       themeProps: j,
-      showCloseButton: p,
+      showCloseButton: u,
       close: O,
-      header: d,
-      footer: l,
-      isOpen: c,
+      header: m,
+      footer: i,
+      isOpen: s,
       ...I,
       children: T
     }
   ) }) });
-}), H = z(
+}), D = z(
   ({
     overlay: e,
-    scrollOverlay: r,
-    onClickOutsideModal: n,
-    overlayColor: c,
-    overlayProps: d,
-    overlayAnimation: l,
-    modalAnimation: i,
-    themeProps: s,
-    showCloseButton: m,
-    header: p,
+    scrollOverlay: n,
+    onClickOutsideModal: a,
+    overlayColor: s,
+    overlayProps: m,
+    overlayAnimation: i,
+    modalAnimation: c,
+    themeProps: d,
+    showCloseButton: p,
+    header: u,
     footer: g,
     close: x,
     isOpen: U,
     children: y,
     ...$
-  }, v) => /* @__PURE__ */ t(S, { children: e ? /* @__PURE__ */ R(L, { children: [
+  }, b) => /* @__PURE__ */ t(S, { children: e ? /* @__PURE__ */ R(L, { children: [
     /* @__PURE__ */ t(
       ne,
       {
-        scrollOverlay: r,
-        onClick: n,
-        overlayColor: c,
-        ...d,
-        ...l
+        scrollOverlay: n,
+        onClick: a,
+        overlayColor: s,
+        ...m,
+        ...i
       }
     ),
     /* @__PURE__ */ t(
       oe,
       {
-        ...s,
-        onClick: n,
-        scrollOverlay: r,
-        overlayColor: c,
-        isOpen: U,
         ...d,
-        ...l,
+        onClick: a,
+        scrollOverlay: n,
+        overlayColor: s,
+        isOpen: U,
+        ...m,
+        ...i,
         children: /* @__PURE__ */ t(
-          D,
+          H,
           {
-            ref: v,
-            themeProps: s,
-            scrollOverlay: r,
-            modalAnimation: i,
-            showCloseButton: m,
+            ref: b,
+            themeProps: d,
+            scrollOverlay: n,
+            modalAnimation: c,
+            showCloseButton: p,
             close: x,
-            header: p,
+            header: u,
             footer: g,
             ...$,
             children: y
@@ -278,54 +278,54 @@ const f = "5rem", h = "3.8rem", a = "1.5rem", Z = (e, r, n) => r && n ? e == "FU
       }
     )
   ] }) : /* @__PURE__ */ t(
-    D,
+    H,
     {
-      ref: v,
-      themeProps: s,
-      modalAnimation: i,
-      showCloseButton: m,
+      ref: b,
+      themeProps: d,
+      modalAnimation: c,
+      showCloseButton: p,
       close: x,
-      header: p,
+      header: u,
       footer: g,
       ...$,
       children: y
     }
   ) })
-), D = z(
+), H = z(
   ({
     themeProps: e,
-    scrollOverlay: r,
-    modalAnimation: n,
-    showCloseButton: c,
-    close: d,
-    header: l,
-    footer: i,
-    children: s,
-    ...m
-  }, p) => /* @__PURE__ */ t(S, { children: /* @__PURE__ */ R(
+    scrollOverlay: n,
+    modalAnimation: a,
+    showCloseButton: s,
+    close: m,
+    header: i,
+    footer: c,
+    children: d,
+    ...p
+  }, u) => /* @__PURE__ */ t(S, { children: /* @__PURE__ */ R(
     te,
     {
-      ref: p,
+      ref: u,
       ...e,
-      ...n,
-      header: l,
-      footer: i,
-      scrollOverlay: r,
-      ...m,
+      ...a,
+      header: i,
+      footer: c,
+      scrollOverlay: n,
+      ...p,
       className: `modal-lnc-container ${e == null ? void 0 : e.className}`,
       children: [
-        c && /* @__PURE__ */ t(
+        s && /* @__PURE__ */ t(
           re,
           {
             ...e,
             className: "modal-lnc-times",
-            onClick: d,
+            onClick: m,
             children: /* @__PURE__ */ t(K, { icon: "times" })
           }
         ),
-        l && /* @__PURE__ */ t("div", { className: "lnc-modal-header", children: l }),
-        /* @__PURE__ */ t("div", { className: "lnc-modal-content", children: s }),
-        i && /* @__PURE__ */ t("div", { className: "lnc-modal-footer", children: i })
+        i && /* @__PURE__ */ t("div", { className: "lnc-modal-header", children: i }),
+        /* @__PURE__ */ t("div", { className: "lnc-modal-content", children: d }),
+        c && /* @__PURE__ */ t("div", { className: "lnc-modal-footer", children: c })
       ]
     }
   ) })

package/package.json

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