@rankingcoach/vanguard 1.9.0 → 1.10.0

package/dist/index-OutlinedInput.js

@@ -1,7 +1,7 @@
 import j from "./index-objectWithoutPropertiesLoose.js";
 import l from "./index-extends.js";
 import * as I from "react";
-import o from "./index-_virtual16.js";
+import o from "./index-_virtual17.js";
 import A from "./index-NotchedOutline.js";
 import N from "./index-useFormControl.js";
 import w from "./index-formControlState.js";

package/dist/index-Paper.js

@@ -1,7 +1,7 @@
 import b from "./index-objectWithoutPropertiesLoose.js";
 import s from "./index-extends.js";
 import * as g from "react";
-import r from "./index-_virtual16.js";
+import r from "./index-_virtual17.js";
 import { clsx as y } from "./index-clsx.js";
 import { c as v } from "./index-colorManipulator2.js";
 import P from "./index-styled.js";

package/dist/index-PhotoCarouselModal.js

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as p } from "react/jsx-runtime";
-import { mb3 as m, w100 as h, dFlexColumn as g } from "./index-general.module.js";
+import { mb3 as c, w100 as h, dFlexColumn as g } from "./index-general.module.js";
 import { classNames as b } from "./index-classNames.js";
 import { updateImageUrlWithBaseRequest as v } from "./index-update-image-url-with-base-request.js";
 import { MediaItemType as x } from "./index-MediaItem.js";
@@ -10,28 +10,28 @@ import { Modal as T } from "./index-Modal.js";
 import { ModalBody as B } from "./index-ModalBody.js";
 import { ModalHeader as R } from "./index-ModalHeader.js";
 import { SlideCarousel as j } from "./index-SlideCarousel.js";
