react-simply-carousel 8.3.0 → 8.3.3
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 +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
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 a(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 u(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){d(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(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 l(){return l=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},l.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,a=!1;try{for(n=n.call(e);!(c=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);c=!0);}catch(e){a=!0,i=e}finally{try{c||null==n.return||n.return()}finally{if(a)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"],E=["children","show"],S=["className","style"],I=["className","style"],C=["className","onClick","style"],O=["props"];function L(e){var t=e.infinite,n=e.positionIndex,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 T(e){var t=e.activeSlideIndex,n=e.itemsListRef,r=e.innerRef,i=e.offsetCorrectionForCenterMode,o=e.offsetCorrectionForInfiniteMode,c=e.infinite,a=e.positionIndex,u=e.innerMaxWidth,d=L({infinite:c,positionIndex:a,itemsListRef:n}),l=c?o+i:Math.min(n.current.offsetWidth-(u||r.current.offsetWidth),d.reduce((function(e,n,r){return r<t?e+n.offsetWidth:e}),0)),s=l+(u||r.current.offsetWidth),f=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}})),v=f.reduce((function(e,t){var n=t.slideIndex,r=t.htmlElement.offsetWidth;return(e.summ>=l&&e.summ<s||e.summ+r>l&&e.summ+r<=s)&&e.items.push({slideIndex:n,isFullyVisible:e.summ+r<=s&&e.summ>=l}),e.summ+=r,e}),{summ:0,items:[]}),h=!!v.items.find((function(e){return 0===e.slideIndex})),p=!!v.items.find((function(e){return e.slideIndex===d.length-1}));return{visibleSlides:v.items,isFirstSlideVisible:h,isLastSlideVisible:p}}function k(t){var a=t.responsiveProps,d=void 0===a?[]:a,m=s(t,p),v=f(n(0),2),h=v[0],k=v[1],M=f(n(m.activeSlideIndex),2),W=M[0],P=M[1],j=r(null),A=r(null),N=r(null),F=r(0),R=r(!1),D=r(""),X=r(null),V=r(null),z=r(0),B=r(W),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)?u(u({},e),c):e}),m),U=i.toArray(q.children),$=h?u(u({},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,ae=ne.onMouseDown,ue=void 0===ae?null:ae,de=ne.onTransitionEnd,le=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,Ee=void 0===xe||xe,Se=s(ye,E),Ie=$.activeSlideProps,Ce=(Ie=void 0===Ie?{}:Ie).className,Oe=void 0===Ce?"":Ce,Le=Ie.style,Te=void 0===Le?{}:Le,ke=s(Ie,S),Me=$.visibleSlideProps,We=(Me=void 0===Me?{}:Me).className,Pe=void 0===We?"":We,je=Me.style,Ae=void 0===je?{}:je,Ne=s(Me,I),Fe=$.updateOnItemClick,Re=void 0!==Fe&&Fe,De=$.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,at=void 0!==ct&&ct,ut=$.infinite,dt=void 0===ut||ut,lt=$.disableNavIfEdgeVisible,st=void 0===lt||lt,ft=$.disableNavIfEdgeActive,mt=void 0===ft||ft,vt=$.dotsNav,ht=void 0===vt?{}:vt,pt=$.persistentChangeCallbacks,bt=void 0!==pt&&pt;$.showSlidesBeforeInit;var yt=ht||{},wt=yt.show,gt=void 0!==wt&&wt,xt=yt.containerProps,Et=void 0===xt?{}:xt,St=yt.itemBtnProps,It=void 0===St?{}:St,Ct=yt.activeItemBtnProps,Ot=void 0===Ct?{}:Ct,Lt=h?L({infinite:dt,positionIndex:B.current,itemsListRef:N}):[],Tt=h&&He?Lt.reduce((function(e,t,n){return n>=De&&n<De+He||n<De&&n<De+He-Lt.length?e+t.offsetWidth:e}),0):0,kt=h?N.current.offsetWidth-(Tt||A.current.offsetWidth):0,Mt=function(e){var t=Lt.reduce((function(t,n,r){return r>=e?t:t+(n.offsetWidth||0)}),0);return dt?t:Math.min(kt,t)},Wt=i.count(Qe)-1,Pt=He===U.length,jt=ot&&Pt,At=rt&&Pt,Nt=De-W!=0,Ft=h&&Nt&&dt?Mt(W):0,Rt=!h||!Nt&&dt?0:Mt(De),Dt=h?Lt[De].offsetWidth:0,Xt=h&&(at&&dt)?-((Tt||A.current.offsetWidth)-Dt)/2:0,Vt=dt&&h?N.current.offsetWidth/3:0,zt=W-De!=0&&N.current?"forward"===D.current.toLowerCase()&&De<W?Vt:"backward"===D.current.toLowerCase()&&De>W?-Vt:0:0,Bt=Nt&&(ze||qe)?"transform ".concat(ze,"ms ").concat($e," ").concat(qe,"ms"):"none",qt=At||!h?0:Rt-Ft+Xt+zt+Vt,Ut=h?"translateX(-".concat(qt,"px)"):"none",$t=h?T({activeSlideIndex:De,itemsListRef:N,innerRef:A,offsetCorrectionForCenterMode:Xt,infinite:dt,positionIndex:B.current,offsetCorrectionForInfiniteMode:Vt,innerMaxWidth:0}):{visibleSlides:[],isFirstSlideVisible:!1,isLastSlideVisible:!1},Gt=o((function(e){if("forward"===e){var t=De+Ke;return t>Wt?dt?t-Wt-1:De:t}if("backward"===e){var n=De-Ke;return n<0?dt?Wt+1+n:De:n}return De}),[De,Ke,Wt,dt]),Ht=o((function(e,t){D.current=t,N.current.style.transition=ze||qe?"transform ".concat(ze,"ms ").concat($e," ").concat(qe,"ms"):"none",e!==De||bt?(clearTimeout(X.current),Xe(e,T({activeSlideIndex:e,positionIndex:W,infinite:dt,innerRef:A,itemsListRef:N,offsetCorrectionForCenterMode:Xt,offsetCorrectionForInfiniteMode:Vt,innerMaxWidth:Tt}))):(F.current=0,N.current.style.transform="translateX(-".concat(Xt+Vt+(dt?0:qt),"px)"))}),[bt,De,Xt,qe,$e,ze,Xe,Vt,dt,qt,W,Tt]),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){R.current&&(e.preventDefault(),e.stopPropagation(),Q&&Q(e))}),[Q]),Qt=o((function(){Ht(Gt("backward"),"backward")}),[Ht,Gt]),Yt=o((function(e){R.current=!0;var t=e.touches&&e.touches[0]?e.touches[0].clientX:e.clientX,n=F.current-t+Xt+Vt+(dt?0:qt),r=N.current.offsetWidth-A.current.offsetWidth,i=Math.max(Math.min(0,-n),-r);N.current.style.transition="none",N.current.style.transform="translateX(".concat(i,"px)")}),[Xt,Vt,dt,qt]),Zt=o((function(e){if(N.current.removeEventListener("mouseout",Zt),N.current.removeEventListener("dragstart",Zt),document.removeEventListener("mousemove",Yt),document.removeEventListener("mouseup",Zt),document.removeEventListener("touchmove",Yt),document.removeEventListener("touchend",Zt),R.current){var t=e.changedTouches&&e.changedTouches.length?e.changedTouches[e.changedTouches.length-1].clientX:e.clientX,n=F.current-t;n>Dt/2?Ht(Gt("forward"),"forward"):n<-Dt/2?Ht(Gt("backward"),"backward"):Ht(De,"forward")}}),[De,Dt,Ht,Gt,Yt]),_t=o((function(e){clearTimeout(X.current),R.current||(F.current=e.clientX,document.addEventListener("mousemove",Yt),document.addEventListener("mouseup",Zt),N.current.addEventListener("mouseout",Zt),N.current.addEventListener("dragstart",Zt)),ue&&ue(e)}),[Yt,Zt,ue]),en=o((function(e){clearTimeout(X.current),R.current||(F.current=e.touches[0].clientX,document.addEventListener("touchmove",Yt),document.addEventListener("touchend",Zt)),ce&&ce(e)}),[Yt,Zt,ce]),tn=o((function(e){P(De),le&&le(e)}),[De,le]),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,a=i.onClick,d=void 0===a?null:a,l=i.style,f=void 0===l?{}:l,m=s(i,C),v=s(e,O),h=dt?z.current>=U.length?"forward":"backward":r>=De?"forward":"backward",p=r+t===De,b=$t.visibleSlides.find((function(e){return e.slideIndex===r+t})),y="".concat(c," ").concat(h," ").concat(p?Oe:""," ").concat(b?Pe:""),w=u(u(u(u({},f),b?Ae:{}),p?Te:{}),{},{boxSizing:"border-box",margin:0}),g=!n&&Re?function(e){var t=e.direction,n=e.index,r=e.onClick;return function(e){Ht(n,t||(De<n?"forward":"")||(De>n?"backward":"")),r&&r(e)}}({direction:h,index:r+t,onClick:d}):d,x=u(u(u({role:"tabpanel",className:y,style:w,onClick:g},m),b?Ne:{}),p?ke:{});return z.current+=1,u({props:x},v)}))};return c((function(){return F.current=0,W===De&&(R.current=!1),D.current="",De!==W?ze||qe||P(De):(Ye&&Ye(De,W),(dt||"forward"===tt&&De!==Wt||"backward"===tt&&0!==De)&&Jt()),function(){clearTimeout(X.current)}}),[W,De,Ye,ze,qe,Jt,dt,Wt,tt]),c((function(){return h&&Jt(),function(){clearTimeout(X.current)}}),[h]),c((function(){var e=N.current;function t(){clearTimeout(V.current),clearTimeout(X.current),V.current=setTimeout((function(){h!==window.innerWidth&&k(window.innerWidth)}),400)}return h!==window.innerWidth&&k(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=W,e.createElement("div",l({onClickCapture:Kt,style:u({display:"flex",flexFlow:"row wrap",boxSizing:"border-box",justifyContent:"center",width:"100%"},J)},Y,{ref:j}),pe&&!jt&&e.createElement("button",l({},be,{type:"button",onClick:(0===qt&&st||0===De&&mt)&&!dt?void 0:Qt,disabled:"boolean"==typeof be.disabled?be.disabled:!(!(0===qt&&st||0===De&&mt)||dt)}),ve),e.createElement("div",l({},te,{style:u(u({},ee),{},{display:"flex",boxSizing:"border-box",flexFlow:"row wrap",padding:"0",overflow:"hidden",maxWidth:Tt?"".concat(Tt,"px"):void 0,flex:Tt?void 0:"1 0"}),ref:A}),e.createElement("div",l({},se,{style:u(u({},ie),{},{display:"flex",boxSizing:"border-box",outline:"none",transition:Bt,transform:Ut}),"data-transform":Ut,onTouchStart:At?void 0:en,onMouseDown:At?void 0:_t,onTransitionEnd:ze||qe?tn:void 0,tabIndex:-1,role:"presentation",ref:N}),dt&&rn(U.slice(W),W,At),rn(U,0,At),dt&&rn(U,0,At),dt&&rn(U.slice(0,W),0,At))),Ee&&!jt&&e.createElement("button",l({},Se,{type:"button",onClick:(qt===kt&&st||De===Wt&&mt)&&!dt?void 0:nn,disabled:"boolean"==typeof Se.disabled?Se.disabled:!(!(qt===kt&&st||De===Wt&&mt)||dt)}),ge),!!gt&&e.createElement("div",l({style:{width:"100%",display:"flex",justifyContent:"center"}},Et),Array.from({length:Math.ceil(U.length/Ke)}).map((function(t,n){return e.createElement("button",l({type:"button",key:n,title:"".concat(n)},It,Math.min(n*Ke,U.length-1)===De?Ot:{},{onClick:function(){Ht(Math.min(n*Ke,U.length-1),Math.min(n*Ke,U.length-1)>De?"forward":"backward")}}))}))))}var M=t(k);export{M 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&<?-(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&<?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 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,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 l(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"],C=["props"];function E(e){var t=e.infinite,n=e.positionIndex,r=e.itemsListRef;return t?l(r.current.children).slice(r.current.children.length/3-n,r.current.children.length/3-n+r.current.children.length/3):l(r.current.children)}function S(e){var t=e.activeSlideIndex,n=e.itemsListRef,r=e.innerRef,i=e.offsetCorrectionForCenterMode,o=e.offsetCorrectionForInfiniteMode,c=e.infinite,u=e.positionIndex,a=e.innerMaxWidth,s=E({infinite:c,positionIndex:u,itemsListRef:n}),d=c?o+i:Math.min(n.current.offsetWidth-(a||r.current.offsetWidth),s.reduce((function(e,n,r){return r<t?e+n.offsetWidth:e}),0)),f=d+(a||r.current.offsetWidth),m=c?[].concat(l(s.slice(t).map((function(e,n){return{slideIndex:n+t,htmlElement:e}}))),l(s.map((function(e,t){return{slideIndex:t,htmlElement:e}}))),l(s.map((function(e,t){return{slideIndex:t,htmlElement:e}}))),l(s.slice(0,t).map((function(e,t){return{slideIndex:t,htmlElement:e}})))):s.map((function(e,t){return{slideIndex:t,htmlElement:e}})),v=m.reduce((function(e,t){var n=t.slideIndex,r=t.htmlElement.offsetWidth;return(e.summ>=d&&e.summ<f||e.summ+r>d&&e.summ+r<=f)&&e.items.push({slideIndex:n,isFullyVisible:e.summ+r<=f&&e.summ>=d}),e.summ+=r,e}),{summ:0,items:[]}),h=!!v.items.find((function(e){return 0===e.slideIndex})),b=!!v.items.find((function(e){return e.slideIndex===s.length-1}));return{visibleSlides:v.items,isFirstSlideVisible:h,isLastSlideVisible:b}}function I(t){var r=t.responsiveProps,o=void 0===r?[]:r,l=u(t,f),s=a(e.useState(0),2),d=s[0],I=s[1],k=a(e.useState(l.activeSlideIndex),2),O=k[0],L=k[1],T=e.useRef(null),j=e.useRef(null),M=e.useRef(null),W=e.useRef(0),P=e.useRef(!1),R=e.useRef(""),A=e.useRef(null),N=e.useRef(null),F=e.useRef(0),D=e.useRef(O),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,a=u(t,m);return d>r&&(!c||d<=c)?i(i({},e),a):e}),l),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)}):l,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),ae=z.backwardBtnProps,le=(ae=void 0===ae?{}:ae).children,se=void 0===le?null:le,de=ae.show,fe=void 0===de||de,me=u(ae,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,Ce=void 0===xe?"":xe,Ee=ge.style,Se=void 0===Ee?{}:Ee,Ie=u(ge,w),ke=z.visibleSlideProps,Oe=(ke=void 0===ke?{}:ke).className,Le=void 0===Oe?"":Oe,Te=ke.style,je=void 0===Te?{}:Te,Me=u(ke,g),We=z.updateOnItemClick,Pe=void 0!==We&&We,Re=z.activeSlideIndex,Ae=z.onRequestChange,Ne=z.speed,Fe=void 0===Ne?0:Ne,De=z.delay,Xe=void 0===De?0:De,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,at=z.disableNavIfEdgeActive,lt=void 0===at||at,st=z.dotsNav,dt=void 0===st?{}:st,ft=z.persistentChangeCallbacks,mt=void 0!==ft&&ft;z.showSlidesBeforeInit;var 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,Ct=void 0===xt?{}:xt,Et=d?E({infinite:ot,positionIndex:D.current,itemsListRef:M}):[],St=d&&qe?Et.reduce((function(e,t,n){return n>=Re&&n<Re+qe||n<Re&&n<Re+qe-Et.length?e+t.offsetWidth:e}),0):0,It=d?M.current.offsetWidth-(St||j.current.offsetWidth):0,kt=function(e){var t=Et.reduce((function(t,n,r){return r>=e?t:t+(n.offsetWidth||0)}),0);return ot?t:Math.min(It,t)},Ot=e.Children.count(Ge)-1,Lt=qe===V.length,Tt=tt&&Lt,jt=_e&&Lt,Mt=Re-O!=0,Wt=d&&Mt&&ot?kt(O):0,Pt=!d||!Mt&&ot?0:kt(Re),Rt=d?Et[Re].offsetWidth:0,At=d&&(rt&&ot)?-((St||j.current.offsetWidth)-Rt)/2:0,Nt=ot&&d?M.current.offsetWidth/3:0,Ft=O-Re!=0&&M.current?"forward"===R.current.toLowerCase()&&Re<O?Nt:"backward"===R.current.toLowerCase()&&Re>O?-Nt:0:0,Dt=Mt&&(Fe||Xe)?"transform ".concat(Fe,"ms ").concat(ze," ").concat(Xe,"ms"):"none",Xt=jt||!d?0:Pt-Wt+At+Ft+Nt,Vt=d?"translateX(-".concat(Xt,"px)"):"none",zt=d?S({activeSlideIndex:Re,itemsListRef:M,innerRef:j,offsetCorrectionForCenterMode:At,infinite:ot,positionIndex:D.current,offsetCorrectionForInfiniteMode:Nt,innerMaxWidth:0}):{visibleSlides:[],isFirstSlideVisible:!1,isLastSlideVisible:!1},Bt=e.useCallback((function(e){if("forward"===e){var t=Re+$e;return t>Ot?ot?t-Ot-1:Re:t}if("backward"===e){var n=Re-$e;return n<0?ot?Ot+1+n:Re:n}return Re}),[Re,$e,Ot,ot]),qt=e.useCallback((function(e,t){R.current=t,M.current.style.transition=Fe||Xe?"transform ".concat(Fe,"ms ").concat(ze," ").concat(Xe,"ms"):"none",e!==Re||mt?(clearTimeout(A.current),Ae(e,S({activeSlideIndex:e,positionIndex:O,infinite:ot,innerRef:j,itemsListRef:M,offsetCorrectionForCenterMode:At,offsetCorrectionForInfiniteMode:Nt,innerMaxWidth:St}))):(W.current=0,M.current.style.transform="translateX(-".concat(At+Nt+(ot?0:Xt),"px)"))}),[mt,Re,At,Xe,ze,Fe,Ae,Nt,ot,Xt,O,St]),Ut=e.useCallback((function(){Ke&&(clearTimeout(A.current),A.current=setTimeout((function(){qt(Bt(Ye),Ye)}),Xe))}),[Ke,Ye,qt,Bt,Xe]),$t=e.useCallback((function(e){P.current&&(e.preventDefault(),e.stopPropagation(),G&&G(e))}),[G]),Gt=e.useCallback((function(){qt(Bt("backward"),"backward")}),[qt,Bt]),Ht=e.useCallback((function(e){P.current=!0;var t=e.touches&&e.touches[0]?e.touches[0].clientX:e.clientX,n=W.current-t+At+Nt+(ot?0:Xt),r=M.current.offsetWidth-j.current.offsetWidth,i=Math.max(Math.min(0,-n),-r);M.current.style.transition="none",M.current.style.transform="translateX(".concat(i,"px)")}),[At,Nt,ot,Xt]),Jt=e.useCallback((function(e){if(M.current.removeEventListener("mouseout",Jt),M.current.removeEventListener("dragstart",Jt),document.removeEventListener("mousemove",Ht),document.removeEventListener("mouseup",Jt),document.removeEventListener("touchmove",Ht),document.removeEventListener("touchend",Jt),P.current){var t=e.changedTouches&&e.changedTouches.length?e.changedTouches[e.changedTouches.length-1].clientX:e.clientX,n=W.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(A.current),P.current||(W.current=e.clientX,document.addEventListener("mousemove",Ht),document.addEventListener("mouseup",Jt),M.current.addEventListener("mouseout",Jt),M.current.addEventListener("dragstart",Jt)),ie&&ie(e)}),[Ht,Jt,ie]),Qt=e.useCallback((function(e){clearTimeout(A.current),P.current||(W.current=e.touches[0].clientX,document.addEventListener("touchmove",Ht),document.addEventListener("touchend",Jt)),ne&&ne(e)}),[Ht,Jt,ne]),Yt=e.useCallback((function(e){L(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,a=void 0===c?"":c,l=o.onClick,s=void 0===l?null:l,d=o.style,f=void 0===d?{}:d,m=u(o,x),v=u(e,C),h=ot?F.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(a," ").concat(h," ").concat(b?Ce:""," ").concat(p?Le:""),w=i(i(i(i({},f),p?je:{}),b?Se:{}),{},{boxSizing:"border-box",margin:0}),g=!n&&Pe?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,E=i(i(i({role:"tabpanel",className:y,style:w,onClick:g},m),p?Me:{}),b?Ie:{});return F.current+=1,i({props:E},v)}))};return e.useEffect((function(){return W.current=0,O===Re&&(P.current=!1),R.current="",Re!==O?Fe||Xe||L(Re):(He&&He(Re,O),(ot||"forward"===Ye&&Re!==Ot||"backward"===Ye&&0!==Re)&&Ut()),function(){clearTimeout(A.current)}}),[O,Re,He,Fe,Xe,Ut,ot,Ot,Ye]),e.useEffect((function(){return d&&Ut(),function(){clearTimeout(A.current)}}),[d]),e.useEffect((function(){var e=M.current;function t(){clearTimeout(N.current),clearTimeout(A.current),N.current=setTimeout((function(){d!==window.innerWidth&&I(window.innerWidth)}),400)}return d!==window.innerWidth&&I(window.innerWidth),window.addEventListener("resize",t),function(){clearTimeout(N.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]),F.current=0,D.current=O,n.default.createElement("div",c({onClickCapture:$t,style:i({display:"flex",flexFlow:"row wrap",boxSizing:"border-box",justifyContent:"center",width:"100%"},U)},H,{ref:T}),fe&&!Tt&&n.default.createElement("button",c({},me,{type:"button",onClick:(0===Xt&&ut||0===Re&<)&&!ot?void 0:Gt,disabled:"boolean"==typeof me.disabled?me.disabled:!(!(0===Xt&&ut||0===Re&<)||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:St?"".concat(St,"px"):void 0,flex:St?void 0:"1 0"}),ref:j}),n.default.createElement("div",c({},ue,{style:i(i({},ee),{},{display:"flex",boxSizing:"border-box",outline:"none",transition:Dt,transform:Vt}),"data-transform":Vt,onTouchStart:jt?void 0:Qt,onMouseDown:jt?void 0:Kt,onTransitionEnd:Fe||Xe?Yt:void 0,tabIndex:-1,role:"presentation",ref:M}),ot&&_t(V.slice(O),O,jt),_t(V,0,jt),ot&&_t(V,0,jt),ot&&_t(V.slice(0,O),0,jt))),ye&&!Tt&&n.default.createElement("button",c({},we,{type:"button",onClick:(Xt===It&&ut||Re===Ot&<)&&!ot?void 0:Zt,disabled:"boolean"==typeof we.disabled?we.disabled:!(!(Xt===It&&ut||Re===Ot&<)||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?Ct:{},{onClick:function(){qt(Math.min(t*$e,V.length-1),Math.min(t*$e,V.length-1)>Re?"forward":"backward")}}))}))))}return e.memo(I)}));
|
|
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.
|
|
3
|
+
"version": "8.3.3",
|
|
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/"
|