@telefonica/mistica 12.9.0 → 12.10.0

package/dist-es/carousel.js

@@ -1,628 +1,734 @@
-import * as i from "react";
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
+function _defineProperty(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _objectSpreadProps(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+import * as a from "react";
 import oe from "./generated/mistica-icons/icon-chevron-left-regular.js";
-import re from "./generated/mistica-icons/icon-chevron-right-regular.js";
-import { useScreenSize as le, useTheme as se, useIsInViewport as ye, useIsomorphicLayoutEffect as Ie } from "./hooks.js";
-import ke from "./inline.js";
-import { createUseStyles as J } from "./jss.js";
-import Le from "./stack.js";
+import le from "./generated/mistica-icons/icon-chevron-right-regular.js";
+import { useScreenSize as se, useTheme as ne, useIsInViewport as Ie, useIsomorphicLayoutEffect as ye } from "./hooks.js";
+import $e from "./inline.js";
+import { createUseStyles as K } from "./jss.js";
+import ke from "./stack.js";
 import W from "./touchable.js";
-import k from "classnames";
-import { useResonsiveLayoutMargin as ne } from "./responsive-layout.js";
-import { useIsInverseVariant as $e, ThemeVariant as C } from "./theme-variant-context.js";
+import $ from "classnames";
+import { useIsInverseVariant as Le, ThemeVariant as T } from "./theme-variant-context.js";
 import { applyAlpha as Me } from "./utils/color.js";
 import { DisableBorderRadiusProvider as Re } from "./image.js";
 import { listenResize as ce, getPrefixedDataAttributes as Be } from "./utils/dom.js";
 import { isAndroid as ie } from "./utils/platform.js";
 import { useDocumentVisibility as Ae } from "./utils/document-visibility.js";
 import { useContainerType as Ee } from "./container-type-context.js";
-import { jsx as l, jsxs as H } from "./_virtual/jsx-runtime.js";
-const ae = (t, e) => {
-  const o = Ae();
-  return ye(e, !1) && o && !!t;
-}, Ne = J((t) => ({
-  bullet: {
-    backgroundColor: ({
-      isInverse: e
-    }) => e ? Me(t.colors.inverse, 0.5) : t.colors.control,
-    width: 8,
-    height: 8,
-    borderRadius: "50%",
-    transition: "transform 0.3s ease-in-out, background-color 0.3s ease-in-out",
-    zIndex: 2,
-    "&.active": {
-      backgroundColor: ({
-        isInverse: e
-      }) => e ? t.colors.inverse : t.colors.controlActivated,
-      transform: "scale(1.25)"
-    },
-    [t.mq.tabletOrSmaller]: {
-      width: 4,
-      height: 4,
-      "&.active": {
-        transform: "scale(1.5)"
-      }
-    }
-  }
-})), de = ({
-  currentIndex: t,
-  numPages: e,
-  onPress: o
-}) => {
-  const r = $e(), a = Ne({
-    isInverse: r
-  }), {
-    isDesktopOrBigger: f
-  } = le();
-  return /* @__PURE__ */ l(ke, {
-    space: f ? 16 : 8,
-    alignItems: "center",
-    children: Array.from({
-      length: e
-    }, ($, d) => /* @__PURE__ */ l(W, {
-      maybe: !0,
-      onPress: f && o ? () => o(d) : void 0,
-      children: /* @__PURE__ */ l("div", {
-        className: k(a.bullet, {
-          active: d === t
+import { vars as y } from "./responsive-layout.css-mistica.js";
+import { vars as A } from "./skins/skin-contract.css-mistica.js";
+import { jsx as l, jsxs as J } from "./_virtual/jsx-runtime.js";
+var ae = function(t, e) {
+    var r = Ae();
+    return Ie(e, !1) && r && !!t;
+}, Ne = K(function(t) {
+    return {
+        bullet: _defineProperty({
+            backgroundColor: function(param) {
+                var e = param.isInverse;
+                return e ? Me(A.rawColors.inverse, 0.5) : A.colors.control;
+            },
+            width: 8,
+            height: 8,
+            borderRadius: "50%",
+            transition: "transform 0.3s ease-in-out, background-color 0.3s ease-in-out",
+            zIndex: 2,
+            "&.active": {
+                backgroundColor: function(param) {
+                    var e = param.isInverse;
+                    return e ? A.colors.inverse : A.colors.controlActivated;
+                },
+                transform: "scale(1.25)"
+            }
+        }, t.mq.tabletOrSmaller, {
+            width: 4,
+            height: 4,
+            "&.active": {
+                transform: "scale(1.5)"
+            }
         })
-      })
-    }, d))
-  });
+    };
+}), de = function(param) {
+    var t = param.currentIndex, e = param.numPages, r = param.onPress;
+    var o = Le(), f = Ne({
+        isInverse: o
+    }), ref = se(), m = ref.isDesktopOrBigger;
+    return /* @__PURE__ */ l($e, {
+        space: m ? 16 : 8,
+        alignItems: "center",
+        children: Array.from({
+            length: e
+        }, function(p, c) {
+            return /* @__PURE__ */ l(W, {
+                maybe: !0,
+                onPress: m && r ? function() {
+                    return r(c);
+                } : void 0,
+                children: /* @__PURE__ */ l("div", {
+                    className: $(f.bullet, {
+                        active: c === t
+                    })
+                })
+            }, c);
+        })
+    });
 }, ue = {
-  scrollbarWidth: "none",
-  "&::-webkit-scrollbar": {
-    display: "none"
-  }
-}, L = 40, he = (t) => ({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  width: L,
-  height: L,
-  borderRadius: "50%",
-  backgroundColor: t.colors.backgroundContainer,
-  border: `1px solid ${t.colors.border}`,
-  transition: "opacity 0.2s",
-  "&[disabled]": {
-    opacity: 0
-  },
-  [t.mq.touchableOnly]: {
-    display: "none"
-  }
-}), ee = (t, e, o) => {
-  switch (t) {
-    case "mobile-column":
-    case "tablet-column":
-      return -o;
-    case "desktop-wide-column":
-      return e ? -(24 + L) : -L / 2;
-    default:
-      return -L / 2;
-  }
-}, Te = J((t) => ({
-  carouselContainer: {
-    minWidth: 64,
-    position: "relative"
-  },
-  arrowButton: {
-    ...he(t),
-    position: "absolute",
-    zIndex: 2,
-    top: `calc(50% - ${L / 2}px)`,
-    "&.prev": {
-      left: ({
-        containerType: e,
-        isLargeDesktop: o,
-        sideMargin: r
-      }) => ee(e, o, r)
-    },
-    "&.next": {
-      right: ({
-        containerType: e,
-        isLargeDesktop: o,
-        sideMargin: r
-      }) => ee(e, o, r)
+    scrollbarWidth: "none",
+    "&::-webkit-scrollbar": {
+        display: "none"
     }
-  },
-  hasScroll: {},
-  centered: {},
-  carousel: {
-    display: "flex",
-    overflowX: "auto",
-    minWidth: "100%",
-    scrollSnapType: ({
-      free: e
-    }) => e ? "initial" : "x mandatory",
-    ...ue,
-    [t.mq.tabletOrSmaller]: {
-      "&$hasScroll": {
-        margin: ({
-          sideMargin: e
-        }) => `0 -${e}px`
-      },
-      "&$centered::before, &$centered::after": {
-        content: '""',
-        flexShrink: 0,
-        display: "block",
-        width: "25%"
-      }
+}, k = 40, he = function(t) {
+    return _defineProperty({
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        width: k,
+        height: k,
+        borderRadius: "50%",
+        backgroundColor: A.colors.backgroundContainer,
+        border: "1px solid ".concat(A.colors.border),
+        transition: "opacity 0.2s",
+        "&[disabled]": {
+            opacity: 0
+        }
+    }, t.mq.touchableOnly, {
+        display: "none"
+    });
+}, te = function(t, e) {
+    switch(t){
+        case "mobile-column":
+        case "tablet-column":
+            return "calc(".concat(y.sideMargin, " * -1)");
+        case "desktop-wide-column":
+            return "".concat(e ? -(24 + k) : -k / 2, "px");
+        default:
+            return "".concat(-k / 2, "px");
     }
-  },
-  item: {
-    scrollSnapStop: ie(t.platformOverrides) ? "always" : "normal",
-    scrollSnapAlign: "start",
-    flexShrink: 0,
-    width: ({
-      itemsPerPageConfig: e,
-      gap: o
-    }) => `calc(${100 / e.desktop}% + ${o / e.desktop}px)`,
-    scrollMargin: ({
-      gap: e
-    }) => `-${e}px`,
-    "&:first-child": {
-      width: ({
-        itemsPerPageConfig: e,
-        gap: o
-      }) => `calc(${100 / e.desktop}% - ${o * (e.desktop - 1) / e.desktop}px)`,
-      scrollMargin: 0
-    },
-    [t.mq.tabletOrSmaller]: {
-      width: ({
-        itemsPerPageConfig: e,
-        gap: o
-      }) => `calc(${100 / e.mobile}% + ${o / e.mobile}px)`,
-      "&:first-child": {
-        width: ({
-          itemsPerPageConfig: e,
-          gap: o
-        }) => `calc(${100 / e.mobile}% - ${o * (e.mobile - 1) / e.mobile}px)`
-      },
-      scrollSnapAlign: "start",
-      scrollMargin: ({
-        mobilePageOffsetConfig: e
-      }) => `${e.prev}px`,
-      "$hasScroll:not($centered) &": {
-        width: ({
-          itemsPerPageConfig: e,
-          mobilePageOffsetConfig: o,
-          gap: r
-        }) => `calc(${100 / e.mobile}% - ${(o.next + o.prev + r) / e.mobile}px)`,
-        "&:first-child": {
-          paddingLeft: ({
-            sideMargin: e
-          }) => e,
-          width: ({
-            itemsPerPageConfig: e,
-            mobilePageOffsetConfig: o,
-            gap: r,
-            sideMargin: a
-          }) => `calc(${100 / e.mobile}% - ${(o.next + o.prev + r) / e.mobile + r - a}px)`
+}, Ce = K(function(t) {
+    var _obj;
+    return {
+        carouselContainer: {
+            minWidth: 64,
+            position: "relative"
         },
-        "&:last-child": {
-          paddingRight: ({
-            sideMargin: e
-          }) => e,
-          width: ({
-            itemsPerPageConfig: e,
-            mobilePageOffsetConfig: o,
-            gap: r,
-            sideMargin: a
-          }) => `calc(${100 / e.mobile}% - ${(o.next + o.prev + r) / e.mobile - a}px)`
+        arrowButton: _objectSpreadProps(_objectSpread({}, he(t)), {
+            position: "absolute",
+            zIndex: 2,
+            top: "calc(50% - ".concat(k / 2, "px)"),
+            "&.prev": {
+                left: function(param) {
+                    var e = param.containerType, r = param.isLargeDesktop;
+                    return te(e, r);
+                }
+            },
+            "&.next": {
+                right: function(param) {
+                    var e = param.containerType, r = param.isLargeDesktop;
+                    return te(e, r);
+                }
+            }
+        }),
+        hasScroll: {},
+        centered: {},
+        carousel: _objectSpreadProps(_objectSpread({
+            display: "flex",
+            overflowX: "auto",
+            minWidth: "100%",
+            scrollSnapType: function(param) {
+                var e = param.free;
+                return e ? "initial" : "x mandatory";
+            }
+        }, ue), _defineProperty({}, t.mq.tabletOrSmaller, {
+            "&$hasScroll": {
+                margin: "0 calc(".concat(y.sideMargin, " * -1)")
+            },
+            "&$centered::before, &$centered::after": {
+                content: '""',
+                flexShrink: 0,
+                display: "block",
+                width: "25%"
+            }
+        })),
+        item: (_obj = {
+            scrollSnapStop: ie(t.platformOverrides) ? "always" : "normal",
+            scrollSnapAlign: "start",
+            flexShrink: 0,
+            width: function(param) {
+                var e = param.itemsPerPageConfig, r = param.gap;
+                return "calc(".concat(100 / e.desktop, "% + ").concat(r / e.desktop, "px)");
+            },
+            scrollMargin: function(param) {
+                var e = param.gap;
+                return "-".concat(e, "px");
+            },
+            "&:first-child": {
+                width: function(param) {
+                    var e = param.itemsPerPageConfig, r = param.gap;
+                    return "calc(".concat(100 / e.desktop, "% - ").concat(r * (e.desktop - 1) / e.desktop, "px)");
+                },
+                scrollMargin: 0
+            }
+        }, _defineProperty(_obj, t.mq.tabletOrSmaller, {
+            width: function(param) {
+                var e = param.itemsPerPageConfig, r = param.gap;
+                return "calc(".concat(100 / e.mobile, "% + ").concat(r / e.mobile, "px)");
+            },
+            "&:first-child": {
+                width: function(param) {
+                    var e = param.itemsPerPageConfig, r = param.gap;
+                    return "calc(".concat(100 / e.mobile, "% - ").concat(r * (e.mobile - 1) / e.mobile, "px)");
+                }
+            },
+            scrollSnapAlign: "start",
+            scrollMargin: function(param) {
+                var e = param.mobilePageOffsetConfig;
+                return "".concat(e.prev, "px");
+            },
+            "$hasScroll:not($centered) &": {
+                width: function(param) {
+                    var e = param.itemsPerPageConfig, r = param.mobilePageOffsetConfig, o = param.gap;
+                    return "calc(".concat(100 / e.mobile, "% - ").concat((r.next + r.prev + o) / e.mobile, "px)");
+                },
+                "&:first-child": {
+                    paddingLeft: y.sideMargin,
+                    width: function(param) {
+                        var e = param.itemsPerPageConfig, r = param.mobilePageOffsetConfig, o = param.gap;
+                        return "calc(".concat(100 / e.mobile, "% - ").concat((r.next + r.prev + o) / e.mobile + o, "px + ").concat(y.sideMargin, ")");
+                    }
+                },
+                "&:last-child": {
+                    paddingRight: y.sideMargin,
+                    width: function(param) {
+                        var e = param.itemsPerPageConfig, r = param.mobilePageOffsetConfig, o = param.gap;
+                        return "calc(".concat(100 / e.mobile, "% - ").concat((r.next + r.prev + o) / e.mobile, "px + ").concat(y.sideMargin, ")");
+                    }
+                }
+            },
+            "$centered &": {
+                width: function() {
+                    return "50%";
+                },
+                scrollSnapAlign: "center",
+                scrollMargin: function() {
+                    return 0;
+                }
+            }
+        }), _defineProperty(_obj, "&:not(:empty) ~ &:not(:empty)", {
+            paddingLeft: function(param) {
+                var e = param.gap;
+                return e;
+            }
+        }), _defineProperty(_obj, "&:empty", {
+            display: "none"
+        }), _obj),
+        bullets: {
+            display: "flex",
+            justifyContent: "center"
         }
-      },
-      "$centered &": {
-        width: () => "50%",
-        scrollSnapAlign: "center",
-        scrollMargin: () => 0
-      }
-    },
-    "&:not(:empty) ~ &:not(:empty)": {
-      paddingLeft: ({
-        gap: e
-      }) => e
-    },
-    "&:empty": {
-      display: "none"
-    }
-  },
-  bullets: {
-    display: "flex",
-    justifyContent: "center"
-  }
-})), Ce = (t) => {
-  const e = {
-    mobile: 1,
-    desktop: 3
-  };
-  return t ? typeof t == "number" ? {
-    mobile: t,
-    desktop: t
-  } : {
-    ...e,
-    ...t
-  } : e;
-}, We = (t) => typeof t == "number" ? {
-  next: t,
-  prev: t
-} : t, te = (t, e) => {
-  if (t.length === 0)
-    return [];
-  const o = Math.ceil(t.length / e), r = [];
-  for (let a = 0; a < t.length; a += o)
-    r.push(t[a]);
-  return r[r.length - 1] = t[t.length - o], r;
-}, ze = (t, e) => {
-  const o = [];
-  for (let r = 0; r < e.length; r++)
-    r === 0 ? o.push(e[0]) : o.push((e[r] + e[r - 1]) / 2);
-  for (let r = o.length - 1; r >= 0; r--)
-    if (t - o[r] >= -1)
-      return r;
-  return 0;
-}, fe = 5e3, pe = ({
-  items: t,
-  itemStyle: e,
-  itemClassName: o,
-  withBullets: r,
-  renderBullets: a,
-  initialActiveItem: f,
-  itemsPerPage: $,
-  itemsToScroll: d,
-  mobilePageOffset: p = 16,
-  gap: M,
-  free: A,
-  centered: R,
-  autoplay: x,
-  onPageChange: S,
-  dataAttributes: _
-}) => {
-  const {
-    texts: z
-  } = se(), E = Ee(), g = Ce($), n = We(p), {
-    isDesktopOrBigger: u,
-    isLargeDesktop: N
-  } = le(), w = M != null ? M : u ? 16 : 8, O = ne(), m = Te({
-    itemsPerPageConfig: g,
-    mobilePageOffsetConfig: n,
-    free: A,
-    gap: w,
-    sideMargin: O,
-    containerType: E,
-    isLargeDesktop: N
-  }), v = i.useRef(null), B = Math.floor(u ? g.desktop : g.mobile), y = Math.ceil(t.length / B), [{
-    scrollLeft: K,
-    scrollRight: F
-  }, me] = i.useState({
-    scrollLeft: 0,
-    scrollRight: 0
-  }), [X, be] = i.useState([]), q = i.useMemo(() => te(X, y), [X, y]), D = d ? te(X, Math.ceil(t.length / d)) : q, ve = F !== 0, xe = K !== 0;
-  Ie(() => {
-    if (v.current) {
-      const s = v.current, c = () => {
-        const {
-          scrollWidth: P,
-          clientWidth: G
-        } = s, I = Math.round(s.scrollLeft), U = Math.round(P - (I + G));
-        me({
-          scrollLeft: I,
-          scrollRight: U
-        });
-      }, h = () => {
-        const P = s.scrollWidth - s.clientWidth, G = (I) => R || I === 0 ? 0 : u ? -w : n.prev;
-        be(Array.from(s.querySelectorAll("[data-item]")).map((I, U) => {
-          if (U === t.length - 1)
-            return P;
-          const Z = I.offsetLeft, we = G(U), Se = R && !u ? Z - I.clientWidth / 2 : Z;
-          return Math.min(Se - we - s.offsetLeft, P);
-        }));
-      };
-      c(), h(), s.addEventListener("scroll", c);
-      const b = ce(s, () => {
-        c(), h();
-      });
-      return () => {
-        s.removeEventListener("scroll", c), b();
-      };
-    }
-    return () => {
     };
-  }, [g.desktop, g.mobile, n.next, n.prev, y, w, R, u, O, t.length]);
-  const j = i.useCallback((s) => {
-    const c = v.current;
-    if (c) {
-      const h = q[s];
-      c.scrollTo({
-        left: h,
-        behavior: "smooth"
-      });
-    }
-  }, [q]), ge = i.useCallback(() => {
-    const s = v.current;
-    if (s) {
-      const {
-        scrollLeft: c
-      } = s, h = [...D].reverse().find((b) => b - c < -1);
-      s.scrollTo({
-        left: h,
-        behavior: "smooth"
-      });
-    }
-  }, [D]), Y = i.useCallback(() => {
-    const s = v.current;
-    if (s) {
-      const {
-        scrollLeft: c
-      } = s, h = D.find((b) => b - c > 1);
-      s.scrollTo({
-        left: h,
-        behavior: "smooth"
-      });
-    }
-  }, [D]), Q = ae(!!x, v);
-  i.useEffect(() => {
-    f !== void 0 && j(Math.floor(f / B));
-  }, [f, j, B]), i.useEffect(() => {
-    if (Q && x) {
-      const s = typeof x == "boolean" ? fe : x.time, c = typeof x == "object" && x.loop, h = setInterval(() => {
-        var b;
-        F !== 0 ? Y() : c && ((b = v.current) == null || b.scrollTo({
-          left: 0,
-          behavior: "smooth"
-        }));
-      }, s);
-      return () => clearInterval(h);
-    }
-  }, [x, Y, F, Q]);
-  const T = ze(K, q);
-  i.useEffect(() => {
-    if (S) {
-      const s = Math.min((T + 1) * B - 1, t.length - 1), c = [];
-      for (let h = 0; h < B; h++) {
-        const b = s - h;
-        b >= 0 && c.unshift(b);
-      }
-      S({
-        pageIndex: T,
-        shownItemIndexes: c
-      });
-    }
-  }, [T, t.length, B, S]);
-  let V = null;
-  return a ? V = a({
-    numPages: y,
-    currentIndex: T,
-    onPress: j
-  }) : r && (V = y > 1 && /* @__PURE__ */ l(de, {
-    numPages: y,
-    currentIndex: T,
-    onPress: j
-  })), /* @__PURE__ */ H(Le, {
-    space: 24,
-    dataAttributes: _,
-    children: [/* @__PURE__ */ H("div", {
-      className: m.carouselContainer,
-      children: [/* @__PURE__ */ l(C, {
-        isInverse: !1,
-        children: /* @__PURE__ */ l(W, {
-          className: k(m.arrowButton, "prev"),
-          "aria-label": z.carouselPrevButton,
-          onPress: ge,
-          disabled: !xe,
-          children: /* @__PURE__ */ l(oe, {})
-        })
-      }), /* @__PURE__ */ l("div", {
-        className: k(m.carousel, {
-          [m.centered]: R,
-          [m.hasScroll]: y > 1
-        }),
-        ref: v,
-        children: t.map((s, c) => /* @__PURE__ */ l("div", {
-          className: k(m.item, o),
-          style: e,
-          "data-item": !0,
-          children: s
-        }, c))
-      }), /* @__PURE__ */ l(C, {
-        isInverse: !1,
-        children: /* @__PURE__ */ l(W, {
-          className: k(m.arrowButton, "next"),
-          "aria-label": z.carouselNextButton,
-          onPress: Y,
-          disabled: !ve,
-          children: /* @__PURE__ */ l(re, {})
-        })
-      })]
-    }), V && /* @__PURE__ */ l("div", {
-      className: m.bullets,
-      children: V
-    })]
-  });
-}, tt = (t) => /* @__PURE__ */ l(pe, {
-  ...t
-}), ot = ({
-  items: t,
-  itemStyle: e,
-  itemClassName: o,
-  withBullets: r,
-  renderBullets: a,
-  initialActiveItem: f,
-  onPageChange: $,
-  dataAttributes: d
-}) => /* @__PURE__ */ l(pe, {
-  items: t,
-  itemStyle: e,
-  itemClassName: o,
-  itemsPerPage: {
-    mobile: 1,
-    desktop: 3
-  },
-  centered: !0,
-  itemsToScroll: 1,
-  mobilePageOffset: 0,
-  gap: 0,
-  withBullets: r,
-  renderBullets: a,
-  initialActiveItem: f,
-  onPageChange: $,
-  dataAttributes: d
-}), Oe = J((t) => ({
-  slideshowContainer: {
-    position: "relative"
-  },
-  slideshow: {
-    display: "flex",
-    overflowX: "auto",
-    minWidth: "100%",
-    scrollSnapType: "x mandatory",
-    ...ue,
-    [t.mq.tabletOrSmaller]: {
-      margin: ({
-        sideMargin: e
-      }) => `0 -${e}px`
-    }
-  },
-  item: {
-    width: "100%",
-    scrollSnapStop: ie(t.platformOverrides) ? "always" : "normal",
-    scrollSnapAlign: "start",
-    flexShrink: 0
-  },
-  arrowButton: {
-    ...he(t),
-    border: "none",
-    position: "absolute",
-    zIndex: 2,
-    top: `calc(50% - ${L / 2}px)`,
-    "&.prev": {
-      left: 24,
-      [t.mq.tabletOrSmaller]: {
-        left: 0
-      }
-    },
-    "&.next": {
-      right: 24,
-      [t.mq.tabletOrSmaller]: {
-        right: 0
-      }
-    }
-  },
-  bullets: {
-    position: "absolute",
-    bottom: 24,
-    display: "flex",
-    justifyContent: "center",
-    width: "100%",
-    zIndex: 2
-  }
-})), rt = ({
-  items: t,
-  withBullets: e,
-  autoplay: o,
-  onPageChange: r,
-  dataAttributes: a
-}) => {
-  const {
-    texts: f
-  } = se(), $ = ne(), d = Oe({
-    sideMargin: $
-  }), p = i.useRef(null), [{
-    scrollLeft: M,
-    scrollRight: A
-  }, R] = i.useState({
-    scrollLeft: 0,
-    scrollRight: 0
-  }), x = i.useCallback(() => {
-    const n = p.current;
-    n && n.scrollBy({
-      left: -n.clientWidth,
-      behavior: "smooth"
+}), Te = function(t) {
+    var e = {
+        mobile: 1,
+        desktop: 3
+    };
+    return t ? typeof t == "number" ? {
+        mobile: t,
+        desktop: t
+    } : _objectSpread({}, e, t) : e;
+}, We = function(t) {
+    return typeof t == "number" ? {
+        next: t,
+        prev: t
+    } : t;
+}, re = function(t, e) {
+    if (t.length === 0) return [];
+    var r = Math.ceil(t.length / e), o = [];
+    for(var f = 0; f < t.length; f += r)o.push(t[f]);
+    return o[o.length - 1] = t[t.length - r], o;
+}, ze = function(t, e) {
+    var r = [];
+    for(var o = 0; o < e.length; o++)o === 0 ? r.push(e[0]) : r.push((e[o] + e[o - 1]) / 2);
+    for(var o1 = r.length - 1; o1 >= 0; o1--)if (t - r[o1] >= -1) return o1;
+    return 0;
+}, fe = 5e3, me = function(param) {
+    var t = param.items, e = param.itemStyle, r = param.itemClassName, o = param.withBullets, f = param.renderBullets, m = param.initialActiveItem, p = param.itemsPerPage, c = param.itemsToScroll, tmp = param.mobilePageOffset, z = tmp === void 0 ? 16 : tmp, w = param.gap, _ = param.free, L = param.centered, b = param.autoplay, E = param.onPageChange, F = param.dataAttributes;
+    var ref = ne(), M = ref.texts, O = Ee(), n = Te(p), u = We(z), ref1 = se(), x = ref1.isDesktopOrBigger, R = ref1.isLargeDesktop, N = w != null ? w : x ? 16 : 8, v = Ce({
+        itemsPerPageConfig: n,
+        mobilePageOffsetConfig: u,
+        free: _,
+        gap: N,
+        containerType: O,
+        isLargeDesktop: R
+    }), g = a.useRef(null), B = Math.floor(x ? n.desktop : n.mobile), S = Math.ceil(t.length / B), ref2 = _slicedToArray(a.useState({
+        scrollLeft: 0,
+        scrollRight: 0
+    }), 2), ref3 = ref2[0], Q = ref3.scrollLeft, X = ref3.scrollRight, pe = ref2[1], ref4 = _slicedToArray(a.useState([]), 2), Y = ref4[0], be = ref4[1], q = a.useMemo(function() {
+        return re(Y, S);
+    }, [
+        Y,
+        S
+    ]), D = c ? re(Y, Math.ceil(t.length / c)) : q, ve = X !== 0, ge = Q !== 0;
+    ye(function() {
+        if (g.current) {
+            var s = g.current, i = function() {
+                var P = s.scrollWidth, H = s.clientWidth, I = Math.round(s.scrollLeft), U = Math.round(P - (I + H));
+                pe({
+                    scrollLeft: I,
+                    scrollRight: U
+                });
+            }, d = function() {
+                var P = s.scrollWidth - s.clientWidth, H = function(I) {
+                    return L || I === 0 ? 0 : x ? -N : u.prev;
+                };
+                be(Array.from(s.querySelectorAll("[data-item]")).map(function(I, U) {
+                    if (U === t.length - 1) return P;
+                    var ee = I.offsetLeft, we = H(U), Se = L && !x ? ee - I.clientWidth / 2 : ee;
+                    return Math.min(Se - we - s.offsetLeft, P);
+                }));
+            };
+            i(), d(), s.addEventListener("scroll", i);
+            var h = ce(s, function() {
+                i(), d();
+            });
+            return function() {
+                s.removeEventListener("scroll", i), h();
+            };
+        }
+        return function() {};
+    }, [
+        n.desktop,
+        n.mobile,
+        u.next,
+        u.prev,
+        S,
+        N,
+        L,
+        x,
+        t.length
+    ]);
+    var j = a.useCallback(function(s) {
+        var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0;
+        var d = g.current;
+        if (d) {
+            var h = q[s];
+            d.scrollTo({
+                left: h,
+                behavior: i ? "smooth" : "auto"
+            });
+        }
+    }, [
+        q
+    ]), xe = a.useCallback(function() {
+        var s = g.current;
+        if (s) {
+            var i = s.scrollLeft, d = _toConsumableArray(D).reverse().find(function(h) {
+                return h - i < -1;
+            });
+            s.scrollTo({
+                left: d,
+                behavior: "smooth"
+            });
+        }
+    }, [
+        D
+    ]), G = a.useCallback(function() {
+        var s = g.current;
+        if (s) {
+            var i = s.scrollLeft, d = D.find(function(h) {
+                return h - i > 1;
+            });
+            s.scrollTo({
+                left: d,
+                behavior: "smooth"
+            });
+        }
+    }, [
+        D
+    ]), Z = ae(!!b, g);
+    a.useEffect(function() {
+        m !== void 0 && j(Math.floor(m / B), !1);
+    }, [
+        m,
+        j,
+        B
+    ]), a.useEffect(function() {
+        if (Z && b) {
+            var s = typeof b == "boolean" ? fe : b.time, i = typeof b == "object" && b.loop, d = setInterval(function() {
+                var h;
+                X !== 0 ? G() : i && ((h = g.current) == null || h.scrollTo({
+                    left: 0,
+                    behavior: "smooth"
+                }));
+            }, s);
+            return function() {
+                return clearInterval(d);
+            };
+        }
+    }, [
+        b,
+        G,
+        X,
+        Z
+    ]);
+    var C = ze(Q, q);
+    a.useEffect(function() {
+        if (E) {
+            var s = Math.min((C + 1) * B - 1, t.length - 1), i = [];
+            for(var d = 0; d < B; d++){
+                var h = s - d;
+                h >= 0 && i.unshift(h);
+            }
+            E({
+                pageIndex: C,
+                shownItemIndexes: i
+            });
+        }
+    }, [
+        C,
+        t.length,
+        B,
+        E
+    ]);
+    var V = null;
+    var _obj;
+    return f ? V = f({
+        numPages: S,
+        currentIndex: C,
+        onPress: j
+    }) : o && (V = S > 1 && /* @__PURE__ */ l(de, {
+        numPages: S,
+        currentIndex: C,
+        onPress: j
+    })), /* @__PURE__ */ J(ke, {
+        space: 24,
+        dataAttributes: F,
+        children: [
+            /* @__PURE__ */ J("div", {
+                className: v.carouselContainer,
+                children: [
+                    /* @__PURE__ */ l(T, {
+                        isInverse: !1,
+                        children: /* @__PURE__ */ l(W, {
+                            className: $(v.arrowButton, "prev"),
+                            "aria-label": M.carouselPrevButton,
+                            onPress: xe,
+                            disabled: !ge,
+                            children: /* @__PURE__ */ l(oe, {})
+                        })
+                    }),
+                    /* @__PURE__ */ l("div", {
+                        className: $(v.carousel, (_obj = {}, _defineProperty(_obj, v.centered, L), _defineProperty(_obj, v.hasScroll, S > 1), _obj)),
+                        ref: g,
+                        children: t.map(function(s, i) {
+                            return /* @__PURE__ */ l("div", {
+                                className: $(v.item, r),
+                                style: e,
+                                "data-item": !0,
+                                children: s
+                            }, i);
+                        })
+                    }),
+                    /* @__PURE__ */ l(T, {
+                        isInverse: !1,
+                        children: /* @__PURE__ */ l(W, {
+                            className: $(v.arrowButton, "next"),
+                            "aria-label": M.carouselNextButton,
+                            onPress: G,
+                            disabled: !ve,
+                            children: /* @__PURE__ */ l(le, {})
+                        })
+                    })
+                ]
+            }),
+            V && /* @__PURE__ */ l("div", {
+                className: v.bullets,
+                children: V
+            })
+        ]
     });
-  }, []), S = i.useCallback(() => {
-    const n = p.current;
-    n && n.scrollBy({
-      left: n.clientWidth,
-      behavior: "smooth"
+}, rt = function(t) {
+    return /* @__PURE__ */ l(me, _objectSpread({}, t));
+}, ot = function(param) {
+    var t = param.items, e = param.itemStyle, r = param.itemClassName, o = param.withBullets, f = param.renderBullets, m = param.initialActiveItem, p = param.onPageChange, c = param.dataAttributes;
+    return /* @__PURE__ */ l(me, {
+        items: t,
+        itemStyle: e,
+        itemClassName: r,
+        itemsPerPage: {
+            mobile: 1,
+            desktop: 3
+        },
+        centered: !0,
+        itemsToScroll: 1,
+        mobilePageOffset: 0,
+        gap: 0,
+        withBullets: o,
+        renderBullets: f,
+        initialActiveItem: m,
+        onPageChange: p,
+        dataAttributes: c
     });
-  }, []), _ = A !== 0, z = M !== 0, E = p.current ? Math.floor((M + p.current.clientWidth / 2) / p.current.clientWidth) : 0;
-  i.useLayoutEffect(() => {
-    const n = p.current;
-    if (n) {
-      const u = () => {
-        const {
-          scrollWidth: w,
-          clientWidth: O
-        } = n, m = Math.round(n.scrollLeft), v = Math.round(w - (m + O));
-        R({
-          scrollLeft: m,
-          scrollRight: v
+}, Oe = K(function(t) {
+    return {
+        slideshowContainer: {
+            position: "relative"
+        },
+        slideshow: _objectSpreadProps(_objectSpread({
+            display: "flex",
+            overflowX: "auto",
+            minWidth: "100%",
+            scrollSnapType: "x mandatory"
+        }, ue), _defineProperty({}, t.mq.tabletOrSmaller, {
+            margin: "0 calc(".concat(y.sideMargin, " * -1)")
+        })),
+        item: {
+            width: "100%",
+            scrollSnapStop: ie(t.platformOverrides) ? "always" : "normal",
+            scrollSnapAlign: "start",
+            flexShrink: 0
+        },
+        arrowButton: _objectSpreadProps(_objectSpread({}, he(t)), {
+            border: "none",
+            position: "absolute",
+            zIndex: 2,
+            top: "calc(50% - ".concat(k / 2, "px)"),
+            "&.prev": _defineProperty({
+                left: 24
+            }, t.mq.tabletOrSmaller, {
+                left: 0
+            }),
+            "&.next": _defineProperty({
+                right: 24
+            }, t.mq.tabletOrSmaller, {
+                right: 0
+            })
+        }),
+        bullets: {
+            position: "absolute",
+            bottom: 24,
+            display: "flex",
+            justifyContent: "center",
+            width: "100%",
+            zIndex: 2
+        }
+    };
+}), lt = function(param) {
+    var t = param.items, e = param.withBullets, r = param.autoplay, o = param.onPageChange, f = param.dataAttributes;
+    var ref = ne(), m = ref.texts, p = Oe(), c = a.useRef(null), ref1 = _slicedToArray(a.useState({
+        scrollLeft: 0,
+        scrollRight: 0
+    }), 2), ref2 = ref1[0], z = ref2.scrollLeft, w = ref2.scrollRight, _ = ref1[1], L = a.useCallback(function() {
+        var n = c.current;
+        n && n.scrollBy({
+            left: -n.clientWidth,
+            behavior: "smooth"
         });
-      };
-      u(), n.addEventListener("scroll", u);
-      const N = ce(n, u);
-      return () => {
-        n.removeEventListener("scroll", u), N();
-      };
-    }
-  }, [t.length]);
-  const g = ae(!!o, p);
-  return i.useEffect(() => {
-    if (g && o) {
-      const n = typeof o == "boolean" ? fe : o.time, u = typeof o == "object" && o.loop, N = setInterval(() => {
-        var w;
-        A !== 0 ? S() : u && ((w = p.current) == null || w.scrollTo({
-          left: 0,
-          behavior: "smooth"
-        }));
-      }, n);
-      return () => clearInterval(N);
-    }
-  }, [o, S, A, g]), i.useEffect(() => {
-    r && r(E);
-  }, [E, r]), /* @__PURE__ */ H("div", {
-    className: d.slideshowContainer,
-    ...Be(a),
-    children: [/* @__PURE__ */ l(C, {
-      isInverse: !1,
-      children: /* @__PURE__ */ l(W, {
-        className: k(d.arrowButton, "prev"),
-        "aria-label": f.carouselPrevButton,
-        onPress: x,
-        disabled: !z,
-        children: /* @__PURE__ */ l(oe, {})
-      })
-    }), /* @__PURE__ */ l(Re, {
-      children: /* @__PURE__ */ l("div", {
-        className: d.slideshow,
-        ref: p,
-        children: t.map((n, u) => /* @__PURE__ */ l("div", {
-          className: d.item,
-          children: n
-        }, u))
-      })
-    }), /* @__PURE__ */ l(C, {
-      isInverse: !1,
-      children: /* @__PURE__ */ l(W, {
-        className: k(d.arrowButton, "next"),
-        "aria-label": f.carouselNextButton,
-        onPress: S,
-        disabled: !_,
-        children: /* @__PURE__ */ l(re, {})
-      })
-    }), e && t.length > 1 && /* @__PURE__ */ l(C, {
-      isInverse: !0,
-      children: /* @__PURE__ */ l("div", {
-        className: d.bullets,
-        children: /* @__PURE__ */ l(de, {
-          numPages: t.length,
-          currentIndex: E
-        })
-      })
-    })]
-  });
-};
-export {
-  tt as Carousel,
-  ot as CenteredCarousel,
-  de as PageBullets,
-  rt as Slideshow
+    }, []), b = a.useCallback(function() {
+        var n = c.current;
+        n && n.scrollBy({
+            left: n.clientWidth,
+            behavior: "smooth"
+        });
+    }, []), E = w !== 0, F = z !== 0, M = c.current ? Math.floor((z + c.current.clientWidth / 2) / c.current.clientWidth) : 0;
+    a.useLayoutEffect(function() {
+        var n = c.current;
+        if (n) {
+            var u = function() {
+                var R = n.scrollWidth, N = n.clientWidth, v = Math.round(n.scrollLeft), g = Math.round(R - (v + N));
+                _({
+                    scrollLeft: v,
+                    scrollRight: g
+                });
+            };
+            u(), n.addEventListener("scroll", u);
+            var x = ce(n, u);
+            return function() {
+                n.removeEventListener("scroll", u), x();
+            };
+        }
+    }, [
+        t.length
+    ]);
+    var O = ae(!!r, c);
+    return a.useEffect(function() {
+        if (O && r) {
+            var n = typeof r == "boolean" ? fe : r.time, u = typeof r == "object" && r.loop, x = setInterval(function() {
+                var R;
+                w !== 0 ? b() : u && ((R = c.current) == null || R.scrollTo({
+                    left: 0,
+                    behavior: "smooth"
+                }));
+            }, n);
+            return function() {
+                return clearInterval(x);
+            };
+        }
+    }, [
+        r,
+        b,
+        w,
+        O
+    ]), a.useEffect(function() {
+        o && o(M);
+    }, [
+        M,
+        o
+    ]), /* @__PURE__ */ J("div", _objectSpreadProps(_objectSpread({
+        className: p.slideshowContainer
+    }, Be(f)), {
+        children: [
+            /* @__PURE__ */ l(T, {
+                isInverse: !1,
+                children: /* @__PURE__ */ l(W, {
+                    className: $(p.arrowButton, "prev"),
+                    "aria-label": m.carouselPrevButton,
+                    onPress: L,
+                    disabled: !F,
+                    children: /* @__PURE__ */ l(oe, {})
+                })
+            }),
+            /* @__PURE__ */ l(Re, {
+                children: /* @__PURE__ */ l("div", {
+                    className: p.slideshow,
+                    ref: c,
+                    children: t.map(function(n, u) {
+                        return /* @__PURE__ */ l("div", {
+                            className: p.item,
+                            children: n
+                        }, u);
+                    })
+                })
+            }),
+            /* @__PURE__ */ l(T, {
+                isInverse: !1,
+                children: /* @__PURE__ */ l(W, {
+                    className: $(p.arrowButton, "next"),
+                    "aria-label": m.carouselNextButton,
+                    onPress: b,
+                    disabled: !E,
+                    children: /* @__PURE__ */ l(le, {})
+                })
+            }),
+            e && t.length > 1 && /* @__PURE__ */ l(T, {
+                isInverse: !0,
+                children: /* @__PURE__ */ l("div", {
+                    className: p.bullets,
+                    children: /* @__PURE__ */ l(de, {
+                        numPages: t.length,
+                        currentIndex: M
+                    })
+                })
+            })
+        ]
+    }));
 };
+export { rt as Carousel, ot as CenteredCarousel, de as PageBullets, lt as Slideshow };