react-spring-carousel 3.0.0-beta078 → 3.0.0-beta080

package/dist/index.cjs2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useThumbsModule-f2f898fc.cjs");require("react");require("@react-spring/web");exports.useThumbsModule=e.useThumbsModule;

package/dist/index.cjs3.js

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("./useThumbsModule-f2f898fc.cjs"),q=require("@react-spring/web"),v=require("react"),_e=require("./use-gesture-react.esm-662f7bb4.cjs");var Ie=function(){if(typeof Map<"u")return Map;function e(t,r){var i=-1;return t.some(function(c,f){return c[0]===r?(i=f,!0):!1}),i}return function(){function t(){this.__entries__=[]}return Object.defineProperty(t.prototype,"size",{get:function(){return this.__entries__.length},enumerable:!0,configurable:!0}),t.prototype.get=function(r){var i=e(this.__entries__,r),c=this.__entries__[i];return c&&c[1]},t.prototype.set=function(r,i){var c=e(this.__entries__,r);~c?this.__entries__[c][1]=i:this.__entries__.push([r,i])},t.prototype.delete=function(r){var i=this.__entries__,c=e(i,r);~c&&i.splice(c,1)},t.prototype.has=function(r){return!!~e(this.__entries__,r)},t.prototype.clear=function(){this.__entries__.splice(0)},t.prototype.forEach=function(r,i){i===void 0&&(i=null);for(var c=0,f=this.__entries__;c<f.length;c++){var a=f[c];r.call(i,a[1],a[0])}},t}()}(),pe=typeof window<"u"&&typeof document<"u"&&window.document===document,Z=function(){return typeof global<"u"&&global.Math===Math?global:typeof self<"u"&&self.Math===Math?self:typeof window<"u"&&window.Math===Math?window:Function("return this")()}(),Xe=function(){return typeof requestAnimationFrame=="function"?requestAnimationFrame.bind(Z):function(e){return setTimeout(function(){return e(Date.now())},1e3/60)}}(),Je=2;function Qe(e,t){var r=!1,i=!1,c=0;function f(){r&&(r=!1,e()),i&&u()}function a(){Xe(f)}function u(){var l=Date.now();if(r){if(l-c<Je)return;i=!0}else r=!0,i=!1,setTimeout(a,t);c=l}return u}var Ue=20,Ze=["top","right","bottom","left","width","height","size","weight"],et=typeof MutationObserver<"u",tt=function(){function e(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=Qe(this.refresh.bind(this),Ue)}return e.prototype.addObserver=function(t){~this.observers_.indexOf(t)||this.observers_.push(t),this.connected_||this.connect_()},e.prototype.removeObserver=function(t){var r=this.observers_,i=r.indexOf(t);~i&&r.splice(i,1),!r.length&&this.connected_&&this.disconnect_()},e.prototype.refresh=function(){var t=this.updateObservers_();t&&this.refresh()},e.prototype.updateObservers_=function(){var t=this.observers_.filter(function(r){return r.gatherActive(),r.hasActive()});return t.forEach(function(r){return r.broadcastActive()}),t.length>0},e.prototype.connect_=function(){!pe||this.connected_||(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),et?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},e.prototype.disconnect_=function(){!pe||!this.connected_||(document.removeEventListener("transitionend",this.onTransitionEnd_),window.removeEventListener("resize",this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener("DOMSubtreeModified",this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},e.prototype.onTransitionEnd_=function(t){var r=t.propertyName,i=r===void 0?"":r,c=Ze.some(function(f){return!!~i.indexOf(f)});c&&this.refresh()},e.getInstance=function(){return this.instance_||(this.instance_=new e),this.instance_},e.instance_=null,e}(),Te=function(e,t){for(var r=0,i=Object.keys(t);r<i.length;r++){var c=i[r];Object.defineProperty(e,c,{value:t[c],enumerable:!1,writable:!1,configurable:!0})}return e},S=function(e){var t=e&&e.ownerDocument&&e.ownerDocument.defaultView;return t||Z},Me=te(0,0,0,0);function ee(e){return parseFloat(e)||0}function Re(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];return t.reduce(function(i,c){var f=e["border-"+c+"-width"];return i+ee(f)},0)}function nt(e){for(var t=["top","right","bottom","left"],r={},i=0,c=t;i<c.length;i++){var f=c[i],a=e["padding-"+f];r[f]=ee(a)}return r}function rt(e){var t=e.getBBox();return te(0,0,t.width,t.height)}function it(e){var t=e.clientWidth,r=e.clientHeight;if(!t&&!r)return Me;var i=S(e).getComputedStyle(e),c=nt(i),f=c.left+c.right,a=c.top+c.bottom,u=ee(i.width),l=ee(i.height);if(i.boxSizing==="border-box"&&(Math.round(u+f)!==t&&(u-=Re(i,"left","right")+f),Math.round(l+a)!==r&&(l-=Re(i,"top","bottom")+a)),!st(e)){var d=Math.round(u+f)-t,I=Math.round(l+a)-r;Math.abs(d)!==1&&(u-=d),Math.abs(I)!==1&&(l-=I)}return te(c.left,c.top,u,l)}var ot=function(){return typeof SVGGraphicsElement<"u"?function(e){return e instanceof S(e).SVGGraphicsElement}:function(e){return e instanceof S(e).SVGElement&&typeof e.getBBox=="function"}}();function st(e){return e===S(e).document.documentElement}function ut(e){return pe?ot(e)?rt(e):it(e):Me}function ct(e){var t=e.x,r=e.y,i=e.width,c=e.height,f=typeof DOMRectReadOnly<"u"?DOMRectReadOnly:Object,a=Object.create(f.prototype);return Te(a,{x:t,y:r,width:i,height:c,top:r,right:t+i,bottom:c+r,left:t}),a}function te(e,t,r,i){return{x:e,y:t,width:r,height:i}}var at=function(){function e(t){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=te(0,0,0,0),this.target=t}return e.prototype.isActive=function(){var t=ut(this.target);return this.contentRect_=t,t.width!==this.broadcastWidth||t.height!==this.broadcastHeight},e.prototype.broadcastRect=function(){var t=this.contentRect_;return this.broadcastWidth=t.width,this.broadcastHeight=t.height,t},e}(),lt=function(){function e(t,r){var i=ct(r);Te(this,{target:t,contentRect:i})}return e}(),ft=function(){function e(t,r,i){if(this.activeObservations_=[],this.observations_=new Ie,typeof t!="function")throw new TypeError("The callback provided as parameter 1 is not a function.");this.callback_=t,this.controller_=r,this.callbackCtx_=i}return e.prototype.observe=function(t){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if(!(typeof Element>"u"||!(Element instanceof Object))){if(!(t instanceof S(t).Element))throw new TypeError('parameter 1 is not of type "Element".');var r=this.observations_;r.has(t)||(r.set(t,new at(t)),this.controller_.addObserver(this),this.controller_.refresh())}},e.prototype.unobserve=function(t){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if(!(typeof Element>"u"||!(Element instanceof Object))){if(!(t instanceof S(t).Element))throw new TypeError('parameter 1 is not of type "Element".');var r=this.observations_;r.has(t)&&(r.delete(t),r.size||this.controller_.removeObserver(this))}},e.prototype.disconnect=function(){this.clearActive(),this.observations_.clear(),this.controller_.removeObserver(this)},e.prototype.gatherActive=function(){var t=this;this.clearActive(),this.observations_.forEach(function(r){r.isActive()&&t.activeObservations_.push(r)})},e.prototype.broadcastActive=function(){if(this.hasActive()){var t=this.callbackCtx_,r=this.activeObservations_.map(function(i){return new lt(i.target,i.broadcastRect())});this.callback_.call(t,r,t),this.clearActive()}},e.prototype.clearActive=function(){this.activeObservations_.splice(0)},e.prototype.hasActive=function(){return this.activeObservations_.length>0},e}(),Fe=typeof WeakMap<"u"?new WeakMap:new Ie,Oe=function(){function e(t){if(!(this instanceof e))throw new TypeError("Cannot call a class as a function.");if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");var r=tt.getInstance(),i=new ft(t,r,this);Fe.set(this,i)}return e}();["observe","unobserve","disconnect"].forEach(function(e){Oe.prototype[e]=function(){var t;return(t=Fe.get(this))[e].apply(t,arguments)}});var dt=function(){return typeof Z.ResizeObserver<"u"?Z.ResizeObserver:Oe}(),me={},ht={get exports(){return me},set exports(e){me=e}};/*!
+* screenfull
+* v5.2.0 - 2021-11-03
+* (c) Sindre Sorhus; MIT License
+*/(function(e){(function(){var t=typeof window<"u"&&typeof window.document<"u"?window.document:{},r=e.exports,i=function(){for(var a,u=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],l=0,d=u.length,I={};l<d;l++)if(a=u[l],a&&a[1]in t){for(l=0;l<a.length;l++)I[u[0][l]]=a[l];return I}return!1}(),c={change:i.fullscreenchange,error:i.fullscreenerror},f={request:function(a,u){return new Promise(function(l,d){var I=function(){this.off("change",I),l()}.bind(this);this.on("change",I),a=a||t.documentElement;var W=a[i.requestFullscreen](u);W instanceof Promise&&W.then(I).catch(d)}.bind(this))},exit:function(){return new Promise(function(a,u){if(!this.isFullscreen){a();return}var l=function(){this.off("change",l),a()}.bind(this);this.on("change",l);var d=t[i.exitFullscreen]();d instanceof Promise&&d.then(l).catch(u)}.bind(this))},toggle:function(a,u){return this.isFullscreen?this.exit():this.request(a,u)},onchange:function(a){this.on("change",a)},onerror:function(a){this.on("error",a)},on:function(a,u){var l=c[a];l&&t.addEventListener(l,u,!1)},off:function(a,u){var l=c[a];l&&t.removeEventListener(l,u,!1)},raw:i};if(!i){r?e.exports={isEnabled:!1}:window.screenfull={isEnabled:!1};return}Object.defineProperties(f,{isFullscreen:{get:function(){return!!t[i.fullscreenElement]}},element:{enumerable:!0,get:function(){return t[i.fullscreenElement]}},isEnabled:{enumerable:!0,get:function(){return!!t[i.fullscreenEnabled]}}}),r?e.exports=f:window.screenfull=f})()})(ht);const j=me;function vt({mainCarouselWrapperRef:e,onFullScreenChange:t,handleResize:r}){const i=v.useRef(!1);v.useEffect(()=>{function l(){document.fullscreenElement&&(c(!0),t(!0),r&&r()),document.fullscreenElement||(c(!1),t(!1),r&&r())}if(j.isEnabled)return j.on("change",l),()=>{j.isEnabled&&j.off("change",l)}},[]);function c(l){i.current=l}function f(){return i.current}function a(l){j.isEnabled&&j.request(l||e.current)}function u(){j.isEnabled&&j.exit()}return{enterFullscreen:a,exitFullscreen:u,getIsFullscreen:f}}function pt({items:e,init:t=!0,withThumbs:r,thumbsSlideAxis:i="x",itemsPerSlide:c=1,slideType:f="fixed",gutter:a=0,withLoop:u=!1,startEndGutter:l=0,carouselSlideAxis:d="x",disableGestures:I=!1,draggingSlideTreshold:W,slideWhenThresholdIsReached:be=!1,freeScroll:h,enableFreeScrollDrag:Ce,initialStartingPosition:ne,prepareThumbsData:ke,initialActiveItem:F=0,animateWhenActiveItemChange:Pe=!0,getControllerRef:re}){const O=c>e.length?e.length:c,L=v.useRef(!1),Y=v.useRef(W??0),C=v.useRef("initial"),ie=v.useRef("initial"),oe=v.useRef("initial"),E=v.useRef(F),g=v.useRef(F===0),m=v.useRef(f==="fixed"&&F===e.length-1),b=v.useRef(null),_=v.useRef(null),se=v.useRef(!0),ue=v.useRef(0),ce=v.useRef(0),y=v.useRef(0),je=v.useRef(u),ze=v.useRef(f),qe=v.useRef(h),N=v.useRef(!1),K=v.useCallback(()=>u?[...e.map(n=>({...n,id:`prev-repeated-item-${n.id}`})),...e,...e.map(n=>({...n,id:`next-repeated-item-${n.id}`}))]:[...e],[e,u])(),[z,R]=q.useSpring(()=>({val:0,pause:!t,onChange:({value:n})=>{h&&b.current?(d==="x"?b.current.scrollLeft=Math.abs(n.val):b.current.scrollTop=Math.abs(n.val),U()):_.current&&(d==="x"?_.current.style.transform=`translate3d(${n.val}px, 0px,0px)`:_.current.style.transform=`translate3d(0px,${n.val}px,0px)`)}}),[h]),{emitEvent:X,useListenToCustomEvent:J}=_e.useEventsModule(),{thumbsFragment:We,handleScroll:Ne}=P.useThumbsModule({withThumbs:!!r,thumbsSlideAxis:i,prepareThumbsData:ke,items:e,renderThumbFnProps:{getIsActiveItem:ve,getIsPrevItem:he,useListenToCustomEvent:J,getIsNextItem:de}}),{enterFullscreen:ye,exitFullscreen:xe,getIsFullscreen:we}=vt({mainCarouselWrapperRef:b,handleResize:()=>Q(),onFullScreenChange:n=>{X({eventName:"onFullscreenChange",isFullscreen:n})}});function $e(n){return f==="fixed"&&!h?{marginRight:`${n?0:a}px`,flex:`1 0 calc(100% / ${O} - ${a*(O-1)/O}px)`}:{marginRight:`${n?0:a}px`}}function x(){var s;const n=(s=b.current)==null?void 0:s.querySelector(".use-spring-carousel-item");if(!n)throw Error("No carousel items available!");return n.getBoundingClientRect()[d==="x"?"width":"height"]+a}function $({from:n,to:s,nextActiveItem:o,immediate:p=!1,slideMode:M}){ie.current=M,typeof o=="number"&&(h||(E.current=o),X({eventName:"onSlideStartChange",slideActionType:C.current,slideMode:ie.current,nextItem:{startReached:g.current,endReached:m.current,index:h?-1:E.current,id:h?"":e[E.current].id}})),y.current=s,R.start({immediate:p,from:{val:n},to:{val:s},config:{...q.config.default,velocity:z.val.velocity},onRest(H){!p&&H.finished&&X({eventName:"onSlideChange",slideActionType:C.current,slideMode:ie.current,currentItem:{startReached:g.current,endReached:m.current,index:h?-1:E.current,id:h?"":e[E.current].id}})}}),r&&!p&&Ne(E.current)}function w(){var n;return u?x()*e.length:Math.round(Number((n=_.current)==null?void 0:n[d==="x"?"scrollWidth":"scrollHeight"])-_.current.getBoundingClientRect()[d==="x"?"width":"height"]-l*2)}function De(){const n=`calc(100% - ${l*2}px)`;return{width:d==="x"?n:"100%",height:d==="y"?n:"100%"}}function ae(){var s;const n=(s=_.current)==null?void 0:s.querySelector(".use-spring-carousel-item");if(!n)throw Error("No carousel items available!");return n.getBoundingClientRect()[d==="x"?"width":"height"]+a}function le(n){const s=d==="x"?"left":"top",o=_.current;o&&(u?(o.style.top="0px",o.style.left="0px",o.style[s]=`-${n-l}px`,g.current=!1,m.current=!1):(o.style.left="0px",o.style.top="0px"))}function Q(n=!1){if(_.current&&n&&(_.current.style.transform="translate3d(0px, 0px,0px)",_.current.style.left="0",_.current.style.top="0"),f==="fixed"&&le(ne==="center"?ae()*e.length-x()*Math.round((O-1)/2):ne==="end"?ae()*e.length-x()*Math.round(O-1):ae()*e.length),f==="fluid"){if(m.current&&w()!==Math.abs(y.current)&&!u){const s=-w();y.current=s,R.start({immediate:!0,val:y.current});return}if(Math.abs(y.current)>0&&w()!==Math.abs(y.current)&&!u&&!h&&oe.current==="backward"){const s=ue.current-w(),o=y.current+s;return R.start({immediate:!0,val:o}),()=>{y.current=o}}return}if(!h&&f==="fixed"){const s=-(x()*E.current);if(Math.abs(s)>w()&&!u){const o=-w();m.current=!0,y.current=o,R.start({immediate:!0,val:y.current})}else y.current=s,R.start({immediate:!0,val:s});setTimeout(()=>{L.current=!1},0)}}function k(){return h&&b.current?b.current[d==="x"?"scrollLeft":"scrollTop"]:z.val.get()}function G(n,s){if(h&&n==="next"){const o=y.current+x();return o>w()?w():o}if(h&&n==="prev"){const o=y.current-x();return o<0?0:o}return n==="next"?typeof s=="number"?-(s*x()):y.current-x():typeof s=="number"?-(s*x()):y.current+x()}function D({type:n,index:s,immediate:o}){if(!t||N.current||g.current&&!u)return;m.current&&(oe.current="backward"),C.current="prev",m.current=!1;const p=typeof s=="number"?s:E.current-1;if(h&&U(),!u){const M=h?G("prev",s)-x()/3<0:G("prev",s)+x()/3>0;if(g.current)return;if(M){g.current=!0,m.current=!1,$({slideMode:n,from:k(),to:0,nextActiveItem:0,immediate:o});return}}if(u&&(g.current||p<0)){g.current=!1,m.current=!0,$({slideMode:n,from:k()-x()*e.length,to:-(x()*e.length)+x(),nextActiveItem:e.length-1,immediate:o});return}p===0&&(g.current=!0),(p===e.length-1||p===-1)&&(m.current=!0),$({slideMode:n,from:k(),to:G("prev",s),nextActiveItem:p,immediate:o})}function V({type:n,index:s,immediate:o}){if(!t||N.current||m.current&&!u)return;g.current&&(oe.current="forward"),C.current="next",g.current=!1;const p=s||E.current+1;if(h&&U(),!u){const M=Math.abs(G("next",s))>w()-x()/3;if(m.current)return;if(M){g.current=!1,m.current=!0,$({slideMode:n,from:k(),to:h?w():-w(),nextActiveItem:p,immediate:o});return}}if(u&&(m.current||p>e.length-1)){m.current=!1,g.current=!0,$({slideMode:n,from:k()+x()*e.length,to:0,nextActiveItem:0,immediate:o});return}p===0&&(g.current=!0),p===e.length-1&&(m.current=!0),$({slideMode:n,from:k(),to:G("next",s),nextActiveItem:p,immediate:o})}function Ve(){W?Y.current=W:Y.current=Math.floor(x()/2/2)}function Ee(){!se.current&&_.current&&(ue.current=w(),je.current=u,ze.current=f,qe.current=h,ce.current=window.innerWidth,y.current=0,fe({id:0,immediate:!0,shouldReset:!0}),Ve(),Q())}const Be=t&&!I&&!h||!!h&&!!Ce,He=_e.useDrag(n=>{const s=n.dragging,o=n.offset[d==="x"?0:1],p=n.movement[d==="x"?0:1],M=n.direction[d==="x"?0:1],H=p>Y.current,A=p<-Y.current,Ke=w();if(s){if(M>0?C.current="prev":C.current="next",X({...n,eventName:"onDrag",slideActionType:C.current}),h){if(o>0){R.start({from:{val:k()},to:{val:0},config:{velocity:n.velocity,friction:50,tension:1e3}}),n.cancel();return}R.start({from:{val:k()},to:{val:-o},config:{velocity:n.velocity,friction:50,tension:1e3}});return}R.start({val:o,config:{velocity:n.velocity,friction:50,tension:1e3}}),be&&A?(V({type:"drag"}),n.cancel()):be&&H&&(D({type:"drag"}),n.cancel()),Ke-Math.abs(o)<-(x()*2)&&n.cancel();return}if(n.last&&h&&o>0){R.start({from:{val:k()},to:{val:0},config:{velocity:n.velocity,friction:50,tension:1e3}});return}n.last&&!n.canceled&&h&&(C.current==="prev"&&D({type:"drag"}),C.current==="next"&&V({type:"drag"})),n.last&&!n.canceled&&!h&&(A?!u&&m.current?R.start({val:-w(),config:{...q.config.default,velocity:n.velocity}}):V({type:"drag"}):H?!u&&g.current?R.start({val:0,config:{...q.config.default,velocity:n.velocity}}):D({type:"drag"}):R.start({val:y.current,config:{...q.config.default,velocity:n.velocity}})),n.last&&n.canceled&&R.start({val:y.current,config:{...q.config.default,velocity:n.velocity}})},{enabled:Be,axis:d,from:()=>h&&b.current?[-b.current.scrollLeft,-b.current.scrollTop]:d==="x"?[z.val.get(),z.val.get()]:[z.val.get(),z.val.get()]});function Ae(){return h?d==="x"?{overflowX:"auto"}:{overflowY:"auto"}:{}}function U(){b.current&&(y.current=b.current[d==="x"?"scrollLeft":"scrollTop"],b.current[d==="x"?"scrollLeft":"scrollTop"]===0&&(g.current=!0,m.current=!1),b.current[d==="x"?"scrollLeft":"scrollTop"]>0&&b.current[d==="x"?"scrollLeft":"scrollTop"]<w()&&(g.current=!1,m.current=!1),b.current[d==="x"?"scrollLeft":"scrollTop"]===w()&&(g.current=!1,m.current=!0))}function Se(){return h?{onWheel(){z.val.stop(),U()}}:{}}function B(n,s){let o=0;if(typeof n=="string"?o=e.findIndex(p=>p.id===n):o=n,o<0||o>=e.length){if(s)throw new Error(s);console.error(`The item doesn't exist; check that the id provided - ${n} - is correct.`),o=-1}return o}function fe({id:n,immediate:s,shouldReset:o,type:p}){if(!t||N.current)return;g.current=!1,m.current=!1;const M=B(n,"The item you want to slide to doesn't exist; check the provided id.");if(M===E.current&&!o)return;const H=B(e[E.current].id),A=B(e[M].id);A>H?V({type:p||o?"initial":"click",index:A,immediate:s}):D({type:p||o?"initial":"click",index:A,immediate:s})}function de(n){const s=B(n,"The item doesn't exist; check the provided id."),o=E.current;return u&&o===e.length-1?s===0:s===o+1}function he(n){const s=B(n,"The item doesn't exist; check the provided id."),o=E.current;return u&&o===0?s===e.length-1:s===o-1}function ve(n){return B(n,"The item you want to check doesn't exist; check the provided id.")===E.current}function Ge(){return I?"unset":d==="x"?"pan-y":"pan-x"}const T=h?{useListenToCustomEvent:J,enterFullscreen:ye,exitFullscreen:xe,getIsFullscreen:we,slideToPrevItem:(n=!0)=>{D({type:"click",immediate:!n})},slideToNextItem:(n=!0)=>{V({type:"click",immediate:!n})}}:{useListenToCustomEvent:J,enterFullscreen:ye,exitFullscreen:xe,getIsFullscreen:we,slideToPrevItem:(n=!0)=>{D({type:"click",immediate:!n})},slideToNextItem:(n=!0)=>{V({type:"click",immediate:!n})},slideToItem:(n,s=!0)=>{fe({id:n,immediate:!s})},getIsNextItem:de,getIsPrevItem:he,getIsActiveItem:ve};q.useIsomorphicLayoutEffect(()=>{_.current&&t&&(L.current=!0,Ee())},[t]),v.useEffect(()=>{E.current!==F&&fe({id:F,immediate:!Pe})},[F]),v.useEffect(()=>{if(t){if(F>e.length-1)throw new Error(`initialActiveItem (${F}) is greater than the total quantity available items (${e.length}).`);O>e.length&&console.warn(`itemsPerSlide (${O}) is greater than the total quantity available items (${e.length}). Fallback to ${e.length})`)}},[F,e.length,O,t]),v.useEffect(()=>{ce.current=window.innerWidth},[]),v.useEffect(()=>{t&&(L.current=!0,Ee())},[ne,O,l,a,t,u]),v.useEffect(()=>{if(!t)return;function n(){document.hidden?N.current=!0:N.current=!1}return document.addEventListener("visibilitychange",n),()=>{document.removeEventListener("visibilitychange",n)}},[t]),v.useEffect(()=>{if(b.current){let n;const s=new dt(()=>{if(se.current){se.current=!1;return}if(!N.current&&!L.current){ce.current=window.innerWidth;const o=Q();window.clearTimeout(n),n=setTimeout(()=>{ue.current=w(),typeof o=="function"&&o()},100)}});return s.observe(b.current),()=>{s.disconnect()}}},[Q,w]),v.useEffect(()=>{re&&re({slideToNextItem:T.slideToNextItem,slideToPrevItem:T.slideToPrevItem,slideToItem:T==null?void 0:T.slideToItem})},[re,T.slideToItem,T.slideToNextItem,T.slideToPrevItem]);const Le=P.jsxRuntimeExports.jsx(ge.Provider,{value:T,children:We}),Ye=P.jsxRuntimeExports.jsx(ge.Provider,{value:T,children:P.jsxRuntimeExports.jsx("div",{className:"use-spring-carousel-main-wrapper",ref:b,...Se(),style:{display:"flex",position:"relative",width:"100%",height:"100%",...Ae()},children:P.jsxRuntimeExports.jsxs("div",{className:"use-spring-carousel-track-wrapper",ref:_,...He(),style:{position:"relative",display:"flex",flexDirection:d==="x"?"row":"column",touchAction:Ge(),...De()},children:[(h||!u)&&l?P.jsxRuntimeExports.jsx("div",{style:{flexShrink:0,width:l}}):null,K.map((n,s)=>P.jsxRuntimeExports.jsx("div",{className:"use-spring-carousel-item","data-testid":"use-spring-carousel-item-wrapper",style:{display:"flex",position:"relative",flex:"1",...$e(s===K.findIndex(o=>o.id===K[K.length-1].id))},children:typeof n.renderItem=="function"?n.renderItem({getIsActiveItem:ve,getIsNextItem:de,getIsPrevItem:he,useListenToCustomEvent:J}):n.renderItem},`${n.id}-${s}`)),(h||!u)&&l?P.jsxRuntimeExports.jsx("div",{style:{flexShrink:0,width:l}}):null]})})});return{...T,carouselFragment:Ye,thumbsFragment:Le}}const ge=v.createContext(void 0);function mt(){const e=v.useContext(ge);if(!e)throw new Error("useSpringCarouselContext must be used within the carousel.");return e}exports.useSpringCarousel=pt;exports.useSpringCarouselContext=mt;

package/dist/index.cjs4.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./useThumbsModule-f2f898fc.cjs"),g=require("@react-spring/web"),o=require("react"),_=require("./use-gesture-react.esm-662f7bb4.cjs"),u={initial:{opacity:1,position:"relative"},from:{opacity:0,position:"relative"},enter:{position:"relative",opacity:1},leave:{opacity:1,position:"absolute"}};function Q({init:c=!0,disableGestures:M=!1,items:r,springConfig:N=g.config.default,exitBeforeEnter:q=!1,trail:S,withLoop:s=!1,activeItem:l,toPrevItemSpringProps:h=u,toNextItemSpringProps:v=u,draggingSlideTreshold:R=50,thumbsSlideAxis:$="x"}){const a=o.useRef("next"),p=o.useRef("initial"),A=o.useRef(null),[n,b]=o.useState(l??0),{emitEvent:x,useListenToCustomEvent:I}=_.useEventsModule(),{handleScroll:D,thumbsFragment:G}=m.useThumbsModule({thumbsSlideAxis:$,items:r,renderThumbFnProps:{getIsNextItem:w,getIsPrevItem:k,useListenToCustomEvent:I,activeItem:{index:n,id:r[n].id}}});function O(){return a.current==="prev"?{initial:{...h.initial},from:{...h.from},enter:{...h.enter},leave:{...h.leave}}:a.current==="next"?{initial:{...v.initial},from:{...v.from},enter:{...v.enter},leave:{...v.leave}}:{initial:{...u.initial},from:{...u.from},enter:{...u.enter},leave:{...u.leave}}}o.useEffect(()=>{typeof l=="number"&&l!==n&&b(l)},[l]);function T({to:e,slideType:t,slideMode:i}){a.current=t,p.current=i,x({eventName:"onSlideStartChange",slideActionType:a.current,slideMode:p.current,nextItem:{index:e,id:r[e].id,startReached:e===0,endReached:e===r.length-1}}),b(e),D(n)}function E(e){if(!c)return;const t=n===0;!s&&t||T(s&&t?{to:r.length-1,slideType:"prev",slideMode:e}:{to:n-1,slideType:"prev",slideMode:e})}function j(e){if(!c)return;const t=n===r.length-1;!s&&t||T(s&&t?{to:0,slideType:"next",slideMode:e}:{to:n+1,slideType:"next",slideMode:e})}const W=g.useTransition(n,{config:N,key:null,trail:S,exitBeforeEnter:q,...O(),onRest(e,t,i){e.finished&&i===n&&x({eventName:"onSlideChange",slideActionType:a.current,slideMode:p.current,currentItem:{index:n,id:r[n].id,startReached:n===0,endReached:n===r.length-1}})}}),z=_.useDrag(({last:e,movement:[t]})=>{if(e){const i=t>R,d=t<-R,f=n===0,K=n===r.length-1;if(d){if(!s&&K)return;x({eventName:"onLeftSwipe"}),j("swipe")}else if(i){if(!s&&f)return;x({eventName:"onRightSwipe"}),E("swipe")}}},{enabled:!M});function F(e,t){let i=0;if(typeof e=="string"?i=r.findIndex(d=>d.id===e):i=e,i<0||i>=r.length){if(t)throw new Error(t);console.error(`The item doesn't exist; check that the id provided - ${e} - is correct.`),i=-1}return i}function w(e){const t=F(e,"The item doesn't exist; check the provided id."),i=n;return s&&i===r.length-1?t===0:t===i+1}function k(e){const t=F(e,"The item doesn't exist; check the provided id."),i=n;return s&&i===0?t===r.length-1:t===i-1}const B=W((e,t,i,d)=>{const f=r[t].renderItem;return m.jsxRuntimeExports.jsx(g.a.div,{id:`use-transition-carousel-item-${d}`,className:"use-transition-carousel-item",style:{...e,flex:"1 0 100%",width:"100%",height:"100%"},children:typeof f=="function"?f({useListenToCustomEvent:I,getIsNextItem:w,getIsPrevItem:k,activeItem:{index:n,id:r[n].id}}):f})}),y={useListenToCustomEvent:I,slideToPrevItem:()=>E("click"),slideToNextItem:()=>j("click")},H=m.jsxRuntimeExports.jsx(C.Provider,{value:y,children:G}),J=m.jsxRuntimeExports.jsx(C.Provider,{value:y,children:m.jsxRuntimeExports.jsx("div",{ref:A,...z(),style:{display:"flex",position:"relative",width:"100%",height:"100%",overflow:"hidden"},children:B})});return{...y,carouselFragment:J,thumbsFragment:H}}const C=o.createContext(void 0);function U(){const c=o.useContext(C);if(!c)throw new Error("useTransitionCarouselContext must be used within the carousel.");return c}exports.useTransitionCarousel=Q;exports.useTransitionCarouselContext=U;

package/dist/index.es.js

@@ -0,0 +1,12 @@
+import { useSpringCarousel as n, useSpringCarouselContext as p } from "./index.es3.js";
+import { useTransitionCarousel as a, useTransitionCarouselContext as m } from "./index.es4.js";
+import "./useThumbsModule-08e90459.js";
+import "react";
+import "@react-spring/web";
+import "./use-gesture-react.esm-9eb8841a.js";
+export {
+  n as useSpringCarousel,
+  p as useSpringCarouselContext,
+  a as useTransitionCarousel,
+  m as useTransitionCarouselContext
+};

package/dist/index.es2.js

@@ -0,0 +1,6 @@
+import { u as e } from "./useThumbsModule-08e90459.js";
+import "react";
+import "@react-spring/web";
+export {
+  e as useThumbsModule
+};