@telefonica/mistica 12.8.0 → 12.9.0

package/dist/carousel.js

@@ -2,51 +2,44 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.Slideshow = exports.CenteredCarousel = exports.Carousel = exports.PageBullets = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var React = _interopRequireWildcard(require("react"));
-var _iconChevronLeftRegular = _interopRequireDefault(require("./generated/mistica-icons/icon-chevron-left-regular"));
-var _iconChevronRightRegular = _interopRequireDefault(require("./generated/mistica-icons/icon-chevron-right-regular"));
-var _hooks = require("./hooks");
-var _inline = _interopRequireDefault(require("./inline"));
-var _jss = require("./jss");
-var _stack = _interopRequireDefault(require("./stack"));
-var _touchable = _interopRequireDefault(require("./touchable"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _responsiveLayout = require("./responsive-layout");
-var _themeVariantContext = require("./theme-variant-context");
-var _color = require("./utils/color");
-var _image = require("./image");
-var _dom = require("./utils/dom");
-var _platform = require("./utils/platform");
-var _documentVisibility = require("./utils/document-visibility");
-var _containerTypeContext = require("./container-type-context");
-function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
 }
-function _interopRequireWildcard(obj) {
-    if (obj && obj.__esModule) {
-        return obj;
-    } else {
-        var newObj = {};
-        if (obj != null) {
-            for(var key in obj){
-                if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
-                    if (desc.get || desc.set) {
-                        Object.defineProperty(newObj, key, desc);
-                    } else {
-                        newObj[key] = obj[key];
-                    }
-                }
-            }
-        }
-        newObj.default = obj;
-        return newObj;
+_export(exports, {
+    Carousel: function() {
+        return tt;
+    },
+    CenteredCarousel: function() {
+        return ot;
+    },
+    PageBullets: function() {
+        return de;
+    },
+    Slideshow: function() {
+        return rt;
     }
-}
+});
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _iconChevronLeftRegularJs = /*#__PURE__*/ _interopRequireDefault(require("./generated/mistica-icons/icon-chevron-left-regular.js"));
+var _iconChevronRightRegularJs = /*#__PURE__*/ _interopRequireDefault(require("./generated/mistica-icons/icon-chevron-right-regular.js"));
+var _hooksJs = require("./hooks.js");
+var _inlineJs = /*#__PURE__*/ _interopRequireDefault(require("./inline.js"));
+var _jssJs = require("./jss.js");
+var _stackJs = /*#__PURE__*/ _interopRequireDefault(require("./stack.js"));
+var _touchableJs = /*#__PURE__*/ _interopRequireDefault(require("./touchable.js"));
+var _classnames = /*#__PURE__*/ _interopRequireDefault(require("classnames"));
+var _responsiveLayoutJs = require("./responsive-layout.js");
+var _themeVariantContextJs = require("./theme-variant-context.js");
+var _colorJs = require("./utils/color.js");
+var _imageJs = require("./image.js");
+var _domJs = require("./utils/dom.js");
+var _platformJs = require("./utils/platform.js");
+var _documentVisibilityJs = require("./utils/document-visibility.js");
+var _containerTypeContextJs = require("./container-type-context.js");
+var _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
 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];
@@ -71,6 +64,50 @@ function _defineProperty(obj, key, value) {
     }
     return obj;
 }
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interopRequireWildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
 function _iterableToArray(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
@@ -105,8 +142,8 @@ 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) {
-    var _arguments = arguments, _loop = function(i) {
-        var source = _arguments[i] != null ? _arguments[i] : {};
+    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) {
@@ -116,8 +153,31 @@ function _objectSpread(target) {
         ownKeys.forEach(function(key) {
             _defineProperty(target, key, source[key]);
         });
-    };
-    for(var i = 1; i < arguments.length; i++)_loop(i);
+    }
+    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) {
@@ -134,17 +194,15 @@ function _unsupportedIterableToArray(o, minLen) {
     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);
 }
