react-spring-carousel 2.0.19 → 3.0.0-beta001

package/dist/esm/index2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index2.js","sources":["../../src/useSpringCarousel/index.tsx"],"sourcesContent":["import { useRef, createContext, useContext } from 'react'\nimport { useSpring, config, animated } from 'react-spring'\nimport { useDrag } from '@use-gesture/react'\nimport { useCustomEventsModule, useFullscreenModule, useThumbsModule } from '../modules'\nimport {\n  SlideToItemFnProps,\n  SlideActionType,\n  UseSpringFixedSlideTypeReturnProps,\n} from '../types'\nimport { useIsomorphicLayoutEffect, useIsomorphicMount } from '../utils'\nimport {\n  UseSpringCarouselProps,\n  ReactSpringCarouselItemWithThumbs,\n  UseSpringFluidSlideTypeReturnProps,\n  UseSpringCarouselBaseProps,\n  UseSpringCarouselWithThumbs,\n  UseSpringCarouselFluidType,\n  DisableGesturesProps,\n  WithLoopProps,\n  UseSpringCarouselWithNoThumbs,\n  EnableGesturesProps,\n  WithNoLoop,\n  UseSpringCarouselFixedSlideType,\n} from '../types/useSpringCarousel'\n\ntype ReturnType<T> = T extends 'fixed'\n  ? UseSpringFixedSlideTypeReturnProps\n  : UseSpringFluidSlideTypeReturnProps\ntype ContextTypes<T> = Omit<ReturnType<T>, 'carouselFragment' | 'thumbsFragment'>\n\nconst Context = createContext<ContextTypes<'fixed' | 'fluid'> | undefined>(undefined)\n\nconst defaultDragSpringConfig = {\n  ...config.default,\n  mass: 1,\n  velocity: 0,\n}\n\nfunction useSpringCarousel(\n  props: UseSpringCarouselBaseProps &\n    UseSpringCarouselFluidType &\n    (UseSpringCarouselWithThumbs | UseSpringCarouselWithNoThumbs) &\n    (DisableGesturesProps | EnableGesturesProps) &\n    (WithLoopProps | WithNoLoop),\n): ReturnType<'fluid'>\nfunction useSpringCarousel(\n  props: UseSpringCarouselBaseProps &\n    UseSpringCarouselFixedSlideType &\n    (UseSpringCarouselWithThumbs | UseSpringCarouselWithNoThumbs) &\n    (DisableGesturesProps | EnableGesturesProps) &\n    (WithLoopProps | WithNoLoop),\n): ReturnType<'fixed'>\n\nfunction useSpringCarousel({\n  items,\n  withLoop = false,\n  draggingSlideTreshold,\n  springConfig = config.default,\n  shouldResizeOnWindowResize = true,\n  withThumbs = false,\n  enableThumbsWrapperScroll = true,\n  slideWhenThresholdIsReached = true,\n  carouselSlideAxis = 'x',\n  thumbsSlideAxis = 'x',\n  prepareThumbsData,\n  initialActiveItem = 0,\n  initialStartingPosition,\n  disableGestures = false,\n  gutter = 0,\n  startEndGutter = 0,\n  touchAction,\n  slideAmount,\n  freeScroll = false,\n  enableFreeScrollDrag,\n  itemsPerSlide = 1,\n  slideType = 'fixed',\n}: UseSpringCarouselProps): ReturnType<'fixed' | 'fluid'> {\n  function getItems() {\n    if (withLoop) {\n      if (items.length === itemsPerSlide) {\n        return [...items, ...items, ...items, ...items, ...items]\n      }\n      return [...items, ...items, ...items]\n    }\n    return items\n  }\n\n  const isFirstMount = useRef(true)\n  const slideActionType = useRef<SlideActionType>('initial' as SlideActionType)\n  const internalItems = getItems()\n  const activeItem = useRef(initialActiveItem)\n  const mainCarouselWrapperRef = useRef<HTMLDivElement | null>(null)\n  const carouselTrackWrapperRef = useRef<HTMLDivElement | null>(null)\n  const isDragging = useRef(false)\n  const isAnimating = useRef(false)\n  const windowIsHidden = useRef(false)\n  const fluidTotalWrapperScrollValue = useRef(0)\n  const slideEndReached = useRef(false)\n  const currentWindowWidth = useRef(0)\n  const initialWindowWidth = useRef(0)\n  const prevSlidedValue = useRef(0)\n  const prevItems = useRef(items)\n\n  /**\n   * Instead of raw values, we store it in\n   * useRef for performances reasons during external rerenders\n   */\n  const draggingSlideTresholdRef = useRef<number>(draggingSlideTreshold ?? 0)\n  const itemsPerSlideRef = useRef(itemsPerSlide)\n  const gutterRef = useRef(gutter)\n  const startEndGutterRef = useRef(startEndGutter)\n  const initialActiveItemRef = useRef(initialActiveItem)\n  const initialStartingPositionRef = useRef(initialStartingPosition)\n  const carouselSlideAxisRef = useRef(carouselSlideAxis)\n\n  /**\n   * Update inner values during external rerenders!\n   */\n  itemsPerSlideRef.current = itemsPerSlide\n  gutterRef.current = gutter\n  startEndGutterRef.current = startEndGutter\n  initialActiveItemRef.current = initialActiveItem\n  initialStartingPositionRef.current = initialStartingPosition\n  carouselSlideAxisRef.current = carouselSlideAxis\n\n  const [carouselStyles, setCarouselStyles] = useSpring(() => ({\n    y: 0,\n    x: 0,\n    onChange: ({ value }) => {\n      if (mainCarouselWrapperRef.current && freeScroll) {\n        mainCarouselWrapperRef.current[\n          carouselSlideAxisRef.current === 'x' ? 'scrollLeft' : 'scrollTop'\n        ] = Math.abs(value[carouselSlideAxisRef.current])\n      }\n    },\n  }))\n\n  useIsomorphicLayoutEffect(() => {\n    if (draggingSlideTreshold) {\n      draggingSlideTresholdRef.current = draggingSlideTreshold\n    } else {\n      draggingSlideTresholdRef.current = Math.floor(getSlideValue() / 2 / 2)\n    }\n\n    resize()\n  }, [\n    draggingSlideTreshold,\n    itemsPerSlide,\n    gutter,\n    startEndGutter,\n    initialActiveItem,\n    initialStartingPosition,\n    carouselSlideAxis,\n    thumbsSlideAxis,\n  ])\n\n  function getCarouselItem() {\n    return carouselTrackWrapperRef.current?.querySelector('.use-spring-carousel-item')\n  }\n  function getMainCarouselWrapperWidth() {\n    if (!mainCarouselWrapperRef.current) {\n      throw new Error('mainCarouselWrapperRef is not available')\n    }\n    return mainCarouselWrapperRef.current.getBoundingClientRect()[\n      carouselSlideAxisRef.current === 'x' ? 'width' : 'height'\n    ]\n  }\n  function getCarouselItemWidth() {\n    const carouselItem = getCarouselItem()\n    if (!carouselItem) {\n      throw Error('No carousel items available!')\n    }\n    return (\n      carouselItem.getBoundingClientRect()[\n        carouselSlideAxisRef.current === 'x' ? 'width' : 'height'\n      ] + gutterRef.current\n    )\n  }\n  function getCurrentSlidedValue() {\n    return carouselStyles[carouselSlideAxisRef.current].get()\n  }\n  function getIfItemsNotFillTheCarousel() {\n    return getCarouselItemWidth() * items.length < getMainCarouselWrapperWidth()\n  }\n  function getFluidWrapperScrollValue() {\n    return Math.round(\n      Number(\n        carouselTrackWrapperRef.current?.[\n          carouselSlideAxisRef.current === 'x' ? 'scrollWidth' : 'scrollHeight'\n        ],\n      ) -\n        carouselTrackWrapperRef.current!.getBoundingClientRect()[\n          carouselSlideAxisRef.current === 'x' ? 'width' : 'height'\n        ],\n    )\n  }\n  function getIsFirstItem() {\n    return getCurrentActiveItem() === 0\n  }\n  function getSlideValue() {\n    if (!carouselTrackWrapperRef.current) {\n      return 0\n    }\n    const itemVal = getCarouselItemWidth()\n\n    if (slideType === 'fluid' && typeof slideAmount === 'number') {\n      if (slideAmount < itemVal) {\n        throw new Error('slideAmount must be greater than the width of a single item.')\n      }\n      return slideAmount\n    }\n    return itemVal\n  }\n  function adjustCarouselWrapperPosition(\n    ref: HTMLDivElement,\n    _initialActiveItem?: number,\n  ) {\n    const positionProperty = carouselSlideAxisRef.current === 'x' ? 'left' : 'top'\n    function getDefaultPositionValue() {\n      return getCarouselItemWidth() * items.length\n    }\n    function setPosition(v: number) {\n      if (withLoop) {\n        ref.style.top = '0px'\n        ref.style[positionProperty] = `-${v - startEndGutterRef.current}px`\n      } else {\n        ref.style.left = '0px'\n        ref.style.top = '0px'\n        if (_initialActiveItem && isFirstMount.current) {\n          ref.style[positionProperty] = `calc(-${_initialActiveItem} * 100%)`\n        }\n      }\n    }\n    function setStartPosition() {\n      setPosition(getDefaultPositionValue())\n    }\n\n    if (slideType === 'fixed') {\n      function setCenterPosition(i: number) {\n        setPosition(\n          getDefaultPositionValue() -\n            getSlideValue() * Math.round(((i as number) - 1) / 2),\n        )\n      }\n      function setEndPosition(i: number) {\n        setPosition(\n          getDefaultPositionValue() - getSlideValue() * Math.round((i as number) - 1),\n        )\n      }\n\n      if (itemsPerSlideRef.current > 1) {\n        switch (initialStartingPositionRef.current) {\n          default:\n          case 'start': {\n            setStartPosition()\n            break\n          }\n          case 'center': {\n            setCenterPosition(itemsPerSlideRef.current)\n            break\n          }\n          case 'end': {\n            setEndPosition(itemsPerSlideRef.current)\n            break\n          }\n        }\n      } else {\n        setStartPosition()\n      }\n    } else {\n      setStartPosition()\n    }\n  }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  function resize() {\n    currentWindowWidth.current = window.innerWidth\n\n    if (slideType === 'fluid') {\n      if (getIfItemsNotFillTheCarousel()) {\n        setCarouselStyles.start({\n          immediate: true,\n          [carouselSlideAxisRef.current]: 0,\n        })\n        return\n      }\n      fluidTotalWrapperScrollValue.current = getFluidWrapperScrollValue()\n\n      if (slideEndReached.current) {\n        const nextValue = -fluidTotalWrapperScrollValue.current\n        setCarouselStyles.start({\n          immediate: true,\n          [carouselSlideAxisRef.current]: nextValue,\n        })\n      }\n\n      initialWindowWidth.current = window.innerWidth\n    } else {\n      setCarouselStyles.start({\n        immediate: true,\n        [carouselSlideAxisRef.current]: -(getSlideValue() * getCurrentActiveItem()),\n      })\n    }\n\n    fluidTotalWrapperScrollValue.current = getFluidWrapperScrollValue()\n    adjustCarouselWrapperPosition(carouselTrackWrapperRef.current!)\n  }\n  function handleResize() {\n    if (window.innerWidth === currentWindowWidth.current || freeScroll) {\n      return\n    }\n    resize()\n  }\n  // Custom modules\n  const { useListenToCustomEvent, emitObservable } = useCustomEventsModule<'use-spring'>()\n  const { enterFullscreen, exitFullscreen, getIsFullscreen } =\n    useFullscreenModule<'use-spring'>({\n      mainCarouselWrapperRef,\n      emitObservable,\n      handleResize,\n    })\n  const { thumbsFragment: _thumbsFragment, handleThumbsScroll } = useThumbsModule({\n    withThumbs,\n    items: items as ReactSpringCarouselItemWithThumbs[],\n    thumbsSlideAxis,\n    springConfig,\n    prepareThumbsData,\n    slideType,\n    getFluidWrapperScrollValue,\n    getSlideValue,\n  })\n\n  function getWrapperScrollDirection() {\n    if (!mainCarouselWrapperRef.current) {\n      throw new Error('Missing mainCarouselWrapperRef.current')\n    }\n    return mainCarouselWrapperRef.current[\n      carouselSlideAxisRef.current === 'x' ? 'scrollLeft' : 'scrollTop'\n    ]\n  }\n  function getIfShouldEnableFluidDrag() {\n    if (typeof enableFreeScrollDrag === 'boolean') {\n      return enableFreeScrollDrag\n    } else if (typeof enableFreeScrollDrag === 'function') {\n      return enableFreeScrollDrag()\n    }\n    return false\n  }\n\n  const bindDrag = useDrag(\n    props => {\n      const isDragging = props.dragging\n      const movement = props.offset[carouselSlideAxisRef.current === 'x' ? 0 : 1]\n      const currentMovement = props.movement[carouselSlideAxisRef.current === 'x' ? 0 : 1]\n      const prevItemTreshold = currentMovement > draggingSlideTresholdRef.current\n      const nextItemTreshold = currentMovement < -draggingSlideTresholdRef.current\n      const direction = props.direction[carouselSlideAxisRef.current === 'x' ? 0 : 1]\n      function cancelDrag() {\n        props.cancel()\n      }\n      function setDragDirection() {\n        if (direction > 0) {\n          setSlideActionType('prev')\n        } else {\n          setSlideActionType('next')\n        }\n      }\n      function emitDragObservable() {\n        emitObservable({\n          eventName: 'onDrag',\n          slideActionType: getSlideActionType(),\n          ...props,\n        })\n      }\n      function resetAnimation() {\n        if (slideType === 'fluid') {\n          if (\n            getIfItemsNotFillTheCarousel() ||\n            (getIsFirstItem() && getSlideActionType() === 'prev')\n          ) {\n            setCarouselStyles.start({\n              [carouselSlideAxisRef.current]: 0,\n              config: {\n                velocity: props.velocity,\n                ...springConfig,\n              },\n            })\n          } else if (slideEndReached.current && getSlideActionType() === 'next') {\n            setCarouselStyles.start({\n              [carouselSlideAxisRef.current]: -fluidTotalWrapperScrollValue.current,\n              config: {\n                velocity: props.velocity,\n                ...springConfig,\n              },\n            })\n          } else {\n            setCarouselStyles.start({\n              [carouselSlideAxisRef.current]: prevSlidedValue.current,\n              config: {\n                velocity: props.velocity,\n                ...springConfig,\n              },\n            })\n          }\n        } else {\n          setCarouselStyles.start({\n            [carouselSlideAxisRef.current]: -(getCurrentActiveItem() * getSlideValue()),\n            config: {\n              velocity: props.velocity,\n              ...springConfig,\n            },\n          })\n        }\n      }\n      function checkBounds() {\n        const nextItemWillExceed =\n          Math.abs(getCurrentSlidedValue()) + 100 >= fluidTotalWrapperScrollValue.current\n\n        if (nextItemWillExceed && getSlideActionType() === 'next') {\n          slideEndReached.current = true\n        }\n        if (getSlideActionType() === 'prev') {\n          slideEndReached.current = false\n        }\n      }\n\n      if (freeScroll && getIfShouldEnableFluidDrag()) {\n        if (isDragging) {\n          if (!getIsDragging()) {\n            setIsDragging(true)\n          }\n\n          setDragDirection()\n          emitDragObservable()\n          checkBounds()\n        }\n\n        setCarouselStyles.start({\n          from: {\n            [carouselSlideAxisRef.current]: getWrapperScrollDirection(),\n          },\n          to: {\n            [carouselSlideAxisRef.current]: -movement,\n          },\n          config: {\n            velocity: props.velocity,\n            friction: 50,\n            tension: 1400,\n          },\n        })\n\n        if (getWrapperScrollDirection() === 0 && getSlideActionType() === 'prev') {\n          cancelDrag()\n          return\n        }\n        if (props.last) {\n          if (getSlideActionType() === 'prev') {\n            slideToPrevItem(props.velocity)\n          } else {\n            slideToNextItem(props.velocity)\n          }\n          setIsDragging(false)\n        }\n        return\n      }\n\n      if (isDragging) {\n        if (!getIsDragging()) {\n          setIsDragging(true)\n        }\n\n        emitDragObservable()\n        setDragDirection()\n        checkBounds()\n\n        if (freeScroll) {\n          if (getIfShouldEnableFluidDrag()) {\n            if (getWrapperScrollDirection() === 0 && getSlideActionType() === 'prev') {\n              cancelDrag()\n              return\n            } else {\n              setCarouselStyles.start({\n                config: {\n                  velocity: props.velocity,\n                  friction: 50,\n                  tension: 1400,\n                },\n                from: {\n                  [carouselSlideAxisRef.current]: getWrapperScrollDirection(),\n                },\n                to: {\n                  [carouselSlideAxisRef.current]: -movement,\n                },\n              })\n            }\n          }\n          return\n        } else {\n          setCarouselStyles.start({\n            [carouselSlideAxisRef.current]: movement,\n            config: {\n              velocity: props.velocity,\n              friction: 50,\n              tension: 1000,\n            },\n          })\n        }\n\n        if (\n          (prevItemTreshold || nextItemTreshold) &&\n          getIfItemsNotFillTheCarousel() &&\n          slideType === 'fluid'\n        ) {\n          cancelDrag()\n          resetAnimation()\n        } else if (\n          slideEndReached.current &&\n          getSlideActionType() === 'next' &&\n          nextItemTreshold\n        ) {\n          slideEndReached.current = false\n          cancelDrag()\n          setCarouselStyles.start({\n            [carouselSlideAxisRef.current]: -fluidTotalWrapperScrollValue.current,\n          })\n        } else if (slideWhenThresholdIsReached) {\n          if (nextItemTreshold) {\n            cancelDrag()\n            if (!withLoop && getIsLastItem()) {\n              resetAnimation()\n            } else {\n              slideToNextItem(props.velocity)\n            }\n            return\n          } else if (prevItemTreshold) {\n            cancelDrag()\n            if (!withLoop && getIsFirstItem()) {\n              resetAnimation()\n            } else {\n              slideToPrevItem(props.velocity)\n            }\n            return\n          }\n        }\n      }\n\n      if (\n        props.last &&\n        !slideWhenThresholdIsReached &&\n        (nextItemTreshold || prevItemTreshold) &&\n        !freeScroll\n      ) {\n        setIsDragging(false)\n        if (nextItemTreshold) {\n          if (!withLoop && getIsLastItem()) {\n            resetAnimation()\n          } else {\n            slideToNextItem(props.velocity)\n          }\n        } else if (prevItemTreshold) {\n          if (!withLoop && getIsFirstItem()) {\n            resetAnimation()\n          } else {\n            slideToPrevItem(props.velocity)\n          }\n        }\n        return\n      }\n\n      if (props.last && !nextItemTreshold && !prevItemTreshold) {\n        if (!freeScroll) {\n          resetAnimation()\n          emitObservable({\n            eventName: 'onDrag',\n            slideActionType: getSlideActionType(),\n            ...props,\n          })\n        }\n      }\n    },\n    {\n      enabled: !disableGestures,\n      axis: carouselSlideAxisRef.current,\n      from: () => {\n        if (freeScroll) {\n          if (carouselSlideAxisRef.current === 'x') {\n            return [-getWrapperScrollDirection(), 0]\n          }\n          return [0, -getWrapperScrollDirection()]\n        }\n        return [carouselStyles.x.get(), carouselStyles.y.get()]\n      },\n    },\n  )\n\n  function setSlideActionType(type: SlideActionType) {\n    slideActionType.current = type\n  }\n  function getSlideActionType() {\n    return slideActionType.current\n  }\n  function setActiveItem(newItem: number) {\n    activeItem.current = newItem\n  }\n  function getCurrentActiveItem() {\n    return activeItem.current\n  }\n  function getIsAnimating() {\n    return isAnimating.current\n  }\n  function setIsAnimating(val: boolean) {\n    isAnimating.current = val\n  }\n  function setIsDragging(val: boolean) {\n    isDragging.current = val\n  }\n  function getIsDragging() {\n    return isDragging.current\n  }\n  function getPrevItem() {\n    const currentActiveItem = getCurrentActiveItem()\n    if (currentActiveItem === 0) {\n      return items.length - 1\n    }\n    return currentActiveItem - 1\n  }\n  function getNextItem() {\n    const currentActiveItem = getCurrentActiveItem()\n    if (currentActiveItem === items.length - 1) {\n      return 0\n    }\n    return currentActiveItem + 1\n  }\n  function getIsNextItem(id: string) {\n    const itemIndex = findItemIndex(id)\n    const activeItem = getCurrentActiveItem()\n    if (withLoop && activeItem === items.length - 1) {\n      return itemIndex === 0\n    }\n    return itemIndex === activeItem + 1\n  }\n  function getIsPrevItem(id: string) {\n    const itemIndex = findItemIndex(id)\n    const activeItem = getCurrentActiveItem()\n    if (withLoop && activeItem === 0) {\n      return itemIndex === items.length - 1\n    }\n    return itemIndex === activeItem - 1\n  }\n  function findItemIndex(id: string) {\n    return items.findIndex(item => item.id === id)\n  }\n  function getFromValue(from: SlideToItemFnProps['from']) {\n    if (typeof from === 'number') {\n      return {\n        from: {\n          [carouselSlideAxisRef.current]: from,\n        },\n      }\n    }\n    return {}\n  }\n  function getToValue(\n    customTo: SlideToItemFnProps['customTo'],\n    to: SlideToItemFnProps['to'],\n  ) {\n    if (typeof customTo === 'number') {\n      return {\n        [carouselSlideAxisRef.current]: customTo,\n      }\n    }\n    if (typeof to !== 'number') {\n      throw new Error(`to values is not a number!`)\n    }\n    return {\n      [carouselSlideAxisRef.current]: -(getSlideValue() * to!),\n    }\n  }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  function slideToItem({\n    from,\n    to = -1,\n    customTo,\n    immediate = false,\n    onRest = () => {},\n    velocity,\n  }: SlideToItemFnProps) {\n    if (!immediate) {\n      setActiveItem(to)\n      setIsAnimating(true)\n      emitObservable({\n        eventName: 'onSlideStartChange',\n        slideActionType: getSlideActionType(),\n        nextItem: {\n          index: slideType === 'fluid' ? -1 : to,\n          id: slideType === 'fluid' ? '' : items[to].id,\n        },\n      })\n    }\n    prevSlidedValue.current = getToValue(customTo, to)[carouselSlideAxis]\n    setCarouselStyles.start({\n      ...getFromValue(from),\n      to: getToValue(customTo, to),\n      ...(velocity\n        ? {\n            config: {\n              ...defaultDragSpringConfig,\n              velocity,\n              friction: undefined,\n              tension: undefined,\n            },\n          }\n        : {\n            config: {\n              velocity: 0,\n              ...springConfig,\n            },\n          }),\n      immediate,\n      onRest: val => {\n        if (val.finished) {\n          setIsDragging(false)\n          setIsAnimating(false)\n          onRest()\n          if (!immediate) {\n            emitObservable({\n              eventName: 'onSlideChange',\n              slideActionType: getSlideActionType(),\n              currentItem: {\n                index: slideType === 'fluid' ? -1 : getCurrentActiveItem(),\n                id: slideType === 'fluid' ? '' : items[getCurrentActiveItem()].id,\n              },\n            })\n          }\n        }\n      },\n    })\n    if (enableThumbsWrapperScroll && withThumbs && !immediate) {\n      handleThumbsScroll(to, getSlideActionType())\n    }\n  }\n  function getIsLastItem() {\n    return getCurrentActiveItem() === items.length - 1\n  }\n  function slideToPrevItem(velocity?: number[]) {\n    setSlideActionType('prev')\n    slideEndReached.current = false\n\n    if (slideType === 'fluid') {\n      slideEndReached.current = false\n\n      if (getIfItemsNotFillTheCarousel()) {\n        return\n      }\n      const nextPrevValue = getCurrentSlidedValue() + getSlideValue() + 200\n\n      if (freeScroll) {\n        const nextValue = mainCarouselWrapperRef.current!.scrollLeft - getSlideValue()\n        slideToItem({\n          customTo: nextValue < 0 ? 0 : nextValue,\n          from: mainCarouselWrapperRef.current!.scrollLeft,\n          velocity,\n        })\n      } else if (nextPrevValue >= 0) {\n        if (withLoop) {\n          slideToItem({\n            from: getCurrentSlidedValue() - getCarouselItemWidth() * items.length,\n            velocity,\n            customTo:\n              getCurrentSlidedValue() -\n              getCarouselItemWidth() * items.length +\n              getSlideValue(),\n          })\n        } else {\n          slideToItem({\n            customTo: 0,\n            velocity,\n          })\n        }\n      } else {\n        slideToItem({\n          customTo: getCurrentSlidedValue() + getSlideValue(),\n          velocity,\n        })\n      }\n    } else {\n      if ((!withLoop && getCurrentActiveItem() === 0) || windowIsHidden.current) {\n        return\n      }\n\n      if (getIsFirstItem()) {\n        slideToItem({\n          from: getCurrentSlidedValue() - getSlideValue() * items.length,\n          to: items.length - 1,\n          velocity,\n        })\n      } else {\n        slideToItem({\n          to: getPrevItem(),\n          velocity,\n        })\n      }\n    }\n  }\n  function slideToNextItem(velocity?: number[]) {\n    setSlideActionType('next')\n\n    if (slideType === 'fluid') {\n      if (getIfItemsNotFillTheCarousel()) {\n        return\n      }\n\n      const nextItemWillExceed =\n        Math.abs(getCurrentSlidedValue() - getSlideValue()) + 100 >=\n        fluidTotalWrapperScrollValue.current\n\n      if (freeScroll) {\n        const nextValue = mainCarouselWrapperRef.current!.scrollLeft + getSlideValue()\n        const willExceed = nextValue > fluidTotalWrapperScrollValue.current\n        const val = mainCarouselWrapperRef.current!.scrollLeft + getSlideValue()\n\n        slideToItem({\n          velocity,\n          customTo: willExceed ? fluidTotalWrapperScrollValue.current : val,\n          from: mainCarouselWrapperRef.current!.scrollLeft,\n        })\n      } else if (\n        withLoop &&\n        Math.abs(getCurrentSlidedValue() - getSlideValue()) >=\n          items.length * getCarouselItemWidth()\n      ) {\n        const currentWidth = getCarouselItemWidth() * items.length\n        slideToItem({\n          from: getCurrentSlidedValue() + currentWidth,\n          customTo: getCurrentSlidedValue() + currentWidth - getSlideValue(),\n          velocity,\n        })\n      } else if (slideEndReached.current) {\n        return\n      } else if (nextItemWillExceed) {\n        slideEndReached.current = true\n        slideToItem({\n          customTo: -fluidTotalWrapperScrollValue.current,\n          velocity,\n        })\n      } else {\n        slideToItem({\n          customTo: getCurrentSlidedValue() - getSlideValue(),\n          velocity,\n        })\n      }\n    } else {\n      if (\n        (!withLoop && getCurrentActiveItem() === internalItems.length - 1) ||\n        windowIsHidden.current\n      ) {\n        return\n      }\n\n      const nextItemWillExceed =\n        Math.abs(getCurrentSlidedValue() - getSlideValue() + 25) >\n        fluidTotalWrapperScrollValue.current\n\n      if (nextItemWillExceed && !getIsDragging()) {\n        slideEndReached.current = true\n      } else if (slideEndReached.current) {\n        slideToItem({\n          to: items.length - itemsPerSlideRef.current,\n          velocity,\n        })\n      } else if (getIsLastItem()) {\n        slideToItem({\n          from: getCurrentSlidedValue() + getSlideValue() * items.length,\n          to: 0,\n          velocity,\n        })\n      } else {\n        slideToItem({\n          to: getNextItem(),\n          velocity,\n        })\n      }\n    }\n  }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  function _slideToItem(item: string | number) {\n    let itemIndex = 0\n\n    if (typeof item === 'string') {\n      itemIndex = items.findIndex(_item => _item.id === item)\n    } else {\n      itemIndex = item\n    }\n\n    if (itemIndex >= items.length) {\n      throw Error(\n        `The item you want to slide to doesn't exist. This could be due to the fact that \n        you provide a wrong id or a higher numeric index.`,\n      )\n    }\n\n    if (\n      itemIndex === getCurrentActiveItem() ||\n      (items.length !== prevItems.current.length && getCurrentActiveItem() < items.length)\n    ) {\n      return\n    }\n\n    const currentItem = findItemIndex(prevItems.current[getCurrentActiveItem()].id)\n    const newActiveItem = findItemIndex(items[itemIndex].id)\n\n    if (newActiveItem > currentItem) {\n      setSlideActionType('next')\n    } else {\n      setSlideActionType('prev')\n    }\n\n    slideToItem({\n      to: itemIndex,\n    })\n  }\n  function getItemStyles(_itemsPerSlide: number) {\n    if (slideType === 'fixed') {\n      return {\n        ...(carouselSlideAxisRef.current === 'x'\n          ? { marginRight: `${gutterRef.current}px` }\n          : { marginBottom: `${gutterRef.current}px` }),\n        flex: `1 0 calc(100% / ${_itemsPerSlide} - ${\n          (gutterRef.current * (_itemsPerSlide - 1)) / _itemsPerSlide\n        }px)`,\n      }\n    }\n    return {\n      ...(carouselSlideAxisRef.current === 'x'\n        ? { marginRight: `${gutterRef.current}px` }\n        : { marginBottom: `${gutterRef.current}px` }),\n    }\n  }\n  function getAnimatedWrapperStyles() {\n    const percentValue = `calc(100% - ${startEndGutterRef.current * 2}px)`\n    return {\n      width: carouselSlideAxisRef.current === 'x' ? percentValue : '100%',\n      height: carouselSlideAxisRef.current === 'y' ? percentValue : '100%',\n    }\n  }\n  function getOverflowStyles() {\n    if (freeScroll) {\n      if (carouselSlideAxisRef.current === 'x') {\n        return {\n          overflowX: 'auto',\n        }\n      }\n      return {\n        overflowY: 'auto',\n      }\n    }\n    return {}\n  }\n  function getWheelEvent() {\n    if (freeScroll) {\n      return {\n        onWheel() {\n          carouselStyles[carouselSlideAxisRef.current].stop()\n        },\n      }\n    }\n    return {}\n  }\n  function getTouchAction() {\n    if (disableGestures) {\n      return 'unset'\n    } else if (!touchAction) {\n      if (carouselSlideAxisRef.current === 'x') {\n        return 'pan-y'\n      }\n      return 'pan-x'\n    }\n    return touchAction\n  }\n  // Perform some check on first mount\n  useIsomorphicMount(() => {\n    if (itemsPerSlide % 2 === 0 && initialStartingPositionRef.current) {\n      throw new Error(\n        `initialStartingPosition can be only used if itemsPerSlide is an even value.`,\n      )\n    }\n    if (draggingSlideTresholdRef.current < 0) {\n      throw new Error('draggingSlideTreshold must be greater than 0')\n    }\n    if (draggingSlideTresholdRef.current > getSlideValue() / 2) {\n      throw new Error(\n        `draggingSlideTreshold must be equal or less than the half of the width of an item, which is ${Math.floor(\n          getSlideValue() / 2,\n        )}`,\n      )\n    }\n    if (itemsPerSlideRef.current < 1) {\n      throw new Error(`The itemsPerSlide prop can't be less than 1.`)\n    }\n    if (itemsPerSlideRef.current > items.length) {\n      throw new Error(\n        `The itemsPerSlide prop can't be greater than the total length of the items you provide.`,\n      )\n    }\n    if (initialActiveItemRef.current < 0) {\n      throw new Error('The initialActiveItem cannot be less than 0.')\n    }\n    if (initialActiveItemRef.current > items.length) {\n      throw new Error(\n        'The initialActiveItem cannot be greater than the total length of the items you provide.',\n      )\n    }\n    if (!shouldResizeOnWindowResize) {\n      console.warn(\n        'You set shouldResizeOnWindowResize={false}; be aware that the carousel could behave in a strange way if you also use the fullscreen functionality or if you change the mobile orientation.',\n      )\n    }\n  })\n  useIsomorphicMount(() => {\n    function handleVisibilityChange() {\n      if (document.hidden) {\n        windowIsHidden.current = true\n      } else {\n        windowIsHidden.current = false\n      }\n    }\n    document.addEventListener('visibilitychange', handleVisibilityChange)\n    return () => {\n      document.removeEventListener('visibilitychange', handleVisibilityChange)\n    }\n  })\n  useIsomorphicMount(() => {\n    isFirstMount.current = false\n    fluidTotalWrapperScrollValue.current = getFluidWrapperScrollValue()\n    initialWindowWidth.current = window.innerWidth\n    currentWindowWidth.current = window.innerWidth\n\n    if (initialActiveItem > 0) {\n      slideToItem({\n        to: initialActiveItem,\n        immediate: true,\n      })\n      setActiveItem(initialActiveItem)\n      if (!withLoop && carouselTrackWrapperRef.current) {\n        carouselTrackWrapperRef.current.style.top = '0px'\n        carouselTrackWrapperRef.current.style.left = '0px'\n      }\n    }\n  })\n  useIsomorphicLayoutEffect(() => {\n    if (initialActiveItem < items.length && initialActiveItem !== activeItem.current) {\n      slideToItem({\n        to: initialActiveItem,\n        immediate: true,\n      })\n      setActiveItem(initialActiveItem)\n    }\n  }, [initialActiveItem])\n  useIsomorphicLayoutEffect(() => {\n    if (shouldResizeOnWindowResize) {\n      window.addEventListener('resize', handleResize)\n      return () => {\n        window.removeEventListener('resize', handleResize)\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [shouldResizeOnWindowResize])\n  useIsomorphicLayoutEffect(() => {\n    if (carouselTrackWrapperRef.current) {\n      if (carouselSlideAxisRef.current === 'x') {\n        carouselTrackWrapperRef.current.style.top = '0px'\n      }\n      if (carouselSlideAxisRef.current === 'y') {\n        carouselTrackWrapperRef.current.style.left = '0px'\n      }\n    }\n  }, [carouselSlideAxis])\n  useIsomorphicLayoutEffect(() => {\n    fluidTotalWrapperScrollValue.current = getFluidWrapperScrollValue()\n    const itemsAreEqual = items.length === prevItems.current.length\n\n    if (!itemsAreEqual && items.length < prevItems.current.length) {\n      _slideToItem(items.length - 1)\n    }\n\n    prevItems.current = items\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [getFluidWrapperScrollValue, items])\n\n  const contextProps = {\n    useListenToCustomEvent,\n    getIsFullscreen,\n    enterFullscreen,\n    exitFullscreen,\n    getIsAnimating,\n    getIsDragging,\n    getIsNextItem,\n    getIsPrevItem,\n    slideToPrevItem() {\n      slideToPrevItem()\n    },\n    slideToNextItem() {\n      slideToNextItem()\n    },\n    ...(slideType === 'fixed'\n      ? {\n          slideToItem: _slideToItem,\n          getIsActiveItem: (id: string) => {\n            return findItemIndex(id) === getCurrentActiveItem()\n          },\n          getCurrentActiveItem: () => ({\n            id: items[getCurrentActiveItem()].id,\n            index: getCurrentActiveItem(),\n          }),\n        }\n      : {}),\n  }\n\n  const handleCarouselFragmentRef = (ref: HTMLDivElement | null) => {\n    if (ref) {\n      carouselTrackWrapperRef.current = ref\n      adjustCarouselWrapperPosition(ref, initialActiveItemRef.current)\n    }\n  }\n\n  function getInitialStyles() {\n    const totalValue = (items.length / itemsPerSlide) * 100\n    const singleItemValue = 100 / itemsPerSlide\n    const cssProp = carouselSlideAxisRef.current === 'x' ? 'left' : 'y'\n    const quantityToMove = Math.floor(50 / singleItemValue)\n\n    if (slideType === 'fixed') {\n      if (initialStartingPositionRef.current === 'center') {\n        return {\n          [cssProp]: `calc(-${totalValue}% + ${singleItemValue * quantityToMove}%)`,\n        }\n      }\n      if (initialStartingPositionRef.current === 'end') {\n        return {\n          [cssProp]: `calc(-${totalValue}% + ${singleItemValue * (quantityToMove * 2)}%)`,\n        }\n      }\n    }\n    return {\n      [cssProp]: `0px`,\n    }\n  }\n\n  const carouselFragment = (\n    <Context.Provider value={contextProps}>\n      <div\n        ref={mainCarouselWrapperRef}\n        className=\"use-spring-carousel-main-wrapper\"\n        data-testid=\"use-spring-carousel-wrapper\"\n        {...getWheelEvent()}\n        // @ts-ignore\n        style={{\n          display: 'flex',\n          position: 'relative',\n          width: '100%',\n          height: '100%',\n          ...getOverflowStyles(),\n        }}\n      >\n        <animated.div\n          {...bindDrag()}\n          className=\"use-spring-carousel-track-wrapper\"\n          data-testid=\"use-spring-carousel-animated-wrapper\"\n          ref={handleCarouselFragmentRef}\n          style={{\n            display: 'flex',\n            position: 'relative',\n            touchAction: getTouchAction(),\n            flexDirection: carouselSlideAxisRef.current === 'x' ? 'row' : 'column',\n            ...getAnimatedWrapperStyles(),\n            ...getInitialStyles(),\n            ...(freeScroll ? {} : carouselStyles),\n          }}\n        >\n          {internalItems.map(({ id, renderItem }, index) => {\n            return (\n              <div\n                key={`${id}-${index}`}\n                className=\"use-spring-carousel-item\"\n                data-testid=\"use-spring-carousel-item-wrapper\"\n                style={{\n                  display: 'flex',\n                  position: 'relative',\n                  ...getItemStyles(itemsPerSlideRef.current),\n                }}\n              >\n                {renderItem}\n              </div>\n            )\n          })}\n        </animated.div>\n      </div>\n    </Context.Provider>\n  )\n  const thumbsFragment = (\n    <Context.Provider value={contextProps}>{_thumbsFragment}</Context.Provider>\n  )\n\n  return {\n    ...contextProps,\n    carouselFragment,\n    thumbsFragment,\n  }\n}\n\nfunction useSpringCarouselContext<T = 'fixed' | 'fluid'>() {\n  const context = useContext(Context)\n  if (!context) {\n    throw new Error(\n      'useSpringCarouselContext must be used only inside a component that is rendered inside the Carousel.',\n    )\n  }\n  return context as ContextTypes<T>\n}\n\nexport { useSpringCarousel, useSpringCarouselContext }\n"],"names":["Context","createContext","undefined","defaultDragSpringConfig","config","default","mass","velocity","useSpringCarousel","items","withLoop","draggingSlideTreshold","springConfig","shouldResizeOnWindowResize","withThumbs","enableThumbsWrapperScroll","slideWhenThresholdIsReached","carouselSlideAxis","thumbsSlideAxis","prepareThumbsData","initialActiveItem","initialStartingPosition","disableGestures","gutter","startEndGutter","touchAction","slideAmount","freeScroll","enableFreeScrollDrag","itemsPerSlide","slideType","isFirstMount","useRef","slideActionType","internalItems","length","activeItem","mainCarouselWrapperRef","carouselTrackWrapperRef","isDragging","isAnimating","windowIsHidden","fluidTotalWrapperScrollValue","slideEndReached","currentWindowWidth","initialWindowWidth","prevSlidedValue","prevItems","draggingSlideTresholdRef","itemsPerSlideRef","gutterRef","startEndGutterRef","initialActiveItemRef","initialStartingPositionRef","carouselSlideAxisRef","current","carouselStyles","setCarouselStyles","useSpring","y","x","onChange","value","Math","abs","getCarouselItemWidth","carouselItem","querySelector","Error","getBoundingClientRect","getCurrentSlidedValue","get","getIfItemsNotFillTheCarousel","getMainCarouselWrapperWidth","getFluidWrapperScrollValue","round","Number","getIsFirstItem","getCurrentActiveItem","getSlideValue","itemVal","adjustCarouselWrapperPosition","ref","_initialActiveItem","positionProperty","getDefaultPositionValue","setPosition","v","style","top","left","setStartPosition","i","setEndPosition","resize","window","innerWidth","start","immediate","[object Object]","nextValue","handleResize","useIsomorphicLayoutEffect","floor","useListenToCustomEvent","emitObservable","useCustomEventsModule","enterFullscreen","exitFullscreen","getIsFullscreen","useFullscreenModule","thumbsFragment","_thumbsFragment","handleThumbsScroll","useThumbsModule","getWrapperScrollDirection","getIfShouldEnableFluidDrag","bindDrag","useDrag","props","dragging","movement","offset","currentMovement","prevItemTreshold","nextItemTreshold","direction","cancelDrag","cancel","setDragDirection","setSlideActionType","emitDragObservable","eventName","getSlideActionType","resetAnimation","checkBounds","getIsDragging","setIsDragging","from","to","friction","tension","last","slideToPrevItem","slideToNextItem","getIsLastItem","enabled","axis","type","setActiveItem","newItem","setIsAnimating","val","getPrevItem","currentActiveItem","getNextItem","findItemIndex","id","findIndex","item","getToValue","customTo","slideToItem","onRest","nextItem","index","getFromValue","finished","currentItem","nextPrevValue","scrollLeft","nextItemWillExceed","willExceed","currentWidth","_slideToItem","itemIndex","_item","useIsomorphicMount","console","warn","handleVisibilityChange","document","hidden","addEventListener","removeEventListener","contextProps","getIsAnimating","getIsNextItem","getIsPrevItem","getIsActiveItem","carouselFragment","_jsx","Provider","className","stop","display","position","width","height","overflowX","overflowY","animated","div","flexDirection","percentValue","getAnimatedWrapperStyles","totalValue","singleItemValue","cssProp","quantityToMove","getInitialStyles","map","renderItem","_itemsPerSlide","marginRight","marginBottom","flex","useSpringCarouselContext","context","useContext"],"mappings":"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"}
+{"version":3,"file":"index2.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/useSpringCarousel.js

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

package/dist/esm/useSpringCarousel.js.map

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

package/dist/esm/useThumbsModule-ce69c348.js

@@ -0,0 +1,2 @@
+import{useRef as e,useEffect as n}from"react";import t from"screenfull";import{jsx as r}from"react/jsx-runtime";import{useSpring as i}from"@react-spring/web";function u(){const t=e(null);return n((()=>{t.current=document.createElement("div")}),[]),{useListenToCustomEvent:function(e){n((()=>{function n(n){e(n.detail)}if(t.current)return t.current.addEventListener("RSC::Event",n,!1),()=>{var e;null===(e=t.current)||void 0===e||e.removeEventListener("RSC::Event",n,!1)}}),[])},emitEvent:function(e){if(t.current){const n=new CustomEvent("RSC::Event",{detail:e});t.current.dispatchEvent(n)}}}}function l({mainCarouselWrapperRef:r,emitEvent:i,handleResize:u}){const l=e(!1);function o(e){l.current=e}return n((()=>{function e(){document.fullscreenElement&&(o(!0),i({eventName:"onFullscreenChange",isFullscreen:!0}),u&&u()),document.fullscreenElement||(o(!1),i({eventName:"onFullscreenChange",isFullscreen:!1}),u&&u())}if(t.isEnabled)return t.on("change",e),()=>{t.isEnabled&&t.off("change",e)}}),[]),{enterFullscreen:function(e){t.isEnabled&&t.request(e||r.current)},exitFullscreen:function(){t.isEnabled&&t.exit()},getIsFullscreen:function(){return l.current}}}function o({thumbsSlideAxis:n="x",withThumbs:t=!1,prepareThumbsData:u,items:l}){const o=e(null),[c,s]=i((()=>({val:0})));function a(){var e;return Math.round(Number(null===(e=o.current)||void 0===e?void 0:e["x"===n?"scrollWidth":"scrollHeight"])-o.current.getBoundingClientRect()["x"===n?"width":"height"])}return{thumbsFragment:t?r("div",Object.assign({className:"use-spring-carousel-thumbs-wrapper",ref:o,onWheel:()=>c.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 u?u(e(l)):e(l)}().map((({id:e,renderThumb:n})=>{const t=`thumb-item-${e}`;return r("div",Object.assign({id:t,className:"thumb-item"},{children:n}),t)}))})):null,handleScroll:function(e){var t,r;const i=o.current?o.current.querySelector(`#thumb-item-${l[e].id}`):null;if(i&&o.current&&!function(e){const n=e.getBoundingClientRect();return n.top>=0&&n.left>=0&&n.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&n.right<=(window.innerWidth||document.documentElement.clientWidth)}(i)){const e=i.offsetLeft,u=e>a()?a():e;s.start({from:{val:null!==(r=null===(t=o.current)||void 0===t?void 0:t["x"===n?"scrollLeft":"scrollTop"])&&void 0!==r?r:0},to:{val:u},onChange:({value:e})=>{o.current&&(o.current["x"===n?"scrollLeft":"scrollTop"]=Math.abs(e.val))}})}}}}export{o as a,l as b,u};
+//# sourceMappingURL=useThumbsModule-ce69c348.js.map

package/dist/esm/useThumbsModule-ce69c348.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThumbsModule-ce69c348.js","sources":["../../src/modules/useEventsModule.ts","../../src/modules/useFullscreenModule.ts","../../src/modules/useThumbsModule.tsx"],"sourcesContent":["import { FullGestureState } from \"@use-gesture/react\";\nimport { useEffect, useRef } from \"react\";\nimport { SlideActionType, SlideMode } from \"../types/common\";\n\nconst eventLabel = \"RSC::Event\";\n\ntype OnSlideStartChange = {\n  eventName: \"onSlideStartChange\";\n  slideActionType: SlideActionType;\n  slideMode: SlideMode;\n  nextItem: {\n    index: number;\n    id: string;\n    startReached: boolean;\n    endReached: boolean;\n  };\n};\ntype OnSlideChange = {\n  eventName: \"onSlideChange\";\n  slideActionType: SlideActionType;\n  slideMode: SlideMode;\n  currentItem: {\n    index: number;\n    id: string;\n    startReached: boolean;\n    endReached: boolean;\n  };\n};\ntype OnFullscreenChange = {\n  eventName: \"onFullscreenChange\";\n  isFullscreen: boolean;\n};\ntype OnDrag = Omit<FullGestureState<\"drag\">, \"event\"> & {\n  eventName: \"onDrag\";\n  slideActionType: SlideActionType;\n};\n\ntype Events = OnSlideStartChange | OnSlideChange | OnDrag | OnFullscreenChange;\n\ntype EventHandler = (props: Events) => void;\n\nexport type EmitEvent = (event: Events) => void;\nexport type UseListenToCustomEvent = {\n  useListenToCustomEvent: (eventHandler: EventHandler) => void;\n  emitEvent: (event: Events) => void;\n};\n\nexport function useEventsModule() {\n  const targetEvent = useRef<HTMLDivElement | null>(null);\n\n  useEffect(() => {\n    targetEvent.current = document.createElement(\"div\");\n  }, []);\n\n  function useListenToCustomEvent(eventHandler: EventHandler) {\n    useEffect(() => {\n      function handleEvent(event: CustomEvent<Events>) {\n        eventHandler(event.detail);\n      }\n\n      if (targetEvent.current) {\n        // @ts-ignore\n        targetEvent.current.addEventListener(eventLabel, handleEvent, false);\n        return () => {\n          // @ts-ignore\n          targetEvent.current?.removeEventListener(\n            eventLabel,\n            handleEvent,\n            false\n          );\n        };\n      }\n    }, []);\n  }\n  function emitEvent(event: Events) {\n    if (targetEvent.current) {\n      const newEvent = new CustomEvent(eventLabel, {\n        detail: event,\n      });\n      targetEvent.current.dispatchEvent(newEvent);\n    }\n  }\n\n  return {\n    useListenToCustomEvent,\n    emitEvent,\n  };\n}\n","import { useRef, MutableRefObject, useEffect } from \"react\";\nimport screenfull from \"screenfull\";\nimport { EmitEvent } from \"./useEventsModule\";\n\ntype FullscreenModule = {\n  mainCarouselWrapperRef: MutableRefObject<HTMLDivElement | null>;\n  emitEvent: EmitEvent;\n  handleResize?(): void;\n};\n\nexport function useFullscreenModule({\n  mainCarouselWrapperRef,\n  emitEvent,\n  handleResize,\n}: FullscreenModule) {\n  const isFullscreen = useRef(false);\n\n  useEffect(() => {\n    function handleFullscreenChange() {\n      if (document.fullscreenElement) {\n        setIsFullscreen(true);\n        emitEvent({\n          eventName: \"onFullscreenChange\",\n          isFullscreen: true,\n        });\n\n        handleResize && handleResize();\n      }\n\n      if (!document.fullscreenElement) {\n        setIsFullscreen(false);\n        emitEvent({\n          eventName: \"onFullscreenChange\",\n          isFullscreen: false,\n        });\n        handleResize && handleResize();\n      }\n    }\n\n    if (screenfull.isEnabled) {\n      screenfull.on(\"change\", handleFullscreenChange);\n      return () => {\n        if (screenfull.isEnabled) {\n          screenfull.off(\"change\", handleFullscreenChange);\n        }\n      };\n    }\n  }, []);\n\n  function setIsFullscreen(_isFullscreen: boolean) {\n    isFullscreen.current = _isFullscreen;\n  }\n\n  function getIsFullscreen() {\n    return isFullscreen.current;\n  }\n\n  function enterFullscreen(elementRef?: HTMLElement) {\n    if (screenfull.isEnabled) {\n      screenfull.request(\n        (elementRef || mainCarouselWrapperRef.current) as Element\n      );\n    }\n  }\n\n  function exitFullscreen() {\n    screenfull.isEnabled && screenfull.exit();\n  }\n\n  return {\n    enterFullscreen,\n    exitFullscreen,\n    getIsFullscreen,\n  };\n}\n","import { useSpring } from \"@react-spring/web\";\nimport { useRef } from \"react\";\nimport {\n  SpringCarouselWithThumbs,\n  PrepareThumbsData,\n} from \"src/types/internals\";\n\ntype Props = {\n  withThumbs?: boolean;\n  thumbsSlideAxis: SpringCarouselWithThumbs[\"thumbsSlideAxis\"];\n  prepareThumbsData?: PrepareThumbsData;\n  items: SpringCarouselWithThumbs[\"items\"];\n};\n\nfunction isInViewport(el: HTMLElement) {\n  const rect = el.getBoundingClientRect();\n  return (\n    rect.top >= 0 &&\n    rect.left >= 0 &&\n    rect.bottom <=\n      (window.innerHeight || document.documentElement.clientHeight) &&\n    rect.right <= (window.innerWidth || document.documentElement.clientWidth)\n  );\n}\n\nexport function useThumbsModule({\n  thumbsSlideAxis = \"x\",\n  withThumbs = false,\n  prepareThumbsData,\n  items,\n}: Props) {\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n  const [spring, setSpring] = useSpring(() => ({\n    val: 0,\n  }));\n\n  function getTotalScrollValue() {\n    return Math.round(\n      Number(\n        wrapperRef.current?.[\n          thumbsSlideAxis === \"x\" ? \"scrollWidth\" : \"scrollHeight\"\n        ]\n      ) -\n        wrapperRef.current!.getBoundingClientRect()[\n          thumbsSlideAxis === \"x\" ? \"width\" : \"height\"\n        ]\n    );\n  }\n\n  function handleScroll(activeItem: number) {\n    function getThumbNode() {\n      if (wrapperRef.current) {\n        return wrapperRef.current.querySelector(\n          `#thumb-item-${items[activeItem].id}`\n        ) as HTMLElement;\n      }\n      return null;\n    }\n\n    const thumbNode = getThumbNode();\n    if (thumbNode && wrapperRef.current) {\n      if (!isInViewport(thumbNode)) {\n        const offset = thumbNode.offsetLeft;\n        const val =\n          offset > getTotalScrollValue() ? getTotalScrollValue() : offset;\n\n        setSpring.start({\n          from: {\n            val:\n              wrapperRef.current?.[\n                thumbsSlideAxis === \"x\" ? \"scrollLeft\" : \"scrollTop\"\n              ] ?? 0,\n          },\n          to: {\n            val,\n          },\n          onChange: ({ value }) => {\n            if (wrapperRef.current) {\n              wrapperRef.current[\n                thumbsSlideAxis === \"x\" ? \"scrollLeft\" : \"scrollTop\"\n              ] = Math.abs(value.val);\n            }\n          },\n        });\n      }\n    }\n  }\n\n  function handlePrepareThumbsData() {\n    function getPreparedItems(\n      _items: ReturnType<PrepareThumbsData>\n    ): ReturnType<PrepareThumbsData> {\n      return _items.map((i) => ({\n        id: i.id,\n        renderThumb: i.renderThumb,\n      }));\n    }\n\n    if (prepareThumbsData) {\n      return prepareThumbsData(getPreparedItems(items));\n    }\n    return getPreparedItems(items);\n  }\n\n  const thumbsFragment = withThumbs ? (\n    <div\n      className=\"use-spring-carousel-thumbs-wrapper\"\n      ref={wrapperRef}\n      onWheel={() => spring.val.stop()}\n      style={{\n        display: \"flex\",\n        flex: \"1\",\n        position: \"relative\",\n        width: \"100%\",\n        height: \"100%\",\n        flexDirection: thumbsSlideAxis === \"x\" ? \"row\" : \"column\",\n        ...(thumbsSlideAxis === \"x\"\n          ? { overflowX: \"auto\" }\n          : {\n              overflowY: \"auto\",\n              maxHeight: \"100%\",\n            }),\n      }}\n    >\n      {handlePrepareThumbsData().map(({ id, renderThumb }) => {\n        const thumbId = `thumb-item-${id}`;\n        return (\n          <div key={thumbId} id={thumbId} className=\"thumb-item\">\n            {renderThumb}\n          </div>\n        );\n      })}\n    </div>\n  ) : null;\n\n  return {\n    thumbsFragment,\n    handleScroll,\n  };\n}\n"],"names":["useEventsModule","targetEvent","useRef","useEffect","current","document","createElement","useListenToCustomEvent","eventHandler","handleEvent","event","detail","addEventListener","_a","removeEventListener","emitEvent","newEvent","CustomEvent","dispatchEvent","useFullscreenModule","mainCarouselWrapperRef","handleResize","isFullscreen","setIsFullscreen","_isFullscreen","handleFullscreenChange","fullscreenElement","eventName","screenfull","isEnabled","on","off","enterFullscreen","elementRef","request","exitFullscreen","exit","getIsFullscreen","useThumbsModule","thumbsSlideAxis","withThumbs","prepareThumbsData","items","wrapperRef","spring","setSpring","useSpring","val","getTotalScrollValue","Math","round","Number","getBoundingClientRect","thumbsFragment","_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"],"mappings":"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"}

