@lanaco/lnc-react-ui 4.0.134 → 4.0.136

package/dist/BannerSectionCarousel.js

@@ -1,113 +1,114 @@
-import { jsx as x, jsxs as z } from "react/jsx-runtime";
-import A, { forwardRef as ft } from "react";
-import { c as N, g as mt } from "./_commonjsHelpers-BkfeUUK-.js";
-import { P as U } from "./index-CblbdqjE.js";
-import vt from "./Button.js";
-import { u as gt } from "./useDetectMobile-Bkvj0VMa.js";
-import { s as yt } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-var q = {}, J = {}, m = {}, B = {};
+import { jsxs as G, jsx as C, Fragment as ut } from "react/jsx-runtime";
+import k, { Suspense as gt, forwardRef as yt } from "react";
+import { c as B, g as St } from "./_commonjsHelpers-BkfeUUK-.js";
+import { P as W } from "./index-CblbdqjE.js";
+import { s as dt } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { o as X } from "./utils-BPdU4_1q.js";
+import Tt from "./Button.js";
+import { u as wt } from "./useDetectMobile-Bkvj0VMa.js";
+var J = {}, Q = {}, m = {}, $ = {};
 (function(o) {
-  function i(n, s, l) {
-    var u = s.slidesToShow, h = s.currentSlide;
-    return l.length > 2 * u ? n + 2 * u : h >= l.length ? l.length + n : n;
+  function i(l, n, a) {
+    var u = n.slidesToShow, d = n.currentSlide;
+    return a.length > 2 * u ? l + 2 * u : d >= a.length ? a.length + l : l;
   }
-  function t(n, s) {
-    if (s.length > 2 * n) {
-      for (var l = {}, u = s.length - 2 * n, h = s.length - u, c = u, d = 0; d < h; d++) l[d] = c, c++;
-      var p = s.length + h, f = p + s.slice(0, 2 * n).length, g = 0;
-      for (d = p; d <= f; d++) l[d] = g, g++;
+  function t(l, n) {
+    if (n.length > 2 * l) {
+      for (var a = {}, u = n.length - 2 * l, d = n.length - u, c = u, h = 0; h < d; h++) a[h] = c, c++;
+      var p = n.length + d, f = p + n.slice(0, 2 * l).length, g = 0;
+      for (h = p; h <= f; h++) a[h] = g, g++;
       var w = p, b = 0;
-      for (d = h; d < w; d++) l[d] = b, b++;
-      return l;
+      for (h = d; h < w; h++) a[h] = b, b++;
+      return a;
     }
-    l = {};
-    var _ = 3 * s.length, y = 0;
-    for (d = 0; d < _; d++) l[d] = y, ++y === s.length && (y = 0);
-    return l;
+    a = {};
+    var _ = 3 * n.length, y = 0;
+    for (h = 0; h < _; h++) a[h] = y, ++y === n.length && (y = 0);
+    return a;
   }
-  function e(n, s) {
-    return s.length < n ? s : s.length > 2 * n ? s.slice(s.length - 2 * n, s.length).concat(s, s.slice(0, 2 * n)) : s.concat(s, s);
+  function e(l, n) {
+    return n.length < l ? n : n.length > 2 * l ? n.slice(n.length - 2 * l, n.length).concat(n, n.slice(0, 2 * l)) : n.concat(n, n);
   }
-  function r(n, s) {
-    return s.length > 2 * n ? 2 * n : s.length;
+  function r(l, n) {
+    return n.length > 2 * l ? 2 * l : n.length;
   }
-  function a(n, s, l) {
-    var u, h = n.currentSlide, c = n.slidesToShow, d = n.itemWidth, p = n.totalItems, f = 0, g = 0, w = h === 0, b = s.length - (s.length - 2 * c);
-    return s.length < c ? (g = f = 0, w = u = !1) : s.length > 2 * c ? ((u = h >= b + s.length) && (g = -d * (f = h - s.length)), w && (g = -d * (f = b + (s.length - 2 * c)))) : ((u = h >= 2 * s.length) && (g = -d * (f = h - s.length)), w && (g = l.showDots ? -d * (f = s.length) : -d * (f = p / 3))), { isReachingTheEnd: u, isReachingTheStart: w, nextSlide: f, nextPosition: g };
+  function s(l, n, a) {
+    var u, d = l.currentSlide, c = l.slidesToShow, h = l.itemWidth, p = l.totalItems, f = 0, g = 0, w = d === 0, b = n.length - (n.length - 2 * c);
+    return n.length < c ? (g = f = 0, w = u = !1) : n.length > 2 * c ? ((u = d >= b + n.length) && (g = -h * (f = d - n.length)), w && (g = -h * (f = b + (n.length - 2 * c)))) : ((u = d >= 2 * n.length) && (g = -h * (f = d - n.length)), w && (g = a.showDots ? -h * (f = n.length) : -h * (f = p / 3))), { isReachingTheEnd: u, isReachingTheStart: w, nextSlide: f, nextPosition: g };
   }
-  Object.defineProperty(o, "__esModule", { value: !0 }), o.getOriginalCounterPart = i, o.getOriginalIndexLookupTableByClones = t, o.getClones = e, o.getInitialSlideInInfiniteMode = r, o.checkClonesPosition = a;
-})(B);
+  Object.defineProperty(o, "__esModule", { value: !0 }), o.getOriginalCounterPart = i, o.getOriginalIndexLookupTableByClones = t, o.getClones = e, o.getInitialSlideInInfiniteMode = r, o.checkClonesPosition = s;
+})($);
 var O = {};
 Object.defineProperty(O, "__esModule", { value: !0 });
-var rt = !1;
-function St(o, i, t, e) {
-  var r = 0, a = e || t;
-  return i && a && (!rt && process.env.NODE_ENV !== "production" && o[a].paritialVisibilityGutter && (rt = !0, console.warn("You appear to be using paritialVisibilityGutter instead of partialVisibilityGutter which will be moved to partialVisibilityGutter in the future completely")), r = o[a].partialVisibilityGutter || o[a].paritialVisibilityGutter), r;
+var nt = !1;
+function bt(o, i, t, e) {
+  var r = 0, s = e || t;
+  return i && s && (!nt && process.env.NODE_ENV !== "production" && o[s].paritialVisibilityGutter && (nt = !0, console.warn("You appear to be using paritialVisibilityGutter instead of partialVisibilityGutter which will be moved to partialVisibilityGutter in the future completely")), r = o[s].partialVisibilityGutter || o[s].paritialVisibilityGutter), r;
 }
-function Tt(o, i) {
+function _t(o, i) {
   var t;
   return i[o] && (t = (100 / i[o].items).toFixed(1)), t;
 }
-function wt(o, i, t) {
+function Ct(o, i, t) {
   return Math.round(t / (i + (o.centerMode ? 1 : 0)));
 }
-O.getPartialVisibilityGutter = St, O.getWidthFromDeviceType = Tt, O.getItemClientSideWidth = wt;
+O.getPartialVisibilityGutter = bt, O.getWidthFromDeviceType = _t, O.getItemClientSideWidth = Ct;
 var S = {};
 Object.defineProperty(S, "__esModule", { value: !0 });
-var K = O;
-function Q(o) {
+var q = O;
+function Z(o) {
   var i = o.slidesToShow;
   return o.totalItems < i;
 }
-function bt(o, i) {
-  var t, e = o.domLoaded, r = o.slidesToShow, a = o.containerWidth, n = o.itemWidth, s = i.deviceType, l = i.responsive, u = i.ssr, h = i.partialVisbile, c = i.partialVisible, d = !!(e && r && a && n);
-  u && s && !d && (t = K.getWidthFromDeviceType(s, l));
-  var p = !!(u && s && !d && t);
-  return { shouldRenderOnSSR: p, flexBisis: t, domFullyLoaded: d, partialVisibilityGutter: K.getPartialVisibilityGutter(l, h || c, s, o.deviceType), shouldRenderAtAll: p || d };
+function It(o, i) {
+  var t, e = o.domLoaded, r = o.slidesToShow, s = o.containerWidth, l = o.itemWidth, n = i.deviceType, a = i.responsive, u = i.ssr, d = i.partialVisbile, c = i.partialVisible, h = !!(e && r && s && l);
+  u && n && !h && (t = q.getWidthFromDeviceType(n, a));
+  var p = !!(u && n && !h && t);
+  return { shouldRenderOnSSR: p, flexBisis: t, domFullyLoaded: h, partialVisibilityGutter: q.getPartialVisibilityGutter(a, d || c, n, o.deviceType), shouldRenderAtAll: p || h };
 }
-function _t(o, i) {
+function Mt(o, i) {
   var t = i.currentSlide, e = i.slidesToShow;
   return t <= o && o < t + e;
 }
-function lt(o, i, t) {
+function ht(o, i, t) {
   var e = t || o.transform;
-  return !i.infinite && o.currentSlide === 0 || Q(o) ? e : e + o.itemWidth / 2;
+  return !i.infinite && o.currentSlide === 0 || Z(o) ? e : e + o.itemWidth / 2;
 }
-function Ct(o) {
+function Pt(o) {
   return !(0 < o.currentSlide);
 }
-function ut(o) {
+function ct(o) {
   var i = o.currentSlide, t = o.totalItems;
   return !(i + o.slidesToShow < t);
 }
-function ht(o, i, t, e) {
+function pt(o, i, t, e) {
   i === void 0 && (i = 0);
-  var r = o.currentSlide, a = o.slidesToShow, n = ut(o), s = !t.infinite && n, l = e || o.transform;
-  if (Q(o)) return l;
-  var u = l + r * i;
-  return s ? u + (o.containerWidth - (o.itemWidth - i) * a) : u;
+  var r = o.currentSlide, s = o.slidesToShow, l = ct(o), n = !t.infinite && l, a = e || o.transform;
+  if (Z(o)) return a;
+  var u = a + r * i;
+  return n ? u + (o.containerWidth - (o.itemWidth - i) * s) : u;
 }
-function dt(o, i) {
+function ft(o, i) {
   return o.rtl ? -1 * i : i;
 }
-function It(o, i, t) {
-  var e = i.partialVisbile, r = i.partialVisible, a = i.responsive, n = i.deviceType, s = i.centerMode, l = t || o.transform, u = K.getPartialVisibilityGutter(a, e || r, n, o.deviceType);
-  return dt(i, r || e ? ht(o, u, i, t) : s ? lt(o, i, t) : l);
+function xt(o, i, t) {
+  var e = i.partialVisbile, r = i.partialVisible, s = i.responsive, l = i.deviceType, n = i.centerMode, a = t || o.transform, u = q.getPartialVisibilityGutter(s, e || r, l, o.deviceType);
+  return ft(i, r || e ? pt(o, u, i, t) : n ? ht(o, i, t) : a);
 }
-function Mt(o, i) {
-  var t = o.domLoaded, e = o.slidesToShow, r = o.containerWidth, a = o.itemWidth, n = i.deviceType, s = i.responsive, l = i.slidesToSlide || 1, u = !!(t && e && r && a);
-  return i.ssr && i.deviceType && !u && Object.keys(s).forEach(function(h) {
-    var c = s[h].slidesToSlide;
-    n === h && c && (l = c);
-  }), u && Object.keys(s).forEach(function(h) {
-    var c = s[h], d = c.breakpoint, p = c.slidesToSlide, f = d.max, g = d.min;
-    p && window.innerWidth >= g && window.innerWidth <= f && (l = p);
-  }), l;
+function Et(o, i) {
+  var t = o.domLoaded, e = o.slidesToShow, r = o.containerWidth, s = o.itemWidth, l = i.deviceType, n = i.responsive, a = i.slidesToSlide || 1, u = !!(t && e && r && s);
+  return i.ssr && i.deviceType && !u && Object.keys(n).forEach(function(d) {
+    var c = n[d].slidesToSlide;
+    l === d && c && (a = c);
+  }), u && Object.keys(n).forEach(function(d) {
+    var c = n[d], h = c.breakpoint, p = c.slidesToSlide, f = h.max, g = h.min;
+    p && window.innerWidth >= g && window.innerWidth <= f && (a = p);
+  }), a;
 }
-S.notEnoughChildren = Q, S.getInitialState = bt, S.getIfSlideIsVisbile = _t, S.getTransformForCenterMode = lt, S.isInLeftEnd = Ct, S.isInRightEnd = ut, S.getTransformForPartialVsibile = ht, S.parsePosition = dt, S.getTransform = It, S.getSlidesToSlide = Mt;
-var Z = {};
-Object.defineProperty(Z, "__esModule", { value: !0 });
-var Pt = function(o, i, t) {
+S.notEnoughChildren = Z, S.getInitialState = It, S.getIfSlideIsVisbile = Mt, S.getTransformForCenterMode = ht, S.isInLeftEnd = Pt, S.isInRightEnd = ct, S.getTransformForPartialVsibile = pt, S.parsePosition = ft, S.getTransform = xt, S.getSlidesToSlide = Et;
+var H = {};
+Object.defineProperty(H, "__esModule", { value: !0 });
+var Rt = function(o, i, t) {
   var e;
   return function() {
     var r = arguments;
@@ -116,71 +117,71 @@ var Pt = function(o, i, t) {
     }, i));
   };
 };
-Z.default = Pt;
-var ct = {};
+H.default = Rt;
+var mt = {};
 (function(o) {
   function i(t, e) {
-    var r = e.partialVisbile, a = e.partialVisible, n = e.centerMode, s = e.ssr, l = e.responsive;
-    if ((r || a) && n) throw new Error("center mode can not be used at the same time with partialVisible");
-    if (!l) throw s ? new Error("ssr mode need to be used in conjunction with responsive prop") : new Error("Responsive prop is needed for deciding the amount of items to show on the screen");
-    if (l && typeof l != "object") throw new Error("responsive prop must be an object");
+    var r = e.partialVisbile, s = e.partialVisible, l = e.centerMode, n = e.ssr, a = e.responsive;
+    if ((r || s) && l) throw new Error("center mode can not be used at the same time with partialVisible");
+    if (!a) throw n ? new Error("ssr mode need to be used in conjunction with responsive prop") : new Error("Responsive prop is needed for deciding the amount of items to show on the screen");
+    if (a && typeof a != "object") throw new Error("responsive prop must be an object");
   }
   Object.defineProperty(o, "__esModule", { value: !0 }), o.default = i;
-})(ct);
-var H = {};
-Object.defineProperty(H, "__esModule", { value: !0 });
-var Et = S;
-function Rt(o, i, t) {
-  t === void 0 && (t = 0);
-  var e, r, a = o.slidesToShow, n = o.currentSlide, s = o.itemWidth, l = o.totalItems, u = Et.getSlidesToSlide(o, i), h = n + 1 + t + a + (0 < t ? 0 : u);
-  return r = h <= l ? -s * (e = n + t + (0 < t ? 0 : u)) : l < h && n !== l - a ? -s * (e = l - a) : e = void 0, { nextSlides: e, nextPosition: r };
-}
-H.populateNextSlides = Rt;
+})(mt);
 var tt = {};
 Object.defineProperty(tt, "__esModule", { value: !0 });
-var xt = A, Ot = S, At = S;
-function Wt(o, i, t) {
+var Ot = S;
+function kt(o, i, t) {
   t === void 0 && (t = 0);
-  var e, r, a = o.currentSlide, n = o.itemWidth, s = o.slidesToShow, l = i.children, u = i.showDots, h = i.infinite, c = Ot.getSlidesToSlide(o, i), d = a - t - (0 < t ? 0 : c), p = (xt.Children.toArray(l).length - s) % c;
-  return r = 0 <= d ? (e = d, u && !h && 0 < p && At.isInRightEnd(o) && (e = a - p), -n * e) : e = d < 0 && a !== 0 ? 0 : void 0, { nextSlides: e, nextPosition: r };
+  var e, r, s = o.slidesToShow, l = o.currentSlide, n = o.itemWidth, a = o.totalItems, u = Ot.getSlidesToSlide(o, i), d = l + 1 + t + s + (0 < t ? 0 : u);
+  return r = d <= a ? -n * (e = l + t + (0 < t ? 0 : u)) : a < d && l !== a - s ? -n * (e = a - s) : e = void 0, { nextSlides: e, nextPosition: r };
 }
-tt.populatePreviousSlides = Wt;
-var pt = {};
+tt.populateNextSlides = kt;
+var et = {};
+Object.defineProperty(et, "__esModule", { value: !0 });
+var At = k, Wt = S, Dt = S;
+function Lt(o, i, t) {
+  t === void 0 && (t = 0);
+  var e, r, s = o.currentSlide, l = o.itemWidth, n = o.slidesToShow, a = i.children, u = i.showDots, d = i.infinite, c = Wt.getSlidesToSlide(o, i), h = s - t - (0 < t ? 0 : c), p = (At.Children.toArray(a).length - n) % c;
+  return r = 0 <= h ? (e = h, u && !d && 0 < p && Dt.isInRightEnd(o) && (e = s - p), -l * e) : e = h < 0 && s !== 0 ? 0 : void 0, { nextSlides: e, nextPosition: r };
+}
+et.populatePreviousSlides = Lt;
+var vt = {};
 (function(o) {
-  function i(t, e, r, a, n, s) {
-    var l, u, h = t.itemWidth, c = t.slidesToShow, d = t.totalItems, p = t.currentSlide, f = e.infinite, g = !1, w = Math.round((r - a) / h), b = Math.round((a - r) / h), _ = r < n;
-    if (n < r && w <= c) {
-      l = "right";
-      var y = Math.abs(-h * (d - c)), I = s - (a - n), C = p === d - c;
-      (Math.abs(I) <= y || C && f) && (u = I, g = !0);
+  function i(t, e, r, s, l, n) {
+    var a, u, d = t.itemWidth, c = t.slidesToShow, h = t.totalItems, p = t.currentSlide, f = e.infinite, g = !1, w = Math.round((r - s) / d), b = Math.round((s - r) / d), _ = r < l;
+    if (l < r && w <= c) {
+      a = "right";
+      var y = Math.abs(-d * (h - c)), M = n - (s - l), I = p === h - c;
+      (Math.abs(M) <= y || I && f) && (u = M, g = !0);
     }
-    return _ && b <= c && (l = "left", ((I = s + (n - a)) <= 0 || p === 0 && f) && (g = !0, u = I)), { direction: l, nextPosition: u, canContinue: g };
+    return _ && b <= c && (a = "left", ((M = n + (l - s)) <= 0 || p === 0 && f) && (g = !0, u = M)), { direction: a, nextPosition: u, canContinue: g };
   }
   Object.defineProperty(o, "__esModule", { value: !0 }), o.populateSlidesOnMouseTouchMove = i;
-})(pt);
+})(vt);
 Object.defineProperty(m, "__esModule", { value: !0 });
-var k = B;
-m.getOriginalCounterPart = k.getOriginalCounterPart, m.getClones = k.getClones, m.checkClonesPosition = k.checkClonesPosition, m.getInitialSlideInInfiniteMode = k.getInitialSlideInInfiniteMode;
-var X = O;
-m.getWidthFromDeviceType = X.getWidthFromDeviceType, m.getPartialVisibilityGutter = X.getPartialVisibilityGutter, m.getItemClientSideWidth = X.getItemClientSideWidth;
-var P = S;
-m.getInitialState = P.getInitialState, m.getIfSlideIsVisbile = P.getIfSlideIsVisbile, m.getTransformForCenterMode = P.getTransformForCenterMode, m.getTransformForPartialVsibile = P.getTransformForPartialVsibile, m.isInLeftEnd = P.isInLeftEnd, m.isInRightEnd = P.isInRightEnd, m.notEnoughChildren = P.notEnoughChildren, m.getSlidesToSlide = P.getSlidesToSlide;
-var Dt = Z;
-m.throttle = Dt.default;
-var Lt = ct;
-m.throwError = Lt.default;
-var kt = H;
-m.populateNextSlides = kt.populateNextSlides;
-var Vt = tt;
-m.populatePreviousSlides = Vt.populatePreviousSlides;
-var jt = pt;
-m.populateSlidesOnMouseTouchMove = jt.populateSlidesOnMouseTouchMove;
-var F = {}, Nt = N && N.__extends || /* @__PURE__ */ function() {
+var V = $;
+m.getOriginalCounterPart = V.getOriginalCounterPart, m.getClones = V.getClones, m.checkClonesPosition = V.checkClonesPosition, m.getInitialSlideInInfiniteMode = V.getInitialSlideInInfiniteMode;
+var Y = O;
+m.getWidthFromDeviceType = Y.getWidthFromDeviceType, m.getPartialVisibilityGutter = Y.getPartialVisibilityGutter, m.getItemClientSideWidth = Y.getItemClientSideWidth;
+var x = S;
+m.getInitialState = x.getInitialState, m.getIfSlideIsVisbile = x.getIfSlideIsVisbile, m.getTransformForCenterMode = x.getTransformForCenterMode, m.getTransformForPartialVsibile = x.getTransformForPartialVsibile, m.isInLeftEnd = x.isInLeftEnd, m.isInRightEnd = x.isInRightEnd, m.notEnoughChildren = x.notEnoughChildren, m.getSlidesToSlide = x.getSlidesToSlide;
+var Vt = H;
+m.throttle = Vt.default;
+var jt = mt;
+m.throwError = jt.default;
+var Nt = tt;
+m.populateNextSlides = Nt.populateNextSlides;
+var Gt = et;
+m.populatePreviousSlides = Gt.populatePreviousSlides;
+var Bt = vt;
+m.populateSlidesOnMouseTouchMove = Bt.populateSlidesOnMouseTouchMove;
+var z = {}, Ft = B && B.__extends || /* @__PURE__ */ function() {
   var o = function(i, t) {
     return (o = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(e, r) {
       e.__proto__ = r;
     } || function(e, r) {
-      for (var a in r) r.hasOwnProperty(a) && (e[a] = r[a]);
+      for (var s in r) r.hasOwnProperty(s) && (e[s] = r[s]);
     })(i, t);
   };
   return function(i, t) {
@@ -190,100 +191,100 @@ var F = {}, Nt = N && N.__extends || /* @__PURE__ */ function() {
     o(i, t), i.prototype = t === null ? Object.create(t) : (e.prototype = t.prototype, new e());
   };
 }();
-Object.defineProperty(F, "__esModule", { value: !0 });
-var Gt = A;
-function Bt(o) {
+Object.defineProperty(z, "__esModule", { value: !0 });
+var $t = k;
+function zt(o) {
   return "clientY" in o;
 }
-F.isMouseMoveEvent = Bt;
-var Ft = function(o) {
+z.isMouseMoveEvent = zt;
+var Ut = function(o) {
   function i() {
     return o !== null && o.apply(this, arguments) || this;
   }
-  return Nt(i, o), i;
-}(Gt.Component);
-F.default = Ft;
-var et = {}, it = {};
-Object.defineProperty(it, "__esModule", { value: !0 });
-var $t = B, zt = S;
-function Ut(o, i, t, e) {
-  var r = {}, a = zt.getSlidesToSlide(i, t);
-  return Array(o).fill(0).forEach(function(n, s) {
-    var l = $t.getOriginalCounterPart(s, i, e);
-    if (s === 0) r[0] = l;
+  return Ft(i, o), i;
+}($t.Component);
+z.default = Ut;
+var it = {}, ot = {};
+Object.defineProperty(ot, "__esModule", { value: !0 });
+var Xt = $, Yt = S;
+function Kt(o, i, t, e) {
+  var r = {}, s = Yt.getSlidesToSlide(i, t);
+  return Array(o).fill(0).forEach(function(l, n) {
+    var a = Xt.getOriginalCounterPart(n, i, e);
+    if (n === 0) r[0] = a;
     else {
-      var u = r[s - 1] + a;
-      r[s] = u;
+      var u = r[n - 1] + s;
+      r[n] = u;
     }
   }), r;
 }
-it.getLookupTableForNextSlides = Ut;
-Object.defineProperty(et, "__esModule", { value: !0 });
-var D = A, Xt = B, Yt = it, nt = S, Kt = function(o) {
-  var i = o.props, t = o.state, e = o.goToSlide, r = o.getState, a = i.showDots, n = i.customDot, s = i.dotListClass, l = i.infinite, u = i.children;
-  if (!a || nt.notEnoughChildren(t)) return null;
-  var h, c = t.currentSlide, d = t.slidesToShow, p = nt.getSlidesToSlide(t, i), f = D.Children.toArray(u);
-  h = l ? Math.ceil(f.length / p) : Math.ceil((f.length - d) / p) + 1;
-  var g = Yt.getLookupTableForNextSlides(h, t, i, f), w = Xt.getOriginalIndexLookupTableByClones(d, f), b = w[c];
-  return D.createElement("ul", { className: "react-multi-carousel-dot-list " + s }, Array(h).fill(0).map(function(_, y) {
-    var I, C;
-    if (l) {
-      C = g[y];
-      var R = w[C];
-      I = b === R || R <= b && b < R + p;
+ot.getLookupTableForNextSlides = Kt;
+Object.defineProperty(it, "__esModule", { value: !0 });
+var D = k, qt = $, Jt = ot, st = S, Qt = function(o) {
+  var i = o.props, t = o.state, e = o.goToSlide, r = o.getState, s = i.showDots, l = i.customDot, n = i.dotListClass, a = i.infinite, u = i.children;
+  if (!s || st.notEnoughChildren(t)) return null;
+  var d, c = t.currentSlide, h = t.slidesToShow, p = st.getSlidesToSlide(t, i), f = D.Children.toArray(u);
+  d = a ? Math.ceil(f.length / p) : Math.ceil((f.length - h) / p) + 1;
+  var g = Jt.getLookupTableForNextSlides(d, t, i, f), w = qt.getOriginalIndexLookupTableByClones(h, f), b = w[c];
+  return D.createElement("ul", { className: "react-multi-carousel-dot-list " + n }, Array(d).fill(0).map(function(_, y) {
+    var M, I;
+    if (a) {
+      I = g[y];
+      var R = w[I];
+      M = b === R || R <= b && b < R + p;
     } else {
-      var W = f.length - d, L = y * p;
-      I = (C = W < L ? W : L) === c || C < c && c < C + p && c < f.length - d;
+      var A = f.length - h, L = y * p;
+      M = (I = A < L ? A : L) === c || I < c && c < I + p && c < f.length - h;
     }
-    return n ? D.cloneElement(n, { index: y, active: I, key: y, onClick: function() {
-      return e(C);
-    }, carouselState: r() }) : D.createElement("li", { "data-index": y, key: y, className: "react-multi-carousel-dot " + (I ? "react-multi-carousel-dot--active" : "") }, D.createElement("button", { "aria-label": "Go to slide " + (y + 1), onClick: function() {
-      return e(C);
+    return l ? D.cloneElement(l, { index: y, active: M, key: y, onClick: function() {
+      return e(I);
+    }, carouselState: r() }) : D.createElement("li", { "data-index": y, key: y, className: "react-multi-carousel-dot " + (M ? "react-multi-carousel-dot--active" : "") }, D.createElement("button", { "aria-label": "Go to slide " + (y + 1), onClick: function() {
+      return e(I);
     } }));
   }));
 };
-et.default = Kt;
-var $ = {};
-Object.defineProperty($, "__esModule", { value: !0 });
-var G = A, qt = function(o) {
-  var i = o.customLeftArrow, t = o.getState, e = o.previous, r = o.disabled, a = o.rtl;
-  if (i) return G.cloneElement(i, { onClick: function() {
+it.default = Qt;
+var U = {};
+Object.defineProperty(U, "__esModule", { value: !0 });
+var F = k, Zt = function(o) {
+  var i = o.customLeftArrow, t = o.getState, e = o.previous, r = o.disabled, s = o.rtl;
+  if (i) return F.cloneElement(i, { onClick: function() {
     return e();
-  }, carouselState: t(), disabled: r, rtl: a });
-  var n = a ? "rtl" : "";
-  return G.createElement("button", { "aria-label": "Go to previous slide", className: "react-multiple-carousel__arrow react-multiple-carousel__arrow--left " + n, onClick: function() {
+  }, carouselState: t(), disabled: r, rtl: s });
+  var l = s ? "rtl" : "";
+  return F.createElement("button", { "aria-label": "Go to previous slide", className: "react-multiple-carousel__arrow react-multiple-carousel__arrow--left " + l, onClick: function() {
     return e();
   }, type: "button", disabled: r });
 };
-$.LeftArrow = qt;
-var Jt = function(o) {
-  var i = o.customRightArrow, t = o.getState, e = o.next, r = o.disabled, a = o.rtl;
-  if (i) return G.cloneElement(i, { onClick: function() {
+U.LeftArrow = Zt;
+var Ht = function(o) {
+  var i = o.customRightArrow, t = o.getState, e = o.next, r = o.disabled, s = o.rtl;
+  if (i) return F.cloneElement(i, { onClick: function() {
     return e();
-  }, carouselState: t(), disabled: r, rtl: a });
-  var n = a ? "rtl" : "";
-  return G.createElement("button", { "aria-label": "Go to next slide", className: "react-multiple-carousel__arrow react-multiple-carousel__arrow--right " + n, onClick: function() {
+  }, carouselState: t(), disabled: r, rtl: s });
+  var l = s ? "rtl" : "";
+  return F.createElement("button", { "aria-label": "Go to next slide", className: "react-multiple-carousel__arrow react-multiple-carousel__arrow--right " + l, onClick: function() {
     return e();
   }, type: "button", disabled: r });
 };
-$.RightArrow = Jt;
-var ot = {};
-Object.defineProperty(ot, "__esModule", { value: !0 });
-var V = A, Y = m, Qt = function(o) {
-  var i = o.props, t = o.state, e = o.goToSlide, r = o.clones, a = o.notEnoughChildren, n = t.itemWidth, s = i.children, l = i.infinite, u = i.itemClass, h = i.itemAriaLabel, c = i.partialVisbile, d = i.partialVisible, p = Y.getInitialState(t, i), f = p.flexBisis, g = p.shouldRenderOnSSR, w = p.domFullyLoaded, b = p.partialVisibilityGutter;
-  return p.shouldRenderAtAll ? (c && console.warn('WARNING: Please correct props name: "partialVisible" as old typo will be removed in future versions!'), V.createElement(V.Fragment, null, (l ? r : V.Children.toArray(s)).map(function(_, y) {
-    return V.createElement("li", { key: y, "data-index": y, onClick: function() {
+U.RightArrow = Ht;
+var rt = {};
+Object.defineProperty(rt, "__esModule", { value: !0 });
+var j = k, K = m, te = function(o) {
+  var i = o.props, t = o.state, e = o.goToSlide, r = o.clones, s = o.notEnoughChildren, l = t.itemWidth, n = i.children, a = i.infinite, u = i.itemClass, d = i.itemAriaLabel, c = i.partialVisbile, h = i.partialVisible, p = K.getInitialState(t, i), f = p.flexBisis, g = p.shouldRenderOnSSR, w = p.domFullyLoaded, b = p.partialVisibilityGutter;
+  return p.shouldRenderAtAll ? (c && console.warn('WARNING: Please correct props name: "partialVisible" as old typo will be removed in future versions!'), j.createElement(j.Fragment, null, (a ? r : j.Children.toArray(n)).map(function(_, y) {
+    return j.createElement("li", { key: y, "data-index": y, onClick: function() {
       i.focusOnSelect && e(y);
-    }, "aria-hidden": Y.getIfSlideIsVisbile(y, t) ? "false" : "true", "aria-label": h || (_.props.ariaLabel ? _.props.ariaLabel : null), style: { flex: g ? "1 0 " + f + "%" : "auto", position: "relative", width: w ? ((c || d) && b && !a ? n - b : n) + "px" : "auto" }, className: "react-multi-carousel-item " + (Y.getIfSlideIsVisbile(y, t) ? "react-multi-carousel-item--active" : "") + " " + u }, _);
+    }, "aria-hidden": K.getIfSlideIsVisbile(y, t) ? "false" : "true", "aria-label": d || (_.props.ariaLabel ? _.props.ariaLabel : null), style: { flex: g ? "1 0 " + f + "%" : "auto", position: "relative", width: w ? ((c || h) && b && !s ? l - b : l) + "px" : "auto" }, className: "react-multi-carousel-item " + (K.getIfSlideIsVisbile(y, t) ? "react-multi-carousel-item--active" : "") + " " + u }, _);
   }))) : null;
 };
-ot.default = Qt;
-var Zt = N && N.__extends || /* @__PURE__ */ function() {
+rt.default = te;
+var ee = B && B.__extends || /* @__PURE__ */ function() {
   var o = function(i, t) {
     return (o = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(e, r) {
       e.__proto__ = r;
     } || function(e, r) {
-      for (var a in r) r.hasOwnProperty(a) && (e[a] = r[a]);
+      for (var s in r) r.hasOwnProperty(s) && (e[s] = r[s]);
     })(i, t);
   };
   return function(i, t) {
@@ -293,13 +294,13 @@ var Zt = N && N.__extends || /* @__PURE__ */ function() {
     o(i, t), i.prototype = t === null ? Object.create(t) : (e.prototype = t.prototype, new e());
   };
 }();
-Object.defineProperty(J, "__esModule", { value: !0 });
-var T = A, v = m, E = F, Ht = et, st = $, te = ot, j = S, M = 400, at = "transform 400ms ease-in-out", ee = function(o) {
+Object.defineProperty(Q, "__esModule", { value: !0 });
+var T = k, v = m, E = z, ie = it, at = U, oe = rt, N = S, P = 400, lt = "transform 400ms ease-in-out", re = function(o) {
   function i(t) {
     var e = o.call(this, t) || this;
-    return e.containerRef = T.createRef(), e.listRef = T.createRef(), e.state = { itemWidth: 0, slidesToShow: 0, currentSlide: 0, totalItems: T.Children.count(t.children), deviceType: "", domLoaded: !1, transform: 0, containerWidth: 0 }, e.onResize = e.onResize.bind(e), e.handleDown = e.handleDown.bind(e), e.handleMove = e.handleMove.bind(e), e.handleOut = e.handleOut.bind(e), e.onKeyUp = e.onKeyUp.bind(e), e.handleEnter = e.handleEnter.bind(e), e.setIsInThrottle = e.setIsInThrottle.bind(e), e.next = v.throttle(e.next.bind(e), t.transitionDuration || M, e.setIsInThrottle), e.previous = v.throttle(e.previous.bind(e), t.transitionDuration || M, e.setIsInThrottle), e.goToSlide = v.throttle(e.goToSlide.bind(e), t.transitionDuration || M, e.setIsInThrottle), e.onMove = !1, e.initialX = 0, e.lastX = 0, e.isAnimationAllowed = !1, e.direction = "", e.initialY = 0, e.isInThrottle = !1, e.transformPlaceHolder = 0, e;
+    return e.containerRef = T.createRef(), e.listRef = T.createRef(), e.state = { itemWidth: 0, slidesToShow: 0, currentSlide: 0, totalItems: T.Children.count(t.children), deviceType: "", domLoaded: !1, transform: 0, containerWidth: 0 }, e.onResize = e.onResize.bind(e), e.handleDown = e.handleDown.bind(e), e.handleMove = e.handleMove.bind(e), e.handleOut = e.handleOut.bind(e), e.onKeyUp = e.onKeyUp.bind(e), e.handleEnter = e.handleEnter.bind(e), e.setIsInThrottle = e.setIsInThrottle.bind(e), e.next = v.throttle(e.next.bind(e), t.transitionDuration || P, e.setIsInThrottle), e.previous = v.throttle(e.previous.bind(e), t.transitionDuration || P, e.setIsInThrottle), e.goToSlide = v.throttle(e.goToSlide.bind(e), t.transitionDuration || P, e.setIsInThrottle), e.onMove = !1, e.initialX = 0, e.lastX = 0, e.isAnimationAllowed = !1, e.direction = "", e.initialY = 0, e.isInThrottle = !1, e.transformPlaceHolder = 0, e;
   }
-  return Zt(i, o), i.prototype.resetTotalItems = function() {
+  return ee(i, o), i.prototype.resetTotalItems = function() {
     var t = this, e = T.Children.count(this.props.children), r = v.notEnoughChildren(this.state) ? 0 : Math.max(0, Math.min(this.state.currentSlide, e));
     this.setState({ totalItems: e, currentSlide: r }, function() {
       t.setContainerAndItemWidth(t.state.slidesToShow, !0);
@@ -309,83 +310,83 @@ var T = A, v = m, E = F, Ht = et, st = $, te = ot, j = S, M = 400, at = "transfo
   }, i.prototype.setTransformDirectly = function(t, e) {
     var r = this.props.additionalTransfrom;
     this.transformPlaceHolder = t;
-    var a = j.getTransform(this.state, this.props, this.transformPlaceHolder);
-    this.listRef && this.listRef.current && (this.setAnimationDirectly(e), this.listRef.current.style.transform = "translate3d(" + (a + r) + "px,0,0)");
+    var s = N.getTransform(this.state, this.props, this.transformPlaceHolder);
+    this.listRef && this.listRef.current && (this.setAnimationDirectly(e), this.listRef.current.style.transform = "translate3d(" + (s + r) + "px,0,0)");
   }, i.prototype.setAnimationDirectly = function(t) {
-    this.listRef && this.listRef.current && (this.listRef.current.style.transition = t ? this.props.customTransition || at : "none");
+    this.listRef && this.listRef.current && (this.listRef.current.style.transition = t ? this.props.customTransition || lt : "none");
   }, i.prototype.componentDidMount = function() {
     this.setState({ domLoaded: !0 }), this.setItemsToShow(), window.addEventListener("resize", this.onResize), this.onResize(!0), this.props.keyBoardControl && window.addEventListener("keyup", this.onKeyUp), this.props.autoPlay && (this.autoPlay = setInterval(this.next, this.props.autoPlaySpeed));
-  }, i.prototype.setClones = function(t, e, r, a) {
-    var n = this;
-    a === void 0 && (a = !1), this.isAnimationAllowed = !1;
-    var s = T.Children.toArray(this.props.children), l = v.getInitialSlideInInfiniteMode(t || this.state.slidesToShow, s), u = v.getClones(this.state.slidesToShow, s), h = s.length < this.state.slidesToShow ? 0 : this.state.currentSlide;
-    this.setState({ totalItems: u.length, currentSlide: r && !a ? h : l }, function() {
-      n.correctItemsPosition(e || n.state.itemWidth);
+  }, i.prototype.setClones = function(t, e, r, s) {
+    var l = this;
+    s === void 0 && (s = !1), this.isAnimationAllowed = !1;
+    var n = T.Children.toArray(this.props.children), a = v.getInitialSlideInInfiniteMode(t || this.state.slidesToShow, n), u = v.getClones(this.state.slidesToShow, n), d = n.length < this.state.slidesToShow ? 0 : this.state.currentSlide;
+    this.setState({ totalItems: u.length, currentSlide: r && !s ? d : a }, function() {
+      l.correctItemsPosition(e || l.state.itemWidth);
     });
   }, i.prototype.setItemsToShow = function(t, e) {
-    var r = this, a = this.props.responsive;
-    Object.keys(a).forEach(function(n) {
-      var s = a[n], l = s.breakpoint, u = s.items, h = l.max, c = l.min, d = [window.innerWidth];
-      window.screen && window.screen.width && d.push(window.screen.width);
-      var p = Math.min.apply(Math, d);
-      c <= p && p <= h && (r.setState({ slidesToShow: u, deviceType: n }), r.setContainerAndItemWidth(u, t, e));
+    var r = this, s = this.props.responsive;
+    Object.keys(s).forEach(function(l) {
+      var n = s[l], a = n.breakpoint, u = n.items, d = a.max, c = a.min, h = [window.innerWidth];
+      window.screen && window.screen.width && h.push(window.screen.width);
+      var p = Math.min.apply(Math, h);
+      c <= p && p <= d && (r.setState({ slidesToShow: u, deviceType: l }), r.setContainerAndItemWidth(u, t, e));
     });
   }, i.prototype.setContainerAndItemWidth = function(t, e, r) {
-    var a = this;
+    var s = this;
     if (this.containerRef && this.containerRef.current) {
-      var n = this.containerRef.current.offsetWidth, s = v.getItemClientSideWidth(this.props, t, n);
-      this.setState({ containerWidth: n, itemWidth: s }, function() {
-        a.props.infinite && a.setClones(t, s, e, r);
-      }), e && this.correctItemsPosition(s);
+      var l = this.containerRef.current.offsetWidth, n = v.getItemClientSideWidth(this.props, t, l);
+      this.setState({ containerWidth: l, itemWidth: n }, function() {
+        s.props.infinite && s.setClones(t, n, e, r);
+      }), e && this.correctItemsPosition(n);
     }
   }, i.prototype.correctItemsPosition = function(t, e, r) {
     e && (this.isAnimationAllowed = !0), !e && this.isAnimationAllowed && (this.isAnimationAllowed = !1);
-    var a = this.state.totalItems < this.state.slidesToShow ? 0 : -t * this.state.currentSlide;
-    r && this.setTransformDirectly(a, !0), this.setState({ transform: a });
+    var s = this.state.totalItems < this.state.slidesToShow ? 0 : -t * this.state.currentSlide;
+    r && this.setTransformDirectly(s, !0), this.setState({ transform: s });
   }, i.prototype.onResize = function(t) {
     var e;
     e = !!this.props.infinite && (typeof t != "boolean" || !t), this.setItemsToShow(e);
   }, i.prototype.componentDidUpdate = function(t, e) {
-    var r = this, a = t.keyBoardControl, n = t.autoPlay, s = t.children, l = e.containerWidth, u = e.domLoaded, h = e.currentSlide;
-    if (this.containerRef && this.containerRef.current && this.containerRef.current.offsetWidth !== l && (this.itemsToShowTimeout && clearTimeout(this.itemsToShowTimeout), this.itemsToShowTimeout = setTimeout(function() {
+    var r = this, s = t.keyBoardControl, l = t.autoPlay, n = t.children, a = e.containerWidth, u = e.domLoaded, d = e.currentSlide;
+    if (this.containerRef && this.containerRef.current && this.containerRef.current.offsetWidth !== a && (this.itemsToShowTimeout && clearTimeout(this.itemsToShowTimeout), this.itemsToShowTimeout = setTimeout(function() {
       r.setItemsToShow(!0);
-    }, this.props.transitionDuration || M)), a && !this.props.keyBoardControl && window.removeEventListener("keyup", this.onKeyUp), !a && this.props.keyBoardControl && window.addEventListener("keyup", this.onKeyUp), n && !this.props.autoPlay && this.autoPlay && (clearInterval(this.autoPlay), this.autoPlay = void 0), n || !this.props.autoPlay || this.autoPlay || (this.autoPlay = setInterval(this.next, this.props.autoPlaySpeed)), s.length !== this.props.children.length ? i.clonesTimeout = setTimeout(function() {
+    }, this.props.transitionDuration || P)), s && !this.props.keyBoardControl && window.removeEventListener("keyup", this.onKeyUp), !s && this.props.keyBoardControl && window.addEventListener("keyup", this.onKeyUp), l && !this.props.autoPlay && this.autoPlay && (clearInterval(this.autoPlay), this.autoPlay = void 0), l || !this.props.autoPlay || this.autoPlay || (this.autoPlay = setInterval(this.next, this.props.autoPlaySpeed)), n.length !== this.props.children.length ? i.clonesTimeout = setTimeout(function() {
       r.props.infinite ? r.setClones(r.state.slidesToShow, r.state.itemWidth, !0, !0) : r.resetTotalItems();
-    }, this.props.transitionDuration || M) : this.props.infinite && this.state.currentSlide !== h && this.correctClonesPosition({ domLoaded: u }), this.transformPlaceHolder !== this.state.transform && (this.transformPlaceHolder = this.state.transform), this.props.autoPlay && this.props.rewind && !this.props.infinite && v.isInRightEnd(this.state)) {
-      var c = this.props.transitionDuration || M;
+    }, this.props.transitionDuration || P) : this.props.infinite && this.state.currentSlide !== d && this.correctClonesPosition({ domLoaded: u }), this.transformPlaceHolder !== this.state.transform && (this.transformPlaceHolder = this.state.transform), this.props.autoPlay && this.props.rewind && !this.props.infinite && v.isInRightEnd(this.state)) {
+      var c = this.props.transitionDuration || P;
       i.isInThrottleTimeout = setTimeout(function() {
         r.setIsInThrottle(!1), r.resetAutoplayInterval(), r.goToSlide(0, void 0, !!r.props.rewindWithAnimation);
       }, c + this.props.autoPlaySpeed);
     }
   }, i.prototype.correctClonesPosition = function(t) {
-    var e = this, r = t.domLoaded, a = T.Children.toArray(this.props.children), n = v.checkClonesPosition(this.state, a, this.props), s = n.isReachingTheEnd, l = n.isReachingTheStart, u = n.nextSlide, h = n.nextPosition;
-    this.state.domLoaded && r && (s || l) && (this.isAnimationAllowed = !1, i.transformTimeout = setTimeout(function() {
-      e.setState({ transform: h, currentSlide: u });
-    }, this.props.transitionDuration || M));
+    var e = this, r = t.domLoaded, s = T.Children.toArray(this.props.children), l = v.checkClonesPosition(this.state, s, this.props), n = l.isReachingTheEnd, a = l.isReachingTheStart, u = l.nextSlide, d = l.nextPosition;
+    this.state.domLoaded && r && (n || a) && (this.isAnimationAllowed = !1, i.transformTimeout = setTimeout(function() {
+      e.setState({ transform: d, currentSlide: u });
+    }, this.props.transitionDuration || P));
   }, i.prototype.next = function(t) {
     var e = this;
     t === void 0 && (t = 0);
-    var r = this.props, a = r.afterChange, n = r.beforeChange;
+    var r = this.props, s = r.afterChange, l = r.beforeChange;
     if (!v.notEnoughChildren(this.state)) {
-      var s = v.populateNextSlides(this.state, this.props, t), l = s.nextSlides, u = s.nextPosition, h = this.state.currentSlide;
-      l !== void 0 && u !== void 0 && (typeof n == "function" && n(l, this.getState()), this.isAnimationAllowed = !0, this.props.shouldResetAutoplay && this.resetAutoplayInterval(), this.setState({ transform: u, currentSlide: l }, function() {
-        typeof a == "function" && (i.afterChangeTimeout = setTimeout(function() {
-          a(h, e.getState());
-        }, e.props.transitionDuration || M));
+      var n = v.populateNextSlides(this.state, this.props, t), a = n.nextSlides, u = n.nextPosition, d = this.state.currentSlide;
+      a !== void 0 && u !== void 0 && (typeof l == "function" && l(a, this.getState()), this.isAnimationAllowed = !0, this.props.shouldResetAutoplay && this.resetAutoplayInterval(), this.setState({ transform: u, currentSlide: a }, function() {
+        typeof s == "function" && (i.afterChangeTimeout = setTimeout(function() {
+          s(d, e.getState());
+        }, e.props.transitionDuration || P));
       }));
     }
   }, i.prototype.previous = function(t) {
     var e = this;
     t === void 0 && (t = 0);
-    var r = this.props, a = r.afterChange, n = r.beforeChange;
+    var r = this.props, s = r.afterChange, l = r.beforeChange;
     if (!v.notEnoughChildren(this.state)) {
-      var s = v.populatePreviousSlides(this.state, this.props, t), l = s.nextSlides, u = s.nextPosition;
-      if (l !== void 0 && u !== void 0) {
-        var h = this.state.currentSlide;
-        typeof n == "function" && n(l, this.getState()), this.isAnimationAllowed = !0, this.props.shouldResetAutoplay && this.resetAutoplayInterval(), this.setState({ transform: u, currentSlide: l }, function() {
-          typeof a == "function" && (i.afterChangeTimeout2 = setTimeout(function() {
-            a(h, e.getState());
-          }, e.props.transitionDuration || M));
+      var n = v.populatePreviousSlides(this.state, this.props, t), a = n.nextSlides, u = n.nextPosition;
+      if (a !== void 0 && u !== void 0) {
+        var d = this.state.currentSlide;
+        typeof l == "function" && l(a, this.getState()), this.isAnimationAllowed = !0, this.props.shouldResetAutoplay && this.resetAutoplayInterval(), this.setState({ transform: u, currentSlide: a }, function() {
+          typeof s == "function" && (i.afterChangeTimeout2 = setTimeout(function() {
+            s(d, e.getState());
+          }, e.props.transitionDuration || P));
         });
       }
     }
@@ -397,19 +398,19 @@ var T = A, v = m, E = F, Ht = et, st = $, te = ot, j = S, M = 400, at = "transfo
     this.onMove = !1, this.initialX = 0, this.lastX = 0, this.direction = "", this.initialY = 0;
   }, i.prototype.getCords = function(t) {
     var e = t.clientX, r = t.clientY;
-    return { clientX: j.parsePosition(this.props, e), clientY: j.parsePosition(this.props, r) };
+    return { clientX: N.parsePosition(this.props, e), clientY: N.parsePosition(this.props, r) };
   }, i.prototype.handleDown = function(t) {
     if (!(!E.isMouseMoveEvent(t) && !this.props.swipeable || E.isMouseMoveEvent(t) && !this.props.draggable || this.isInThrottle)) {
-      var e = this.getCords(E.isMouseMoveEvent(t) ? t : t.touches[0]), r = e.clientX, a = e.clientY;
-      this.onMove = !0, this.initialX = r, this.initialY = a, this.lastX = r, this.isAnimationAllowed = !1;
+      var e = this.getCords(E.isMouseMoveEvent(t) ? t : t.touches[0]), r = e.clientX, s = e.clientY;
+      this.onMove = !0, this.initialX = r, this.initialY = s, this.lastX = r, this.isAnimationAllowed = !1;
     }
   }, i.prototype.handleMove = function(t) {
     if (!(!E.isMouseMoveEvent(t) && !this.props.swipeable || E.isMouseMoveEvent(t) && !this.props.draggable || v.notEnoughChildren(this.state))) {
-      var e = this.getCords(E.isMouseMoveEvent(t) ? t : t.touches[0]), r = e.clientX, a = e.clientY, n = this.initialX - r, s = this.initialY - a;
+      var e = this.getCords(E.isMouseMoveEvent(t) ? t : t.touches[0]), r = e.clientX, s = e.clientY, l = this.initialX - r, n = this.initialY - s;
       if (this.onMove) {
-        if (!(Math.abs(n) > Math.abs(s))) return;
-        var l = v.populateSlidesOnMouseTouchMove(this.state, this.props, this.initialX, this.lastX, r, this.transformPlaceHolder), u = l.direction, h = l.nextPosition, c = l.canContinue;
-        u && (this.direction = u, c && h !== void 0 && this.setTransformDirectly(h)), this.lastX = r;
+        if (!(Math.abs(l) > Math.abs(n))) return;
+        var a = v.populateSlidesOnMouseTouchMove(this.state, this.props, this.initialX, this.lastX, r, this.transformPlaceHolder), u = a.direction, d = a.nextPosition, c = a.canContinue;
+        u && (this.direction = u, c && d !== void 0 && this.setTransformDirectly(d)), this.lastX = r;
       }
     }
   }, i.prototype.handleOut = function(t) {
@@ -417,14 +418,14 @@ var T = A, v = m, E = F, Ht = et, st = $, te = ot, j = S, M = 400, at = "transfo
     var e = t.type === "touchend" && !this.props.swipeable, r = (t.type === "mouseleave" || t.type === "mouseup") && !this.props.draggable;
     if (!e && !r && this.onMove) {
       if (this.setAnimationDirectly(!0), this.direction === "right") if (this.initialX - this.lastX >= this.props.minimumTouchDrag) {
-        var a = Math.round((this.initialX - this.lastX) / this.state.itemWidth);
-        this.next(a);
+        var s = Math.round((this.initialX - this.lastX) / this.state.itemWidth);
+        this.next(s);
       } else this.correctItemsPosition(this.state.itemWidth, !0, !0);
-      this.direction === "left" && (this.lastX - this.initialX > this.props.minimumTouchDrag ? (a = Math.round((this.lastX - this.initialX) / this.state.itemWidth), this.previous(a)) : this.correctItemsPosition(this.state.itemWidth, !0, !0)), this.resetMoveStatus();
+      this.direction === "left" && (this.lastX - this.initialX > this.props.minimumTouchDrag ? (s = Math.round((this.lastX - this.initialX) / this.state.itemWidth), this.previous(s)) : this.correctItemsPosition(this.state.itemWidth, !0, !0)), this.resetMoveStatus();
     }
   }, i.prototype.isInViewport = function(t) {
-    var e = t.getBoundingClientRect(), r = e.top, a = r === void 0 ? 0 : r, n = e.left, s = n === void 0 ? 0 : n, l = e.bottom, u = l === void 0 ? 0 : l, h = e.right, c = h === void 0 ? 0 : h;
-    return 0 <= a && 0 <= s && u <= (window.innerHeight || document.documentElement.clientHeight) && c <= (window.innerWidth || document.documentElement.clientWidth);
+    var e = t.getBoundingClientRect(), r = e.top, s = r === void 0 ? 0 : r, l = e.left, n = l === void 0 ? 0 : l, a = e.bottom, u = a === void 0 ? 0 : a, d = e.right, c = d === void 0 ? 0 : d;
+    return 0 <= s && 0 <= n && u <= (window.innerHeight || document.documentElement.clientHeight) && c <= (window.innerWidth || document.documentElement.clientWidth);
   }, i.prototype.isChildOfCarousel = function(t) {
     return !!(t instanceof Element && this.listRef && this.listRef.current) && this.listRef.current.contains(t);
   }, i.prototype.onKeyUp = function(t) {
@@ -442,39 +443,39 @@ var T = A, v = m, E = F, Ht = et, st = $, te = ot, j = S, M = 400, at = "transfo
   }, i.prototype.handleEnter = function(t) {
     E.isMouseMoveEvent(t) && this.autoPlay && this.props.autoPlay && this.props.pauseOnHover && (clearInterval(this.autoPlay), this.autoPlay = void 0);
   }, i.prototype.goToSlide = function(t, e, r) {
-    var a = this;
+    var s = this;
     if (r === void 0 && (r = !0), !this.isInThrottle) {
-      var n = this.state.itemWidth, s = this.props, l = s.afterChange, u = s.beforeChange, h = this.state.currentSlide;
-      typeof u != "function" || e && (typeof e != "object" || e.skipBeforeChange) || u(t, this.getState()), this.isAnimationAllowed = r, this.props.shouldResetAutoplay && this.resetAutoplayInterval(), this.setState({ currentSlide: t, transform: -n * t }, function() {
-        a.props.infinite && a.correctClonesPosition({ domLoaded: !0 }), typeof l != "function" || e && (typeof e != "object" || e.skipAfterChange) || (i.afterChangeTimeout3 = setTimeout(function() {
-          l(h, a.getState());
-        }, a.props.transitionDuration || M));
+      var l = this.state.itemWidth, n = this.props, a = n.afterChange, u = n.beforeChange, d = this.state.currentSlide;
+      typeof u != "function" || e && (typeof e != "object" || e.skipBeforeChange) || u(t, this.getState()), this.isAnimationAllowed = r, this.props.shouldResetAutoplay && this.resetAutoplayInterval(), this.setState({ currentSlide: t, transform: -l * t }, function() {
+        s.props.infinite && s.correctClonesPosition({ domLoaded: !0 }), typeof a != "function" || e && (typeof e != "object" || e.skipAfterChange) || (i.afterChangeTimeout3 = setTimeout(function() {
+          a(d, s.getState());
+        }, s.props.transitionDuration || P));
       });
     }
   }, i.prototype.getState = function() {
     return this.state;
   }, i.prototype.renderLeftArrow = function(t) {
-    var e = this, r = this.props, a = r.customLeftArrow, n = r.rtl;
-    return T.createElement(st.LeftArrow, { customLeftArrow: a, getState: function() {
+    var e = this, r = this.props, s = r.customLeftArrow, l = r.rtl;
+    return T.createElement(at.LeftArrow, { customLeftArrow: s, getState: function() {
       return e.getState();
-    }, previous: this.previous, disabled: t, rtl: n });
+    }, previous: this.previous, disabled: t, rtl: l });
   }, i.prototype.renderRightArrow = function(t) {
-    var e = this, r = this.props, a = r.customRightArrow, n = r.rtl;
-    return T.createElement(st.RightArrow, { customRightArrow: a, getState: function() {
+    var e = this, r = this.props, s = r.customRightArrow, l = r.rtl;
+    return T.createElement(at.RightArrow, { customRightArrow: s, getState: function() {
       return e.getState();
-    }, next: this.next, disabled: t, rtl: n });
+    }, next: this.next, disabled: t, rtl: l });
   }, i.prototype.renderButtonGroups = function() {
     var t = this, e = this.props.customButtonGroup;
     return e ? T.cloneElement(e, { previous: function() {
       return t.previous();
     }, next: function() {
       return t.next();
-    }, goToSlide: function(r, a) {
-      return t.goToSlide(r, a);
+    }, goToSlide: function(r, s) {
+      return t.goToSlide(r, s);
     }, carouselState: this.getState() }) : null;
   }, i.prototype.renderDotsList = function() {
     var t = this;
-    return T.createElement(Ht.default, { state: this.state, props: this.props, goToSlide: this.goToSlide, getState: function() {
+    return T.createElement(ie.default, { state: this.state, props: this.props, goToSlide: this.goToSlide, getState: function() {
       return t.getState();
     } });
   }, i.prototype.renderCarouselItems = function() {
@@ -483,20 +484,74 @@ var T = A, v = m, E = F, Ht = et, st = $, te = ot, j = S, M = 400, at = "transfo
       var e = T.Children.toArray(this.props.children);
       t = v.getClones(this.state.slidesToShow, e);
     }
-    return T.createElement(te.default, { clones: t, goToSlide: this.goToSlide, state: this.state, notEnoughChildren: v.notEnoughChildren(this.state), props: this.props });
+    return T.createElement(oe.default, { clones: t, goToSlide: this.goToSlide, state: this.state, notEnoughChildren: v.notEnoughChildren(this.state), props: this.props });
   }, i.prototype.render = function() {
-    var t = this.props, e = t.deviceType, r = t.arrows, a = t.renderArrowsWhenDisabled, n = t.removeArrowOnDeviceType, s = t.infinite, l = t.containerClass, u = t.sliderClass, h = t.customTransition, c = t.additionalTransfrom, d = t.renderDotsOutside, p = t.renderButtonGroupOutside, f = t.className, g = t.rtl;
+    var t = this.props, e = t.deviceType, r = t.arrows, s = t.renderArrowsWhenDisabled, l = t.removeArrowOnDeviceType, n = t.infinite, a = t.containerClass, u = t.sliderClass, d = t.customTransition, c = t.additionalTransfrom, h = t.renderDotsOutside, p = t.renderButtonGroupOutside, f = t.className, g = t.rtl;
     process.env.NODE_ENV !== "production" && v.throwError(this.state, this.props);
-    var w = v.getInitialState(this.state, this.props), b = w.shouldRenderOnSSR, _ = w.shouldRenderAtAll, y = v.isInLeftEnd(this.state), I = v.isInRightEnd(this.state), C = r && !(n && (e && -1 < n.indexOf(e) || this.state.deviceType && -1 < n.indexOf(this.state.deviceType))) && !v.notEnoughChildren(this.state) && _, R = !s && y, W = !s && I, L = j.getTransform(this.state, this.props);
-    return T.createElement(T.Fragment, null, T.createElement("div", { className: "react-multi-carousel-list " + l + " " + f, dir: g ? "rtl" : "ltr", ref: this.containerRef }, T.createElement("ul", { ref: this.listRef, className: "react-multi-carousel-track " + u, style: { transition: this.isAnimationAllowed ? h || at : "none", overflow: b ? "hidden" : "unset", transform: "translate3d(" + (L + c) + "px,0,0)" }, onMouseMove: this.handleMove, onMouseDown: this.handleDown, onMouseUp: this.handleOut, onMouseEnter: this.handleEnter, onMouseLeave: this.handleOut, onTouchStart: this.handleDown, onTouchMove: this.handleMove, onTouchEnd: this.handleOut }, this.renderCarouselItems()), C && (!R || a) && this.renderLeftArrow(R), C && (!W || a) && this.renderRightArrow(W), _ && !p && this.renderButtonGroups(), _ && !d && this.renderDotsList()), _ && d && this.renderDotsList(), _ && p && this.renderButtonGroups());
+    var w = v.getInitialState(this.state, this.props), b = w.shouldRenderOnSSR, _ = w.shouldRenderAtAll, y = v.isInLeftEnd(this.state), M = v.isInRightEnd(this.state), I = r && !(l && (e && -1 < l.indexOf(e) || this.state.deviceType && -1 < l.indexOf(this.state.deviceType))) && !v.notEnoughChildren(this.state) && _, R = !n && y, A = !n && M, L = N.getTransform(this.state, this.props);
+    return T.createElement(T.Fragment, null, T.createElement("div", { className: "react-multi-carousel-list " + a + " " + f, dir: g ? "rtl" : "ltr", ref: this.containerRef }, T.createElement("ul", { ref: this.listRef, className: "react-multi-carousel-track " + u, style: { transition: this.isAnimationAllowed ? d || lt : "none", overflow: b ? "hidden" : "unset", transform: "translate3d(" + (L + c) + "px,0,0)" }, onMouseMove: this.handleMove, onMouseDown: this.handleDown, onMouseUp: this.handleOut, onMouseEnter: this.handleEnter, onMouseLeave: this.handleOut, onTouchStart: this.handleDown, onTouchMove: this.handleMove, onTouchEnd: this.handleOut }, this.renderCarouselItems()), I && (!R || s) && this.renderLeftArrow(R), I && (!A || s) && this.renderRightArrow(A), _ && !p && this.renderButtonGroups(), _ && !h && this.renderDotsList()), _ && h && this.renderDotsList(), _ && p && this.renderButtonGroups());
   }, i.defaultProps = { slidesToSlide: 1, infinite: !1, draggable: !0, swipeable: !0, arrows: !0, renderArrowsWhenDisabled: !1, containerClass: "", sliderClass: "", itemClass: "", keyBoardControl: !0, autoPlaySpeed: 3e3, showDots: !1, renderDotsOutside: !1, renderButtonGroupOutside: !1, minimumTouchDrag: 80, className: "", dotListClass: "", focusOnSelect: !1, centerMode: !1, additionalTransfrom: 0, pauseOnHover: !0, shouldResetAutoplay: !0, rewind: !1, rtl: !1, rewindWithAnimation: !1 }, i;
 }(T.Component);
-J.default = ee;
-Object.defineProperty(q, "__esModule", { value: !0 });
-var ie = J;
-q.default = ie.default;
-var oe = q;
-const re = /* @__PURE__ */ mt(oe), ne = yt.div`
+Q.default = re;
+Object.defineProperty(J, "__esModule", { value: !0 });
+var ne = Q;
+J.default = ne.default;
+var se = J;
+const ae = /* @__PURE__ */ St(se), le = dt.div`
+  width: 100%;
+  max-width: 76rem;
+  height: 100vh;
+  max-height: 22.5rem;
+  border-radius: 0.75rem;
+  background: ${X("-90deg")};
+
+  & .skeleton__active-slide {
+    display: none;
+  }
+
+  & .skeleton__next-slide {
+    display: none;
+  }
+
+  @media (max-width: 464px) {
+    max-width: 100%;
+    height: 23.4375rem;
+    max-height: 23.4375rem;
+    border-radius: 0;
+    background: transparent;
+    display: flex;
+    gap: 1rem;
+    align-items: center;
+    justify-content: space-between;
+
+    & .skeleton__active-slide {
+      display: block;
+      width: 100%;
+      height: 100vh;
+      max-height: 23.4375rem;
+      border-radius: 0.75rem;
+      background: ${X("-90deg")};
+    }
+
+    & .skeleton__next-slide {
+      display: block;
+      width: 100%;
+      max-width: 4rem;
+      height: 100vh;
+      max-height: 20.625rem;
+      border-radius: 0.75rem 0 0 0.75rem;
+      background: ${X("-90deg")};
+    }
+  }
+`, ue = () => /* @__PURE__ */ G(le, { className: "banner-carousel__skeleton", children: [
+  /* @__PURE__ */ C("div", { className: "skeleton__active-slide" }),
+  /* @__PURE__ */ C("div", { className: "skeleton__next-slide" })
+] }), de = ({
+  children: o,
+  fallbackComponent: i = /* @__PURE__ */ C(ut, {}),
+  isLoading: t = !1,
+  keyPrefix: e
+}) => /* @__PURE__ */ C(gt, { fallbackComponent: i, children: t === !0 ? /* @__PURE__ */ C(ue, {}, e) : o }), he = dt.div`
   &:hover {
     cursor: pointer;
 
@@ -665,11 +720,17 @@ const re = /* @__PURE__ */ mt(oe), ne = yt.div`
       }
     }
   }
-`, se = ft(
-  ({ items: o = [], onSelectItem: i = () => {
-  }, onButtonAction: t = () => {
-  } }, e) => {
-    const r = {
+`, ce = yt(
+  ({
+    items: o = [],
+    isLoading: i = !1,
+    fallbackComponent: t = /* @__PURE__ */ C(ut, {}),
+    onSelectItem: e = () => {
+    },
+    onButtonAction: r = () => {
+    }
+  }, s) => {
+    const l = {
       desktop: {
         breakpoint: { max: 3e3, min: 1024 },
         items: 1,
@@ -685,66 +746,76 @@ const re = /* @__PURE__ */ mt(oe), ne = yt.div`
         items: 1,
         partialVisibilityGutter: 64
       }
-    }, a = gt();
-    return /* @__PURE__ */ x(ne, { ref: e, children: /* @__PURE__ */ x(
-      re,
+    }, n = wt();
+    return /* @__PURE__ */ C(he, { ref: s, children: /* @__PURE__ */ C(
+      de,
       {
-        responsive: r,
-        removeArrowOnDeviceType: ["tablet", "mobile"],
-        infinite: !a,
-        keyBoardControl: !0,
-        autoPlay: !0,
-        partialVisible: !0,
-        customTransition: "transform 500ms ease-in-out",
-        sliderClass: "carousel-slider",
-        itemClass: "carousel-item",
-        containerClass: "carousel-container",
-        rewind: !0,
-        rewindWithAnimation: !0,
-        children: o == null ? void 0 : o.map((n, s) => /* @__PURE__ */ z(
-          "div",
+        fallbackComponent: t,
+        keyPrefix: "banner-carousel-skeleton",
+        isLoading: i,
+        children: /* @__PURE__ */ C(
+          ae,
           {
-            className: "section__card",
-            onClick: () => i(n),
-            children: [
-              /* @__PURE__ */ x(
-                "img",
-                {
-                  src: n == null ? void 0 : n.imageUrl,
-                  alt: `Slide ${s + 1}`,
-                  className: "section__image"
-                }
-              ),
-              /* @__PURE__ */ z("div", { className: "card__content", children: [
-                /* @__PURE__ */ z("div", { className: "card__text", children: [
-                  (n == null ? void 0 : n.title) && /* @__PURE__ */ x("div", { className: "card__title", children: n == null ? void 0 : n.title }),
-                  (n == null ? void 0 : n.title) && /* @__PURE__ */ x("div", { className: "card__description", children: n == null ? void 0 : n.description })
-                ] }),
-                (n == null ? void 0 : n.buttonText) && /* @__PURE__ */ x(
-                  vt,
-                  {
-                    text: n == null ? void 0 : n.buttonText,
-                    className: "card__action",
-                    size: "medium",
-                    onClick: (l) => {
-                      l == null || l.stopPropagation(), t(n);
+            responsive: l,
+            removeArrowOnDeviceType: ["tablet", "mobile"],
+            infinite: !n,
+            keyBoardControl: !0,
+            autoPlay: !0,
+            partialVisible: !0,
+            customTransition: "transform 500ms ease-in-out",
+            sliderClass: "carousel-slider",
+            itemClass: "carousel-item",
+            containerClass: "carousel-container",
+            rewind: !0,
+            rewindWithAnimation: !0,
+            children: o == null ? void 0 : o.map((a, u) => /* @__PURE__ */ G(
+              "div",
+              {
+                className: "section__card",
+                onClick: () => e(a),
+                children: [
+                  /* @__PURE__ */ C(
+                    "img",
+                    {
+                      src: a == null ? void 0 : a.imageUrl,
+                      alt: `Slide ${u + 1}`,
+                      className: "section__image"
                     }
-                  }
-                )
-              ] })
-            ]
-          },
-          `banner-section-carousel-item__${s + 1}`
-        ))
+                  ),
+                  /* @__PURE__ */ G("div", { className: "card__content", children: [
+                    /* @__PURE__ */ G("div", { className: "card__text", children: [
+                      (a == null ? void 0 : a.title) && /* @__PURE__ */ C("div", { className: "card__title", children: a == null ? void 0 : a.title }),
+                      (a == null ? void 0 : a.title) && /* @__PURE__ */ C("div", { className: "card__description", children: a == null ? void 0 : a.description })
+                    ] }),
+                    (a == null ? void 0 : a.buttonText) && /* @__PURE__ */ C(
+                      Tt,
+                      {
+                        text: a == null ? void 0 : a.buttonText,
+                        className: "card__action",
+                        size: "medium",
+                        onClick: (d) => {
+                          d == null || d.stopPropagation(), r(a);
+                        }
+                      }
+                    )
+                  ] })
+                ]
+              },
+              `banner-section-carousel-item__${u + 1}`
+            ))
+          }
+        )
       }
-    ) }, `banner-section-carousel__${a}`);
+    ) }, `banner-section-carousel__${n}`);
   }
 );
-se.propTypes = {
-  items: U.array,
-  onSelectItem: U.func,
-  onButtonAction: U.func
+ce.propTypes = {
+  items: W.array,
+  isLoading: W.bool,
+  fallbackComponent: W.any,
+  onSelectItem: W.func,
+  onButtonAction: W.func
 };
 export {
-  se as default
+  ce as default
 };