react-spring-carousel 3.0.0-beta067 → 3.0.0-beta070

package/dist/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/modules/useEventsModule.ts","../../src/modules/useFullscreenModule.ts","../../src/modules/useThumbsModule.tsx","../../src/useSpringCarousel.tsx","../../src/useTransitionCarousel.tsx"],"sourcesContent":["import { FullGestureState } from '@use-gesture/react'\nimport { useEffect, useRef } from 'react'\nimport { SlideActionType, SlideMode, TransitionSlideMode } from '../types/common'\n\nconst eventLabel = 'RSC::Event'\n\ntype OnSlideStartChange<T> = {\n  eventName: 'onSlideStartChange'\n  slideActionType: SlideActionType\n  slideMode: T extends 'use-spring' ? SlideMode : TransitionSlideMode\n  nextItem: {\n    index: number\n    id: string\n    startReached: boolean\n    endReached: boolean\n  }\n}\ntype OnSlideChange<T> = {\n  eventName: 'onSlideChange'\n  slideActionType: SlideActionType\n  slideMode: T extends 'use-spring' ? SlideMode : TransitionSlideMode\n  currentItem: {\n    index: number\n    id: string\n    startReached: boolean\n    endReached: boolean\n  }\n}\ntype OnFullscreenChange = {\n  eventName: 'onFullscreenChange'\n  isFullscreen: boolean\n}\ntype OnDrag = Omit<FullGestureState<'drag'>, 'event'> & {\n  eventName: 'onDrag'\n  slideActionType: SlideActionType\n}\n\ntype OnLeftSwipe = {\n  eventName: 'onLeftSwipe'\n}\n\ntype OnRightSwipe = {\n  eventName: 'onRightSwipe'\n}\n\ntype SpringCarouselEvents<T> =\n  | OnSlideStartChange<T>\n  | OnSlideChange<T>\n  | OnDrag\n  | OnFullscreenChange\n\ntype TransitionCarouselEvents<T> =\n  | OnSlideStartChange<T>\n  | OnSlideChange<T>\n  | OnFullscreenChange\n  | OnLeftSwipe\n  | OnRightSwipe\n\ntype Events<T> = T extends 'use-spring'\n  ? SpringCarouselEvents<'use-spring'>\n  : TransitionCarouselEvents<'use-transition'>\n\ntype EventHandler<T> = (props: Events<T>) => void\n\nexport type UseListenToCustomEvent<T> = {\n  useListenToCustomEvent: (eventHandler: EventHandler<T>) => void\n  emitEvent: (event: Events<T>) => void\n}\n\nexport function useEventsModule<T extends 'use-spring' | 'use-transition'>() {\n  const targetEvent = useRef<HTMLDivElement | null>(null)\n\n  function useListenToCustomEvent(eventHandler: EventHandler<T>) {\n    useEffect(() => {\n      if (!targetEvent.current) {\n        targetEvent.current = document.createElement('div')\n      }\n\n      function handleEvent(event: CustomEvent<Events<T>>) {\n        eventHandler(event.detail)\n      }\n\n      if (targetEvent.current) {\n        // @ts-ignore\n        targetEvent.current.addEventListener(eventLabel, handleEvent, false)\n        return () => {\n          // @ts-ignore\n          targetEvent.current?.removeEventListener(eventLabel, handleEvent, false)\n        }\n      }\n    }, [eventHandler])\n  }\n  function emitEvent(event: Events<T>) {\n    if (targetEvent.current) {\n      const newEvent = new CustomEvent(eventLabel, {\n        detail: event,\n      })\n      targetEvent.current.dispatchEvent(newEvent)\n    }\n  }\n\n  return {\n    useListenToCustomEvent,\n    emitEvent,\n  }\n}\n","import { useRef, MutableRefObject, useEffect } from 'react'\nimport screenfull from 'screenfull'\n\ntype FullscreenModule = {\n  mainCarouselWrapperRef: MutableRefObject<HTMLDivElement | null>\n  handleResize?(): void\n  onFullScreenChange(isFullscreen: boolean): void\n}\n\nexport function useFullscreenModule({\n  mainCarouselWrapperRef,\n  onFullScreenChange,\n  handleResize,\n}: FullscreenModule) {\n  const isFullscreen = useRef(false)\n\n  useEffect(() => {\n    function handleFullscreenChange() {\n      if (document.fullscreenElement) {\n        setIsFullscreen(true)\n        onFullScreenChange(true)\n        handleResize && handleResize()\n      }\n\n      if (!document.fullscreenElement) {\n        setIsFullscreen(false)\n        onFullScreenChange(false)\n        handleResize && handleResize()\n      }\n    }\n\n    if (screenfull.isEnabled) {\n      screenfull.on('change', handleFullscreenChange)\n      return () => {\n        if (screenfull.isEnabled) {\n          screenfull.off('change', handleFullscreenChange)\n        }\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  function setIsFullscreen(_isFullscreen: boolean) {\n    isFullscreen.current = _isFullscreen\n  }\n\n  function getIsFullscreen() {\n    return isFullscreen.current\n  }\n\n  function enterFullscreen(elementRef?: HTMLElement) {\n    if (screenfull.isEnabled) {\n      screenfull.request((elementRef || mainCarouselWrapperRef.current) as Element)\n    }\n  }\n\n  function exitFullscreen() {\n    screenfull.isEnabled && screenfull.exit()\n  }\n\n  return {\n    enterFullscreen,\n    exitFullscreen,\n    getIsFullscreen,\n  }\n}\n","import { useSpring } from '@react-spring/web'\nimport { useRef } from 'react'\n\nimport {\n  ItemWithThumb,\n  PrepareThumbsData,\n  RenderItemProps,\n  SpringCarouselWithThumbs,\n} from '../types'\n\ntype Props<T extends 'use-spring' | 'use-transition'> = {\n  withThumbs?: boolean\n  thumbsSlideAxis: SpringCarouselWithThumbs['thumbsSlideAxis']\n  prepareThumbsData?: PrepareThumbsData<T>\n  items: ItemWithThumb<T>[]\n  renderThumbFnProps: RenderItemProps<T>\n}\n\nfunction isInViewport(el: HTMLElement) {\n  const rect = el.getBoundingClientRect()\n  return (\n    rect.top >= 0 &&\n    rect.left >= 0 &&\n    rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&\n    rect.right <= (window.innerWidth || document.documentElement.clientWidth)\n  )\n}\n\nexport function useThumbsModule<T extends 'use-spring' | 'use-transition'>({\n  thumbsSlideAxis = 'x',\n  withThumbs = false,\n  prepareThumbsData,\n  items,\n  renderThumbFnProps,\n}: Props<T>) {\n  const wrapperRef = useRef<HTMLDivElement | null>(null)\n  const [spring, setSpring] = useSpring(() => ({\n    val: 0,\n  }))\n\n  function getTotalScrollValue() {\n    return Math.round(\n      Number(\n        wrapperRef.current?.[thumbsSlideAxis === 'x' ? 'scrollWidth' : 'scrollHeight'],\n      ) -\n        wrapperRef.current!.getBoundingClientRect()[\n          thumbsSlideAxis === 'x' ? 'width' : 'height'\n        ],\n    )\n  }\n\n  function handleScroll(activeItem: number) {\n    function getThumbNode() {\n      if (wrapperRef.current) {\n        return wrapperRef.current.querySelector(\n          `#thumb-item-${items[activeItem].id}`,\n        ) as HTMLElement\n      }\n      return null\n    }\n\n    const thumbNode = getThumbNode()\n    if (thumbNode && wrapperRef.current) {\n      if (!isInViewport(thumbNode)) {\n        const offset = thumbNode.offsetLeft\n        const val = offset > getTotalScrollValue() ? getTotalScrollValue() : offset\n\n        setSpring.start({\n          from: {\n            val:\n              wrapperRef.current?.[\n                thumbsSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n              ] ?? 0,\n          },\n          to: {\n            val,\n          },\n          onChange: ({ value }) => {\n            if (wrapperRef.current) {\n              wrapperRef.current[thumbsSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'] =\n                Math.abs(value.val)\n            }\n          },\n        })\n      }\n    }\n  }\n\n  function handlePrepareThumbsData() {\n    function getPreparedItems(\n      _items: ReturnType<PrepareThumbsData<T>>,\n    ): ReturnType<PrepareThumbsData<T>> {\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            {typeof renderThumb === 'function'\n              ? renderThumb(renderThumbFnProps)\n              : renderThumb}\n          </div>\n        )\n      })}\n    </div>\n  ) : null\n\n  return {\n    thumbsFragment,\n    handleScroll,\n  }\n}\n","import { config, useIsomorphicLayoutEffect, useSpring } from '@react-spring/web'\nimport React, { createContext, useCallback, useContext, useEffect, useRef } from 'react'\n\nimport { useEventsModule } from './modules/useEventsModule'\nimport { useDrag } from '@use-gesture/react'\nimport { useFullscreenModule } from './modules/useFullscreenModule'\nimport { useThumbsModule } from './modules/useThumbsModule'\nimport ResizeObserver from 'resize-observer-polyfill'\n\nimport {\n  SlideActionType,\n  SlideMode,\n  UseSpringCarouselComplete,\n  UseSpringCarouselWithFreeScroll,\n  UseSpringCarouselWithThumbs,\n  UseSpringCarouselWithNoThumbs,\n  UseSpringCarouselWithNoFixedItems,\n  UseSpringCarouselWithFixedItems,\n  UseSpringFreeScrollReturnType,\n  UseSpringReturnType,\n  SlideType,\n  ItemWithThumb,\n} from './types'\n\ntype ReturnType<T> = T extends true ? UseSpringFreeScrollReturnType : UseSpringReturnType\n\n/**\n * With free scroll\n */\nfunction useSpringCarousel(props: UseSpringCarouselWithFreeScroll): ReturnType<true>\nfunction useSpringCarousel(props: UseSpringCarouselWithThumbs<true>): ReturnType<true>\nfunction useSpringCarousel(props: UseSpringCarouselWithNoThumbs<true>): ReturnType<true>\n/**\n * No free scroll\n */\nfunction useSpringCarousel(props: UseSpringCarouselWithThumbs<false>): ReturnType<false>\nfunction useSpringCarousel(props: UseSpringCarouselWithNoThumbs<false>): ReturnType<false>\nfunction useSpringCarousel(\n  props: UseSpringCarouselWithFixedItems<false>,\n): ReturnType<false>\nfunction useSpringCarousel(\n  props: UseSpringCarouselWithNoFixedItems<false>,\n): ReturnType<false>\n\nfunction useSpringCarousel({\n  items,\n  init = true,\n  withThumbs,\n  thumbsSlideAxis = 'x',\n  itemsPerSlide: _itemsPerSlide = 1,\n  slideType = 'fixed',\n  gutter = 0,\n  withLoop = false,\n  startEndGutter = 0,\n  carouselSlideAxis = 'x',\n  disableGestures = false,\n  draggingSlideTreshold: _draggingSlideTreshold,\n  slideWhenThresholdIsReached = false,\n  freeScroll,\n  enableFreeScrollDrag,\n  initialStartingPosition,\n  prepareThumbsData,\n  initialActiveItem = 0,\n  animateWhenActiveItemChange = true,\n  getControllerRef,\n}: UseSpringCarouselComplete): ReturnType<typeof freeScroll> {\n  const itemsPerSlide = _itemsPerSlide > items.length ? items.length : _itemsPerSlide\n  const resizeByPropChange = useRef(false)\n  const draggingSlideTreshold = useRef(_draggingSlideTreshold ?? 0)\n  const slideActionType = useRef<SlideActionType>('initial')\n  const slideModeType = useRef<SlideMode>('initial')\n\n  /**\n   * After the user hits start/end edges of the carousel,\n   * we check where the user is going. This is useful\n   * to correctly resize the carousel when the carousel is going\n   * backward after reaching the last item in fluid slide mode\n   */\n  const directionAfterReachingEdges = useRef<'forward' | 'backward' | 'initial'>(\n    'initial',\n  )\n\n  const activeItem = useRef(initialActiveItem)\n  const firstItemReached = useRef(initialActiveItem === 0)\n  const lastItemReached = useRef(\n    slideType === 'fixed' && initialActiveItem === items.length - 1,\n  )\n  const mainCarouselWrapperRef = useRef<HTMLDivElement | null>(null)\n  const carouselTrackWrapperRef = useRef<HTMLDivElement | null>(null)\n\n  const isFirstMount = useRef(true)\n\n  const prevTotalScrollValue = useRef(0)\n  const prevWindowWidth = useRef(0)\n  const prevSlidedValue = useRef(0)\n  const prevWithLoop = useRef(withLoop)\n  const prevSlideType = useRef(slideType)\n  const prevFreeScroll = useRef(freeScroll)\n  const windowIsHidden = useRef(false)\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 [spring, setSpring] = useSpring(\n    () => ({\n      val: 0,\n      pause: !init,\n      onChange: ({ value }) => {\n        if (freeScroll && mainCarouselWrapperRef.current) {\n          if (carouselSlideAxis === 'x') {\n            mainCarouselWrapperRef.current.scrollLeft = Math.abs(value.val)\n          } else {\n            mainCarouselWrapperRef.current.scrollTop = Math.abs(value.val)\n          }\n          setStartEndItemReachedOnFreeScroll()\n        } else if (carouselTrackWrapperRef.current) {\n          if (carouselSlideAxis === 'x') {\n            carouselTrackWrapperRef.current.style.transform = `translate3d(${value.val}px, 0px,0px)`\n          } else {\n            carouselTrackWrapperRef.current.style.transform = `translate3d(0px,${value.val}px,0px)`\n          }\n        }\n      },\n    }),\n    [freeScroll],\n  )\n  const { emitEvent, useListenToCustomEvent } = useEventsModule<'use-spring'>()\n  const { thumbsFragment, handleScroll } = useThumbsModule<'use-spring'>({\n    withThumbs: !!withThumbs,\n    thumbsSlideAxis,\n    prepareThumbsData,\n    items: items as ItemWithThumb<'use-spring'>[],\n    renderThumbFnProps: {\n      getIsActiveItem,\n      getIsPrevItem,\n      useListenToCustomEvent,\n      getIsNextItem,\n    },\n  })\n  const { enterFullscreen, exitFullscreen, getIsFullscreen } = useFullscreenModule({\n    mainCarouselWrapperRef,\n    handleResize: () => adjustCarouselWrapperPosition(),\n    onFullScreenChange: val => {\n      emitEvent({\n        eventName: 'onFullscreenChange',\n        isFullscreen: val,\n      })\n    },\n  })\n\n  function getItemStyles(isLastItem: boolean) {\n    if (slideType === 'fixed' && !freeScroll) {\n      return {\n        marginRight: `${isLastItem ? 0 : gutter}px`,\n        flex: `1 0 calc(100% / ${itemsPerSlide} - ${\n          (gutter * (itemsPerSlide - 1)) / itemsPerSlide\n        }px)`,\n      }\n    }\n    return {\n      ...{ marginRight: `${isLastItem ? 0 : gutter}px` },\n    }\n  }\n  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: SlideMode\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  // eslint-disable-next-line react-hooks/exhaustive-deps\n  function getTotalScrollValue() {\n    if (withLoop) {\n      return getSlideValue() * items.length\n    }\n    return Math.round(\n      Number(\n        carouselTrackWrapperRef.current?.[\n          carouselSlideAxis === 'x' ? 'scrollWidth' : 'scrollHeight'\n        ],\n      ) -\n        carouselTrackWrapperRef.current!.getBoundingClientRect()[\n          carouselSlideAxis === 'x' ? 'width' : 'height'\n        ] -\n        startEndGutter * 2,\n    )\n  }\n  function getAnimatedWrapperStyles() {\n    const percentValue = `calc(100% - ${startEndGutter * 2}px)`\n    return {\n      width: carouselSlideAxis === 'x' ? percentValue : '100%',\n      height: carouselSlideAxis === 'y' ? percentValue : '100%',\n    }\n  }\n\n  function getCarouselItemWidth() {\n    const carouselItem = carouselTrackWrapperRef.current?.querySelector(\n      '.use-spring-carousel-item',\n    )\n    if (!carouselItem) {\n      throw Error('No carousel items available!')\n    }\n    return (\n      carouselItem.getBoundingClientRect()[\n        carouselSlideAxis === 'x' ? 'width' : 'height'\n      ] + gutter\n    )\n  }\n\n  function setPosition(v: number) {\n    const positionProperty = carouselSlideAxis === 'x' ? 'left' : 'top'\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\n      firstItemReached.current = false\n      lastItemReached.current = false\n    } else {\n      ref.style.left = '0px'\n      ref.style.top = '0px'\n    }\n  }\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  function adjustCarouselWrapperPosition(shouldResetPosition = false) {\n    if (carouselTrackWrapperRef.current && shouldResetPosition) {\n      carouselTrackWrapperRef.current.style.transform = `translate3d(0px, 0px,0px)`\n      carouselTrackWrapperRef.current.style.left = `0`\n      carouselTrackWrapperRef.current.style.top = `0`\n    }\n\n    if (slideType === 'fixed') {\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\n    if (slideType === 'fluid') {\n      /**\n       * User reached the last item and now is resizing the container that becomes smaller/bigger.\n       * Example: on mobile devices the user rotates the device\n       */\n      if (\n        lastItemReached.current &&\n        getTotalScrollValue() !== Math.abs(prevSlidedValue.current) &&\n        !withLoop\n      ) {\n        const newVal = -getTotalScrollValue()\n        prevSlidedValue.current = newVal\n        setSpring.start({\n          immediate: true,\n          val: prevSlidedValue.current,\n        })\n        return\n      }\n\n      if (\n        Math.abs(prevSlidedValue.current) > 0 &&\n        getTotalScrollValue() !== Math.abs(prevSlidedValue.current) &&\n        !withLoop &&\n        !freeScroll &&\n        directionAfterReachingEdges.current === 'backward'\n      ) {\n        const diff = prevTotalScrollValue.current - getTotalScrollValue()\n        const next = prevSlidedValue.current + diff\n\n        setSpring.start({\n          immediate: true,\n          val: next,\n        })\n\n        return () => {\n          prevSlidedValue.current = next\n        }\n      }\n\n      return\n    }\n\n    if (!freeScroll && slideType === 'fixed') {\n      const nextValue = -(getSlideValue() * activeItem.current)\n\n      /**\n       * Here we make sure to always show the latest item as the\n       * latest item visible in the carousel viewport.\n       */\n      if (Math.abs(nextValue) > getTotalScrollValue() && !withLoop) {\n        const val = -getTotalScrollValue()\n        lastItemReached.current = true\n        prevSlidedValue.current = val\n        setSpring.start({\n          immediate: true,\n          val: prevSlidedValue.current,\n        })\n      } else {\n        prevSlidedValue.current = nextValue\n        setSpring.start({\n          immediate: true,\n          val: nextValue,\n        })\n      }\n\n      setTimeout(() => {\n        resizeByPropChange.current = false\n      }, 0)\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 (typeof index === 'number') {\n        return -(index * getSlideValue())\n      }\n      return prevSlidedValue.current - getSlideValue()\n    }\n\n    if (typeof index === 'number') {\n      return -(index * getSlideValue())\n    }\n    return prevSlidedValue.current + getSlideValue()\n  }\n\n  type SlideToPrevNextItem = {\n    type: SlideMode\n    index?: number\n    immediate?: boolean\n  }\n  function slideToPrevItem({ type, index, immediate }: SlideToPrevNextItem) {\n    if (!init || windowIsHidden.current || (firstItemReached.current && !withLoop)) return\n\n    if (lastItemReached.current) {\n      directionAfterReachingEdges.current = 'backward'\n    }\n\n    slideActionType.current = 'prev'\n    lastItemReached.current = false\n\n    const nextItem = typeof index === 'number' ? index : activeItem.current - 1\n\n    if (freeScroll) {\n      setStartEndItemReachedOnFreeScroll()\n    }\n\n    if (!withLoop) {\n      const nextItemWillExceed = freeScroll\n        ? getToValue('prev', index) - getSlideValue() / 3 < 0\n        : getToValue('prev', index) + getSlideValue() / 3 > 0\n\n      if (firstItemReached.current) return\n      if (nextItemWillExceed) {\n        firstItemReached.current = true\n        lastItemReached.current = false\n\n        slideToItem({\n          slideMode: type,\n          from: getFromValue(),\n          to: 0,\n          nextActiveItem: 0,\n          immediate,\n        })\n        return\n      }\n    }\n    if (withLoop && (firstItemReached.current || nextItem < 0)) {\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        immediate,\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      immediate,\n    })\n  }\n  function slideToNextItem({ type, index, immediate }: SlideToPrevNextItem) {\n    if (!init || windowIsHidden.current || (lastItemReached.current && !withLoop)) return\n\n    if (firstItemReached.current) {\n      directionAfterReachingEdges.current = 'forward'\n    }\n\n    slideActionType.current = 'next'\n    firstItemReached.current = false\n\n    const nextItem = index || activeItem.current + 1\n\n    if (freeScroll) {\n      setStartEndItemReachedOnFreeScroll()\n    }\n\n    if (!withLoop) {\n      const nextItemWillExceed =\n        Math.abs(getToValue('next', index)) > getTotalScrollValue() - getSlideValue() / 3\n\n      if (lastItemReached.current) return\n      if (nextItemWillExceed) {\n        firstItemReached.current = false\n        lastItemReached.current = true\n\n        slideToItem({\n          slideMode: type,\n          from: getFromValue(),\n          to: freeScroll ? getTotalScrollValue() : -getTotalScrollValue(),\n          nextActiveItem: nextItem,\n          immediate,\n        })\n        return\n      }\n    }\n    if (withLoop && (lastItemReached.current || nextItem > items.length - 1)) {\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        immediate,\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      immediate,\n    })\n  }\n  function setDraggingSliderTreshold() {\n    if (_draggingSlideTreshold) {\n      draggingSlideTreshold.current = _draggingSlideTreshold\n    } else {\n      draggingSlideTreshold.current = Math.floor(getSlideValue() / 2 / 2)\n    }\n  }\n  function initializeCarousel() {\n    if (!isFirstMount.current && carouselTrackWrapperRef.current) {\n      prevTotalScrollValue.current = getTotalScrollValue()\n      prevWithLoop.current = withLoop\n      prevSlideType.current = slideType\n      prevFreeScroll.current = freeScroll\n      prevWindowWidth.current = window.innerWidth\n      prevSlidedValue.current = 0\n\n      internalSlideToItem({ id: 0, immediate: true, shouldReset: true })\n      setDraggingSliderTreshold()\n      adjustCarouselWrapperPosition()\n    }\n  }\n\n  const enableDrag =\n    (init && !disableGestures && !freeScroll) || (!!freeScroll && !!enableFreeScrollDrag)\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      const tot = getTotalScrollValue()\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 (movement > 0) {\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            state.cancel()\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({ type: 'drag' })\n          state.cancel()\n        } else if (slideWhenThresholdIsReached && prevItemTreshold) {\n          slideToPrevItem({ type: 'drag' })\n          state.cancel()\n        }\n\n        const res = tot - Math.abs(movement)\n\n        if (res < -(getSlideValue() * 2)) {\n          state.cancel()\n        }\n\n        return\n      }\n\n      if (state.last && freeScroll && movement > 0) {\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      if (state.last && !state.canceled && freeScroll) {\n        if (slideActionType.current === 'prev') {\n          slideToPrevItem({ type: 'drag' })\n        }\n        if (slideActionType.current === 'next') {\n          slideToNextItem({ type: 'drag' })\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({ type: '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({ type: '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      if (state.last && state.canceled) {\n        setSpring.start({\n          val: prevSlidedValue.current,\n          config: {\n            ...config.default,\n            velocity: state.velocity,\n          },\n        })\n      }\n    },\n    {\n      enabled: enableDrag,\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  function setStartEndItemReachedOnFreeScroll() {\n    if (mainCarouselWrapperRef.current) {\n      prevSlidedValue.current =\n        mainCarouselWrapperRef.current[\n          carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n        ]\n      if (\n        mainCarouselWrapperRef.current[\n          carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n        ] === 0\n      ) {\n        firstItemReached.current = true\n        lastItemReached.current = false\n      }\n      if (\n        mainCarouselWrapperRef.current[\n          carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n        ] > 0 &&\n        mainCarouselWrapperRef.current[\n          carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n        ] < getTotalScrollValue()\n      ) {\n        firstItemReached.current = false\n        lastItemReached.current = false\n      }\n\n      if (\n        mainCarouselWrapperRef.current[\n          carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n        ] === getTotalScrollValue()\n      ) {\n        firstItemReached.current = false\n        lastItemReached.current = true\n      }\n    }\n  }\n  function getScrollHandlers() {\n    if (freeScroll) {\n      return {\n        onWheel() {\n          spring.val.stop()\n          setStartEndItemReachedOnFreeScroll()\n        },\n      }\n    }\n    return {}\n  }\n  function findItemIndex(id: string | number, error?: string) {\n    let itemIndex = 0\n\n    if (typeof id === 'string') {\n      itemIndex = items.findIndex(item => item.id === id)\n    } else {\n      itemIndex = id\n    }\n    if (itemIndex < 0 || itemIndex >= items.length) {\n      if (error) {\n        throw new Error(error)\n      }\n      console.error(\n        `The item doesn't exist; check that the id provided - ${id} - is correct.`,\n      )\n      itemIndex = -1\n    }\n\n    return itemIndex\n  }\n  type InternalSlideToItem = {\n    id: string | number\n    immediate?: boolean\n    shouldReset?: boolean\n    type?: SlideType\n  }\n  function internalSlideToItem({\n    id,\n    immediate,\n    shouldReset,\n    type,\n  }: InternalSlideToItem) {\n    if (!init || windowIsHidden.current) return\n\n    firstItemReached.current = false\n    lastItemReached.current = false\n\n    const itemIndex = findItemIndex(\n      id,\n      \"The item you want to slide to doesn't exist; check the provided id.\",\n    )\n\n    if (itemIndex === activeItem.current && !shouldReset) {\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({\n        type: type || shouldReset ? 'initial' : 'click',\n        index: newActiveItem,\n        immediate,\n      })\n    } else {\n      slideToPrevItem({\n        type: type || shouldReset ? 'initial' : 'click',\n        index: newActiveItem,\n        immediate,\n      })\n    }\n  }\n  function getIsNextItem(id: string | number) {\n    const itemIndex = findItemIndex(id, \"The item doesn't exist; check the provided id.\")\n    const _activeItem = activeItem.current\n    if (withLoop && _activeItem === items.length - 1) {\n      return itemIndex === 0\n    }\n    return itemIndex === _activeItem + 1\n  }\n  function getIsPrevItem(id: string | number) {\n    const itemIndex = findItemIndex(id, \"The item doesn't exist; check the provided id.\")\n    const _activeItem = activeItem.current\n    if (withLoop && _activeItem === 0) {\n      return itemIndex === items.length - 1\n    }\n    return itemIndex === _activeItem - 1\n  }\n  function getIsActiveItem(id: string | number) {\n    return (\n      findItemIndex(\n        id,\n        \"The item you want to check doesn't exist; check the provided id.\",\n      ) === activeItem.current\n    )\n  }\n  function getTouchAction() {\n    if (disableGestures) {\n      return 'unset'\n    }\n\n    if (carouselSlideAxis === 'x') {\n      return 'pan-y'\n    }\n    return 'pan-x'\n  }\n\n  const res = freeScroll\n    ? {\n        useListenToCustomEvent,\n        enterFullscreen,\n        exitFullscreen,\n        getIsFullscreen,\n        slideToPrevItem: (animate = true) => {\n          slideToPrevItem({\n            type: 'click',\n            immediate: !animate,\n          })\n        },\n        slideToNextItem: (animate = true) => {\n          slideToNextItem({\n            type: 'click',\n            immediate: !animate,\n          })\n        },\n      }\n    : {\n        useListenToCustomEvent,\n        enterFullscreen,\n        exitFullscreen,\n        getIsFullscreen,\n        slideToPrevItem: (animate = true) => {\n          slideToPrevItem({\n            type: 'click',\n            immediate: !animate,\n          })\n        },\n        slideToNextItem: (animate = true) => {\n          slideToNextItem({\n            type: 'click',\n            immediate: !animate,\n          })\n        },\n        slideToItem: (id: string | number, animate = true) => {\n          internalSlideToItem({ id, immediate: !animate })\n        },\n        getIsNextItem,\n        getIsPrevItem,\n        getIsActiveItem,\n      }\n\n  // uwc-debug-below\n  useIsomorphicLayoutEffect(() => {\n    /**\n     * Set initial track position\n     */\n    if (carouselTrackWrapperRef.current && init) {\n      resizeByPropChange.current = true\n      initializeCarousel()\n    }\n  }, [init])\n  useEffect(() => {\n    if (activeItem.current !== initialActiveItem) {\n      internalSlideToItem({\n        id: initialActiveItem,\n        immediate: !animateWhenActiveItemChange,\n      })\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [initialActiveItem])\n  useEffect(() => {\n    if (init) {\n      if (initialActiveItem > items.length - 1) {\n        throw new Error(\n          `initialActiveItem (${initialActiveItem}) is greater than the total quantity available items (${items.length}).`,\n        )\n      }\n      if (itemsPerSlide > items.length) {\n        console.warn(\n          `itemsPerSlide (${itemsPerSlide}) is greater than the total quantity available items (${items.length}). Fallback to ${items.length})`,\n        )\n      }\n    }\n  }, [initialActiveItem, items.length, itemsPerSlide, init])\n  useEffect(() => {\n    prevWindowWidth.current = window.innerWidth\n  }, [])\n  useEffect(() => {\n    /**\n     * When these props change we reset the carousel\n     */\n    if (init) {\n      resizeByPropChange.current = true\n      initializeCarousel()\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [initialStartingPosition, itemsPerSlide, startEndGutter, gutter, init, withLoop])\n  useEffect(() => {\n    if (!init) return\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  }, [init])\n\n  useEffect(() => {\n    if (mainCarouselWrapperRef.current) {\n      let timer: NodeJS.Timeout\n      const observer = new ResizeObserver(() => {\n        if (isFirstMount.current) {\n          isFirstMount.current = false\n          return\n        }\n\n        if (windowIsHidden.current) return\n        if (!resizeByPropChange.current) {\n          prevWindowWidth.current = window.innerWidth\n          const cb = adjustCarouselWrapperPosition()\n          window.clearTimeout(timer)\n\n          timer = setTimeout(() => {\n            prevTotalScrollValue.current = getTotalScrollValue()\n            if (typeof cb === 'function') {\n              cb()\n            }\n          }, 100)\n        }\n      })\n      observer.observe(mainCarouselWrapperRef.current)\n      return () => {\n        observer.disconnect()\n      }\n    }\n  }, [adjustCarouselWrapperPosition, getTotalScrollValue])\n  useEffect(() => {\n    if (getControllerRef) {\n      getControllerRef({\n        slideToNextItem: res.slideToNextItem,\n        slideToPrevItem: res.slideToPrevItem,\n        slideToItem: res?.slideToItem,\n      })\n    }\n  }, [getControllerRef, res.slideToItem, res.slideToNextItem, res.slideToPrevItem])\n\n  const _thumbsFragment = (\n    <Context.Provider value={res}>{thumbsFragment}</Context.Provider>\n  )\n  const carouselFragment = (\n    <Context.Provider value={res}>\n      <div\n        className=\"use-spring-carousel-main-wrapper\"\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          className=\"use-spring-carousel-track-wrapper\"\n          ref={carouselTrackWrapperRef}\n          {...bindDrag()}\n          style={{\n            position: 'relative',\n            display: 'flex',\n            flexDirection: carouselSlideAxis === 'x' ? 'row' : 'column',\n            touchAction: getTouchAction(),\n            ...getAnimatedWrapperStyles(),\n          }}\n        >\n          {(freeScroll || !withLoop) && startEndGutter ? (\n            <div\n              style={{\n                flexShrink: 0,\n                width: startEndGutter,\n              }}\n            />\n          ) : null}\n          {internalItems.map((item, index) => {\n            return (\n              <div\n                key={`${item.id}-${index}`}\n                className=\"use-spring-carousel-item\"\n                data-testid=\"use-spring-carousel-item-wrapper\"\n                style={{\n                  display: 'flex',\n                  position: 'relative',\n                  flex: '1',\n                  ...getItemStyles(\n                    index ===\n                      internalItems.findIndex(\n                        i => i.id === internalItems[internalItems.length - 1].id,\n                      ),\n                  ),\n                }}\n              >\n                {typeof item.renderItem === 'function'\n                  ? item.renderItem({\n                      getIsActiveItem,\n                      getIsNextItem,\n                      getIsPrevItem,\n                      useListenToCustomEvent,\n                    })\n                  : item.renderItem}\n              </div>\n            )\n          })}\n          {(freeScroll || !withLoop) && startEndGutter ? (\n            <div\n              style={{\n                flexShrink: 0,\n                width: startEndGutter,\n              }}\n            />\n          ) : null}\n        </div>\n      </div>\n    </Context.Provider>\n  )\n\n  return { ...res, carouselFragment, thumbsFragment: _thumbsFragment }\n}\n\ntype ContextProps<T = undefined> = Omit<\n  ReturnType<T extends 'free-scroll' ? true : false>,\n  'carouselFragment' | 'thumbsFragment'\n>\n\nconst Context = createContext<ContextProps | ContextProps<'free-scroll'> | undefined>(\n  undefined,\n)\n\nfunction useSpringCarouselContext<T>() {\n  const context = useContext(Context)\n  if (!context) {\n    throw new Error('useSpringCarouselContext must be used within the carousel.')\n  }\n  return context as ContextProps<T>\n}\n\nexport { useSpringCarousel, useSpringCarouselContext }\n","import { a, config, useTransition } from '@react-spring/web'\nimport { useEffect, useRef, useState, createContext, useContext } from 'react'\nimport { useEventsModule } from './modules/useEventsModule'\nimport { useDrag } from '@use-gesture/react'\nimport { useThumbsModule } from './modules'\nimport {\n  ItemWithThumb,\n  UseTransitionCarouselProps,\n  UseTransitionCarouselReturnProps,\n  SlideActionType,\n  TransitionSlideMode,\n} from './types'\n\nconst defaultAnimationProps = {\n  initial: {\n    opacity: 1,\n    position: 'relative',\n  },\n  from: {\n    opacity: 0,\n    position: 'relative',\n  },\n  enter: {\n    position: 'relative',\n    opacity: 1,\n  },\n  leave: {\n    opacity: 1,\n    position: 'absolute',\n  },\n}\n\nfunction useTransitionCarousel({\n  init = true,\n  disableGestures = false,\n  items,\n  springConfig = config.default,\n  exitBeforeEnter = false,\n  trail,\n  withLoop = false,\n  activeItem: externalActiveItem,\n  toPrevItemSpringProps = defaultAnimationProps,\n  toNextItemSpringProps = defaultAnimationProps,\n  draggingSlideTreshold = 50,\n  thumbsSlideAxis = 'x',\n}: UseTransitionCarouselProps): UseTransitionCarouselReturnProps {\n  const slideActionType = useRef<SlideActionType>('next')\n  const slideModeType = useRef<TransitionSlideMode>('initial')\n  const mainCarouselWrapperRef = useRef<HTMLDivElement | null>(null)\n  const [activeItem, setActiveItem] = useState(externalActiveItem ?? 0)\n  const { emitEvent, useListenToCustomEvent } = useEventsModule<'use-transition'>()\n  const { handleScroll, thumbsFragment } = useThumbsModule<'use-transition'>({\n    thumbsSlideAxis,\n    items: items as ItemWithThumb<'use-transition'>[],\n    renderThumbFnProps: {\n      getIsNextItem,\n      getIsPrevItem,\n      useListenToCustomEvent,\n      activeItem: {\n        index: activeItem,\n        id: items[activeItem].id,\n      },\n    },\n  })\n\n  function getConfig() {\n    if (slideActionType.current === 'prev') {\n      return {\n        initial: {\n          ...toPrevItemSpringProps.initial,\n        },\n        from: {\n          ...toPrevItemSpringProps.from,\n        },\n        enter: {\n          ...toPrevItemSpringProps.enter,\n        },\n        leave: {\n          ...toPrevItemSpringProps.leave,\n        },\n      }\n    }\n    if (slideActionType.current === 'next') {\n      return {\n        initial: {\n          ...toNextItemSpringProps.initial,\n        },\n        from: {\n          ...toNextItemSpringProps.from,\n        },\n        enter: {\n          ...toNextItemSpringProps.enter,\n        },\n        leave: {\n          ...toNextItemSpringProps.leave,\n        },\n      }\n    }\n    return {\n      initial: {\n        ...defaultAnimationProps.initial,\n      },\n      from: {\n        ...defaultAnimationProps.from,\n      },\n      enter: {\n        ...defaultAnimationProps.enter,\n      },\n      leave: {\n        ...defaultAnimationProps.leave,\n      },\n    }\n  }\n\n  useEffect(() => {\n    if (typeof externalActiveItem === 'number' && externalActiveItem !== activeItem) {\n      setActiveItem(externalActiveItem)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [externalActiveItem])\n\n  type SlideToItem = {\n    to: number\n    slideType: SlideActionType\n    slideMode: TransitionSlideMode\n  }\n\n  function slideToItem({ to, slideType, slideMode }: SlideToItem) {\n    slideActionType.current = slideType\n    slideModeType.current = slideMode\n    emitEvent({\n      eventName: 'onSlideStartChange',\n      slideActionType: slideActionType.current,\n      slideMode: slideModeType.current,\n      nextItem: {\n        index: to,\n        id: items[to].id,\n        startReached: to === 0,\n        endReached: to === items.length - 1,\n      },\n    })\n    setActiveItem(to)\n    handleScroll(activeItem)\n  }\n\n  function slideToPrevItem(slideMode: TransitionSlideMode) {\n    if (!init) return\n    const isFirstItem = activeItem === 0\n\n    if (!withLoop && isFirstItem) return\n\n    if (withLoop && isFirstItem) {\n      slideToItem({\n        to: items.length - 1,\n        slideType: 'prev',\n        slideMode,\n      })\n    } else {\n      slideToItem({\n        to: activeItem - 1,\n        slideType: 'prev',\n        slideMode,\n      })\n    }\n  }\n  function slideToNextItem(slideMode: TransitionSlideMode) {\n    if (!init) return\n    const isLastItem = activeItem === items.length - 1\n\n    if (!withLoop && isLastItem) return\n\n    if (withLoop && isLastItem) {\n      slideToItem({\n        to: 0,\n        slideType: 'next',\n        slideMode,\n      })\n    } else {\n      slideToItem({\n        to: activeItem + 1,\n        slideType: 'next',\n        slideMode,\n      })\n    }\n  }\n\n  const transitions = useTransition(activeItem, {\n    config: springConfig,\n    key: null,\n    trail,\n    exitBeforeEnter,\n    ...getConfig(),\n    onRest(value, _, index) {\n      if (value.finished && index === activeItem) {\n        emitEvent({\n          eventName: 'onSlideChange',\n          slideActionType: slideActionType.current,\n          slideMode: slideModeType.current,\n          currentItem: {\n            index: activeItem,\n            id: items[activeItem].id,\n            startReached: activeItem === 0,\n            endReached: activeItem === items.length - 1,\n          },\n        })\n      }\n    },\n  })\n\n  const bindSwipe = useDrag(\n    ({ last, movement: [mx] }) => {\n      if (last) {\n        const prevItemTreshold = mx > draggingSlideTreshold\n        const nextItemTreshold = mx < -draggingSlideTreshold\n        const isFirstItem = activeItem === 0\n        const isLastItem = activeItem === items.length - 1\n\n        if (nextItemTreshold) {\n          if (!withLoop && isLastItem) return\n\n          emitEvent({\n            eventName: 'onLeftSwipe',\n          })\n          slideToNextItem('swipe')\n        } else if (prevItemTreshold) {\n          if (!withLoop && isFirstItem) return\n\n          emitEvent({\n            eventName: 'onRightSwipe',\n          })\n          slideToPrevItem('swipe')\n        }\n      }\n    },\n    {\n      enabled: !disableGestures,\n    },\n  )\n\n  function findItemIndex(id: string | number, error?: string) {\n    let itemIndex = 0\n\n    if (typeof id === 'string') {\n      itemIndex = items.findIndex(item => item.id === id)\n    } else {\n      itemIndex = id\n    }\n    if (itemIndex < 0 || itemIndex >= items.length) {\n      if (error) {\n        throw new Error(error)\n      }\n      console.error(\n        `The item doesn't exist; check that the id provided - ${id} - is correct.`,\n      )\n      itemIndex = -1\n    }\n\n    return itemIndex\n  }\n  function getIsNextItem(id: string | number) {\n    const itemIndex = findItemIndex(id, \"The item doesn't exist; check the provided id.\")\n    const _activeItem = activeItem\n    if (withLoop && _activeItem === items.length - 1) {\n      return itemIndex === 0\n    }\n    return itemIndex === _activeItem + 1\n  }\n  function getIsPrevItem(id: string | number) {\n    const itemIndex = findItemIndex(id, \"The item doesn't exist; check the provided id.\")\n    const _activeItem = activeItem\n    if (withLoop && _activeItem === 0) {\n      return itemIndex === items.length - 1\n    }\n    return itemIndex === _activeItem - 1\n  }\n\n  const itemsFragment = transitions((styles, item, _, indx) => {\n    const renderItem = items[item].renderItem\n    return (\n      <a.div\n        id={`use-transition-carousel-item-${indx}`}\n        className=\"use-transition-carousel-item\"\n        style={{\n          ...styles,\n          flex: '1 0 100%',\n          width: '100%',\n          height: '100%',\n        }}\n      >\n        {typeof renderItem === 'function'\n          ? renderItem({\n              useListenToCustomEvent,\n              getIsNextItem,\n              getIsPrevItem,\n              activeItem: {\n                index: activeItem,\n                id: items[activeItem].id,\n              },\n            })\n          : renderItem}\n      </a.div>\n    )\n  })\n\n  const result = {\n    useListenToCustomEvent,\n    slideToPrevItem: () => slideToPrevItem('click'),\n    slideToNextItem: () => slideToNextItem('click'),\n  }\n\n  const _thumbsFragment = (\n    <Context.Provider value={result}>{thumbsFragment}</Context.Provider>\n  )\n  const carouselFragment = (\n    <Context.Provider value={result}>\n      <div\n        ref={mainCarouselWrapperRef}\n        {...bindSwipe()}\n        style={{\n          display: 'flex',\n          position: 'relative',\n          width: '100%',\n          height: '100%',\n          overflow: 'hidden',\n        }}\n      >\n        {itemsFragment}\n      </div>\n    </Context.Provider>\n  )\n\n  return {\n    ...result,\n    carouselFragment,\n    thumbsFragment: _thumbsFragment,\n  }\n}\n\ntype ContextProps = Omit<\n  UseTransitionCarouselReturnProps,\n  'carouselFragment' | 'thumbsFragment'\n>\n\nconst Context = createContext<ContextProps | undefined>(undefined)\n\nfunction useTransitionCarouselContext() {\n  const context = useContext(Context)\n  if (!context) {\n    throw new Error('useTransitionCarouselContext must be used within the carousel.')\n  }\n  return context\n}\n\nexport { useTransitionCarousel, useTransitionCarouselContext }\n"],"names":["eventLabel","useEventsModule","targetEvent","useRef","useListenToCustomEvent","eventHandler","useEffect","handleEvent","event","detail","current","document","createElement","addEventListener","_a","removeEventListener","emitEvent","newEvent","CustomEvent","dispatchEvent","useFullscreenModule","mainCarouselWrapperRef","onFullScreenChange","handleResize","isFullscreen","setIsFullscreen","_isFullscreen","handleFullscreenChange","fullscreenElement","screenfull","isEnabled","on","off","enterFullscreen","elementRef","request","exitFullscreen","exit","getIsFullscreen","useThumbsModule","thumbsSlideAxis","withThumbs","prepareThumbsData","items","renderThumbFnProps","wrapperRef","spring","setSpring","useSpring","val","getTotalScrollValue","Math","round","Number","getBoundingClientRect","thumbsFragment","_jsx","jsx","Object","assign","className","ref","onWheel","stop","style","display","flex","position","width","height","flexDirection","overflowX","overflowY","maxHeight","children","getPreparedItems","_items","map","i","id","renderThumb","handlePrepareThumbsData","thumbId","handleScroll","activeItem","thumbNode","querySelector","el","rect","top","left","bottom","window","innerHeight","documentElement","clientHeight","right","innerWidth","clientWidth","isInViewport","offset","offsetLeft","start","from","to","onChange","value","abs","Context","createContext","undefined","defaultAnimationProps","initial","opacity","enter","leave","init","itemsPerSlide","_itemsPerSlide","slideType","gutter","withLoop","startEndGutter","carouselSlideAxis","disableGestures","draggingSlideTreshold","_draggingSlideTreshold","slideWhenThresholdIsReached","freeScroll","enableFreeScrollDrag","initialStartingPosition","initialActiveItem","animateWhenActiveItemChange","getControllerRef","length","resizeByPropChange","slideActionType","slideModeType","directionAfterReachingEdges","firstItemReached","lastItemReached","carouselTrackWrapperRef","isFirstMount","prevTotalScrollValue","prevWindowWidth","prevSlidedValue","prevWithLoop","prevSlideType","prevFreeScroll","windowIsHidden","internalItems","useCallback","getItems","pause","scrollLeft","scrollTop","setStartEndItemReachedOnFreeScroll","transform","getIsActiveItem","getIsPrevItem","getIsNextItem","adjustCarouselWrapperPosition","eventName","getSlideValue","carouselItem","Error","slideToItem","nextActiveItem","immediate","slideMode","nextItem","startReached","endReached","index","config","default","velocity","onRest","finished","currentItem","getCarouselItemWidth","setPosition","v","positionProperty","shouldResetPosition","nextValue","setTimeout","newVal","diff","next","getFromValue","get","getToValue","type","slideToPrevItem","nextItemWillExceed","slideToNextItem","initializeCarousel","internalSlideToItem","shouldReset","floor","enableDrag","bindDrag","useDrag","state","isDragging","dragging","movement","currentMovement","direction","prevItemTreshold","nextItemTreshold","tot","friction","tension","cancel","last","canceled","enabled","axis","findItemIndex","error","itemIndex","findIndex","item","console","newActiveItem","_activeItem","res","animate","useIsomorphicLayoutEffect","warn","handleVisibilityChange","hidden","timer","observer","ResizeObserver","cb","clearTimeout","observe","disconnect","_thumbsFragment","Provider","carouselFragment","_jsxs","jsxs","touchAction","percentValue","getAnimatedWrapperStyles","flexShrink","isLastItem","marginRight","renderItem","context","useContext","springConfig","exitBeforeEnter","trail","externalActiveItem","toPrevItemSpringProps","toNextItemSpringProps","setActiveItem","useState","isFirstItem","transitions","useTransition","key","_","bindSwipe","mx","itemsFragment","styles","indx","a","div","result","overflow"],"mappings":"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"}

package/dist/esm/index.js

@@ -1,2 +0,0 @@
-export{useSpringCarousel,useSpringCarouselContext}from"./useSpringCarousel.js";export{useTransitionCarousel,useTransitionCarouselContext}from"./useTransitionCarousel.js";export{u as useEventsModule,a as useThumbsModule}from"./useThumbsModule-faa196f9.js";export{u as useFullscreenModule}from"./useFullscreenModule-519d337d.js";import"react/jsx-runtime";import"@react-spring/web";import"react";import"@use-gesture/react";import"resize-observer-polyfill";import"screenfull";
-//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/index2.js

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

package/dist/esm/index2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index2.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

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

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

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

package/dist/esm/useSpringCarousel.js

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

package/dist/esm/useSpringCarousel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSpringCarousel.js","sources":["../../src/useSpringCarousel.tsx"],"sourcesContent":["import { config, useIsomorphicLayoutEffect, useSpring } from '@react-spring/web'\nimport React, { createContext, useCallback, useContext, useEffect, useRef } from 'react'\n\nimport { useEventsModule } from './modules/useEventsModule'\nimport { useDrag } from '@use-gesture/react'\nimport { useFullscreenModule } from './modules/useFullscreenModule'\nimport { useThumbsModule } from './modules/useThumbsModule'\nimport ResizeObserver from 'resize-observer-polyfill'\n\nimport {\n  SlideActionType,\n  SlideMode,\n  UseSpringCarouselComplete,\n  UseSpringCarouselWithFreeScroll,\n  UseSpringCarouselWithThumbs,\n  UseSpringCarouselWithNoThumbs,\n  UseSpringCarouselWithNoFixedItems,\n  UseSpringCarouselWithFixedItems,\n  UseSpringFreeScrollReturnType,\n  UseSpringReturnType,\n  SlideType,\n  ItemWithThumb,\n} from './types'\n\ntype ReturnType<T> = T extends true ? UseSpringFreeScrollReturnType : UseSpringReturnType\n\n/**\n * With free scroll\n */\nfunction useSpringCarousel(props: UseSpringCarouselWithFreeScroll): ReturnType<true>\nfunction useSpringCarousel(props: UseSpringCarouselWithThumbs<true>): ReturnType<true>\nfunction useSpringCarousel(props: UseSpringCarouselWithNoThumbs<true>): ReturnType<true>\n/**\n * No free scroll\n */\nfunction useSpringCarousel(props: UseSpringCarouselWithThumbs<false>): ReturnType<false>\nfunction useSpringCarousel(props: UseSpringCarouselWithNoThumbs<false>): ReturnType<false>\nfunction useSpringCarousel(\n  props: UseSpringCarouselWithFixedItems<false>,\n): ReturnType<false>\nfunction useSpringCarousel(\n  props: UseSpringCarouselWithNoFixedItems<false>,\n): ReturnType<false>\n\nfunction useSpringCarousel({\n  items,\n  init = true,\n  withThumbs,\n  thumbsSlideAxis = 'x',\n  itemsPerSlide: _itemsPerSlide = 1,\n  slideType = 'fixed',\n  gutter = 0,\n  withLoop = false,\n  startEndGutter = 0,\n  carouselSlideAxis = 'x',\n  disableGestures = false,\n  draggingSlideTreshold: _draggingSlideTreshold,\n  slideWhenThresholdIsReached = false,\n  freeScroll,\n  enableFreeScrollDrag,\n  initialStartingPosition,\n  prepareThumbsData,\n  initialActiveItem = 0,\n  animateWhenActiveItemChange = true,\n  getControllerRef,\n}: UseSpringCarouselComplete): ReturnType<typeof freeScroll> {\n  const itemsPerSlide = _itemsPerSlide > items.length ? items.length : _itemsPerSlide\n  const resizeByPropChange = useRef(false)\n  const draggingSlideTreshold = useRef(_draggingSlideTreshold ?? 0)\n  const slideActionType = useRef<SlideActionType>('initial')\n  const slideModeType = useRef<SlideMode>('initial')\n\n  /**\n   * After the user hits start/end edges of the carousel,\n   * we check where the user is going. This is useful\n   * to correctly resize the carousel when the carousel is going\n   * backward after reaching the last item in fluid slide mode\n   */\n  const directionAfterReachingEdges = useRef<'forward' | 'backward' | 'initial'>(\n    'initial',\n  )\n\n  const activeItem = useRef(initialActiveItem)\n  const firstItemReached = useRef(initialActiveItem === 0)\n  const lastItemReached = useRef(\n    slideType === 'fixed' && initialActiveItem === items.length - 1,\n  )\n  const mainCarouselWrapperRef = useRef<HTMLDivElement | null>(null)\n  const carouselTrackWrapperRef = useRef<HTMLDivElement | null>(null)\n\n  const isFirstMount = useRef(true)\n\n  const prevTotalScrollValue = useRef(0)\n  const prevWindowWidth = useRef(0)\n  const prevSlidedValue = useRef(0)\n  const prevWithLoop = useRef(withLoop)\n  const prevSlideType = useRef(slideType)\n  const prevFreeScroll = useRef(freeScroll)\n  const windowIsHidden = useRef(false)\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 [spring, setSpring] = useSpring(\n    () => ({\n      val: 0,\n      pause: !init,\n      onChange: ({ value }) => {\n        if (freeScroll && mainCarouselWrapperRef.current) {\n          if (carouselSlideAxis === 'x') {\n            mainCarouselWrapperRef.current.scrollLeft = Math.abs(value.val)\n          } else {\n            mainCarouselWrapperRef.current.scrollTop = Math.abs(value.val)\n          }\n          setStartEndItemReachedOnFreeScroll()\n        } else if (carouselTrackWrapperRef.current) {\n          if (carouselSlideAxis === 'x') {\n            carouselTrackWrapperRef.current.style.transform = `translate3d(${value.val}px, 0px,0px)`\n          } else {\n            carouselTrackWrapperRef.current.style.transform = `translate3d(0px,${value.val}px,0px)`\n          }\n        }\n      },\n    }),\n    [freeScroll],\n  )\n  const { emitEvent, useListenToCustomEvent } = useEventsModule<'use-spring'>()\n  const { thumbsFragment, handleScroll } = useThumbsModule<'use-spring'>({\n    withThumbs: !!withThumbs,\n    thumbsSlideAxis,\n    prepareThumbsData,\n    items: items as ItemWithThumb<'use-spring'>[],\n    renderThumbFnProps: {\n      getIsActiveItem,\n      getIsPrevItem,\n      useListenToCustomEvent,\n      getIsNextItem,\n    },\n  })\n  const { enterFullscreen, exitFullscreen, getIsFullscreen } = useFullscreenModule({\n    mainCarouselWrapperRef,\n    handleResize: () => adjustCarouselWrapperPosition(),\n    onFullScreenChange: val => {\n      emitEvent({\n        eventName: 'onFullscreenChange',\n        isFullscreen: val,\n      })\n    },\n  })\n\n  function getItemStyles(isLastItem: boolean) {\n    if (slideType === 'fixed' && !freeScroll) {\n      return {\n        marginRight: `${isLastItem ? 0 : gutter}px`,\n        flex: `1 0 calc(100% / ${itemsPerSlide} - ${\n          (gutter * (itemsPerSlide - 1)) / itemsPerSlide\n        }px)`,\n      }\n    }\n    return {\n      ...{ marginRight: `${isLastItem ? 0 : gutter}px` },\n    }\n  }\n  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: SlideMode\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  // eslint-disable-next-line react-hooks/exhaustive-deps\n  function getTotalScrollValue() {\n    if (withLoop) {\n      return getSlideValue() * items.length\n    }\n    return Math.round(\n      Number(\n        carouselTrackWrapperRef.current?.[\n          carouselSlideAxis === 'x' ? 'scrollWidth' : 'scrollHeight'\n        ],\n      ) -\n        carouselTrackWrapperRef.current!.getBoundingClientRect()[\n          carouselSlideAxis === 'x' ? 'width' : 'height'\n        ] -\n        startEndGutter * 2,\n    )\n  }\n  function getAnimatedWrapperStyles() {\n    const percentValue = `calc(100% - ${startEndGutter * 2}px)`\n    return {\n      width: carouselSlideAxis === 'x' ? percentValue : '100%',\n      height: carouselSlideAxis === 'y' ? percentValue : '100%',\n    }\n  }\n\n  function getCarouselItemWidth() {\n    const carouselItem = carouselTrackWrapperRef.current?.querySelector(\n      '.use-spring-carousel-item',\n    )\n    if (!carouselItem) {\n      throw Error('No carousel items available!')\n    }\n    return (\n      carouselItem.getBoundingClientRect()[\n        carouselSlideAxis === 'x' ? 'width' : 'height'\n      ] + gutter\n    )\n  }\n\n  function setPosition(v: number) {\n    const positionProperty = carouselSlideAxis === 'x' ? 'left' : 'top'\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\n      firstItemReached.current = false\n      lastItemReached.current = false\n    } else {\n      ref.style.left = '0px'\n      ref.style.top = '0px'\n    }\n  }\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  function adjustCarouselWrapperPosition(shouldResetPosition = false) {\n    if (carouselTrackWrapperRef.current && shouldResetPosition) {\n      carouselTrackWrapperRef.current.style.transform = `translate3d(0px, 0px,0px)`\n      carouselTrackWrapperRef.current.style.left = `0`\n      carouselTrackWrapperRef.current.style.top = `0`\n    }\n\n    if (slideType === 'fixed') {\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\n    if (slideType === 'fluid') {\n      /**\n       * User reached the last item and now is resizing the container that becomes smaller/bigger.\n       * Example: on mobile devices the user rotates the device\n       */\n      if (\n        lastItemReached.current &&\n        getTotalScrollValue() !== Math.abs(prevSlidedValue.current) &&\n        !withLoop\n      ) {\n        const newVal = -getTotalScrollValue()\n        prevSlidedValue.current = newVal\n        setSpring.start({\n          immediate: true,\n          val: prevSlidedValue.current,\n        })\n        return\n      }\n\n      if (\n        Math.abs(prevSlidedValue.current) > 0 &&\n        getTotalScrollValue() !== Math.abs(prevSlidedValue.current) &&\n        !withLoop &&\n        !freeScroll &&\n        directionAfterReachingEdges.current === 'backward'\n      ) {\n        const diff = prevTotalScrollValue.current - getTotalScrollValue()\n        const next = prevSlidedValue.current + diff\n\n        setSpring.start({\n          immediate: true,\n          val: next,\n        })\n\n        return () => {\n          prevSlidedValue.current = next\n        }\n      }\n\n      return\n    }\n\n    if (!freeScroll && slideType === 'fixed') {\n      const nextValue = -(getSlideValue() * activeItem.current)\n\n      /**\n       * Here we make sure to always show the latest item as the\n       * latest item visible in the carousel viewport.\n       */\n      if (Math.abs(nextValue) > getTotalScrollValue() && !withLoop) {\n        const val = -getTotalScrollValue()\n        lastItemReached.current = true\n        prevSlidedValue.current = val\n        setSpring.start({\n          immediate: true,\n          val: prevSlidedValue.current,\n        })\n      } else {\n        prevSlidedValue.current = nextValue\n        setSpring.start({\n          immediate: true,\n          val: nextValue,\n        })\n      }\n\n      setTimeout(() => {\n        resizeByPropChange.current = false\n      }, 0)\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 (typeof index === 'number') {\n        return -(index * getSlideValue())\n      }\n      return prevSlidedValue.current - getSlideValue()\n    }\n\n    if (typeof index === 'number') {\n      return -(index * getSlideValue())\n    }\n    return prevSlidedValue.current + getSlideValue()\n  }\n\n  type SlideToPrevNextItem = {\n    type: SlideMode\n    index?: number\n    immediate?: boolean\n  }\n  function slideToPrevItem({ type, index, immediate }: SlideToPrevNextItem) {\n    if (!init || windowIsHidden.current || (firstItemReached.current && !withLoop)) return\n\n    if (lastItemReached.current) {\n      directionAfterReachingEdges.current = 'backward'\n    }\n\n    slideActionType.current = 'prev'\n    lastItemReached.current = false\n\n    const nextItem = typeof index === 'number' ? index : activeItem.current - 1\n\n    if (freeScroll) {\n      setStartEndItemReachedOnFreeScroll()\n    }\n\n    if (!withLoop) {\n      const nextItemWillExceed = freeScroll\n        ? getToValue('prev', index) - getSlideValue() / 3 < 0\n        : getToValue('prev', index) + getSlideValue() / 3 > 0\n\n      if (firstItemReached.current) return\n      if (nextItemWillExceed) {\n        firstItemReached.current = true\n        lastItemReached.current = false\n\n        slideToItem({\n          slideMode: type,\n          from: getFromValue(),\n          to: 0,\n          nextActiveItem: 0,\n          immediate,\n        })\n        return\n      }\n    }\n    if (withLoop && (firstItemReached.current || nextItem < 0)) {\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        immediate,\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      immediate,\n    })\n  }\n  function slideToNextItem({ type, index, immediate }: SlideToPrevNextItem) {\n    if (!init || windowIsHidden.current || (lastItemReached.current && !withLoop)) return\n\n    if (firstItemReached.current) {\n      directionAfterReachingEdges.current = 'forward'\n    }\n\n    slideActionType.current = 'next'\n    firstItemReached.current = false\n\n    const nextItem = index || activeItem.current + 1\n\n    if (freeScroll) {\n      setStartEndItemReachedOnFreeScroll()\n    }\n\n    if (!withLoop) {\n      const nextItemWillExceed =\n        Math.abs(getToValue('next', index)) > getTotalScrollValue() - getSlideValue() / 3\n\n      if (lastItemReached.current) return\n      if (nextItemWillExceed) {\n        firstItemReached.current = false\n        lastItemReached.current = true\n\n        slideToItem({\n          slideMode: type,\n          from: getFromValue(),\n          to: freeScroll ? getTotalScrollValue() : -getTotalScrollValue(),\n          nextActiveItem: nextItem,\n          immediate,\n        })\n        return\n      }\n    }\n    if (withLoop && (lastItemReached.current || nextItem > items.length - 1)) {\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        immediate,\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      immediate,\n    })\n  }\n  function setDraggingSliderTreshold() {\n    if (_draggingSlideTreshold) {\n      draggingSlideTreshold.current = _draggingSlideTreshold\n    } else {\n      draggingSlideTreshold.current = Math.floor(getSlideValue() / 2 / 2)\n    }\n  }\n  function initializeCarousel() {\n    if (!isFirstMount.current && carouselTrackWrapperRef.current) {\n      prevTotalScrollValue.current = getTotalScrollValue()\n      prevWithLoop.current = withLoop\n      prevSlideType.current = slideType\n      prevFreeScroll.current = freeScroll\n      prevWindowWidth.current = window.innerWidth\n      prevSlidedValue.current = 0\n\n      internalSlideToItem({ id: 0, immediate: true, shouldReset: true })\n      setDraggingSliderTreshold()\n      adjustCarouselWrapperPosition()\n    }\n  }\n\n  const enableDrag =\n    (init && !disableGestures && !freeScroll) || (!!freeScroll && !!enableFreeScrollDrag)\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      const tot = getTotalScrollValue()\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 (movement > 0) {\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            state.cancel()\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({ type: 'drag' })\n          state.cancel()\n        } else if (slideWhenThresholdIsReached && prevItemTreshold) {\n          slideToPrevItem({ type: 'drag' })\n          state.cancel()\n        }\n\n        const res = tot - Math.abs(movement)\n\n        if (res < -(getSlideValue() * 2)) {\n          state.cancel()\n        }\n\n        return\n      }\n\n      if (state.last && freeScroll && movement > 0) {\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      if (state.last && !state.canceled && freeScroll) {\n        if (slideActionType.current === 'prev') {\n          slideToPrevItem({ type: 'drag' })\n        }\n        if (slideActionType.current === 'next') {\n          slideToNextItem({ type: 'drag' })\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({ type: '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({ type: '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      if (state.last && state.canceled) {\n        setSpring.start({\n          val: prevSlidedValue.current,\n          config: {\n            ...config.default,\n            velocity: state.velocity,\n          },\n        })\n      }\n    },\n    {\n      enabled: enableDrag,\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  function setStartEndItemReachedOnFreeScroll() {\n    if (mainCarouselWrapperRef.current) {\n      prevSlidedValue.current =\n        mainCarouselWrapperRef.current[\n          carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n        ]\n      if (\n        mainCarouselWrapperRef.current[\n          carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n        ] === 0\n      ) {\n        firstItemReached.current = true\n        lastItemReached.current = false\n      }\n      if (\n        mainCarouselWrapperRef.current[\n          carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n        ] > 0 &&\n        mainCarouselWrapperRef.current[\n          carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n        ] < getTotalScrollValue()\n      ) {\n        firstItemReached.current = false\n        lastItemReached.current = false\n      }\n\n      if (\n        mainCarouselWrapperRef.current[\n          carouselSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n        ] === getTotalScrollValue()\n      ) {\n        firstItemReached.current = false\n        lastItemReached.current = true\n      }\n    }\n  }\n  function getScrollHandlers() {\n    if (freeScroll) {\n      return {\n        onWheel() {\n          spring.val.stop()\n          setStartEndItemReachedOnFreeScroll()\n        },\n      }\n    }\n    return {}\n  }\n  function findItemIndex(id: string | number, error?: string) {\n    let itemIndex = 0\n\n    if (typeof id === 'string') {\n      itemIndex = items.findIndex(item => item.id === id)\n    } else {\n      itemIndex = id\n    }\n    if (itemIndex < 0 || itemIndex >= items.length) {\n      if (error) {\n        throw new Error(error)\n      }\n      console.error(\n        `The item doesn't exist; check that the id provided - ${id} - is correct.`,\n      )\n      itemIndex = -1\n    }\n\n    return itemIndex\n  }\n  type InternalSlideToItem = {\n    id: string | number\n    immediate?: boolean\n    shouldReset?: boolean\n    type?: SlideType\n  }\n  function internalSlideToItem({\n    id,\n    immediate,\n    shouldReset,\n    type,\n  }: InternalSlideToItem) {\n    if (!init || windowIsHidden.current) return\n\n    firstItemReached.current = false\n    lastItemReached.current = false\n\n    const itemIndex = findItemIndex(\n      id,\n      \"The item you want to slide to doesn't exist; check the provided id.\",\n    )\n\n    if (itemIndex === activeItem.current && !shouldReset) {\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({\n        type: type || shouldReset ? 'initial' : 'click',\n        index: newActiveItem,\n        immediate,\n      })\n    } else {\n      slideToPrevItem({\n        type: type || shouldReset ? 'initial' : 'click',\n        index: newActiveItem,\n        immediate,\n      })\n    }\n  }\n  function getIsNextItem(id: string | number) {\n    const itemIndex = findItemIndex(id, \"The item doesn't exist; check the provided id.\")\n    const _activeItem = activeItem.current\n    if (withLoop && _activeItem === items.length - 1) {\n      return itemIndex === 0\n    }\n    return itemIndex === _activeItem + 1\n  }\n  function getIsPrevItem(id: string | number) {\n    const itemIndex = findItemIndex(id, \"The item doesn't exist; check the provided id.\")\n    const _activeItem = activeItem.current\n    if (withLoop && _activeItem === 0) {\n      return itemIndex === items.length - 1\n    }\n    return itemIndex === _activeItem - 1\n  }\n  function getIsActiveItem(id: string | number) {\n    return (\n      findItemIndex(\n        id,\n        \"The item you want to check doesn't exist; check the provided id.\",\n      ) === activeItem.current\n    )\n  }\n  function getTouchAction() {\n    if (disableGestures) {\n      return 'unset'\n    }\n\n    if (carouselSlideAxis === 'x') {\n      return 'pan-y'\n    }\n    return 'pan-x'\n  }\n\n  const res = freeScroll\n    ? {\n        useListenToCustomEvent,\n        enterFullscreen,\n        exitFullscreen,\n        getIsFullscreen,\n        slideToPrevItem: (animate = true) => {\n          slideToPrevItem({\n            type: 'click',\n            immediate: !animate,\n          })\n        },\n        slideToNextItem: (animate = true) => {\n          slideToNextItem({\n            type: 'click',\n            immediate: !animate,\n          })\n        },\n      }\n    : {\n        useListenToCustomEvent,\n        enterFullscreen,\n        exitFullscreen,\n        getIsFullscreen,\n        slideToPrevItem: (animate = true) => {\n          slideToPrevItem({\n            type: 'click',\n            immediate: !animate,\n          })\n        },\n        slideToNextItem: (animate = true) => {\n          slideToNextItem({\n            type: 'click',\n            immediate: !animate,\n          })\n        },\n        slideToItem: (id: string | number, animate = true) => {\n          internalSlideToItem({ id, immediate: !animate })\n        },\n        getIsNextItem,\n        getIsPrevItem,\n        getIsActiveItem,\n      }\n\n  // uwc-debug-below\n  useIsomorphicLayoutEffect(() => {\n    /**\n     * Set initial track position\n     */\n    if (carouselTrackWrapperRef.current && init) {\n      resizeByPropChange.current = true\n      initializeCarousel()\n    }\n  }, [init])\n  useEffect(() => {\n    if (activeItem.current !== initialActiveItem) {\n      internalSlideToItem({\n        id: initialActiveItem,\n        immediate: !animateWhenActiveItemChange,\n      })\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [initialActiveItem])\n  useEffect(() => {\n    if (init) {\n      if (initialActiveItem > items.length - 1) {\n        throw new Error(\n          `initialActiveItem (${initialActiveItem}) is greater than the total quantity available items (${items.length}).`,\n        )\n      }\n      if (itemsPerSlide > items.length) {\n        console.warn(\n          `itemsPerSlide (${itemsPerSlide}) is greater than the total quantity available items (${items.length}). Fallback to ${items.length})`,\n        )\n      }\n    }\n  }, [initialActiveItem, items.length, itemsPerSlide, init])\n  useEffect(() => {\n    prevWindowWidth.current = window.innerWidth\n  }, [])\n  useEffect(() => {\n    /**\n     * When these props change we reset the carousel\n     */\n    if (init) {\n      resizeByPropChange.current = true\n      initializeCarousel()\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [initialStartingPosition, itemsPerSlide, startEndGutter, gutter, init, withLoop])\n  useEffect(() => {\n    if (!init) return\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  }, [init])\n\n  useEffect(() => {\n    if (mainCarouselWrapperRef.current) {\n      let timer: NodeJS.Timeout\n      const observer = new ResizeObserver(() => {\n        if (isFirstMount.current) {\n          isFirstMount.current = false\n          return\n        }\n\n        if (windowIsHidden.current) return\n        if (!resizeByPropChange.current) {\n          prevWindowWidth.current = window.innerWidth\n          const cb = adjustCarouselWrapperPosition()\n          window.clearTimeout(timer)\n\n          timer = setTimeout(() => {\n            prevTotalScrollValue.current = getTotalScrollValue()\n            if (typeof cb === 'function') {\n              cb()\n            }\n          }, 100)\n        }\n      })\n      observer.observe(mainCarouselWrapperRef.current)\n      return () => {\n        observer.disconnect()\n      }\n    }\n  }, [adjustCarouselWrapperPosition, getTotalScrollValue])\n  useEffect(() => {\n    if (getControllerRef) {\n      getControllerRef({\n        slideToNextItem: res.slideToNextItem,\n        slideToPrevItem: res.slideToPrevItem,\n        slideToItem: res?.slideToItem,\n      })\n    }\n  }, [getControllerRef, res.slideToItem, res.slideToNextItem, res.slideToPrevItem])\n\n  const _thumbsFragment = (\n    <Context.Provider value={res}>{thumbsFragment}</Context.Provider>\n  )\n  const carouselFragment = (\n    <Context.Provider value={res}>\n      <div\n        className=\"use-spring-carousel-main-wrapper\"\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          className=\"use-spring-carousel-track-wrapper\"\n          ref={carouselTrackWrapperRef}\n          {...bindDrag()}\n          style={{\n            position: 'relative',\n            display: 'flex',\n            flexDirection: carouselSlideAxis === 'x' ? 'row' : 'column',\n            touchAction: getTouchAction(),\n            ...getAnimatedWrapperStyles(),\n          }}\n        >\n          {(freeScroll || !withLoop) && startEndGutter ? (\n            <div\n              style={{\n                flexShrink: 0,\n                width: startEndGutter,\n              }}\n            />\n          ) : null}\n          {internalItems.map((item, index) => {\n            return (\n              <div\n                key={`${item.id}-${index}`}\n                className=\"use-spring-carousel-item\"\n                data-testid=\"use-spring-carousel-item-wrapper\"\n                style={{\n                  display: 'flex',\n                  position: 'relative',\n                  flex: '1',\n                  ...getItemStyles(\n                    index ===\n                      internalItems.findIndex(\n                        i => i.id === internalItems[internalItems.length - 1].id,\n                      ),\n                  ),\n                }}\n              >\n                {typeof item.renderItem === 'function'\n                  ? item.renderItem({\n                      getIsActiveItem,\n                      getIsNextItem,\n                      getIsPrevItem,\n                      useListenToCustomEvent,\n                    })\n                  : item.renderItem}\n              </div>\n            )\n          })}\n          {(freeScroll || !withLoop) && startEndGutter ? (\n            <div\n              style={{\n                flexShrink: 0,\n                width: startEndGutter,\n              }}\n            />\n          ) : null}\n        </div>\n      </div>\n    </Context.Provider>\n  )\n\n  return { ...res, carouselFragment, thumbsFragment: _thumbsFragment }\n}\n\ntype ContextProps<T = undefined> = Omit<\n  ReturnType<T extends 'free-scroll' ? true : false>,\n  'carouselFragment' | 'thumbsFragment'\n>\n\nconst Context = createContext<ContextProps | ContextProps<'free-scroll'> | undefined>(\n  undefined,\n)\n\nfunction useSpringCarouselContext<T>() {\n  const context = useContext(Context)\n  if (!context) {\n    throw new Error('useSpringCarouselContext must be used within the carousel.')\n  }\n  return context as ContextProps<T>\n}\n\nexport { useSpringCarousel, useSpringCarouselContext }\n"],"names":["useSpringCarousel","items","init","withThumbs","thumbsSlideAxis","itemsPerSlide","_itemsPerSlide","slideType","gutter","withLoop","startEndGutter","carouselSlideAxis","disableGestures","draggingSlideTreshold","_draggingSlideTreshold","slideWhenThresholdIsReached","freeScroll","enableFreeScrollDrag","initialStartingPosition","prepareThumbsData","initialActiveItem","animateWhenActiveItemChange","getControllerRef","length","resizeByPropChange","useRef","slideActionType","slideModeType","directionAfterReachingEdges","activeItem","firstItemReached","lastItemReached","mainCarouselWrapperRef","carouselTrackWrapperRef","isFirstMount","prevTotalScrollValue","prevWindowWidth","prevSlidedValue","prevWithLoop","prevSlideType","prevFreeScroll","windowIsHidden","internalItems","useCallback","map","i","Object","assign","id","getItems","spring","setSpring","useSpring","val","pause","onChange","value","current","scrollLeft","Math","abs","scrollTop","setStartEndItemReachedOnFreeScroll","style","transform","emitEvent","useListenToCustomEvent","useEventsModule","thumbsFragment","handleScroll","useThumbsModule","renderThumbFnProps","getIsActiveItem","getIsPrevItem","getIsNextItem","enterFullscreen","exitFullscreen","getIsFullscreen","useFullscreenModule","handleResize","adjustCarouselWrapperPosition","onFullScreenChange","eventName","isFullscreen","getSlideValue","carouselItem","_a","querySelector","Error","getBoundingClientRect","slideToItem","from","to","nextActiveItem","immediate","slideMode","nextItem","startReached","endReached","index","start","config","default","velocity","onRest","finished","currentItem","getTotalScrollValue","round","Number","getCarouselItemWidth","setPosition","v","positionProperty","ref","top","left","shouldResetPosition","nextValue","setTimeout","newVal","diff","next","getFromValue","get","getToValue","type","slideToPrevItem","nextItemWillExceed","slideToNextItem","initializeCarousel","window","innerWidth","internalSlideToItem","shouldReset","floor","bindDrag","useDrag","state","isDragging","dragging","movement","offset","currentMovement","direction","prevItemTreshold","nextItemTreshold","tot","friction","tension","cancel","last","canceled","enabled","axis","findItemIndex","error","itemIndex","findIndex","item","console","newActiveItem","_activeItem","res","animate","useIsomorphicLayoutEffect","useEffect","warn","document","addEventListener","handleVisibilityChange","removeEventListener","hidden","timer","observer","ResizeObserver","cb","clearTimeout","observe","disconnect","_thumbsFragment","_jsx","Context","Provider","children","carouselFragment","className","onWheel","stop","display","position","width","height","overflowX","overflowY","_jsxs","flexDirection","touchAction","percentValue","getAnimatedWrapperStyles","flexShrink","flex","isLastItem","marginRight","renderItem","createContext","undefined","useSpringCarouselContext","context","useContext"],"mappings":"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"}

package/dist/esm/useThumbsModule-faa196f9.js

@@ -1,2 +0,0 @@
-import{useRef as t,useEffect as e}from"react";import{jsx as n}from"react/jsx-runtime";import{useSpring as r}from"@react-spring/web";const i="RSC::Event";function o(){const n=t(null);return{useListenToCustomEvent:function(t){e((()=>{function e(e){t(e.detail)}if(n.current||(n.current=document.createElement("div")),n.current)return n.current.addEventListener(i,e,!1),()=>{var t;null===(t=n.current)||void 0===t||t.removeEventListener(i,e,!1)}}),[t])},emitEvent:function(t){if(n.current){const e=new CustomEvent(i,{detail:t});n.current.dispatchEvent(e)}}}}function u({thumbsSlideAxis:e="x",withThumbs:i=!1,prepareThumbsData:o,items:u,renderThumbFnProps:c}){const l=t(null),[s,a]=r((()=>({val:0})));function m(){var t;return Math.round(Number(null===(t=l.current)||void 0===t?void 0:t["x"===e?"scrollWidth":"scrollHeight"])-l.current.getBoundingClientRect()["x"===e?"width":"height"])}return{thumbsFragment:i?n("div",Object.assign({className:"use-spring-carousel-thumbs-wrapper",ref:l,onWheel:()=>s.val.stop(),style:Object.assign({display:"flex",flex:"1",position:"relative",width:"100%",height:"100%",flexDirection:"x"===e?"row":"column"},"x"===e?{overflowX:"auto"}:{overflowY:"auto",maxHeight:"100%"})},{children:function(){function t(t){return t.map((t=>({id:t.id,renderThumb:t.renderThumb})))}return o?o(t(u)):t(u)}().map((({id:t,renderThumb:e})=>{const r=`thumb-item-${t}`;return n("div",Object.assign({id:r,className:"thumb-item"},{children:"function"==typeof e?e(c):e}),r)}))})):null,handleScroll:function(t){var n,r;const i=l.current?l.current.querySelector(`#thumb-item-${u[t].id}`):null;if(i&&l.current&&!function(t){const e=t.getBoundingClientRect();return e.top>=0&&e.left>=0&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)}(i)){const t=i.offsetLeft,o=t>m()?m():t;a.start({from:{val:null!==(r=null===(n=l.current)||void 0===n?void 0:n["x"===e?"scrollLeft":"scrollTop"])&&void 0!==r?r:0},to:{val:o},onChange:({value:t})=>{l.current&&(l.current["x"===e?"scrollLeft":"scrollTop"]=Math.abs(t.val))}})}}}}export{u as a,o as u};
-//# sourceMappingURL=useThumbsModule-faa196f9.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useThumbsModule-faa196f9.js","sources":["../../src/modules/useEventsModule.ts","../../src/modules/useThumbsModule.tsx"],"sourcesContent":["import { FullGestureState } from '@use-gesture/react'\nimport { useEffect, useRef } from 'react'\nimport { SlideActionType, SlideMode, TransitionSlideMode } from '../types/common'\n\nconst eventLabel = 'RSC::Event'\n\ntype OnSlideStartChange<T> = {\n  eventName: 'onSlideStartChange'\n  slideActionType: SlideActionType\n  slideMode: T extends 'use-spring' ? SlideMode : TransitionSlideMode\n  nextItem: {\n    index: number\n    id: string\n    startReached: boolean\n    endReached: boolean\n  }\n}\ntype OnSlideChange<T> = {\n  eventName: 'onSlideChange'\n  slideActionType: SlideActionType\n  slideMode: T extends 'use-spring' ? SlideMode : TransitionSlideMode\n  currentItem: {\n    index: number\n    id: string\n    startReached: boolean\n    endReached: boolean\n  }\n}\ntype OnFullscreenChange = {\n  eventName: 'onFullscreenChange'\n  isFullscreen: boolean\n}\ntype OnDrag = Omit<FullGestureState<'drag'>, 'event'> & {\n  eventName: 'onDrag'\n  slideActionType: SlideActionType\n}\n\ntype OnLeftSwipe = {\n  eventName: 'onLeftSwipe'\n}\n\ntype OnRightSwipe = {\n  eventName: 'onRightSwipe'\n}\n\ntype SpringCarouselEvents<T> =\n  | OnSlideStartChange<T>\n  | OnSlideChange<T>\n  | OnDrag\n  | OnFullscreenChange\n\ntype TransitionCarouselEvents<T> =\n  | OnSlideStartChange<T>\n  | OnSlideChange<T>\n  | OnFullscreenChange\n  | OnLeftSwipe\n  | OnRightSwipe\n\ntype Events<T> = T extends 'use-spring'\n  ? SpringCarouselEvents<'use-spring'>\n  : TransitionCarouselEvents<'use-transition'>\n\ntype EventHandler<T> = (props: Events<T>) => void\n\nexport type UseListenToCustomEvent<T> = {\n  useListenToCustomEvent: (eventHandler: EventHandler<T>) => void\n  emitEvent: (event: Events<T>) => void\n}\n\nexport function useEventsModule<T extends 'use-spring' | 'use-transition'>() {\n  const targetEvent = useRef<HTMLDivElement | null>(null)\n\n  function useListenToCustomEvent(eventHandler: EventHandler<T>) {\n    useEffect(() => {\n      if (!targetEvent.current) {\n        targetEvent.current = document.createElement('div')\n      }\n\n      function handleEvent(event: CustomEvent<Events<T>>) {\n        eventHandler(event.detail)\n      }\n\n      if (targetEvent.current) {\n        // @ts-ignore\n        targetEvent.current.addEventListener(eventLabel, handleEvent, false)\n        return () => {\n          // @ts-ignore\n          targetEvent.current?.removeEventListener(eventLabel, handleEvent, false)\n        }\n      }\n    }, [eventHandler])\n  }\n  function emitEvent(event: Events<T>) {\n    if (targetEvent.current) {\n      const newEvent = new CustomEvent(eventLabel, {\n        detail: event,\n      })\n      targetEvent.current.dispatchEvent(newEvent)\n    }\n  }\n\n  return {\n    useListenToCustomEvent,\n    emitEvent,\n  }\n}\n","import { useSpring } from '@react-spring/web'\nimport { useRef } from 'react'\n\nimport {\n  ItemWithThumb,\n  PrepareThumbsData,\n  RenderItemProps,\n  SpringCarouselWithThumbs,\n} from '../types'\n\ntype Props<T extends 'use-spring' | 'use-transition'> = {\n  withThumbs?: boolean\n  thumbsSlideAxis: SpringCarouselWithThumbs['thumbsSlideAxis']\n  prepareThumbsData?: PrepareThumbsData<T>\n  items: ItemWithThumb<T>[]\n  renderThumbFnProps: RenderItemProps<T>\n}\n\nfunction isInViewport(el: HTMLElement) {\n  const rect = el.getBoundingClientRect()\n  return (\n    rect.top >= 0 &&\n    rect.left >= 0 &&\n    rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&\n    rect.right <= (window.innerWidth || document.documentElement.clientWidth)\n  )\n}\n\nexport function useThumbsModule<T extends 'use-spring' | 'use-transition'>({\n  thumbsSlideAxis = 'x',\n  withThumbs = false,\n  prepareThumbsData,\n  items,\n  renderThumbFnProps,\n}: Props<T>) {\n  const wrapperRef = useRef<HTMLDivElement | null>(null)\n  const [spring, setSpring] = useSpring(() => ({\n    val: 0,\n  }))\n\n  function getTotalScrollValue() {\n    return Math.round(\n      Number(\n        wrapperRef.current?.[thumbsSlideAxis === 'x' ? 'scrollWidth' : 'scrollHeight'],\n      ) -\n        wrapperRef.current!.getBoundingClientRect()[\n          thumbsSlideAxis === 'x' ? 'width' : 'height'\n        ],\n    )\n  }\n\n  function handleScroll(activeItem: number) {\n    function getThumbNode() {\n      if (wrapperRef.current) {\n        return wrapperRef.current.querySelector(\n          `#thumb-item-${items[activeItem].id}`,\n        ) as HTMLElement\n      }\n      return null\n    }\n\n    const thumbNode = getThumbNode()\n    if (thumbNode && wrapperRef.current) {\n      if (!isInViewport(thumbNode)) {\n        const offset = thumbNode.offsetLeft\n        const val = offset > getTotalScrollValue() ? getTotalScrollValue() : offset\n\n        setSpring.start({\n          from: {\n            val:\n              wrapperRef.current?.[\n                thumbsSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'\n              ] ?? 0,\n          },\n          to: {\n            val,\n          },\n          onChange: ({ value }) => {\n            if (wrapperRef.current) {\n              wrapperRef.current[thumbsSlideAxis === 'x' ? 'scrollLeft' : 'scrollTop'] =\n                Math.abs(value.val)\n            }\n          },\n        })\n      }\n    }\n  }\n\n  function handlePrepareThumbsData() {\n    function getPreparedItems(\n      _items: ReturnType<PrepareThumbsData<T>>,\n    ): ReturnType<PrepareThumbsData<T>> {\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            {typeof renderThumb === 'function'\n              ? renderThumb(renderThumbFnProps)\n              : renderThumb}\n          </div>\n        )\n      })}\n    </div>\n  ) : null\n\n  return {\n    thumbsFragment,\n    handleScroll,\n  }\n}\n"],"names":["eventLabel","useEventsModule","targetEvent","useRef","useListenToCustomEvent","eventHandler","useEffect","handleEvent","event","detail","current","document","createElement","addEventListener","_a","removeEventListener","emitEvent","newEvent","CustomEvent","dispatchEvent","useThumbsModule","thumbsSlideAxis","withThumbs","prepareThumbsData","items","renderThumbFnProps","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/esm/useTransitionCarousel.js

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

package/dist/esm/useTransitionCarousel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTransitionCarousel.js","sources":["../../src/useTransitionCarousel.tsx"],"sourcesContent":["import { a, config, useTransition } from '@react-spring/web'\nimport { useEffect, useRef, useState, createContext, useContext } from 'react'\nimport { useEventsModule } from './modules/useEventsModule'\nimport { useDrag } from '@use-gesture/react'\nimport { useThumbsModule } from './modules'\nimport {\n  ItemWithThumb,\n  UseTransitionCarouselProps,\n  UseTransitionCarouselReturnProps,\n  SlideActionType,\n  TransitionSlideMode,\n} from './types'\n\nconst defaultAnimationProps = {\n  initial: {\n    opacity: 1,\n    position: 'relative',\n  },\n  from: {\n    opacity: 0,\n    position: 'relative',\n  },\n  enter: {\n    position: 'relative',\n    opacity: 1,\n  },\n  leave: {\n    opacity: 1,\n    position: 'absolute',\n  },\n}\n\nfunction useTransitionCarousel({\n  init = true,\n  disableGestures = false,\n  items,\n  springConfig = config.default,\n  exitBeforeEnter = false,\n  trail,\n  withLoop = false,\n  activeItem: externalActiveItem,\n  toPrevItemSpringProps = defaultAnimationProps,\n  toNextItemSpringProps = defaultAnimationProps,\n  draggingSlideTreshold = 50,\n  thumbsSlideAxis = 'x',\n}: UseTransitionCarouselProps): UseTransitionCarouselReturnProps {\n  const slideActionType = useRef<SlideActionType>('next')\n  const slideModeType = useRef<TransitionSlideMode>('initial')\n  const mainCarouselWrapperRef = useRef<HTMLDivElement | null>(null)\n  const [activeItem, setActiveItem] = useState(externalActiveItem ?? 0)\n  const { emitEvent, useListenToCustomEvent } = useEventsModule<'use-transition'>()\n  const { handleScroll, thumbsFragment } = useThumbsModule<'use-transition'>({\n    thumbsSlideAxis,\n    items: items as ItemWithThumb<'use-transition'>[],\n    renderThumbFnProps: {\n      getIsNextItem,\n      getIsPrevItem,\n      useListenToCustomEvent,\n      activeItem: {\n        index: activeItem,\n        id: items[activeItem].id,\n      },\n    },\n  })\n\n  function getConfig() {\n    if (slideActionType.current === 'prev') {\n      return {\n        initial: {\n          ...toPrevItemSpringProps.initial,\n        },\n        from: {\n          ...toPrevItemSpringProps.from,\n        },\n        enter: {\n          ...toPrevItemSpringProps.enter,\n        },\n        leave: {\n          ...toPrevItemSpringProps.leave,\n        },\n      }\n    }\n    if (slideActionType.current === 'next') {\n      return {\n        initial: {\n          ...toNextItemSpringProps.initial,\n        },\n        from: {\n          ...toNextItemSpringProps.from,\n        },\n        enter: {\n          ...toNextItemSpringProps.enter,\n        },\n        leave: {\n          ...toNextItemSpringProps.leave,\n        },\n      }\n    }\n    return {\n      initial: {\n        ...defaultAnimationProps.initial,\n      },\n      from: {\n        ...defaultAnimationProps.from,\n      },\n      enter: {\n        ...defaultAnimationProps.enter,\n      },\n      leave: {\n        ...defaultAnimationProps.leave,\n      },\n    }\n  }\n\n  useEffect(() => {\n    if (typeof externalActiveItem === 'number' && externalActiveItem !== activeItem) {\n      setActiveItem(externalActiveItem)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [externalActiveItem])\n\n  type SlideToItem = {\n    to: number\n    slideType: SlideActionType\n    slideMode: TransitionSlideMode\n  }\n\n  function slideToItem({ to, slideType, slideMode }: SlideToItem) {\n    slideActionType.current = slideType\n    slideModeType.current = slideMode\n    emitEvent({\n      eventName: 'onSlideStartChange',\n      slideActionType: slideActionType.current,\n      slideMode: slideModeType.current,\n      nextItem: {\n        index: to,\n        id: items[to].id,\n        startReached: to === 0,\n        endReached: to === items.length - 1,\n      },\n    })\n    setActiveItem(to)\n    handleScroll(activeItem)\n  }\n\n  function slideToPrevItem(slideMode: TransitionSlideMode) {\n    if (!init) return\n    const isFirstItem = activeItem === 0\n\n    if (!withLoop && isFirstItem) return\n\n    if (withLoop && isFirstItem) {\n      slideToItem({\n        to: items.length - 1,\n        slideType: 'prev',\n        slideMode,\n      })\n    } else {\n      slideToItem({\n        to: activeItem - 1,\n        slideType: 'prev',\n        slideMode,\n      })\n    }\n  }\n  function slideToNextItem(slideMode: TransitionSlideMode) {\n    if (!init) return\n    const isLastItem = activeItem === items.length - 1\n\n    if (!withLoop && isLastItem) return\n\n    if (withLoop && isLastItem) {\n      slideToItem({\n        to: 0,\n        slideType: 'next',\n        slideMode,\n      })\n    } else {\n      slideToItem({\n        to: activeItem + 1,\n        slideType: 'next',\n        slideMode,\n      })\n    }\n  }\n\n  const transitions = useTransition(activeItem, {\n    config: springConfig,\n    key: null,\n    trail,\n    exitBeforeEnter,\n    ...getConfig(),\n    onRest(value, _, index) {\n      if (value.finished && index === activeItem) {\n        emitEvent({\n          eventName: 'onSlideChange',\n          slideActionType: slideActionType.current,\n          slideMode: slideModeType.current,\n          currentItem: {\n            index: activeItem,\n            id: items[activeItem].id,\n            startReached: activeItem === 0,\n            endReached: activeItem === items.length - 1,\n          },\n        })\n      }\n    },\n  })\n\n  const bindSwipe = useDrag(\n    ({ last, movement: [mx] }) => {\n      if (last) {\n        const prevItemTreshold = mx > draggingSlideTreshold\n        const nextItemTreshold = mx < -draggingSlideTreshold\n        const isFirstItem = activeItem === 0\n        const isLastItem = activeItem === items.length - 1\n\n        if (nextItemTreshold) {\n          if (!withLoop && isLastItem) return\n\n          emitEvent({\n            eventName: 'onLeftSwipe',\n          })\n          slideToNextItem('swipe')\n        } else if (prevItemTreshold) {\n          if (!withLoop && isFirstItem) return\n\n          emitEvent({\n            eventName: 'onRightSwipe',\n          })\n          slideToPrevItem('swipe')\n        }\n      }\n    },\n    {\n      enabled: !disableGestures,\n    },\n  )\n\n  function findItemIndex(id: string | number, error?: string) {\n    let itemIndex = 0\n\n    if (typeof id === 'string') {\n      itemIndex = items.findIndex(item => item.id === id)\n    } else {\n      itemIndex = id\n    }\n    if (itemIndex < 0 || itemIndex >= items.length) {\n      if (error) {\n        throw new Error(error)\n      }\n      console.error(\n        `The item doesn't exist; check that the id provided - ${id} - is correct.`,\n      )\n      itemIndex = -1\n    }\n\n    return itemIndex\n  }\n  function getIsNextItem(id: string | number) {\n    const itemIndex = findItemIndex(id, \"The item doesn't exist; check the provided id.\")\n    const _activeItem = activeItem\n    if (withLoop && _activeItem === items.length - 1) {\n      return itemIndex === 0\n    }\n    return itemIndex === _activeItem + 1\n  }\n  function getIsPrevItem(id: string | number) {\n    const itemIndex = findItemIndex(id, \"The item doesn't exist; check the provided id.\")\n    const _activeItem = activeItem\n    if (withLoop && _activeItem === 0) {\n      return itemIndex === items.length - 1\n    }\n    return itemIndex === _activeItem - 1\n  }\n\n  const itemsFragment = transitions((styles, item, _, indx) => {\n    const renderItem = items[item].renderItem\n    return (\n      <a.div\n        id={`use-transition-carousel-item-${indx}`}\n        className=\"use-transition-carousel-item\"\n        style={{\n          ...styles,\n          flex: '1 0 100%',\n          width: '100%',\n          height: '100%',\n        }}\n      >\n        {typeof renderItem === 'function'\n          ? renderItem({\n              useListenToCustomEvent,\n              getIsNextItem,\n              getIsPrevItem,\n              activeItem: {\n                index: activeItem,\n                id: items[activeItem].id,\n              },\n            })\n          : renderItem}\n      </a.div>\n    )\n  })\n\n  const result = {\n    useListenToCustomEvent,\n    slideToPrevItem: () => slideToPrevItem('click'),\n    slideToNextItem: () => slideToNextItem('click'),\n  }\n\n  const _thumbsFragment = (\n    <Context.Provider value={result}>{thumbsFragment}</Context.Provider>\n  )\n  const carouselFragment = (\n    <Context.Provider value={result}>\n      <div\n        ref={mainCarouselWrapperRef}\n        {...bindSwipe()}\n        style={{\n          display: 'flex',\n          position: 'relative',\n          width: '100%',\n          height: '100%',\n          overflow: 'hidden',\n        }}\n      >\n        {itemsFragment}\n      </div>\n    </Context.Provider>\n  )\n\n  return {\n    ...result,\n    carouselFragment,\n    thumbsFragment: _thumbsFragment,\n  }\n}\n\ntype ContextProps = Omit<\n  UseTransitionCarouselReturnProps,\n  'carouselFragment' | 'thumbsFragment'\n>\n\nconst Context = createContext<ContextProps | undefined>(undefined)\n\nfunction useTransitionCarouselContext() {\n  const context = useContext(Context)\n  if (!context) {\n    throw new Error('useTransitionCarouselContext must be used within the carousel.')\n  }\n  return context\n}\n\nexport { useTransitionCarousel, useTransitionCarouselContext }\n"],"names":["defaultAnimationProps","initial","opacity","position","from","enter","leave","useTransitionCarousel","init","disableGestures","items","springConfig","config","default","exitBeforeEnter","trail","withLoop","activeItem","externalActiveItem","toPrevItemSpringProps","toNextItemSpringProps","draggingSlideTreshold","thumbsSlideAxis","slideActionType","useRef","slideModeType","mainCarouselWrapperRef","setActiveItem","useState","emitEvent","useListenToCustomEvent","useEventsModule","handleScroll","thumbsFragment","useThumbsModule","renderThumbFnProps","getIsNextItem","getIsPrevItem","index","id","slideToItem","to","slideType","slideMode","current","eventName","nextItem","startReached","endReached","length","slideToPrevItem","isFirstItem","slideToNextItem","isLastItem","useEffect","transitions","useTransition","Object","assign","key","onRest","value","_","finished","currentItem","bindSwipe","useDrag","last","movement","mx","prevItemTreshold","nextItemTreshold","enabled","findItemIndex","error","itemIndex","findIndex","item","Error","console","_activeItem","itemsFragment","styles","indx","renderItem","_jsx","a","div","className","style","flex","width","height","children","result","_thumbsFragment","Context","Provider","carouselFragment","ref","display","overflow","createContext","undefined","useTransitionCarouselContext","context","useContext"],"mappings":"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"}

package/dist/types/mockedItems.d.ts

@@ -1,2 +0,0 @@
-import { ItemWithNoThumb } from './types/common';
-export declare const mockedItems: ItemWithNoThumb<'use-transition'>[];

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

@@ -1,4 +0,0 @@
-export * from './common';
-export * from './useSpringCarousel.types';
-export * from './useTransitionCarousel.types';
-export * from '../modules';

package/dist/umd/index.js

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