package/dist/types/index.d.ts

@@ -1,2 +1 @@
 export * from './useSpringCarousel';
-export * from './useTransitionCarousel';

package/dist/types/mockedItems.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const mockedItems: ({
+    id: string;
+    renderThumb: JSX.Element;
+    renderItem: JSX.Element;
+} | {
+    id: string;
+    renderItem: JSX.Element;
+    renderThumb?: undefined;
+})[];

package/dist/types/modules/index.d.ts

@@ -1,3 +1,3 @@
-export * from './useCustomEventsModule';
+export * from './useEventsModule';
 export * from './useFullscreenModule';
 export * from './useThumbsModule';

package/dist/types/modules/useEventsModule.d.ts

@@ -0,0 +1,44 @@
+import { FullGestureState } from "@use-gesture/react";
+import { SlideActionType, SlideMode } from "../types/common";
+declare type OnSlideStartChange = {
+    eventName: "onSlideStartChange";
+    slideActionType: SlideActionType;
+    slideMode: SlideMode;
+    nextItem: {
+        index: number;
+        id: string;
+        startReached: boolean;
+        endReached: boolean;
+    };
+};
+declare type OnSlideChange = {
+    eventName: "onSlideChange";
+    slideActionType: SlideActionType;
+    slideMode: SlideMode;
+    currentItem: {
+        index: number;
+        id: string;
+        startReached: boolean;
+        endReached: boolean;
+    };
+};
+declare type OnFullscreenChange = {
+    eventName: "onFullscreenChange";
+    isFullscreen: boolean;
+};
+declare type OnDrag = Omit<FullGestureState<"drag">, "event"> & {
+    eventName: "onDrag";
+    slideActionType: SlideActionType;
+};
+declare type Events = OnSlideStartChange | OnSlideChange | OnDrag | OnFullscreenChange;
+declare type EventHandler = (props: Events) => void;
+export declare type EmitEvent = (event: Events) => void;
+export declare type UseListenToCustomEvent = {
+    useListenToCustomEvent: (eventHandler: EventHandler) => void;
+    emitEvent: (event: Events) => void;
+};
+export declare function useEventsModule(): {
+    useListenToCustomEvent: (eventHandler: EventHandler) => void;
+    emitEvent: (event: Events) => void;
+};
+export {};

