react-spring-carousel 2.0.19 → 3.0.0-beta001

package/dist/umd/index.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react/jsx-runtime"),require("react"),require("react-spring"),require("@use-gesture/react"),require("rxjs"),require("screenfull")):"function"==typeof define&&define.amd?define(["exports","react/jsx-runtime","react","react-spring","@use-gesture/react","rxjs","screenfull"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).ReactSpringCarousel={},e.ReactJSXRuntime,e.React,e.ReactSpring,e.UseGestureReact,e.rxjs,e.Screenfull)}(this,(function(e,t,n,r,i,o,s){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=u(s);function l(){const e=n.useRef(new o.Subject);return{useListenToCustomEvent:function(t){n.useEffect((()=>{const n=e.current.subscribe(t);return()=>n.unsubscribe()}),[t])},emitObservable:t=>{e.current.next(t)}}}const a="undefined"!=typeof window?n.useLayoutEffect:n.useEffect;function f(e){const t=n.useRef(!1);a((()=>{if(!t.current){const n=e();return t.current=!0,()=>{n&&n()}}}),[])}function d({mainCarouselWrapperRef:e,emitObservable:t,handleResize:r}){const i=n.useRef(!1);function o(e){i.current=e}return f((()=>{function e(){document.fullscreenElement&&(o(!0),t({eventName:"onFullscreenChange",isFullscreen:!0}),r&&r()),document.fullscreenElement||(o(!1),t({eventName:"onFullscreenChange",isFullscreen:!1}),r&&r())}if(c.default.isEnabled)return c.default.on("change",e),()=>{c.default.isEnabled&&c.default.off("change",e)}})),{enterFullscreen:function(t){c.default.isEnabled&&c.default.request(t||e.current)},exitFullscreen:function(){c.default.isEnabled&&c.default.exit()},getIsFullscreen:function(){return i.current}}}function h({items:e,withThumbs:i,thumbsSlideAxis:o="x",springConfig:s,prepareThumbsData:u,getFluidWrapperScrollValue:c=(()=>0),getSlideValue:l=(()=>0),slideType:a}){const d=n.useRef(null),[h,g]=r.useSpring((()=>({x:0,y:0,config:s,onChange:({value:e})=>{d.current&&"fluid"===a&&(d.current["x"===o?"scrollLeft":"scrollTop"]=Math.abs(e[o]))}})));function m(){return d.current["x"===o?"scrollLeft":"scrollTop"]}function p(){var e;return Math.round(Number(null===(e=d.current)||void 0===e?void 0:e["x"===o?"scrollWidth":"scrollHeight"])-d.current.getBoundingClientRect()["x"===o?"width":"height"])}function b(){const e=Math.round(c()/l());return p()/e}f((()=>{if(i&&!d.current)throw new Error("The thumbs wrapper is not defined. If you've passed a Functional component, be sure to wrap your component in forwardRef.")}));return{thumbsFragment:i?t.jsx(r.animated.div,Object.assign({ref:d,className:"use-spring-carousel-thumbs-wrapper",onWheel:()=>{h[o].stop()},style:Object.assign({display:"flex",flex:1,position:"relative",width:"100%",height:"100%",flexDirection:"x"===o?"row":"column"},"x"===o?{overflowX:"auto"}:{overflowY:"auto",maxHeight:"100%"})},{children:function(){function t(e){return e.map((e=>({id:e.id,renderThumb:e.renderThumb})))}return u?u(t(e)):t(e)}().map((({id:e,renderThumb:n})=>{const r=`thumb-${e}`;return t.jsx("div",Object.assign({id:r,className:"thumb-item"},{children:n}),r)}))})):null,handleThumbsScroll:function(t,n){if("fluid"===a){const e=p();if("next"===n){const t=m()+b();g.start({from:{[o]:m()},to:{[o]:t>e?e:t}})}if("prev"===n){const e=m()-b();g.start({from:{[o]:m()},to:{[o]:e<0?0:e}})}}else{const r=d.current.querySelector(`#thumb-${e[t].id}`);if(r){const i=d.current,s="x"===o?"offsetWidth":"offsetHeight",u="x"===o?"scrollLeft":"scrollTop",c=function({thumbNode:e,offsetDirection:t,offsetDimension:n}){return e[t]+e[n]/2}({thumbNode:r,offsetDimension:s,offsetDirection:"x"===o?"offsetLeft":"offsetTop"}),l=function({thumbWrapper:e,offsetDimension:t}){return e[t]/2}({thumbWrapper:i,offsetDimension:s}),a=function({thumbWrapper:e,scrollDirection:t}){return e[t]}({thumbWrapper:i,scrollDirection:u}),f=function({thumbWrapper:n,thumbOffsetPosition:r,thumbScrollDimension:i,offsetDimension:s}){const u="x"===o?"scrollWidth":"scrollHeight";return t===e.length-1||r-i>n[u]-n[s]?n[u]-n[s]:0===t?0:r-i}({thumbWrapper:i,thumbOffsetPosition:c,thumbScrollDimension:l,offsetDimension:s});g.start({from:{[o]:a},to:{[o]:"prev"===n&&f<0?0:f},onChange:({value:e})=>{"x"===o?d.current.scrollLeft=e.x:d.current.scrollTop=e.y}})}}}}}const g=n.createContext(void 0),m=Object.assign(Object.assign({},r.config.default),{mass:1,velocity:0});const p=n.createContext(void 0);e.useSpringCarousel=function({items:e,withLoop:o=!1,draggingSlideTreshold:s,springConfig:u=r.config.default,shouldResizeOnWindowResize:c=!0,withThumbs:p=!1,enableThumbsWrapperScroll:b=!0,slideWhenThresholdIsReached:v=!0,carouselSlideAxis:x="x",thumbsSlideAxis:y="x",prepareThumbsData:w,initialActiveItem:T=0,initialStartingPosition:j,disableGestures:O=!1,gutter:S=0,startEndGutter:R=0,touchAction:C,slideAmount:I,freeScroll:E=!1,enableFreeScrollDrag:A,itemsPerSlide:N=1,slideType:F="fixed"}){const W=n.useRef(!0),D=n.useRef("initial"),L=o?e.length===N?[...e,...e,...e,...e,...e]:[...e,...e,...e]:e,P=n.useRef(T),$=n.useRef(null),M=n.useRef(null),q=n.useRef(!1),z=n.useRef(!1),B=n.useRef(!1),H=n.useRef(0),k=n.useRef(!1),G=n.useRef(0),V=n.useRef(0),X=n.useRef(0),Y=n.useRef(e),_=n.useRef(null!=s?s:0),J=n.useRef(N),U=n.useRef(S),K=n.useRef(R),Q=n.useRef(T),Z=n.useRef(j),ee=n.useRef(x);J.current=N,U.current=S,K.current=R,Q.current=T,Z.current=j,ee.current=x;const[te,ne]=r.useSpring((()=>({y:0,x:0,onChange:({value:e})=>{$.current&&E&&($.current["x"===ee.current?"scrollLeft":"scrollTop"]=Math.abs(e[ee.current]))}})));function re(){const e=null===(t=M.current)||void 0===t?void 0:t.querySelector(".use-spring-carousel-item");var t;if(!e)throw Error("No carousel items available!");return e.getBoundingClientRect()["x"===ee.current?"width":"height"]+U.current}function ie(){return te[ee.current].get()}function oe(){return re()*e.length<function(){if(!$.current)throw new Error("mainCarouselWrapperRef is not available");return $.current.getBoundingClientRect()["x"===ee.current?"width":"height"]}()}function se(){var e;return Math.round(Number(null===(e=M.current)||void 0===e?void 0:e["x"===ee.current?"scrollWidth":"scrollHeight"])-M.current.getBoundingClientRect()["x"===ee.current?"width":"height"])}function ue(){return 0===Se()}function ce(){if(!M.current)return 0;const e=re();if("fluid"===F&&"number"==typeof I){if(I<e)throw new Error("slideAmount must be greater than the width of a single item.");return I}return e}function le(t,n){const r="x"===ee.current?"left":"top";function i(){return re()*e.length}function s(e){o?(t.style.top="0px",t.style[r]=`-${e-K.current}px`):(t.style.left="0px",t.style.top="0px",n&&W.current&&(t.style[r]=`calc(-${n} * 100%)`))}function u(){s(i())}if("fixed"===F){if(J.current>1)switch(Z.current){default:case"start":u();break;case"center":c=J.current,s(i()-ce()*Math.round((c-1)/2));break;case"end":!function(e){s(i()-ce()*Math.round(e-1))}(J.current)}else u()}else u();var c}function ae(){if(G.current=window.innerWidth,"fluid"===F){if(oe())return void ne.start({immediate:!0,[ee.current]:0});if(H.current=se(),k.current){const e=-H.current;ne.start({immediate:!0,[ee.current]:e})}V.current=window.innerWidth}else ne.start({immediate:!0,[ee.current]:-ce()*Se()});H.current=se(),le(M.current)}function fe(){window.innerWidth===G.current||E||ae()}a((()=>{_.current=s||Math.floor(ce()/2/2),ae()}),[s,N,S,R,T,j,x,y]);const{useListenToCustomEvent:de,emitObservable:he}=l(),{enterFullscreen:ge,exitFullscreen:me,getIsFullscreen:pe}=d({mainCarouselWrapperRef:$,emitObservable:he,handleResize:fe}),{thumbsFragment:be,handleThumbsScroll:ve}=h({withThumbs:p,items:e,thumbsSlideAxis:y,springConfig:u,prepareThumbsData:w,slideType:F,getFluidWrapperScrollValue:se,getSlideValue:ce});function xe(){if(!$.current)throw new Error("Missing mainCarouselWrapperRef.current");return $.current["x"===ee.current?"scrollLeft":"scrollTop"]}function ye(){return"boolean"==typeof A?A:"function"==typeof A&&A()}const we=i.useDrag((e=>{const t=e.dragging,n=e.offset["x"===ee.current?0:1],r=e.movement["x"===ee.current?0:1],i=r>_.current,s=r<-_.current,c=e.direction["x"===ee.current?0:1];function l(){e.cancel()}function a(){Te(c>0?"prev":"next")}function f(){he(Object.assign({eventName:"onDrag",slideActionType:je()},e))}function d(){"fluid"===F?oe()||ue()&&"prev"===je()?ne.start({[ee.current]:0,config:Object.assign({velocity:e.velocity},u)}):k.current&&"next"===je()?ne.start({[ee.current]:-H.current,config:Object.assign({velocity:e.velocity},u)}):ne.start({[ee.current]:X.current,config:Object.assign({velocity:e.velocity},u)}):ne.start({[ee.current]:-Se()*ce(),config:Object.assign({velocity:e.velocity},u)})}function h(){Math.abs(ie())+100>=H.current&&"next"===je()&&(k.current=!0),"prev"===je()&&(k.current=!1)}if(E&&ye())return t&&(Ie()||Ce(!0),a(),f(),h()),ne.start({from:{[ee.current]:xe()},to:{[ee.current]:-n},config:{velocity:e.velocity,friction:50,tension:1400}}),0===xe()&&"prev"===je()?void l():void(e.last&&("prev"===je()?Le(e.velocity):Pe(e.velocity),Ce(!1)));if(t){if(Ie()||Ce(!0),f(),a(),h(),E){if(ye()){if(0===xe()&&"prev"===je())return void l();ne.start({config:{velocity:e.velocity,friction:50,tension:1400},from:{[ee.current]:xe()},to:{[ee.current]:-n}})}return}if(ne.start({[ee.current]:n,config:{velocity:e.velocity,friction:50,tension:1e3}}),(i||s)&&oe()&&"fluid"===F)l(),d();else if(k.current&&"next"===je()&&s)k.current=!1,l(),ne.start({[ee.current]:-H.current});else if(v){if(s)return l(),void(!o&&De()?d():Pe(e.velocity));if(i)return l(),void(!o&&ue()?d():Le(e.velocity))}}if(e.last&&!v&&(s||i)&&!E)return Ce(!1),void(s?!o&&De()?d():Pe(e.velocity):i&&(!o&&ue()?d():Le(e.velocity)));!e.last||s||i||E||(d(),he(Object.assign({eventName:"onDrag",slideActionType:je()},e)))}),{enabled:!O,axis:ee.current,from:()=>E?"x"===ee.current?[-xe(),0]:[0,-xe()]:[te.x.get(),te.y.get()]});function Te(e){D.current=e}function je(){return D.current}function Oe(e){P.current=e}function Se(){return P.current}function Re(e){z.current=e}function Ce(e){q.current=e}function Ie(){return q.current}function Ee(){const t=Se();return 0===t?e.length-1:t-1}function Ae(){const t=Se();return t===e.length-1?0:t+1}function Ne(t){return e.findIndex((e=>e.id===t))}function Fe(e,t){if("number"==typeof e)return{[ee.current]:e};if("number"!=typeof t)throw new Error("to values is not a number!");return{[ee.current]:-ce()*t}}function We({from:t,to:n=-1,customTo:r,immediate:i=!1,onRest:o=(()=>{}),velocity:s}){i||(Oe(n),Re(!0),he({eventName:"onSlideStartChange",slideActionType:je(),nextItem:{index:"fluid"===F?-1:n,id:"fluid"===F?"":e[n].id}})),X.current=Fe(r,n)[x],ne.start(Object.assign(Object.assign(Object.assign(Object.assign({},function(e){return"number"==typeof e?{from:{[ee.current]:e}}:{}}(t)),{to:Fe(r,n)}),s?{config:Object.assign(Object.assign({},m),{velocity:s,friction:void 0,tension:void 0})}:{config:Object.assign({velocity:0},u)}),{immediate:i,onRest:t=>{t.finished&&(Ce(!1),Re(!1),o(),i||he({eventName:"onSlideChange",slideActionType:je(),currentItem:{index:"fluid"===F?-1:Se(),id:"fluid"===F?"":e[Se()].id}}))}})),b&&p&&!i&&ve(n,je())}function De(){return Se()===e.length-1}function Le(t){if(Te("prev"),k.current=!1,"fluid"===F){if(k.current=!1,oe())return;const n=ie()+ce()+200;if(E){const e=$.current.scrollLeft-ce();We({customTo:e<0?0:e,from:$.current.scrollLeft,velocity:t})}else We(n>=0?o?{from:ie()-re()*e.length,velocity:t,customTo:ie()-re()*e.length+ce()}:{customTo:0,velocity:t}:{customTo:ie()+ce(),velocity:t})}else{if(!o&&0===Se()||B.current)return;ue()?We({from:ie()-ce()*e.length,to:e.length-1,velocity:t}):We({to:Ee(),velocity:t})}}function Pe(t){if(Te("next"),"fluid"===F){if(oe())return;const n=Math.abs(ie()-ce())+100>=H.current;if(E){const e=$.current.scrollLeft+ce()>H.current,n=$.current.scrollLeft+ce();We({velocity:t,customTo:e?H.current:n,from:$.current.scrollLeft})}else if(o&&Math.abs(ie()-ce())>=e.length*re()){const n=re()*e.length;We({from:ie()+n,customTo:ie()+n-ce(),velocity:t})}else{if(k.current)return;n?(k.current=!0,We({customTo:-H.current,velocity:t})):We({customTo:ie()-ce(),velocity:t})}}else{if(!o&&Se()===L.length-1||B.current)return;Math.abs(ie()-ce()+25)>H.current&&!Ie()?k.current=!0:k.current?We({to:e.length-J.current,velocity:t}):De()?We({from:ie()+ce()*e.length,to:0,velocity:t}):We({to:Ae(),velocity:t})}}function $e(t){let n=0;if(n="string"==typeof t?e.findIndex((e=>e.id===t)):t,n>=e.length)throw Error("The item you want to slide to doesn't exist. This could be due to the fact that \n        you provide a wrong id or a higher numeric index.");if(n===Se()||e.length!==Y.current.length&&Se()<e.length)return;const r=Ne(Y.current[Se()].id);Te(Ne(e[n].id)>r?"next":"prev"),We({to:n})}f((()=>{if(N%2==0&&Z.current)throw new Error("initialStartingPosition can be only used if itemsPerSlide is an even value.");if(_.current<0)throw new Error("draggingSlideTreshold must be greater than 0");if(_.current>ce()/2)throw new Error(`draggingSlideTreshold must be equal or less than the half of the width of an item, which is ${Math.floor(ce()/2)}`);if(J.current<1)throw new Error("The itemsPerSlide prop can't be less than 1.");if(J.current>e.length)throw new Error("The itemsPerSlide prop can't be greater than the total length of the items you provide.");if(Q.current<0)throw new Error("The initialActiveItem cannot be less than 0.");if(Q.current>e.length)throw new Error("The initialActiveItem cannot be greater than the total length of the items you provide.");c||console.warn("You set shouldResizeOnWindowResize={false}; be aware that the carousel could behave in a strange way if you also use the fullscreen functionality or if you change the mobile orientation.")})),f((()=>{function e(){document.hidden?B.current=!0:B.current=!1}return document.addEventListener("visibilitychange",e),()=>{document.removeEventListener("visibilitychange",e)}})),f((()=>{W.current=!1,H.current=se(),V.current=window.innerWidth,G.current=window.innerWidth,T>0&&(We({to:T,immediate:!0}),Oe(T),!o&&M.current&&(M.current.style.top="0px",M.current.style.left="0px"))})),a((()=>{T<e.length&&T!==P.current&&(We({to:T,immediate:!0}),Oe(T))}),[T]),a((()=>{if(c)return window.addEventListener("resize",fe),()=>{window.removeEventListener("resize",fe)}}),[c]),a((()=>{M.current&&("x"===ee.current&&(M.current.style.top="0px"),"y"===ee.current&&(M.current.style.left="0px"))}),[x]),a((()=>{H.current=se();!(e.length===Y.current.length)&&e.length<Y.current.length&&$e(e.length-1),Y.current=e}),[se,e]);const Me=Object.assign({useListenToCustomEvent:de,getIsFullscreen:pe,enterFullscreen:ge,exitFullscreen:me,getIsAnimating:function(){return z.current},getIsDragging:Ie,getIsNextItem:function(t){const n=Ne(t),r=Se();return o&&r===e.length-1?0===n:n===r+1},getIsPrevItem:function(t){const n=Ne(t),r=Se();return o&&0===r?n===e.length-1:n===r-1},slideToPrevItem(){Le()},slideToNextItem(){Pe()}},"fixed"===F?{slideToItem:$e,getIsActiveItem:e=>Ne(e)===Se(),getCurrentActiveItem:()=>({id:e[Se()].id,index:Se()})}:{}),qe=t.jsx(g.Provider,Object.assign({value:Me},{children:t.jsx("div",Object.assign({ref:$,className:"use-spring-carousel-main-wrapper","data-testid":"use-spring-carousel-wrapper"},E?{onWheel(){te[ee.current].stop()}}:{},{style:Object.assign({display:"flex",position:"relative",width:"100%",height:"100%"},E?"x"===ee.current?{overflowX:"auto"}:{overflowY:"auto"}:{})},{children:t.jsx(r.animated.div,Object.assign({},we(),{className:"use-spring-carousel-track-wrapper","data-testid":"use-spring-carousel-animated-wrapper",ref:e=>{e&&(M.current=e,le(e,Q.current))},style:Object.assign(Object.assign(Object.assign({display:"flex",position:"relative",touchAction:O?"unset":C||("x"===ee.current?"pan-y":"pan-x"),flexDirection:"x"===ee.current?"row":"column"},function(){const e=`calc(100% - ${2*K.current}px)`;return{width:"x"===ee.current?e:"100%",height:"y"===ee.current?e:"100%"}}()),function(){const t=e.length/N*100,n=100/N,r="x"===ee.current?"left":"y",i=Math.floor(50/n);if("fixed"===F){if("center"===Z.current)return{[r]:`calc(-${t}% + ${n*i}%)`};if("end"===Z.current)return{[r]:`calc(-${t}% + ${n*(2*i)}%)`}}return{[r]:"0px"}}()),E?{}:te)},{children:L.map((({id:e,renderItem:n},r)=>{return t.jsx("div",Object.assign({className:"use-spring-carousel-item","data-testid":"use-spring-carousel-item-wrapper",style:Object.assign({display:"flex",position:"relative"},(i=J.current,"fixed"===F?Object.assign(Object.assign({},"x"===ee.current?{marginRight:`${U.current}px`}:{marginBottom:`${U.current}px`}),{flex:`1 0 calc(100% / ${i} - ${U.current*(i-1)/i}px)`}):Object.assign({},"x"===ee.current?{marginRight:`${U.current}px`}:{marginBottom:`${U.current}px`})))},{children:n}),`${e}-${r}`);var i}))}))}))})),ze=t.jsx(g.Provider,Object.assign({value:Me},{children:be}));return Object.assign(Object.assign({},Me),{carouselFragment:qe,thumbsFragment:ze})},e.useSpringCarouselContext=function(){const e=n.useContext(g);if(!e)throw new Error("useSpringCarouselContext must be used only inside a component that is rendered inside the Carousel.");return e},e.useTransitionCarousel=function({items:e,withLoop:o=!1,withThumbs:s=!1,springConfig:u=r.config.default,thumbsSlideAxis:c="x",enableThumbsWrapperScroll:a=!0,draggingSlideTreshold:f=50,prepareThumbsData:g,toPrevItemSpringProps:m,toNextItemSpringProps:b,disableGestures:v=!1,trail:x,exitBeforeEnter:y=!1,springAnimationProps:w={initial:{opacity:1,position:"absolute"},from:{opacity:0,position:"absolute"},enter:{opacity:1,position:"absolute"},leave:{opacity:0,position:"absolute"}}}){const T=n.useRef("next"),j=n.useRef(null),O=n.useRef(!1),[S,R]=n.useState(0),{emitObservable:C,useListenToCustomEvent:I}=l(),{enterFullscreen:E,exitFullscreen:A,getIsFullscreen:N}=d({emitObservable:C,mainCarouselWrapperRef:j}),{thumbsFragment:F,handleThumbsScroll:W}=h({items:e,withThumbs:s,thumbsSlideAxis:c,springConfig:u,prepareThumbsData:g,slideType:"fixed"}),D=i.useDrag((({last:t,movement:[n]})=>{if(!P()&&t){const t=n>f,r=n<-f,i=0===S,s=S===e.length-1;if(r){if(!o&&s)return;z(),C({eventName:"onLeftSwipe"})}else if(t){if(!o&&i)return;B(),C({eventName:"onRightSwipe"})}}}),{enabled:!v}),L=r.useTransition(S,Object.assign(Object.assign({config:u},function(){const e=q();return"prev"===e&&m?{initial:Object.assign({},w.initial),from:Object.assign({},m.from),enter:Object.assign({},m.enter),leave:Object.assign({},m.leave)}:"next"===e&&b?{initial:Object.assign({},w.initial),from:Object.assign({},b.from),enter:Object.assign({},b.enter),leave:Object.assign({},b.leave)}:{initial:Object.assign({},w.initial),from:Object.assign({},w.from),enter:Object.assign({},w.enter),leave:Object.assign({},w.leave)}}()),{onStart:()=>$(!0),trail:x,exitBeforeEnter:y,key:e[S].id,onRest:t=>{t.finished&&($(!1),C({eventName:"onSlideChange",slideActionType:q(),currentItem:{index:S,id:e[S].id}}))}}))(((n,i)=>t.jsx(r.animated.div,Object.assign({style:Object.assign(Object.assign({},n),{flex:"1 0 100%",width:"100%",height:"100%"})},{children:e[i].renderItem}))));function P(){return O.current}function $(e){O.current=e}function M(e){T.current=e}function q(){return T.current}function z(){const t=S===e.length-1;o?(M("next"),t?(C({eventName:"onSlideStartChange",slideActionType:q(),nextItem:{index:0,id:e[0].id}}),R(0)):(C({eventName:"onSlideStartChange",slideActionType:q(),nextItem:{index:S+1,id:e[S+1].id}}),R(S+1))):t||(C({eventName:"onSlideStartChange",slideActionType:q(),nextItem:{index:S+1,id:e[S+1].id}}),M("next"),R(S+1))}function B(){const t=0===S;o?(M("prev"),t?(C({eventName:"onSlideStartChange",slideActionType:q(),nextItem:{index:e.length-1,id:e[e.length-1].id}}),R(e.length-1)):(C({eventName:"onSlideStartChange",slideActionType:q(),nextItem:{index:S-1,id:e[S-1].id}}),R(S-1))):t||(M("prev"),C({eventName:"onSlideStartChange",slideActionType:q(),nextItem:{index:S-1,id:e[S-1].id}}),R(S-1))}function H(t){return e.findIndex((e=>e.id===t))}const k={activeItem:S,slideToItem:function(t){let n=0;if(n="string"==typeof t?e.findIndex((e=>e.id===t)):t,n>=e.length)throw Error("The item you want to slide to doesn't exist. This could be due to the fact that \n        you provide a wrong id or a higher numeric index.");if(n===S)return;const r=H(e[S].id),i=H(e[n].id);C({eventName:"onSlideStartChange",slideActionType:q(),nextItem:{index:i,id:e[n].id}}),M(i>r?"next":"prev"),R(n),a&&s&&W(n)},slideToNextItem:z,slideToPrevItem:B,enterFullscreen:E,exitFullscreen:A,useListenToCustomEvent:I,getIsNextItem:function(t){const n=H(t);return o&&S===e.length-1?0===n:n===S+1},getIsPrevItem:function(t){const n=H(t);return o&&0===S?n===e.length-1:n===S-1},getIsAnimating:P,getIsFullscreen:N,getIsActiveItem:e=>H(e)===S,getCurrentActiveItem:()=>({id:e[S].id,index:S})},G=t.jsx(p.Provider,Object.assign({value:k},{children:t.jsx("div",Object.assign({ref:j},D(),{style:{display:"flex",position:"relative",width:"100%",height:"100%",overflow:"hidden"}},{children:L}))})),V=t.jsx(p.Provider,Object.assign({value:k},{children:F}));return Object.assign({carouselFragment:G,thumbsFragment:V},k)},e.useTransitionCarouselContext=function(){const e=n.useContext(p);if(!e)throw new Error("useTransitionCarouselContext isn't being used within the useTransitionCarousel context; \n    use the context only inside a component that is rendered within the Carousel.");return e},Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react/jsx-runtime"),require("@react-spring/web"),require("react"),require("@use-gesture/react"),require("screenfull")):"function"==typeof define&&define.amd?define(["exports","react/jsx-runtime","@react-spring/web","react","@use-gesture/react","screenfull"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).ReactSpringCarousel={},e.ReactJSXRuntime,e.web,e.React,e.UseGestureReact,e.Screenfull)}(this,(function(e,t,r,n,i,c){"use strict";const u="RSC::Event";function o({thumbsSlideAxis:e="x",withThumbs:i=!1,prepareThumbsData:c,items:u}){const o=n.useRef(null),[s,l]=r.useSpring((()=>({val:0})));function a(){var t;return Math.round(Number(null===(t=o.current)||void 0===t?void 0:t["x"===e?"scrollWidth":"scrollHeight"])-o.current.getBoundingClientRect()["x"===e?"width":"height"])}return{thumbsFragment:i?t.jsx("div",Object.assign({className:"use-spring-carousel-thumbs-wrapper",ref:o,onWheel:()=>s.val.stop(),style:Object.assign({display:"flex",flex:"1",position:"relative",width:"100%",height:"100%",flexDirection:"x"===e?"row":"column"},"x"===e?{overflowX:"auto"}:{overflowY:"auto",maxHeight:"100%"})},{children:function(){function e(e){return e.map((e=>({id:e.id,renderThumb:e.renderThumb})))}return c?c(e(u)):e(u)}().map((({id:e,renderThumb:r})=>{const n=`thumb-item-${e}`;return t.jsx("div",Object.assign({id:n,className:"thumb-item"},{children:r}),n)}))})):null,handleScroll:function(t){var r,n;const i=o.current?o.current.querySelector(`#thumb-item-${u[t].id}`):null;if(i&&o.current&&!function(e){const t=e.getBoundingClientRect();return t.top>=0&&t.left>=0&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&t.right<=(window.innerWidth||document.documentElement.clientWidth)}(i)){const t=i.offsetLeft,c=t>a()?a():t;l.start({from:{val:null!==(n=null===(r=o.current)||void 0===r?void 0:r["x"===e?"scrollLeft":"scrollTop"])&&void 0!==n?n:0},to:{val:c},onChange:({value:t})=>{o.current&&(o.current["x"===e?"scrollLeft":"scrollTop"]=Math.abs(t.val))}})}}}}const s=n.createContext(void 0);e.useSpringCarousel=function({items:e,init:s=!0,withThumbs:l,thumbsSlideAxis:a="x",itemsPerSlide:d=1,slideType:f="fixed",gutter:m=0,withLoop:g=!1,startEndGutter:h=0,carouselSlideAxis:v="x",disableGestures:x=!1,draggingSlideTreshold:p,slideWhenThresholdIsReached:b=!1,freeScroll:w,enableFreeScrollDrag:y,initialStartingPosition:E,prepareThumbsData:R,initialActiveItem:T=0}){const j=n.useRef(0),C=n.useRef(null!=p?p:0),I=n.useRef("initial"),S=n.useRef("initial"),O=n.useRef(0),[L,M]=r.useSpring((()=>({val:0,pause:!s,onChange({value:e}){w&&$.current?(te(),"x"===v?$.current.scrollLeft=Math.abs(e.val):$.current.scrollTop=Math.abs(e.val)):W.current&&(W.current.style.transform="x"===v?`translate3d(${e.val}px, 0px,0px)`:`translate3d(0px,${e.val}px,0px)`)}}))),F=n.useRef(T),A=n.useRef(0===T),N=n.useRef(!1),$=n.useRef(null),W=n.useRef(null),q=n.useCallback((()=>g?[...e.map((e=>Object.assign(Object.assign({},e),{id:`prev-repeated-item-${e.id}`}))),...e,...e.map((e=>Object.assign(Object.assign({},e),{id:`next-repeated-item-${e.id}`})))]:[...e]),[e,g])(),{emitEvent:D,useListenToCustomEvent:k}=function(){const e=n.useRef(null);return n.useEffect((()=>{e.current=document.createElement("div")}),[]),{useListenToCustomEvent:function(t){n.useEffect((()=>{function r(e){t(e.detail)}if(e.current)return e.current.addEventListener(u,r,!1),()=>{var t;null===(t=e.current)||void 0===t||t.removeEventListener(u,r,!1)}}),[])},emitEvent:function(t){if(e.current){const r=new CustomEvent(u,{detail:t});e.current.dispatchEvent(r)}}}}(),{thumbsFragment:B,handleScroll:H}=o({withThumbs:!!l,thumbsSlideAxis:a,prepareThumbsData:R,items:e}),{enterFullscreen:z,exitFullscreen:P,getIsFullscreen:G}=function({mainCarouselWrapperRef:e,emitEvent:t,handleResize:r}){const i=n.useRef(!1);function u(e){i.current=e}return n.useEffect((()=>{function e(){document.fullscreenElement&&(u(!0),t({eventName:"onFullscreenChange",isFullscreen:!0}),r&&r()),document.fullscreenElement||(u(!1),t({eventName:"onFullscreenChange",isFullscreen:!1}),r&&r())}if(c.isEnabled)return c.on("change",e),()=>{c.isEnabled&&c.off("change",e)}}),[]),{enterFullscreen:function(t){c.isEnabled&&c.request(t||e.current)},exitFullscreen:function(){c.isEnabled&&c.exit()},getIsFullscreen:function(){return i.current}}}({mainCarouselWrapperRef:$,emitEvent:D,handleResize:()=>K()});function X(){var e;const t=null===(e=$.current)||void 0===e?void 0:e.querySelector(".use-spring-carousel-item");if(!t)throw Error("No carousel items available!");return t.getBoundingClientRect()["x"===v?"width":"height"]+m}function Y({from:t,to:n,nextActiveItem:i,immediate:c=!1,slideMode:u}){S.current=u,"number"==typeof i&&(w||(F.current=i),D({eventName:"onSlideStartChange",slideActionType:I.current,slideMode:S.current,nextItem:{startReached:A.current,endReached:N.current,index:w?-1:F.current,id:w?"":e[F.current].id}})),O.current=n,M.start({immediate:c,from:{val:t},to:{val:n},config:Object.assign(Object.assign({},r.config.default),{velocity:L.val.velocity}),onRest(t){!c&&t.finished&&D({eventName:"onSlideChange",slideActionType:I.current,slideMode:S.current,currentItem:{startReached:A.current,endReached:N.current,index:w?-1:F.current,id:w?"":e[F.current].id}})}}),l&&!c&&H(F.current)}function J(){var t;return g?X()*e.length:Math.round(Number(null===(t=W.current)||void 0===t?void 0:t["x"===v?"scrollWidth":"scrollHeight"])-W.current.getBoundingClientRect()["x"===v?"width":"height"])}function U(){var e;const t=null===(e=W.current)||void 0===e?void 0:e.querySelector(".use-spring-carousel-item");if(!t)throw Error("No carousel items available!");return t.getBoundingClientRect()["x"===v?"width":"height"]+m}function K(){const t="x"===v?"left":"top";function r(e){const r=W.current;r&&(g?(r.style.top="0px",r.style.left="0px",r.style[t]=`-${e-h}px`):(r.style.left="0px",r.style.top="0px"))}const n=Math.abs(Q());if(n<J()&&N.current&&(N.current=!1),n>J()){const e=-J();return N.current=!0,O.current=e,void M.start({immediate:!0,val:e})}if(r("center"===E?U()*e.length-X()*Math.round((d-1)/2):"end"===E?U()*e.length-X()*Math.round(d-1):U()*e.length),!w&&"fixed"===f){const e=-X()*F.current;O.current=e,M.start({immediate:!0,val:e})}}function Q(){return w&&$.current?$.current["x"===v?"scrollLeft":"scrollTop"]:L.val.get()}function V(e,t){if(w&&"next"===e){const e=O.current+X();return e>J()?J():e}if(w&&"prev"===e){const e=O.current-X();return e<0?0:e}return"next"===e?t?-t*X():O.current-X():t?-t*X():O.current+X()}function Z(t="click",r){if(!s||A.current&&!g)return;I.current="prev",N.current=!1;const n=r||F.current-1;if(!g){const e=V("prev",r)+X()/3>0;if(A.current)return;if(e)return A.current=!0,N.current=!1,void Y({slideMode:t,from:Q(),to:0,nextActiveItem:0})}if(g&&A.current)return A.current=!1,N.current=!0,void Y({slideMode:t,from:Q()-X()*e.length,to:-X()*e.length+X(),nextActiveItem:e.length-1});0===n&&(A.current=!0),n!==e.length-1&&-1!==n||(N.current=!0),Y({slideMode:t,from:Q(),to:V("prev",r),nextActiveItem:n})}function _(t="click",r){if(!s||N.current&&!g)return;I.current="next",A.current=!1;const n=r||F.current+1;if(!g){const e=Math.abs(V("next",r))>J()-X()/3;if(N.current)return;if(e)return A.current=!1,N.current=!0,void Y({slideMode:t,from:Q(),to:-J(),nextActiveItem:n})}if(g&&N.current)return N.current=!1,A.current=!0,void Y({slideMode:t,from:Q()+X()*e.length,to:0,nextActiveItem:0});0===n&&(A.current=!0),n===e.length-1&&(N.current=!0),Y({slideMode:t,from:Q(),to:V("next",r),nextActiveItem:n})}n.useEffect((()=>{j.current=window.innerWidth}),[]),n.useEffect((()=>{K()}),[E,d,g,h,m,w,f,s]),n.useLayoutEffect((()=>{W.current&&K()}),[]),n.useEffect((()=>{C.current=p||Math.floor(X()/2/2)}),[p]),n.useEffect((()=>{function e(){window.innerWidth!==j.current&&(j.current=window.innerWidth,K())}return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const ee=i.useDrag((e=>{const t=e.dragging,n=e.offset["x"===v?0:1],i=e.movement["x"===v?0:1],c=e.direction["x"===v?0:1],u=i>C.current,o=i<-C.current;if(t)return I.current=c>0?"prev":"next",D(Object.assign(Object.assign({},e),{eventName:"onDrag",slideActionType:I.current})),w?"prev"===I.current&&n>0?(e.cancel(),void M.start({from:{val:Q()},to:{val:0},config:{velocity:e.velocity,friction:50,tension:1e3}})):void M.start({from:{val:Q()},to:{val:-n},config:{velocity:e.velocity,friction:50,tension:1e3}}):(M.start({val:n,config:{velocity:e.velocity,friction:50,tension:1e3}}),void(b&&o?(_("drag"),e.cancel()):b&&u&&(Z("drag"),e.cancel())));e.last&&!e.canceled&&w&&("prev"===I.current&&Z("drag"),"next"===I.current&&_("drag")),!e.last||e.canceled||w||(o?!g&&N.current?M.start({val:-J(),config:Object.assign(Object.assign({},r.config.default),{velocity:e.velocity})}):_("drag"):u?!g&&A.current?M.start({val:0,config:Object.assign(Object.assign({},r.config.default),{velocity:e.velocity})}):Z("drag"):M.start({val:O.current,config:Object.assign(Object.assign({},r.config.default),{velocity:e.velocity})}))}),{enabled:s&&!x&&!w||!!w&&!!y,axis:v,from:()=>w&&$.current?[-$.current.scrollLeft,-$.current.scrollTop]:[L.val.get(),L.val.get()]});function te(){$.current&&(O.current=$.current["x"===v?"scrollLeft":"scrollTop"],0===$.current["x"===v?"scrollLeft":"scrollTop"]&&(A.current=!0,N.current=!1),$.current["x"===v?"scrollLeft":"scrollTop"]>0&&$.current["x"===v?"scrollLeft":"scrollTop"]<J()&&(A.current=!1,N.current=!1),$.current["x"===v?"scrollLeft":"scrollTop"]===J()&&(A.current=!1,N.current=!0))}function re(t){return e.findIndex((e=>e.id===t))}function ne(t,r){let n=0;if(n="string"==typeof t?e.findIndex((e=>e.id===t)):t,n<0||n>=e.length)throw new Error(r);return n}return{useListenToCustomEvent:k,carouselFragment:t.jsx("div",Object.assign({ref:$},w?{onWheel(){L.val.stop(),te()}}:{},{style:Object.assign({display:"flex",position:"relative",width:"100%",height:"100%"},w?"x"===v?{overflowX:"auto"}:{overflowY:"auto"}:{})},{children:t.jsx("div",Object.assign({ref:W},ee(),{style:Object.assign({position:"relative",display:"flex",flexDirection:"x"===v?"row":"column",touchAction:"none"},function(){const e=`calc(100% - ${2*h}px)`;return{width:"x"===v?e:"100%",height:"y"===v?e:"100%"}}())},{children:q.map(((e,r)=>t.jsx("div",Object.assign({className:"use-spring-carousel-item","data-testid":"use-spring-carousel-item-wrapper",style:Object.assign({display:"flex",position:"relative",flex:"1"},"fixed"!==f||w?Object.assign({marginRight:`${m}px`}):{marginRight:`${m}px`,flex:`1 0 calc(100% / ${d} - ${m*(d-1)/d}px)`})},{children:e.renderItem}),`${e.id}-${r}`)))}))})),enterFullscreen:z,exitFullscreen:P,getIsFullscreen:G,thumbsFragment:B,slideToItem:function(t){if(!s)return;A.current=!1,N.current=!1;const r=ne(t,"The item you want to slide to doesn't exist; please check che item id or the index you're passing to.");if(r===F.current)return;const n=re(e[F.current].id),i=re(e[r].id);i>n?_("click",i):Z("click",i)},getIsNextItem:function(t){const r=re(t),n=F.current;return g&&n===e.length-1?0===r:r===n+1},getIsPrevItem:function(t){const r=re(t),n=F.current;return g&&0===n?r===e.length-1:r===n-1},slideToPrevItem:()=>Z(),slideToNextItem:()=>_(),getIsActiveItem:e=>ne(e,"The item you want to check doesn't exist")===F.current}},e.useSpringCarouselContext=function(){const e=n.useContext(s);if(!e)throw new Error("useSpringCarouselContext must be used within the carousel.");return e}}));
 //# sourceMappingURL=index.js.map

package/dist/umd/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/modules/useCustomEventsModule.tsx","../../src/utils.ts","../../src/modules/useFullscreenModule.tsx","../../src/modules/useThumbsModule.tsx","../../src/useSpringCarousel/index.tsx","../../src/useTransitionCarousel/index.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport { Subject } from 'rxjs'\nimport {\n  UseSpringCarouselEventsObservableProps,\n  UseTransitionCarouselEventsObservableProps,\n  ObservableCallbackFn,\n  EmitObservableFn,\n} from '../types'\n\nexport function useCustomEventsModule<T>() {\n  const eventsObserverRef = useRef(\n    new Subject<\n      T extends 'use-spring'\n        ? UseSpringCarouselEventsObservableProps\n        : UseTransitionCarouselEventsObservableProps\n    >(),\n  )\n\n  function useListenToCustomEvent(fn: ObservableCallbackFn<T>) {\n    useEffect(() => {\n      const subscribe = eventsObserverRef.current.subscribe(fn)\n      return () => subscribe.unsubscribe()\n    }, [fn])\n  }\n\n  const emitObservable: EmitObservableFn<T> = data => {\n    eventsObserverRef.current.next(data)\n  }\n\n  return {\n    useListenToCustomEvent,\n    emitObservable,\n  }\n}\n","import { useRef, useLayoutEffect, useEffect } from 'react'\n\ntype Callback = () => void | (() => void)\n\nconst useIsomorphicLayoutEffect =\n  typeof window !== 'undefined' ? useLayoutEffect : useEffect\n\nfunction useIsomorphicMount(callback: Callback) {\n  const isMounted = useRef(false)\n\n  useIsomorphicLayoutEffect(() => {\n    if (!isMounted.current) {\n      const clean = callback()\n      isMounted.current = true\n\n      return () => {\n        clean && clean()\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n}\n\nexport { useIsomorphicLayoutEffect, useIsomorphicMount }\n","import { useRef, MutableRefObject } from 'react'\nimport screenfull from 'screenfull'\nimport { EmitObservableFn } from '../types'\nimport { useIsomorphicMount } from '../utils'\n\ntype FullscreenModule<T> = {\n  mainCarouselWrapperRef: MutableRefObject<HTMLDivElement | null>\n  emitObservable: EmitObservableFn<T>\n  handleResize?(): void\n}\n\nexport function useFullscreenModule<T>({\n  mainCarouselWrapperRef,\n  emitObservable,\n  handleResize,\n}: FullscreenModule<T>) {\n  const isFullscreen = useRef(false)\n\n  useIsomorphicMount(() => {\n    function handleFullscreenChange() {\n      if (document.fullscreenElement) {\n        setIsFullscreen(true)\n        emitObservable({\n          eventName: 'onFullscreenChange',\n          isFullscreen: true,\n        })\n\n        handleResize && handleResize()\n      }\n\n      if (!document.fullscreenElement) {\n        setIsFullscreen(false)\n        emitObservable({\n          eventName: 'onFullscreenChange',\n          isFullscreen: false,\n        })\n        handleResize && handleResize()\n      }\n    }\n\n    if (screenfull.isEnabled) {\n      screenfull.on('change', handleFullscreenChange)\n      return () => {\n        if (screenfull.isEnabled) {\n          screenfull.off('change', handleFullscreenChange)\n        }\n      }\n    }\n  })\n\n  function setIsFullscreen(_isFullscreen: boolean) {\n    isFullscreen.current = _isFullscreen\n  }\n\n  function getIsFullscreen() {\n    return isFullscreen.current\n  }\n\n  function enterFullscreen(elementRef?: HTMLElement) {\n    if (screenfull.isEnabled) {\n      screenfull.request((elementRef || mainCarouselWrapperRef.current) as Element)\n    }\n  }\n\n  function exitFullscreen() {\n    screenfull.isEnabled && screenfull.exit()\n  }\n\n  return {\n    enterFullscreen,\n    exitFullscreen,\n    getIsFullscreen,\n  }\n}\n","import { useRef } from 'react'\nimport { useSpring, SpringConfig, animated } from 'react-spring'\nimport { useIsomorphicMount } from 'src/utils'\nimport { UseSpringCarouselProps, SlideActionType } from '../types'\nimport { ReactSpringCarouselItemWithThumbs } from '../types/useSpringCarousel'\nimport { PrepareThumbsData } from '../types/index'\n\ntype OffsetDimension = 'offsetWidth' | 'offsetHeight'\ntype OffsetDirection = 'offsetLeft' | 'offsetTop'\ntype ScrollDirection = 'scrollLeft' | 'scrollTop'\n\ntype Props = {\n  items: ReactSpringCarouselItemWithThumbs[]\n  withThumbs: boolean\n  slideType: UseSpringCarouselProps['slideType']\n  thumbsSlideAxis: UseSpringCarouselProps['thumbsSlideAxis']\n  springConfig: SpringConfig\n  prepareThumbsData?: UseSpringCarouselProps['prepareThumbsData']\n  getFluidWrapperScrollValue?(): number\n  getSlideValue?(): number\n}\n\nexport function useThumbsModule({\n  items,\n  withThumbs,\n  thumbsSlideAxis = 'x',\n  springConfig,\n  prepareThumbsData,\n  getFluidWrapperScrollValue = () => 0,\n  getSlideValue = () => 0,\n  slideType,\n}: Props) {\n  const internalThumbsWrapperRef = useRef<HTMLDivElement | null>(null)\n  const [thumbListStyles, setThumbListStyles] = useSpring(() => ({\n    x: 0,\n    y: 0,\n    config: springConfig,\n    onChange: ({ value }) => {\n      if (internalThumbsWrapperRef.current && slideType === 'fluid') {\n        internalThumbsWrapperRef.current[\n          thumbsSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n        ] = Math.abs(value[thumbsSlideAxis])\n      }\n    },\n  }))\n\n  useIsomorphicMount(() => {\n    if (withThumbs && !internalThumbsWrapperRef.current) {\n      throw new Error(\n        \"The thumbs wrapper is not defined. If you've passed a Functional component, be sure to wrap your component in forwardRef.\",\n      )\n    }\n  })\n\n  function getCurrentThumbScrollValue() {\n    return internalThumbsWrapperRef.current![\n      thumbsSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n    ]\n  }\n  function getThumbsTotalScrollableValue() {\n    return Math.round(\n      Number(\n        internalThumbsWrapperRef.current?.[\n          thumbsSlideAxis === 'x' ? 'scrollWidth' : 'scrollHeight'\n        ],\n      ) -\n        internalThumbsWrapperRef.current!.getBoundingClientRect()[\n          thumbsSlideAxis === 'x' ? 'width' : 'height'\n        ],\n    )\n  }\n\n  function getThumbSlideValue() {\n    const thumbSlideTotal = Math.round(getFluidWrapperScrollValue() / getSlideValue())\n    const totalScrollableValue = getThumbsTotalScrollableValue()\n    return totalScrollableValue / thumbSlideTotal\n  }\n\n  function handleThumbsScroll(activeItem: number, actionType?: SlideActionType) {\n    if (slideType === 'fluid') {\n      const totalScrollableValue = getThumbsTotalScrollableValue()\n\n      if (actionType === 'next') {\n        const nextValue = getCurrentThumbScrollValue() + getThumbSlideValue()\n        setThumbListStyles.start({\n          from: {\n            [thumbsSlideAxis]: getCurrentThumbScrollValue(),\n          },\n          to: {\n            [thumbsSlideAxis]:\n              nextValue > totalScrollableValue ? totalScrollableValue : nextValue,\n          },\n        })\n      }\n      if (actionType === 'prev') {\n        const nextValue = getCurrentThumbScrollValue() - getThumbSlideValue()\n        setThumbListStyles.start({\n          from: {\n            [thumbsSlideAxis]: getCurrentThumbScrollValue(),\n          },\n          to: {\n            [thumbsSlideAxis]: nextValue < 0 ? 0 : nextValue,\n          },\n        })\n      }\n    } else {\n      function getOffsetDirection() {\n        return thumbsSlideAxis === 'x' ? 'offsetLeft' : 'offsetTop'\n      }\n      function getOffsetDimension() {\n        return thumbsSlideAxis === 'x' ? 'offsetWidth' : 'offsetHeight'\n      }\n      function getScrollDirecton() {\n        return thumbsSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n      }\n      function getThumbNode() {\n        return internalThumbsWrapperRef.current!.querySelector(\n          `#thumb-${items[activeItem].id}`,\n        ) as HTMLElement\n      }\n      function getThumbOffsetPosition({\n        thumbNode,\n        offsetDirection,\n        offsetDimension,\n      }: {\n        thumbNode: HTMLElement\n        offsetDirection: OffsetDirection\n        offsetDimension: OffsetDimension\n      }) {\n        return thumbNode[offsetDirection] + thumbNode[offsetDimension] / 2\n      }\n      function getThumbScrollDimension({\n        thumbWrapper,\n        offsetDimension,\n      }: {\n        thumbWrapper: HTMLDivElement\n        offsetDimension: OffsetDimension\n      }) {\n        return thumbWrapper[offsetDimension] / 2\n      }\n      function getScrollFromValue({\n        thumbWrapper,\n        scrollDirection,\n      }: {\n        thumbWrapper: HTMLDivElement\n        scrollDirection: ScrollDirection\n      }) {\n        return thumbWrapper[scrollDirection]\n      }\n      function getScrollToValue({\n        thumbWrapper,\n        thumbOffsetPosition,\n        thumbScrollDimension,\n        offsetDimension,\n      }: {\n        thumbWrapper: HTMLDivElement\n        thumbOffsetPosition: number\n        thumbScrollDimension: number\n        offsetDimension: OffsetDimension\n      }) {\n        const scrollDimensionProperty =\n          thumbsSlideAxis === 'x' ? 'scrollWidth' : 'scrollHeight'\n\n        if (\n          activeItem === items.length - 1 ||\n          thumbOffsetPosition - thumbScrollDimension >\n            thumbWrapper[scrollDimensionProperty] - thumbWrapper[offsetDimension]\n        ) {\n          return thumbWrapper[scrollDimensionProperty] - thumbWrapper[offsetDimension]\n        }\n        if (activeItem === 0) {\n          return 0\n        }\n\n        return thumbOffsetPosition - thumbScrollDimension\n      }\n\n      const thumbNode = getThumbNode()\n\n      if (thumbNode) {\n        const thumbWrapper = internalThumbsWrapperRef.current!\n        const offsetDirection = getOffsetDirection()\n        const offsetDimension = getOffsetDimension()\n        const scrollDirection = getScrollDirecton()\n        const thumbOffsetPosition = getThumbOffsetPosition({\n          thumbNode,\n          offsetDimension,\n          offsetDirection,\n        })\n        const thumbScrollDimension = getThumbScrollDimension({\n          thumbWrapper,\n          offsetDimension,\n        })\n\n        const fromValue = getScrollFromValue({\n          thumbWrapper,\n          scrollDirection,\n        })\n        const toValue = getScrollToValue({\n          thumbWrapper,\n          thumbOffsetPosition,\n          thumbScrollDimension,\n          offsetDimension,\n        })\n\n        setThumbListStyles.start({\n          from: {\n            [thumbsSlideAxis]: fromValue,\n          },\n          to: {\n            [thumbsSlideAxis]: actionType === 'prev' && toValue < 0 ? 0 : toValue,\n          },\n          onChange: ({ value }) => {\n            if (thumbsSlideAxis === 'x') {\n              internalThumbsWrapperRef!.current!.scrollLeft = value.x\n            } else {\n              internalThumbsWrapperRef!.current!.scrollTop = value.y\n            }\n          },\n        })\n      }\n    }\n  }\n  function handlePrepareThumbsData() {\n    function getPreparedItems(\n      _items: ReturnType<PrepareThumbsData>,\n    ): ReturnType<PrepareThumbsData> {\n      return _items.map(i => ({\n        id: i.id,\n        renderThumb: i.renderThumb,\n      }))\n    }\n\n    if (prepareThumbsData) {\n      return prepareThumbsData(getPreparedItems(items))\n    }\n    return getPreparedItems(items)\n  }\n\n  const thumbsFragment = withThumbs ? (\n    <animated.div\n      ref={internalThumbsWrapperRef}\n      className=\"use-spring-carousel-thumbs-wrapper\"\n      onWheel={() => {\n        thumbListStyles[thumbsSlideAxis].stop()\n      }}\n      style={{\n        display: 'flex',\n        flex: 1,\n        position: 'relative',\n        width: '100%',\n        height: '100%',\n        flexDirection: thumbsSlideAxis === 'x' ? 'row' : 'column',\n        ...(thumbsSlideAxis === 'x'\n          ? { overflowX: 'auto' }\n          : {\n              overflowY: 'auto',\n              maxHeight: '100%',\n            }),\n      }}\n    >\n      {handlePrepareThumbsData().map(({ id, renderThumb }) => {\n        const thumbId = `thumb-${id}`\n        return (\n          <div key={thumbId} id={thumbId} className=\"thumb-item\">\n            {renderThumb}\n          </div>\n        )\n      })}\n    </animated.div>\n  ) : null\n\n  return {\n    thumbsFragment,\n    handleThumbsScroll,\n  }\n}\n","import { useRef, createContext, useContext } from 'react'\nimport { useSpring, config, animated } from 'react-spring'\nimport { useDrag } from '@use-gesture/react'\nimport { useCustomEventsModule, useFullscreenModule, useThumbsModule } from '../modules'\nimport {\n  SlideToItemFnProps,\n  SlideActionType,\n  UseSpringFixedSlideTypeReturnProps,\n} from '../types'\nimport { useIsomorphicLayoutEffect, useIsomorphicMount } from '../utils'\nimport {\n  UseSpringCarouselProps,\n  ReactSpringCarouselItemWithThumbs,\n  UseSpringFluidSlideTypeReturnProps,\n  UseSpringCarouselBaseProps,\n  UseSpringCarouselWithThumbs,\n  UseSpringCarouselFluidType,\n  DisableGesturesProps,\n  WithLoopProps,\n  UseSpringCarouselWithNoThumbs,\n  EnableGesturesProps,\n  WithNoLoop,\n  UseSpringCarouselFixedSlideType,\n} from '../types/useSpringCarousel'\n\ntype ReturnType<T> = T extends 'fixed'\n  ? UseSpringFixedSlideTypeReturnProps\n  : UseSpringFluidSlideTypeReturnProps\ntype ContextTypes<T> = Omit<ReturnType<T>, 'carouselFragment' | 'thumbsFragment'>\n\nconst Context = createContext<ContextTypes<'fixed' | 'fluid'> | undefined>(undefined)\n\nconst defaultDragSpringConfig = {\n  ...config.default,\n  mass: 1,\n  velocity: 0,\n}\n\nfunction useSpringCarousel(\n  props: UseSpringCarouselBaseProps &\n    UseSpringCarouselFluidType &\n    (UseSpringCarouselWithThumbs | UseSpringCarouselWithNoThumbs) &\n    (DisableGesturesProps | EnableGesturesProps) &\n    (WithLoopProps | WithNoLoop),\n): ReturnType<'fluid'>\nfunction useSpringCarousel(\n  props: UseSpringCarouselBaseProps &\n    UseSpringCarouselFixedSlideType &\n    (UseSpringCarouselWithThumbs | UseSpringCarouselWithNoThumbs) &\n    (DisableGesturesProps | EnableGesturesProps) &\n    (WithLoopProps | WithNoLoop),\n): ReturnType<'fixed'>\n\nfunction useSpringCarousel({\n  items,\n  withLoop = false,\n  draggingSlideTreshold,\n  springConfig = config.default,\n  shouldResizeOnWindowResize = true,\n  withThumbs = false,\n  enableThumbsWrapperScroll = true,\n  slideWhenThresholdIsReached = true,\n  carouselSlideAxis = 'x',\n  thumbsSlideAxis = 'x',\n  prepareThumbsData,\n  initialActiveItem = 0,\n  initialStartingPosition,\n  disableGestures = false,\n  gutter = 0,\n  startEndGutter = 0,\n  touchAction,\n  slideAmount,\n  freeScroll = false,\n  enableFreeScrollDrag,\n  itemsPerSlide = 1,\n  slideType = 'fixed',\n}: UseSpringCarouselProps): ReturnType<'fixed' | 'fluid'> {\n  function getItems() {\n    if (withLoop) {\n      if (items.length === itemsPerSlide) {\n        return [...items, ...items, ...items, ...items, ...items]\n      }\n      return [...items, ...items, ...items]\n    }\n    return items\n  }\n\n  const isFirstMount = useRef(true)\n  const slideActionType = useRef<SlideActionType>('initial' as SlideActionType)\n  const internalItems = getItems()\n  const activeItem = useRef(initialActiveItem)\n  const mainCarouselWrapperRef = useRef<HTMLDivElement | null>(null)\n  const carouselTrackWrapperRef = useRef<HTMLDivElement | null>(null)\n  const isDragging = useRef(false)\n  const isAnimating = useRef(false)\n  const windowIsHidden = useRef(false)\n  const fluidTotalWrapperScrollValue = useRef(0)\n  const slideEndReached = useRef(false)\n  const currentWindowWidth = useRef(0)\n  const initialWindowWidth = useRef(0)\n  const prevSlidedValue = useRef(0)\n  const prevItems = useRef(items)\n\n  /**\n   * Instead of raw values, we store it in\n   * useRef for performances reasons during external rerenders\n   */\n  const draggingSlideTresholdRef = useRef<number>(draggingSlideTreshold ?? 0)\n  const itemsPerSlideRef = useRef(itemsPerSlide)\n  const gutterRef = useRef(gutter)\n  const startEndGutterRef = useRef(startEndGutter)\n  const initialActiveItemRef = useRef(initialActiveItem)\n  const initialStartingPositionRef = useRef(initialStartingPosition)\n  const carouselSlideAxisRef = useRef(carouselSlideAxis)\n\n  /**\n   * Update inner values during external rerenders!\n   */\n  itemsPerSlideRef.current = itemsPerSlide\n  gutterRef.current = gutter\n  startEndGutterRef.current = startEndGutter\n  initialActiveItemRef.current = initialActiveItem\n  initialStartingPositionRef.current = initialStartingPosition\n  carouselSlideAxisRef.current = carouselSlideAxis\n\n  const [carouselStyles, setCarouselStyles] = useSpring(() => ({\n    y: 0,\n    x: 0,\n    onChange: ({ value }) => {\n      if (mainCarouselWrapperRef.current && freeScroll) {\n        mainCarouselWrapperRef.current[\n          carouselSlideAxisRef.current === 'x' ? 'scrollLeft' : 'scrollTop'\n        ] = Math.abs(value[carouselSlideAxisRef.current])\n      }\n    },\n  }))\n\n  useIsomorphicLayoutEffect(() => {\n    if (draggingSlideTreshold) {\n      draggingSlideTresholdRef.current = draggingSlideTreshold\n    } else {\n      draggingSlideTresholdRef.current = Math.floor(getSlideValue() / 2 / 2)\n    }\n\n    resize()\n  }, [\n    draggingSlideTreshold,\n    itemsPerSlide,\n    gutter,\n    startEndGutter,\n    initialActiveItem,\n    initialStartingPosition,\n    carouselSlideAxis,\n    thumbsSlideAxis,\n  ])\n\n  function getCarouselItem() {\n    return carouselTrackWrapperRef.current?.querySelector('.use-spring-carousel-item')\n  }\n  function getMainCarouselWrapperWidth() {\n    if (!mainCarouselWrapperRef.current) {\n      throw new Error('mainCarouselWrapperRef is not available')\n    }\n    return mainCarouselWrapperRef.current.getBoundingClientRect()[\n      carouselSlideAxisRef.current === 'x' ? 'width' : 'height'\n    ]\n  }\n  function getCarouselItemWidth() {\n    const carouselItem = getCarouselItem()\n    if (!carouselItem) {\n      throw Error('No carousel items available!')\n    }\n    return (\n      carouselItem.getBoundingClientRect()[\n        carouselSlideAxisRef.current === 'x' ? 'width' : 'height'\n      ] + gutterRef.current\n    )\n  }\n  function getCurrentSlidedValue() {\n    return carouselStyles[carouselSlideAxisRef.current].get()\n  }\n  function getIfItemsNotFillTheCarousel() {\n    return getCarouselItemWidth() * items.length < getMainCarouselWrapperWidth()\n  }\n  function getFluidWrapperScrollValue() {\n    return Math.round(\n      Number(\n        carouselTrackWrapperRef.current?.[\n          carouselSlideAxisRef.current === 'x' ? 'scrollWidth' : 'scrollHeight'\n        ],\n      ) -\n        carouselTrackWrapperRef.current!.getBoundingClientRect()[\n          carouselSlideAxisRef.current === 'x' ? 'width' : 'height'\n        ],\n    )\n  }\n  function getIsFirstItem() {\n    return getCurrentActiveItem() === 0\n  }\n  function getSlideValue() {\n    if (!carouselTrackWrapperRef.current) {\n      return 0\n    }\n    const itemVal = getCarouselItemWidth()\n\n    if (slideType === 'fluid' && typeof slideAmount === 'number') {\n      if (slideAmount < itemVal) {\n        throw new Error('slideAmount must be greater than the width of a single item.')\n      }\n      return slideAmount\n    }\n    return itemVal\n  }\n  function adjustCarouselWrapperPosition(\n    ref: HTMLDivElement,\n    _initialActiveItem?: number,\n  ) {\n    const positionProperty = carouselSlideAxisRef.current === 'x' ? 'left' : 'top'\n    function getDefaultPositionValue() {\n      return getCarouselItemWidth() * items.length\n    }\n    function setPosition(v: number) {\n      if (withLoop) {\n        ref.style.top = '0px'\n        ref.style[positionProperty] = `-${v - startEndGutterRef.current}px`\n      } else {\n        ref.style.left = '0px'\n        ref.style.top = '0px'\n        if (_initialActiveItem && isFirstMount.current) {\n          ref.style[positionProperty] = `calc(-${_initialActiveItem} * 100%)`\n        }\n      }\n    }\n    function setStartPosition() {\n      setPosition(getDefaultPositionValue())\n    }\n\n    if (slideType === 'fixed') {\n      function setCenterPosition(i: number) {\n        setPosition(\n          getDefaultPositionValue() -\n            getSlideValue() * Math.round(((i as number) - 1) / 2),\n        )\n      }\n      function setEndPosition(i: number) {\n        setPosition(\n          getDefaultPositionValue() - getSlideValue() * Math.round((i as number) - 1),\n        )\n      }\n\n      if (itemsPerSlideRef.current > 1) {\n        switch (initialStartingPositionRef.current) {\n          default:\n          case 'start': {\n            setStartPosition()\n            break\n          }\n          case 'center': {\n            setCenterPosition(itemsPerSlideRef.current)\n            break\n          }\n          case 'end': {\n            setEndPosition(itemsPerSlideRef.current)\n            break\n          }\n        }\n      } else {\n        setStartPosition()\n      }\n    } else {\n      setStartPosition()\n    }\n  }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  function resize() {\n    currentWindowWidth.current = window.innerWidth\n\n    if (slideType === 'fluid') {\n      if (getIfItemsNotFillTheCarousel()) {\n        setCarouselStyles.start({\n          immediate: true,\n          [carouselSlideAxisRef.current]: 0,\n        })\n        return\n      }\n      fluidTotalWrapperScrollValue.current = getFluidWrapperScrollValue()\n\n      if (slideEndReached.current) {\n        const nextValue = -fluidTotalWrapperScrollValue.current\n        setCarouselStyles.start({\n          immediate: true,\n          [carouselSlideAxisRef.current]: nextValue,\n        })\n      }\n\n      initialWindowWidth.current = window.innerWidth\n    } else {\n      setCarouselStyles.start({\n        immediate: true,\n        [carouselSlideAxisRef.current]: -(getSlideValue() * getCurrentActiveItem()),\n      })\n    }\n\n    fluidTotalWrapperScrollValue.current = getFluidWrapperScrollValue()\n    adjustCarouselWrapperPosition(carouselTrackWrapperRef.current!)\n  }\n  function handleResize() {\n    if (window.innerWidth === currentWindowWidth.current || freeScroll) {\n      return\n    }\n    resize()\n  }\n  // Custom modules\n  const { useListenToCustomEvent, emitObservable } = useCustomEventsModule<'use-spring'>()\n  const { enterFullscreen, exitFullscreen, getIsFullscreen } =\n    useFullscreenModule<'use-spring'>({\n      mainCarouselWrapperRef,\n      emitObservable,\n      handleResize,\n    })\n  const { thumbsFragment: _thumbsFragment, handleThumbsScroll } = useThumbsModule({\n    withThumbs,\n    items: items as ReactSpringCarouselItemWithThumbs[],\n    thumbsSlideAxis,\n    springConfig,\n    prepareThumbsData,\n    slideType,\n    getFluidWrapperScrollValue,\n    getSlideValue,\n  })\n\n  function getWrapperScrollDirection() {\n    if (!mainCarouselWrapperRef.current) {\n      throw new Error('Missing mainCarouselWrapperRef.current')\n    }\n    return mainCarouselWrapperRef.current[\n      carouselSlideAxisRef.current === 'x' ? 'scrollLeft' : 'scrollTop'\n    ]\n  }\n  function getIfShouldEnableFluidDrag() {\n    if (typeof enableFreeScrollDrag === 'boolean') {\n      return enableFreeScrollDrag\n    } else if (typeof enableFreeScrollDrag === 'function') {\n      return enableFreeScrollDrag()\n    }\n    return false\n  }\n\n  const bindDrag = useDrag(\n    props => {\n      const isDragging = props.dragging\n      const movement = props.offset[carouselSlideAxisRef.current === 'x' ? 0 : 1]\n      const currentMovement = props.movement[carouselSlideAxisRef.current === 'x' ? 0 : 1]\n      const prevItemTreshold = currentMovement > draggingSlideTresholdRef.current\n      const nextItemTreshold = currentMovement < -draggingSlideTresholdRef.current\n      const direction = props.direction[carouselSlideAxisRef.current === 'x' ? 0 : 1]\n      function cancelDrag() {\n        props.cancel()\n      }\n      function setDragDirection() {\n        if (direction > 0) {\n          setSlideActionType('prev')\n        } else {\n          setSlideActionType('next')\n        }\n      }\n      function emitDragObservable() {\n        emitObservable({\n          eventName: 'onDrag',\n          slideActionType: getSlideActionType(),\n          ...props,\n        })\n      }\n      function resetAnimation() {\n        if (slideType === 'fluid') {\n          if (\n            getIfItemsNotFillTheCarousel() ||\n            (getIsFirstItem() && getSlideActionType() === 'prev')\n          ) {\n            setCarouselStyles.start({\n              [carouselSlideAxisRef.current]: 0,\n              config: {\n                velocity: props.velocity,\n                ...springConfig,\n              },\n            })\n          } else if (slideEndReached.current && getSlideActionType() === 'next') {\n            setCarouselStyles.start({\n              [carouselSlideAxisRef.current]: -fluidTotalWrapperScrollValue.current,\n              config: {\n                velocity: props.velocity,\n                ...springConfig,\n              },\n            })\n          } else {\n            setCarouselStyles.start({\n              [carouselSlideAxisRef.current]: prevSlidedValue.current,\n              config: {\n                velocity: props.velocity,\n                ...springConfig,\n              },\n            })\n          }\n        } else {\n          setCarouselStyles.start({\n            [carouselSlideAxisRef.current]: -(getCurrentActiveItem() * getSlideValue()),\n            config: {\n              velocity: props.velocity,\n              ...springConfig,\n            },\n          })\n        }\n      }\n      function checkBounds() {\n        const nextItemWillExceed =\n          Math.abs(getCurrentSlidedValue()) + 100 >= fluidTotalWrapperScrollValue.current\n\n        if (nextItemWillExceed && getSlideActionType() === 'next') {\n          slideEndReached.current = true\n        }\n        if (getSlideActionType() === 'prev') {\n          slideEndReached.current = false\n        }\n      }\n\n      if (freeScroll && getIfShouldEnableFluidDrag()) {\n        if (isDragging) {\n          if (!getIsDragging()) {\n            setIsDragging(true)\n          }\n\n          setDragDirection()\n          emitDragObservable()\n          checkBounds()\n        }\n\n        setCarouselStyles.start({\n          from: {\n            [carouselSlideAxisRef.current]: getWrapperScrollDirection(),\n          },\n          to: {\n            [carouselSlideAxisRef.current]: -movement,\n          },\n          config: {\n            velocity: props.velocity,\n            friction: 50,\n            tension: 1400,\n          },\n        })\n\n        if (getWrapperScrollDirection() === 0 && getSlideActionType() === 'prev') {\n          cancelDrag()\n          return\n        }\n        if (props.last) {\n          if (getSlideActionType() === 'prev') {\n            slideToPrevItem(props.velocity)\n          } else {\n            slideToNextItem(props.velocity)\n          }\n          setIsDragging(false)\n        }\n        return\n      }\n\n      if (isDragging) {\n        if (!getIsDragging()) {\n          setIsDragging(true)\n        }\n\n        emitDragObservable()\n        setDragDirection()\n        checkBounds()\n\n        if (freeScroll) {\n          if (getIfShouldEnableFluidDrag()) {\n            if (getWrapperScrollDirection() === 0 && getSlideActionType() === 'prev') {\n              cancelDrag()\n              return\n            } else {\n              setCarouselStyles.start({\n                config: {\n                  velocity: props.velocity,\n                  friction: 50,\n                  tension: 1400,\n                },\n                from: {\n                  [carouselSlideAxisRef.current]: getWrapperScrollDirection(),\n                },\n                to: {\n                  [carouselSlideAxisRef.current]: -movement,\n                },\n              })\n            }\n          }\n          return\n        } else {\n          setCarouselStyles.start({\n            [carouselSlideAxisRef.current]: movement,\n            config: {\n              velocity: props.velocity,\n              friction: 50,\n              tension: 1000,\n            },\n          })\n        }\n\n        if (\n          (prevItemTreshold || nextItemTreshold) &&\n          getIfItemsNotFillTheCarousel() &&\n          slideType === 'fluid'\n        ) {\n          cancelDrag()\n          resetAnimation()\n        } else if (\n          slideEndReached.current &&\n          getSlideActionType() === 'next' &&\n          nextItemTreshold\n        ) {\n          slideEndReached.current = false\n          cancelDrag()\n          setCarouselStyles.start({\n            [carouselSlideAxisRef.current]: -fluidTotalWrapperScrollValue.current,\n          })\n        } else if (slideWhenThresholdIsReached) {\n          if (nextItemTreshold) {\n            cancelDrag()\n            if (!withLoop && getIsLastItem()) {\n              resetAnimation()\n            } else {\n              slideToNextItem(props.velocity)\n            }\n            return\n          } else if (prevItemTreshold) {\n            cancelDrag()\n            if (!withLoop && getIsFirstItem()) {\n              resetAnimation()\n            } else {\n              slideToPrevItem(props.velocity)\n            }\n            return\n          }\n        }\n      }\n\n      if (\n        props.last &&\n        !slideWhenThresholdIsReached &&\n        (nextItemTreshold || prevItemTreshold) &&\n        !freeScroll\n      ) {\n        setIsDragging(false)\n        if (nextItemTreshold) {\n          if (!withLoop && getIsLastItem()) {\n            resetAnimation()\n          } else {\n            slideToNextItem(props.velocity)\n          }\n        } else if (prevItemTreshold) {\n          if (!withLoop && getIsFirstItem()) {\n            resetAnimation()\n          } else {\n            slideToPrevItem(props.velocity)\n          }\n        }\n        return\n      }\n\n      if (props.last && !nextItemTreshold && !prevItemTreshold) {\n        if (!freeScroll) {\n          resetAnimation()\n          emitObservable({\n            eventName: 'onDrag',\n            slideActionType: getSlideActionType(),\n            ...props,\n          })\n        }\n      }\n    },\n    {\n      enabled: !disableGestures,\n      axis: carouselSlideAxisRef.current,\n      from: () => {\n        if (freeScroll) {\n          if (carouselSlideAxisRef.current === 'x') {\n            return [-getWrapperScrollDirection(), 0]\n          }\n          return [0, -getWrapperScrollDirection()]\n        }\n        return [carouselStyles.x.get(), carouselStyles.y.get()]\n      },\n    },\n  )\n\n  function setSlideActionType(type: SlideActionType) {\n    slideActionType.current = type\n  }\n  function getSlideActionType() {\n    return slideActionType.current\n  }\n  function setActiveItem(newItem: number) {\n    activeItem.current = newItem\n  }\n  function getCurrentActiveItem() {\n    return activeItem.current\n  }\n  function getIsAnimating() {\n    return isAnimating.current\n  }\n  function setIsAnimating(val: boolean) {\n    isAnimating.current = val\n  }\n  function setIsDragging(val: boolean) {\n    isDragging.current = val\n  }\n  function getIsDragging() {\n    return isDragging.current\n  }\n  function getPrevItem() {\n    const currentActiveItem = getCurrentActiveItem()\n    if (currentActiveItem === 0) {\n      return items.length - 1\n    }\n    return currentActiveItem - 1\n  }\n  function getNextItem() {\n    const currentActiveItem = getCurrentActiveItem()\n    if (currentActiveItem === items.length - 1) {\n      return 0\n    }\n    return currentActiveItem + 1\n  }\n  function getIsNextItem(id: string) {\n    const itemIndex = findItemIndex(id)\n    const activeItem = getCurrentActiveItem()\n    if (withLoop && activeItem === items.length - 1) {\n      return itemIndex === 0\n    }\n    return itemIndex === activeItem + 1\n  }\n  function getIsPrevItem(id: string) {\n    const itemIndex = findItemIndex(id)\n    const activeItem = getCurrentActiveItem()\n    if (withLoop && activeItem === 0) {\n      return itemIndex === items.length - 1\n    }\n    return itemIndex === activeItem - 1\n  }\n  function findItemIndex(id: string) {\n    return items.findIndex(item => item.id === id)\n  }\n  function getFromValue(from: SlideToItemFnProps['from']) {\n    if (typeof from === 'number') {\n      return {\n        from: {\n          [carouselSlideAxisRef.current]: from,\n        },\n      }\n    }\n    return {}\n  }\n  function getToValue(\n    customTo: SlideToItemFnProps['customTo'],\n    to: SlideToItemFnProps['to'],\n  ) {\n    if (typeof customTo === 'number') {\n      return {\n        [carouselSlideAxisRef.current]: customTo,\n      }\n    }\n    if (typeof to !== 'number') {\n      throw new Error(`to values is not a number!`)\n    }\n    return {\n      [carouselSlideAxisRef.current]: -(getSlideValue() * to!),\n    }\n  }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  function slideToItem({\n    from,\n    to = -1,\n    customTo,\n    immediate = false,\n    onRest = () => {},\n    velocity,\n  }: SlideToItemFnProps) {\n    if (!immediate) {\n      setActiveItem(to)\n      setIsAnimating(true)\n      emitObservable({\n        eventName: 'onSlideStartChange',\n        slideActionType: getSlideActionType(),\n        nextItem: {\n          index: slideType === 'fluid' ? -1 : to,\n          id: slideType === 'fluid' ? '' : items[to].id,\n        },\n      })\n    }\n    prevSlidedValue.current = getToValue(customTo, to)[carouselSlideAxis]\n    setCarouselStyles.start({\n      ...getFromValue(from),\n      to: getToValue(customTo, to),\n      ...(velocity\n        ? {\n            config: {\n              ...defaultDragSpringConfig,\n              velocity,\n              friction: undefined,\n              tension: undefined,\n            },\n          }\n        : {\n            config: {\n              velocity: 0,\n              ...springConfig,\n            },\n          }),\n      immediate,\n      onRest: val => {\n        if (val.finished) {\n          setIsDragging(false)\n          setIsAnimating(false)\n          onRest()\n          if (!immediate) {\n            emitObservable({\n              eventName: 'onSlideChange',\n              slideActionType: getSlideActionType(),\n              currentItem: {\n                index: slideType === 'fluid' ? -1 : getCurrentActiveItem(),\n                id: slideType === 'fluid' ? '' : items[getCurrentActiveItem()].id,\n              },\n            })\n          }\n        }\n      },\n    })\n    if (enableThumbsWrapperScroll && withThumbs && !immediate) {\n      handleThumbsScroll(to, getSlideActionType())\n    }\n  }\n  function getIsLastItem() {\n    return getCurrentActiveItem() === items.length - 1\n  }\n  function slideToPrevItem(velocity?: number[]) {\n    setSlideActionType('prev')\n    slideEndReached.current = false\n\n    if (slideType === 'fluid') {\n      slideEndReached.current = false\n\n      if (getIfItemsNotFillTheCarousel()) {\n        return\n      }\n      const nextPrevValue = getCurrentSlidedValue() + getSlideValue() + 200\n\n      if (freeScroll) {\n        const nextValue = mainCarouselWrapperRef.current!.scrollLeft - getSlideValue()\n        slideToItem({\n          customTo: nextValue < 0 ? 0 : nextValue,\n          from: mainCarouselWrapperRef.current!.scrollLeft,\n          velocity,\n        })\n      } else if (nextPrevValue >= 0) {\n        if (withLoop) {\n          slideToItem({\n            from: getCurrentSlidedValue() - getCarouselItemWidth() * items.length,\n            velocity,\n            customTo:\n              getCurrentSlidedValue() -\n              getCarouselItemWidth() * items.length +\n              getSlideValue(),\n          })\n        } else {\n          slideToItem({\n            customTo: 0,\n            velocity,\n          })\n        }\n      } else {\n        slideToItem({\n          customTo: getCurrentSlidedValue() + getSlideValue(),\n          velocity,\n        })\n      }\n    } else {\n      if ((!withLoop && getCurrentActiveItem() === 0) || windowIsHidden.current) {\n        return\n      }\n\n      if (getIsFirstItem()) {\n        slideToItem({\n          from: getCurrentSlidedValue() - getSlideValue() * items.length,\n          to: items.length - 1,\n          velocity,\n        })\n      } else {\n        slideToItem({\n          to: getPrevItem(),\n          velocity,\n        })\n      }\n    }\n  }\n  function slideToNextItem(velocity?: number[]) {\n    setSlideActionType('next')\n\n    if (slideType === 'fluid') {\n      if (getIfItemsNotFillTheCarousel()) {\n        return\n      }\n\n      const nextItemWillExceed =\n        Math.abs(getCurrentSlidedValue() - getSlideValue()) + 100 >=\n        fluidTotalWrapperScrollValue.current\n\n      if (freeScroll) {\n        const nextValue = mainCarouselWrapperRef.current!.scrollLeft + getSlideValue()\n        const willExceed = nextValue > fluidTotalWrapperScrollValue.current\n        const val = mainCarouselWrapperRef.current!.scrollLeft + getSlideValue()\n\n        slideToItem({\n          velocity,\n          customTo: willExceed ? fluidTotalWrapperScrollValue.current : val,\n          from: mainCarouselWrapperRef.current!.scrollLeft,\n        })\n      } else if (\n        withLoop &&\n        Math.abs(getCurrentSlidedValue() - getSlideValue()) >=\n          items.length * getCarouselItemWidth()\n      ) {\n        const currentWidth = getCarouselItemWidth() * items.length\n        slideToItem({\n          from: getCurrentSlidedValue() + currentWidth,\n          customTo: getCurrentSlidedValue() + currentWidth - getSlideValue(),\n          velocity,\n        })\n      } else if (slideEndReached.current) {\n        return\n      } else if (nextItemWillExceed) {\n        slideEndReached.current = true\n        slideToItem({\n          customTo: -fluidTotalWrapperScrollValue.current,\n          velocity,\n        })\n      } else {\n        slideToItem({\n          customTo: getCurrentSlidedValue() - getSlideValue(),\n          velocity,\n        })\n      }\n    } else {\n      if (\n        (!withLoop && getCurrentActiveItem() === internalItems.length - 1) ||\n        windowIsHidden.current\n      ) {\n        return\n      }\n\n      const nextItemWillExceed =\n        Math.abs(getCurrentSlidedValue() - getSlideValue() + 25) >\n        fluidTotalWrapperScrollValue.current\n\n      if (nextItemWillExceed && !getIsDragging()) {\n        slideEndReached.current = true\n      } else if (slideEndReached.current) {\n        slideToItem({\n          to: items.length - itemsPerSlideRef.current,\n          velocity,\n        })\n      } else if (getIsLastItem()) {\n        slideToItem({\n          from: getCurrentSlidedValue() + getSlideValue() * items.length,\n          to: 0,\n          velocity,\n        })\n      } else {\n        slideToItem({\n          to: getNextItem(),\n          velocity,\n        })\n      }\n    }\n  }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  function _slideToItem(item: string | number) {\n    let itemIndex = 0\n\n    if (typeof item === 'string') {\n      itemIndex = items.findIndex(_item => _item.id === item)\n    } else {\n      itemIndex = item\n    }\n\n    if (itemIndex >= items.length) {\n      throw Error(\n        `The item you want to slide to doesn't exist. This could be due to the fact that \n        you provide a wrong id or a higher numeric index.`,\n      )\n    }\n\n    if (\n      itemIndex === getCurrentActiveItem() ||\n      (items.length !== prevItems.current.length && getCurrentActiveItem() < items.length)\n    ) {\n      return\n    }\n\n    const currentItem = findItemIndex(prevItems.current[getCurrentActiveItem()].id)\n    const newActiveItem = findItemIndex(items[itemIndex].id)\n\n    if (newActiveItem > currentItem) {\n      setSlideActionType('next')\n    } else {\n      setSlideActionType('prev')\n    }\n\n    slideToItem({\n      to: itemIndex,\n    })\n  }\n  function getItemStyles(_itemsPerSlide: number) {\n    if (slideType === 'fixed') {\n      return {\n        ...(carouselSlideAxisRef.current === 'x'\n          ? { marginRight: `${gutterRef.current}px` }\n          : { marginBottom: `${gutterRef.current}px` }),\n        flex: `1 0 calc(100% / ${_itemsPerSlide} - ${\n          (gutterRef.current * (_itemsPerSlide - 1)) / _itemsPerSlide\n        }px)`,\n      }\n    }\n    return {\n      ...(carouselSlideAxisRef.current === 'x'\n        ? { marginRight: `${gutterRef.current}px` }\n        : { marginBottom: `${gutterRef.current}px` }),\n    }\n  }\n  function getAnimatedWrapperStyles() {\n    const percentValue = `calc(100% - ${startEndGutterRef.current * 2}px)`\n    return {\n      width: carouselSlideAxisRef.current === 'x' ? percentValue : '100%',\n      height: carouselSlideAxisRef.current === 'y' ? percentValue : '100%',\n    }\n  }\n  function getOverflowStyles() {\n    if (freeScroll) {\n      if (carouselSlideAxisRef.current === 'x') {\n        return {\n          overflowX: 'auto',\n        }\n      }\n      return {\n        overflowY: 'auto',\n      }\n    }\n    return {}\n  }\n  function getWheelEvent() {\n    if (freeScroll) {\n      return {\n        onWheel() {\n          carouselStyles[carouselSlideAxisRef.current].stop()\n        },\n      }\n    }\n    return {}\n  }\n  function getTouchAction() {\n    if (disableGestures) {\n      return 'unset'\n    } else if (!touchAction) {\n      if (carouselSlideAxisRef.current === 'x') {\n        return 'pan-y'\n      }\n      return 'pan-x'\n    }\n    return touchAction\n  }\n  // Perform some check on first mount\n  useIsomorphicMount(() => {\n    if (itemsPerSlide % 2 === 0 && initialStartingPositionRef.current) {\n      throw new Error(\n        `initialStartingPosition can be only used if itemsPerSlide is an even value.`,\n      )\n    }\n    if (draggingSlideTresholdRef.current < 0) {\n      throw new Error('draggingSlideTreshold must be greater than 0')\n    }\n    if (draggingSlideTresholdRef.current > getSlideValue() / 2) {\n      throw new Error(\n        `draggingSlideTreshold must be equal or less than the half of the width of an item, which is ${Math.floor(\n          getSlideValue() / 2,\n        )}`,\n      )\n    }\n    if (itemsPerSlideRef.current < 1) {\n      throw new Error(`The itemsPerSlide prop can't be less than 1.`)\n    }\n    if (itemsPerSlideRef.current > items.length) {\n      throw new Error(\n        `The itemsPerSlide prop can't be greater than the total length of the items you provide.`,\n      )\n    }\n    if (initialActiveItemRef.current < 0) {\n      throw new Error('The initialActiveItem cannot be less than 0.')\n    }\n    if (initialActiveItemRef.current > items.length) {\n      throw new Error(\n        'The initialActiveItem cannot be greater than the total length of the items you provide.',\n      )\n    }\n    if (!shouldResizeOnWindowResize) {\n      console.warn(\n        'You set shouldResizeOnWindowResize={false}; be aware that the carousel could behave in a strange way if you also use the fullscreen functionality or if you change the mobile orientation.',\n      )\n    }\n  })\n  useIsomorphicMount(() => {\n    function handleVisibilityChange() {\n      if (document.hidden) {\n        windowIsHidden.current = true\n      } else {\n        windowIsHidden.current = false\n      }\n    }\n    document.addEventListener('visibilitychange', handleVisibilityChange)\n    return () => {\n      document.removeEventListener('visibilitychange', handleVisibilityChange)\n    }\n  })\n  useIsomorphicMount(() => {\n    isFirstMount.current = false\n    fluidTotalWrapperScrollValue.current = getFluidWrapperScrollValue()\n    initialWindowWidth.current = window.innerWidth\n    currentWindowWidth.current = window.innerWidth\n\n    if (initialActiveItem > 0) {\n      slideToItem({\n        to: initialActiveItem,\n        immediate: true,\n      })\n      setActiveItem(initialActiveItem)\n      if (!withLoop && carouselTrackWrapperRef.current) {\n        carouselTrackWrapperRef.current.style.top = '0px'\n        carouselTrackWrapperRef.current.style.left = '0px'\n      }\n    }\n  })\n  useIsomorphicLayoutEffect(() => {\n    if (initialActiveItem < items.length && initialActiveItem !== activeItem.current) {\n      slideToItem({\n        to: initialActiveItem,\n        immediate: true,\n      })\n      setActiveItem(initialActiveItem)\n    }\n  }, [initialActiveItem])\n  useIsomorphicLayoutEffect(() => {\n    if (shouldResizeOnWindowResize) {\n      window.addEventListener('resize', handleResize)\n      return () => {\n        window.removeEventListener('resize', handleResize)\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [shouldResizeOnWindowResize])\n  useIsomorphicLayoutEffect(() => {\n    if (carouselTrackWrapperRef.current) {\n      if (carouselSlideAxisRef.current === 'x') {\n        carouselTrackWrapperRef.current.style.top = '0px'\n      }\n      if (carouselSlideAxisRef.current === 'y') {\n        carouselTrackWrapperRef.current.style.left = '0px'\n      }\n    }\n  }, [carouselSlideAxis])\n  useIsomorphicLayoutEffect(() => {\n    fluidTotalWrapperScrollValue.current = getFluidWrapperScrollValue()\n    const itemsAreEqual = items.length === prevItems.current.length\n\n    if (!itemsAreEqual && items.length < prevItems.current.length) {\n      _slideToItem(items.length - 1)\n    }\n\n    prevItems.current = items\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [getFluidWrapperScrollValue, items])\n\n  const contextProps = {\n    useListenToCustomEvent,\n    getIsFullscreen,\n    enterFullscreen,\n    exitFullscreen,\n    getIsAnimating,\n    getIsDragging,\n    getIsNextItem,\n    getIsPrevItem,\n    slideToPrevItem() {\n      slideToPrevItem()\n    },\n    slideToNextItem() {\n      slideToNextItem()\n    },\n    ...(slideType === 'fixed'\n      ? {\n          slideToItem: _slideToItem,\n          getIsActiveItem: (id: string) => {\n            return findItemIndex(id) === getCurrentActiveItem()\n          },\n          getCurrentActiveItem: () => ({\n            id: items[getCurrentActiveItem()].id,\n            index: getCurrentActiveItem(),\n          }),\n        }\n      : {}),\n  }\n\n  const handleCarouselFragmentRef = (ref: HTMLDivElement | null) => {\n    if (ref) {\n      carouselTrackWrapperRef.current = ref\n      adjustCarouselWrapperPosition(ref, initialActiveItemRef.current)\n    }\n  }\n\n  function getInitialStyles() {\n    const totalValue = (items.length / itemsPerSlide) * 100\n    const singleItemValue = 100 / itemsPerSlide\n    const cssProp = carouselSlideAxisRef.current === 'x' ? 'left' : 'y'\n    const quantityToMove = Math.floor(50 / singleItemValue)\n\n    if (slideType === 'fixed') {\n      if (initialStartingPositionRef.current === 'center') {\n        return {\n          [cssProp]: `calc(-${totalValue}% + ${singleItemValue * quantityToMove}%)`,\n        }\n      }\n      if (initialStartingPositionRef.current === 'end') {\n        return {\n          [cssProp]: `calc(-${totalValue}% + ${singleItemValue * (quantityToMove * 2)}%)`,\n        }\n      }\n    }\n    return {\n      [cssProp]: `0px`,\n    }\n  }\n\n  const carouselFragment = (\n    <Context.Provider value={contextProps}>\n      <div\n        ref={mainCarouselWrapperRef}\n        className=\"use-spring-carousel-main-wrapper\"\n        data-testid=\"use-spring-carousel-wrapper\"\n        {...getWheelEvent()}\n        // @ts-ignore\n        style={{\n          display: 'flex',\n          position: 'relative',\n          width: '100%',\n          height: '100%',\n          ...getOverflowStyles(),\n        }}\n      >\n        <animated.div\n          {...bindDrag()}\n          className=\"use-spring-carousel-track-wrapper\"\n          data-testid=\"use-spring-carousel-animated-wrapper\"\n          ref={handleCarouselFragmentRef}\n          style={{\n            display: 'flex',\n            position: 'relative',\n            touchAction: getTouchAction(),\n            flexDirection: carouselSlideAxisRef.current === 'x' ? 'row' : 'column',\n            ...getAnimatedWrapperStyles(),\n            ...getInitialStyles(),\n            ...(freeScroll ? {} : carouselStyles),\n          }}\n        >\n          {internalItems.map(({ id, renderItem }, index) => {\n            return (\n              <div\n                key={`${id}-${index}`}\n                className=\"use-spring-carousel-item\"\n                data-testid=\"use-spring-carousel-item-wrapper\"\n                style={{\n                  display: 'flex',\n                  position: 'relative',\n                  ...getItemStyles(itemsPerSlideRef.current),\n                }}\n              >\n                {renderItem}\n              </div>\n            )\n          })}\n        </animated.div>\n      </div>\n    </Context.Provider>\n  )\n  const thumbsFragment = (\n    <Context.Provider value={contextProps}>{_thumbsFragment}</Context.Provider>\n  )\n\n  return {\n    ...contextProps,\n    carouselFragment,\n    thumbsFragment,\n  }\n}\n\nfunction useSpringCarouselContext<T = 'fixed' | 'fluid'>() {\n  const context = useContext(Context)\n  if (!context) {\n    throw new Error(\n      'useSpringCarouselContext must be used only inside a component that is rendered inside the Carousel.',\n    )\n  }\n  return context as ContextTypes<T>\n}\n\nexport { useSpringCarousel, useSpringCarouselContext }\n","import { createContext, useRef, useState, useContext } from 'react'\nimport { useTransition, animated, config } from 'react-spring'\nimport { useDrag } from '@use-gesture/react'\nimport { useCustomEventsModule, useThumbsModule, useFullscreenModule } from '../modules'\nimport { SlideActionType } from '../types'\nimport {\n  UseTransitionCarouselContextProps,\n  UseTransitionCarouselProps,\n} from '../types/useTransitionCarousel'\nimport { ReactSpringCarouselItemWithThumbs } from '../types/useSpringCarousel'\n\nconst UseTransitionCarouselContext = createContext<\n  UseTransitionCarouselContextProps | undefined\n>(undefined)\n\nfunction useTransitionCarouselContext() {\n  const context = useContext(UseTransitionCarouselContext)\n\n  if (!context) {\n    throw new Error(`useTransitionCarouselContext isn't being used within the useTransitionCarousel context; \n    use the context only inside a component that is rendered within the Carousel.`)\n  }\n\n  return context\n}\n\nfunction useTransitionCarousel({\n  items,\n  withLoop = false,\n  withThumbs = false,\n  springConfig = config.default,\n  thumbsSlideAxis = 'x',\n  enableThumbsWrapperScroll = true,\n  draggingSlideTreshold = 50,\n  prepareThumbsData,\n  toPrevItemSpringProps,\n  toNextItemSpringProps,\n  disableGestures = false,\n  trail,\n  exitBeforeEnter = false,\n  springAnimationProps = {\n    initial: {\n      opacity: 1,\n      position: 'absolute',\n    },\n    from: {\n      opacity: 0,\n      position: 'absolute',\n    },\n    enter: {\n      opacity: 1,\n      position: 'absolute',\n    },\n    leave: {\n      opacity: 0,\n      position: 'absolute',\n    },\n  },\n}: UseTransitionCarouselProps) {\n  const slideActionType = useRef<SlideActionType>('next')\n  const mainCarouselWrapperRef = useRef<HTMLDivElement | null>(null)\n  const isAnimating = useRef(false)\n  const [activeItem, setActiveItem] = useState(0)\n\n  const { emitObservable, useListenToCustomEvent } =\n    useCustomEventsModule<'use-transition'>()\n  const { enterFullscreen, exitFullscreen, getIsFullscreen } = useFullscreenModule({\n    emitObservable,\n    mainCarouselWrapperRef,\n  })\n  const { thumbsFragment: _thumbsFragment, handleThumbsScroll } = useThumbsModule({\n    items: items as ReactSpringCarouselItemWithThumbs[],\n    withThumbs,\n    thumbsSlideAxis,\n    springConfig,\n    prepareThumbsData,\n    slideType: 'fixed',\n  })\n\n  const bindSwipe = useDrag(\n    ({ last, movement: [mx] }) => {\n      if (getIsAnimating()) {\n        return\n      }\n\n      if (last) {\n        const prevItemTreshold = mx > draggingSlideTreshold\n        const nextItemTreshold = mx < -draggingSlideTreshold\n        const isFirstItem = activeItem === 0\n        const isLastItem = activeItem === items.length - 1\n\n        if (nextItemTreshold) {\n          if (!withLoop && isLastItem) {\n            return\n          }\n\n          slideToNextItem()\n          emitObservable({\n            eventName: 'onLeftSwipe',\n          })\n        } else if (prevItemTreshold) {\n          if (!withLoop && isFirstItem) {\n            return\n          }\n\n          slideToPrevItem()\n          emitObservable({\n            eventName: 'onRightSwipe',\n          })\n        }\n      }\n    },\n    {\n      enabled: !disableGestures,\n    },\n  )\n\n  function getTransitionConfig() {\n    const slideActionType = getSlideActionType()\n\n    if (slideActionType === 'prev' && toPrevItemSpringProps) {\n      return {\n        initial: {\n          ...springAnimationProps.initial,\n        },\n        from: {\n          ...toPrevItemSpringProps.from,\n        },\n        enter: {\n          ...toPrevItemSpringProps.enter,\n        },\n        leave: {\n          ...toPrevItemSpringProps.leave,\n        },\n      }\n    }\n\n    if (slideActionType === 'next' && toNextItemSpringProps) {\n      return {\n        initial: {\n          ...springAnimationProps.initial,\n        },\n        from: {\n          ...toNextItemSpringProps.from,\n        },\n        enter: {\n          ...toNextItemSpringProps.enter,\n        },\n        leave: {\n          ...toNextItemSpringProps.leave,\n        },\n      }\n    }\n\n    return {\n      initial: {\n        ...springAnimationProps.initial,\n      },\n      from: {\n        ...springAnimationProps.from,\n      },\n      enter: {\n        ...springAnimationProps.enter,\n      },\n      leave: {\n        ...springAnimationProps.leave,\n      },\n    }\n  }\n\n  const transitions = useTransition(activeItem, {\n    config: springConfig,\n    ...getTransitionConfig(),\n    onStart: () => setIsAnimating(true),\n    trail,\n    exitBeforeEnter,\n    key: items[activeItem].id,\n    onRest: val => {\n      if (val.finished) {\n        setIsAnimating(false)\n        emitObservable({\n          eventName: 'onSlideChange',\n          slideActionType: getSlideActionType(),\n          currentItem: {\n            index: activeItem,\n            id: items[activeItem].id,\n          },\n        })\n      }\n    },\n  })\n  const itemsFragment = transitions((styles, item) => (\n    <animated.div\n      style={{\n        ...styles,\n        flex: '1 0 100%',\n        width: '100%',\n        height: '100%',\n      }}\n    >\n      {items[item].renderItem}\n    </animated.div>\n  ))\n\n  function getIsAnimating() {\n    return isAnimating.current\n  }\n  function setIsAnimating(val: boolean) {\n    isAnimating.current = val\n  }\n  function setSlideActionType(type: SlideActionType) {\n    slideActionType.current = type\n  }\n  function getSlideActionType() {\n    return slideActionType.current\n  }\n  function slideToItem(item: string | number) {\n    let itemIndex = 0\n\n    if (typeof item === 'string') {\n      itemIndex = items.findIndex(_item => _item.id === item)\n    } else {\n      itemIndex = item\n    }\n\n    if (itemIndex >= items.length) {\n      throw Error(\n        `The item you want to slide to doesn't exist. This could be due to the fact that \n        you provide a wrong id or a higher numeric index.`,\n      )\n    }\n\n    if (itemIndex === activeItem) {\n      return\n    }\n\n    const currentItem = findItemIndex(items[activeItem].id)\n    const newActiveItem = findItemIndex(items[itemIndex].id)\n\n    emitObservable({\n      eventName: 'onSlideStartChange',\n      slideActionType: getSlideActionType(),\n      nextItem: {\n        index: newActiveItem,\n        id: items[itemIndex].id,\n      },\n    })\n\n    if (newActiveItem > currentItem) {\n      setSlideActionType('next')\n    } else {\n      setSlideActionType('prev')\n    }\n\n    setActiveItem(itemIndex)\n\n    if (enableThumbsWrapperScroll && withThumbs) {\n      handleThumbsScroll(itemIndex)\n    }\n  }\n  function slideToNextItem() {\n    const isLastItem = activeItem === items.length - 1\n\n    if (withLoop) {\n      setSlideActionType('next')\n      if (isLastItem) {\n        emitObservable({\n          eventName: 'onSlideStartChange',\n          slideActionType: getSlideActionType(),\n          nextItem: {\n            index: 0,\n            id: items[0].id,\n          },\n        })\n        setActiveItem(0)\n      } else {\n        emitObservable({\n          eventName: 'onSlideStartChange',\n          slideActionType: getSlideActionType(),\n          nextItem: {\n            index: activeItem + 1,\n            id: items[activeItem + 1].id,\n          },\n        })\n        setActiveItem(activeItem + 1)\n      }\n    } else {\n      if (!isLastItem) {\n        emitObservable({\n          eventName: 'onSlideStartChange',\n          slideActionType: getSlideActionType(),\n          nextItem: {\n            index: activeItem + 1,\n            id: items[activeItem + 1].id,\n          },\n        })\n        setSlideActionType('next')\n        setActiveItem(activeItem + 1)\n      }\n    }\n  }\n  function slideToPrevItem() {\n    const isFirstItem = activeItem === 0\n\n    if (withLoop) {\n      setSlideActionType('prev')\n      if (isFirstItem) {\n        emitObservable({\n          eventName: 'onSlideStartChange',\n          slideActionType: getSlideActionType(),\n          nextItem: {\n            index: items.length - 1,\n            id: items[items.length - 1].id,\n          },\n        })\n\n        setActiveItem(items.length - 1)\n      } else {\n        emitObservable({\n          eventName: 'onSlideStartChange',\n          slideActionType: getSlideActionType(),\n          nextItem: {\n            index: activeItem - 1,\n            id: items[activeItem - 1].id,\n          },\n        })\n        setActiveItem(activeItem - 1)\n      }\n    } else {\n      if (!isFirstItem) {\n        setSlideActionType('prev')\n        emitObservable({\n          eventName: 'onSlideStartChange',\n          slideActionType: getSlideActionType(),\n          nextItem: {\n            index: activeItem - 1,\n            id: items[activeItem - 1].id,\n          },\n        })\n        setActiveItem(activeItem - 1)\n      }\n    }\n  }\n  function findItemIndex(id: string) {\n    return items.findIndex(item => item.id === id)\n  }\n  function getIsNextItem(id: string) {\n    const itemIndex = findItemIndex(id)\n\n    if (withLoop && activeItem === items.length - 1) {\n      return itemIndex === 0\n    }\n\n    return itemIndex === activeItem + 1\n  }\n  function getIsPrevItem(id: string) {\n    const itemIndex = findItemIndex(id)\n\n    if (withLoop && activeItem === 0) {\n      return itemIndex === items.length - 1\n    }\n\n    return itemIndex === activeItem - 1\n  }\n\n  const contextProps: UseTransitionCarouselContextProps = {\n    activeItem,\n    slideToItem,\n    slideToNextItem,\n    slideToPrevItem,\n    enterFullscreen,\n    exitFullscreen,\n    useListenToCustomEvent,\n    getIsNextItem,\n    getIsPrevItem,\n    getIsAnimating,\n    getIsFullscreen,\n    getIsActiveItem: id => {\n      return findItemIndex(id) === activeItem\n    },\n    getCurrentActiveItem: () => ({\n      id: items[activeItem].id,\n      index: activeItem,\n    }),\n  }\n\n  const carouselFragment = (\n    <UseTransitionCarouselContext.Provider value={contextProps}>\n      <div\n        ref={mainCarouselWrapperRef}\n        {...bindSwipe()}\n        style={{\n          display: 'flex',\n          position: 'relative',\n          width: '100%',\n          height: '100%',\n          overflow: 'hidden',\n        }}\n      >\n        {itemsFragment}\n      </div>\n    </UseTransitionCarouselContext.Provider>\n  )\n\n  const thumbsFragment = (\n    <UseTransitionCarouselContext.Provider value={contextProps}>\n      {_thumbsFragment}\n    </UseTransitionCarouselContext.Provider>\n  )\n\n  return {\n    carouselFragment,\n    thumbsFragment,\n    ...contextProps,\n  }\n}\n\nexport { useTransitionCarouselContext, useTransitionCarousel }\n"],"names":["useCustomEventsModule","eventsObserverRef","useRef","Subject","useListenToCustomEvent","fn","useEffect","subscribe","current","unsubscribe","emitObservable","data","next","useIsomorphicLayoutEffect","window","useLayoutEffect","useIsomorphicMount","callback","isMounted","clean","useFullscreenModule","mainCarouselWrapperRef","handleResize","isFullscreen","setIsFullscreen","_isFullscreen","handleFullscreenChange","document","fullscreenElement","eventName","screenfull","isEnabled","on","off","enterFullscreen","elementRef","request","exitFullscreen","exit","getIsFullscreen","useThumbsModule","items","withThumbs","thumbsSlideAxis","springConfig","prepareThumbsData","getFluidWrapperScrollValue","getSlideValue","slideType","internalThumbsWrapperRef","thumbListStyles","setThumbListStyles","useSpring","x","y","config","onChange","value","Math","abs","getCurrentThumbScrollValue","getThumbsTotalScrollableValue","round","Number","getBoundingClientRect","getThumbSlideValue","thumbSlideTotal","Error","thumbsFragment","_jsx","animated","div","ref","className","onWheel","stop","style","display","flex","position","width","height","flexDirection","overflowX","overflowY","maxHeight","getPreparedItems","_items","map","i","id","renderThumb","handlePrepareThumbsData","thumbId","handleThumbsScroll","activeItem","actionType","totalScrollableValue","nextValue","start","from","[object Object]","to","thumbNode","querySelector","thumbWrapper","offsetDimension","scrollDirection","thumbOffsetPosition","offsetDirection","getThumbOffsetPosition","thumbScrollDimension","getThumbScrollDimension","fromValue","getScrollFromValue","toValue","scrollDimensionProperty","length","getScrollToValue","scrollLeft","scrollTop","Context","createContext","undefined","defaultDragSpringConfig","default","mass","velocity","UseTransitionCarouselContext","withLoop","draggingSlideTreshold","shouldResizeOnWindowResize","enableThumbsWrapperScroll","slideWhenThresholdIsReached","carouselSlideAxis","initialActiveItem","initialStartingPosition","disableGestures","gutter","startEndGutter","touchAction","slideAmount","freeScroll","enableFreeScrollDrag","itemsPerSlide","isFirstMount","slideActionType","internalItems","carouselTrackWrapperRef","isDragging","isAnimating","windowIsHidden","fluidTotalWrapperScrollValue","slideEndReached","currentWindowWidth","initialWindowWidth","prevSlidedValue","prevItems","draggingSlideTresholdRef","itemsPerSlideRef","gutterRef","startEndGutterRef","initialActiveItemRef","initialStartingPositionRef","carouselSlideAxisRef","carouselStyles","setCarouselStyles","getCarouselItemWidth","carouselItem","getCurrentSlidedValue","get","getIfItemsNotFillTheCarousel","getMainCarouselWrapperWidth","getIsFirstItem","getCurrentActiveItem","itemVal","adjustCarouselWrapperPosition","_initialActiveItem","positionProperty","getDefaultPositionValue","setPosition","v","top","left","setStartPosition","setEndPosition","resize","innerWidth","immediate","floor","_thumbsFragment","getWrapperScrollDirection","getIfShouldEnableFluidDrag","bindDrag","useDrag","props","dragging","movement","offset","currentMovement","prevItemTreshold","nextItemTreshold","direction","cancelDrag","cancel","setDragDirection","setSlideActionType","emitDragObservable","getSlideActionType","resetAnimation","checkBounds","getIsDragging","setIsDragging","friction","tension","last","slideToPrevItem","slideToNextItem","getIsLastItem","enabled","axis","type","setActiveItem","newItem","setIsAnimating","val","getPrevItem","currentActiveItem","getNextItem","findItemIndex","findIndex","item","getToValue","customTo","slideToItem","onRest","nextItem","index","getFromValue","finished","currentItem","nextPrevValue","nextItemWillExceed","willExceed","currentWidth","_slideToItem","itemIndex","_item","console","warn","handleVisibilityChange","hidden","addEventListener","removeEventListener","contextProps","getIsAnimating","getIsNextItem","getIsPrevItem","getIsActiveItem","carouselFragment","Provider","percentValue","getAnimatedWrapperStyles","totalValue","singleItemValue","cssProp","quantityToMove","getInitialStyles","renderItem","_itemsPerSlide","marginRight","marginBottom","context","useContext","toPrevItemSpringProps","toNextItemSpringProps","trail","exitBeforeEnter","springAnimationProps","initial","opacity","enter","leave","useState","bindSwipe","mx","isFirstItem","isLastItem","itemsFragment","useTransition","getTransitionConfig","onStart","key","transitions","styles","newActiveItem","overflow"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/modules/useEventsModule.ts","../../src/modules/useThumbsModule.tsx","../../src/useSpringCarousel.tsx","../../src/modules/useFullscreenModule.ts"],"sourcesContent":["import { FullGestureState } from \"@use-gesture/react\";\nimport { useEffect, useRef } from \"react\";\nimport { SlideActionType, SlideMode } from \"../types/common\";\n\nconst eventLabel = \"RSC::Event\";\n\ntype OnSlideStartChange = {\n  eventName: \"onSlideStartChange\";\n  slideActionType: SlideActionType;\n  slideMode: SlideMode;\n  nextItem: {\n    index: number;\n    id: string;\n    startReached: boolean;\n    endReached: boolean;\n  };\n};\ntype OnSlideChange = {\n  eventName: \"onSlideChange\";\n  slideActionType: SlideActionType;\n  slideMode: SlideMode;\n  currentItem: {\n    index: number;\n    id: string;\n    startReached: boolean;\n    endReached: boolean;\n  };\n};\ntype OnFullscreenChange = {\n  eventName: \"onFullscreenChange\";\n  isFullscreen: boolean;\n};\ntype OnDrag = Omit<FullGestureState<\"drag\">, \"event\"> & {\n  eventName: \"onDrag\";\n  slideActionType: SlideActionType;\n};\n\ntype Events = OnSlideStartChange | OnSlideChange | OnDrag | OnFullscreenChange;\n\ntype EventHandler = (props: Events) => void;\n\nexport type EmitEvent = (event: Events) => void;\nexport type UseListenToCustomEvent = {\n  useListenToCustomEvent: (eventHandler: EventHandler) => void;\n  emitEvent: (event: Events) => void;\n};\n\nexport function useEventsModule() {\n  const targetEvent = useRef<HTMLDivElement | null>(null);\n\n  useEffect(() => {\n    targetEvent.current = document.createElement(\"div\");\n  }, []);\n\n  function useListenToCustomEvent(eventHandler: EventHandler) {\n    useEffect(() => {\n      function handleEvent(event: CustomEvent<Events>) {\n        eventHandler(event.detail);\n      }\n\n      if (targetEvent.current) {\n        // @ts-ignore\n        targetEvent.current.addEventListener(eventLabel, handleEvent, false);\n        return () => {\n          // @ts-ignore\n          targetEvent.current?.removeEventListener(\n            eventLabel,\n            handleEvent,\n            false\n          );\n        };\n      }\n    }, []);\n  }\n  function emitEvent(event: Events) {\n    if (targetEvent.current) {\n      const newEvent = new CustomEvent(eventLabel, {\n        detail: event,\n      });\n      targetEvent.current.dispatchEvent(newEvent);\n    }\n  }\n\n  return {\n    useListenToCustomEvent,\n    emitEvent,\n  };\n}\n","import { useSpring } from \"@react-spring/web\";\nimport { useRef } from \"react\";\nimport {\n  SpringCarouselWithThumbs,\n  PrepareThumbsData,\n} from \"src/types/internals\";\n\ntype Props = {\n  withThumbs?: boolean;\n  thumbsSlideAxis: SpringCarouselWithThumbs[\"thumbsSlideAxis\"];\n  prepareThumbsData?: PrepareThumbsData;\n  items: SpringCarouselWithThumbs[\"items\"];\n};\n\nfunction isInViewport(el: HTMLElement) {\n  const rect = el.getBoundingClientRect();\n  return (\n    rect.top >= 0 &&\n    rect.left >= 0 &&\n    rect.bottom <=\n      (window.innerHeight || document.documentElement.clientHeight) &&\n    rect.right <= (window.innerWidth || document.documentElement.clientWidth)\n  );\n}\n\nexport function useThumbsModule({\n  thumbsSlideAxis = \"x\",\n  withThumbs = false,\n  prepareThumbsData,\n  items,\n}: Props) {\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n  const [spring, setSpring] = useSpring(() => ({\n    val: 0,\n  }));\n\n  function getTotalScrollValue() {\n    return Math.round(\n      Number(\n        wrapperRef.current?.[\n          thumbsSlideAxis === \"x\" ? \"scrollWidth\" : \"scrollHeight\"\n        ]\n      ) -\n        wrapperRef.current!.getBoundingClientRect()[\n          thumbsSlideAxis === \"x\" ? \"width\" : \"height\"\n        ]\n    );\n  }\n\n  function handleScroll(activeItem: number) {\n    function getThumbNode() {\n      if (wrapperRef.current) {\n        return wrapperRef.current.querySelector(\n          `#thumb-item-${items[activeItem].id}`\n        ) as HTMLElement;\n      }\n      return null;\n    }\n\n    const thumbNode = getThumbNode();\n    if (thumbNode && wrapperRef.current) {\n      if (!isInViewport(thumbNode)) {\n        const offset = thumbNode.offsetLeft;\n        const val =\n          offset > getTotalScrollValue() ? getTotalScrollValue() : offset;\n\n        setSpring.start({\n          from: {\n            val:\n              wrapperRef.current?.[\n                thumbsSlideAxis === \"x\" ? \"scrollLeft\" : \"scrollTop\"\n              ] ?? 0,\n          },\n          to: {\n            val,\n          },\n          onChange: ({ value }) => {\n            if (wrapperRef.current) {\n              wrapperRef.current[\n                thumbsSlideAxis === \"x\" ? \"scrollLeft\" : \"scrollTop\"\n              ] = Math.abs(value.val);\n            }\n          },\n        });\n      }\n    }\n  }\n\n  function handlePrepareThumbsData() {\n    function getPreparedItems(\n      _items: ReturnType<PrepareThumbsData>\n    ): ReturnType<PrepareThumbsData> {\n      return _items.map((i) => ({\n        id: i.id,\n        renderThumb: i.renderThumb,\n      }));\n    }\n\n    if (prepareThumbsData) {\n      return prepareThumbsData(getPreparedItems(items));\n    }\n    return getPreparedItems(items);\n  }\n\n  const thumbsFragment = withThumbs ? (\n    <div\n      className=\"use-spring-carousel-thumbs-wrapper\"\n      ref={wrapperRef}\n      onWheel={() => spring.val.stop()}\n      style={{\n        display: \"flex\",\n        flex: \"1\",\n        position: \"relative\",\n        width: \"100%\",\n        height: \"100%\",\n        flexDirection: thumbsSlideAxis === \"x\" ? \"row\" : \"column\",\n        ...(thumbsSlideAxis === \"x\"\n          ? { overflowX: \"auto\" }\n          : {\n              overflowY: \"auto\",\n              maxHeight: \"100%\",\n            }),\n      }}\n    >\n      {handlePrepareThumbsData().map(({ id, renderThumb }) => {\n        const thumbId = `thumb-item-${id}`;\n        return (\n          <div key={thumbId} id={thumbId} className=\"thumb-item\">\n            {renderThumb}\n          </div>\n        );\n      })}\n    </div>\n  ) : null;\n\n  return {\n    thumbsFragment,\n    handleScroll,\n  };\n}\n","import { config, useSpring } from \"@react-spring/web\";\nimport React, {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n} from \"react\";\n\nimport { SlideActionType, SlideMode } from \"./types/common\";\nimport { useEventsModule } from \"./modules/useEventsModule\";\nimport { useDrag } from \"@use-gesture/react\";\nimport { useFullscreenModule } from \"./modules/useFullscreenModule\";\nimport { useThumbsModule } from \"./modules/useThumbsModule\";\nimport {\n  UseSpringReturnType,\n  UseSpringCarouselWithThumbs,\n  UseSpringCarouselComplete,\n  UseSpringCarouselWithNoThumbs,\n  UseSpringCarouselWithFixedItems,\n  UseSpringCarouselWithNoFixedItems,\n  SpringCarouselWithThumbs,\n} from \"./types/internals\";\n\nfunction useSpringCarousel(\n  props: UseSpringCarouselWithThumbs\n): UseSpringReturnType;\nfunction useSpringCarousel(\n  props: UseSpringCarouselWithNoThumbs\n): UseSpringReturnType;\nfunction useSpringCarousel(\n  props: UseSpringCarouselWithFixedItems\n): UseSpringReturnType;\nfunction useSpringCarousel(\n  props: UseSpringCarouselWithNoFixedItems\n): UseSpringReturnType;\n\nfunction useSpringCarousel({\n  items,\n  init = true,\n  withThumbs,\n  thumbsSlideAxis = \"x\",\n  itemsPerSlide = 1,\n  slideType = \"fixed\",\n  gutter = 0,\n  withLoop = false,\n  startEndGutter = 0,\n  carouselSlideAxis = \"x\",\n  disableGestures = false,\n  draggingSlideTreshold: _draggingSlideTreshold,\n  slideWhenThresholdIsReached = false,\n  freeScroll,\n  enableFreeScrollDrag,\n  initialStartingPosition,\n  prepareThumbsData,\n  initialActiveItem = 0,\n}: UseSpringCarouselComplete) {\n  const prevWindowWidth = useRef(0);\n  const draggingSlideTreshold = useRef(_draggingSlideTreshold ?? 0);\n  const slideActionType = useRef<SlideActionType>(\"initial\");\n  const slideModeType = useRef<SlideMode>(\"initial\");\n  const prevSlidedValue = useRef(0);\n  const [spring, setSpring] = useSpring(() => ({\n    val: 0,\n    pause: !init,\n    onChange({ value }) {\n      if (freeScroll && mainCarouselWrapperRef.current) {\n        setStartEndItemReachedOnFreeScroll();\n        if (carouselSlideAxis === \"x\") {\n          mainCarouselWrapperRef.current.scrollLeft = Math.abs(value.val);\n        } else {\n          mainCarouselWrapperRef.current.scrollTop = Math.abs(value.val);\n        }\n      } else if (carouselTrackWrapperRef.current) {\n        if (carouselSlideAxis === \"x\") {\n          carouselTrackWrapperRef.current.style.transform = `translate3d(${value.val}px, 0px,0px)`;\n        } else {\n          carouselTrackWrapperRef.current.style.transform = `translate3d(0px,${value.val}px,0px)`;\n        }\n      }\n    },\n  }));\n  const activeItem = useRef(initialActiveItem);\n  const firstItemReached = useRef(initialActiveItem === 0);\n  const lastItemReached = useRef(false);\n  const mainCarouselWrapperRef = useRef<HTMLDivElement | null>(null);\n  const carouselTrackWrapperRef = useRef<HTMLDivElement | null>(null);\n\n  const getItems = useCallback(() => {\n    if (withLoop) {\n      return [\n        ...items.map((i) => ({\n          ...i,\n          id: `prev-repeated-item-${i.id}`,\n        })),\n        ...items,\n        ...items.map((i) => ({\n          ...i,\n          id: `next-repeated-item-${i.id}`,\n        })),\n      ];\n    }\n    return [...items];\n  }, [items, withLoop]);\n  const internalItems = getItems();\n\n  const { emitEvent, useListenToCustomEvent } = useEventsModule();\n  const { thumbsFragment, handleScroll } = useThumbsModule({\n    withThumbs: !!withThumbs,\n    thumbsSlideAxis,\n    prepareThumbsData,\n    items: items as SpringCarouselWithThumbs[\"items\"],\n  });\n  const { enterFullscreen, exitFullscreen, getIsFullscreen } =\n    useFullscreenModule({\n      mainCarouselWrapperRef,\n      emitEvent,\n      handleResize: () => adjustCarouselWrapperPosition(),\n    });\n\n  function getItemStyles() {\n    if (slideType === \"fixed\" && !freeScroll) {\n      return {\n        marginRight: `${gutter}px`,\n        flex: `1 0 calc(100% / ${itemsPerSlide} - ${\n          (gutter * (itemsPerSlide - 1)) / itemsPerSlide\n        }px)`,\n      };\n    }\n    return {\n      ...{ marginRight: `${gutter}px` },\n    };\n  }\n\n  function getSlideValue() {\n    const carouselItem = mainCarouselWrapperRef.current?.querySelector(\n      \".use-spring-carousel-item\"\n    );\n\n    if (!carouselItem) {\n      throw Error(\"No carousel items available!\");\n    }\n\n    return (\n      carouselItem.getBoundingClientRect()[\n        carouselSlideAxis === \"x\" ? \"width\" : \"height\"\n      ] + gutter\n    );\n  }\n\n  type SlideToItem = {\n    from: number;\n    to: number;\n    nextActiveItem?: number;\n    immediate?: boolean;\n    slideMode: \"click\" | \"drag\";\n  };\n\n  function slideToItem({\n    from,\n    to,\n    nextActiveItem,\n    immediate = false,\n    slideMode,\n  }: SlideToItem) {\n    slideModeType.current = slideMode;\n\n    if (typeof nextActiveItem === \"number\") {\n      if (!freeScroll) {\n        activeItem.current = nextActiveItem;\n      }\n      emitEvent({\n        eventName: \"onSlideStartChange\",\n        slideActionType: slideActionType.current,\n        slideMode: slideModeType.current,\n        nextItem: {\n          startReached: firstItemReached.current,\n          endReached: lastItemReached.current,\n          index: freeScroll ? -1 : activeItem.current,\n          id: freeScroll ? \"\" : items[activeItem.current].id,\n        },\n      });\n    }\n\n    prevSlidedValue.current = to;\n    setSpring.start({\n      immediate,\n      from: {\n        val: from,\n      },\n      to: {\n        val: to,\n      },\n      config: {\n        ...config.default,\n        velocity: spring.val.velocity,\n      },\n      onRest(value) {\n        if (!immediate && value.finished) {\n          emitEvent({\n            eventName: \"onSlideChange\",\n            slideActionType: slideActionType.current,\n            slideMode: slideModeType.current,\n            currentItem: {\n              startReached: firstItemReached.current,\n              endReached: lastItemReached.current,\n              index: freeScroll ? -1 : activeItem.current,\n              id: freeScroll ? \"\" : items[activeItem.current].id,\n            },\n          });\n        }\n      },\n    });\n    if (withThumbs && !immediate) {\n      handleScroll(activeItem.current);\n    }\n  }\n\n  function getTotalScrollValue() {\n    if (withLoop) {\n      return getSlideValue() * items.length;\n    }\n    return Math.round(\n      Number(\n        carouselTrackWrapperRef.current?.[\n          carouselSlideAxis === \"x\" ? \"scrollWidth\" : \"scrollHeight\"\n        ]\n      ) -\n        carouselTrackWrapperRef.current!.getBoundingClientRect()[\n          carouselSlideAxis === \"x\" ? \"width\" : \"height\"\n        ]\n    );\n  }\n  function getAnimatedWrapperStyles() {\n    const percentValue = `calc(100% - ${startEndGutter * 2}px)`;\n    return {\n      width: carouselSlideAxis === \"x\" ? percentValue : \"100%\",\n      height: carouselSlideAxis === \"y\" ? percentValue : \"100%\",\n    };\n  }\n\n  function getCarouselItemWidth() {\n    const carouselItem = carouselTrackWrapperRef.current?.querySelector(\n      \".use-spring-carousel-item\"\n    );\n    if (!carouselItem) {\n      throw Error(\"No carousel items available!\");\n    }\n    return (\n      carouselItem.getBoundingClientRect()[\n        carouselSlideAxis === \"x\" ? \"width\" : \"height\"\n      ] + gutter\n    );\n  }\n  function adjustCarouselWrapperPosition() {\n    const positionProperty = carouselSlideAxis === \"x\" ? \"left\" : \"top\";\n\n    function setPosition(v: number) {\n      const ref = carouselTrackWrapperRef.current;\n      if (!ref) return;\n\n      if (withLoop) {\n        ref.style.top = \"0px\";\n        ref.style.left = \"0px\";\n        ref.style[positionProperty] = `-${v - startEndGutter}px`;\n      } else {\n        ref.style.left = \"0px\";\n        ref.style.top = \"0px\";\n      }\n    }\n\n    const currentFromValue = Math.abs(getFromValue());\n\n    if (currentFromValue < getTotalScrollValue() && lastItemReached.current) {\n      lastItemReached.current = false;\n    }\n    if (currentFromValue > getTotalScrollValue()) {\n      const val = -getTotalScrollValue();\n      lastItemReached.current = true;\n      prevSlidedValue.current = val;\n      setSpring.start({\n        immediate: true,\n        val,\n      });\n      return;\n    }\n\n    if (initialStartingPosition === \"center\") {\n      setPosition(\n        getCarouselItemWidth() * items.length -\n          getSlideValue() * Math.round((itemsPerSlide - 1) / 2)\n      );\n    } else if (initialStartingPosition === \"end\") {\n      setPosition(\n        getCarouselItemWidth() * items.length -\n          getSlideValue() * Math.round(itemsPerSlide - 1)\n      );\n    } else {\n      setPosition(getCarouselItemWidth() * items.length);\n    }\n\n    if (!freeScroll && slideType === \"fixed\") {\n      const val = -(getSlideValue() * activeItem.current);\n      prevSlidedValue.current = val;\n      setSpring.start({\n        immediate: true,\n        val,\n      });\n    }\n  }\n\n  function getFromValue() {\n    if (freeScroll && mainCarouselWrapperRef.current) {\n      return mainCarouselWrapperRef.current[\n        carouselSlideAxis === \"x\" ? \"scrollLeft\" : \"scrollTop\"\n      ];\n    }\n    return spring.val.get();\n  }\n  function getToValue(type: \"next\" | \"prev\", index?: number) {\n    if (freeScroll && type === \"next\") {\n      const next = prevSlidedValue.current + getSlideValue();\n      if (next > getTotalScrollValue()) {\n        return getTotalScrollValue();\n      }\n      return next;\n    }\n\n    if (freeScroll && type === \"prev\") {\n      const next = prevSlidedValue.current - getSlideValue();\n      if (next < 0) {\n        return 0;\n      }\n      return next;\n    }\n\n    if (type === \"next\") {\n      if (index) {\n        return -(index * getSlideValue());\n      }\n      return prevSlidedValue.current - getSlideValue();\n    }\n\n    if (index) {\n      return -(index * getSlideValue());\n    }\n    return prevSlidedValue.current + getSlideValue();\n  }\n  function slideToPrevItem(\n    type: Exclude<SlideMode, \"initial\"> = \"click\",\n    index?: number\n  ) {\n    if (!init || (firstItemReached.current && !withLoop)) return;\n\n    slideActionType.current = \"prev\";\n    lastItemReached.current = false;\n\n    const nextItem = index || activeItem.current - 1;\n\n    if (!withLoop) {\n      const nextItemWillExceed =\n        getToValue(\"prev\", index) + getSlideValue() / 3 > 0;\n\n      if (firstItemReached.current) return;\n      if (nextItemWillExceed) {\n        firstItemReached.current = true;\n        lastItemReached.current = false;\n\n        slideToItem({\n          slideMode: type,\n          from: getFromValue(),\n          to: 0,\n          nextActiveItem: 0,\n        });\n        return;\n      }\n    }\n    if (withLoop && firstItemReached.current) {\n      firstItemReached.current = false;\n      lastItemReached.current = true;\n      slideToItem({\n        slideMode: type,\n        from: getFromValue() - getSlideValue() * items.length,\n        to: -(getSlideValue() * items.length) + getSlideValue(),\n        nextActiveItem: items.length - 1,\n      });\n      return;\n    }\n    if (nextItem === 0) {\n      firstItemReached.current = true;\n    }\n    if (nextItem === items.length - 1 || nextItem === -1) {\n      lastItemReached.current = true;\n    }\n    slideToItem({\n      slideMode: type,\n      from: getFromValue(),\n      to: getToValue(\"prev\", index),\n      nextActiveItem: nextItem,\n    });\n  }\n  function slideToNextItem(\n    type: Exclude<SlideMode, \"initial\"> = \"click\",\n    index?: number\n  ) {\n    if (!init || (lastItemReached.current && !withLoop)) return;\n\n    slideActionType.current = \"next\";\n    firstItemReached.current = false;\n\n    const nextItem = index || activeItem.current + 1;\n\n    if (!withLoop) {\n      const nextItemWillExceed =\n        Math.abs(getToValue(\"next\", index)) >\n        getTotalScrollValue() - getSlideValue() / 3;\n\n      if (lastItemReached.current) return;\n      if (nextItemWillExceed) {\n        firstItemReached.current = false;\n        lastItemReached.current = true;\n\n        slideToItem({\n          slideMode: type,\n          from: getFromValue(),\n          to: -getTotalScrollValue(),\n          nextActiveItem: nextItem,\n        });\n        return;\n      }\n    }\n    if (withLoop && lastItemReached.current) {\n      lastItemReached.current = false;\n      firstItemReached.current = true;\n      slideToItem({\n        slideMode: type,\n        from: getFromValue() + getSlideValue() * items.length,\n        to: 0,\n        nextActiveItem: 0,\n      });\n      return;\n    }\n    if (nextItem === 0) {\n      firstItemReached.current = true;\n    }\n    if (nextItem === items.length - 1) {\n      lastItemReached.current = true;\n    }\n    slideToItem({\n      slideMode: type,\n      from: getFromValue(),\n      to: getToValue(\"next\", index),\n      nextActiveItem: nextItem,\n    });\n  }\n\n  useEffect(() => {\n    prevWindowWidth.current = window.innerWidth;\n  }, []);\n  useEffect(() => {\n    adjustCarouselWrapperPosition();\n  }, [\n    initialStartingPosition,\n    itemsPerSlide,\n    withLoop,\n    startEndGutter,\n    gutter,\n    freeScroll,\n    slideType,\n    init,\n  ]);\n  useLayoutEffect(() => {\n    /**\n     * Set initial track position\n     */\n    if (carouselTrackWrapperRef.current) {\n      adjustCarouselWrapperPosition();\n    }\n  }, []);\n  useEffect(() => {\n    if (_draggingSlideTreshold) {\n      draggingSlideTreshold.current = _draggingSlideTreshold;\n    } else {\n      draggingSlideTreshold.current = Math.floor(getSlideValue() / 2 / 2);\n    }\n  }, [_draggingSlideTreshold]);\n  useEffect(() => {\n    function handleResize() {\n      if (window.innerWidth === prevWindowWidth.current) return;\n      prevWindowWidth.current = window.innerWidth;\n      adjustCarouselWrapperPosition();\n    }\n    window.addEventListener(\"resize\", handleResize);\n    return () => {\n      window.removeEventListener(\"resize\", handleResize);\n    };\n  }, []);\n\n  const bindDrag = useDrag(\n    (state) => {\n      const isDragging = state.dragging;\n      const movement = state.offset[carouselSlideAxis === \"x\" ? 0 : 1];\n      const currentMovement = state.movement[carouselSlideAxis === \"x\" ? 0 : 1];\n      const direction = state.direction[carouselSlideAxis === \"x\" ? 0 : 1];\n\n      const prevItemTreshold = currentMovement > draggingSlideTreshold.current;\n      const nextItemTreshold = currentMovement < -draggingSlideTreshold.current;\n\n      if (isDragging) {\n        if (direction > 0) {\n          slideActionType.current = \"prev\";\n        } else {\n          slideActionType.current = \"next\";\n        }\n\n        emitEvent({\n          ...state,\n          eventName: \"onDrag\",\n          slideActionType: slideActionType.current,\n        });\n\n        if (freeScroll) {\n          if (slideActionType.current === \"prev\" && movement > 0) {\n            state.cancel();\n            setSpring.start({\n              from: {\n                val: getFromValue(),\n              },\n              to: {\n                val: 0,\n              },\n              config: {\n                velocity: state.velocity,\n                friction: 50,\n                tension: 1000,\n              },\n            });\n            return;\n          }\n\n          setSpring.start({\n            from: {\n              val: getFromValue(),\n            },\n            to: {\n              val: -movement,\n            },\n            config: {\n              velocity: state.velocity,\n              friction: 50,\n              tension: 1000,\n            },\n          });\n          return;\n        }\n\n        setSpring.start({\n          val: movement,\n          config: {\n            velocity: state.velocity,\n            friction: 50,\n            tension: 1000,\n          },\n        });\n\n        if (slideWhenThresholdIsReached && nextItemTreshold) {\n          slideToNextItem(\"drag\");\n          state.cancel();\n        } else if (slideWhenThresholdIsReached && prevItemTreshold) {\n          slideToPrevItem(\"drag\");\n          state.cancel();\n        }\n        return;\n      }\n\n      if (state.last && !state.canceled && freeScroll) {\n        if (slideActionType.current === \"prev\") {\n          slideToPrevItem(\"drag\");\n        }\n        if (slideActionType.current === \"next\") {\n          slideToNextItem(\"drag\");\n        }\n      }\n\n      if (state.last && !state.canceled && !freeScroll) {\n        if (nextItemTreshold) {\n          if (!withLoop && lastItemReached.current) {\n            setSpring.start({\n              val: -getTotalScrollValue(),\n              config: {\n                ...config.default,\n                velocity: state.velocity,\n              },\n            });\n          } else {\n            slideToNextItem(\"drag\");\n          }\n        } else if (prevItemTreshold) {\n          if (!withLoop && firstItemReached.current) {\n            setSpring.start({\n              val: 0,\n              config: {\n                ...config.default,\n                velocity: state.velocity,\n              },\n            });\n          } else {\n            slideToPrevItem(\"drag\");\n          }\n        } else {\n          setSpring.start({\n            val: prevSlidedValue.current,\n            config: {\n              ...config.default,\n              velocity: state.velocity,\n            },\n          });\n        }\n      }\n    },\n    {\n      enabled:\n        (init && !disableGestures && !freeScroll) ||\n        (!!freeScroll && !!enableFreeScrollDrag),\n      axis: carouselSlideAxis,\n      from: () => {\n        if (freeScroll && mainCarouselWrapperRef.current) {\n          return [\n            -mainCarouselWrapperRef.current.scrollLeft,\n            -mainCarouselWrapperRef.current.scrollTop,\n          ];\n        }\n        if (carouselSlideAxis === \"x\") {\n          return [spring.val.get(), spring.val.get()];\n        }\n        return [spring.val.get(), spring.val.get()];\n      },\n    }\n  );\n\n  function getWrapperOverflowStyles() {\n    if (freeScroll) {\n      if (carouselSlideAxis === \"x\") {\n        return {\n          overflowX: \"auto\",\n        };\n      }\n      return {\n        overflowY: \"auto\",\n      };\n    }\n    return {};\n  }\n\n  function setStartEndItemReachedOnFreeScroll() {\n    if (mainCarouselWrapperRef.current) {\n      prevSlidedValue.current =\n        mainCarouselWrapperRef.current[\n          carouselSlideAxis === \"x\" ? \"scrollLeft\" : \"scrollTop\"\n        ];\n      if (\n        mainCarouselWrapperRef.current[\n          carouselSlideAxis === \"x\" ? \"scrollLeft\" : \"scrollTop\"\n        ] === 0\n      ) {\n        firstItemReached.current = true;\n        lastItemReached.current = false;\n      }\n      if (\n        mainCarouselWrapperRef.current[\n          carouselSlideAxis === \"x\" ? \"scrollLeft\" : \"scrollTop\"\n        ] > 0 &&\n        mainCarouselWrapperRef.current[\n          carouselSlideAxis === \"x\" ? \"scrollLeft\" : \"scrollTop\"\n        ] < getTotalScrollValue()\n      ) {\n        firstItemReached.current = false;\n        lastItemReached.current = false;\n      }\n      if (\n        mainCarouselWrapperRef.current[\n          carouselSlideAxis === \"x\" ? \"scrollLeft\" : \"scrollTop\"\n        ] === getTotalScrollValue()\n      ) {\n        firstItemReached.current = false;\n        lastItemReached.current = true;\n      }\n    }\n  }\n  function getScrollHandlers() {\n    if (freeScroll) {\n      return {\n        onWheel() {\n          spring.val.stop();\n          setStartEndItemReachedOnFreeScroll();\n        },\n      };\n    }\n    return {};\n  }\n  function findItemIndex(id: string) {\n    return items.findIndex((item) => item.id === id);\n  }\n  function findItemIndexById(id: string | number, error: string) {\n    let itemIndex = 0;\n    if (typeof id === \"string\") {\n      itemIndex = items.findIndex((_item) => _item.id === id);\n    } else {\n      itemIndex = id;\n    }\n\n    if (itemIndex < 0 || itemIndex >= items.length) {\n      throw new Error(error);\n    }\n\n    return itemIndex;\n  }\n  function internalSlideToItem(id: string | number) {\n    if (!init) return;\n\n    firstItemReached.current = false;\n    lastItemReached.current = false;\n\n    const itemIndex = findItemIndexById(\n      id,\n      \"The item you want to slide to doesn't exist; please check che item id or the index you're passing to.\"\n    );\n\n    if (itemIndex === activeItem.current) {\n      return;\n    }\n\n    const currentItem = findItemIndex(items[activeItem.current].id);\n    const newActiveItem = findItemIndex(items[itemIndex].id);\n\n    if (newActiveItem > currentItem) {\n      slideToNextItem(\"click\", newActiveItem);\n    } else {\n      slideToPrevItem(\"click\", newActiveItem);\n    }\n  }\n  function getIsNextItem(id: string) {\n    const itemIndex = findItemIndex(id);\n    const _activeItem = activeItem.current;\n    if (withLoop && _activeItem === items.length - 1) {\n      return itemIndex === 0;\n    }\n    return itemIndex === _activeItem + 1;\n  }\n  function getIsPrevItem(id: string) {\n    const itemIndex = findItemIndex(id);\n    const _activeItem = activeItem.current;\n    if (withLoop && _activeItem === 0) {\n      return itemIndex === items.length - 1;\n    }\n    return itemIndex === _activeItem - 1;\n  }\n\n  const carouselFragment = (\n    <div\n      ref={mainCarouselWrapperRef}\n      {...getScrollHandlers()}\n      style={{\n        display: \"flex\",\n        position: \"relative\",\n        width: \"100%\",\n        height: \"100%\",\n        ...(getWrapperOverflowStyles() as React.CSSProperties),\n      }}\n    >\n      <div\n        ref={carouselTrackWrapperRef}\n        {...bindDrag()}\n        style={{\n          position: \"relative\",\n          display: \"flex\",\n          flexDirection: carouselSlideAxis === \"x\" ? \"row\" : \"column\",\n          touchAction: \"none\",\n          ...getAnimatedWrapperStyles(),\n        }}\n      >\n        {internalItems.map((item, index) => {\n          return (\n            <div\n              key={`${item.id}-${index}`}\n              className=\"use-spring-carousel-item\"\n              data-testid=\"use-spring-carousel-item-wrapper\"\n              style={{\n                display: \"flex\",\n                position: \"relative\",\n                flex: \"1\",\n                ...getItemStyles(),\n              }}\n            >\n              {item.renderItem}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n\n  return {\n    useListenToCustomEvent,\n    carouselFragment,\n    enterFullscreen,\n    exitFullscreen,\n    getIsFullscreen,\n    thumbsFragment,\n    slideToItem: internalSlideToItem,\n    getIsNextItem,\n    getIsPrevItem,\n    slideToPrevItem: () => slideToPrevItem(),\n    slideToNextItem: () => slideToNextItem(),\n    getIsActiveItem: (id: string | number) => {\n      return (\n        findItemIndexById(id, \"The item you want to check doesn't exist\") ===\n        activeItem.current\n      );\n    },\n  };\n}\n\nconst Context =\n  createContext<\n    Omit<UseSpringReturnType, \"carouselFragment\" | \"thumbsFragment\"> | undefined\n  >(undefined);\n\nfunction useSpringCarouselContext() {\n  const context = useContext(Context);\n  if (!context) {\n    throw new Error(\n      \"useSpringCarouselContext must be used within the carousel.\"\n    );\n  }\n  return context;\n}\n\nexport { useSpringCarousel, useSpringCarouselContext };\n","import { useRef, MutableRefObject, useEffect } from \"react\";\nimport screenfull from \"screenfull\";\nimport { EmitEvent } from \"./useEventsModule\";\n\ntype FullscreenModule = {\n  mainCarouselWrapperRef: MutableRefObject<HTMLDivElement | null>;\n  emitEvent: EmitEvent;\n  handleResize?(): void;\n};\n\nexport function useFullscreenModule({\n  mainCarouselWrapperRef,\n  emitEvent,\n  handleResize,\n}: FullscreenModule) {\n  const isFullscreen = useRef(false);\n\n  useEffect(() => {\n    function handleFullscreenChange() {\n      if (document.fullscreenElement) {\n        setIsFullscreen(true);\n        emitEvent({\n          eventName: \"onFullscreenChange\",\n          isFullscreen: true,\n        });\n\n        handleResize && handleResize();\n      }\n\n      if (!document.fullscreenElement) {\n        setIsFullscreen(false);\n        emitEvent({\n          eventName: \"onFullscreenChange\",\n          isFullscreen: false,\n        });\n        handleResize && handleResize();\n      }\n    }\n\n    if (screenfull.isEnabled) {\n      screenfull.on(\"change\", handleFullscreenChange);\n      return () => {\n        if (screenfull.isEnabled) {\n          screenfull.off(\"change\", handleFullscreenChange);\n        }\n      };\n    }\n  }, []);\n\n  function setIsFullscreen(_isFullscreen: boolean) {\n    isFullscreen.current = _isFullscreen;\n  }\n\n  function getIsFullscreen() {\n    return isFullscreen.current;\n  }\n\n  function enterFullscreen(elementRef?: HTMLElement) {\n    if (screenfull.isEnabled) {\n      screenfull.request(\n        (elementRef || mainCarouselWrapperRef.current) as Element\n      );\n    }\n  }\n\n  function exitFullscreen() {\n    screenfull.isEnabled && screenfull.exit();\n  }\n\n  return {\n    enterFullscreen,\n    exitFullscreen,\n    getIsFullscreen,\n  };\n}\n"],"names":["eventLabel","useThumbsModule","thumbsSlideAxis","withThumbs","prepareThumbsData","items","wrapperRef","useRef","spring","setSpring","useSpring","val","getTotalScrollValue","Math","round","Number","_a","current","getBoundingClientRect","thumbsFragment","_jsx","jsx","Object","assign","className","ref","onWheel","stop","style","display","flex","position","width","height","flexDirection","overflowX","overflowY","maxHeight","children","getPreparedItems","_items","map","i","id","renderThumb","handlePrepareThumbsData","thumbId","handleScroll","activeItem","thumbNode","querySelector","el","rect","top","left","bottom","window","innerHeight","document","documentElement","clientHeight","right","innerWidth","clientWidth","isInViewport","offset","offsetLeft","start","from","to","onChange","value","abs","Context","createContext","undefined","init","itemsPerSlide","slideType","gutter","withLoop","startEndGutter","carouselSlideAxis","disableGestures","draggingSlideTreshold","_draggingSlideTreshold","slideWhenThresholdIsReached","freeScroll","enableFreeScrollDrag","initialStartingPosition","initialActiveItem","prevWindowWidth","slideActionType","slideModeType","prevSlidedValue","pause","mainCarouselWrapperRef","setStartEndItemReachedOnFreeScroll","scrollLeft","scrollTop","carouselTrackWrapperRef","transform","firstItemReached","lastItemReached","internalItems","useCallback","getItems","emitEvent","useListenToCustomEvent","targetEvent","useEffect","createElement","eventHandler","handleEvent","event","detail","addEventListener","removeEventListener","newEvent","CustomEvent","dispatchEvent","useEventsModule","enterFullscreen","exitFullscreen","getIsFullscreen","handleResize","isFullscreen","setIsFullscreen","_isFullscreen","handleFullscreenChange","fullscreenElement","eventName","screenfull","isEnabled","on","off","elementRef","request","exit","useFullscreenModule","adjustCarouselWrapperPosition","getSlideValue","carouselItem","Error","slideToItem","nextActiveItem","immediate","slideMode","nextItem","startReached","endReached","index","config","default","velocity","onRest","finished","currentItem","length","getCarouselItemWidth","positionProperty","setPosition","v","currentFromValue","getFromValue","get","getToValue","type","next","slideToPrevItem","nextItemWillExceed","slideToNextItem","useLayoutEffect","floor","bindDrag","useDrag","state","isDragging","dragging","movement","currentMovement","direction","prevItemTreshold","nextItemTreshold","cancel","friction","tension","last","canceled","enabled","axis","findItemIndex","findIndex","item","findItemIndexById","error","itemIndex","_item","carouselFragment","touchAction","percentValue","getAnimatedWrapperStyles","marginRight","renderItem","newActiveItem","getIsNextItem","_activeItem","getIsPrevItem","getIsActiveItem","context","useContext"],"mappings":"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"}

package/package.json

@@ -1,25 +1,14 @@
 {
   "name": "react-spring-carousel",
-  "version": "2.0.19",
+  "version": "3.0.0-beta001",
   "description": "A new <Carousel /> experience for the web",
   "homepage": "https://react-spring-carousel.emilianobucci.com",
   "repository": "https://github.com/Emiliano-Bucci/react-spring-carousel",
   "author": "Emiliano Bucci",
   "license": "MIT",
-  "keywords": [
-    "react",
-    "react-spring",
-    "carousel",
-    "react-carousel",
-    "react-spring-carousel",
-    "slider",
-    "react-slider",
-    "react-spring-slider",
-    "animated"
-  ],
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm",
-  "types": "./dist/types/index.d.ts",
+  "type": "module",
   "files": [
     "dist"
   ],
@@ -29,83 +18,67 @@
       "default": "./dist/esm/index.js"
     }
   },
+  "keywords": [
+    "react",
+    "react-spring",
+    "carousel",
+    "react-carousel",
+    "react-spring-carousel",
+    "slider",
+    "react-slider",
+    "react-spring-slider",
+    "animated"
+  ],
   "scripts": {
-    "start": "start-storybook -p 6006",
-    "clean": "rimraf dist",
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook",
+    "clean": "rimraf dist",
     "build:lib": "npm run clean && rollup -c",
-    "lint": "eslint --fix --config .eslintrc.js 'src/**/*.{ts,tsx,js}'",
-    "prepare": "husky install",
-    "lint-staged": "lint-staged",
-    "test": "NODE_ENV=test jest --watch",
-    "check:tag:branch": "node --experimental-modules scripts/release.js",
-    "release:test": "jest",
-    "push:tags": "git push --follow-tags",
-    "release:lib": "npm run lint && npm run check:tag:branch && npm run build:lib && npm run push:tags && npm publish",
-    "storybook": "start-storybook -p 6006",
     "release:beta": "npm run build:lib && npm publish --tag beta"
   },
-  "dependencies": {
-    "@use-gesture/react": "^10.2.11",
-    "rxjs": "^7.5.4",
-    "screenfull": "^5.2.0"
-  },
   "devDependencies": {
-    "@babel/core": "^7.17.5",
-    "@babel/preset-env": "^7.16.11",
-    "@babel/preset-react": "^7.16.7",
-    "@emotion/babel-plugin": "^11.9.2",
-    "@emotion/babel-preset-css-prop": "^11.2.0",
-    "@emotion/jest": "^11.9.1",
-    "@emotion/react": "^11.9.0",
-    "@rollup/plugin-commonjs": "^21.0.2",
-    "@rollup/plugin-node-resolve": "^13.1.3",
-    "@storybook/addon-actions": "^6.5.0-alpha.63",
-    "@storybook/addon-essentials": "^6.5.0-alpha.63",
-    "@storybook/addon-links": "^6.5.0-alpha.63",
-    "@storybook/react": "^6.5.0-alpha.63",
-    "@testing-library/jest-dom": "^5.16.2",
-    "@testing-library/react": "^12.1.3",
-    "@types/jest": "^27.4.1",
-    "@types/react": "^18.0.5",
-    "@types/react-dom": "^18.0.1",
-    "@typescript-eslint/eslint-plugin": "^5.13.0",
-    "@typescript-eslint/parser": "^5.13.0",
-    "babel-loader": "^8.2.3",
-    "chalk": "^5.0.0",
-    "eslint": "^8.10.0",
+    "@babel/core": "^7.19.3",
+    "@storybook/addon-actions": "^6.5.12",
+    "@storybook/addon-essentials": "^6.5.12",
+    "@storybook/addon-interactions": "^6.5.12",
+    "@storybook/addon-links": "^6.5.12",
+    "@storybook/builder-webpack4": "^6.5.12",
+    "@storybook/manager-webpack4": "^6.5.12",
+    "@storybook/react": "^6.5.12",
+    "@storybook/testing-library": "^0.0.13",
+    "@types/react": "^18.0.21",
+    "@types/react-dom": "^18.0.6",
+    "@typescript-eslint/eslint-plugin": "^5.40.0",
+    "@typescript-eslint/parser": "^5.40.0",
+    "babel-loader": "^8.2.5",
+    "eslint": "^8.25.0",
     "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-react": "^7.29.3",
-    "eslint-plugin-react-hooks": "^4.3.0",
-    "eslint-plugin-testing-library": "^5.0.6",
-    "git-repo-info": "^2.1.1",
-    "husky": "^7.0.4",
-    "jest": "^27.5.1",
-    "lint-staged": "^12.3.4",
-    "prettier": "^2.5.1",
-    "react-spring-carousel": "^2.0.13",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.31.10",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "rimraf": "^3.0.2",
-    "rollup": "^2.69.0",
+    "rollup": "^3.1.0",
+    "typescript": "^4.8.4",
     "rollup-plugin-babel": "^4.4.0",
     "rollup-plugin-exclude-dependencies-from-bundle": "^1.1.22",
     "rollup-plugin-filesize": "^9.1.2",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-typescript2": "^0.31.2",
-    "rollup-plugin-visualizer": "^5.6.0",
-    "ts-jest": "^27.1.3",
-    "typescript": "^4.6.2"
+    "rollup-plugin-typescript2": "^0.34.1",
+    "rollup-plugin-visualizer": "^5.8.2",
+    "@rollup/plugin-commonjs": "^21.0.2",
+    "@rollup/plugin-node-resolve": "^13.1.3"
   },
   "peerDependencies": {
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "react-spring": "^9.4.5-beta.0 "
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
-  "lint-staged": {
-    "*.{ts,tsx}": [
-      "prettier --write",
-      "eslint --fix --config .eslintrc.precommit.js"
-    ]
+  "dependencies": {
+    "@react-spring/web": "^9.5.5",
+    "@use-gesture/react": "^10.2.20",
+    "screenfull": "^5.2.0"
   }
 }

package/dist/esm/index3.js

@@ -1,2 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{createContext as t,useContext as n,useRef as i,useState as r}from"react";import{config as s,useTransition as o,animated as a}from"react-spring";import{useDrag as l}from"@use-gesture/react";import{a as d,b as c,c as u}from"./useThumbsModule-0944decf.js";import"rxjs";import"screenfull";const m=t(void 0);function g(){const e=n(m);if(!e)throw new Error("useTransitionCarouselContext isn't being used within the useTransitionCarousel context; \n    use the context only inside a component that is rendered within the Carousel.");return e}function h({items:t,withLoop:n=!1,withThumbs:g=!1,springConfig:h=s.default,thumbsSlideAxis:p="x",enableThumbsWrapperScroll:f=!0,draggingSlideTreshold:b=50,prepareThumbsData:x,toPrevItemSpringProps:v,toNextItemSpringProps:I,disableGestures:T=!1,trail:S,exitBeforeEnter:j=!1,springAnimationProps:O={initial:{opacity:1,position:"absolute"},from:{opacity:0,position:"absolute"},enter:{opacity:1,position:"absolute"},leave:{opacity:0,position:"absolute"}}}){const y=i("next"),C=i(null),w=i(!1),[A,N]=r(0),{emitObservable:F,useListenToCustomEvent:P}=d(),{enterFullscreen:E,exitFullscreen:L,getIsFullscreen:R}=c({emitObservable:F,mainCarouselWrapperRef:C}),{thumbsFragment:B,handleThumbsScroll:D}=u({items:t,withThumbs:g,thumbsSlideAxis:p,springConfig:h,prepareThumbsData:x,slideType:"fixed"}),W=l((({last:e,movement:[i]})=>{if(!G()&&e){const e=i>b,r=i<-b,s=0===A,o=A===t.length-1;if(r){if(!n&&o)return;H(),F({eventName:"onLeftSwipe"})}else if(e){if(!n&&s)return;J(),F({eventName:"onRightSwipe"})}}}),{enabled:!T});const k=o(A,Object.assign(Object.assign({config:h},function(){const e=z();return"prev"===e&&v?{initial:Object.assign({},O.initial),from:Object.assign({},v.from),enter:Object.assign({},v.enter),leave:Object.assign({},v.leave)}:"next"===e&&I?{initial:Object.assign({},O.initial),from:Object.assign({},I.from),enter:Object.assign({},I.enter),leave:Object.assign({},I.leave)}:{initial:Object.assign({},O.initial),from:Object.assign({},O.from),enter:Object.assign({},O.enter),leave:Object.assign({},O.leave)}}()),{onStart:()=>M(!0),trail:S,exitBeforeEnter:j,key:t[A].id,onRest:e=>{e.finished&&(M(!1),F({eventName:"onSlideChange",slideActionType:z(),currentItem:{index:A,id:t[A].id}}))}}))(((n,i)=>e(a.div,Object.assign({style:Object.assign(Object.assign({},n),{flex:"1 0 100%",width:"100%",height:"100%"})},{children:t[i].renderItem}))));function G(){return w.current}function M(e){w.current=e}function q(e){y.current=e}function z(){return y.current}function H(){const e=A===t.length-1;n?(q("next"),e?(F({eventName:"onSlideStartChange",slideActionType:z(),nextItem:{index:0,id:t[0].id}}),N(0)):(F({eventName:"onSlideStartChange",slideActionType:z(),nextItem:{index:A+1,id:t[A+1].id}}),N(A+1))):e||(F({eventName:"onSlideStartChange",slideActionType:z(),nextItem:{index:A+1,id:t[A+1].id}}),q("next"),N(A+1))}function J(){const e=0===A;n?(q("prev"),e?(F({eventName:"onSlideStartChange",slideActionType:z(),nextItem:{index:t.length-1,id:t[t.length-1].id}}),N(t.length-1)):(F({eventName:"onSlideStartChange",slideActionType:z(),nextItem:{index:A-1,id:t[A-1].id}}),N(A-1))):e||(q("prev"),F({eventName:"onSlideStartChange",slideActionType:z(),nextItem:{index:A-1,id:t[A-1].id}}),N(A-1))}function K(e){return t.findIndex((t=>t.id===e))}const Q={activeItem:A,slideToItem:function(e){let n=0;if(n="string"==typeof e?t.findIndex((t=>t.id===e)):e,n>=t.length)throw Error("The item you want to slide to doesn't exist. This could be due to the fact that \n        you provide a wrong id or a higher numeric index.");if(n===A)return;const i=K(t[A].id),r=K(t[n].id);F({eventName:"onSlideStartChange",slideActionType:z(),nextItem:{index:r,id:t[n].id}}),q(r>i?"next":"prev"),N(n),f&&g&&D(n)},slideToNextItem:H,slideToPrevItem:J,enterFullscreen:E,exitFullscreen:L,useListenToCustomEvent:P,getIsNextItem:function(e){const i=K(e);return n&&A===t.length-1?0===i:i===A+1},getIsPrevItem:function(e){const i=K(e);return n&&0===A?i===t.length-1:i===A-1},getIsAnimating:G,getIsFullscreen:R,getIsActiveItem:e=>K(e)===A,getCurrentActiveItem:()=>({id:t[A].id,index:A})},U=e(m.Provider,Object.assign({value:Q},{children:e("div",Object.assign({ref:C},W(),{style:{display:"flex",position:"relative",width:"100%",height:"100%",overflow:"hidden"}},{children:k}))})),V=e(m.Provider,Object.assign({value:Q},{children:B}));return Object.assign({carouselFragment:U,thumbsFragment:V},Q)}export{h as useTransitionCarousel,g as useTransitionCarouselContext};
-//# sourceMappingURL=index3.js.map