react-spring-carousel 3.0.0-beta015 → 3.0.0-beta017

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@react-spring/web"),r=require("react"),n=require("@use-gesture/react"),i=require("screenfull");function c({thumbsSlideAxis:n="x",withThumbs:i=!1,prepareThumbsData:c,items:u}){const s=r.useRef(null),[l,o]=t.useSpring((()=>({val:0})));function a(){var e;return Math.round(Number(null===(e=s.current)||void 0===e?void 0:e["x"===n?"scrollWidth":"scrollHeight"])-s.current.getBoundingClientRect()["x"===n?"width":"height"])}return{thumbsFragment:i?e.jsx("div",Object.assign({className:"use-spring-carousel-thumbs-wrapper",ref:s,onWheel:()=>l.val.stop(),style:Object.assign({display:"flex",flex:"1",position:"relative",width:"100%",height:"100%",flexDirection:"x"===n?"row":"column"},"x"===n?{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:t,renderThumb:r})=>{const n=`thumb-item-${t}`;return e.jsx("div",Object.assign({id:n,className:"thumb-item"},{children:r}),n)}))})):null,handleScroll:function(e){var t,r;const i=s.current?s.current.querySelector(`#thumb-item-${u[e].id}`):null;if(i&&s.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 e=i.offsetLeft,c=e>a()?a():e;o.start({from:{val:null!==(r=null===(t=s.current)||void 0===t?void 0:t["x"===n?"scrollLeft":"scrollTop"])&&void 0!==r?r:0},to:{val:c},onChange:({value:e})=>{s.current&&(s.current["x"===n?"scrollLeft":"scrollTop"]=Math.abs(e.val))}})}}}}const u=r.createContext(void 0);exports.useSpringCarousel=function({items:u,init:s=!0,withThumbs:l,thumbsSlideAxis:o="x",itemsPerSlide:a=1,slideType:d="fixed",gutter:f=0,withLoop:h=!1,startEndGutter:v=0,carouselSlideAxis:g="x",disableGestures:m=!1,draggingSlideTreshold:x,slideWhenThresholdIsReached:p=!1,freeScroll:b,enableFreeScrollDrag:w,initialStartingPosition:y,prepareThumbsData:E,initialActiveItem:T=0}){const R=a>u.length?u.length:a,j=r.useRef(0),C=r.useRef(null!=x?x:0),S=r.useRef("initial"),I=r.useRef("initial"),F=r.useRef(0),[O,L]=t.useSpring((()=>({val:0,pause:!s,onChange({value:e}){b&&k.current?("x"===g?k.current.scrollLeft=Math.abs(e.val):k.current.scrollTop=Math.abs(e.val),te()):N.current&&(N.current.style.transform="x"===g?`translate3d(${e.val}px, 0px,0px)`:`translate3d(0px,${e.val}px,0px)`)}}))),$=r.useRef(T),M=r.useRef(0===T),A=r.useRef(!1),k=r.useRef(null),N=r.useRef(null),W=r.useCallback((()=>h?[...u.map((e=>Object.assign(Object.assign({},e),{id:`prev-repeated-item-${e.id}`}))),...u,...u.map((e=>Object.assign(Object.assign({},e),{id:`next-repeated-item-${e.id}`})))]:[...u]),[u,h])(),{emitEvent:q,useListenToCustomEvent:D}=function(){const e=r.useRef(null);return r.useEffect((()=>{e.current=document.createElement("div")}),[]),{useListenToCustomEvent:function(t){r.useEffect((()=>{function r(e){t(e.detail)}if(e.current)return e.current.addEventListener("RSC::Event",r,!1),()=>{var t;null===(t=e.current)||void 0===t||t.removeEventListener("RSC::Event",r,!1)}}),[])},emitEvent:function(t){if(e.current){const r=new CustomEvent("RSC::Event",{detail:t});e.current.dispatchEvent(r)}}}}(),{thumbsFragment:P,handleScroll:B}=c({withThumbs:!!l,thumbsSlideAxis:o,prepareThumbsData:E,items:u}),{enterFullscreen:H,exitFullscreen:z,getIsFullscreen:G}=function({mainCarouselWrapperRef:e,onFullScreenChange:t,handleResize:n}){const c=r.useRef(!1);function u(e){c.current=e}return r.useEffect((()=>{function e(){document.fullscreenElement&&(u(!0),t(!0),n&&n()),document.fullscreenElement||(u(!1),t(!1),n&&n())}if(i.isEnabled)return i.on("change",e),()=>{i.isEnabled&&i.off("change",e)}}),[]),{enterFullscreen:function(t){i.isEnabled&&i.request(t||e.current)},exitFullscreen:function(){i.isEnabled&&i.exit()},getIsFullscreen:function(){return c.current}}}({mainCarouselWrapperRef:k,handleResize:()=>Q(),onFullScreenChange:e=>{q({eventName:"onFullscreenChange",isFullscreen:e})}});function X(){var e;const t=null===(e=k.current)||void 0===e?void 0:e.querySelector(".use-spring-carousel-item");if(!t)throw Error("No carousel items available!");return t.getBoundingClientRect()["x"===g?"width":"height"]+f}function Y({from:e,to:r,nextActiveItem:n,immediate:i=!1,slideMode:c}){I.current=c,"number"==typeof n&&(b||($.current=n),q({eventName:"onSlideStartChange",slideActionType:S.current,slideMode:I.current,nextItem:{startReached:M.current,endReached:A.current,index:b?-1:$.current,id:b?"":u[$.current].id}})),F.current=r,L.start({immediate:i,from:{val:e},to:{val:r},config:Object.assign(Object.assign({},t.config.default),{velocity:O.val.velocity}),onRest(e){!i&&e.finished&&q({eventName:"onSlideChange",slideActionType:S.current,slideMode:I.current,currentItem:{startReached:M.current,endReached:A.current,index:b?-1:$.current,id:b?"":u[$.current].id}})}}),l&&!i&&B($.current)}function J(){var e;return h?X()*u.length:Math.round(Number(null===(e=N.current)||void 0===e?void 0:e["x"===g?"scrollWidth":"scrollHeight"])-N.current.getBoundingClientRect()["x"===g?"width":"height"]-2*v)}function K(){var e;const t=null===(e=N.current)||void 0===e?void 0:e.querySelector(".use-spring-carousel-item");if(!t)throw Error("No carousel items available!");return t.getBoundingClientRect()["x"===g?"width":"height"]+f}function Q(){const e="x"===g?"left":"top";function t(t){const r=N.current;r&&(h?(r.style.top="0px",r.style.left="0px",r.style[e]=`-${t-v}px`):(r.style.left="0px",r.style.top="0px"))}const r=Math.abs(U());if(r<J()&&A.current&&(A.current=!1),r>J()){const e=-J();return A.current=!0,F.current=e,void L.start({immediate:!0,val:e})}if(t("center"===y?K()*u.length-X()*Math.round((R-1)/2):"end"===y?K()*u.length-X()*Math.round(R-1):K()*u.length),!b&&"fixed"===d){const e=-X()*$.current;F.current=e,L.start({immediate:!0,val:e})}}function U(){return b&&k.current?k.current["x"===g?"scrollLeft":"scrollTop"]:O.val.get()}function V(e,t){if(b&&"next"===e){const e=F.current+X();return e>J()?J():e}if(b&&"prev"===e){const e=F.current-X();return e<0?0:e}return"next"===e?t?-t*X():F.current-X():t?-t*X():F.current+X()}function Z(e="click",t){if(!s||M.current&&!h)return;S.current="prev",A.current=!1;const r=t||$.current-1;if(!h){const r=b?V("prev",t)-X()/3<0:V("prev",t)+X()/3>0;if(M.current)return;if(r)return M.current=!0,A.current=!1,void Y({slideMode:e,from:U(),to:0,nextActiveItem:0})}if(h&&M.current)return M.current=!1,A.current=!0,void Y({slideMode:e,from:U()-X()*u.length,to:-X()*u.length+X(),nextActiveItem:u.length-1});0===r&&(M.current=!0),r!==u.length-1&&-1!==r||(A.current=!0),Y({slideMode:e,from:U(),to:V("prev",t),nextActiveItem:r})}function _(e="click",t){if(!s||A.current&&!h)return;S.current="next",M.current=!1;const r=t||$.current+1;if(!h){const n=Math.abs(V("next",t))>J()-X()/3;if(A.current)return;if(n)return M.current=!1,A.current=!0,void Y({slideMode:e,from:U(),to:b?J():-J(),nextActiveItem:r})}if(h&&A.current)return A.current=!1,M.current=!0,void Y({slideMode:e,from:U()+X()*u.length,to:0,nextActiveItem:0});0===r&&(M.current=!0),r===u.length-1&&(A.current=!0),Y({slideMode:e,from:U(),to:V("next",t),nextActiveItem:r})}r.useEffect((()=>{if(s){if(T>u.length-1)throw new Error(`initialActiveItem (${T}) is greater than the total quantity available items (${u.length}).`);R>u.length&&console.warn(`itemsPerSlide (${R}) is greater than the total quantity available items (${u.length}). Fallback to ${u.length})`)}}),[T,u,R,s]),r.useEffect((()=>{j.current=window.innerWidth}),[]),r.useEffect((()=>{Q()}),[y,R,h,v,f,b,d,s]),r.useLayoutEffect((()=>{N.current&&Q()}),[]),r.useEffect((()=>{C.current=x||Math.floor(X()/2/2)}),[x]),r.useEffect((()=>{function e(){window.innerWidth!==j.current&&(j.current=window.innerWidth,Q())}return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const ee=n.useDrag((e=>{const r=e.dragging,n=e.offset["x"===g?0:1],i=e.movement["x"===g?0:1],c=e.direction["x"===g?0:1],u=i>C.current,s=i<-C.current;if(r)return S.current=c>0?"prev":"next",q(Object.assign(Object.assign({},e),{eventName:"onDrag",slideActionType:S.current})),b?"prev"===S.current&&n>0?(e.cancel(),void L.start({from:{val:U()},to:{val:0},config:{velocity:e.velocity,friction:50,tension:1e3}})):void L.start({from:{val:U()},to:{val:-n},config:{velocity:e.velocity,friction:50,tension:1e3}}):(L.start({val:n,config:{velocity:e.velocity,friction:50,tension:1e3}}),void(p&&s?(_("drag"),e.cancel()):p&&u&&(Z("drag"),e.cancel())));e.last&&!e.canceled&&b&&("prev"===S.current&&Z("drag"),"next"===S.current&&_("drag")),!e.last||e.canceled||b||(s?!h&&A.current?L.start({val:-J(),config:Object.assign(Object.assign({},t.config.default),{velocity:e.velocity})}):_("drag"):u?!h&&M.current?L.start({val:0,config:Object.assign(Object.assign({},t.config.default),{velocity:e.velocity})}):Z("drag"):L.start({val:F.current,config:Object.assign(Object.assign({},t.config.default),{velocity:e.velocity})}))}),{enabled:s&&!m&&!b||!!b&&!!w,axis:g,from:()=>b&&k.current?[-k.current.scrollLeft,-k.current.scrollTop]:[O.val.get(),O.val.get()]});function te(){k.current&&(F.current=k.current["x"===g?"scrollLeft":"scrollTop"],0===k.current["x"===g?"scrollLeft":"scrollTop"]&&(M.current=!0,A.current=!1),k.current["x"===g?"scrollLeft":"scrollTop"]>0&&k.current["x"===g?"scrollLeft":"scrollTop"]<J()&&(M.current=!1,A.current=!1),k.current["x"===g?"scrollLeft":"scrollTop"]===J()&&(M.current=!1,A.current=!0))}function re(e,t){let r=0;if(r="string"==typeof e?u.findIndex((t=>t.id===e)):e,r<0||r>=u.length){if(t)throw new Error(t);console.error(`The item doesn't exist; check that the id provided - ${e} - is correct.`),r=-1}return r}const ne=e.jsx("div",Object.assign({ref:k},b?{onWheel(){O.val.stop(),te()}}:{},{style:Object.assign({display:"flex",position:"relative",width:"100%",height:"100%"},b?"x"===g?{overflowX:"auto"}:{overflowY:"auto"}:{})},{children:e.jsxs("div",Object.assign({ref:N},ee(),{style:Object.assign({position:"relative",display:"flex",flexDirection:"x"===g?"row":"column",touchAction:"none"},function(){const e=`calc(100% - ${2*v}px)`;return{width:"x"===g?e:"100%",height:"y"===g?e:"100%"}}())},{children:[b&&v?e.jsx("div",{style:{flexShrink:0,width:v}}):null,W.map(((t,r)=>{return e.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"},(n=!!b&&r===u.length-1,"fixed"!==d||b?Object.assign({marginRight:`${n?0:f}px`}):{marginRight:`${n?0:f}px`,flex:`1 0 calc(100% / ${R} - ${f*(R-1)/R}px)`}))},{children:t.renderItem}),`${t.id}-${r}`);var n})),b&&v?e.jsx("div",{style:{flexShrink:0,width:v}}):null]}))}));return b?{useListenToCustomEvent:D,carouselFragment:ne,enterFullscreen:H,exitFullscreen:z,getIsFullscreen:G,thumbsFragment:P,slideToPrevItem:()=>Z(),slideToNextItem:()=>_()}:{useListenToCustomEvent:D,carouselFragment:ne,enterFullscreen:H,exitFullscreen:z,getIsFullscreen:G,thumbsFragment:P,slideToPrevItem:()=>Z(),slideToNextItem:()=>_(),slideToItem:function(e){if(!s)return;M.current=!1,A.current=!1;const t=re(e,"The item you want to slide to doesn't exist; check the provided id.");if(t===$.current)return;const r=re(u[$.current].id),n=re(u[t].id);n>r?_("click",n):Z("click",n)},getIsNextItem:function(e){const t=re(e,"The item doesn't exist; check the provided id."),r=$.current;return h&&r===u.length-1?0===t:t===r+1},getIsPrevItem:function(e){const t=re(e,"The item doesn't exist; check the provided id."),r=$.current;return h&&0===r?t===u.length-1:t===r-1},getIsActiveItem:e=>re(e,"The item you want to check doesn't exist; check the provided id.")===$.current}},exports.useSpringCarouselContext=function(){const e=r.useContext(u);if(!e)throw new Error("useSpringCarouselContext must be used within the carousel.");return e};
+"use strict";var e=require("react/jsx-runtime"),t=require("@react-spring/web"),n=require("react"),r=require("@use-gesture/react"),i=require("screenfull");function s(){const e=n.useRef(null);return n.useEffect((()=>{e.current=document.createElement("div")}),[]),{useListenToCustomEvent:function(t){n.useEffect((()=>{function n(e){t(e.detail)}if(e.current)return e.current.addEventListener("RSC::Event",n,!1),()=>{var t;null===(t=e.current)||void 0===t||t.removeEventListener("RSC::Event",n,!1)}}),[])},emitEvent:function(t){if(e.current){const n=new CustomEvent("RSC::Event",{detail:t});e.current.dispatchEvent(n)}}}}function c({thumbsSlideAxis:r="x",withThumbs:i=!1,prepareThumbsData:s,items:c}){const o=n.useRef(null),[l,u]=t.useSpring((()=>({val:0})));function a(){var e;return Math.round(Number(null===(e=o.current)||void 0===e?void 0:e["x"===r?"scrollWidth":"scrollHeight"])-o.current.getBoundingClientRect()["x"===r?"width":"height"])}return{thumbsFragment:i?e.jsx("div",Object.assign({className:"use-spring-carousel-thumbs-wrapper",ref:o,onWheel:()=>l.val.stop(),style:Object.assign({display:"flex",flex:"1",position:"relative",width:"100%",height:"100%",flexDirection:"x"===r?"row":"column"},"x"===r?{overflowX:"auto"}:{overflowY:"auto",maxHeight:"100%"})},{children:function(){function e(e){return e.map((e=>({id:e.id,renderThumb:e.renderThumb})))}return s?s(e(c)):e(c)}().map((({id:t,renderThumb:n})=>{const r=`thumb-item-${t}`;return e.jsx("div",Object.assign({id:r,className:"thumb-item"},{children:n}),r)}))})):null,handleScroll:function(e){var t,n;const i=o.current?o.current.querySelector(`#thumb-item-${c[e].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 e=i.offsetLeft,s=e>a()?a():e;u.start({from:{val:null!==(n=null===(t=o.current)||void 0===t?void 0:t["x"===r?"scrollLeft":"scrollTop"])&&void 0!==n?n:0},to:{val:s},onChange:({value:e})=>{o.current&&(o.current["x"===r?"scrollLeft":"scrollTop"]=Math.abs(e.val))}})}}}}const o=n.createContext(void 0);const l={initial:{opacity:1,position:"relative"},from:{opacity:0,position:"relative"},enter:{position:"relative",opacity:1},leave:{opacity:1,position:"absolute"}};const u=n.createContext(void 0);exports.useSpringCarousel=function({items:l,init:u=!0,withThumbs:a,thumbsSlideAxis:d="x",itemsPerSlide:f=1,slideType:h="fixed",gutter:g=0,withLoop:v=!1,startEndGutter:m=0,carouselSlideAxis:x="x",disableGestures:p=!1,draggingSlideTreshold:b,slideWhenThresholdIsReached:j=!1,freeScroll:y,enableFreeScrollDrag:w,initialStartingPosition:T,prepareThumbsData:O,initialActiveItem:E=0}){const C=f>l.length?l.length:f,R=n.useRef(0),S=n.useRef(null!=b?b:0),I=n.useRef("initial"),M=n.useRef("initial"),F=n.useRef(0),[L,A]=t.useSpring((()=>({val:0,pause:!u,onChange({value:e}){y&&P.current?("x"===x?P.current.scrollLeft=Math.abs(e.val):P.current.scrollTop=Math.abs(e.val),re()):W.current&&(W.current.style.transform="x"===x?`translate3d(${e.val}px, 0px,0px)`:`translate3d(0px,${e.val}px,0px)`)}}))),N=n.useRef(E),$=n.useRef(0===E),k=n.useRef(!1),P=n.useRef(null),W=n.useRef(null),q=n.useCallback((()=>v?[...l.map((e=>Object.assign(Object.assign({},e),{id:`prev-repeated-item-${e.id}`}))),...l,...l.map((e=>Object.assign(Object.assign({},e),{id:`next-repeated-item-${e.id}`})))]:[...l]),[l,v])(),{emitEvent:D,useListenToCustomEvent:B}=s(),{thumbsFragment:H,handleScroll:z}=c({withThumbs:!!a,thumbsSlideAxis:d,prepareThumbsData:O,items:l}),{enterFullscreen:G,exitFullscreen:X,getIsFullscreen:Y}=function({mainCarouselWrapperRef:e,onFullScreenChange:t,handleResize:r}){const s=n.useRef(!1);function c(e){s.current=e}return n.useEffect((()=>{function e(){document.fullscreenElement&&(c(!0),t(!0),r&&r()),document.fullscreenElement||(c(!1),t(!1),r&&r())}if(i.isEnabled)return i.on("change",e),()=>{i.isEnabled&&i.off("change",e)}}),[]),{enterFullscreen:function(t){i.isEnabled&&i.request(t||e.current)},exitFullscreen:function(){i.isEnabled&&i.exit()},getIsFullscreen:function(){return s.current}}}({mainCarouselWrapperRef:P,handleResize:()=>V(),onFullScreenChange:e=>{D({eventName:"onFullscreenChange",isFullscreen:e})}});function J(){var e;const t=null===(e=P.current)||void 0===e?void 0:e.querySelector(".use-spring-carousel-item");if(!t)throw Error("No carousel items available!");return t.getBoundingClientRect()["x"===x?"width":"height"]+g}function K({from:e,to:n,nextActiveItem:r,immediate:i=!1,slideMode:s}){M.current=s,"number"==typeof r&&(y||(N.current=r),D({eventName:"onSlideStartChange",slideActionType:I.current,slideMode:M.current,nextItem:{startReached:$.current,endReached:k.current,index:y?-1:N.current,id:y?"":l[N.current].id}})),F.current=n,A.start({immediate:i,from:{val:e},to:{val:n},config:Object.assign(Object.assign({},t.config.default),{velocity:L.val.velocity}),onRest(e){!i&&e.finished&&D({eventName:"onSlideChange",slideActionType:I.current,slideMode:M.current,currentItem:{startReached:$.current,endReached:k.current,index:y?-1:N.current,id:y?"":l[N.current].id}})}}),a&&!i&&z(N.current)}function Q(){var e;return v?J()*l.length:Math.round(Number(null===(e=W.current)||void 0===e?void 0:e["x"===x?"scrollWidth":"scrollHeight"])-W.current.getBoundingClientRect()["x"===x?"width":"height"]-2*m)}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"===x?"width":"height"]+g}function V(){const e="x"===x?"left":"top";function t(t){const n=W.current;n&&(v?(n.style.top="0px",n.style.left="0px",n.style[e]=`-${t-m}px`):(n.style.left="0px",n.style.top="0px"))}const n=Math.abs(Z());if(n<Q()&&k.current&&(k.current=!1),n>Q()){const e=-Q();return k.current=!0,F.current=e,void A.start({immediate:!0,val:e})}if(t("center"===T?U()*l.length-J()*Math.round((C-1)/2):"end"===T?U()*l.length-J()*Math.round(C-1):U()*l.length),!y&&"fixed"===h){const e=-J()*N.current;F.current=e,A.start({immediate:!0,val:e})}}function Z(){return y&&P.current?P.current["x"===x?"scrollLeft":"scrollTop"]:L.val.get()}function _(e,t){if(y&&"next"===e){const e=F.current+J();return e>Q()?Q():e}if(y&&"prev"===e){const e=F.current-J();return e<0?0:e}return"next"===e?t?-t*J():F.current-J():t?-t*J():F.current+J()}function ee(e="click",t){if(!u||$.current&&!v)return;I.current="prev",k.current=!1;const n=t||N.current-1;if(!v){const n=y?_("prev",t)-J()/3<0:_("prev",t)+J()/3>0;if($.current)return;if(n)return $.current=!0,k.current=!1,void K({slideMode:e,from:Z(),to:0,nextActiveItem:0})}if(v&&$.current)return $.current=!1,k.current=!0,void K({slideMode:e,from:Z()-J()*l.length,to:-J()*l.length+J(),nextActiveItem:l.length-1});0===n&&($.current=!0),n!==l.length-1&&-1!==n||(k.current=!0),K({slideMode:e,from:Z(),to:_("prev",t),nextActiveItem:n})}function te(e="click",t){if(!u||k.current&&!v)return;I.current="next",$.current=!1;const n=t||N.current+1;if(!v){const r=Math.abs(_("next",t))>Q()-J()/3;if(k.current)return;if(r)return $.current=!1,k.current=!0,void K({slideMode:e,from:Z(),to:y?Q():-Q(),nextActiveItem:n})}if(v&&k.current)return k.current=!1,$.current=!0,void K({slideMode:e,from:Z()+J()*l.length,to:0,nextActiveItem:0});0===n&&($.current=!0),n===l.length-1&&(k.current=!0),K({slideMode:e,from:Z(),to:_("next",t),nextActiveItem:n})}n.useEffect((()=>{if(u){if(E>l.length-1)throw new Error(`initialActiveItem (${E}) is greater than the total quantity available items (${l.length}).`);C>l.length&&console.warn(`itemsPerSlide (${C}) is greater than the total quantity available items (${l.length}). Fallback to ${l.length})`)}}),[E,l,C,u]),n.useEffect((()=>{R.current=window.innerWidth}),[]),n.useEffect((()=>{V()}),[T,C,v,m,g,y,h,u]),n.useLayoutEffect((()=>{W.current&&V()}),[]),n.useEffect((()=>{S.current=b||Math.floor(J()/2/2)}),[b]),n.useEffect((()=>{function e(){window.innerWidth!==R.current&&(R.current=window.innerWidth,V())}return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const ne=r.useDrag((e=>{const n=e.dragging,r=e.offset["x"===x?0:1],i=e.movement["x"===x?0:1],s=e.direction["x"===x?0:1],c=i>S.current,o=i<-S.current;if(n)return I.current=s>0?"prev":"next",D(Object.assign(Object.assign({},e),{eventName:"onDrag",slideActionType:I.current})),y?"prev"===I.current&&r>0?(e.cancel(),void A.start({from:{val:Z()},to:{val:0},config:{velocity:e.velocity,friction:50,tension:1e3}})):void A.start({from:{val:Z()},to:{val:-r},config:{velocity:e.velocity,friction:50,tension:1e3}}):(A.start({val:r,config:{velocity:e.velocity,friction:50,tension:1e3}}),void(j&&o?(te("drag"),e.cancel()):j&&c&&(ee("drag"),e.cancel())));e.last&&!e.canceled&&y&&("prev"===I.current&&ee("drag"),"next"===I.current&&te("drag")),!e.last||e.canceled||y||(o?!v&&k.current?A.start({val:-Q(),config:Object.assign(Object.assign({},t.config.default),{velocity:e.velocity})}):te("drag"):c?!v&&$.current?A.start({val:0,config:Object.assign(Object.assign({},t.config.default),{velocity:e.velocity})}):ee("drag"):A.start({val:F.current,config:Object.assign(Object.assign({},t.config.default),{velocity:e.velocity})}))}),{enabled:u&&!p&&!y||!!y&&!!w,axis:x,from:()=>y&&P.current?[-P.current.scrollLeft,-P.current.scrollTop]:[L.val.get(),L.val.get()]});function re(){P.current&&(F.current=P.current["x"===x?"scrollLeft":"scrollTop"],0===P.current["x"===x?"scrollLeft":"scrollTop"]&&($.current=!0,k.current=!1),P.current["x"===x?"scrollLeft":"scrollTop"]>0&&P.current["x"===x?"scrollLeft":"scrollTop"]<Q()&&($.current=!1,k.current=!1),P.current["x"===x?"scrollLeft":"scrollTop"]===Q()&&($.current=!1,k.current=!0))}function ie(e,t){let n=0;if(n="string"==typeof e?l.findIndex((t=>t.id===e)):e,n<0||n>=l.length){if(t)throw new Error(t);console.error(`The item doesn't exist; check that the id provided - ${e} - is correct.`),n=-1}return n}const se=y?{useListenToCustomEvent:B,enterFullscreen:G,exitFullscreen:X,getIsFullscreen:Y,slideToPrevItem:()=>ee(),slideToNextItem:()=>te()}:{useListenToCustomEvent:B,enterFullscreen:G,exitFullscreen:X,getIsFullscreen:Y,slideToPrevItem:()=>ee(),slideToNextItem:()=>te(),slideToItem:function(e){if(!u)return;$.current=!1,k.current=!1;const t=ie(e,"The item you want to slide to doesn't exist; check the provided id.");if(t===N.current)return;const n=ie(l[N.current].id),r=ie(l[t].id);r>n?te("click",r):ee("click",r)},getIsNextItem:function(e){const t=ie(e,"The item doesn't exist; check the provided id."),n=N.current;return v&&n===l.length-1?0===t:t===n+1},getIsPrevItem:function(e){const t=ie(e,"The item doesn't exist; check the provided id."),n=N.current;return v&&0===n?t===l.length-1:t===n-1},getIsActiveItem:e=>ie(e,"The item you want to check doesn't exist; check the provided id.")===N.current},ce=e.jsx(o.Provider,Object.assign({value:se},{children:H})),oe=e.jsx(o.Provider,Object.assign({value:se},{children:e.jsx("div",Object.assign({ref:P},y?{onWheel(){L.val.stop(),re()}}:{},{style:Object.assign({display:"flex",position:"relative",width:"100%",height:"100%"},y?"x"===x?{overflowX:"auto"}:{overflowY:"auto"}:{})},{children:e.jsxs("div",Object.assign({ref:W},ne(),{style:Object.assign({position:"relative",display:"flex",flexDirection:"x"===x?"row":"column",touchAction:"none"},function(){const e=`calc(100% - ${2*m}px)`;return{width:"x"===x?e:"100%",height:"y"===x?e:"100%"}}())},{children:[y&&m?e.jsx("div",{style:{flexShrink:0,width:m}}):null,q.map(((t,n)=>{return e.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"},(r=!!y&&n===l.length-1,"fixed"!==h||y?Object.assign({marginRight:`${r?0:g}px`}):{marginRight:`${r?0:g}px`,flex:`1 0 calc(100% / ${C} - ${g*(C-1)/C}px)`}))},{children:t.renderItem}),`${t.id}-${n}`);var r})),y&&m?e.jsx("div",{style:{flexShrink:0,width:m}}):null]}))}))}));return Object.assign(Object.assign({},se),{carouselFragment:oe,thumbsFragment:ce})},exports.useSpringCarouselContext=function(){const e=n.useContext(o);if(!e)throw new Error("useSpringCarouselContext must be used within the carousel.");return e},exports.useTransitionCarousel=function({init:i=!0,disableGestures:o=!1,items:a,springConfig:d=t.config.default,exitBeforeEnter:f=!1,trail:h,withLoop:g=!1,activeItem:v,toPrevItemSpringProps:m=l,toNextItemSpringProps:x=l,draggingSlideTreshold:p=50,thumbsSlideAxis:b="x"}){const j=n.useRef("next"),y=n.useRef("initial"),w=n.useRef(null),[T,O]=n.useState(null!=v?v:0),{emitEvent:E,useListenToCustomEvent:C}=s(),{handleScroll:R,thumbsFragment:S}=c({thumbsSlideAxis:b,items:a});function I({to:e,slideType:t,slideMode:n}){j.current=t,y.current=n,E({eventName:"onSlideStartChange",slideActionType:j.current,slideMode:y.current,nextItem:{index:e,id:a[e].id,startReached:0===e,endReached:e===a.length-1}}),O(e),R(T)}function M(e){if(!i)return;const t=0===T;!g&&t||I(g&&t?{to:a.length-1,slideType:"prev",slideMode:e}:{to:T-1,slideType:"prev",slideMode:e})}function F(e){if(!i)return;const t=T===a.length-1;!g&&t||I(g&&t?{to:0,slideType:"next",slideMode:e}:{to:T+1,slideType:"next",slideMode:e})}n.useEffect((()=>{"number"==typeof v&&v!==T&&O(v)}),[v]);const L=t.useTransition(T,Object.assign(Object.assign({config:d,key:null,trail:h,exitBeforeEnter:f},"prev"===j.current?{initial:Object.assign({},m.initial),from:Object.assign({},m.from),enter:Object.assign({},m.enter),leave:Object.assign({},m.leave)}:"next"===j.current?{initial:Object.assign({},x.initial),from:Object.assign({},x.from),enter:Object.assign({},x.enter),leave:Object.assign({},x.leave)}:{initial:Object.assign({},l.initial),from:Object.assign({},l.from),enter:Object.assign({},l.enter),leave:Object.assign({},l.leave)}),{onRest(e,t,n){e.finished&&n===T&&E({eventName:"onSlideChange",slideActionType:j.current,slideMode:y.current,currentItem:{index:T,id:a[T].id,startReached:0===T,endReached:T===a.length-1}})}})),A=r.useDrag((({last:e,movement:[t]})=>{if(e){const e=t>p,n=t<-p,r=0===T,i=T===a.length-1;if(n){if(!g&&i)return;E({eventName:"onLeftSwipe"}),F("swipe")}else if(e){if(!g&&r)return;E({eventName:"onRightSwipe"}),M("swipe")}}}),{enabled:!o}),N=L(((n,r,i,s)=>e.jsx(t.a.div,Object.assign({id:`use-transition-carousel-item-${s}`,className:"use-transition-carousel-item",style:Object.assign(Object.assign({},n),{flex:"1 0 100%",width:"100%",height:"100%"})},{children:a[r].renderItem})))),$={useListenToCustomEvent:C,slideToPrevItem:()=>M("click"),slideToNextItem:()=>F("click")},k=e.jsx(u.Provider,Object.assign({value:$},{children:S})),P=e.jsx(u.Provider,Object.assign({value:$},{children:e.jsx("div",Object.assign({ref:w},A(),{style:{display:"flex",position:"relative",width:"100%",height:"100%",overflow:"hidden"}},{children:N}))}));return Object.assign(Object.assign({},$),{carouselFragment:P,thumbsFragment:k})},exports.useTransitionCarouselContext=function(){const e=n.useContext(u);if(!e)throw new Error("useTransitionCarouselContext must be used within the carousel.");return e};
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/modules/useThumbsModule.tsx","../../src/useSpringCarousel.tsx","../../src/modules/useEventsModule.ts","../../src/modules/useFullscreenModule.ts"],"sourcesContent":["import { useSpring } from '@react-spring/web'\nimport { useRef } from 'react'\nimport { SpringCarouselWithThumbs, PrepareThumbsData } 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 <= (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?.[thumbsSlideAxis === 'x' ? 'scrollWidth' : 'scrollHeight'],\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 = 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[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  UseSpringCarouselComplete,\n  SpringCarouselWithThumbs,\n  UseSpringCarouselWithFreeScroll,\n  UseSpringFreeScrollReturnType,\n  UseSpringCarouselWithThumbs,\n  UseSpringCarouselWithNoThumbs,\n  UseSpringCarouselWithNoFixedItems,\n  UseSpringCarouselWithFixedItems,\n} from './types/internals'\n\ntype ReturnType<T> = T extends true ? UseSpringFreeScrollReturnType : UseSpringReturnType\n\n/**\n * With free scroll\n */\nfunction useSpringCarousel(props: UseSpringCarouselWithFreeScroll): ReturnType<true>\nfunction useSpringCarousel(props: UseSpringCarouselWithThumbs<true>): ReturnType<true>\nfunction useSpringCarousel(props: UseSpringCarouselWithNoThumbs<true>): ReturnType<true>\n/**\n * No free scroll\n */\nfunction useSpringCarousel(props: UseSpringCarouselWithThumbs<false>): ReturnType<false>\nfunction useSpringCarousel(props: UseSpringCarouselWithNoThumbs<false>): ReturnType<false>\nfunction useSpringCarousel(\n  props: UseSpringCarouselWithFixedItems<false>,\n): ReturnType<false>\nfunction useSpringCarousel(\n  props: UseSpringCarouselWithNoFixedItems<false>,\n): ReturnType<false>\n\nfunction useSpringCarousel({\n  items,\n  init = true,\n  withThumbs,\n  thumbsSlideAxis = 'x',\n  itemsPerSlide: _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): ReturnType<typeof freeScroll> {\n  const itemsPerSlide = _itemsPerSlide > items.length ? items.length : _itemsPerSlide\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        if (carouselSlideAxis === 'x') {\n          mainCarouselWrapperRef.current.scrollLeft = Math.abs(value.val)\n        } else {\n          mainCarouselWrapperRef.current.scrollTop = Math.abs(value.val)\n        }\n        setStartEndItemReachedOnFreeScroll()\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<'use-spring'>()\n  const { thumbsFragment, handleScroll } = useThumbsModule({\n    withThumbs: !!withThumbs,\n    thumbsSlideAxis,\n    prepareThumbsData,\n    items: items as SpringCarouselWithThumbs['items'],\n  })\n  const { enterFullscreen, exitFullscreen, getIsFullscreen } = useFullscreenModule({\n    mainCarouselWrapperRef,\n    handleResize: () => adjustCarouselWrapperPosition(),\n    onFullScreenChange: val => {\n      emitEvent({\n        eventName: 'onFullscreenChange',\n        isFullscreen: val,\n      })\n    },\n  })\n\n  function getItemStyles(isLastItem: boolean) {\n    if (slideType === 'fixed' && !freeScroll) {\n      return {\n        marginRight: `${isLastItem ? 0 : gutter}px`,\n        flex: `1 0 calc(100% / ${itemsPerSlide} - ${\n          (gutter * (itemsPerSlide - 1)) / itemsPerSlide\n        }px)`,\n      }\n    }\n    return {\n      ...{ marginRight: `${isLastItem ? 0 : 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        startEndGutter * 2,\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 = freeScroll\n        ? getToValue('prev', index) - getSlideValue() / 3 < 0\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)) > 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: freeScroll ? getTotalScrollValue() : -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    if (init) {\n      if (initialActiveItem > items.length - 1) {\n        throw new Error(\n          `initialActiveItem (${initialActiveItem}) is greater than the total quantity available items (${items.length}).`,\n        )\n      }\n      if (itemsPerSlide > items.length) {\n        console.warn(\n          `itemsPerSlide (${itemsPerSlide}) is greater than the total quantity available items (${items.length}). Fallback to ${items.length})`,\n        )\n      }\n    }\n  }, [initialActiveItem, items, itemsPerSlide, init])\n  useEffect(() => {\n    prevWindowWidth.current = window.innerWidth\n  }, [])\n  useEffect(() => {\n    adjustCarouselWrapperPosition()\n    // eslint-disable-next-line react-hooks/exhaustive-deps\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    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n  useEffect(() => {\n    if (_draggingSlideTreshold) {\n      draggingSlideTreshold.current = _draggingSlideTreshold\n    } else {\n      draggingSlideTreshold.current = Math.floor(getSlideValue() / 2 / 2)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\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    // eslint-disable-next-line react-hooks/exhaustive-deps\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\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\n  function findItemIndex(id: string | number, error?: string) {\n    let itemIndex = 0\n\n    if (typeof id === 'string') {\n      itemIndex = items.findIndex(item => item.id === id)\n    } else {\n      itemIndex = id\n    }\n    if (itemIndex < 0 || itemIndex >= items.length) {\n      if (error) {\n        throw new Error(error)\n      }\n      console.error(\n        `The item doesn't exist; check that the id provided - ${id} - is correct.`,\n      )\n      itemIndex = -1\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 = findItemIndex(\n      id,\n      \"The item you want to slide to doesn't exist; check the provided id.\",\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 | number) {\n    const itemIndex = findItemIndex(id, \"The item doesn't exist; check the provided 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 | number) {\n    const itemIndex = findItemIndex(id, \"The item doesn't exist; check the provided 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        {freeScroll && startEndGutter ? (\n          <div\n            style={{\n              flexShrink: 0,\n              width: startEndGutter,\n            }}\n          />\n        ) : null}\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(!!freeScroll && index === items.length - 1),\n              }}\n            >\n              {item.renderItem}\n            </div>\n          )\n        })}\n        {freeScroll && startEndGutter ? (\n          <div\n            style={{\n              flexShrink: 0,\n              width: startEndGutter,\n            }}\n          />\n        ) : null}\n      </div>\n    </div>\n  )\n\n  if (freeScroll) {\n    return {\n      useListenToCustomEvent,\n      carouselFragment,\n      enterFullscreen,\n      exitFullscreen,\n      getIsFullscreen,\n      thumbsFragment,\n      slideToPrevItem: () => slideToPrevItem(),\n      slideToNextItem: () => slideToNextItem(),\n    }\n  }\n\n  return {\n    useListenToCustomEvent,\n    carouselFragment,\n    enterFullscreen,\n    exitFullscreen,\n    getIsFullscreen,\n    thumbsFragment,\n    slideToPrevItem: () => slideToPrevItem(),\n    slideToNextItem: () => slideToNextItem(),\n    slideToItem: internalSlideToItem,\n    getIsNextItem,\n    getIsPrevItem,\n    getIsActiveItem: (id: string | number) => {\n      return (\n        findItemIndex(\n          id,\n          \"The item you want to check doesn't exist; check the provided id.\",\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('useSpringCarouselContext must be used within the carousel.')\n  }\n  return context\n}\n\nexport { useSpringCarousel, useSpringCarouselContext }\n","import { FullGestureState } from '@use-gesture/react'\nimport { useEffect, useRef } from 'react'\nimport { SlideActionType, SlideMode, TransitionSlideMode } from '../types/common'\n\nconst eventLabel = 'RSC::Event'\n\ntype OnSlideStartChange<T> = {\n  eventName: 'onSlideStartChange'\n  slideActionType: SlideActionType\n  slideMode: T extends 'use-spring' ? SlideMode : TransitionSlideMode\n  nextItem: {\n    index: number\n    id: string\n    startReached: boolean\n    endReached: boolean\n  }\n}\ntype OnSlideChange<T> = {\n  eventName: 'onSlideChange'\n  slideActionType: SlideActionType\n  slideMode: T extends 'use-spring' ? SlideMode : TransitionSlideMode\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 OnLeftSwipe = {\n  eventName: 'onLeftSwipe'\n}\n\ntype OnRightSwipe = {\n  eventName: 'onRightSwipe'\n}\n\ntype SpringCarouselEvents<T> =\n  | OnSlideStartChange<T>\n  | OnSlideChange<T>\n  | OnDrag\n  | OnFullscreenChange\n\ntype TransitionCarouselEvents<T> =\n  | OnSlideStartChange<T>\n  | OnSlideChange<T>\n  | OnFullscreenChange\n  | OnLeftSwipe\n  | OnRightSwipe\n\ntype Events<T> = T extends 'use-spring'\n  ? SpringCarouselEvents<'use-spring'>\n  : TransitionCarouselEvents<'use-transition'>\n\ntype EventHandler<T> = (props: Events<T>) => void\n\nexport type UseListenToCustomEvent<T> = {\n  useListenToCustomEvent: (eventHandler: EventHandler<T>) => void\n  emitEvent: (event: Events<T>) => void\n}\n\nexport function useEventsModule<T extends 'use-spring' | 'use-transition'>() {\n  const targetEvent = useRef<HTMLDivElement | null>(null)\n\n  useEffect(() => {\n    targetEvent.current = document.createElement('div')\n  }, [])\n\n  function useListenToCustomEvent(eventHandler: EventHandler<T>) {\n    useEffect(() => {\n      function handleEvent(event: CustomEvent<Events<T>>) {\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(eventLabel, handleEvent, false)\n        }\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [])\n  }\n  function emitEvent(event: Events<T>) {\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 { useRef, MutableRefObject, useEffect } from 'react'\nimport screenfull from 'screenfull'\n\ntype FullscreenModule = {\n  mainCarouselWrapperRef: MutableRefObject<HTMLDivElement | null>\n  handleResize?(): void\n  onFullScreenChange(isFullscreen: boolean): void\n}\n\nexport function useFullscreenModule({\n  mainCarouselWrapperRef,\n  onFullScreenChange,\n  handleResize,\n}: FullscreenModule) {\n  const isFullscreen = useRef(false)\n\n  useEffect(() => {\n    function handleFullscreenChange() {\n      if (document.fullscreenElement) {\n        setIsFullscreen(true)\n        onFullScreenChange(true)\n        handleResize && handleResize()\n      }\n\n      if (!document.fullscreenElement) {\n        setIsFullscreen(false)\n        onFullScreenChange(false)\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    // eslint-disable-next-line react-hooks/exhaustive-deps\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"],"names":["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","_itemsPerSlide","slideType","gutter","withLoop","startEndGutter","carouselSlideAxis","disableGestures","draggingSlideTreshold","_draggingSlideTreshold","slideWhenThresholdIsReached","freeScroll","enableFreeScrollDrag","initialStartingPosition","initialActiveItem","length","prevWindowWidth","slideActionType","slideModeType","prevSlidedValue","pause","mainCarouselWrapperRef","scrollLeft","scrollTop","setStartEndItemReachedOnFreeScroll","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","onFullScreenChange","handleResize","isFullscreen","setIsFullscreen","_isFullscreen","handleFullscreenChange","fullscreenElement","screenfull","isEnabled","on","off","elementRef","request","exit","useFullscreenModule","adjustCarouselWrapperPosition","eventName","getSlideValue","carouselItem","Error","slideToItem","nextActiveItem","immediate","slideMode","nextItem","startReached","endReached","index","config","default","velocity","onRest","finished","currentItem","getCarouselItemWidth","positionProperty","setPosition","v","currentFromValue","getFromValue","get","getToValue","type","next","slideToPrevItem","nextItemWillExceed","slideToNextItem","console","warn","useLayoutEffect","floor","bindDrag","useDrag","state","isDragging","dragging","movement","currentMovement","direction","prevItemTreshold","nextItemTreshold","cancel","friction","tension","last","canceled","enabled","axis","findItemIndex","error","itemIndex","findIndex","item","carouselFragment","_jsxs","touchAction","percentValue","getAnimatedWrapperStyles","flexShrink","isLastItem","marginRight","renderItem","newActiveItem","getIsNextItem","_activeItem","getIsPrevItem","getIsActiveItem","context","useContext"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/modules/useEventsModule.ts","../../src/modules/useThumbsModule.tsx","../../src/useSpringCarousel.tsx","../../src/useTransitionCarousel.tsx","../../src/modules/useFullscreenModule.ts"],"sourcesContent":["import { FullGestureState } from '@use-gesture/react'\nimport { useEffect, useRef } from 'react'\nimport { SlideActionType, SlideMode, TransitionSlideMode } from '../types/common'\n\nconst eventLabel = 'RSC::Event'\n\ntype OnSlideStartChange<T> = {\n  eventName: 'onSlideStartChange'\n  slideActionType: SlideActionType\n  slideMode: T extends 'use-spring' ? SlideMode : TransitionSlideMode\n  nextItem: {\n    index: number\n    id: string\n    startReached: boolean\n    endReached: boolean\n  }\n}\ntype OnSlideChange<T> = {\n  eventName: 'onSlideChange'\n  slideActionType: SlideActionType\n  slideMode: T extends 'use-spring' ? SlideMode : TransitionSlideMode\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 OnLeftSwipe = {\n  eventName: 'onLeftSwipe'\n}\n\ntype OnRightSwipe = {\n  eventName: 'onRightSwipe'\n}\n\ntype SpringCarouselEvents<T> =\n  | OnSlideStartChange<T>\n  | OnSlideChange<T>\n  | OnDrag\n  | OnFullscreenChange\n\ntype TransitionCarouselEvents<T> =\n  | OnSlideStartChange<T>\n  | OnSlideChange<T>\n  | OnFullscreenChange\n  | OnLeftSwipe\n  | OnRightSwipe\n\ntype Events<T> = T extends 'use-spring'\n  ? SpringCarouselEvents<'use-spring'>\n  : TransitionCarouselEvents<'use-transition'>\n\ntype EventHandler<T> = (props: Events<T>) => void\n\nexport type UseListenToCustomEvent<T> = {\n  useListenToCustomEvent: (eventHandler: EventHandler<T>) => void\n  emitEvent: (event: Events<T>) => void\n}\n\nexport function useEventsModule<T extends 'use-spring' | 'use-transition'>() {\n  const targetEvent = useRef<HTMLDivElement | null>(null)\n\n  useEffect(() => {\n    targetEvent.current = document.createElement('div')\n  }, [])\n\n  function useListenToCustomEvent(eventHandler: EventHandler<T>) {\n    useEffect(() => {\n      function handleEvent(event: CustomEvent<Events<T>>) {\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(eventLabel, handleEvent, false)\n        }\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [])\n  }\n  function emitEvent(event: Events<T>) {\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 { SpringCarouselWithThumbs, PrepareThumbsData } from 'src/types/internals'\nimport { ItemWithThumb } from '../types'\n\ntype Props = {\n  withThumbs?: boolean\n  thumbsSlideAxis: SpringCarouselWithThumbs['thumbsSlideAxis']\n  prepareThumbsData?: PrepareThumbsData\n  items: ItemWithThumb[]\n}\n\nfunction isInViewport(el: HTMLElement) {\n  const rect = el.getBoundingClientRect()\n  return (\n    rect.top >= 0 &&\n    rect.left >= 0 &&\n    rect.bottom <= (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?.[thumbsSlideAxis === 'x' ? 'scrollWidth' : 'scrollHeight'],\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 = 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[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  UseSpringCarouselComplete,\n  SpringCarouselWithThumbs,\n  UseSpringCarouselWithFreeScroll,\n  UseSpringFreeScrollReturnType,\n  UseSpringCarouselWithThumbs,\n  UseSpringCarouselWithNoThumbs,\n  UseSpringCarouselWithNoFixedItems,\n  UseSpringCarouselWithFixedItems,\n} from './types/internals'\n\ntype ReturnType<T> = T extends true ? UseSpringFreeScrollReturnType : UseSpringReturnType\n\n/**\n * With free scroll\n */\nfunction useSpringCarousel(props: UseSpringCarouselWithFreeScroll): ReturnType<true>\nfunction useSpringCarousel(props: UseSpringCarouselWithThumbs<true>): ReturnType<true>\nfunction useSpringCarousel(props: UseSpringCarouselWithNoThumbs<true>): ReturnType<true>\n/**\n * No free scroll\n */\nfunction useSpringCarousel(props: UseSpringCarouselWithThumbs<false>): ReturnType<false>\nfunction useSpringCarousel(props: UseSpringCarouselWithNoThumbs<false>): ReturnType<false>\nfunction useSpringCarousel(\n  props: UseSpringCarouselWithFixedItems<false>,\n): ReturnType<false>\nfunction useSpringCarousel(\n  props: UseSpringCarouselWithNoFixedItems<false>,\n): ReturnType<false>\n\nfunction useSpringCarousel({\n  items,\n  init = true,\n  withThumbs,\n  thumbsSlideAxis = 'x',\n  itemsPerSlide: _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): ReturnType<typeof freeScroll> {\n  const itemsPerSlide = _itemsPerSlide > items.length ? items.length : _itemsPerSlide\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        if (carouselSlideAxis === 'x') {\n          mainCarouselWrapperRef.current.scrollLeft = Math.abs(value.val)\n        } else {\n          mainCarouselWrapperRef.current.scrollTop = Math.abs(value.val)\n        }\n        setStartEndItemReachedOnFreeScroll()\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<'use-spring'>()\n  const { thumbsFragment, handleScroll } = useThumbsModule({\n    withThumbs: !!withThumbs,\n    thumbsSlideAxis,\n    prepareThumbsData,\n    items: items as SpringCarouselWithThumbs['items'],\n  })\n  const { enterFullscreen, exitFullscreen, getIsFullscreen } = useFullscreenModule({\n    mainCarouselWrapperRef,\n    handleResize: () => adjustCarouselWrapperPosition(),\n    onFullScreenChange: val => {\n      emitEvent({\n        eventName: 'onFullscreenChange',\n        isFullscreen: val,\n      })\n    },\n  })\n\n  function getItemStyles(isLastItem: boolean) {\n    if (slideType === 'fixed' && !freeScroll) {\n      return {\n        marginRight: `${isLastItem ? 0 : gutter}px`,\n        flex: `1 0 calc(100% / ${itemsPerSlide} - ${\n          (gutter * (itemsPerSlide - 1)) / itemsPerSlide\n        }px)`,\n      }\n    }\n    return {\n      ...{ marginRight: `${isLastItem ? 0 : 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        startEndGutter * 2,\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 = freeScroll\n        ? getToValue('prev', index) - getSlideValue() / 3 < 0\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)) > 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: freeScroll ? getTotalScrollValue() : -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    if (init) {\n      if (initialActiveItem > items.length - 1) {\n        throw new Error(\n          `initialActiveItem (${initialActiveItem}) is greater than the total quantity available items (${items.length}).`,\n        )\n      }\n      if (itemsPerSlide > items.length) {\n        console.warn(\n          `itemsPerSlide (${itemsPerSlide}) is greater than the total quantity available items (${items.length}). Fallback to ${items.length})`,\n        )\n      }\n    }\n  }, [initialActiveItem, items, itemsPerSlide, init])\n  useEffect(() => {\n    prevWindowWidth.current = window.innerWidth\n  }, [])\n  useEffect(() => {\n    adjustCarouselWrapperPosition()\n    // eslint-disable-next-line react-hooks/exhaustive-deps\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    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n  useEffect(() => {\n    if (_draggingSlideTreshold) {\n      draggingSlideTreshold.current = _draggingSlideTreshold\n    } else {\n      draggingSlideTreshold.current = Math.floor(getSlideValue() / 2 / 2)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\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    // eslint-disable-next-line react-hooks/exhaustive-deps\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\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\n  function findItemIndex(id: string | number, error?: string) {\n    let itemIndex = 0\n\n    if (typeof id === 'string') {\n      itemIndex = items.findIndex(item => item.id === id)\n    } else {\n      itemIndex = id\n    }\n    if (itemIndex < 0 || itemIndex >= items.length) {\n      if (error) {\n        throw new Error(error)\n      }\n      console.error(\n        `The item doesn't exist; check that the id provided - ${id} - is correct.`,\n      )\n      itemIndex = -1\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 = findItemIndex(\n      id,\n      \"The item you want to slide to doesn't exist; check the provided id.\",\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 | number) {\n    const itemIndex = findItemIndex(id, \"The item doesn't exist; check the provided 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 | number) {\n    const itemIndex = findItemIndex(id, \"The item doesn't exist; check the provided 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 res = freeScroll\n    ? {\n        useListenToCustomEvent,\n        enterFullscreen,\n        exitFullscreen,\n        getIsFullscreen,\n        slideToPrevItem: () => slideToPrevItem(),\n        slideToNextItem: () => slideToNextItem(),\n      }\n    : {\n        useListenToCustomEvent,\n        enterFullscreen,\n        exitFullscreen,\n        getIsFullscreen,\n        slideToPrevItem: () => slideToPrevItem(),\n        slideToNextItem: () => slideToNextItem(),\n        slideToItem: internalSlideToItem,\n        getIsNextItem,\n        getIsPrevItem,\n        getIsActiveItem: (id: string | number) => {\n          return (\n            findItemIndex(\n              id,\n              \"The item you want to check doesn't exist; check the provided id.\",\n            ) === activeItem.current\n          )\n        },\n      }\n\n  const _thumbsFragment = (\n    <Context.Provider value={res}>{thumbsFragment}</Context.Provider>\n  )\n  const carouselFragment = (\n    <Context.Provider value={res}>\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          {freeScroll && startEndGutter ? (\n            <div\n              style={{\n                flexShrink: 0,\n                width: startEndGutter,\n              }}\n            />\n          ) : null}\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(!!freeScroll && index === items.length - 1),\n                }}\n              >\n                {item.renderItem}\n              </div>\n            )\n          })}\n          {freeScroll && startEndGutter ? (\n            <div\n              style={{\n                flexShrink: 0,\n                width: startEndGutter,\n              }}\n            />\n          ) : null}\n        </div>\n      </div>\n    </Context.Provider>\n  )\n\n  return { ...res, carouselFragment, thumbsFragment: _thumbsFragment }\n}\n\ntype ContextProps<T> = Omit<ReturnType<T>, 'carouselFragment' | 'thumbsFragment'>\n\nconst Context = createContext<ContextProps<true | false> | undefined>(undefined)\n\nfunction useSpringCarouselContext<T extends boolean>() {\n  const context = useContext(Context)\n  if (!context) {\n    throw new Error('useSpringCarouselContext must be used within the carousel.')\n  }\n  return context as ContextProps<T>\n}\n\nexport { useSpringCarousel, useSpringCarouselContext }\n","import { a, config, useTransition } from '@react-spring/web'\nimport { useEffect, useRef, useState, createContext, useContext } from 'react'\nimport { SlideActionType, TransitionSlideMode } from './types/common'\nimport {\n  UseTransitionCarouselProps,\n  UseTransitionCarouselReturnProps,\n} from './types/useTransitionCarousel.types'\nimport { useEventsModule } from './modules/useEventsModule'\nimport { useDrag } from '@use-gesture/react'\nimport { useThumbsModule } from './modules'\nimport { ItemWithThumb } from './types'\n\nconst defaultAnimationProps = {\n  initial: {\n    opacity: 1,\n    position: 'relative',\n  },\n  from: {\n    opacity: 0,\n    position: 'relative',\n  },\n  enter: {\n    position: 'relative',\n    opacity: 1,\n  },\n  leave: {\n    opacity: 1,\n    position: 'absolute',\n  },\n}\n\nfunction useTransitionCarousel({\n  init = true,\n  disableGestures = false,\n  items,\n  springConfig = config.default,\n  exitBeforeEnter = false,\n  trail,\n  withLoop = false,\n  activeItem: externalActiveItem,\n  toPrevItemSpringProps = defaultAnimationProps,\n  toNextItemSpringProps = defaultAnimationProps,\n  draggingSlideTreshold = 50,\n  thumbsSlideAxis = 'x',\n}: UseTransitionCarouselProps): UseTransitionCarouselReturnProps {\n  const slideActionType = useRef<SlideActionType>('next')\n  const slideModeType = useRef<TransitionSlideMode>('initial')\n  const mainCarouselWrapperRef = useRef<HTMLDivElement | null>(null)\n  const [activeItem, setActiveItem] = useState(externalActiveItem ?? 0)\n  const { emitEvent, useListenToCustomEvent } = useEventsModule<'use-transition'>()\n  const { handleScroll, thumbsFragment } = useThumbsModule({\n    thumbsSlideAxis,\n    items: items as ItemWithThumb[],\n  })\n\n  function getConfig() {\n    if (slideActionType.current === 'prev') {\n      return {\n        initial: {\n          ...toPrevItemSpringProps.initial,\n        },\n        from: {\n          ...toPrevItemSpringProps.from,\n        },\n        enter: {\n          ...toPrevItemSpringProps.enter,\n        },\n        leave: {\n          ...toPrevItemSpringProps.leave,\n        },\n      }\n    }\n    if (slideActionType.current === 'next') {\n      return {\n        initial: {\n          ...toNextItemSpringProps.initial,\n        },\n        from: {\n          ...toNextItemSpringProps.from,\n        },\n        enter: {\n          ...toNextItemSpringProps.enter,\n        },\n        leave: {\n          ...toNextItemSpringProps.leave,\n        },\n      }\n    }\n    return {\n      initial: {\n        ...defaultAnimationProps.initial,\n      },\n      from: {\n        ...defaultAnimationProps.from,\n      },\n      enter: {\n        ...defaultAnimationProps.enter,\n      },\n      leave: {\n        ...defaultAnimationProps.leave,\n      },\n    }\n  }\n\n  useEffect(() => {\n    if (typeof externalActiveItem === 'number' && externalActiveItem !== activeItem) {\n      setActiveItem(externalActiveItem)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [externalActiveItem])\n\n  type SlideToItem = {\n    to: number\n    slideType: SlideActionType\n    slideMode: TransitionSlideMode\n  }\n\n  function slideToItem({ to, slideType, slideMode }: SlideToItem) {\n    slideActionType.current = slideType\n    slideModeType.current = slideMode\n    emitEvent({\n      eventName: 'onSlideStartChange',\n      slideActionType: slideActionType.current,\n      slideMode: slideModeType.current,\n      nextItem: {\n        index: to,\n        id: items[to].id,\n        startReached: to === 0,\n        endReached: to === items.length - 1,\n      },\n    })\n    setActiveItem(to)\n    handleScroll(activeItem)\n  }\n\n  function slideToPrevItem(slideMode: TransitionSlideMode) {\n    if (!init) return\n    const isFirstItem = activeItem === 0\n\n    if (!withLoop && isFirstItem) return\n\n    if (withLoop && isFirstItem) {\n      slideToItem({\n        to: items.length - 1,\n        slideType: 'prev',\n        slideMode,\n      })\n    } else {\n      slideToItem({\n        to: activeItem - 1,\n        slideType: 'prev',\n        slideMode,\n      })\n    }\n  }\n  function slideToNextItem(slideMode: TransitionSlideMode) {\n    if (!init) return\n    const isLastItem = activeItem === items.length - 1\n\n    if (!withLoop && isLastItem) return\n\n    if (withLoop && isLastItem) {\n      slideToItem({\n        to: 0,\n        slideType: 'next',\n        slideMode,\n      })\n    } else {\n      slideToItem({\n        to: activeItem + 1,\n        slideType: 'next',\n        slideMode,\n      })\n    }\n  }\n\n  const transitions = useTransition(activeItem, {\n    config: springConfig,\n    key: null,\n    trail,\n    exitBeforeEnter,\n    ...getConfig(),\n    onRest(value, _, index) {\n      if (value.finished && index === activeItem) {\n        emitEvent({\n          eventName: 'onSlideChange',\n          slideActionType: slideActionType.current,\n          slideMode: slideModeType.current,\n          currentItem: {\n            index: activeItem,\n            id: items[activeItem].id,\n            startReached: activeItem === 0,\n            endReached: activeItem === items.length - 1,\n          },\n        })\n      }\n    },\n  })\n\n  const bindSwipe = useDrag(\n    ({ last, movement: [mx] }) => {\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) return\n\n          emitEvent({\n            eventName: 'onLeftSwipe',\n          })\n          slideToNextItem('swipe')\n        } else if (prevItemTreshold) {\n          if (!withLoop && isFirstItem) return\n\n          emitEvent({\n            eventName: 'onRightSwipe',\n          })\n          slideToPrevItem('swipe')\n        }\n      }\n    },\n    {\n      enabled: !disableGestures,\n    },\n  )\n\n  const itemsFragment = transitions((styles, item, _, indx) => {\n    return (\n      <a.div\n        id={`use-transition-carousel-item-${indx}`}\n        className=\"use-transition-carousel-item\"\n        style={{\n          ...styles,\n          flex: '1 0 100%',\n          width: '100%',\n          height: '100%',\n        }}\n      >\n        {items[item].renderItem}\n      </a.div>\n    )\n  })\n\n  const res = {\n    useListenToCustomEvent,\n    slideToPrevItem: () => slideToPrevItem('click'),\n    slideToNextItem: () => slideToNextItem('click'),\n  }\n\n  const _thumbsFragment = (\n    <Context.Provider value={res}>{thumbsFragment}</Context.Provider>\n  )\n  const carouselFragment = (\n    <Context.Provider value={res}>\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    </Context.Provider>\n  )\n\n  return {\n    ...res,\n    carouselFragment,\n    thumbsFragment: _thumbsFragment,\n  }\n}\n\ntype ContextProps = Omit<\n  UseTransitionCarouselReturnProps,\n  'carouselFragment' | 'thumbsFragment'\n>\n\nconst Context = createContext<ContextProps | undefined>(undefined)\n\nfunction useTransitionCarouselContext() {\n  const context = useContext(Context)\n  if (!context) {\n    throw new Error('useTransitionCarouselContext must be used within the carousel.')\n  }\n  return context\n}\n\nexport { useTransitionCarousel, useTransitionCarouselContext }\n","import { useRef, MutableRefObject, useEffect } from 'react'\nimport screenfull from 'screenfull'\n\ntype FullscreenModule = {\n  mainCarouselWrapperRef: MutableRefObject<HTMLDivElement | null>\n  handleResize?(): void\n  onFullScreenChange(isFullscreen: boolean): void\n}\n\nexport function useFullscreenModule({\n  mainCarouselWrapperRef,\n  onFullScreenChange,\n  handleResize,\n}: FullscreenModule) {\n  const isFullscreen = useRef(false)\n\n  useEffect(() => {\n    function handleFullscreenChange() {\n      if (document.fullscreenElement) {\n        setIsFullscreen(true)\n        onFullScreenChange(true)\n        handleResize && handleResize()\n      }\n\n      if (!document.fullscreenElement) {\n        setIsFullscreen(false)\n        onFullScreenChange(false)\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    // eslint-disable-next-line react-hooks/exhaustive-deps\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"],"names":["useEventsModule","targetEvent","useRef","useEffect","current","document","createElement","useListenToCustomEvent","eventHandler","handleEvent","event","detail","addEventListener","_a","removeEventListener","emitEvent","newEvent","CustomEvent","dispatchEvent","useThumbsModule","thumbsSlideAxis","withThumbs","prepareThumbsData","items","wrapperRef","spring","setSpring","useSpring","val","getTotalScrollValue","Math","round","Number","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","documentElement","clientHeight","right","innerWidth","clientWidth","isInViewport","offset","offsetLeft","start","from","to","onChange","value","abs","Context","createContext","undefined","defaultAnimationProps","initial","opacity","enter","leave","init","itemsPerSlide","_itemsPerSlide","slideType","gutter","withLoop","startEndGutter","carouselSlideAxis","disableGestures","draggingSlideTreshold","_draggingSlideTreshold","slideWhenThresholdIsReached","freeScroll","enableFreeScrollDrag","initialStartingPosition","initialActiveItem","length","prevWindowWidth","slideActionType","slideModeType","prevSlidedValue","pause","mainCarouselWrapperRef","scrollLeft","scrollTop","setStartEndItemReachedOnFreeScroll","carouselTrackWrapperRef","transform","firstItemReached","lastItemReached","internalItems","useCallback","getItems","enterFullscreen","exitFullscreen","getIsFullscreen","onFullScreenChange","handleResize","isFullscreen","setIsFullscreen","_isFullscreen","handleFullscreenChange","fullscreenElement","screenfull","isEnabled","on","off","elementRef","request","exit","useFullscreenModule","adjustCarouselWrapperPosition","eventName","getSlideValue","carouselItem","Error","slideToItem","nextActiveItem","immediate","slideMode","nextItem","startReached","endReached","index","config","default","velocity","onRest","finished","currentItem","getCarouselItemWidth","positionProperty","setPosition","v","currentFromValue","getFromValue","get","getToValue","type","next","slideToPrevItem","nextItemWillExceed","slideToNextItem","console","warn","useLayoutEffect","floor","bindDrag","useDrag","state","isDragging","dragging","movement","currentMovement","direction","prevItemTreshold","nextItemTreshold","cancel","friction","tension","last","canceled","enabled","axis","findItemIndex","error","itemIndex","findIndex","item","res","newActiveItem","getIsNextItem","_activeItem","getIsPrevItem","getIsActiveItem","_thumbsFragment","Provider","carouselFragment","_jsxs","touchAction","percentValue","getAnimatedWrapperStyles","flexShrink","isLastItem","marginRight","renderItem","context","useContext","springConfig","exitBeforeEnter","trail","externalActiveItem","toPrevItemSpringProps","toNextItemSpringProps","setActiveItem","useState","isFirstItem","transitions","useTransition","key","_","bindSwipe","mx","itemsFragment","styles","indx","a","div","overflow"],"mappings":"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"}

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-export{useSpringCarousel,useSpringCarouselContext}from"./useSpringCarousel.js";import"react/jsx-runtime";import"@react-spring/web";import"react";import"./useEventsModule-58340c73.js";import"@use-gesture/react";import"./useThumbsModule-ca28667b.js";import"screenfull";
+export{useSpringCarousel,useSpringCarouselContext}from"./useSpringCarousel.js";export{useTransitionCarousel,useTransitionCarouselContext}from"./useTransitionCarousel.js";import"react/jsx-runtime";import"@react-spring/web";import"react";import"./useThumbsModule-5ae95b7f.js";import"@use-gesture/react";import"./useFullscreenModule-519d337d.js";import"screenfull";
 //# sourceMappingURL=index.js.map

package/dist/esm/index2.js

@@ -1,2 +1,2 @@
-export{u as useEventsModule}from"./useEventsModule-58340c73.js";export{a as useFullscreenModule,u as useThumbsModule}from"./useThumbsModule-ca28667b.js";import"react";import"screenfull";import"react/jsx-runtime";import"@react-spring/web";
+export{u as useEventsModule,a as useThumbsModule}from"./useThumbsModule-5ae95b7f.js";export{u as useFullscreenModule}from"./useFullscreenModule-519d337d.js";import"react";import"react/jsx-runtime";import"@react-spring/web";import"screenfull";
 //# sourceMappingURL=index2.js.map

package/dist/esm/useFullscreenModule-519d337d.js

@@ -0,0 +1,2 @@
+import{useRef as e,useEffect as n}from"react";import r from"screenfull";function t({mainCarouselWrapperRef:t,onFullScreenChange:u,handleResize:c}){const l=e(!1);function o(e){l.current=e}return n((()=>{function e(){document.fullscreenElement&&(o(!0),u(!0),c&&c()),document.fullscreenElement||(o(!1),u(!1),c&&c())}if(r.isEnabled)return r.on("change",e),()=>{r.isEnabled&&r.off("change",e)}}),[]),{enterFullscreen:function(e){r.isEnabled&&r.request(e||t.current)},exitFullscreen:function(){r.isEnabled&&r.exit()},getIsFullscreen:function(){return l.current}}}export{t as u};
+//# sourceMappingURL=useFullscreenModule-519d337d.js.map

package/dist/esm/useFullscreenModule-519d337d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFullscreenModule-519d337d.js","sources":["../../src/modules/useFullscreenModule.ts"],"sourcesContent":["import { useRef, MutableRefObject, useEffect } from 'react'\nimport screenfull from 'screenfull'\n\ntype FullscreenModule = {\n  mainCarouselWrapperRef: MutableRefObject<HTMLDivElement | null>\n  handleResize?(): void\n  onFullScreenChange(isFullscreen: boolean): void\n}\n\nexport function useFullscreenModule({\n  mainCarouselWrapperRef,\n  onFullScreenChange,\n  handleResize,\n}: FullscreenModule) {\n  const isFullscreen = useRef(false)\n\n  useEffect(() => {\n    function handleFullscreenChange() {\n      if (document.fullscreenElement) {\n        setIsFullscreen(true)\n        onFullScreenChange(true)\n        handleResize && handleResize()\n      }\n\n      if (!document.fullscreenElement) {\n        setIsFullscreen(false)\n        onFullScreenChange(false)\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    // eslint-disable-next-line react-hooks/exhaustive-deps\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"],"names":["useFullscreenModule","mainCarouselWrapperRef","onFullScreenChange","handleResize","isFullscreen","useRef","setIsFullscreen","_isFullscreen","current","useEffect","handleFullscreenChange","document","fullscreenElement","screenfull","isEnabled","on","off","enterFullscreen","elementRef","request","exitFullscreen","exit","getIsFullscreen"],"mappings":"wEASM,SAAUA,GAAoBC,uBAClCA,EAAsBC,mBACtBA,EAAkBC,aAClBA,IAEA,MAAMC,EAAeC,GAAO,GA4B5B,SAASC,EAAgBC,GACvBH,EAAaI,QAAUD,CACxB,CAgBD,OA5CAE,GAAU,KACR,SAASC,IACHC,SAASC,oBACXN,GAAgB,GAChBJ,GAAmB,GACnBC,GAAgBA,KAGbQ,SAASC,oBACZN,GAAgB,GAChBJ,GAAmB,GACnBC,GAAgBA,IAEnB,CAED,GAAIU,EAAWC,UAEb,OADAD,EAAWE,GAAG,SAAUL,GACjB,KACDG,EAAWC,WACbD,EAAWG,IAAI,SAAUN,EAC1B,CAEJ,GAEA,IAoBI,CACLO,gBAXF,SAAyBC,GACnBL,EAAWC,WACbD,EAAWM,QAASD,GAAcjB,EAAuBO,QAE5D,EAQCY,eANF,WACEP,EAAWC,WAAaD,EAAWQ,MACpC,EAKCC,gBAjBF,WACE,OAAOlB,EAAaI,OACrB,EAiBH"}

package/dist/esm/useSpringCarousel.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useSpring as r,config as n}from"@react-spring/web";import{createContext as i,useRef as c,useCallback as o,useEffect as l,useLayoutEffect as s,useContext as u}from"react";import{u as a}from"./useEventsModule-58340c73.js";import{useDrag as d}from"@use-gesture/react";import{u as h,a as f}from"./useThumbsModule-ca28667b.js";import"screenfull";function g({items:i,init:u=!0,withThumbs:g,thumbsSlideAxis:m="x",itemsPerSlide:v=1,slideType:x="fixed",gutter:p=0,withLoop:b=!1,startEndGutter:y=0,carouselSlideAxis:w="x",disableGestures:T=!1,draggingSlideTreshold:I,slideWhenThresholdIsReached:j=!1,freeScroll:O,enableFreeScrollDrag:F,initialStartingPosition:M,prepareThumbsData:S,initialActiveItem:$=0}){const A=v>i.length?i.length:v,C=c(0),L=c(null!=I?I:0),k=c("initial"),E=c("initial"),R=c(0),[N,W]=r((()=>({val:0,pause:!u,onChange({value:e}){O&&z.current?("x"===w?z.current.scrollLeft=Math.abs(e.val):z.current.scrollTop=Math.abs(e.val),le()):B.current&&(B.current.style.transform="x"===w?`translate3d(${e.val}px, 0px,0px)`:`translate3d(0px,${e.val}px,0px)`)}}))),P=c($),D=c(0===$),q=c(!1),z=c(null),B=c(null),G=o((()=>b?[...i.map((e=>Object.assign(Object.assign({},e),{id:`prev-repeated-item-${e.id}`}))),...i,...i.map((e=>Object.assign(Object.assign({},e),{id:`next-repeated-item-${e.id}`})))]:[...i]),[i,b])(),{emitEvent:H,useListenToCustomEvent:X}=a(),{thumbsFragment:Y,handleScroll:J}=h({withThumbs:!!g,thumbsSlideAxis:m,prepareThumbsData:S,items:i}),{enterFullscreen:K,exitFullscreen:Q,getIsFullscreen:U}=f({mainCarouselWrapperRef:z,handleResize:()=>te(),onFullScreenChange:e=>{H({eventName:"onFullscreenChange",isFullscreen:e})}});function V(){var e;const t=null===(e=z.current)||void 0===e?void 0:e.querySelector(".use-spring-carousel-item");if(!t)throw Error("No carousel items available!");return t.getBoundingClientRect()["x"===w?"width":"height"]+p}function Z({from:e,to:t,nextActiveItem:r,immediate:c=!1,slideMode:o}){E.current=o,"number"==typeof r&&(O||(P.current=r),H({eventName:"onSlideStartChange",slideActionType:k.current,slideMode:E.current,nextItem:{startReached:D.current,endReached:q.current,index:O?-1:P.current,id:O?"":i[P.current].id}})),R.current=t,W.start({immediate:c,from:{val:e},to:{val:t},config:Object.assign(Object.assign({},n.default),{velocity:N.val.velocity}),onRest(e){!c&&e.finished&&H({eventName:"onSlideChange",slideActionType:k.current,slideMode:E.current,currentItem:{startReached:D.current,endReached:q.current,index:O?-1:P.current,id:O?"":i[P.current].id}})}}),g&&!c&&J(P.current)}function _(){var e;return b?V()*i.length:Math.round(Number(null===(e=B.current)||void 0===e?void 0:e["x"===w?"scrollWidth":"scrollHeight"])-B.current.getBoundingClientRect()["x"===w?"width":"height"]-2*y)}function ee(){var e;const t=null===(e=B.current)||void 0===e?void 0:e.querySelector(".use-spring-carousel-item");if(!t)throw Error("No carousel items available!");return t.getBoundingClientRect()["x"===w?"width":"height"]+p}function te(){const e="x"===w?"left":"top";function t(t){const r=B.current;r&&(b?(r.style.top="0px",r.style.left="0px",r.style[e]=`-${t-y}px`):(r.style.left="0px",r.style.top="0px"))}const r=Math.abs(re());if(r<_()&&q.current&&(q.current=!1),r>_()){const e=-_();return q.current=!0,R.current=e,void W.start({immediate:!0,val:e})}if(t("center"===M?ee()*i.length-V()*Math.round((A-1)/2):"end"===M?ee()*i.length-V()*Math.round(A-1):ee()*i.length),!O&&"fixed"===x){const e=-V()*P.current;R.current=e,W.start({immediate:!0,val:e})}}function re(){return O&&z.current?z.current["x"===w?"scrollLeft":"scrollTop"]:N.val.get()}function ne(e,t){if(O&&"next"===e){const e=R.current+V();return e>_()?_():e}if(O&&"prev"===e){const e=R.current-V();return e<0?0:e}return"next"===e?t?-t*V():R.current-V():t?-t*V():R.current+V()}function ie(e="click",t){if(!u||D.current&&!b)return;k.current="prev",q.current=!1;const r=t||P.current-1;if(!b){const r=O?ne("prev",t)-V()/3<0:ne("prev",t)+V()/3>0;if(D.current)return;if(r)return D.current=!0,q.current=!1,void Z({slideMode:e,from:re(),to:0,nextActiveItem:0})}if(b&&D.current)return D.current=!1,q.current=!0,void Z({slideMode:e,from:re()-V()*i.length,to:-V()*i.length+V(),nextActiveItem:i.length-1});0===r&&(D.current=!0),r!==i.length-1&&-1!==r||(q.current=!0),Z({slideMode:e,from:re(),to:ne("prev",t),nextActiveItem:r})}function ce(e="click",t){if(!u||q.current&&!b)return;k.current="next",D.current=!1;const r=t||P.current+1;if(!b){const n=Math.abs(ne("next",t))>_()-V()/3;if(q.current)return;if(n)return D.current=!1,q.current=!0,void Z({slideMode:e,from:re(),to:O?_():-_(),nextActiveItem:r})}if(b&&q.current)return q.current=!1,D.current=!0,void Z({slideMode:e,from:re()+V()*i.length,to:0,nextActiveItem:0});0===r&&(D.current=!0),r===i.length-1&&(q.current=!0),Z({slideMode:e,from:re(),to:ne("next",t),nextActiveItem:r})}l((()=>{if(u){if($>i.length-1)throw new Error(`initialActiveItem (${$}) is greater than the total quantity available items (${i.length}).`);A>i.length&&console.warn(`itemsPerSlide (${A}) is greater than the total quantity available items (${i.length}). Fallback to ${i.length})`)}}),[$,i,A,u]),l((()=>{C.current=window.innerWidth}),[]),l((()=>{te()}),[M,A,b,y,p,O,x,u]),s((()=>{B.current&&te()}),[]),l((()=>{L.current=I||Math.floor(V()/2/2)}),[I]),l((()=>{function e(){window.innerWidth!==C.current&&(C.current=window.innerWidth,te())}return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const oe=d((e=>{const t=e.dragging,r=e.offset["x"===w?0:1],i=e.movement["x"===w?0:1],c=e.direction["x"===w?0:1],o=i>L.current,l=i<-L.current;if(t)return k.current=c>0?"prev":"next",H(Object.assign(Object.assign({},e),{eventName:"onDrag",slideActionType:k.current})),O?"prev"===k.current&&r>0?(e.cancel(),void W.start({from:{val:re()},to:{val:0},config:{velocity:e.velocity,friction:50,tension:1e3}})):void W.start({from:{val:re()},to:{val:-r},config:{velocity:e.velocity,friction:50,tension:1e3}}):(W.start({val:r,config:{velocity:e.velocity,friction:50,tension:1e3}}),void(j&&l?(ce("drag"),e.cancel()):j&&o&&(ie("drag"),e.cancel())));e.last&&!e.canceled&&O&&("prev"===k.current&&ie("drag"),"next"===k.current&&ce("drag")),!e.last||e.canceled||O||(l?!b&&q.current?W.start({val:-_(),config:Object.assign(Object.assign({},n.default),{velocity:e.velocity})}):ce("drag"):o?!b&&D.current?W.start({val:0,config:Object.assign(Object.assign({},n.default),{velocity:e.velocity})}):ie("drag"):W.start({val:R.current,config:Object.assign(Object.assign({},n.default),{velocity:e.velocity})}))}),{enabled:u&&!T&&!O||!!O&&!!F,axis:w,from:()=>O&&z.current?[-z.current.scrollLeft,-z.current.scrollTop]:[N.val.get(),N.val.get()]});function le(){z.current&&(R.current=z.current["x"===w?"scrollLeft":"scrollTop"],0===z.current["x"===w?"scrollLeft":"scrollTop"]&&(D.current=!0,q.current=!1),z.current["x"===w?"scrollLeft":"scrollTop"]>0&&z.current["x"===w?"scrollLeft":"scrollTop"]<_()&&(D.current=!1,q.current=!1),z.current["x"===w?"scrollLeft":"scrollTop"]===_()&&(D.current=!1,q.current=!0))}function se(e,t){let r=0;if(r="string"==typeof e?i.findIndex((t=>t.id===e)):e,r<0||r>=i.length){if(t)throw new Error(t);console.error(`The item doesn't exist; check that the id provided - ${e} - is correct.`),r=-1}return r}const ue=e("div",Object.assign({ref:z},O?{onWheel(){N.val.stop(),le()}}:{},{style:Object.assign({display:"flex",position:"relative",width:"100%",height:"100%"},O?"x"===w?{overflowX:"auto"}:{overflowY:"auto"}:{})},{children:t("div",Object.assign({ref:B},oe(),{style:Object.assign({position:"relative",display:"flex",flexDirection:"x"===w?"row":"column",touchAction:"none"},function(){const e=`calc(100% - ${2*y}px)`;return{width:"x"===w?e:"100%",height:"y"===w?e:"100%"}}())},{children:[O&&y?e("div",{style:{flexShrink:0,width:y}}):null,G.map(((t,r)=>{return e("div",Object.assign({className:"use-spring-carousel-item","data-testid":"use-spring-carousel-item-wrapper",style:Object.assign({display:"flex",position:"relative",flex:"1"},(n=!!O&&r===i.length-1,"fixed"!==x||O?Object.assign({marginRight:`${n?0:p}px`}):{marginRight:`${n?0:p}px`,flex:`1 0 calc(100% / ${A} - ${p*(A-1)/A}px)`}))},{children:t.renderItem}),`${t.id}-${r}`);var n})),O&&y?e("div",{style:{flexShrink:0,width:y}}):null]}))}));return O?{useListenToCustomEvent:X,carouselFragment:ue,enterFullscreen:K,exitFullscreen:Q,getIsFullscreen:U,thumbsFragment:Y,slideToPrevItem:()=>ie(),slideToNextItem:()=>ce()}:{useListenToCustomEvent:X,carouselFragment:ue,enterFullscreen:K,exitFullscreen:Q,getIsFullscreen:U,thumbsFragment:Y,slideToPrevItem:()=>ie(),slideToNextItem:()=>ce(),slideToItem:function(e){if(!u)return;D.current=!1,q.current=!1;const t=se(e,"The item you want to slide to doesn't exist; check the provided id.");if(t===P.current)return;const r=se(i[P.current].id),n=se(i[t].id);n>r?ce("click",n):ie("click",n)},getIsNextItem:function(e){const t=se(e,"The item doesn't exist; check the provided id."),r=P.current;return b&&r===i.length-1?0===t:t===r+1},getIsPrevItem:function(e){const t=se(e,"The item doesn't exist; check the provided id."),r=P.current;return b&&0===r?t===i.length-1:t===r-1},getIsActiveItem:e=>se(e,"The item you want to check doesn't exist; check the provided id.")===P.current}}const m=i(void 0);function v(){const e=u(m);if(!e)throw new Error("useSpringCarouselContext must be used within the carousel.");return e}export{g as useSpringCarousel,v as useSpringCarouselContext};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useSpring as r,config as n}from"@react-spring/web";import{createContext as i,useRef as c,useCallback as o,useEffect as l,useLayoutEffect as s,useContext as u}from"react";import{u as a,a as d}from"./useThumbsModule-5ae95b7f.js";import{useDrag as h}from"@use-gesture/react";import{u as v}from"./useFullscreenModule-519d337d.js";import"screenfull";function g({items:i,init:u=!0,withThumbs:g,thumbsSlideAxis:m="x",itemsPerSlide:x=1,slideType:p="fixed",gutter:b=0,withLoop:y=!1,startEndGutter:w=0,carouselSlideAxis:T="x",disableGestures:j=!1,draggingSlideTreshold:I,slideWhenThresholdIsReached:O=!1,freeScroll:M,enableFreeScrollDrag:S,initialStartingPosition:F,prepareThumbsData:$,initialActiveItem:A=0}){const C=x>i.length?i.length:x,L=c(0),k=c(null!=I?I:0),R=c("initial"),E=c("initial"),N=c(0),[P,W]=r((()=>({val:0,pause:!u,onChange({value:e}){M&&B.current?("x"===T?B.current.scrollLeft=Math.abs(e.val):B.current.scrollTop=Math.abs(e.val),se()):G.current&&(G.current.style.transform="x"===T?`translate3d(${e.val}px, 0px,0px)`:`translate3d(0px,${e.val}px,0px)`)}}))),D=c(A),q=c(0===A),z=c(!1),B=c(null),G=c(null),H=o((()=>y?[...i.map((e=>Object.assign(Object.assign({},e),{id:`prev-repeated-item-${e.id}`}))),...i,...i.map((e=>Object.assign(Object.assign({},e),{id:`next-repeated-item-${e.id}`})))]:[...i]),[i,y])(),{emitEvent:X,useListenToCustomEvent:Y}=a(),{thumbsFragment:J,handleScroll:K}=d({withThumbs:!!g,thumbsSlideAxis:m,prepareThumbsData:$,items:i}),{enterFullscreen:Q,exitFullscreen:U,getIsFullscreen:V}=v({mainCarouselWrapperRef:B,handleResize:()=>re(),onFullScreenChange:e=>{X({eventName:"onFullscreenChange",isFullscreen:e})}});function Z(){var e;const t=null===(e=B.current)||void 0===e?void 0:e.querySelector(".use-spring-carousel-item");if(!t)throw Error("No carousel items available!");return t.getBoundingClientRect()["x"===T?"width":"height"]+b}function _({from:e,to:t,nextActiveItem:r,immediate:c=!1,slideMode:o}){E.current=o,"number"==typeof r&&(M||(D.current=r),X({eventName:"onSlideStartChange",slideActionType:R.current,slideMode:E.current,nextItem:{startReached:q.current,endReached:z.current,index:M?-1:D.current,id:M?"":i[D.current].id}})),N.current=t,W.start({immediate:c,from:{val:e},to:{val:t},config:Object.assign(Object.assign({},n.default),{velocity:P.val.velocity}),onRest(e){!c&&e.finished&&X({eventName:"onSlideChange",slideActionType:R.current,slideMode:E.current,currentItem:{startReached:q.current,endReached:z.current,index:M?-1:D.current,id:M?"":i[D.current].id}})}}),g&&!c&&K(D.current)}function ee(){var e;return y?Z()*i.length:Math.round(Number(null===(e=G.current)||void 0===e?void 0:e["x"===T?"scrollWidth":"scrollHeight"])-G.current.getBoundingClientRect()["x"===T?"width":"height"]-2*w)}function te(){var e;const t=null===(e=G.current)||void 0===e?void 0:e.querySelector(".use-spring-carousel-item");if(!t)throw Error("No carousel items available!");return t.getBoundingClientRect()["x"===T?"width":"height"]+b}function re(){const e="x"===T?"left":"top";function t(t){const r=G.current;r&&(y?(r.style.top="0px",r.style.left="0px",r.style[e]=`-${t-w}px`):(r.style.left="0px",r.style.top="0px"))}const r=Math.abs(ne());if(r<ee()&&z.current&&(z.current=!1),r>ee()){const e=-ee();return z.current=!0,N.current=e,void W.start({immediate:!0,val:e})}if(t("center"===F?te()*i.length-Z()*Math.round((C-1)/2):"end"===F?te()*i.length-Z()*Math.round(C-1):te()*i.length),!M&&"fixed"===p){const e=-Z()*D.current;N.current=e,W.start({immediate:!0,val:e})}}function ne(){return M&&B.current?B.current["x"===T?"scrollLeft":"scrollTop"]:P.val.get()}function ie(e,t){if(M&&"next"===e){const e=N.current+Z();return e>ee()?ee():e}if(M&&"prev"===e){const e=N.current-Z();return e<0?0:e}return"next"===e?t?-t*Z():N.current-Z():t?-t*Z():N.current+Z()}function ce(e="click",t){if(!u||q.current&&!y)return;R.current="prev",z.current=!1;const r=t||D.current-1;if(!y){const r=M?ie("prev",t)-Z()/3<0:ie("prev",t)+Z()/3>0;if(q.current)return;if(r)return q.current=!0,z.current=!1,void _({slideMode:e,from:ne(),to:0,nextActiveItem:0})}if(y&&q.current)return q.current=!1,z.current=!0,void _({slideMode:e,from:ne()-Z()*i.length,to:-Z()*i.length+Z(),nextActiveItem:i.length-1});0===r&&(q.current=!0),r!==i.length-1&&-1!==r||(z.current=!0),_({slideMode:e,from:ne(),to:ie("prev",t),nextActiveItem:r})}function oe(e="click",t){if(!u||z.current&&!y)return;R.current="next",q.current=!1;const r=t||D.current+1;if(!y){const n=Math.abs(ie("next",t))>ee()-Z()/3;if(z.current)return;if(n)return q.current=!1,z.current=!0,void _({slideMode:e,from:ne(),to:M?ee():-ee(),nextActiveItem:r})}if(y&&z.current)return z.current=!1,q.current=!0,void _({slideMode:e,from:ne()+Z()*i.length,to:0,nextActiveItem:0});0===r&&(q.current=!0),r===i.length-1&&(z.current=!0),_({slideMode:e,from:ne(),to:ie("next",t),nextActiveItem:r})}l((()=>{if(u){if(A>i.length-1)throw new Error(`initialActiveItem (${A}) is greater than the total quantity available items (${i.length}).`);C>i.length&&console.warn(`itemsPerSlide (${C}) is greater than the total quantity available items (${i.length}). Fallback to ${i.length})`)}}),[A,i,C,u]),l((()=>{L.current=window.innerWidth}),[]),l((()=>{re()}),[F,C,y,w,b,M,p,u]),s((()=>{G.current&&re()}),[]),l((()=>{k.current=I||Math.floor(Z()/2/2)}),[I]),l((()=>{function e(){window.innerWidth!==L.current&&(L.current=window.innerWidth,re())}return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const le=h((e=>{const t=e.dragging,r=e.offset["x"===T?0:1],i=e.movement["x"===T?0:1],c=e.direction["x"===T?0:1],o=i>k.current,l=i<-k.current;if(t)return R.current=c>0?"prev":"next",X(Object.assign(Object.assign({},e),{eventName:"onDrag",slideActionType:R.current})),M?"prev"===R.current&&r>0?(e.cancel(),void W.start({from:{val:ne()},to:{val:0},config:{velocity:e.velocity,friction:50,tension:1e3}})):void W.start({from:{val:ne()},to:{val:-r},config:{velocity:e.velocity,friction:50,tension:1e3}}):(W.start({val:r,config:{velocity:e.velocity,friction:50,tension:1e3}}),void(O&&l?(oe("drag"),e.cancel()):O&&o&&(ce("drag"),e.cancel())));e.last&&!e.canceled&&M&&("prev"===R.current&&ce("drag"),"next"===R.current&&oe("drag")),!e.last||e.canceled||M||(l?!y&&z.current?W.start({val:-ee(),config:Object.assign(Object.assign({},n.default),{velocity:e.velocity})}):oe("drag"):o?!y&&q.current?W.start({val:0,config:Object.assign(Object.assign({},n.default),{velocity:e.velocity})}):ce("drag"):W.start({val:N.current,config:Object.assign(Object.assign({},n.default),{velocity:e.velocity})}))}),{enabled:u&&!j&&!M||!!M&&!!S,axis:T,from:()=>M&&B.current?[-B.current.scrollLeft,-B.current.scrollTop]:[P.val.get(),P.val.get()]});function se(){B.current&&(N.current=B.current["x"===T?"scrollLeft":"scrollTop"],0===B.current["x"===T?"scrollLeft":"scrollTop"]&&(q.current=!0,z.current=!1),B.current["x"===T?"scrollLeft":"scrollTop"]>0&&B.current["x"===T?"scrollLeft":"scrollTop"]<ee()&&(q.current=!1,z.current=!1),B.current["x"===T?"scrollLeft":"scrollTop"]===ee()&&(q.current=!1,z.current=!0))}function ue(e,t){let r=0;if(r="string"==typeof e?i.findIndex((t=>t.id===e)):e,r<0||r>=i.length){if(t)throw new Error(t);console.error(`The item doesn't exist; check that the id provided - ${e} - is correct.`),r=-1}return r}const ae=M?{useListenToCustomEvent:Y,enterFullscreen:Q,exitFullscreen:U,getIsFullscreen:V,slideToPrevItem:()=>ce(),slideToNextItem:()=>oe()}:{useListenToCustomEvent:Y,enterFullscreen:Q,exitFullscreen:U,getIsFullscreen:V,slideToPrevItem:()=>ce(),slideToNextItem:()=>oe(),slideToItem:function(e){if(!u)return;q.current=!1,z.current=!1;const t=ue(e,"The item you want to slide to doesn't exist; check the provided id.");if(t===D.current)return;const r=ue(i[D.current].id),n=ue(i[t].id);n>r?oe("click",n):ce("click",n)},getIsNextItem:function(e){const t=ue(e,"The item doesn't exist; check the provided id."),r=D.current;return y&&r===i.length-1?0===t:t===r+1},getIsPrevItem:function(e){const t=ue(e,"The item doesn't exist; check the provided id."),r=D.current;return y&&0===r?t===i.length-1:t===r-1},getIsActiveItem:e=>ue(e,"The item you want to check doesn't exist; check the provided id.")===D.current},de=e(f.Provider,Object.assign({value:ae},{children:J})),he=e(f.Provider,Object.assign({value:ae},{children:e("div",Object.assign({ref:B},M?{onWheel(){P.val.stop(),se()}}:{},{style:Object.assign({display:"flex",position:"relative",width:"100%",height:"100%"},M?"x"===T?{overflowX:"auto"}:{overflowY:"auto"}:{})},{children:t("div",Object.assign({ref:G},le(),{style:Object.assign({position:"relative",display:"flex",flexDirection:"x"===T?"row":"column",touchAction:"none"},function(){const e=`calc(100% - ${2*w}px)`;return{width:"x"===T?e:"100%",height:"y"===T?e:"100%"}}())},{children:[M&&w?e("div",{style:{flexShrink:0,width:w}}):null,H.map(((t,r)=>{return e("div",Object.assign({className:"use-spring-carousel-item","data-testid":"use-spring-carousel-item-wrapper",style:Object.assign({display:"flex",position:"relative",flex:"1"},(n=!!M&&r===i.length-1,"fixed"!==p||M?Object.assign({marginRight:`${n?0:b}px`}):{marginRight:`${n?0:b}px`,flex:`1 0 calc(100% / ${C} - ${b*(C-1)/C}px)`}))},{children:t.renderItem}),`${t.id}-${r}`);var n})),M&&w?e("div",{style:{flexShrink:0,width:w}}):null]}))}))}));return Object.assign(Object.assign({},ae),{carouselFragment:he,thumbsFragment:de})}const f=i(void 0);function m(){const e=u(f);if(!e)throw new Error("useSpringCarouselContext must be used within the carousel.");return e}export{g as useSpringCarousel,m as useSpringCarouselContext};
 //# sourceMappingURL=useSpringCarousel.js.map