package/dist/types/modules/useFullscreenModule.d.ts

@@ -1,12 +1,12 @@
-import { MutableRefObject } from 'react';
-import { EmitObservableFn } from '../types';
-declare type FullscreenModule<T> = {
+import { MutableRefObject } from "react";
+import { EmitEvent } from "./useEventsModule";
+declare type FullscreenModule = {
     mainCarouselWrapperRef: MutableRefObject<HTMLDivElement | null>;
-    emitObservable: EmitObservableFn<T>;
+    emitEvent: EmitEvent;
     handleResize?(): void;
 };
-export declare function useFullscreenModule<T>({ mainCarouselWrapperRef, emitObservable, handleResize, }: FullscreenModule<T>): {
-    enterFullscreen: (elementRef?: HTMLElement | undefined) => void;
+export declare function useFullscreenModule({ mainCarouselWrapperRef, emitEvent, handleResize, }: FullscreenModule): {
+    enterFullscreen: (elementRef?: HTMLElement) => void;
     exitFullscreen: () => void;
     getIsFullscreen: () => boolean;
 };

package/dist/types/modules/useThumbsModule.d.ts

@@ -1,19 +1,13 @@
 /// <reference types="react" />
-import { SpringConfig } from 'react-spring';
-import { UseSpringCarouselProps, SlideActionType } from '../types';
-import { ReactSpringCarouselItemWithThumbs } from '../types/useSpringCarousel';
+import { SpringCarouselWithThumbs, PrepareThumbsData } from "src/types/internals";
 declare type Props = {
-    items: ReactSpringCarouselItemWithThumbs[];
-    withThumbs: boolean;
-    slideType: UseSpringCarouselProps['slideType'];
-    thumbsSlideAxis: UseSpringCarouselProps['thumbsSlideAxis'];
-    springConfig: SpringConfig;
-    prepareThumbsData?: UseSpringCarouselProps['prepareThumbsData'];
-    getFluidWrapperScrollValue?(): number;
-    getSlideValue?(): number;
+    withThumbs?: boolean;
+    thumbsSlideAxis: SpringCarouselWithThumbs["thumbsSlideAxis"];
+    prepareThumbsData?: PrepareThumbsData;
+    items: SpringCarouselWithThumbs["items"];
 };
-export declare function useThumbsModule({ items, withThumbs, thumbsSlideAxis, springConfig, prepareThumbsData, getFluidWrapperScrollValue, getSlideValue, slideType, }: Props): {
+export declare function useThumbsModule({ thumbsSlideAxis, withThumbs, prepareThumbsData, items, }: Props): {
     thumbsFragment: JSX.Element | null;
-    handleThumbsScroll: (activeItem: number, actionType?: SlideActionType | undefined) => void;
+    handleScroll: (activeItem: number) => void;
 };
 export {};

package/dist/types/types/common.d.ts

@@ -0,0 +1,2 @@
+export declare type SlideActionType = "prev" | "next" | "initial";
+export declare type SlideMode = "drag" | "click" | "initial";

package/dist/types/types/index.d.ts

@@ -1,51 +1,10 @@
-import { FullGestureState } from '@use-gesture/react';
-import { ReactSpringCarouselItemWithThumbs } from './useSpringCarousel';
-export declare type PrepareThumbsData = (items: Omit<ReactSpringCarouselItemWithThumbs, 'renderItem'>[]) => Omit<ReactSpringCarouselItemWithThumbs, 'renderItem'>[];
-export declare type SlideToItemFnProps = {
-    from?: number;
-    to?: number;
-    newIndex?: number;
-    immediate?: boolean;
-    customTo?: number;
-    velocity?: number[];
-    onRest?(): void;
+import { ReactNode } from "react";
+export declare type ItemWithThumb = {
+    id: string;
+    renderItem: ReactNode;
+    renderThumb: ReactNode;
 };
-export declare type SlideActionType = 'prev' | 'next';
-declare type OnSlideStartChange = {
-    eventName: 'onSlideStartChange';
-    slideActionType: SlideActionType;
-    nextItem: {
-        index: number;
-        id: string;
-    };
+export declare type ItemWithNoThumb = {
+    id: string;
+    renderItem: ReactNode;
 };
-declare type OnSlideChange = {
-    eventName: 'onSlideChange';
-    slideActionType: SlideActionType;
-    currentItem: {
-        index: number;
-        id: string;
-    };
-};
-declare type OnDrag = Omit<FullGestureState<'drag'>, 'event'> & {
-    eventName: 'onDrag';
-    slideActionType: SlideActionType;
-};
-declare type OnFullscreenChange = {
-    eventName: 'onFullscreenChange';
-    isFullscreen: boolean;
-};
-declare type OnLeftSwipe = {
-    eventName: 'onLeftSwipe';
-};
-declare type OnRightSwipe = {
-    eventName: 'onRightSwipe';
-};
-export declare type UseSpringCarouselEventsObservableProps = OnSlideStartChange | OnSlideChange | OnDrag | OnFullscreenChange;
-export declare type UseTransitionCarouselEventsObservableProps = OnSlideStartChange | OnSlideChange | OnFullscreenChange | OnLeftSwipe | OnRightSwipe;
-declare type CombinedProps<T> = T extends 'use-spring' ? UseSpringCarouselEventsObservableProps : UseTransitionCarouselEventsObservableProps;
-export declare type EmitObservableFn<T> = (data: CombinedProps<T>) => void;
-export declare type ObservableCallbackFn<T> = (data: CombinedProps<T>) => void;
-export declare type UseListenToCustomEvent<T> = (fn: ObservableCallbackFn<T>) => void;
-export * from './useSpringCarousel';
-export * from './useTransitionCarousel';

package/dist/types/types/internals.d.ts

@@ -0,0 +1,82 @@
+import { ReactNode } from "react";
+import { ItemWithThumb, ItemWithNoThumb } from "./";
+import { UseListenToCustomEvent } from "../modules/useEventsModule";
+export declare type UseSpringReturnType = {
+    carouselFragment: ReactNode;
+    thumbsFragment: ReactNode;
+    useListenToCustomEvent: UseListenToCustomEvent["useListenToCustomEvent"];
+    getIsFullscreen(): boolean;
+    getIsPrevItem(id: string): boolean;
+    getIsNextItem(id: string): boolean;
+    enterFullscreen(ref?: HTMLElement): void;
+    exitFullscreen(): void;
+    slideToNextItem(): void;
+    slideToPrevItem(): void;
+    slideToItem(item: string | number): void;
+    getIsActiveItem(id: string): boolean;
+};
+export declare type PrepareThumbsData = (items: Omit<ItemWithThumb, "renderItem">[]) => Omit<ItemWithThumb, "renderItem">[];
+export declare type SpringCarouselWithThumbs = {
+    withThumbs: true;
+    thumbsSlideAxis?: "x" | "y";
+    items: ItemWithThumb[];
+    prepareThumbsData?: PrepareThumbsData;
+};
+export declare type SpringCarouselWithNoThumbs = {
+    withThumbs?: false | undefined;
+    thumbsSlideAxis?: never;
+    items: ItemWithNoThumb[];
+    prepareThumbsData?: never;
+};
+export declare type SpringCarouselWithFixedItems = {
+    slideType?: "fixed";
+    itemsPerSlide?: number;
+    startEndGutter?: number;
+    initialStartingPosition?: "start" | "center" | "end";
+    initialActiveItem?: number;
+};
+export declare type SpringCarouselWithNoFixedItems = {
+    slideType?: "fluid";
+    startEndGutter?: never;
+    initialStartingPosition?: never;
+    initialActiveItem?: never;
+    itemsPerSlide?: never;
+};
+export declare type SpringCarouselWithLoop = {
+    withLoop?: true;
+};
+export declare type SpringCarouselWithNoLoop = {
+    withLoop?: false;
+};
+export declare type SpringCarouselFreeScroll = {
+    freeScroll?: true;
+    withLoop?: never;
+    slideType?: never;
+    enableFreeScrollDrag?: true;
+};
+export declare type SpringCarouselNoFreeScroll = {
+    freeScroll?: never;
+    withLoop?: boolean;
+    slideType?: "fixed" | "fluid";
+    enableFreeScrollDrag?: never;
+};
+export declare type BaseProps = {
+    init?: boolean;
+    gutter?: number;
+    carouselSlideAxis?: "x" | "y";
+    draggingSlideTreshold?: number;
+    slideWhenThresholdIsReached?: boolean;
+    disableGestures?: boolean;
+};
+export declare type UseSpringCarouselWithThumbs = BaseProps & SpringCarouselWithThumbs & (SpringCarouselWithFixedItems | SpringCarouselWithNoFixedItems) & (SpringCarouselWithLoop | SpringCarouselWithNoLoop) & (SpringCarouselFreeScroll | SpringCarouselNoFreeScroll);
+export declare type UseSpringCarouselWithNoThumbs = BaseProps & SpringCarouselWithNoThumbs & (SpringCarouselWithFixedItems | SpringCarouselWithNoFixedItems) & (SpringCarouselWithLoop | SpringCarouselWithNoLoop) & (SpringCarouselFreeScroll | SpringCarouselNoFreeScroll);
+export declare type UseSpringCarouselWithFixedItems = BaseProps & (SpringCarouselWithThumbs | SpringCarouselWithNoThumbs) & SpringCarouselWithFixedItems & (SpringCarouselWithLoop | SpringCarouselWithNoLoop) & (SpringCarouselFreeScroll | SpringCarouselNoFreeScroll);
+export declare type UseSpringCarouselWithNoFixedItems = BaseProps & (SpringCarouselWithThumbs | SpringCarouselWithNoThumbs) & SpringCarouselWithNoFixedItems & (SpringCarouselWithLoop | SpringCarouselWithNoLoop) & (SpringCarouselFreeScroll | SpringCarouselNoFreeScroll);
+export declare type UseSpringCarouselComplete = BaseProps & {
+    thumbsSlideAxis?: "x" | "y";
+    itemsPerSlide?: number;
+    startEndGutter?: number;
+    initialStartingPosition?: "start" | "center" | "end";
+    prepareThumbsData?: PrepareThumbsData;
+    initialActiveItem?: number;
+} & (SpringCarouselWithThumbs | SpringCarouselWithNoThumbs) & (SpringCarouselWithFixedItems | SpringCarouselWithNoFixedItems) & (SpringCarouselWithLoop | SpringCarouselWithNoLoop) & (SpringCarouselFreeScroll | SpringCarouselNoFreeScroll);

package/dist/types/useSpringCarousel.d.ts

@@ -0,0 +1,7 @@
+import { UseSpringReturnType, UseSpringCarouselWithThumbs, UseSpringCarouselWithNoThumbs, UseSpringCarouselWithFixedItems, UseSpringCarouselWithNoFixedItems } from "./types/internals";
+declare function useSpringCarousel(props: UseSpringCarouselWithThumbs): UseSpringReturnType;
+declare function useSpringCarousel(props: UseSpringCarouselWithNoThumbs): UseSpringReturnType;
+declare function useSpringCarousel(props: UseSpringCarouselWithFixedItems): UseSpringReturnType;
+declare function useSpringCarousel(props: UseSpringCarouselWithNoFixedItems): UseSpringReturnType;
+declare function useSpringCarouselContext(): Omit<UseSpringReturnType, "thumbsFragment" | "carouselFragment">;
+export { useSpringCarousel, useSpringCarouselContext };