-import c from "./index-PhotoCarouselModal.module.scss.js";
-const z = (a) => {
+import a from "./index-PhotoCarouselModal.module.scss.js";
+const $ = (l) => {
   const {
-    gallery: t,
+    gallery: r,
     close: f,
-    defaultMediaItem: r
-  } = a, [l, u] = M(0);
+    defaultMediaItem: t
+  } = l, [s, u] = M(0);
   return N(() => {
-    r && u(t.map((e) => e.uuid).indexOf(r.uuid));
-  }, [r]), o(U, {
-    className: c.container,
+    t && u(r.map((e) => e.uuid).indexOf(t.uuid));
+  }, [t]), o(U, {
+    className: a.container,
     children: p(T, {
-      ...a,
+      ...l,
       className: "confirm-modal",
       children: [o(R, {
-        className: m,
+        className: c,
         closeFn: f,
         hideCloseButtonOnMobile: !1,
         children: o(y, {
           fontWeight: I.bold,
           type: C.heading4,
-          className: b(h, m),
+          className: b(h, c),
           children: "Media gallery"
         })
       }), o(B, {
@@ -39,30 +39,31 @@ const z = (a) => {
         children: o("div", {
           className: g,
           children: o(j, {
-            activeIndex: l,
-            initialIndex: l,
-            hasBullets: t.length > 1,
-            hasArrows: t.length != 1,
-            children: t && t.map((e) => {
-              var s, d;
-              if (e.file && ((s = e.fileType) != null && s.includes("video")) || e.type === x.video) {
+            activeIndex: s,
+            initialIndex: s,
+            hasBullets: r.length > 1,
+            hasArrows: r.length != 1,
+            children: r && r.map((e) => {
+              var m, n;
+              if (e.file && ((m = e.fileType) != null && m.includes("video")) || e.type === x.video) {
                 let i = "";
                 return e.file ? i = URL.createObjectURL(e.file) : i = e.publicUrl ?? "", o("video", {
                   src: i,
                   width: "100%",
                   height: "100%",
-                  controls: !0
+                  controls: !0,
+                  className: a.carouselVideo
                 });
               }
-              const n = e.publicThumbnailUrl ?? e.publicUrl ?? ((d = e.mediaItemContent) == null ? void 0 : d.base64EncodedContent);
+              const d = e.publicThumbnailUrl ?? e.publicUrl ?? ((n = e.mediaItemContent) == null ? void 0 : n.base64EncodedContent);
               return o("div", {
                 draggable: "false",
-                className: c.carouselPhoto,
+                className: a.carouselPhoto,
                 style: {
-                  backgroundImage: `url(${v(n)})`,
+                  backgroundImage: `url(${v(d)})`,
                   backgroundColor: "var(--fn-bg-var)"
                 }
-              }, n);
+              }, d);
             })
           })
         })
@@ -71,5 +72,5 @@ const z = (a) => {
   });
 };
 export {
-  z as PhotoCarouselModal
+  $ as PhotoCarouselModal
 };

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

@@ -1,9 +1,11 @@
-const o = "container_O5", t = "carousel-photo_je", e = {
+const o = "container_O5", e = "carousel-video_g-", c = "carousel-photo_je", s = {
   container: o,
-  carouselPhoto: t
+  carouselVideo: e,
+  carouselPhoto: c
 };
 export {
-  t as carouselPhoto,
+  c as carouselPhoto,
+  e as carouselVideo,
   o as container,
-  e as default
+  s as default
 };

package/dist/index-PickersDay.js

@@ -1,7 +1,7 @@
 import G from "./index-objectWithoutPropertiesLoose.js";
 import y from "./index-extends.js";
 import * as m from "react";
-import e from "./index-_virtual16.js";
+import e from "./index-_virtual17.js";
 import { clsx as T } from "./index-clsx.m.js";
 import { useUtils as L } from "./index-useUtils.js";
 import { DAY_SIZE as S, DAY_MARGIN as V } from "./index-dimensions.js";

package/dist/index-Popover2.js

@@ -1,7 +1,7 @@
 import v from "./index-extends.js";
 import j from "./index-objectWithoutPropertiesLoose.js";
 import * as p from "react";
-import e from "./index-_virtual16.js";
+import e from "./index-_virtual17.js";
 import { clsx as Z } from "./index-clsx.js";
 import le from "./index-styled.js";
 import { getPopoverUtilityClass as Ee } from "./index-popoverClasses.js";

package/dist/index-Popper.js

@@ -1,7 +1,7 @@
 import i from "./index-extends.js";
 import E from "./index-objectWithoutPropertiesLoose.js";
 import _ from "./index-useThemeWithoutDefault.js";
-import o from "./index-_virtual16.js";
+import o from "./index-_virtual17.js";
 import * as k from "react";
 import q from "./index-BasePopper.js";
 import { jsx as W } from "react/jsx-runtime";

package/dist/index-Portal.js

@@ -1,6 +1,6 @@
 import * as e from "react";
 import * as y from "react-dom";
-import p from "./index-_virtual16.js";
+import p from "./index-_virtual17.js";
 import { jsx as s } from "react/jsx-runtime";
 import P from "./index-useForkRef.js";
 import T from "./index-getReactElementRef.js";

package/dist/index-PropTypes.js

@@ -1,4 +1,4 @@
-import e from "./index-_virtual16.js";
+import e from "./index-_virtual17.js";
 var n = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.shape({
   enter: e.number,
   exit: e.number,

package/dist/index-Ripple.js

@@ -1,5 +1,5 @@
 import * as n from "react";
-import e from "./index-_virtual16.js";
+import e from "./index-_virtual17.js";
 import { clsx as a } from "./index-clsx.js";
 import { jsx as u } from "react/jsx-runtime";
 function x(c) {

package/dist/index-RtlProvider.js

@@ -1,5 +1,5 @@
 import * as e from "react";
-import t from "./index-_virtual16.js";
+import t from "./index-_virtual17.js";
 import "react/jsx-runtime";
 const r = /* @__PURE__ */ e.createContext();
 process.env.NODE_ENV !== "production" && (t.node, t.bool);

package/dist/index-ScrollbarSize.js

@@ -1,7 +1,7 @@
 import m from "./index-extends.js";
 import p from "./index-objectWithoutPropertiesLoose.js";
 import * as n from "react";
-import d from "./index-_virtual16.js";
+import d from "./index-_virtual17.js";
 import { jsx as l } from "react/jsx-runtime";
 import a from "./index-useEnhancedEffect2.js";
 import h from "./index-debounce3.js";

package/dist/index-Select2.js

@@ -1,7 +1,7 @@
 import p from "./index-extends.js";
 import I from "./index-objectWithoutPropertiesLoose.js";
 import * as u from "react";
-import e from "./index-_virtual16.js";
+import e from "./index-_virtual17.js";
 import { clsx as z } from "./index-clsx.js";
 import B from "./index-SelectInput2.js";
 import G from "./index-formControlState.js";

package/dist/index-SelectInput2.js

@@ -2,7 +2,7 @@ import u from "./index-extends.js";
 import Re from "./index-objectWithoutPropertiesLoose.js";
 import * as i from "react";
 import { isFragment as Fe } from "react-is";
-import t from "./index-_virtual16.js";
+import t from "./index-_virtual17.js";
 import { clsx as $e } from "./index-clsx.js";
 import je from "./index-Menu2.js";
 import { nativeSelectSelectStyles as Ve, nativeSelectIconStyles as We } from "./index-NativeSelectInput.js";

package/dist/index-Skeleton2.js

@@ -2,7 +2,7 @@ import x from "./index-objectWithoutPropertiesLoose.js";
 import s from "./index-extends.js";
 import * as R from "react";
 import { clsx as O } from "./index-clsx.js";
-import t from "./index-_virtual16.js";
+import t from "./index-_virtual17.js";
 import _ from "./index-styled.js";
 import { getSkeletonUtilityClass as T } from "./index-skeletonClasses.js";
 import { jsx as $ } from "react/jsx-runtime";

package/dist/index-Slide.js

@@ -1,7 +1,7 @@
 import x from "./index-extends.js";
 import D from "./index-objectWithoutPropertiesLoose.js";
 import * as g from "react";
-import t from "./index-_virtual16.js";
+import t from "./index-_virtual17.js";
 import U from "./index-useTheme.js";
 import { getTransitionProps as $, reflow as q } from "./index-utils6.js";
 import { jsx as A } from "react/jsx-runtime";

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";