react-simply-carousel 8.3.1 → 8.3.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.esm.js CHANGED
@@ -1 +1 @@
1
- import e,{memo as t,useState as n,useRef as r,Children as i,useCallback as o,useEffect as c}from"react";function u(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function l(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?u(Object(n),!0).forEach((function(t){d(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function d(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a.apply(this,arguments)}function s(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function f(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,i,o=[],c=!0,u=!1;try{for(n=n.call(e);!(c=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);c=!0);}catch(e){u=!0,i=e}finally{try{c||null==n.return||n.return()}finally{if(u)throw i}}return o}(e,t)||v(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m(e){return function(e){if(Array.isArray(e))return h(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||v(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function v(e,t){if(e){if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var p=["responsiveProps"],b=["minWidth","maxWidth"],y=["style","onClickCapture"],w=["style"],g=["style","onTouchStart","onMouseDown","onTransitionEnd"],x=["children","show"],S=["children","show"],O=["className","style"],E=["className","style"],I=["className","onClick","style"],C=["props"];function T(e){var t=e.infinite,n=e.indexOfFirstSlideInDOM,r=e.itemsListRef;return t?m(r.current.children).slice(r.current.children.length/3-n,r.current.children.length/3-n+r.current.children.length/3):m(r.current.children)}function L(e){var t=e.activeSlideIndex,n=e.itemsListRef,r=e.innerRef,i=e.offsetCorrectionForCenterMode,o=e.offsetCorrectionForInfiniteMode,c=e.infinite,u=e.indexOfFirstSlideInDOM,l=e.itemsToShow,d=T({infinite:c,indexOfFirstSlideInDOM:u,itemsListRef:n}),a=l?d.reduce((function(e,n,r){return r>=t&&r<t+l||r<t&&r<t+l-d.length?e+n.offsetWidth:e}),0):r.current.offsetWidth,s=c?o+i:Math.min(n.current.offsetWidth-a,d.reduce((function(e,n,r){return r<t?e+n.offsetWidth:e}),0)),f=s+a,v=c?[].concat(m(d.slice(t).map((function(e,n){return{slideIndex:n+t,htmlElement:e}}))),m(d.map((function(e,t){return{slideIndex:t,htmlElement:e}}))),m(d.map((function(e,t){return{slideIndex:t,htmlElement:e}}))),m(d.slice(0,t).map((function(e,t){return{slideIndex:t,htmlElement:e}})))):d.map((function(e,t){return{slideIndex:t,htmlElement:e}})),h=v.reduce((function(e,t){var n=t.slideIndex,r=t.htmlElement.offsetWidth;return(e.summ>=s&&e.summ<f||e.summ+r>s&&e.summ+r<=f)&&e.items.push({slideIndex:n,isFullyVisible:e.summ+r<=f&&e.summ>=s}),e.summ+=r,e}),{summ:0,items:[]}),p=!!h.items.find((function(e){return 0===e.slideIndex})),b=!!h.items.find((function(e){return e.slideIndex===d.length-1}));return{visibleSlides:h.items,isFirstSlideVisible:p,isLastSlideVisible:b}}function M(t){var u=t.responsiveProps,d=void 0===u?[]:u,m=s(t,p),v=f(n(0),2),h=v[0],M=v[1],k=f(n(m.activeSlideIndex),2),P=k[0],j=k[1],W=r(null),F=r(null),A=r(null),D=r(0),N=r(!1),R=r(""),X=r(null),V=r(null),z=r(0),B=r(P),q=d.reduce((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.minWidth,r=void 0===n?0:n,i=t.maxWidth,o=void 0===i?null:i,c=s(t,b);return h>r&&(!o||h<=o)?l(l({},e),c):e}),m),U=i.toArray(q.children),$=h?l(l({},q),{},{activeSlideIndex:Math.max(0,Math.min(q.activeSlideIndex,U.length-1)),itemsToShow:Math.min(U.length,q.itemsToShow||0),itemsToScroll:Math.min(U.length,q.itemsToScroll||1)}):m,G=$.containerProps,H=(G=void 0===G?{}:G).style,J=void 0===H?{}:H,K=G.onClickCapture,Q=void 0===K?null:K,Y=s(G,y),Z=$.innerProps,_=(Z=void 0===Z?{}:Z).style,ee=void 0===_?{}:_,te=s(Z,w),ne=$.itemsListProps,re=(ne=void 0===ne?{}:ne).style,ie=void 0===re?{}:re,oe=ne.onTouchStart,ce=void 0===oe?null:oe,ue=ne.onMouseDown,le=void 0===ue?null:ue,de=ne.onTransitionEnd,ae=void 0===de?null:de,se=s(ne,g),fe=$.backwardBtnProps,me=(fe=void 0===fe?{}:fe).children,ve=void 0===me?null:me,he=fe.show,pe=void 0===he||he,be=s(fe,x),ye=$.forwardBtnProps,we=(ye=void 0===ye?{}:ye).children,ge=void 0===we?null:we,xe=ye.show,Se=void 0===xe||xe,Oe=s(ye,S),Ee=$.activeSlideProps,Ie=(Ee=void 0===Ee?{}:Ee).className,Ce=void 0===Ie?"":Ie,Te=Ee.style,Le=void 0===Te?{}:Te,Me=s(Ee,O),ke=$.visibleSlideProps,Pe=(ke=void 0===ke?{}:ke).className,je=void 0===Pe?"":Pe,We=ke.style,Fe=void 0===We?{}:We,Ae=s(ke,E),De=$.updateOnItemClick,Ne=void 0!==De&&De,Re=$.activeSlideIndex,Xe=$.onRequestChange,Ve=$.speed,ze=void 0===Ve?0:Ve,Be=$.delay,qe=void 0===Be?0:Be,Ue=$.easing,$e=void 0===Ue?"linear":Ue,Ge=$.itemsToShow,He=void 0===Ge?0:Ge,Je=$.itemsToScroll,Ke=void 0===Je?1:Je,Qe=$.children,Ye=$.onAfterChange,Ze=$.autoplay,_e=void 0!==Ze&&Ze,et=$.autoplayDirection,tt=void 0===et?"forward":et,nt=$.disableNavIfAllVisible,rt=void 0===nt||nt,it=$.hideNavIfAllVisible,ot=void 0===it||it,ct=$.centerMode,ut=void 0!==ct&&ct,lt=$.infinite,dt=void 0===lt||lt,at=$.disableNavIfEdgeVisible,st=void 0===at||at,ft=$.disableNavIfEdgeActive,mt=void 0===ft||ft,vt=$.dotsNav,ht=void 0===vt?{}:vt,pt=$.persistentChangeCallbacks,bt=void 0!==pt&&pt,yt=ht||{},wt=yt.show,gt=void 0!==wt&&wt,xt=yt.containerProps,St=void 0===xt?{}:xt,Ot=yt.itemBtnProps,Et=void 0===Ot?{}:Ot,It=yt.activeItemBtnProps,Ct=void 0===It?{}:It,Tt=h?T({infinite:dt,indexOfFirstSlideInDOM:B.current,itemsListRef:A}):[],Lt=h&&He?Tt.reduce((function(e,t,n){return n>=Re&&n<Re+He||n<Re&&n<Re+He-Tt.length?e+t.offsetWidth:e}),0):0,Mt=h?A.current.offsetWidth-(Lt||F.current.offsetWidth):0,kt=function(e){var t=Tt.reduce((function(t,n,r){return r>=e?t:t+(n.offsetWidth||0)}),0);return dt?t:Math.min(Mt,t)},Pt=i.count(Qe)-1,jt=He===U.length,Wt=ot&&jt,Ft=rt&&jt,At=Re-P!=0,Dt=h&&At&&dt?kt(P):0,Nt=!h||!At&&dt?0:kt(Re),Rt=h?Tt[Re].offsetWidth:0,Xt=h&&(ut&&dt)?-((Lt||F.current.offsetWidth)-Rt)/2:0,Vt=dt&&h?A.current.offsetWidth/3:0,zt=P-Re!=0&&A.current?"forward"===R.current.toLowerCase()&&Re<P?Vt:"backward"===R.current.toLowerCase()&&Re>P?-Vt:0:0,Bt=At&&(ze||qe)?"transform ".concat(ze,"ms ").concat($e," ").concat(qe,"ms"):"none",qt=Ft||!h?0:Nt-Dt+Xt+zt+Vt,Ut=h?"translateX(-".concat(qt,"px)"):"none",$t=h?L({activeSlideIndex:Re,itemsListRef:A,innerRef:F,offsetCorrectionForCenterMode:Xt,infinite:dt,indexOfFirstSlideInDOM:B.current,offsetCorrectionForInfiniteMode:Vt,itemsToShow:He}):{visibleSlides:[],isFirstSlideVisible:!1,isLastSlideVisible:!1},Gt=o((function(e){if("forward"===e){var t=Re+Ke;return t>Pt?dt?t-Pt-1:Re:t}if("backward"===e){var n=Re-Ke;return n<0?dt?Pt+1+n:Re:n}return Re}),[Re,Ke,Pt,dt]),Ht=o((function(e,t){R.current=t,A.current.style.transition=ze||qe?"transform ".concat(ze,"ms ").concat($e," ").concat(qe,"ms"):"none",e!==Re||bt?(clearTimeout(X.current),Xe(e,L({activeSlideIndex:e,indexOfFirstSlideInDOM:P,infinite:dt,innerRef:F,itemsListRef:A,offsetCorrectionForCenterMode:Xt,offsetCorrectionForInfiniteMode:Vt,itemsToShow:He}))):(D.current=0,A.current.style.transform="translateX(-".concat(Xt+Vt+(dt?0:qt),"px)"))}),[bt,Re,Xt,qe,$e,ze,Xe,Vt,dt,qt,P,He]),Jt=o((function(){_e&&(clearTimeout(X.current),X.current=setTimeout((function(){Ht(Gt(tt),tt)}),qe))}),[_e,tt,Ht,Gt,qe]),Kt=o((function(e){N.current&&(e.preventDefault(),e.stopPropagation(),Q&&Q(e))}),[Q]),Qt=o((function(){Ht(Gt("backward"),"backward")}),[Ht,Gt]),Yt=o((function(e){N.current=!0;var t=e.touches&&e.touches[0]?e.touches[0].clientX:e.clientX,n=D.current-t+Xt+Vt+(dt?0:qt),r=A.current.offsetWidth-F.current.offsetWidth,i=Math.max(Math.min(0,-n),-r);A.current.style.transition="none",A.current.style.transform="translateX(".concat(i,"px)")}),[Xt,Vt,dt,qt]),Zt=o((function(e){if(A.current.removeEventListener("mouseout",Zt),A.current.removeEventListener("dragstart",Zt),document.removeEventListener("mousemove",Yt),document.removeEventListener("mouseup",Zt),document.removeEventListener("touchmove",Yt),document.removeEventListener("touchend",Zt),N.current){var t=e.changedTouches&&e.changedTouches.length?e.changedTouches[e.changedTouches.length-1].clientX:e.clientX,n=D.current-t;n>Rt/2?Ht(Gt("forward"),"forward"):n<-Rt/2?Ht(Gt("backward"),"backward"):Ht(Re,"forward")}}),[Re,Rt,Ht,Gt,Yt]),_t=o((function(e){clearTimeout(X.current),N.current||(D.current=e.clientX,document.addEventListener("mousemove",Yt),document.addEventListener("mouseup",Zt),A.current.addEventListener("mouseout",Zt),A.current.addEventListener("dragstart",Zt)),le&&le(e)}),[Yt,Zt,le]),en=o((function(e){clearTimeout(X.current),N.current||(D.current=e.touches[0].clientX,document.addEventListener("touchmove",Yt),document.addEventListener("touchend",Zt)),ce&&ce(e)}),[Yt,Zt,ce]),tn=o((function(e){j(Re),ae&&ae(e)}),[Re,ae]),nn=o((function(){Ht(Gt("forward"),"forward")}),[Ht,Gt]),rn=function(e,t,n){return e.map((function(e,r){var i=e.props,o=(i=void 0===i?{}:i).className,c=void 0===o?"":o,u=i.onClick,d=void 0===u?null:u,a=i.style,f=void 0===a?{}:a,m=s(i,I),v=s(e,C),h=dt?z.current>=U.length?"forward":"backward":r>=Re?"forward":"backward",p=r+t===Re,b=$t.visibleSlides.find((function(e){return e.slideIndex===r+t})),y="".concat(c," ").concat(h," ").concat(p?Ce:""," ").concat(b?je:""),w=l(l(l(l({},f),b?Fe:{}),p?Le:{}),{},{boxSizing:"border-box",margin:0}),g=!n&&Ne?function(e){var t=e.direction,n=e.index,r=e.onClick;return function(e){Ht(n,t||(Re<n?"forward":"")||(Re>n?"backward":"")),r&&r(e)}}({direction:h,index:r+t,onClick:d}):d,x=l(l(l({role:"tabpanel",className:y,style:w,onClick:g},m),b?Ae:{}),p?Me:{});return z.current+=1,l({props:x},v)}))};return c((function(){return D.current=0,P===Re&&(N.current=!1),R.current="",Re!==P?ze||qe||j(Re):(Ye&&Ye(Re,P),(dt||"forward"===tt&&Re!==Pt||"backward"===tt&&0!==Re)&&Jt()),function(){clearTimeout(X.current)}}),[P,Re,Ye,ze,qe,Jt,dt,Pt,tt]),c((function(){return h&&Jt(),function(){clearTimeout(X.current)}}),[h]),c((function(){var e=A.current;function t(){clearTimeout(V.current),clearTimeout(X.current),V.current=setTimeout((function(){h!==window.innerWidth&&M(window.innerWidth)}),400)}return h!==window.innerWidth&&M(window.innerWidth),window.addEventListener("resize",t),function(){clearTimeout(V.current),window.removeEventListener("resize",t),document.removeEventListener("mousemove",Yt),document.removeEventListener("mouseup",Zt),document.removeEventListener("touchmove",Yt),document.removeEventListener("touchend",Zt),e.removeEventListener("mouseout",Zt),e.removeEventListener("dragstart",Zt)}}),[Yt,Zt]),z.current=0,B.current=P,e.createElement("div",a({onClickCapture:Kt,style:l({display:"flex",flexFlow:"row wrap",boxSizing:"border-box",justifyContent:"center",width:"100%"},J)},Y,{ref:W}),pe&&!Wt&&e.createElement("button",a({},be,{type:"button",onClick:(0===qt&&st||0===Re&&mt)&&!dt?void 0:Qt,disabled:"boolean"==typeof be.disabled?be.disabled:!(!(0===qt&&st||0===Re&&mt)||dt)}),ve),e.createElement("div",a({},te,{style:l(l({},ee),{},{display:"flex",boxSizing:"border-box",flexFlow:"row wrap",padding:"0",overflow:"hidden",maxWidth:Lt?"".concat(Lt,"px"):void 0,flex:Lt?void 0:"1 0"}),ref:F}),e.createElement("div",a({},se,{style:l(l({},ie),{},{display:"flex",boxSizing:"border-box",outline:"none",transition:Bt,transform:Ut}),onTouchStart:Ft?void 0:en,onMouseDown:Ft?void 0:_t,onTransitionEnd:ze||qe?tn:void 0,tabIndex:-1,role:"presentation",ref:A}),dt&&rn(U.slice(P),P,Ft),rn(U,0,Ft),dt&&rn(U,0,Ft),dt&&rn(U.slice(0,P),0,Ft))),Se&&!Wt&&e.createElement("button",a({},Oe,{type:"button",onClick:(qt===Mt&&st||Re===Pt&&mt)&&!dt?void 0:nn,disabled:"boolean"==typeof Oe.disabled?Oe.disabled:!(!(qt===Mt&&st||Re===Pt&&mt)||dt)}),ge),!!gt&&e.createElement("div",a({style:{width:"100%",display:"flex",justifyContent:"center"}},St),Array.from({length:Math.ceil(U.length/Ke)}).map((function(t,n){return e.createElement("button",a({type:"button",key:n,title:"".concat(n)},Et,Math.min(n*Ke,U.length-1)===Re?Ct:{},{onClick:function(){Ht(Math.min(n*Ke,U.length-1),Math.min(n*Ke,U.length-1)>Re?"forward":"backward")}}))}))))}var k=t(M);export{k as default};
1
+ import e,{memo as t,useState as n,useRef as r,Children as i,useCallback as o,useEffect as c}from"react";function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function l(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?d(Object(n),!0).forEach((function(t){a(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(){return u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u.apply(this,arguments)}function s(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function f(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,i,o=[],c=!0,d=!1;try{for(n=n.call(e);!(c=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);c=!0);}catch(e){d=!0,i=e}finally{try{c||null==n.return||n.return()}finally{if(d)throw i}}return o}(e,t)||v(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m(e){return function(e){if(Array.isArray(e))return h(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||v(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function v(e,t){if(e){if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var p=["responsiveProps"],b=["minWidth","maxWidth"],y=["style","onClickCapture"],w=["style"],x=["style","onTouchStart","onMouseDown","onTransitionEnd"],g=["children","show"],S=["children","show"],E=["className","style"],I=["className","style"],T=["className","onClick","style"],O=["props"];function C(t){var d=t.responsiveProps,a=void 0===d?[]:d,v=s(t,p),h=f(n(0),2),C=h[0],L=h[1],k=f(n(v.activeSlideIndex),2),M=k[0],P=k[1],j=r(null),W=r(null),A=r(null),X=r(0),N=r(!1),F=r(""),V=r(null),D=r(null),z=r(0),B=r(M),q=a.reduce((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.minWidth,r=void 0===n?0:n,i=t.maxWidth,o=void 0===i?null:i,c=s(t,b);return C>r&&(!o||C<=o)?l(l({},e),c):e}),v),H=i.toArray(q.children),R=C?l(l({},q),{},{activeSlideIndex:Math.max(0,Math.min(q.activeSlideIndex,H.length-1)),itemsToShow:Math.min(H.length,q.itemsToShow||0),itemsToScroll:Math.min(H.length,q.itemsToScroll||1)}):v,U=R.containerProps,$=(U=void 0===U?{}:U).style,G=void 0===$?{}:$,J=U.onClickCapture,K=void 0===J?null:J,Q=s(U,y),Y=R.innerProps,Z=(Y=void 0===Y?{}:Y).style,_=void 0===Z?{}:Z,ee=s(Y,w),te=R.itemsListProps,ne=(te=void 0===te?{}:te).style,re=void 0===ne?{}:ne,ie=te.onTouchStart,oe=void 0===ie?null:ie,ce=te.onMouseDown,de=void 0===ce?null:ce,le=te.onTransitionEnd,ae=void 0===le?null:le,ue=s(te,x),se=R.backwardBtnProps,fe=(se=void 0===se?{}:se).children,me=void 0===fe?null:fe,ve=se.show,he=void 0===ve||ve,pe=s(se,g),be=R.forwardBtnProps,ye=(be=void 0===be?{}:be).children,we=void 0===ye?null:ye,xe=be.show,ge=void 0===xe||xe,Se=s(be,S),Ee=R.activeSlideProps,Ie=(Ee=void 0===Ee?{}:Ee).className,Te=void 0===Ie?"":Ie,Oe=Ee.style,Ce=void 0===Oe?{}:Oe,Le=s(Ee,E),ke=R.visibleSlideProps,Me=(ke=void 0===ke?{}:ke).className,Pe=void 0===Me?"":Me,je=ke.style,We=void 0===je?{}:je,Ae=s(ke,I),Xe=R.updateOnItemClick,Ne=void 0!==Xe&&Xe,Fe=R.activeSlideIndex,Ve=R.onRequestChange,De=R.speed,ze=void 0===De?0:De,Be=R.delay,qe=void 0===Be?0:Be,He=R.easing,Re=void 0===He?"linear":He,Ue=R.itemsToShow,$e=void 0===Ue?0:Ue,Ge=R.itemsToScroll,Je=void 0===Ge?1:Ge,Ke=R.children,Qe=R.onAfterChange,Ye=R.autoplay,Ze=void 0!==Ye&&Ye,_e=R.autoplayDirection,et=void 0===_e?"forward":_e,tt=R.disableNavIfAllVisible,nt=void 0===tt||tt,rt=R.hideNavIfAllVisible,it=void 0===rt||rt,ot=R.centerMode,ct=void 0!==ot&&ot,dt=R.infinite,lt=void 0===dt||dt,at=R.disableNavIfEdgeVisible,ut=void 0===at||at,st=R.disableNavIfEdgeActive,ft=void 0===st||st,mt=R.dotsNav,vt=void 0===mt?{}:mt,ht=R.persistentChangeCallbacks,pt=void 0!==ht&&ht,bt=vt||{},yt=bt.show,wt=void 0!==yt&&yt,xt=bt.containerProps,gt=void 0===xt?{}:xt,St=bt.itemBtnProps,Et=void 0===St?{}:St,It=bt.activeItemBtnProps,Tt=void 0===It?{}:It,Ot=i.count(Ke)-1,Ct=$e===H.length,Lt=it&&Ct,kt=nt&&Ct,Mt=Fe-M==0||!ze&&!qe?"none":"transform ".concat(ze,"ms ").concat(Re," ").concat(qe,"ms"),Pt=o((function(e){var t=e.correctionSlideIndex,n=e.prevCorrectionSlideIndex,r=e.curActiveSlideIndex,i=lt?m(A.current.children).slice(A.current.children.length/3-n,A.current.children.length/3-n+A.current.children.length/3):m(A.current.children),o=i[r].offsetWidth,c=$e?i.reduce((function(e,t,n){return n>=r&&n<r+$e||n<r&&n<r+$e-i.length?e+t.offsetWidth:e}),0):W.current.offsetWidth,d=A.current.offsetWidth-c,l=ct&&lt?-(c-o)/2:0,a=lt?A.current.offsetWidth/3:0,u=t-r==0?0:"forward"===F.current&&r<t?a:"backward"===F.current&&r>t?-a:0,s=r-t!=0,f=function(e){var t=i.reduce((function(t,n,r){return r>=e?t:t+(n.offsetWidth||0)}),0);return lt?t:Math.min(d,t)},v=s&&lt?f(t):0,h=s||!lt?f(r):0,p=kt?0:h-v+l+u+a,b="translateX(-".concat(p,"px)"),y=lt?a+l:Math.min(A.current.offsetWidth-c,i.reduce((function(e,t,n){return n<r?e+t.offsetWidth:e}),0)),w=y+c,x=lt?[].concat(m(i.slice(r).map((function(e,t){return{slideIndex:t+r,htmlElement:e}}))),m(i.map((function(e,t){return{slideIndex:t,htmlElement:e}}))),m(i.map((function(e,t){return{slideIndex:t,htmlElement:e}}))),m(i.slice(0,r).map((function(e,t){return{slideIndex:t,htmlElement:e}})))):i.map((function(e,t){return{slideIndex:t,htmlElement:e}})),g=x.reduce((function(e,t){var n=t.slideIndex,r=t.htmlElement.offsetWidth;return(e.summ>=y&&e.summ<w||e.summ+r>y&&e.summ+r<=w)&&e.items.push({slideIndex:n,isFullyVisible:e.summ+r<=w&&e.summ>=y}),e.summ+=r,e}),{summ:0,items:[]}),S=!!g.items.find((function(e){return 0===e.slideIndex})),E=!!g.items.find((function(e){return e.slideIndex===i.length-1}));return{slidesHTMLElements:i,innerMaxWidth:c,itemsListMaxTranslateX:d,activeSlideWidth:o,offsetCorrectionForCenterMode:l,offsetCorrectionForInfiniteMode:a,itemsListTranslateX:p,itemsListTransform:b,visibleSlides:g.items,isFirstSlideVisible:S,isLastSlideVisible:E}}),[ct,kt,lt,$e]),jt=C?Pt({prevCorrectionSlideIndex:B.current,curActiveSlideIndex:Fe,correctionSlideIndex:M}):{},Wt=jt.innerMaxWidth,At=void 0===Wt?0:Wt,Xt=jt.itemsListMaxTranslateX,Nt=void 0===Xt?0:Xt,Ft=jt.activeSlideWidth,Vt=void 0===Ft?0:Ft,Dt=jt.offsetCorrectionForCenterMode,zt=void 0===Dt?0:Dt,Bt=jt.offsetCorrectionForInfiniteMode,qt=void 0===Bt?0:Bt,Ht=jt.itemsListTranslateX,Rt=void 0===Ht?0:Ht,Ut=jt.itemsListTransform,$t=void 0===Ut?"none":Ut,Gt=jt.visibleSlides,Jt=void 0===Gt?[]:Gt,Kt=o((function(e){if("forward"===e){var t=Fe+Je;return t>Ot?lt?t-Ot-1:Fe:t}if("backward"===e){var n=Fe-Je;return n<0?lt?Ot+1+n:Fe:n}return Fe}),[Fe,Je,Ot,lt]),Qt=o((function(e,t){if(F.current=t,A.current.style.transition=ze||qe?"transform ".concat(ze,"ms ").concat(Re," ").concat(qe,"ms"):"none",e!==Fe||pt){clearTimeout(V.current);var n=Pt({correctionSlideIndex:M,prevCorrectionSlideIndex:M,curActiveSlideIndex:e}),r=n.visibleSlides,i=n.isFirstSlideVisible,o=n.isLastSlideVisible;Ve(e,{visibleSlides:r,isFirstSlideVisible:i,isLastSlideVisible:o})}else X.current=0,A.current.style.transform="translateX(-".concat(zt+qt+(lt?0:Rt),"px)")}),[pt,Fe,zt,qe,Re,ze,Ve,qt,lt,Rt,M,Pt]),Yt=o((function(){Ze&&(clearTimeout(V.current),V.current=setTimeout((function(){Qt(Kt(et),et)}),qe))}),[Ze,et,Qt,Kt,qe]),Zt=o((function(e){N.current&&(e.preventDefault(),e.stopPropagation(),K&&K(e))}),[K]),_t=o((function(){Qt(Kt("backward"),"backward")}),[Qt,Kt]),en=o((function(e){N.current=!0;var t=e.touches&&e.touches[0]?e.touches[0].clientX:e.clientX,n=X.current-t+zt+qt+(lt?0:Rt),r=A.current.offsetWidth-W.current.offsetWidth,i=Math.max(Math.min(0,-n),-r);A.current.style.transition="none",A.current.style.transform="translateX(".concat(i,"px)")}),[zt,qt,lt,Rt]),tn=o((function(e){if(A.current.removeEventListener("mouseout",tn),A.current.removeEventListener("dragstart",tn),document.removeEventListener("mousemove",en),document.removeEventListener("mouseup",tn),document.removeEventListener("touchmove",en),document.removeEventListener("touchend",tn),N.current){var t=e.changedTouches&&e.changedTouches.length?e.changedTouches[e.changedTouches.length-1].clientX:e.clientX,n=X.current-t,r=n>Vt/2?{index:Kt("forward"),direction:"forward"}:n<-Vt/2?{index:Kt("backward"),direction:"backward"}:{index:Fe,direction:"forward"};r.index===Fe&&(N.current=!1),Qt(r.index,r.direction)}}),[Fe,Vt,Qt,Kt,en]),nn=o((function(e){clearTimeout(V.current),N.current||(X.current=e.clientX,document.addEventListener("mousemove",en),document.addEventListener("mouseup",tn),A.current.addEventListener("mouseout",tn),A.current.addEventListener("dragstart",tn)),de&&de(e)}),[en,tn,de]),rn=o((function(e){clearTimeout(V.current),N.current||(X.current=e.touches[0].clientX,document.addEventListener("touchmove",en),document.addEventListener("touchend",tn)),oe&&oe(e)}),[en,tn,oe]),on=o((function(e){P(Fe),ae&&ae(e)}),[Fe,ae]),cn=o((function(){Qt(Kt("forward"),"forward")}),[Qt,Kt]),dn=function(e,t,n){return e.map((function(e,r){var i=e.props,o=(i=void 0===i?{}:i).className,c=void 0===o?"":o,d=i.onClick,a=void 0===d?null:d,u=i.style,f=void 0===u?{}:u,m=s(i,T),v=s(e,O),h=lt?z.current>=H.length?"forward":"backward":r>=Fe?"forward":"backward",p=r+t===Fe,b=Jt.find((function(e){return e.slideIndex===r+t})),y="".concat(c," ").concat(h," ").concat(p?Te:""," ").concat(b?Pe:""),w=l(l(l(l({},f),b?We:{}),p?Ce:{}),{},{boxSizing:"border-box",margin:0}),x=!n&&Ne?function(e){var t=e.direction,n=e.index,r=e.onClick;return function(e){Qt(n,t||(Fe<n?"forward":"")||(Fe>n?"backward":"")),r&&r(e)}}({direction:h,index:r+t,onClick:a}):a,g=l(l(l({role:"tabpanel",className:y,style:w,onClick:x},m),b?Ae:{}),p?Le:{});return z.current+=1,l({props:g},v)}))};return c((function(){return X.current=0,M===Fe&&(N.current=!1),F.current="",Fe!==M?ze||qe||P(Fe):(Qe&&Qe(Fe,M),(lt||"forward"===et&&Fe!==Ot||"backward"===et&&0!==Fe)&&Yt()),function(){clearTimeout(V.current)}}),[M,Fe,Qe,ze,qe,Yt,lt,Ot,et]),c((function(){return C&&Yt(),function(){clearTimeout(V.current)}}),[C]),c((function(){var e=A.current;function t(){clearTimeout(D.current),clearTimeout(V.current),D.current=setTimeout((function(){C!==window.innerWidth&&L(window.innerWidth)}),400)}return C!==window.innerWidth&&L(window.innerWidth),window.addEventListener("resize",t),function(){clearTimeout(D.current),window.removeEventListener("resize",t),document.removeEventListener("mousemove",en),document.removeEventListener("mouseup",tn),document.removeEventListener("touchmove",en),document.removeEventListener("touchend",tn),e.removeEventListener("mouseout",tn),e.removeEventListener("dragstart",tn)}}),[en,tn]),z.current=0,B.current=M,e.createElement("div",u({onClickCapture:Zt,style:l({display:"flex",flexFlow:"row wrap",boxSizing:"border-box",justifyContent:"center",width:"100%"},G)},Q,{ref:j}),he&&!Lt&&e.createElement("button",u({},pe,{type:"button",onClick:(0===Rt&&ut||0===Fe&&ft)&&!lt?void 0:_t,disabled:"boolean"==typeof pe.disabled?pe.disabled:!(!(0===Rt&&ut||0===Fe&&ft)||lt)}),me),e.createElement("div",u({},ee,{style:l(l({},_),{},{display:"flex",boxSizing:"border-box",flexFlow:"row wrap",padding:"0",overflow:"hidden",maxWidth:At?"".concat(At,"px"):void 0,flex:At?void 0:"1 0"}),ref:W}),e.createElement("div",u({},ue,{style:l(l({},re),{},{display:"flex",boxSizing:"border-box",outline:"none",transition:Mt,transform:$t}),onTouchStart:kt?void 0:rn,onMouseDown:kt?void 0:nn,onTransitionEnd:ze||qe?on:void 0,tabIndex:-1,role:"presentation",ref:A}),lt&&dn(H.slice(M),M,kt),dn(H,0,kt),lt&&dn(H,0,kt),lt&&dn(H.slice(0,M),0,kt))),ge&&!Lt&&e.createElement("button",u({},Se,{type:"button",onClick:(Rt===Nt&&ut||Fe===Ot&&ft)&&!lt?void 0:cn,disabled:"boolean"==typeof Se.disabled?Se.disabled:!(!(Rt===Nt&&ut||Fe===Ot&&ft)||lt)}),we),!!wt&&e.createElement("div",u({style:{width:"100%",display:"flex",justifyContent:"center"}},gt),Array.from({length:Math.ceil(H.length/Je)}).map((function(t,n){return e.createElement("button",u({type:"button",key:n,title:"".concat(n)},Et,Math.min(n*Je,H.length-1)===Fe?Tt:{},{onClick:function(){Qt(Math.min(n*Je,H.length-1),Math.min(n*Je,H.length-1)>Fe?"forward":"backward")}}))}))))}var L=t(C);export{L as default};
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).ReactSimplyCarousel=t(e.React)}(this,(function(e){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=t(e);function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?r(Object(n),!0).forEach((function(t){o(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(this,arguments)}function u(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function l(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,i,o=[],c=!0,u=!1;try{for(n=n.call(e);!(c=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);c=!0);}catch(e){u=!0,i=e}finally{try{c||null==n.return||n.return()}finally{if(u)throw i}}return o}(e,t)||s(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function a(e){return function(e){if(Array.isArray(e))return d(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||s(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function s(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var f=["responsiveProps"],m=["minWidth","maxWidth"],v=["style","onClickCapture"],h=["style"],b=["style","onTouchStart","onMouseDown","onTransitionEnd"],p=["children","show"],y=["children","show"],w=["className","style"],g=["className","style"],x=["className","onClick","style"],S=["props"];function C(e){var t=e.infinite,n=e.indexOfFirstSlideInDOM,r=e.itemsListRef;return t?a(r.current.children).slice(r.current.children.length/3-n,r.current.children.length/3-n+r.current.children.length/3):a(r.current.children)}function E(e){var t=e.activeSlideIndex,n=e.itemsListRef,r=e.innerRef,i=e.offsetCorrectionForCenterMode,o=e.offsetCorrectionForInfiniteMode,c=e.infinite,u=e.indexOfFirstSlideInDOM,l=e.itemsToShow,s=C({infinite:c,indexOfFirstSlideInDOM:u,itemsListRef:n}),d=l?s.reduce((function(e,n,r){return r>=t&&r<t+l||r<t&&r<t+l-s.length?e+n.offsetWidth:e}),0):r.current.offsetWidth,f=c?o+i:Math.min(n.current.offsetWidth-d,s.reduce((function(e,n,r){return r<t?e+n.offsetWidth:e}),0)),m=f+d,v=c?[].concat(a(s.slice(t).map((function(e,n){return{slideIndex:n+t,htmlElement:e}}))),a(s.map((function(e,t){return{slideIndex:t,htmlElement:e}}))),a(s.map((function(e,t){return{slideIndex:t,htmlElement:e}}))),a(s.slice(0,t).map((function(e,t){return{slideIndex:t,htmlElement:e}})))):s.map((function(e,t){return{slideIndex:t,htmlElement:e}})),h=v.reduce((function(e,t){var n=t.slideIndex,r=t.htmlElement.offsetWidth;return(e.summ>=f&&e.summ<m||e.summ+r>f&&e.summ+r<=m)&&e.items.push({slideIndex:n,isFullyVisible:e.summ+r<=m&&e.summ>=f}),e.summ+=r,e}),{summ:0,items:[]}),b=!!h.items.find((function(e){return 0===e.slideIndex})),p=!!h.items.find((function(e){return e.slideIndex===s.length-1}));return{visibleSlides:h.items,isFirstSlideVisible:b,isLastSlideVisible:p}}function O(t){var r=t.responsiveProps,o=void 0===r?[]:r,a=u(t,f),s=l(e.useState(0),2),d=s[0],O=s[1],k=l(e.useState(a.activeSlideIndex),2),I=k[0],T=k[1],L=e.useRef(null),M=e.useRef(null),j=e.useRef(null),P=e.useRef(0),W=e.useRef(!1),R=e.useRef(""),F=e.useRef(null),A=e.useRef(null),D=e.useRef(0),N=e.useRef(I),X=o.reduce((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.minWidth,r=void 0===n?0:n,o=t.maxWidth,c=void 0===o?null:o,l=u(t,m);return d>r&&(!c||d<=c)?i(i({},e),l):e}),a),V=e.Children.toArray(X.children),z=d?i(i({},X),{},{activeSlideIndex:Math.max(0,Math.min(X.activeSlideIndex,V.length-1)),itemsToShow:Math.min(V.length,X.itemsToShow||0),itemsToScroll:Math.min(V.length,X.itemsToScroll||1)}):a,B=z.containerProps,q=(B=void 0===B?{}:B).style,U=void 0===q?{}:q,$=B.onClickCapture,G=void 0===$?null:$,H=u(B,v),J=z.innerProps,K=(J=void 0===J?{}:J).style,Q=void 0===K?{}:K,Y=u(J,h),Z=z.itemsListProps,_=(Z=void 0===Z?{}:Z).style,ee=void 0===_?{}:_,te=Z.onTouchStart,ne=void 0===te?null:te,re=Z.onMouseDown,ie=void 0===re?null:re,oe=Z.onTransitionEnd,ce=void 0===oe?null:oe,ue=u(Z,b),le=z.backwardBtnProps,ae=(le=void 0===le?{}:le).children,se=void 0===ae?null:ae,de=le.show,fe=void 0===de||de,me=u(le,p),ve=z.forwardBtnProps,he=(ve=void 0===ve?{}:ve).children,be=void 0===he?null:he,pe=ve.show,ye=void 0===pe||pe,we=u(ve,y),ge=z.activeSlideProps,xe=(ge=void 0===ge?{}:ge).className,Se=void 0===xe?"":xe,Ce=ge.style,Ee=void 0===Ce?{}:Ce,Oe=u(ge,w),ke=z.visibleSlideProps,Ie=(ke=void 0===ke?{}:ke).className,Te=void 0===Ie?"":Ie,Le=ke.style,Me=void 0===Le?{}:Le,je=u(ke,g),Pe=z.updateOnItemClick,We=void 0!==Pe&&Pe,Re=z.activeSlideIndex,Fe=z.onRequestChange,Ae=z.speed,De=void 0===Ae?0:Ae,Ne=z.delay,Xe=void 0===Ne?0:Ne,Ve=z.easing,ze=void 0===Ve?"linear":Ve,Be=z.itemsToShow,qe=void 0===Be?0:Be,Ue=z.itemsToScroll,$e=void 0===Ue?1:Ue,Ge=z.children,He=z.onAfterChange,Je=z.autoplay,Ke=void 0!==Je&&Je,Qe=z.autoplayDirection,Ye=void 0===Qe?"forward":Qe,Ze=z.disableNavIfAllVisible,_e=void 0===Ze||Ze,et=z.hideNavIfAllVisible,tt=void 0===et||et,nt=z.centerMode,rt=void 0!==nt&&nt,it=z.infinite,ot=void 0===it||it,ct=z.disableNavIfEdgeVisible,ut=void 0===ct||ct,lt=z.disableNavIfEdgeActive,at=void 0===lt||lt,st=z.dotsNav,dt=void 0===st?{}:st,ft=z.persistentChangeCallbacks,mt=void 0!==ft&&ft,vt=dt||{},ht=vt.show,bt=void 0!==ht&&ht,pt=vt.containerProps,yt=void 0===pt?{}:pt,wt=vt.itemBtnProps,gt=void 0===wt?{}:wt,xt=vt.activeItemBtnProps,St=void 0===xt?{}:xt,Ct=d?C({infinite:ot,indexOfFirstSlideInDOM:N.current,itemsListRef:j}):[],Et=d&&qe?Ct.reduce((function(e,t,n){return n>=Re&&n<Re+qe||n<Re&&n<Re+qe-Ct.length?e+t.offsetWidth:e}),0):0,Ot=d?j.current.offsetWidth-(Et||M.current.offsetWidth):0,kt=function(e){var t=Ct.reduce((function(t,n,r){return r>=e?t:t+(n.offsetWidth||0)}),0);return ot?t:Math.min(Ot,t)},It=e.Children.count(Ge)-1,Tt=qe===V.length,Lt=tt&&Tt,Mt=_e&&Tt,jt=Re-I!=0,Pt=d&&jt&&ot?kt(I):0,Wt=!d||!jt&&ot?0:kt(Re),Rt=d?Ct[Re].offsetWidth:0,Ft=d&&(rt&&ot)?-((Et||M.current.offsetWidth)-Rt)/2:0,At=ot&&d?j.current.offsetWidth/3:0,Dt=I-Re!=0&&j.current?"forward"===R.current.toLowerCase()&&Re<I?At:"backward"===R.current.toLowerCase()&&Re>I?-At:0:0,Nt=jt&&(De||Xe)?"transform ".concat(De,"ms ").concat(ze," ").concat(Xe,"ms"):"none",Xt=Mt||!d?0:Wt-Pt+Ft+Dt+At,Vt=d?"translateX(-".concat(Xt,"px)"):"none",zt=d?E({activeSlideIndex:Re,itemsListRef:j,innerRef:M,offsetCorrectionForCenterMode:Ft,infinite:ot,indexOfFirstSlideInDOM:N.current,offsetCorrectionForInfiniteMode:At,itemsToShow:qe}):{visibleSlides:[],isFirstSlideVisible:!1,isLastSlideVisible:!1},Bt=e.useCallback((function(e){if("forward"===e){var t=Re+$e;return t>It?ot?t-It-1:Re:t}if("backward"===e){var n=Re-$e;return n<0?ot?It+1+n:Re:n}return Re}),[Re,$e,It,ot]),qt=e.useCallback((function(e,t){R.current=t,j.current.style.transition=De||Xe?"transform ".concat(De,"ms ").concat(ze," ").concat(Xe,"ms"):"none",e!==Re||mt?(clearTimeout(F.current),Fe(e,E({activeSlideIndex:e,indexOfFirstSlideInDOM:I,infinite:ot,innerRef:M,itemsListRef:j,offsetCorrectionForCenterMode:Ft,offsetCorrectionForInfiniteMode:At,itemsToShow:qe}))):(P.current=0,j.current.style.transform="translateX(-".concat(Ft+At+(ot?0:Xt),"px)"))}),[mt,Re,Ft,Xe,ze,De,Fe,At,ot,Xt,I,qe]),Ut=e.useCallback((function(){Ke&&(clearTimeout(F.current),F.current=setTimeout((function(){qt(Bt(Ye),Ye)}),Xe))}),[Ke,Ye,qt,Bt,Xe]),$t=e.useCallback((function(e){W.current&&(e.preventDefault(),e.stopPropagation(),G&&G(e))}),[G]),Gt=e.useCallback((function(){qt(Bt("backward"),"backward")}),[qt,Bt]),Ht=e.useCallback((function(e){W.current=!0;var t=e.touches&&e.touches[0]?e.touches[0].clientX:e.clientX,n=P.current-t+Ft+At+(ot?0:Xt),r=j.current.offsetWidth-M.current.offsetWidth,i=Math.max(Math.min(0,-n),-r);j.current.style.transition="none",j.current.style.transform="translateX(".concat(i,"px)")}),[Ft,At,ot,Xt]),Jt=e.useCallback((function(e){if(j.current.removeEventListener("mouseout",Jt),j.current.removeEventListener("dragstart",Jt),document.removeEventListener("mousemove",Ht),document.removeEventListener("mouseup",Jt),document.removeEventListener("touchmove",Ht),document.removeEventListener("touchend",Jt),W.current){var t=e.changedTouches&&e.changedTouches.length?e.changedTouches[e.changedTouches.length-1].clientX:e.clientX,n=P.current-t;n>Rt/2?qt(Bt("forward"),"forward"):n<-Rt/2?qt(Bt("backward"),"backward"):qt(Re,"forward")}}),[Re,Rt,qt,Bt,Ht]),Kt=e.useCallback((function(e){clearTimeout(F.current),W.current||(P.current=e.clientX,document.addEventListener("mousemove",Ht),document.addEventListener("mouseup",Jt),j.current.addEventListener("mouseout",Jt),j.current.addEventListener("dragstart",Jt)),ie&&ie(e)}),[Ht,Jt,ie]),Qt=e.useCallback((function(e){clearTimeout(F.current),W.current||(P.current=e.touches[0].clientX,document.addEventListener("touchmove",Ht),document.addEventListener("touchend",Jt)),ne&&ne(e)}),[Ht,Jt,ne]),Yt=e.useCallback((function(e){T(Re),ce&&ce(e)}),[Re,ce]),Zt=e.useCallback((function(){qt(Bt("forward"),"forward")}),[qt,Bt]),_t=function(e,t,n){return e.map((function(e,r){var o=e.props,c=(o=void 0===o?{}:o).className,l=void 0===c?"":c,a=o.onClick,s=void 0===a?null:a,d=o.style,f=void 0===d?{}:d,m=u(o,x),v=u(e,S),h=ot?D.current>=V.length?"forward":"backward":r>=Re?"forward":"backward",b=r+t===Re,p=zt.visibleSlides.find((function(e){return e.slideIndex===r+t})),y="".concat(l," ").concat(h," ").concat(b?Se:""," ").concat(p?Te:""),w=i(i(i(i({},f),p?Me:{}),b?Ee:{}),{},{boxSizing:"border-box",margin:0}),g=!n&&We?function(e){var t=e.direction,n=e.index,r=e.onClick;return function(e){qt(n,t||(Re<n?"forward":"")||(Re>n?"backward":"")),r&&r(e)}}({direction:h,index:r+t,onClick:s}):s,C=i(i(i({role:"tabpanel",className:y,style:w,onClick:g},m),p?je:{}),b?Oe:{});return D.current+=1,i({props:C},v)}))};return e.useEffect((function(){return P.current=0,I===Re&&(W.current=!1),R.current="",Re!==I?De||Xe||T(Re):(He&&He(Re,I),(ot||"forward"===Ye&&Re!==It||"backward"===Ye&&0!==Re)&&Ut()),function(){clearTimeout(F.current)}}),[I,Re,He,De,Xe,Ut,ot,It,Ye]),e.useEffect((function(){return d&&Ut(),function(){clearTimeout(F.current)}}),[d]),e.useEffect((function(){var e=j.current;function t(){clearTimeout(A.current),clearTimeout(F.current),A.current=setTimeout((function(){d!==window.innerWidth&&O(window.innerWidth)}),400)}return d!==window.innerWidth&&O(window.innerWidth),window.addEventListener("resize",t),function(){clearTimeout(A.current),window.removeEventListener("resize",t),document.removeEventListener("mousemove",Ht),document.removeEventListener("mouseup",Jt),document.removeEventListener("touchmove",Ht),document.removeEventListener("touchend",Jt),e.removeEventListener("mouseout",Jt),e.removeEventListener("dragstart",Jt)}}),[Ht,Jt]),D.current=0,N.current=I,n.default.createElement("div",c({onClickCapture:$t,style:i({display:"flex",flexFlow:"row wrap",boxSizing:"border-box",justifyContent:"center",width:"100%"},U)},H,{ref:L}),fe&&!Lt&&n.default.createElement("button",c({},me,{type:"button",onClick:(0===Xt&&ut||0===Re&&at)&&!ot?void 0:Gt,disabled:"boolean"==typeof me.disabled?me.disabled:!(!(0===Xt&&ut||0===Re&&at)||ot)}),se),n.default.createElement("div",c({},Y,{style:i(i({},Q),{},{display:"flex",boxSizing:"border-box",flexFlow:"row wrap",padding:"0",overflow:"hidden",maxWidth:Et?"".concat(Et,"px"):void 0,flex:Et?void 0:"1 0"}),ref:M}),n.default.createElement("div",c({},ue,{style:i(i({},ee),{},{display:"flex",boxSizing:"border-box",outline:"none",transition:Nt,transform:Vt}),onTouchStart:Mt?void 0:Qt,onMouseDown:Mt?void 0:Kt,onTransitionEnd:De||Xe?Yt:void 0,tabIndex:-1,role:"presentation",ref:j}),ot&&_t(V.slice(I),I,Mt),_t(V,0,Mt),ot&&_t(V,0,Mt),ot&&_t(V.slice(0,I),0,Mt))),ye&&!Lt&&n.default.createElement("button",c({},we,{type:"button",onClick:(Xt===Ot&&ut||Re===It&&at)&&!ot?void 0:Zt,disabled:"boolean"==typeof we.disabled?we.disabled:!(!(Xt===Ot&&ut||Re===It&&at)||ot)}),be),!!bt&&n.default.createElement("div",c({style:{width:"100%",display:"flex",justifyContent:"center"}},yt),Array.from({length:Math.ceil(V.length/$e)}).map((function(e,t){return n.default.createElement("button",c({type:"button",key:t,title:"".concat(t)},gt,Math.min(t*$e,V.length-1)===Re?St:{},{onClick:function(){qt(Math.min(t*$e,V.length-1),Math.min(t*$e,V.length-1)>Re?"forward":"backward")}}))}))))}return e.memo(O)}));
1
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).ReactSimplyCarousel=t(e.React)}(this,(function(e){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=t(e);function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?r(Object(n),!0).forEach((function(t){o(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(this,arguments)}function l(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function a(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,i,o=[],c=!0,l=!1;try{for(n=n.call(e);!(c=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);c=!0);}catch(e){l=!0,i=e}finally{try{c||null==n.return||n.return()}finally{if(l)throw i}}return o}(e,t)||d(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function u(e){return function(e){if(Array.isArray(e))return s(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||d(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var f=["responsiveProps"],m=["minWidth","maxWidth"],v=["style","onClickCapture"],h=["style"],b=["style","onTouchStart","onMouseDown","onTransitionEnd"],p=["children","show"],y=["children","show"],w=["className","style"],x=["className","style"],g=["className","onClick","style"],S=["props"];function E(t){var r=t.responsiveProps,o=void 0===r?[]:r,d=l(t,f),s=a(e.useState(0),2),E=s[0],C=s[1],k=a(e.useState(d.activeSlideIndex),2),I=k[0],T=k[1],O=e.useRef(null),L=e.useRef(null),j=e.useRef(null),M=e.useRef(0),P=e.useRef(!1),W=e.useRef(""),A=e.useRef(null),R=e.useRef(null),X=e.useRef(0),N=e.useRef(I),F=o.reduce((function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.minWidth,r=void 0===n?0:n,o=t.maxWidth,c=void 0===o?null:o,a=l(t,m);return E>r&&(!c||E<=c)?i(i({},e),a):e}),d),V=e.Children.toArray(F.children),D=E?i(i({},F),{},{activeSlideIndex:Math.max(0,Math.min(F.activeSlideIndex,V.length-1)),itemsToShow:Math.min(V.length,F.itemsToShow||0),itemsToScroll:Math.min(V.length,F.itemsToScroll||1)}):d,z=D.containerProps,B=(z=void 0===z?{}:z).style,q=void 0===B?{}:B,H=z.onClickCapture,U=void 0===H?null:H,$=l(z,v),G=D.innerProps,J=(G=void 0===G?{}:G).style,K=void 0===J?{}:J,Q=l(G,h),Y=D.itemsListProps,Z=(Y=void 0===Y?{}:Y).style,_=void 0===Z?{}:Z,ee=Y.onTouchStart,te=void 0===ee?null:ee,ne=Y.onMouseDown,re=void 0===ne?null:ne,ie=Y.onTransitionEnd,oe=void 0===ie?null:ie,ce=l(Y,b),le=D.backwardBtnProps,ae=(le=void 0===le?{}:le).children,ue=void 0===ae?null:ae,de=le.show,se=void 0===de||de,fe=l(le,p),me=D.forwardBtnProps,ve=(me=void 0===me?{}:me).children,he=void 0===ve?null:ve,be=me.show,pe=void 0===be||be,ye=l(me,y),we=D.activeSlideProps,xe=(we=void 0===we?{}:we).className,ge=void 0===xe?"":xe,Se=we.style,Ee=void 0===Se?{}:Se,Ce=l(we,w),ke=D.visibleSlideProps,Ie=(ke=void 0===ke?{}:ke).className,Te=void 0===Ie?"":Ie,Oe=ke.style,Le=void 0===Oe?{}:Oe,je=l(ke,x),Me=D.updateOnItemClick,Pe=void 0!==Me&&Me,We=D.activeSlideIndex,Ae=D.onRequestChange,Re=D.speed,Xe=void 0===Re?0:Re,Ne=D.delay,Fe=void 0===Ne?0:Ne,Ve=D.easing,De=void 0===Ve?"linear":Ve,ze=D.itemsToShow,Be=void 0===ze?0:ze,qe=D.itemsToScroll,He=void 0===qe?1:qe,Ue=D.children,$e=D.onAfterChange,Ge=D.autoplay,Je=void 0!==Ge&&Ge,Ke=D.autoplayDirection,Qe=void 0===Ke?"forward":Ke,Ye=D.disableNavIfAllVisible,Ze=void 0===Ye||Ye,_e=D.hideNavIfAllVisible,et=void 0===_e||_e,tt=D.centerMode,nt=void 0!==tt&&tt,rt=D.infinite,it=void 0===rt||rt,ot=D.disableNavIfEdgeVisible,ct=void 0===ot||ot,lt=D.disableNavIfEdgeActive,at=void 0===lt||lt,ut=D.dotsNav,dt=void 0===ut?{}:ut,st=D.persistentChangeCallbacks,ft=void 0!==st&&st,mt=dt||{},vt=mt.show,ht=void 0!==vt&&vt,bt=mt.containerProps,pt=void 0===bt?{}:bt,yt=mt.itemBtnProps,wt=void 0===yt?{}:yt,xt=mt.activeItemBtnProps,gt=void 0===xt?{}:xt,St=e.Children.count(Ue)-1,Et=Be===V.length,Ct=et&&Et,kt=Ze&&Et,It=We-I==0||!Xe&&!Fe?"none":"transform ".concat(Xe,"ms ").concat(De," ").concat(Fe,"ms"),Tt=e.useCallback((function(e){var t=e.correctionSlideIndex,n=e.prevCorrectionSlideIndex,r=e.curActiveSlideIndex,i=it?u(j.current.children).slice(j.current.children.length/3-n,j.current.children.length/3-n+j.current.children.length/3):u(j.current.children),o=i[r].offsetWidth,c=Be?i.reduce((function(e,t,n){return n>=r&&n<r+Be||n<r&&n<r+Be-i.length?e+t.offsetWidth:e}),0):L.current.offsetWidth,l=j.current.offsetWidth-c,a=nt&&it?-(c-o)/2:0,d=it?j.current.offsetWidth/3:0,s=t-r==0?0:"forward"===W.current&&r<t?d:"backward"===W.current&&r>t?-d:0,f=r-t!=0,m=function(e){var t=i.reduce((function(t,n,r){return r>=e?t:t+(n.offsetWidth||0)}),0);return it?t:Math.min(l,t)},v=f&&it?m(t):0,h=f||!it?m(r):0,b=kt?0:h-v+a+s+d,p="translateX(-".concat(b,"px)"),y=it?d+a:Math.min(j.current.offsetWidth-c,i.reduce((function(e,t,n){return n<r?e+t.offsetWidth:e}),0)),w=y+c,x=it?[].concat(u(i.slice(r).map((function(e,t){return{slideIndex:t+r,htmlElement:e}}))),u(i.map((function(e,t){return{slideIndex:t,htmlElement:e}}))),u(i.map((function(e,t){return{slideIndex:t,htmlElement:e}}))),u(i.slice(0,r).map((function(e,t){return{slideIndex:t,htmlElement:e}})))):i.map((function(e,t){return{slideIndex:t,htmlElement:e}})),g=x.reduce((function(e,t){var n=t.slideIndex,r=t.htmlElement.offsetWidth;return(e.summ>=y&&e.summ<w||e.summ+r>y&&e.summ+r<=w)&&e.items.push({slideIndex:n,isFullyVisible:e.summ+r<=w&&e.summ>=y}),e.summ+=r,e}),{summ:0,items:[]}),S=!!g.items.find((function(e){return 0===e.slideIndex})),E=!!g.items.find((function(e){return e.slideIndex===i.length-1}));return{slidesHTMLElements:i,innerMaxWidth:c,itemsListMaxTranslateX:l,activeSlideWidth:o,offsetCorrectionForCenterMode:a,offsetCorrectionForInfiniteMode:d,itemsListTranslateX:b,itemsListTransform:p,visibleSlides:g.items,isFirstSlideVisible:S,isLastSlideVisible:E}}),[nt,kt,it,Be]),Ot=E?Tt({prevCorrectionSlideIndex:N.current,curActiveSlideIndex:We,correctionSlideIndex:I}):{},Lt=Ot.innerMaxWidth,jt=void 0===Lt?0:Lt,Mt=Ot.itemsListMaxTranslateX,Pt=void 0===Mt?0:Mt,Wt=Ot.activeSlideWidth,At=void 0===Wt?0:Wt,Rt=Ot.offsetCorrectionForCenterMode,Xt=void 0===Rt?0:Rt,Nt=Ot.offsetCorrectionForInfiniteMode,Ft=void 0===Nt?0:Nt,Vt=Ot.itemsListTranslateX,Dt=void 0===Vt?0:Vt,zt=Ot.itemsListTransform,Bt=void 0===zt?"none":zt,qt=Ot.visibleSlides,Ht=void 0===qt?[]:qt,Ut=e.useCallback((function(e){if("forward"===e){var t=We+He;return t>St?it?t-St-1:We:t}if("backward"===e){var n=We-He;return n<0?it?St+1+n:We:n}return We}),[We,He,St,it]),$t=e.useCallback((function(e,t){if(W.current=t,j.current.style.transition=Xe||Fe?"transform ".concat(Xe,"ms ").concat(De," ").concat(Fe,"ms"):"none",e!==We||ft){clearTimeout(A.current);var n=Tt({correctionSlideIndex:I,prevCorrectionSlideIndex:I,curActiveSlideIndex:e}),r=n.visibleSlides,i=n.isFirstSlideVisible,o=n.isLastSlideVisible;Ae(e,{visibleSlides:r,isFirstSlideVisible:i,isLastSlideVisible:o})}else M.current=0,j.current.style.transform="translateX(-".concat(Xt+Ft+(it?0:Dt),"px)")}),[ft,We,Xt,Fe,De,Xe,Ae,Ft,it,Dt,I,Tt]),Gt=e.useCallback((function(){Je&&(clearTimeout(A.current),A.current=setTimeout((function(){$t(Ut(Qe),Qe)}),Fe))}),[Je,Qe,$t,Ut,Fe]),Jt=e.useCallback((function(e){P.current&&(e.preventDefault(),e.stopPropagation(),U&&U(e))}),[U]),Kt=e.useCallback((function(){$t(Ut("backward"),"backward")}),[$t,Ut]),Qt=e.useCallback((function(e){P.current=!0;var t=e.touches&&e.touches[0]?e.touches[0].clientX:e.clientX,n=M.current-t+Xt+Ft+(it?0:Dt),r=j.current.offsetWidth-L.current.offsetWidth,i=Math.max(Math.min(0,-n),-r);j.current.style.transition="none",j.current.style.transform="translateX(".concat(i,"px)")}),[Xt,Ft,it,Dt]),Yt=e.useCallback((function(e){if(j.current.removeEventListener("mouseout",Yt),j.current.removeEventListener("dragstart",Yt),document.removeEventListener("mousemove",Qt),document.removeEventListener("mouseup",Yt),document.removeEventListener("touchmove",Qt),document.removeEventListener("touchend",Yt),P.current){var t=e.changedTouches&&e.changedTouches.length?e.changedTouches[e.changedTouches.length-1].clientX:e.clientX,n=M.current-t,r=n>At/2?{index:Ut("forward"),direction:"forward"}:n<-At/2?{index:Ut("backward"),direction:"backward"}:{index:We,direction:"forward"};r.index===We&&(P.current=!1),$t(r.index,r.direction)}}),[We,At,$t,Ut,Qt]),Zt=e.useCallback((function(e){clearTimeout(A.current),P.current||(M.current=e.clientX,document.addEventListener("mousemove",Qt),document.addEventListener("mouseup",Yt),j.current.addEventListener("mouseout",Yt),j.current.addEventListener("dragstart",Yt)),re&&re(e)}),[Qt,Yt,re]),_t=e.useCallback((function(e){clearTimeout(A.current),P.current||(M.current=e.touches[0].clientX,document.addEventListener("touchmove",Qt),document.addEventListener("touchend",Yt)),te&&te(e)}),[Qt,Yt,te]),en=e.useCallback((function(e){T(We),oe&&oe(e)}),[We,oe]),tn=e.useCallback((function(){$t(Ut("forward"),"forward")}),[$t,Ut]),nn=function(e,t,n){return e.map((function(e,r){var o=e.props,c=(o=void 0===o?{}:o).className,a=void 0===c?"":c,u=o.onClick,d=void 0===u?null:u,s=o.style,f=void 0===s?{}:s,m=l(o,g),v=l(e,S),h=it?X.current>=V.length?"forward":"backward":r>=We?"forward":"backward",b=r+t===We,p=Ht.find((function(e){return e.slideIndex===r+t})),y="".concat(a," ").concat(h," ").concat(b?ge:""," ").concat(p?Te:""),w=i(i(i(i({},f),p?Le:{}),b?Ee:{}),{},{boxSizing:"border-box",margin:0}),x=!n&&Pe?function(e){var t=e.direction,n=e.index,r=e.onClick;return function(e){$t(n,t||(We<n?"forward":"")||(We>n?"backward":"")),r&&r(e)}}({direction:h,index:r+t,onClick:d}):d,E=i(i(i({role:"tabpanel",className:y,style:w,onClick:x},m),p?je:{}),b?Ce:{});return X.current+=1,i({props:E},v)}))};return e.useEffect((function(){return M.current=0,I===We&&(P.current=!1),W.current="",We!==I?Xe||Fe||T(We):($e&&$e(We,I),(it||"forward"===Qe&&We!==St||"backward"===Qe&&0!==We)&&Gt()),function(){clearTimeout(A.current)}}),[I,We,$e,Xe,Fe,Gt,it,St,Qe]),e.useEffect((function(){return E&&Gt(),function(){clearTimeout(A.current)}}),[E]),e.useEffect((function(){var e=j.current;function t(){clearTimeout(R.current),clearTimeout(A.current),R.current=setTimeout((function(){E!==window.innerWidth&&C(window.innerWidth)}),400)}return E!==window.innerWidth&&C(window.innerWidth),window.addEventListener("resize",t),function(){clearTimeout(R.current),window.removeEventListener("resize",t),document.removeEventListener("mousemove",Qt),document.removeEventListener("mouseup",Yt),document.removeEventListener("touchmove",Qt),document.removeEventListener("touchend",Yt),e.removeEventListener("mouseout",Yt),e.removeEventListener("dragstart",Yt)}}),[Qt,Yt]),X.current=0,N.current=I,n.default.createElement("div",c({onClickCapture:Jt,style:i({display:"flex",flexFlow:"row wrap",boxSizing:"border-box",justifyContent:"center",width:"100%"},q)},$,{ref:O}),se&&!Ct&&n.default.createElement("button",c({},fe,{type:"button",onClick:(0===Dt&&ct||0===We&&at)&&!it?void 0:Kt,disabled:"boolean"==typeof fe.disabled?fe.disabled:!(!(0===Dt&&ct||0===We&&at)||it)}),ue),n.default.createElement("div",c({},Q,{style:i(i({},K),{},{display:"flex",boxSizing:"border-box",flexFlow:"row wrap",padding:"0",overflow:"hidden",maxWidth:jt?"".concat(jt,"px"):void 0,flex:jt?void 0:"1 0"}),ref:L}),n.default.createElement("div",c({},ce,{style:i(i({},_),{},{display:"flex",boxSizing:"border-box",outline:"none",transition:It,transform:Bt}),onTouchStart:kt?void 0:_t,onMouseDown:kt?void 0:Zt,onTransitionEnd:Xe||Fe?en:void 0,tabIndex:-1,role:"presentation",ref:j}),it&&nn(V.slice(I),I,kt),nn(V,0,kt),it&&nn(V,0,kt),it&&nn(V.slice(0,I),0,kt))),pe&&!Ct&&n.default.createElement("button",c({},ye,{type:"button",onClick:(Dt===Pt&&ct||We===St&&at)&&!it?void 0:tn,disabled:"boolean"==typeof ye.disabled?ye.disabled:!(!(Dt===Pt&&ct||We===St&&at)||it)}),he),!!ht&&n.default.createElement("div",c({style:{width:"100%",display:"flex",justifyContent:"center"}},pt),Array.from({length:Math.ceil(V.length/He)}).map((function(e,t){return n.default.createElement("button",c({type:"button",key:t,title:"".concat(t)},wt,Math.min(t*He,V.length-1)===We?gt:{},{onClick:function(){$t(Math.min(t*He,V.length-1),Math.min(t*He,V.length-1)>We?"forward":"backward")}}))}))))}return e.memo(E)}));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-simply-carousel",
3
- "version": "8.3.1",
3
+ "version": "8.3.4",
4
4
  "description": "A simple, lightweight, fully controlled isomorphic (with SSR support) React.js carousel component. Touch enabled and responsive. With support for autoplay and infinity options. Fully customizable",
5
5
  "files": [
6
6
  "dist/"