-var useShouldAutoplay = function useShouldAutoplay(autoplay, ref) {
-    var isDocumentVisible = (0, _documentVisibility).useDocumentVisibility();
-    var isInViewport = (0, _hooks).useIsInViewport(ref, false);
-    return isInViewport && isDocumentVisible && !!autoplay;
-};
-var useBulletsStyles = (0, _jss).createUseStyles(function(theme) {
+var ae = function(t, e) {
+    var o = (0, _documentVisibilityJs.useDocumentVisibility)();
+    return (0, _hooksJs.useIsInViewport)(e, !1) && o && !!t;
+}, Ne = (0, _jssJs.createUseStyles)(function(t) {
     return {
         bullet: _defineProperty({
-            backgroundColor: function backgroundColor(param) {
-                var isInverse = param.isInverse;
-                return isInverse ? (0, _color).applyAlpha(theme.colors.inverse, 0.5) : theme.colors.control;
+            backgroundColor: function(param) {
+                var e = param.isInverse;
+                return e ? (0, _colorJs.applyAlpha)(t.colors.inverse, 0.5) : t.colors.control;
             },
             width: 8,
             height: 8,
@@ -152,13 +210,13 @@ var useBulletsStyles = (0, _jss).createUseStyles(function(theme) {
             transition: "transform 0.3s ease-in-out, background-color 0.3s ease-in-out",
             zIndex: 2,
             "&.active": {
-                backgroundColor: function backgroundColor(param) {
-                    var isInverse = param.isInverse;
-                    return isInverse ? theme.colors.inverse : theme.colors.controlActivated;
+                backgroundColor: function(param) {
+                    var e = param.isInverse;
+                    return e ? t.colors.inverse : t.colors.controlActivated;
                 },
                 transform: "scale(1.25)"
             }
-        }, theme.mq.tabletOrSmaller, {
+        }, t.mq.tabletOrSmaller, {
             width: 4,
             height: 4,
             "&.active": {
@@ -166,112 +224,101 @@ var useBulletsStyles = (0, _jss).createUseStyles(function(theme) {
             }
         })
     };
-});
-var PageBullets = function PageBullets(param) {
-    var currentIndex = param.currentIndex, numPages = param.numPages, onPress = param.onPress;
-    var isInverse = (0, _themeVariantContext).useIsInverseVariant();
-    var classes = useBulletsStyles({
-        isInverse: isInverse
-    });
-    var isDesktopOrBigger = (0, _hooks).useScreenSize().isDesktopOrBigger;
-    return /*#__PURE__*/ (0, _jsxRuntime).jsx(_inline.default, {
-        space: isDesktopOrBigger ? 16 : 8,
+}), de = function(param) {
+    var t = param.currentIndex, e = param.numPages, o = param.onPress;
+    var r = (0, _themeVariantContextJs.useIsInverseVariant)(), a = Ne({
+        isInverse: r
+    }), ref = (0, _hooksJs.useScreenSize)(), f = ref.isDesktopOrBigger;
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_inlineJs.default, {
+        space: f ? 16 : 8,
         alignItems: "center",
         children: Array.from({
-            length: numPages
-        }, function(_, i) {
-            return /*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, {
-                maybe: true,
-                onPress: isDesktopOrBigger && onPress ? function() {
-                    return onPress(i);
-                } : undefined,
-                children: /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
-                    className: (0, _classnames).default(classes.bullet, {
-                        active: i === currentIndex
+            length: e
+        }, function($, d) {
+            return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.default, {
+                maybe: !0,
+                onPress: f && o ? function() {
+                    return o(d);
+                } : void 0,
+                children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
+                    className: (0, _classnames.default)(a.bullet, {
+                        active: d === t
                     })
                 })
-            }, i);
+            }, d);
         })
     });
-};
-exports.PageBullets = PageBullets;
-var hideScrollbar = {
+}, ue = {
     scrollbarWidth: "none",
     "&::-webkit-scrollbar": {
         display: "none"
     }
-};
-var arrowButtonSize = 40;
-var arrowButtonStyle = function arrowButtonStyle(theme) {
+}, L = 40, he = function(t) {
     return _defineProperty({
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
-        width: arrowButtonSize,
-        height: arrowButtonSize,
+        width: L,
+        height: L,
         borderRadius: "50%",
-        backgroundColor: theme.colors.backgroundContainer,
-        border: "1px solid ".concat(theme.colors.border),
+        backgroundColor: t.colors.backgroundContainer,
+        border: "1px solid ".concat(t.colors.border),
         transition: "opacity 0.2s",
         "&[disabled]": {
             opacity: 0
         }
-    }, theme.mq.touchableOnly, {
+    }, t.mq.touchableOnly, {
         display: "none"
     });
-};
-var arrowButtonSeparation = function arrowButtonSeparation(containerType, isLargeDesktop, sideMargin) {
-    switch(containerType){
+}, ee = function(t, e, o) {
+    switch(t){
         case "mobile-column":
         case "tablet-column":
-            return -sideMargin;
+            return -o;
         case "desktop-wide-column":
-            return isLargeDesktop ? -(24 + arrowButtonSize) : -arrowButtonSize / 2;
+            return e ? -(24 + L) : -L / 2;
         default:
-            return -arrowButtonSize / 2;
+            return -L / 2;
     }
-};
-var useStyles = (0, _jss).createUseStyles(function(theme) {
+}, Te = (0, _jssJs.createUseStyles)(function(t) {
     var _obj;
     return {
         carouselContainer: {
-            // This value is a workaround to solve an issue when the page is rendered in a hidden webview
-            // in that case the window size is reported as 0 and the scroll snap is placed at the wrong slide
             minWidth: 64,
             position: "relative"
         },
-        arrowButton: _objectSpread({}, arrowButtonStyle(theme), {
+        arrowButton: _objectSpreadProps(_objectSpread({}, he(t)), {
             position: "absolute",
             zIndex: 2,
-            top: "calc(50% - ".concat(arrowButtonSize / 2, "px)"),
+            top: "calc(50% - ".concat(L / 2, "px)"),
             "&.prev": {
-                left: function left(param) {
-                    var containerType = param.containerType, isLargeDesktop = param.isLargeDesktop, sideMargin = param.sideMargin;
-                    return arrowButtonSeparation(containerType, isLargeDesktop, sideMargin);
+                left: function(param) {
+                    var e = param.containerType, o = param.isLargeDesktop, r = param.sideMargin;
+                    return ee(e, o, r);
                 }
             },
             "&.next": {
-                right: function right(param) {
-                    var containerType = param.containerType, isLargeDesktop = param.isLargeDesktop, sideMargin = param.sideMargin;
-                    return arrowButtonSeparation(containerType, isLargeDesktop, sideMargin);
+                right: function(param) {
+                    var e = param.containerType, o = param.isLargeDesktop, r = param.sideMargin;
+                    return ee(e, o, r);
                 }
             }
         }),
         hasScroll: {},
         centered: {},
-        carousel: _objectSpread({
+        carousel: _objectSpreadProps(_objectSpread({
             display: "flex",
             overflowX: "auto",
             minWidth: "100%",
-            scrollSnapType: function scrollSnapType(param) {
-                var free = param.free;
-                return free ? "initial" : "x mandatory";
+            scrollSnapType: function(param) {
+                var e = param.free;
+                return e ? "initial" : "x mandatory";
             }
-        }, hideScrollbar, _defineProperty({}, theme.mq.tabletOrSmaller, {
+        }, ue), _defineProperty({}, t.mq.tabletOrSmaller, {
             "&$hasScroll": {
-                margin: function margin(param) {
-                    var sideMargin = param.sideMargin;
-                    return "0 -".concat(sideMargin, "px");
+                margin: function(param) {
+                    var e = param.sideMargin;
+                    return "0 -".concat(e, "px");
                 }
             },
             "&$centered::before, &$centered::after": {
@@ -282,79 +329,79 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
             }
         })),
         item: (_obj = {
-            scrollSnapStop: (0, _platform).isAndroid(theme.platformOverrides) ? "always" : "normal",
+            scrollSnapStop: (0, _platformJs.isAndroid)(t.platformOverrides) ? "always" : "normal",
             scrollSnapAlign: "start",
             flexShrink: 0,
-            width: function width(param) {
-                var itemsPerPageConfig = param.itemsPerPageConfig, gap = param.gap;
-                return "calc(".concat(100 / itemsPerPageConfig.desktop, "% + ").concat(gap / itemsPerPageConfig.desktop, "px)");
+            width: function(param) {
+                var e = param.itemsPerPageConfig, o = param.gap;
+                return "calc(".concat(100 / e.desktop, "% + ").concat(o / e.desktop, "px)");
             },
-            scrollMargin: function scrollMargin(param) {
-                var gap = param.gap;
-                return "-".concat(gap, "px");
+            scrollMargin: function(param) {
+                var e = param.gap;
+                return "-".concat(e, "px");
             },
             "&:first-child": {
-                width: function width(param) {
-                    var itemsPerPageConfig = param.itemsPerPageConfig, gap = param.gap;
-                    return "calc(".concat(100 / itemsPerPageConfig.desktop, "% - ").concat(gap * (itemsPerPageConfig.desktop - 1) / itemsPerPageConfig.desktop, "px)");
+                width: function(param) {
+                    var e = param.itemsPerPageConfig, o = param.gap;
+                    return "calc(".concat(100 / e.desktop, "% - ").concat(o * (e.desktop - 1) / e.desktop, "px)");
                 },
                 scrollMargin: 0
             }
-        }, _defineProperty(_obj, theme.mq.tabletOrSmaller, {
-            width: function width(param) {
-                var itemsPerPageConfig = param.itemsPerPageConfig, gap = param.gap;
-                return "calc(".concat(100 / itemsPerPageConfig.mobile, "% + ").concat(gap / itemsPerPageConfig.mobile, "px)");
+        }, _defineProperty(_obj, t.mq.tabletOrSmaller, {
+            width: function(param) {
+                var e = param.itemsPerPageConfig, o = param.gap;
+                return "calc(".concat(100 / e.mobile, "% + ").concat(o / e.mobile, "px)");
             },
             "&:first-child": {
-                width: function width(param) {
-                    var itemsPerPageConfig = param.itemsPerPageConfig, gap = param.gap;
-                    return "calc(".concat(100 / itemsPerPageConfig.mobile, "% - ").concat(gap * (itemsPerPageConfig.mobile - 1) / itemsPerPageConfig.mobile, "px)");
+                width: function(param) {
+                    var e = param.itemsPerPageConfig, o = param.gap;
+                    return "calc(".concat(100 / e.mobile, "% - ").concat(o * (e.mobile - 1) / e.mobile, "px)");
                 }
             },
             scrollSnapAlign: "start",
-            scrollMargin: function scrollMargin(param) {
-                var mobilePageOffsetConfig = param.mobilePageOffsetConfig;
-                return "".concat(mobilePageOffsetConfig.prev, "px");
+            scrollMargin: function(param) {
+                var e = param.mobilePageOffsetConfig;
+                return "".concat(e.prev, "px");
             },
             "$hasScroll:not($centered) &": {
-                width: function width(param) {
-                    var itemsPerPageConfig = param.itemsPerPageConfig, mobilePageOffsetConfig = param.mobilePageOffsetConfig, gap = param.gap;
-                    return "calc(".concat(100 / itemsPerPageConfig.mobile, "% - ").concat((mobilePageOffsetConfig.next + mobilePageOffsetConfig.prev + gap) / itemsPerPageConfig.mobile, "px)");
+                width: function(param) {
+                    var e = param.itemsPerPageConfig, o = param.mobilePageOffsetConfig, r = param.gap;
+                    return "calc(".concat(100 / e.mobile, "% - ").concat((o.next + o.prev + r) / e.mobile, "px)");
                 },
                 "&:first-child": {
-                    paddingLeft: function paddingLeft(param) {
-                        var sideMargin = param.sideMargin;
-                        return sideMargin;
+                    paddingLeft: function(param) {
+                        var e = param.sideMargin;
+                        return e;
                     },
-                    width: function width(param) {
-                        var itemsPerPageConfig = param.itemsPerPageConfig, mobilePageOffsetConfig = param.mobilePageOffsetConfig, gap = param.gap, sideMargin = param.sideMargin;
-                        return "calc(".concat(100 / itemsPerPageConfig.mobile, "% - ").concat((mobilePageOffsetConfig.next + mobilePageOffsetConfig.prev + gap) / itemsPerPageConfig.mobile + gap - sideMargin, "px)");
+                    width: function(param) {
+                        var e = param.itemsPerPageConfig, o = param.mobilePageOffsetConfig, r = param.gap, a = param.sideMargin;
+                        return "calc(".concat(100 / e.mobile, "% - ").concat((o.next + o.prev + r) / e.mobile + r - a, "px)");
                     }
                 },
                 "&:last-child": {
-                    paddingRight: function paddingRight(param) {
-                        var sideMargin = param.sideMargin;
-                        return sideMargin;
+                    paddingRight: function(param) {
+                        var e = param.sideMargin;
+                        return e;
                     },
-                    width: function width(param) {
-                        var itemsPerPageConfig = param.itemsPerPageConfig, mobilePageOffsetConfig = param.mobilePageOffsetConfig, gap = param.gap, sideMargin = param.sideMargin;
-                        return "calc(".concat(100 / itemsPerPageConfig.mobile, "% - ").concat((mobilePageOffsetConfig.next + mobilePageOffsetConfig.prev + gap) / itemsPerPageConfig.mobile - sideMargin, "px)");
+                    width: function(param) {
+                        var e = param.itemsPerPageConfig, o = param.mobilePageOffsetConfig, r = param.gap, a = param.sideMargin;
+                        return "calc(".concat(100 / e.mobile, "% - ").concat((o.next + o.prev + r) / e.mobile - a, "px)");
                     }
                 }
             },
             "$centered &": {
-                width: function width() {
+                width: function() {
                     return "50%";
                 },
                 scrollSnapAlign: "center",
-                scrollMargin: function scrollMargin() {
+                scrollMargin: function() {
                     return 0;
                 }
             }
         }), _defineProperty(_obj, "&:not(:empty) ~ &:not(:empty)", {
-            paddingLeft: function paddingLeft(param) {
-                var gap = param.gap;
-                return gap;
+            paddingLeft: function(param) {
+                var e = param.gap;
+                return e;
             }
         }), _defineProperty(_obj, "&:empty", {
             display: "none"
@@ -364,380 +411,284 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
             justifyContent: "center"
         }
     };
-});
-var normalizeItemsPerPage = function normalizeItemsPerPage(itemsPerPage) {
-    var defaultItemsPerPage = {
+}), Ce = function(t) {
+    var e = {
         mobile: 1,
         desktop: 3
     };
-    if (!itemsPerPage) {
-        return defaultItemsPerPage;
-    }
-    if (typeof itemsPerPage === "number") {
-        return {
-            mobile: itemsPerPage,
-            desktop: itemsPerPage
-        };
-    }
-    return _objectSpread({}, defaultItemsPerPage, itemsPerPage);
-};
-var normalizeMobilePageOffset = function normalizeMobilePageOffset(mobilePageOffset) {
-    if (typeof mobilePageOffset === "number") {
-        return {
-            next: mobilePageOffset,
-            prev: mobilePageOffset
-        };
-    }
-    return mobilePageOffset;
-};
-var calcPagesScrollPositions = function calcPagesScrollPositions(itemsScrollPosition, numPages) {
-    if (itemsScrollPosition.length === 0) {
-        return [];
-    }
-    var itemsPerPage = Math.ceil(itemsScrollPosition.length / numPages);
-    var pagesScrollPositions = [];
-    for(var i = 0; i < itemsScrollPosition.length; i += itemsPerPage){
-        pagesScrollPositions.push(itemsScrollPosition[i]);
-    }
-    pagesScrollPositions[pagesScrollPositions.length - 1] = itemsScrollPosition[itemsScrollPosition.length - itemsPerPage];
-    return pagesScrollPositions;
-};
-var calcCurrentPageIndex = function calcCurrentPageIndex(scrollPosition, pagesScrollPositions) {
-    var middlePageScrollPositions = [];
-    for(var i = 0; i < pagesScrollPositions.length; i++){
-        if (i === 0) {
-            middlePageScrollPositions.push(pagesScrollPositions[0]);
-        } else {
-            middlePageScrollPositions.push((pagesScrollPositions[i] + pagesScrollPositions[i - 1]) / 2);
-        }
-    }
-    for(var i1 = middlePageScrollPositions.length - 1; i1 >= 0; i1--){
-        if (scrollPosition - middlePageScrollPositions[i1] >= -1) {
-            return i1;
-        }
-    }
+    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;
+}, te = function(t, e) {
+    if (t.length === 0) return [];
+    var o = Math.ceil(t.length / e), r = [];
+    for(var a = 0; a < t.length; a += o)r.push(t[a]);
+    return r[r.length - 1] = t[t.length - o], r;
+}, ze = function(t, e) {
+    var o = [];
+    for(var r = 0; r < e.length; r++)r === 0 ? o.push(e[0]) : o.push((e[r] + e[r - 1]) / 2);
+    for(var r1 = o.length - 1; r1 >= 0; r1--)if (t - o[r1] >= -1) return r1;
     return 0;
-};
-var DEFAULT_AUTOPLAY_TIME = 5000;
-var BaseCarousel = function BaseCarousel(param) {
-    var items = param.items, itemStyle = param.itemStyle, itemClassName = param.itemClassName, withBullets = param.withBullets, renderBullets = param.renderBullets, initialActiveItem = param.initialActiveItem, itemsPerPage = param.itemsPerPage, itemsToScroll = param.itemsToScroll, _mobilePageOffset = param.mobilePageOffset, mobilePageOffset = _mobilePageOffset === void 0 ? 16 : _mobilePageOffset, gapProp = param.gap, free = param.free, centered = param.centered, autoplay = param.autoplay, onPageChange = param.onPageChange, dataAttributes = param.dataAttributes;
-    var texts = (0, _hooks).useTheme().texts;
-    var containerType = (0, _containerTypeContext).useContainerType();
-    var itemsPerPageConfig = normalizeItemsPerPage(itemsPerPage);
-    var mobilePageOffsetConfig = normalizeMobilePageOffset(mobilePageOffset);
-    var ref4 = (0, _hooks).useScreenSize(), isDesktopOrBigger = ref4.isDesktopOrBigger, isLargeDesktop = ref4.isLargeDesktop;
-    var gap = gapProp !== null && gapProp !== void 0 ? gapProp : isDesktopOrBigger ? 16 : 8;
-    var sideMargin = (0, _responsiveLayout).useResonsiveLayoutMargin();
-    var classes = useStyles({
-        itemsPerPageConfig: itemsPerPageConfig,
-        mobilePageOffsetConfig: mobilePageOffsetConfig,
-        free: free,
-        gap: gap,
-        sideMargin: sideMargin,
-        containerType: containerType,
-        isLargeDesktop: isLargeDesktop
-    });
-    var carouselRef = React.useRef(null);
-    var itemsPerPageFloor = isDesktopOrBigger ? Math.floor(itemsPerPageConfig.desktop) : Math.floor(itemsPerPageConfig.mobile);
-    var pagesCount = Math.ceil(items.length / itemsPerPageFloor);
-    var ref1 = _slicedToArray(React.useState({
+}, fe = 5e3, pe = function(param) {
+    var t = param.items, e = param.itemStyle, o = param.itemClassName, r = param.withBullets, a = param.renderBullets, f = param.initialActiveItem, $ = param.itemsPerPage, d = param.itemsToScroll, tmp = param.mobilePageOffset, p = tmp === void 0 ? 16 : tmp, M = param.gap, A = param.free, R = param.centered, x = param.autoplay, S = param.onPageChange, _ = param.dataAttributes;
+    var ref = (0, _hooksJs.useTheme)(), z = ref.texts, E = (0, _containerTypeContextJs.useContainerType)(), g = Ce($), n = We(p), ref1 = (0, _hooksJs.useScreenSize)(), u = ref1.isDesktopOrBigger, N = ref1.isLargeDesktop, w = M != null ? M : u ? 16 : 8, O = (0, _responsiveLayoutJs.useResonsiveLayoutMargin)(), m = Te({
+        itemsPerPageConfig: g,
+        mobilePageOffsetConfig: n,
+        free: A,
+        gap: w,
+        sideMargin: O,
+        containerType: E,
+        isLargeDesktop: N
+    }), v = _react.useRef(null), B = Math.floor(u ? g.desktop : g.mobile), y = Math.ceil(t.length / B), ref2 = _slicedToArray(_react.useState({
         scrollLeft: 0,
         scrollRight: 0
-    }), 2), ref2 = ref1[0], scrollLeft1 = ref2.scrollLeft, scrollRight1 = ref2.scrollRight, setScroll = ref1[1];
-    var ref3 = _slicedToArray(React.useState([]), 2), itemScrollPositions = ref3[0], setItemScrollPositions = ref3[1];
-    var pagesScrollPositions = React.useMemo(function() {
-        return calcPagesScrollPositions(itemScrollPositions, pagesCount);
+    }), 2), ref3 = ref2[0], K = ref3.scrollLeft, F = ref3.scrollRight, me = ref2[1], ref4 = _slicedToArray(_react.useState([]), 2), X = ref4[0], be = ref4[1], q = _react.useMemo(function() {
+        return te(X, y);
     }, [
-        itemScrollPositions,
-        pagesCount
-    ]);
-    var scrollPositions = itemsToScroll ? calcPagesScrollPositions(itemScrollPositions, Math.ceil(items.length / itemsToScroll)) : pagesScrollPositions;
-    var showNextArrow = scrollRight1 !== 0;
-    var showPrevArrow = scrollLeft1 !== 0;
-    (0, _hooks).useIsomorphicLayoutEffect(function() {
-        if (carouselRef.current) {
-            var carouselEl = carouselRef.current;
-            var handleCarouselChange = function handleCarouselChange() {
-                var scrollWidth = carouselEl.scrollWidth, clientWidth = carouselEl.clientWidth;
-                var scrollLeft = Math.round(carouselEl.scrollLeft);
-                var scrollRight = Math.round(scrollWidth - (scrollLeft + clientWidth));
-                setScroll({
-                    scrollLeft: scrollLeft,
-                    scrollRight: scrollRight
+        X,
+        y
+    ]), D = d ? te(X, Math.ceil(t.length / d)) : q, ve = F !== 0, xe = K !== 0;
+    (0, _hooksJs.useIsomorphicLayoutEffect)(function() {
+        if (v.current) {
+            var s = v.current, c = function() {
+                var P = s.scrollWidth, G = s.clientWidth, I = Math.round(s.scrollLeft), U = Math.round(P - (I + G));
+                me({
+                    scrollLeft: I,
+                    scrollRight: U
                 });
-            };
-            var calcItemScrollPositions = function calcItemScrollPositions() {
-                var maxScroll = carouselEl.scrollWidth - carouselEl.clientWidth;
-                var getItemScrollMargin = function getItemScrollMargin(itemIndex) {
-                    if (centered) {
-                        return 0;
-                    }
-                    if (itemIndex === 0) {
-                        return 0;
-                    }
-                    if (isDesktopOrBigger) {
-                        return -gap;
-                    }
-                    return mobilePageOffsetConfig.prev;
+            }, h = function() {
+                var P = s.scrollWidth - s.clientWidth, G = function(I) {
+                    return R || I === 0 ? 0 : u ? -w : n.prev;
                 };
-                setItemScrollPositions(Array.from(carouselEl.querySelectorAll("[data-item]")).map(function(itemEl, idx) {
-                    if (idx === items.length - 1) {
-                        return maxScroll;
-                    }
-                    var offsetLeft = itemEl.offsetLeft;
-                    var scrollMargin = getItemScrollMargin(idx);
-                    var scrollPosition = centered && !isDesktopOrBigger ? offsetLeft - itemEl.clientWidth / 2 : offsetLeft;
-                    return Math.min(scrollPosition - scrollMargin - carouselEl.offsetLeft, maxScroll);
+                be(Array.from(s.querySelectorAll("[data-item]")).map(function(I, U) {
+                    if (U === t.length - 1) return P;
+                    var Z = I.offsetLeft, we = G(U), Se = R && !u ? Z - I.clientWidth / 2 : Z;
+                    return Math.min(Se - we - s.offsetLeft, P);
                 }));
             };
-            handleCarouselChange();
-            calcItemScrollPositions();
-            carouselEl.addEventListener("scroll", handleCarouselChange);
-            var unlistenResize = (0, _dom).listenResize(carouselEl, function() {
-                handleCarouselChange();
-                calcItemScrollPositions();
+            c(), h(), s.addEventListener("scroll", c);
+            var b = (0, _domJs.listenResize)(s, function() {
+                c(), h();
             });
             return function() {
-                carouselEl.removeEventListener("scroll", handleCarouselChange);
-                unlistenResize();
+                s.removeEventListener("scroll", c), b();
             };
         }
         return function() {};
     }, [
-        itemsPerPageConfig.desktop,
-        itemsPerPageConfig.mobile,
-        mobilePageOffsetConfig.next,
-        mobilePageOffsetConfig.prev,
-        pagesCount,
-        gap,
-        centered,
-        isDesktopOrBigger,
-        sideMargin,
-        items.length, 
+        g.desktop,
+        g.mobile,
+        n.next,
+        n.prev,
+        y,
+        w,
+        R,
+        u,
+        O,
+        t.length
     ]);
-    var goToPage = React.useCallback(function(pageIndex) {
-        var carouselEl = carouselRef.current;
-        if (carouselEl) {
-            var scroll = pagesScrollPositions[pageIndex];
-            carouselEl.scrollTo({
-                left: scroll,
+    var j = _react.useCallback(function(s) {
+        var c = v.current;
+        if (c) {
+            var h = q[s];
+            c.scrollTo({
+                left: h,
                 behavior: "smooth"
             });
         }
     }, [
-        pagesScrollPositions
-    ]);
-    var goPrev = React.useCallback(function() {
-        var carouselEl = carouselRef.current;
-        if (carouselEl) {
-            var scrollLeft = carouselEl.scrollLeft;
-            var prevPageScrollPosition = _toConsumableArray(scrollPositions).reverse().find(function(pos) {
-                return pos - scrollLeft < -1;
+        q
+    ]), ge = _react.useCallback(function() {
+        var s = v.current;
+        if (s) {
+            var c = s.scrollLeft, h = _toConsumableArray(D).reverse().find(function(b) {
+                return b - c < -1;
             });
-            carouselEl.scrollTo({
-                left: prevPageScrollPosition,
+            s.scrollTo({
+                left: h,
                 behavior: "smooth"
             });
         }
     }, [
-        scrollPositions
-    ]);
-    var goNext = React.useCallback(function() {
-        var carouselEl = carouselRef.current;
-        if (carouselEl) {
-            var scrollLeft = carouselEl.scrollLeft;
-            var nextPageScrollPosition = scrollPositions.find(function(pos) {
-                return pos - scrollLeft > 1;
+        D
+    ]), Y = _react.useCallback(function() {
+        var s = v.current;
+        if (s) {
+            var c = s.scrollLeft, h = D.find(function(b) {
+                return b - c > 1;
             });
-            carouselEl.scrollTo({
-                left: nextPageScrollPosition,
+            s.scrollTo({
+                left: h,
                 behavior: "smooth"
             });
         }
     }, [
-        scrollPositions
-    ]);
-    var shouldAutoplay = useShouldAutoplay(!!autoplay, carouselRef);
-    React.useEffect(function() {
-        if (initialActiveItem !== undefined) {
-            goToPage(Math.floor(initialActiveItem / itemsPerPageFloor));
-        }
+        D
+    ]), Q = ae(!!x, v);
+    _react.useEffect(function() {
+        f !== void 0 && j(Math.floor(f / B));
     }, [
-        initialActiveItem,
-        goToPage,
-        itemsPerPageFloor
-    ]);
-    React.useEffect(function() {
-        if (shouldAutoplay && autoplay) {
-            var time = typeof autoplay === "boolean" ? DEFAULT_AUTOPLAY_TIME : autoplay.time;
-            var loop = typeof autoplay === "object" && autoplay.loop;
-            var interval = setInterval(function() {
-                if (scrollRight1 !== 0) {
-                    goNext();
-                } else if (loop) {
-                    var ref;
-                    (ref = carouselRef.current) === null || ref === void 0 ? void 0 : ref.scrollTo({
-                        left: 0,
-                        behavior: "smooth"
-                    });
-                }
-            }, time);
+        f,
+        j,
+        B
+    ]), _react.useEffect(function() {
+        if (Q && x) {
+            var s = typeof x == "boolean" ? fe : x.time, c = typeof x == "object" && x.loop, h = setInterval(function() {
+                var b;
+                F !== 0 ? Y() : c && ((b = v.current) == null || b.scrollTo({
+                    left: 0,
+                    behavior: "smooth"
+                }));
+            }, s);
             return function() {
-                return clearInterval(interval);
+                return clearInterval(h);
             };
         }
     }, [
-        autoplay,
-        goNext,
-        scrollRight1,
-        shouldAutoplay
+        x,
+        Y,
+        F,
+        Q
     ]);
-    var currentPageIndex = calcCurrentPageIndex(scrollLeft1, pagesScrollPositions);
-    React.useEffect(function() {
-        if (onPageChange) {
-            var lastShownItemIndex = Math.min((currentPageIndex + 1) * itemsPerPageFloor - 1, items.length - 1);
-            var shownItemIndexes = [];
-            for(var i = 0; i < itemsPerPageFloor; i++){
-                var idx = lastShownItemIndex - i;
-                if (idx >= 0) {
-                    shownItemIndexes.unshift(idx);
-                }
+    var T = ze(K, q);
+    _react.useEffect(function() {
+        if (S) {
+            var s = Math.min((T + 1) * B - 1, t.length - 1), c = [];
+            for(var h = 0; h < B; h++){
+                var b = s - h;
+                b >= 0 && c.unshift(b);
             }
-            onPageChange({
-                pageIndex: currentPageIndex,
-                shownItemIndexes: shownItemIndexes
+            S({
+                pageIndex: T,
+                shownItemIndexes: c
             });
         }
     }, [
-        currentPageIndex,
-        items.length,
-        itemsPerPageFloor,
-        onPageChange
+        T,
+        t.length,
+        B,
+        S
     ]);
-    var bullets = null;
-    if (renderBullets) {
-        bullets = renderBullets({
-            numPages: pagesCount,
-            currentIndex: currentPageIndex,
-            onPress: goToPage
-        });
-    } else if (withBullets) {
-        bullets = pagesCount > 1 && /*#__PURE__*/ (0, _jsxRuntime).jsx(PageBullets, {
-            numPages: pagesCount,
-            currentIndex: currentPageIndex,
-            onPress: goToPage
-        });
-    }
+    var V = null;
     var _obj;
-    return /*#__PURE__*/ (0, _jsxRuntime).jsxs(_stack.default, {
+    return a ? V = a({
+        numPages: y,
+        currentIndex: T,
+        onPress: j
+    }) : r && (V = y > 1 && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(de, {
+        numPages: y,
+        currentIndex: T,
+        onPress: j
+    })), /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
         space: 24,
-        dataAttributes: dataAttributes,
+        dataAttributes: _,
         children: [
-            /*#__PURE__*/ (0, _jsxRuntime).jsxs("div", {
-                className: classes.carouselContainer,
+            /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("div", {
+                className: m.carouselContainer,
                 children: [
-                    /*#__PURE__*/ (0, _jsxRuntime).jsx(_themeVariantContext.ThemeVariant, {
-                        isInverse: false,
-                        children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, {
-                            className: (0, _classnames).default(classes.arrowButton, "prev"),
-                            "aria-label": texts.carouselPrevButton,
-                            onPress: goPrev,
-                            disabled: !showPrevArrow,
-                            children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconChevronLeftRegular.default, {})
+                    /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_themeVariantContextJs.ThemeVariant, {
+                        isInverse: !1,
+                        children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.default, {
+                            className: (0, _classnames.default)(m.arrowButton, "prev"),
+                            "aria-label": z.carouselPrevButton,
+                            onPress: ge,
+                            disabled: !xe,
+                            children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconChevronLeftRegularJs.default, {})
                         })
                     }),
-                    /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
-                        className: (0, _classnames).default(classes.carousel, (_obj = {}, _defineProperty(_obj, classes.centered, centered), _defineProperty(_obj, classes.hasScroll, pagesCount > 1), _obj)),
-                        ref: carouselRef,
-                        children: items.map(function(item, index) {
-                            return /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
-                                className: (0, _classnames).default(classes.item, itemClassName),
-                                style: itemStyle,
-                                "data-item": true,
-                                children: item
-                            }, index);
+                    /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
+                        className: (0, _classnames.default)(m.carousel, (_obj = {}, _defineProperty(_obj, m.centered, R), _defineProperty(_obj, m.hasScroll, y > 1), _obj)),
+                        ref: v,
+                        children: t.map(function(s, c) {
+                            return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
+                                className: (0, _classnames.default)(m.item, o),
+                                style: e,
+                                "data-item": !0,
+                                children: s
+                            }, c);
                         })
                     }),
-                    /*#__PURE__*/ (0, _jsxRuntime).jsx(_themeVariantContext.ThemeVariant, {
-                        isInverse: false,
-                        children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, {
-                            className: (0, _classnames).default(classes.arrowButton, "next"),
-                            "aria-label": texts.carouselNextButton,
-                            onPress: goNext,
-                            disabled: !showNextArrow,
-                            children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconChevronRightRegular.default, {})
+                    /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_themeVariantContextJs.ThemeVariant, {
+                        isInverse: !1,
+                        children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.default, {
+                            className: (0, _classnames.default)(m.arrowButton, "next"),
+                            "aria-label": z.carouselNextButton,
+                            onPress: Y,
+                            disabled: !ve,
+                            children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconChevronRightRegularJs.default, {})
                         })
                     })
                 ]
             }),
-            bullets && /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
-                className: classes.bullets,
-                children: bullets
+            V && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
+                className: m.bullets,
+                children: V
             })
         ]
     });
-};
-var Carousel = function Carousel(props) {
-    return /*#__PURE__*/ (0, _jsxRuntime).jsx(BaseCarousel, _objectSpread({}, props));
-};
-exports.Carousel = Carousel;
-var CenteredCarousel = function CenteredCarousel(param) {
-    var items = param.items, itemStyle = param.itemStyle, itemClassName = param.itemClassName, withBullets = param.withBullets, renderBullets = param.renderBullets, initialActiveItem = param.initialActiveItem, onPageChange = param.onPageChange, dataAttributes = param.dataAttributes;
-    return /*#__PURE__*/ (0, _jsxRuntime).jsx(BaseCarousel, {
-        items: items,
-        itemStyle: itemStyle,
-        itemClassName: itemClassName,
+}, tt = function(t) {
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(pe, _objectSpread({}, t));
+}, ot = function(param) {
+    var t = param.items, e = param.itemStyle, o = param.itemClassName, r = param.withBullets, a = param.renderBullets, f = param.initialActiveItem, $ = param.onPageChange, d = param.dataAttributes;
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(pe, {
+        items: t,
+        itemStyle: e,
+        itemClassName: o,
         itemsPerPage: {
             mobile: 1,
             desktop: 3
         },
-        centered: true,
+        centered: !0,
         itemsToScroll: 1,
         mobilePageOffset: 0,
         gap: 0,
-        withBullets: withBullets,
-        renderBullets: renderBullets,
-        initialActiveItem: initialActiveItem,
-        onPageChange: onPageChange,
-        dataAttributes: dataAttributes
+        withBullets: r,
+        renderBullets: a,
+        initialActiveItem: f,
+        onPageChange: $,
+        dataAttributes: d
     });
-};
-exports.CenteredCarousel = CenteredCarousel;
-var useSlideshowStyles = (0, _jss).createUseStyles(function(theme) {
+}, Oe = (0, _jssJs.createUseStyles)(function(t) {
     return {
         slideshowContainer: {
             position: "relative"
         },
-        slideshow: _objectSpread({
+        slideshow: _objectSpreadProps(_objectSpread({
             display: "flex",
             overflowX: "auto",
             minWidth: "100%",
             scrollSnapType: "x mandatory"
-        }, hideScrollbar, _defineProperty({}, theme.mq.tabletOrSmaller, {
-            margin: function margin(param) {
-                var sideMargin = param.sideMargin;
-                return "0 -".concat(sideMargin, "px");
+        }, ue), _defineProperty({}, t.mq.tabletOrSmaller, {
+            margin: function(param) {
+                var e = param.sideMargin;
+                return "0 -".concat(e, "px");
             }
         })),
         item: {
             width: "100%",
-            scrollSnapStop: (0, _platform).isAndroid(theme.platformOverrides) ? "always" : "normal",
+            scrollSnapStop: (0, _platformJs.isAndroid)(t.platformOverrides) ? "always" : "normal",
             scrollSnapAlign: "start",
             flexShrink: 0
         },
-        arrowButton: _objectSpread({}, arrowButtonStyle(theme), {
+        arrowButton: _objectSpreadProps(_objectSpread({}, he(t)), {
             border: "none",
             position: "absolute",
             zIndex: 2,
-            top: "calc(50% - ".concat(arrowButtonSize / 2, "px)"),
+            top: "calc(50% - ".concat(L / 2, "px)"),
             "&.prev": _defineProperty({
                 left: 24
-            }, theme.mq.tabletOrSmaller, {
+            }, t.mq.tabletOrSmaller, {
                 left: 0
             }),
             "&.next": _defineProperty({
                 right: 24
-            }, theme.mq.tabletOrSmaller, {
+            }, t.mq.tabletOrSmaller, {
                 right: 0
             })
         }),
@@ -750,144 +701,115 @@ var useSlideshowStyles = (0, _jss).createUseStyles(function(theme) {
             zIndex: 2
         }
     };
-});
-var Slideshow = function Slideshow(param) {
-    var items = param.items, withBullets = param.withBullets, autoplay = param.autoplay, onPageChange = param.onPageChange, dataAttributes = param.dataAttributes;
-    var texts = (0, _hooks).useTheme().texts;
-    var sideMargin = (0, _responsiveLayout).useResonsiveLayoutMargin();
-    var classes = useSlideshowStyles({
-        sideMargin: sideMargin
-    });
-    var carouselRef = React.useRef(null);
-    var ref6 = _slicedToArray(React.useState({
+}), rt = function(param) {
+    var t = param.items, e = param.withBullets, o = param.autoplay, r = param.onPageChange, a = param.dataAttributes;
+    var ref = (0, _hooksJs.useTheme)(), f = ref.texts, $ = (0, _responsiveLayoutJs.useResonsiveLayoutMargin)(), d = Oe({
+        sideMargin: $
+    }), p = _react.useRef(null), ref1 = _slicedToArray(_react.useState({
         scrollLeft: 0,
         scrollRight: 0
-    }), 2), ref5 = ref6[0], scrollLeft2 = ref5.scrollLeft, scrollRight2 = ref5.scrollRight, setScroll = ref6[1];
-    var goPrev = React.useCallback(function() {
-        var carouselEl = carouselRef.current;
-        if (carouselEl) {
-            carouselEl.scrollBy({
-                left: -carouselEl.clientWidth,
-                behavior: "smooth"
-            });
-        }
-    }, []);
-    var goNext = React.useCallback(function() {
-        var carouselEl = carouselRef.current;
-        if (carouselEl) {
-            carouselEl.scrollBy({
-                left: carouselEl.clientWidth,
-                behavior: "smooth"
-            });
-        }
-    }, []);
-    var showNextArrow = scrollRight2 !== 0;
-    var showPrevArrow = scrollLeft2 !== 0;
-    var currentIndex = carouselRef.current ? Math.floor((scrollLeft2 + carouselRef.current.clientWidth / 2) / carouselRef.current.clientWidth) : 0;
-    React.useLayoutEffect(function() {
-        var carouselEl = carouselRef.current;
-        if (carouselEl) {
-            var handleCarouselChange = function handleCarouselChange() {
-                var scrollWidth = carouselEl.scrollWidth, clientWidth = carouselEl.clientWidth;
-                var scrollLeft = Math.round(carouselEl.scrollLeft);
-                var scrollRight = Math.round(scrollWidth - (scrollLeft + clientWidth));
-                setScroll({
-                    scrollLeft: scrollLeft,
-                    scrollRight: scrollRight
+    }), 2), ref2 = ref1[0], M = ref2.scrollLeft, A = ref2.scrollRight, R = ref1[1], x = _react.useCallback(function() {
+        var n = p.current;
+        n && n.scrollBy({
+            left: -n.clientWidth,
+            behavior: "smooth"
+        });
+    }, []), S = _react.useCallback(function() {
+        var n = p.current;
+        n && n.scrollBy({
+            left: n.clientWidth,
+            behavior: "smooth"
+        });
+    }, []), _ = A !== 0, z = M !== 0, E = p.current ? Math.floor((M + p.current.clientWidth / 2) / p.current.clientWidth) : 0;
+    _react.useLayoutEffect(function() {
+        var n = p.current;
+        if (n) {
+            var u = function() {
+                var w = n.scrollWidth, O = n.clientWidth, m = Math.round(n.scrollLeft), v = Math.round(w - (m + O));
+                R({
+                    scrollLeft: m,
+                    scrollRight: v
                 });
             };
-            handleCarouselChange();
-            carouselEl.addEventListener("scroll", handleCarouselChange);
-            var unlistenResize = (0, _dom).listenResize(carouselEl, handleCarouselChange);
+            u(), n.addEventListener("scroll", u);
+            var N = (0, _domJs.listenResize)(n, u);
             return function() {
-                carouselEl.removeEventListener("scroll", handleCarouselChange);
-                unlistenResize();
+                n.removeEventListener("scroll", u), N();
             };
         }
     }, [
-        items.length
+        t.length
     ]);
-    var shouldAutoplay = useShouldAutoplay(!!autoplay, carouselRef);
-    React.useEffect(function() {
-        if (shouldAutoplay && autoplay) {
-            var time = typeof autoplay === "boolean" ? DEFAULT_AUTOPLAY_TIME : autoplay.time;
-            var loop = typeof autoplay === "object" && autoplay.loop;
-            var interval = setInterval(function() {
-                if (scrollRight2 !== 0) {
-                    goNext();
-                } else if (loop) {
-                    var ref;
-                    (ref = carouselRef.current) === null || ref === void 0 ? void 0 : ref.scrollTo({
-                        left: 0,
-                        behavior: "smooth"
-                    });
-                }
-            }, time);
+    var g = ae(!!o, p);
+    return _react.useEffect(function() {
+        if (g && o) {
+            var n = typeof o == "boolean" ? fe : o.time, u = typeof o == "object" && o.loop, N = setInterval(function() {
+                var w;
+                A !== 0 ? S() : u && ((w = p.current) == null || w.scrollTo({
+                    left: 0,
+                    behavior: "smooth"
+                }));
+            }, n);
             return function() {
-                return clearInterval(interval);
+                return clearInterval(N);
             };
         }
     }, [
-        autoplay,
-        goNext,
-        scrollRight2,
-        shouldAutoplay
-    ]);
-    React.useEffect(function() {
-        if (onPageChange) {
-            onPageChange(currentIndex);
-        }
+        o,
+        S,
+        A,
+        g
+    ]), _react.useEffect(function() {
+        r && r(E);
     }, [
-        currentIndex,
-        onPageChange
-    ]);
-    return /*#__PURE__*/ (0, _jsxRuntime).jsxs("div", _objectSpread({
-        className: classes.slideshowContainer
-    }, (0, _dom).getPrefixedDataAttributes(dataAttributes), {
+        E,
+        r
+    ]), /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("div", _objectSpreadProps(_objectSpread({
+        className: d.slideshowContainer
+    }, (0, _domJs.getPrefixedDataAttributes)(a)), {
         children: [
-            /*#__PURE__*/ (0, _jsxRuntime).jsx(_themeVariantContext.ThemeVariant, {
-                isInverse: false,
-                children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, {
-                    className: (0, _classnames).default(classes.arrowButton, "prev"),
-                    "aria-label": texts.carouselPrevButton,
-                    onPress: goPrev,
-                    disabled: !showPrevArrow,
-                    children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconChevronLeftRegular.default, {})
+            /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_themeVariantContextJs.ThemeVariant, {
+                isInverse: !1,
+                children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.default, {
+                    className: (0, _classnames.default)(d.arrowButton, "prev"),
+                    "aria-label": f.carouselPrevButton,
+                    onPress: x,
+                    disabled: !z,
+                    children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconChevronLeftRegularJs.default, {})
                 })
             }),
-            /*#__PURE__*/ (0, _jsxRuntime).jsx(_image.DisableBorderRadiusProvider, {
-                children: /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
-                    className: classes.slideshow,
-                    ref: carouselRef,
-                    children: items.map(function(item, index) {
-                        return /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
-                            className: classes.item,
-                            children: item
-                        }, index);
+            /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_imageJs.DisableBorderRadiusProvider, {
+                children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
+                    className: d.slideshow,
+                    ref: p,
+                    children: t.map(function(n, u) {
+                        return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
+                            className: d.item,
+                            children: n
+                        }, u);
                     })
                 })
             }),
-            /*#__PURE__*/ (0, _jsxRuntime).jsx(_themeVariantContext.ThemeVariant, {
-                isInverse: false,
-                children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, {
-                    className: (0, _classnames).default(classes.arrowButton, "next"),
-                    "aria-label": texts.carouselNextButton,
-                    onPress: goNext,
-                    disabled: !showNextArrow,
-                    children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconChevronRightRegular.default, {})
+            /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_themeVariantContextJs.ThemeVariant, {
+                isInverse: !1,
+                children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.default, {
+                    className: (0, _classnames.default)(d.arrowButton, "next"),
+                    "aria-label": f.carouselNextButton,
+                    onPress: S,
+                    disabled: !_,
+                    children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconChevronRightRegularJs.default, {})
                 })
             }),
-            withBullets && items.length > 1 && /*#__PURE__*/ (0, _jsxRuntime).jsx(_themeVariantContext.ThemeVariant, {
-                isInverse: true,
-                children: /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
-                    className: classes.bullets,
-                    children: /*#__PURE__*/ (0, _jsxRuntime).jsx(PageBullets, {
-                        numPages: items.length,
-                        currentIndex: currentIndex
+            e && t.length > 1 && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_themeVariantContextJs.ThemeVariant, {
+                isInverse: !0,
+                children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
+                    className: d.bullets,
+                    children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(de, {
+                        numPages: t.length,
+                        currentIndex: E
                     })
                 })
             })
         ]
     }));
 };
-exports.Slideshow = Slideshow;