react-spring-carousel 3.0.0-beta090.3 → 3.0.0-beta090.30

package/dist/index.es2.js

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