react-spring-carousel 3.0.0-beta090.10 → 3.0.0-beta090.12

package/dist/index.es2.js

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