react-spring-carousel 3.0.0-beta009 → 3.0.0-beta015

package/dist/esm/useSpringCarousel.js

@@ -1,616 +1,2 @@
-import { jsx } from 'react/jsx-runtime';
-import { useSpring, config } from '@react-spring/web';
-import { createContext, useRef, useCallback, useEffect, useLayoutEffect, useContext } from 'react';
-import { u as useEventsModule, a as useThumbsModule, b as useFullscreenModule } from './useThumbsModule-3a805d70.js';
-import { useDrag } from '@use-gesture/react';
-import 'screenfull';
-
-function useSpringCarousel({ items, init = true, withThumbs, thumbsSlideAxis = 'x', itemsPerSlide = 1, slideType = 'fixed', gutter = 0, withLoop = false, startEndGutter = 0, carouselSlideAxis = 'x', disableGestures = false, draggingSlideTreshold: _draggingSlideTreshold, slideWhenThresholdIsReached = false, freeScroll, enableFreeScrollDrag, initialStartingPosition, prepareThumbsData, initialActiveItem = 0, }) {
-    const prevWindowWidth = useRef(0);
-    const draggingSlideTreshold = useRef(_draggingSlideTreshold !== null && _draggingSlideTreshold !== void 0 ? _draggingSlideTreshold : 0);
-    const slideActionType = useRef('initial');
-    const slideModeType = useRef('initial');
-    const prevSlidedValue = useRef(0);
-    const [spring, setSpring] = useSpring(() => ({
-        val: 0,
-        pause: !init,
-        onChange({ value }) {
-            if (freeScroll && mainCarouselWrapperRef.current) {
-                setStartEndItemReachedOnFreeScroll();
-                if (carouselSlideAxis === 'x') {
-                    mainCarouselWrapperRef.current.scrollLeft = Math.abs(value.val);
-                }
-                else {
-                    mainCarouselWrapperRef.current.scrollTop = Math.abs(value.val);
-                }
-            }
-            else if (carouselTrackWrapperRef.current) {
-                if (carouselSlideAxis === 'x') {
-                    carouselTrackWrapperRef.current.style.transform = `translate3d(${value.val}px, 0px,0px)`;
-                }
-                else {
-                    carouselTrackWrapperRef.current.style.transform = `translate3d(0px,${value.val}px,0px)`;
-                }
-            }
-        },
-    }));
-    const activeItem = useRef(initialActiveItem);
-    const firstItemReached = useRef(initialActiveItem === 0);
-    const lastItemReached = useRef(false);
-    const mainCarouselWrapperRef = useRef(null);
-    const carouselTrackWrapperRef = useRef(null);
-    const getItems = useCallback(() => {
-        if (withLoop) {
-            return [
-                ...items.map(i => (Object.assign(Object.assign({}, i), { id: `prev-repeated-item-${i.id}` }))),
-                ...items,
-                ...items.map(i => (Object.assign(Object.assign({}, i), { id: `next-repeated-item-${i.id}` }))),
-            ];
-        }
-        return [...items];
-    }, [items, withLoop]);
-    const internalItems = getItems();
-    const { emitEvent, useListenToCustomEvent } = useEventsModule();
-    const { thumbsFragment, handleScroll } = useThumbsModule({
-        withThumbs: !!withThumbs,
-        thumbsSlideAxis,
-        prepareThumbsData,
-        items: items,
-    });
-    const { enterFullscreen, exitFullscreen, getIsFullscreen } = useFullscreenModule({
-        mainCarouselWrapperRef,
-        emitEvent,
-        handleResize: () => adjustCarouselWrapperPosition(),
-    });
-    function getItemStyles() {
-        if (slideType === 'fixed' && !freeScroll) {
-            return {
-                marginRight: `${gutter}px`,
-                flex: `1 0 calc(100% / ${itemsPerSlide} - ${(gutter * (itemsPerSlide - 1)) / itemsPerSlide}px)`,
-            };
-        }
-        return Object.assign({ marginRight: `${gutter}px` });
-    }
-    function getSlideValue() {
-        var _a;
-        const carouselItem = (_a = mainCarouselWrapperRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('.use-spring-carousel-item');
-        if (!carouselItem) {
-            throw Error('No carousel items available!');
-        }
-        return (carouselItem.getBoundingClientRect()[carouselSlideAxis === 'x' ? 'width' : 'height'] + gutter);
-    }
-    function slideToItem({ from, to, nextActiveItem, immediate = false, slideMode, }) {
-        slideModeType.current = slideMode;
-        if (typeof nextActiveItem === 'number') {
-            if (!freeScroll) {
-                activeItem.current = nextActiveItem;
-            }
-            emitEvent({
-                eventName: 'onSlideStartChange',
-                slideActionType: slideActionType.current,
-                slideMode: slideModeType.current,
-                nextItem: {
-                    startReached: firstItemReached.current,
-                    endReached: lastItemReached.current,
-                    index: freeScroll ? -1 : activeItem.current,
-                    id: freeScroll ? '' : items[activeItem.current].id,
-                },
-            });
-        }
-        prevSlidedValue.current = to;
-        setSpring.start({
-            immediate,
-            from: {
-                val: from,
-            },
-            to: {
-                val: to,
-            },
-            config: Object.assign(Object.assign({}, config.default), { velocity: spring.val.velocity }),
-            onRest(value) {
-                if (!immediate && value.finished) {
-                    emitEvent({
-                        eventName: 'onSlideChange',
-                        slideActionType: slideActionType.current,
-                        slideMode: slideModeType.current,
-                        currentItem: {
-                            startReached: firstItemReached.current,
-                            endReached: lastItemReached.current,
-                            index: freeScroll ? -1 : activeItem.current,
-                            id: freeScroll ? '' : items[activeItem.current].id,
-                        },
-                    });
-                }
-            },
-        });
-        if (withThumbs && !immediate) {
-            handleScroll(activeItem.current);
-        }
-    }
-    function getTotalScrollValue() {
-        var _a;
-        if (withLoop) {
-            return getSlideValue() * items.length;
-        }
-        return Math.round(Number((_a = carouselTrackWrapperRef.current) === null || _a === void 0 ? void 0 : _a[carouselSlideAxis === 'x' ? 'scrollWidth' : 'scrollHeight']) -
-            carouselTrackWrapperRef.current.getBoundingClientRect()[carouselSlideAxis === 'x' ? 'width' : 'height']);
-    }
-    function getAnimatedWrapperStyles() {
-        const percentValue = `calc(100% - ${startEndGutter * 2}px)`;
-        return {
-            width: carouselSlideAxis === 'x' ? percentValue : '100%',
-            height: carouselSlideAxis === 'y' ? percentValue : '100%',
-        };
-    }
-    function getCarouselItemWidth() {
-        var _a;
-        const carouselItem = (_a = carouselTrackWrapperRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('.use-spring-carousel-item');
-        if (!carouselItem) {
-            throw Error('No carousel items available!');
-        }
-        return (carouselItem.getBoundingClientRect()[carouselSlideAxis === 'x' ? 'width' : 'height'] + gutter);
-    }
-    function adjustCarouselWrapperPosition() {
-        const positionProperty = carouselSlideAxis === 'x' ? 'left' : 'top';
-        function setPosition(v) {
-            const ref = carouselTrackWrapperRef.current;
-            if (!ref)
-                return;
-            if (withLoop) {
-                ref.style.top = '0px';
-                ref.style.left = '0px';
-                ref.style[positionProperty] = `-${v - startEndGutter}px`;
-            }
-            else {
-                ref.style.left = '0px';
-                ref.style.top = '0px';
-            }
-        }
-        const currentFromValue = Math.abs(getFromValue());
-        if (currentFromValue < getTotalScrollValue() && lastItemReached.current) {
-            lastItemReached.current = false;
-        }
-        if (currentFromValue > getTotalScrollValue()) {
-            const val = -getTotalScrollValue();
-            lastItemReached.current = true;
-            prevSlidedValue.current = val;
-            setSpring.start({
-                immediate: true,
-                val,
-            });
-            return;
-        }
-        if (initialStartingPosition === 'center') {
-            setPosition(getCarouselItemWidth() * items.length -
-                getSlideValue() * Math.round((itemsPerSlide - 1) / 2));
-        }
-        else if (initialStartingPosition === 'end') {
-            setPosition(getCarouselItemWidth() * items.length -
-                getSlideValue() * Math.round(itemsPerSlide - 1));
-        }
-        else {
-            setPosition(getCarouselItemWidth() * items.length);
-        }
-        if (!freeScroll && slideType === 'fixed') {
-            const val = -(getSlideValue() * activeItem.current);
-            prevSlidedValue.current = val;
-            setSpring.start({
-                immediate: true,
-                val,
-            });
-        }
-    }
-    function getFromValue() {
-        if (freeScroll && mainCarouselWrapperRef.current) {
-            return mainCarouselWrapperRef.current[carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'];
-        }
-        return spring.val.get();
-    }
-    function getToValue(type, index) {
-        if (freeScroll && type === 'next') {
-            const next = prevSlidedValue.current + getSlideValue();
-            if (next > getTotalScrollValue()) {
-                return getTotalScrollValue();
-            }
-            return next;
-        }
-        if (freeScroll && type === 'prev') {
-            const next = prevSlidedValue.current - getSlideValue();
-            if (next < 0) {
-                return 0;
-            }
-            return next;
-        }
-        if (type === 'next') {
-            if (index) {
-                return -(index * getSlideValue());
-            }
-            return prevSlidedValue.current - getSlideValue();
-        }
-        if (index) {
-            return -(index * getSlideValue());
-        }
-        return prevSlidedValue.current + getSlideValue();
-    }
-    function slideToPrevItem(type = 'click', index) {
-        if (!init || (firstItemReached.current && !withLoop))
-            return;
-        slideActionType.current = 'prev';
-        lastItemReached.current = false;
-        const nextItem = index || activeItem.current - 1;
-        if (!withLoop) {
-            const nextItemWillExceed = getToValue('prev', index) + getSlideValue() / 3 > 0;
-            if (firstItemReached.current)
-                return;
-            if (nextItemWillExceed) {
-                firstItemReached.current = true;
-                lastItemReached.current = false;
-                slideToItem({
-                    slideMode: type,
-                    from: getFromValue(),
-                    to: 0,
-                    nextActiveItem: 0,
-                });
-                return;
-            }
-        }
-        if (withLoop && firstItemReached.current) {
-            firstItemReached.current = false;
-            lastItemReached.current = true;
-            slideToItem({
-                slideMode: type,
-                from: getFromValue() - getSlideValue() * items.length,
-                to: -(getSlideValue() * items.length) + getSlideValue(),
-                nextActiveItem: items.length - 1,
-            });
-            return;
-        }
-        if (nextItem === 0) {
-            firstItemReached.current = true;
-        }
-        if (nextItem === items.length - 1 || nextItem === -1) {
-            lastItemReached.current = true;
-        }
-        slideToItem({
-            slideMode: type,
-            from: getFromValue(),
-            to: getToValue('prev', index),
-            nextActiveItem: nextItem,
-        });
-    }
-    function slideToNextItem(type = 'click', index) {
-        if (!init || (lastItemReached.current && !withLoop))
-            return;
-        slideActionType.current = 'next';
-        firstItemReached.current = false;
-        const nextItem = index || activeItem.current + 1;
-        if (!withLoop) {
-            const nextItemWillExceed = Math.abs(getToValue('next', index)) > getTotalScrollValue() - getSlideValue() / 3;
-            if (lastItemReached.current)
-                return;
-            if (nextItemWillExceed) {
-                firstItemReached.current = false;
-                lastItemReached.current = true;
-                slideToItem({
-                    slideMode: type,
-                    from: getFromValue(),
-                    to: -getTotalScrollValue(),
-                    nextActiveItem: nextItem,
-                });
-                return;
-            }
-        }
-        if (withLoop && lastItemReached.current) {
-            lastItemReached.current = false;
-            firstItemReached.current = true;
-            slideToItem({
-                slideMode: type,
-                from: getFromValue() + getSlideValue() * items.length,
-                to: 0,
-                nextActiveItem: 0,
-            });
-            return;
-        }
-        if (nextItem === 0) {
-            firstItemReached.current = true;
-        }
-        if (nextItem === items.length - 1) {
-            lastItemReached.current = true;
-        }
-        slideToItem({
-            slideMode: type,
-            from: getFromValue(),
-            to: getToValue('next', index),
-            nextActiveItem: nextItem,
-        });
-    }
-    useEffect(() => {
-        prevWindowWidth.current = window.innerWidth;
-    }, []);
-    useEffect(() => {
-        adjustCarouselWrapperPosition();
-    }, [
-        initialStartingPosition,
-        itemsPerSlide,
-        withLoop,
-        startEndGutter,
-        gutter,
-        freeScroll,
-        slideType,
-        init,
-    ]);
-    useLayoutEffect(() => {
-        /**
-         * Set initial track position
-         */
-        if (carouselTrackWrapperRef.current) {
-            adjustCarouselWrapperPosition();
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    useEffect(() => {
-        if (_draggingSlideTreshold) {
-            draggingSlideTreshold.current = _draggingSlideTreshold;
-        }
-        else {
-            draggingSlideTreshold.current = Math.floor(getSlideValue() / 2 / 2);
-        }
-    }, [_draggingSlideTreshold]);
-    useEffect(() => {
-        function handleResize() {
-            if (window.innerWidth === prevWindowWidth.current)
-                return;
-            prevWindowWidth.current = window.innerWidth;
-            adjustCarouselWrapperPosition();
-        }
-        window.addEventListener('resize', handleResize);
-        return () => {
-            window.removeEventListener('resize', handleResize);
-        };
-    }, []);
-    const bindDrag = useDrag(state => {
-        const isDragging = state.dragging;
-        const movement = state.offset[carouselSlideAxis === 'x' ? 0 : 1];
-        const currentMovement = state.movement[carouselSlideAxis === 'x' ? 0 : 1];
-        const direction = state.direction[carouselSlideAxis === 'x' ? 0 : 1];
-        const prevItemTreshold = currentMovement > draggingSlideTreshold.current;
-        const nextItemTreshold = currentMovement < -draggingSlideTreshold.current;
-        if (isDragging) {
-            if (direction > 0) {
-                slideActionType.current = 'prev';
-            }
-            else {
-                slideActionType.current = 'next';
-            }
-            emitEvent(Object.assign(Object.assign({}, state), { eventName: 'onDrag', slideActionType: slideActionType.current }));
-            if (freeScroll) {
-                if (slideActionType.current === 'prev' && movement > 0) {
-                    state.cancel();
-                    setSpring.start({
-                        from: {
-                            val: getFromValue(),
-                        },
-                        to: {
-                            val: 0,
-                        },
-                        config: {
-                            velocity: state.velocity,
-                            friction: 50,
-                            tension: 1000,
-                        },
-                    });
-                    return;
-                }
-                setSpring.start({
-                    from: {
-                        val: getFromValue(),
-                    },
-                    to: {
-                        val: -movement,
-                    },
-                    config: {
-                        velocity: state.velocity,
-                        friction: 50,
-                        tension: 1000,
-                    },
-                });
-                return;
-            }
-            setSpring.start({
-                val: movement,
-                config: {
-                    velocity: state.velocity,
-                    friction: 50,
-                    tension: 1000,
-                },
-            });
-            if (slideWhenThresholdIsReached && nextItemTreshold) {
-                slideToNextItem('drag');
-                state.cancel();
-            }
-            else if (slideWhenThresholdIsReached && prevItemTreshold) {
-                slideToPrevItem('drag');
-                state.cancel();
-            }
-            return;
-        }
-        if (state.last && !state.canceled && freeScroll) {
-            if (slideActionType.current === 'prev') {
-                slideToPrevItem('drag');
-            }
-            if (slideActionType.current === 'next') {
-                slideToNextItem('drag');
-            }
-        }
-        if (state.last && !state.canceled && !freeScroll) {
-            if (nextItemTreshold) {
-                if (!withLoop && lastItemReached.current) {
-                    setSpring.start({
-                        val: -getTotalScrollValue(),
-                        config: Object.assign(Object.assign({}, config.default), { velocity: state.velocity }),
-                    });
-                }
-                else {
-                    slideToNextItem('drag');
-                }
-            }
-            else if (prevItemTreshold) {
-                if (!withLoop && firstItemReached.current) {
-                    setSpring.start({
-                        val: 0,
-                        config: Object.assign(Object.assign({}, config.default), { velocity: state.velocity }),
-                    });
-                }
-                else {
-                    slideToPrevItem('drag');
-                }
-            }
-            else {
-                setSpring.start({
-                    val: prevSlidedValue.current,
-                    config: Object.assign(Object.assign({}, config.default), { velocity: state.velocity }),
-                });
-            }
-        }
-    }, {
-        enabled: (init && !disableGestures && !freeScroll) ||
-            (!!freeScroll && !!enableFreeScrollDrag),
-        axis: carouselSlideAxis,
-        from: () => {
-            if (freeScroll && mainCarouselWrapperRef.current) {
-                return [
-                    -mainCarouselWrapperRef.current.scrollLeft,
-                    -mainCarouselWrapperRef.current.scrollTop,
-                ];
-            }
-            if (carouselSlideAxis === 'x') {
-                return [spring.val.get(), spring.val.get()];
-            }
-            return [spring.val.get(), spring.val.get()];
-        },
-    });
-    function getWrapperOverflowStyles() {
-        if (freeScroll) {
-            if (carouselSlideAxis === 'x') {
-                return {
-                    overflowX: 'auto',
-                };
-            }
-            return {
-                overflowY: 'auto',
-            };
-        }
-        return {};
-    }
-    function setStartEndItemReachedOnFreeScroll() {
-        if (mainCarouselWrapperRef.current) {
-            prevSlidedValue.current =
-                mainCarouselWrapperRef.current[carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'];
-            if (mainCarouselWrapperRef.current[carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'] === 0) {
-                firstItemReached.current = true;
-                lastItemReached.current = false;
-            }
-            if (mainCarouselWrapperRef.current[carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'] > 0 &&
-                mainCarouselWrapperRef.current[carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'] < getTotalScrollValue()) {
-                firstItemReached.current = false;
-                lastItemReached.current = false;
-            }
-            if (mainCarouselWrapperRef.current[carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'] === getTotalScrollValue()) {
-                firstItemReached.current = false;
-                lastItemReached.current = true;
-            }
-        }
-    }
-    function getScrollHandlers() {
-        if (freeScroll) {
-            return {
-                onWheel() {
-                    spring.val.stop();
-                    setStartEndItemReachedOnFreeScroll();
-                },
-            };
-        }
-        return {};
-    }
-    function findItemIndex(id) {
-        return items.findIndex(item => item.id === id);
-    }
-    function findItemIndexById(id, error) {
-        let itemIndex = 0;
-        if (typeof id === 'string') {
-            itemIndex = items.findIndex(_item => _item.id === id);
-        }
-        else {
-            itemIndex = id;
-        }
-        if (itemIndex < 0 || itemIndex >= items.length) {
-            throw new Error(error);
-        }
-        return itemIndex;
-    }
-    function internalSlideToItem(id) {
-        if (!init)
-            return;
-        firstItemReached.current = false;
-        lastItemReached.current = false;
-        const itemIndex = findItemIndexById(id, "The item you want to slide to doesn't exist; please check che item id or the index you're passing to.");
-        if (itemIndex === activeItem.current) {
-            return;
-        }
-        const currentItem = findItemIndex(items[activeItem.current].id);
-        const newActiveItem = findItemIndex(items[itemIndex].id);
-        if (newActiveItem > currentItem) {
-            slideToNextItem('click', newActiveItem);
-        }
-        else {
-            slideToPrevItem('click', newActiveItem);
-        }
-    }
-    function getIsNextItem(id) {
-        const itemIndex = findItemIndex(id);
-        const _activeItem = activeItem.current;
-        if (withLoop && _activeItem === items.length - 1) {
-            return itemIndex === 0;
-        }
-        return itemIndex === _activeItem + 1;
-    }
-    function getIsPrevItem(id) {
-        const itemIndex = findItemIndex(id);
-        const _activeItem = activeItem.current;
-        if (withLoop && _activeItem === 0) {
-            return itemIndex === items.length - 1;
-        }
-        return itemIndex === _activeItem - 1;
-    }
-    const carouselFragment = (jsx("div", Object.assign({ ref: mainCarouselWrapperRef }, getScrollHandlers(), { style: Object.assign({ display: 'flex', position: 'relative', width: '100%', height: '100%' }, getWrapperOverflowStyles()) }, { children: jsx("div", Object.assign({ ref: carouselTrackWrapperRef }, bindDrag(), { style: Object.assign({ position: 'relative', display: 'flex', flexDirection: carouselSlideAxis === 'x' ? 'row' : 'column', touchAction: 'none' }, getAnimatedWrapperStyles()) }, { children: internalItems.map((item, index) => {
-                return (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' }, getItemStyles()) }, { children: item.renderItem }), `${item.id}-${index}`));
-            }) })) })));
-    return {
-        useListenToCustomEvent,
-        carouselFragment,
-        enterFullscreen,
-        exitFullscreen,
-        getIsFullscreen,
-        thumbsFragment,
-        slideToItem: internalSlideToItem,
-        getIsNextItem,
-        getIsPrevItem,
-        slideToPrevItem: () => slideToPrevItem(),
-        slideToNextItem: () => slideToNextItem(),
-        getIsActiveItem: (id) => {
-            return (findItemIndexById(id, "The item you want to check doesn't exist") ===
-                activeItem.current);
-        },
-    };
-}
-const Context = createContext(undefined);
-function useSpringCarouselContext() {
-    const context = useContext(Context);
-    if (!context) {
-        throw new Error('useSpringCarouselContext must be used within the carousel.');
-    }
-    return context;
-}
-
-export { useSpringCarousel, 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}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};
 //# sourceMappingURL=useSpringCarousel.js.map