@rankingcoach/vanguard 1.8.0 → 1.10.0

package/dist/index-SlideCarousel.js

@@ -1,146 +1,125 @@
-import X, { useRef as Y, useState as L, useEffect as N, createElement as Z } from "react";
-import { jsx as m, jsxs as M } from "react/jsx-runtime";
-import { dFlex as A } from "./index-general.module.js";
-import { classNames as j } from "./index-classNames.js";
-import { useGesture as T } from "./index-use-gesture-react.esm.js";
-import { a as O } from "./index-react-spring_web.modern.js";
-import { ComponentContainer as c } from "./index-ComponentContainer.js";
-import { Arrow as d } from "./index-Arrow.js";
-import { Bullet as h } from "./index-Bullet.js";
-import { Bullets as tt } from "./index-Bullets.js";
-import r from "./index-SlideCarousel.module.scss.js";
-import { useSprings as st } from "./index-react-spring_core.modern.js";
-const ot = (p, S, n) => Math.min(Math.max(p, S), n), kt = ({
-  activeIndex: p = 0,
-  initialIndex: S = p,
-  ArrowComponent: n = d,
-  arrowStyle: w = {},
-  auto: l = 0,
-  BulletComponent: D = h,
-  BulletsComponent: P = tt,
-  bulletStyle: $ = {},
-  children: t = [],
-  hasArrows: G = !1,
-  hasBullets: I = !1,
-  onSlideChange: R = () => {
+import { jsxs as d, jsx as l } from "react/jsx-runtime";
+import { classNames as s } from "./index-classNames.js";
+import { ComponentContainer as z } from "./index-ComponentContainer.js";
+import H, { useRef as x } from "react";
+import { a as I } from "./index-react-spring_web.modern.js";
+import { Arrow as J } from "./index-Arrow.js";
+import { Bullet as K } from "./index-Bullet.js";
+import { Bullets as Q } from "./index-Bullets.js";
+import { useCarouselMovement as U } from "./index-use-carousel-movement.js";
+import e from "./index-SlideCarousel.module.scss.js";
+const Y = 16, de = ({
+  activeIndex: m = 0,
+  initialIndex: k = m,
+  ArrowComponent: i = J,
+  arrowStyle: t = {},
+  auto: R = 0,
+  BulletComponent: S = K,
+  BulletsComponent: f = Q,
+  bulletStyle: _ = {},
+  children: M = [],
+  hasArrows: a = !1,
+  hasBullets: p = !1,
+  onSlideChange: $ = () => {
   },
-  setSlideCustom: v = void 0,
-  slidesAtOnce: f = 1,
-  slidesToSlide: u = 1
+  setSlideCustom: w = void 0,
+  slidesAtOnce: u = 1,
+  slidesToSlide: L = 1,
+  className: O,
+  arrowPlacement: o = "overlay",
+  bulletPlacement: h = "overlayBottom"
 }) => {
-  const i = Y(null), [e, x] = L(0), a = v ? (s) => x(v(s)) : x, [q, y] = L(!1);
-  t || (t = []);
-  const [z, g] = st((t == null ? void 0 : t.length) || 0, (s) => ({
-    offset: s
-  })), H = T({
-    onDrag: ({
-      down: s,
-      movement: [o],
-      direction: [k],
-      cancel: _,
-      first: V,
-      active: b
-    }) => {
-      if (V && y(!0), i && i.current && i.current.parentElement) {
-        const {
-          width: F
-        } = i.current.parentElement.getBoundingClientRect();
-        s && Math.abs(o) > F / 2 && (_ && _(), b && a(ot(e + (k > 0 ? -1 : 1), 0, ((t == null ? void 0 : t.length) || 0) - f))), g.update((W) => ({
-          offset: (b && s ? o : 0) / F + (W - e)
-        })).start();
-      }
-    },
-    onClick: () => {
-      if (q) {
-        y(!1);
-        return;
-      }
-      J(e);
-    }
-  }, {
-    drag: {
-      delay: 200
-    }
+  const b = x(null), v = x(null), C = M || [], y = C.length, c = y > 1 ? Y : 0, j = `calc((100% - ${c * Math.max(u - 1, 0)}px) / ${u})`, {
+    gestureBinds: A,
+    maxSlide: G,
+    nextSlide: N,
+    previousSlide: B,
+    slide: D,
+    trackStyle: E,
+    updateSlide: F
+  } = U({
+    activeIndex: m,
+    auto: R,
+    initialIndex: k,
+    length: y,
+    onSlideChange: $,
+    setSlideCustom: w,
+    slideGap: c,
+    slidesAtOnce: u,
+    slidesToSlide: L,
+    viewportRef: v
+  }), g = () => {
+    const n = [];
+    for (let r = 0; r <= G; r++)
+      n.push(l(S, {
+        isActive: r === D,
+        onClick: () => F(r),
+        style: _
+      }, r));
+    return n;
+  }, T = () => !a || o !== "overlay" ? null : d(H.Fragment, {
+    children: [l(i, {
+      className: s(e.slideCarouselArrow, e.arrowLeft),
+      style: t,
+      direction: "left",
+      onClick: B
+    }), l(i, {
+      className: s(e.slideCarouselArrow, e.arrowRight),
+      style: t,
+      direction: "right",
+      onClick: N
+    })]
+  }), V = () => !a || o !== "outside" ? null : l(i, {
+    style: t,
+    direction: "left",
+    onClick: B
+  }), W = () => !a || o !== "outside" ? null : l(i, {
+    style: t,
+    direction: "right",
+    onClick: N
+  }), X = () => !p || h !== "overlayBottom" ? null : l(f, {
+    placement: "overlayBottom",
+    children: l("ul", {
+      className: e.slideCarouselBullets,
+      children: g()
+    })
+  }), q = () => !p || h !== "below" ? null : l(f, {
+    placement: "below",
+    children: l("ul", {
+      className: e.slideCarouselBullets,
+      children: g()
+    })
   });
-  N(() => {
-    g.update((s) => ({
-      offset: s - e
-    })).start(), R(e);
-  }, [e, g, R]), N(() => {
-    let s;
-    return l > 0 && (s = window.setInterval(() => {
-      const o = (e + 1) % ((t == null ? void 0 : t.length) || 0);
-      a(o);
-    }, l)), () => {
-      s && clearInterval(s);
-    };
-  }, [l, (t == null ? void 0 : t.length) || 0, e]), N(() => {
-    a(p % ((t == null ? void 0 : t.length) || 0));
-  }, [p, (t == null ? void 0 : t.length) || 0]);
-  const C = t == null ? void 0 : t.map((s, o) => m("div", {
-    className: r.slideCarouselSlide,
-    children: s
-  }, o)), J = (s) => {
-    C[s].props.children.props.onClick && C[s].props.children.props.onClick();
-  }, B = () => {
-    a(0);
-  }, E = () => {
-    a(((t == null ? void 0 : t.length) || 0) - f);
-  }, K = () => {
-    const s = e === ((t == null ? void 0 : t.length) || 0) - f, o = e + (f - 1) + u < ((t == null ? void 0 : t.length) || 0) - 1;
-    s ? B() : o ? a(e + u) : E();
-  }, Q = () => {
-    e === 0 ? E() : e - u <= 0 ? B() : a(e - u);
-  }, U = () => {
-    const s = [];
-    for (let o = 0; o <= ((t == null ? void 0 : t.length) || 0) - f; o++)
-      s.push(m(D, {
-        isActive: o === e,
-        onClick: () => a(o),
-        style: $
-      }, o));
-    return s;
-  };
-  return m(c, {
-    className: r.SlideCarouselContainer,
-    innerRef: i,
-    children: M("div", {
-      className: r.slideCarousel,
-      children: [G && M(X.Fragment, {
-        children: [m(n, {
-          className: j(r.slideCarouselArrow, r.arrowLeft, A),
-          style: w,
-          direction: "left",
-          onClick: Q
-        }), m(n, {
-          className: j(r.slideCarouselArrow, r.arrowRight),
-          style: w,
-          direction: "right",
-          onClick: K
+  return d(z, {
+    className: s(e.SlideCarouselContainer, O),
+    innerRef: b,
+    children: [d("div", {
+      className: s(e.carouselMain, o === "outside" ? e.carouselMainOutsideArrows : void 0),
+      children: [V(), d("div", {
+        className: e.slideCarousel,
+        children: [T(), X(), l("div", {
+          className: e.slideCarouselViewport,
+          ref: v,
+          children: l(I.div, {
+            ...A(),
+            className: e.slideCarouselTrack,
+            style: {
+              ...E,
+              gap: `${c}px`
+            },
+            children: C.map((n, r) => l("div", {
+              className: s(e.slideCarouselSlide, "slider__slide"),
+              style: {
+                flex: `0 0 ${j}`
+              },
+              children: n
+            }, r))
+          })
         })]
-      }), I && m(P, {
-        children: m("ul", {
-          className: r.slideCarouselBullets,
-          children: U()
-        })
-      }), z.map(({
-        offset: s
-      }, o) => Z(O.div, {
-        ...H(),
-        key: o,
-        className: "slider__slide",
-        style: {
-          transform: s == null ? void 0 : s.to((k) => `translate3d(${k * 100}%, 0, 0)`),
-          position: "absolute",
-          width: `${100 / f}%`,
-          height: "100%",
-          willChange: "transform",
-          touchAction: "none"
-        }
-      }, C[o]))]
-    })
+      }), W()]
+    }), q()]
   });
 };
 export {
-  kt as SlideCarousel
+  de as SlideCarousel
 };

package/dist/index-SlideCarousel.module.scss.js

@@ -1,19 +1,27 @@
-const e = "SlideCarouselContainer_uf", l = "slide-carousel_NQ", s = "slide-carousel-slide_ZA", r = "slide-carousel-arrow_R5", o = "arrow-left_zm", a = "arrow-right_Y7", i = "slide-carousel-bullets_g-", t = {
-  SlideCarouselContainer: e,
+const s = "SlideCarouselContainer_uf", e = "carousel-main_E6", r = "carousel-main-outside-arrows_8B", l = "slide-carousel_NQ", o = "slide-carousel-arrow_R5", a = "arrow-left_zm", i = "arrow-right_Y7", u = "slide-carousel-bullets_g-", t = "slide-carousel-viewport_6P", d = "slide-carousel-track_p9", c = "slide-carousel-slide_ZA", n = {
+  SlideCarouselContainer: s,
+  carouselMain: e,
+  carouselMainOutsideArrows: r,
   slideCarousel: l,
-  slideCarouselSlide: s,
-  slideCarouselArrow: r,
-  arrowLeft: o,
-  arrowRight: a,
-  slideCarouselBullets: i
+  slideCarouselArrow: o,
+  arrowLeft: a,
+  arrowRight: i,
+  slideCarouselBullets: u,
+  slideCarouselViewport: t,
+  slideCarouselTrack: d,
+  slideCarouselSlide: c
 };
 export {
-  e as SlideCarouselContainer,
-  o as arrowLeft,
-  a as arrowRight,
-  t as default,
+  s as SlideCarouselContainer,
+  a as arrowLeft,
+  i as arrowRight,
+  e as carouselMain,
+  r as carouselMainOutsideArrows,
+  n as default,
   l as slideCarousel,
-  r as slideCarouselArrow,
-  i as slideCarouselBullets,
-  s as slideCarouselSlide
+  o as slideCarouselArrow,
+  u as slideCarouselBullets,
+  c as slideCarouselSlide,
+  d as slideCarouselTrack,
+  t as slideCarouselViewport
 };

package/dist/index-Slider2.js

@@ -1,7 +1,7 @@
 import ut from "./index-objectWithoutPropertiesLoose.js";
 import o from "./index-extends.js";
 import * as we from "react";
-import e from "./index-_virtual16.js";
+import e from "./index-_virtual17.js";
 import { clsx as J } from "./index-clsx.js";
 import { c as T } from "./index-colorManipulator2.js";
 import { useRtl as ct } from "./index-RtlProvider.js";

package/dist/index-SliderValueLabel.js

@@ -1,5 +1,5 @@
 import * as o from "react";
-import a from "./index-_virtual16.js";
+import a from "./index-_virtual17.js";
 import { clsx as c } from "./index-clsx.js";
 import r from "./index-sliderClasses.js";
 import { jsxs as m, jsx as n } from "react/jsx-runtime";

package/dist/index-Snackbar2.js

@@ -1,7 +1,7 @@
 import O from "./index-objectWithoutPropertiesLoose.js";
 import e from "./index-extends.js";
 import * as x from "react";
-import o from "./index-_virtual16.js";
+import o from "./index-_virtual17.js";
 import $ from "./index-useSnackbar.js";
 import { getSnackbarUtilityClass as F } from "./index-snackbarClasses.js";
 import { jsx as s } from "react/jsx-runtime";

package/dist/index-SnackbarContent.js

@@ -1,7 +1,7 @@
 import g from "./index-objectWithoutPropertiesLoose.js";
 import p from "./index-extends.js";
 import * as b from "react";
-import e from "./index-_virtual16.js";
+import e from "./index-_virtual17.js";
 import { clsx as C } from "./index-clsx.js";
 import { c as x } from "./index-colorManipulator2.js";
 import c from "./index-styled.js";

package/dist/index-StyledEngineProvider.js

@@ -1,5 +1,5 @@
 import * as p from "react";
-import c from "./index-_virtual16.js";
+import c from "./index-_virtual17.js";
 import "./index-emotion-react.browser.esm.js";
 import m from "./index-emotion-cache.browser.esm.js";
 import { jsx as l } from "react/jsx-runtime";

package/dist/index-SvgIcon.js

@@ -1,7 +1,7 @@
 import S from "./index-extends.js";
 import z from "./index-objectWithoutPropertiesLoose.js";
 import * as x from "react";
-import o from "./index-_virtual16.js";
+import o from "./index-_virtual17.js";
 import { clsx as b } from "./index-clsx.js";
 import w from "./index-styled.js";
 import { getSvgIconUtilityClass as T } from "./index-svgIconClasses.js";

package/dist/index-Tab2.js

@@ -1,7 +1,7 @@
 import E from "./index-objectWithoutPropertiesLoose.js";
 import u from "./index-extends.js";
 import * as p from "react";
-import e from "./index-_virtual16.js";
+import e from "./index-_virtual17.js";
 import { clsx as T } from "./index-clsx.js";
 import _ from "./index-styled.js";
 import a, { getTabUtilityClass as D } from "./index-tabClasses.js";

package/dist/index-TabScrollButton.js

@@ -1,7 +1,7 @@
 import P from "./index-objectWithoutPropertiesLoose.js";
 import n from "./index-extends.js";
 import * as R from "react";
-import o from "./index-_virtual16.js";
+import o from "./index-_virtual17.js";
 import { clsx as x } from "./index-clsx.js";
 import { useRtl as v } from "./index-RtlProvider.js";
 import O from "./index-KeyboardArrowLeft.js";

package/dist/index-Tabs2.js

@@ -2,7 +2,7 @@ import _e from "./index-objectWithoutPropertiesLoose.js";
 import h from "./index-extends.js";
 import * as i from "react";
 import { isFragment as Ve } from "react-is";
-import r from "./index-_virtual16.js";
+import r from "./index-_virtual17.js";
 import { clsx as M } from "./index-clsx.js";
 import { useRtl as Ye } from "./index-RtlProvider.js";
 import k from "./index-styled.js";