@lanaco/lnc-react-ui 4.0.200 → 4.0.202

package/dist/BannerSectionCarousel.js

@@ -1,503 +1,12 @@
-import { jsx as C, Fragment as at, jsxs as z } from "react/jsx-runtime";
-import A, { Suspense as mt, forwardRef as vt } from "react";
-import { c as G, g as gt } from "./_commonjsHelpers-BkfeUUK-.js";
-import St from "./Button.js";
-import { u as yt } from "./useDetectMobile-Bkvj0VMa.js";
-import { s as lt } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { b as Tt, a as wt } from "./style-BwQ4djFC.js";
-import { M as bt } from "./consts-BuFChS64.js";
-var K = {}, Z = {}, m = {}, B = {};
-(function(o) {
-  function i(a, n, l) {
-    var h = n.slidesToShow, d = n.currentSlide;
-    return l.length > 2 * h ? a + 2 * h : d >= l.length ? l.length + a : a;
-  }
-  function t(a, n) {
-    if (n.length > 2 * a) {
-      for (var l = {}, h = n.length - 2 * a, d = n.length - h, u = h, c = 0; c < d; c++) l[c] = u, u++;
-      var p = n.length + d, f = p + n.slice(0, 2 * a).length, g = 0;
-      for (c = p; c <= f; c++) l[c] = g, g++;
-      var w = p, b = 0;
-      for (c = d; c < w; c++) l[c] = b, b++;
-      return l;
-    }
-    l = {};
-    var _ = 3 * n.length, S = 0;
-    for (c = 0; c < _; c++) l[c] = S, ++S === n.length && (S = 0);
-    return l;
-  }
-  function e(a, n) {
-    return n.length < a ? n : n.length > 2 * a ? n.slice(n.length - 2 * a, n.length).concat(n, n.slice(0, 2 * a)) : n.concat(n, n);
-  }
-  function r(a, n) {
-    return n.length > 2 * a ? 2 * a : n.length;
-  }
-  function s(a, n, l) {
-    var h, d = a.currentSlide, u = a.slidesToShow, c = a.itemWidth, p = a.totalItems, f = 0, g = 0, w = d === 0, b = n.length - (n.length - 2 * u);
-    return n.length < u ? (g = f = 0, w = h = !1) : n.length > 2 * u ? ((h = d >= b + n.length) && (g = -c * (f = d - n.length)), w && (g = -c * (f = b + (n.length - 2 * u)))) : ((h = d >= 2 * n.length) && (g = -c * (f = d - n.length)), w && (g = l.showDots ? -c * (f = n.length) : -c * (f = p / 3))), { isReachingTheEnd: h, 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 = s;
-})(B);
-var O = {};
-Object.defineProperty(O, "__esModule", { value: !0 });
-var ot = !1;
-function _t(o, i, t, e) {
-  var r = 0, s = e || t;
-  return i && s && (!ot && process.env.NODE_ENV !== "production" && o[s].paritialVisibilityGutter && (ot = !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 Ct(o, i) {
-  var t;
-  return i[o] && (t = (100 / i[o].items).toFixed(1)), t;
-}
-function It(o, i, t) {
-  return Math.round(t / (i + (o.centerMode ? 1 : 0)));
-}
-O.getPartialVisibilityGutter = _t, O.getWidthFromDeviceType = Ct, O.getItemClientSideWidth = It;
-var y = {};
-Object.defineProperty(y, "__esModule", { value: !0 });
-var Y = O;
-function q(o) {
-  var i = o.slidesToShow;
-  return o.totalItems < i;
-}
-function Mt(o, i) {
-  var t, e = o.domLoaded, r = o.slidesToShow, s = o.containerWidth, a = o.itemWidth, n = i.deviceType, l = i.responsive, h = i.ssr, d = i.partialVisbile, u = i.partialVisible, c = !!(e && r && s && a);
-  h && n && !c && (t = Y.getWidthFromDeviceType(n, l));
-  var p = !!(h && n && !c && t);
-  return { shouldRenderOnSSR: p, flexBisis: t, domFullyLoaded: c, partialVisibilityGutter: Y.getPartialVisibilityGutter(l, d || u, n, o.deviceType), shouldRenderAtAll: p || c };
-}
-function Pt(o, i) {
-  var t = i.currentSlide, e = i.slidesToShow;
-  return t <= o && o < t + e;
-}
-function ut(o, i, t) {
-  var e = t || o.transform;
-  return !i.infinite && o.currentSlide === 0 || q(o) ? e : e + o.itemWidth / 2;
-}
-function Et(o) {
-  return !(0 < o.currentSlide);
-}
-function ht(o) {
-  var i = o.currentSlide, t = o.totalItems;
-  return !(i + o.slidesToShow < t);
-}
-function dt(o, i, t, e) {
-  i === void 0 && (i = 0);
-  var r = o.currentSlide, s = o.slidesToShow, a = ht(o), n = !t.infinite && a, l = e || o.transform;
-  if (q(o)) return l;
-  var h = l + r * i;
-  return n ? h + (o.containerWidth - (o.itemWidth - i) * s) : h;
-}
-function ct(o, i) {
-  return o.rtl ? -1 * i : i;
-}
-function Rt(o, i, t) {
-  var e = i.partialVisbile, r = i.partialVisible, s = i.responsive, a = i.deviceType, n = i.centerMode, l = t || o.transform, h = Y.getPartialVisibilityGutter(s, e || r, a, o.deviceType);
-  return ct(i, r || e ? dt(o, h, i, t) : n ? ut(o, i, t) : l);
-}
-function xt(o, i) {
-  var t = o.domLoaded, e = o.slidesToShow, r = o.containerWidth, s = o.itemWidth, a = i.deviceType, n = i.responsive, l = i.slidesToSlide || 1, h = !!(t && e && r && s);
-  return i.ssr && i.deviceType && !h && Object.keys(n).forEach(function(d) {
-    var u = n[d].slidesToSlide;
-    a === d && u && (l = u);
-  }), h && Object.keys(n).forEach(function(d) {
-    var u = n[d], c = u.breakpoint, p = u.slidesToSlide, f = c.max, g = c.min;
-    p && window.innerWidth >= g && window.innerWidth <= f && (l = p);
-  }), l;
-}
-y.notEnoughChildren = q, y.getInitialState = Mt, y.getIfSlideIsVisbile = Pt, y.getTransformForCenterMode = ut, y.isInLeftEnd = Et, y.isInRightEnd = ht, y.getTransformForPartialVsibile = dt, y.parsePosition = ct, y.getTransform = Rt, y.getSlidesToSlide = xt;
-var J = {};
-Object.defineProperty(J, "__esModule", { value: !0 });
-var Ot = function(o, i, t) {
-  var e;
-  return function() {
-    var r = arguments;
-    e || (o.apply(this, r), e = !0, typeof t == "function" && t(!0), setTimeout(function() {
-      e = !1, typeof t == "function" && t(!1);
-    }, i));
-  };
-};
-J.default = Ot;
-var pt = {};
-(function(o) {
-  function i(t, e) {
-    var r = e.partialVisbile, s = e.partialVisible, a = e.centerMode, n = e.ssr, l = e.responsive;
-    if ((r || s) && a) throw new Error("center mode can not be used at the same time with partialVisible");
-    if (!l) 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 (l && typeof l != "object") throw new Error("responsive prop must be an object");
-  }
-  Object.defineProperty(o, "__esModule", { value: !0 }), o.default = i;
-})(pt);
-var Q = {};
-Object.defineProperty(Q, "__esModule", { value: !0 });
-var At = y;
-function Wt(o, i, t) {
-  t === void 0 && (t = 0);
-  var e, r, s = o.slidesToShow, a = o.currentSlide, n = o.itemWidth, l = o.totalItems, h = At.getSlidesToSlide(o, i), d = a + 1 + t + s + (0 < t ? 0 : h);
-  return r = d <= l ? -n * (e = a + t + (0 < t ? 0 : h)) : l < d && a !== l - s ? -n * (e = l - s) : e = void 0, { nextSlides: e, nextPosition: r };
-}
-Q.populateNextSlides = Wt;
-var H = {};
-Object.defineProperty(H, "__esModule", { value: !0 });
-var Dt = A, Lt = y, kt = y;
-function Vt(o, i, t) {
-  t === void 0 && (t = 0);
-  var e, r, s = o.currentSlide, a = o.itemWidth, n = o.slidesToShow, l = i.children, h = i.showDots, d = i.infinite, u = Lt.getSlidesToSlide(o, i), c = s - t - (0 < t ? 0 : u), p = (Dt.Children.toArray(l).length - n) % u;
-  return r = 0 <= c ? (e = c, h && !d && 0 < p && kt.isInRightEnd(o) && (e = s - p), -a * e) : e = c < 0 && s !== 0 ? 0 : void 0, { nextSlides: e, nextPosition: r };
-}
-H.populatePreviousSlides = Vt;
-var ft = {};
-(function(o) {
-  function i(t, e, r, s, a, n) {
-    var l, h, d = t.itemWidth, u = t.slidesToShow, c = t.totalItems, p = t.currentSlide, f = e.infinite, g = !1, w = Math.round((r - s) / d), b = Math.round((s - r) / d), _ = r < a;
-    if (a < r && w <= u) {
-      l = "right";
-      var S = Math.abs(-d * (c - u)), M = n - (s - a), I = p === c - u;
-      (Math.abs(M) <= S || I && f) && (h = M, g = !0);
-    }
-    return _ && b <= u && (l = "left", ((M = n + (a - s)) <= 0 || p === 0 && f) && (g = !0, h = M)), { direction: l, nextPosition: h, canContinue: g };
-  }
-  Object.defineProperty(o, "__esModule", { value: !0 }), o.populateSlidesOnMouseTouchMove = i;
-})(ft);
-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 E = y;
-m.getInitialState = E.getInitialState, m.getIfSlideIsVisbile = E.getIfSlideIsVisbile, m.getTransformForCenterMode = E.getTransformForCenterMode, m.getTransformForPartialVsibile = E.getTransformForPartialVsibile, m.isInLeftEnd = E.isInLeftEnd, m.isInRightEnd = E.isInRightEnd, m.notEnoughChildren = E.notEnoughChildren, m.getSlidesToSlide = E.getSlidesToSlide;
-var jt = J;
-m.throttle = jt.default;
-var Gt = pt;
-m.throwError = Gt.default;
-var Nt = Q;
-m.populateNextSlides = Nt.populateNextSlides;
-var Bt = H;
-m.populatePreviousSlides = Bt.populatePreviousSlides;
-var Ft = ft;
-m.populateSlidesOnMouseTouchMove = Ft.populateSlidesOnMouseTouchMove;
-var F = {}, $t = G && G.__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 s in r) r.hasOwnProperty(s) && (e[s] = r[s]);
-    })(i, t);
-  };
-  return function(i, t) {
-    function e() {
-      this.constructor = i;
-    }
-    o(i, t), i.prototype = t === null ? Object.create(t) : (e.prototype = t.prototype, new e());
-  };
-}();
-Object.defineProperty(F, "__esModule", { value: !0 });
-var zt = A;
-function Xt(o) {
-  return "clientY" in o;
-}
-F.isMouseMoveEvent = Xt;
-var Ut = function(o) {
-  function i() {
-    return o !== null && o.apply(this, arguments) || this;
-  }
-  return $t(i, o), i;
-}(zt.Component);
-F.default = Ut;
-var tt = {}, et = {};
-Object.defineProperty(et, "__esModule", { value: !0 });
-var Yt = B, Kt = y;
-function Zt(o, i, t, e) {
-  var r = {}, s = Kt.getSlidesToSlide(i, t);
-  return Array(o).fill(0).forEach(function(a, n) {
-    var l = Yt.getOriginalCounterPart(n, i, e);
-    if (n === 0) r[0] = l;
-    else {
-      var h = r[n - 1] + s;
-      r[n] = h;
-    }
-  }), r;
-}
-et.getLookupTableForNextSlides = Zt;
-Object.defineProperty(tt, "__esModule", { value: !0 });
-var D = A, qt = B, Jt = et, rt = y, Qt = function(o) {
-  var i = o.props, t = o.state, e = o.goToSlide, r = o.getState, s = i.showDots, a = i.customDot, n = i.dotListClass, l = i.infinite, h = i.children;
-  if (!s || rt.notEnoughChildren(t)) return null;
-  var d, u = t.currentSlide, c = t.slidesToShow, p = rt.getSlidesToSlide(t, i), f = D.Children.toArray(h);
-  d = l ? Math.ceil(f.length / p) : Math.ceil((f.length - c) / p) + 1;
-  var g = Jt.getLookupTableForNextSlides(d, t, i, f), w = qt.getOriginalIndexLookupTableByClones(c, f), b = w[u];
-  return D.createElement("ul", { className: "react-multi-carousel-dot-list " + n }, Array(d).fill(0).map(function(_, S) {
-    var M, I;
-    if (l) {
-      I = g[S];
-      var x = w[I];
-      M = b === x || x <= b && b < x + p;
-    } else {
-      var W = f.length - c, L = S * p;
-      M = (I = W < L ? W : L) === u || I < u && u < I + p && u < f.length - c;
-    }
-    return a ? D.cloneElement(a, { index: S, active: M, key: S, onClick: function() {
-      return e(I);
-    }, carouselState: r() }) : D.createElement("li", { "data-index": S, key: S, className: "react-multi-carousel-dot " + (M ? "react-multi-carousel-dot--active" : "") }, D.createElement("button", { "aria-label": "Go to slide " + (S + 1), onClick: function() {
-      return e(I);
-    } }));
-  }));
-};
-tt.default = Qt;
-var $ = {};
-Object.defineProperty($, "__esModule", { value: !0 });
-var N = A, Ht = function(o) {
-  var i = o.customLeftArrow, t = o.getState, e = o.previous, r = o.disabled, s = o.rtl;
-  if (i) return N.cloneElement(i, { onClick: function() {
-    return e();
-  }, carouselState: t(), disabled: r, rtl: s });
-  var a = s ? "rtl" : "";
-  return N.createElement("button", { "aria-label": "Go to previous slide", className: "react-multiple-carousel__arrow react-multiple-carousel__arrow--left " + a, onClick: function() {
-    return e();
-  }, type: "button", disabled: r });
-};
-$.LeftArrow = Ht;
-var te = function(o) {
-  var i = o.customRightArrow, t = o.getState, e = o.next, r = o.disabled, s = o.rtl;
-  if (i) return N.cloneElement(i, { onClick: function() {
-    return e();
-  }, carouselState: t(), disabled: r, rtl: s });
-  var a = s ? "rtl" : "";
-  return N.createElement("button", { "aria-label": "Go to next slide", className: "react-multiple-carousel__arrow react-multiple-carousel__arrow--right " + a, onClick: function() {
-    return e();
-  }, type: "button", disabled: r });
-};
-$.RightArrow = te;
-var it = {};
-Object.defineProperty(it, "__esModule", { value: !0 });
-var V = A, U = m, ee = function(o) {
-  var i = o.props, t = o.state, e = o.goToSlide, r = o.clones, s = o.notEnoughChildren, a = t.itemWidth, n = i.children, l = i.infinite, h = i.itemClass, d = i.itemAriaLabel, u = i.partialVisbile, c = i.partialVisible, p = U.getInitialState(t, i), f = p.flexBisis, g = p.shouldRenderOnSSR, w = p.domFullyLoaded, b = p.partialVisibilityGutter;
-  return p.shouldRenderAtAll ? (u && 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(n)).map(function(_, S) {
-    return V.createElement("li", { key: S, "data-index": S, onClick: function() {
-      i.focusOnSelect && e(S);
-    }, "aria-hidden": U.getIfSlideIsVisbile(S, t) ? "false" : "true", "aria-label": d || (_.props.ariaLabel ? _.props.ariaLabel : null), style: { flex: g ? "1 0 " + f + "%" : "auto", position: "relative", width: w ? ((u || c) && b && !s ? a - b : a) + "px" : "auto" }, className: "react-multi-carousel-item " + (U.getIfSlideIsVisbile(S, t) ? "react-multi-carousel-item--active" : "") + " " + h }, _);
-  }))) : null;
-};
-it.default = ee;
-var ie = G && G.__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 s in r) r.hasOwnProperty(s) && (e[s] = r[s]);
-    })(i, t);
-  };
-  return function(i, t) {
-    function e() {
-      this.constructor = i;
-    }
-    o(i, t), i.prototype = t === null ? Object.create(t) : (e.prototype = t.prototype, new e());
-  };
-}();
-Object.defineProperty(Z, "__esModule", { value: !0 });
-var T = A, v = m, R = F, oe = tt, nt = $, re = it, j = y, P = 400, st = "transform 400ms ease-in-out", ne = 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 || 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 ie(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);
-    });
-  }, i.prototype.setIsInThrottle = function(t) {
-    t === void 0 && (t = !1), this.isInThrottle = t;
-  }, i.prototype.setTransformDirectly = function(t, e) {
-    var r = this.props.additionalTransfrom;
-    this.transformPlaceHolder = t;
-    var s = j.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 || st : "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, s) {
-    var a = this;
-    s === void 0 && (s = !1), this.isAnimationAllowed = !1;
-    var n = T.Children.toArray(this.props.children), l = v.getInitialSlideInInfiniteMode(t || this.state.slidesToShow, n), h = v.getClones(this.state.slidesToShow, n), d = n.length < this.state.slidesToShow ? 0 : this.state.currentSlide;
-    this.setState({ totalItems: h.length, currentSlide: r && !s ? d : l }, function() {
-      a.correctItemsPosition(e || a.state.itemWidth);
-    });
-  }, i.prototype.setItemsToShow = function(t, e) {
-    var r = this, s = this.props.responsive;
-    Object.keys(s).forEach(function(a) {
-      var n = s[a], l = n.breakpoint, h = n.items, d = l.max, u = l.min, c = [window.innerWidth];
-      window.screen && window.screen.width && c.push(window.screen.width);
-      var p = Math.min.apply(Math, c);
-      u <= p && p <= d && (r.setState({ slidesToShow: h, deviceType: a }), r.setContainerAndItemWidth(h, t, e));
-    });
-  }, i.prototype.setContainerAndItemWidth = function(t, e, r) {
-    var s = this;
-    if (this.containerRef && this.containerRef.current) {
-      var a = this.containerRef.current.offsetWidth, n = v.getItemClientSideWidth(this.props, t, a);
-      this.setState({ containerWidth: a, 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 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, s = t.keyBoardControl, a = t.autoPlay, n = t.children, l = e.containerWidth, h = e.domLoaded, d = e.currentSlide;
-    if (this.containerRef && this.containerRef.current && this.containerRef.current.offsetWidth !== l && (this.itemsToShowTimeout && clearTimeout(this.itemsToShowTimeout), this.itemsToShowTimeout = setTimeout(function() {
-      r.setItemsToShow(!0);
-    }, this.props.transitionDuration || P)), s && !this.props.keyBoardControl && window.removeEventListener("keyup", this.onKeyUp), !s && this.props.keyBoardControl && window.addEventListener("keyup", this.onKeyUp), a && !this.props.autoPlay && this.autoPlay && (clearInterval(this.autoPlay), this.autoPlay = void 0), a || !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 || P) : this.props.infinite && this.state.currentSlide !== d && this.correctClonesPosition({ domLoaded: h }), this.transformPlaceHolder !== this.state.transform && (this.transformPlaceHolder = this.state.transform), this.props.autoPlay && this.props.rewind && !this.props.infinite && v.isInRightEnd(this.state)) {
-      var u = this.props.transitionDuration || P;
-      i.isInThrottleTimeout = setTimeout(function() {
-        r.setIsInThrottle(!1), r.resetAutoplayInterval(), r.goToSlide(0, void 0, !!r.props.rewindWithAnimation);
-      }, u + this.props.autoPlaySpeed);
-    }
-  }, i.prototype.correctClonesPosition = function(t) {
-    var e = this, r = t.domLoaded, s = T.Children.toArray(this.props.children), a = v.checkClonesPosition(this.state, s, this.props), n = a.isReachingTheEnd, l = a.isReachingTheStart, h = a.nextSlide, d = a.nextPosition;
-    this.state.domLoaded && r && (n || l) && (this.isAnimationAllowed = !1, i.transformTimeout = setTimeout(function() {
-      e.setState({ transform: d, currentSlide: h });
-    }, this.props.transitionDuration || P));
-  }, i.prototype.next = function(t) {
-    var e = this;
-    t === void 0 && (t = 0);
-    var r = this.props, s = r.afterChange, a = r.beforeChange;
-    if (!v.notEnoughChildren(this.state)) {
-      var n = v.populateNextSlides(this.state, this.props, t), l = n.nextSlides, h = n.nextPosition, d = this.state.currentSlide;
-      l !== void 0 && h !== void 0 && (typeof a == "function" && a(l, this.getState()), this.isAnimationAllowed = !0, this.props.shouldResetAutoplay && this.resetAutoplayInterval(), this.setState({ transform: h, currentSlide: l }, 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, s = r.afterChange, a = r.beforeChange;
-    if (!v.notEnoughChildren(this.state)) {
-      var n = v.populatePreviousSlides(this.state, this.props, t), l = n.nextSlides, h = n.nextPosition;
-      if (l !== void 0 && h !== void 0) {
-        var d = this.state.currentSlide;
-        typeof a == "function" && a(l, this.getState()), this.isAnimationAllowed = !0, this.props.shouldResetAutoplay && this.resetAutoplayInterval(), this.setState({ transform: h, currentSlide: l }, function() {
-          typeof s == "function" && (i.afterChangeTimeout2 = setTimeout(function() {
-            s(d, e.getState());
-          }, e.props.transitionDuration || P));
-        });
-      }
-    }
-  }, i.prototype.resetAutoplayInterval = function() {
-    this.props.autoPlay && (clearInterval(this.autoPlay), this.autoPlay = setInterval(this.next, this.props.autoPlaySpeed));
-  }, i.prototype.componentWillUnmount = function() {
-    window.removeEventListener("resize", this.onResize), this.props.keyBoardControl && window.removeEventListener("keyup", this.onKeyUp), this.props.autoPlay && this.autoPlay && (clearInterval(this.autoPlay), this.autoPlay = void 0), this.itemsToShowTimeout && clearTimeout(this.itemsToShowTimeout), i.clonesTimeout && clearTimeout(i.clonesTimeout), i.isInThrottleTimeout && clearTimeout(i.isInThrottleTimeout), i.transformTimeout && clearTimeout(i.transformTimeout), i.afterChangeTimeout && clearTimeout(i.afterChangeTimeout), i.afterChangeTimeout2 && clearTimeout(i.afterChangeTimeout2), i.afterChangeTimeout3 && clearTimeout(i.afterChangeTimeout3);
-  }, i.prototype.resetMoveStatus = function() {
-    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) };
-  }, i.prototype.handleDown = function(t) {
-    if (!(!R.isMouseMoveEvent(t) && !this.props.swipeable || R.isMouseMoveEvent(t) && !this.props.draggable || this.isInThrottle)) {
-      var e = this.getCords(R.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 (!(!R.isMouseMoveEvent(t) && !this.props.swipeable || R.isMouseMoveEvent(t) && !this.props.draggable || v.notEnoughChildren(this.state))) {
-      var e = this.getCords(R.isMouseMoveEvent(t) ? t : t.touches[0]), r = e.clientX, s = e.clientY, a = this.initialX - r, n = this.initialY - s;
-      if (this.onMove) {
-        if (!(Math.abs(a) > Math.abs(n))) return;
-        var l = v.populateSlidesOnMouseTouchMove(this.state, this.props, this.initialX, this.lastX, r, this.transformPlaceHolder), h = l.direction, d = l.nextPosition, u = l.canContinue;
-        h && (this.direction = h, u && d !== void 0 && this.setTransformDirectly(d)), this.lastX = r;
-      }
-    }
-  }, i.prototype.handleOut = function(t) {
-    this.props.autoPlay && !this.autoPlay && (this.autoPlay = setInterval(this.next, this.props.autoPlaySpeed));
-    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 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 ? (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, s = r === void 0 ? 0 : r, a = e.left, n = a === void 0 ? 0 : a, l = e.bottom, h = l === void 0 ? 0 : l, d = e.right, u = d === void 0 ? 0 : d;
-    return 0 <= s && 0 <= n && h <= (window.innerHeight || document.documentElement.clientHeight) && u <= (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) {
-    var e = t.target;
-    switch (t.keyCode) {
-      case 37:
-        if (this.isChildOfCarousel(e)) return this.previous();
-        break;
-      case 39:
-        if (this.isChildOfCarousel(e)) return this.next();
-        break;
-      case 9:
-        if (this.isChildOfCarousel(e) && e instanceof HTMLInputElement && this.isInViewport(e)) return this.next();
-    }
-  }, i.prototype.handleEnter = function(t) {
-    R.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 s = this;
-    if (r === void 0 && (r = !0), !this.isInThrottle) {
-      var a = this.state.itemWidth, n = this.props, l = n.afterChange, h = n.beforeChange, d = this.state.currentSlide;
-      typeof h != "function" || e && (typeof e != "object" || e.skipBeforeChange) || h(t, this.getState()), this.isAnimationAllowed = r, this.props.shouldResetAutoplay && this.resetAutoplayInterval(), this.setState({ currentSlide: t, transform: -a * t }, function() {
-        s.props.infinite && s.correctClonesPosition({ domLoaded: !0 }), typeof l != "function" || e && (typeof e != "object" || e.skipAfterChange) || (i.afterChangeTimeout3 = setTimeout(function() {
-          l(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, s = r.customLeftArrow, a = r.rtl;
-    return T.createElement(nt.LeftArrow, { customLeftArrow: s, getState: function() {
-      return e.getState();
-    }, previous: this.previous, disabled: t, rtl: a });
-  }, i.prototype.renderRightArrow = function(t) {
-    var e = this, r = this.props, s = r.customRightArrow, a = r.rtl;
-    return T.createElement(nt.RightArrow, { customRightArrow: s, getState: function() {
-      return e.getState();
-    }, next: this.next, disabled: t, rtl: a });
-  }, 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, s) {
-      return t.goToSlide(r, s);
-    }, carouselState: this.getState() }) : null;
-  }, i.prototype.renderDotsList = function() {
-    var t = this;
-    return T.createElement(oe.default, { state: this.state, props: this.props, goToSlide: this.goToSlide, getState: function() {
-      return t.getState();
-    } });
-  }, i.prototype.renderCarouselItems = function() {
-    var t = [];
-    if (this.props.infinite) {
-      var e = T.Children.toArray(this.props.children);
-      t = v.getClones(this.state.slidesToShow, e);
-    }
-    return T.createElement(re.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, s = t.renderArrowsWhenDisabled, a = t.removeArrowOnDeviceType, n = t.infinite, l = t.containerClass, h = t.sliderClass, d = t.customTransition, u = t.additionalTransfrom, c = 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, S = v.isInLeftEnd(this.state), M = v.isInRightEnd(this.state), I = r && !(a && (e && -1 < a.indexOf(e) || this.state.deviceType && -1 < a.indexOf(this.state.deviceType))) && !v.notEnoughChildren(this.state) && _, x = !n && S, W = !n && M, 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 " + h, style: { transition: this.isAnimationAllowed ? d || st : "none", overflow: b ? "hidden" : "unset", transform: "translate3d(" + (L + u) + "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 && (!x || s) && this.renderLeftArrow(x), I && (!W || s) && this.renderRightArrow(W), _ && !p && this.renderButtonGroups(), _ && !c && this.renderDotsList()), _ && c && 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);
-Z.default = ne;
-Object.defineProperty(K, "__esModule", { value: !0 });
-var se = Z;
-K.default = se.default;
-var ae = K;
-const le = /* @__PURE__ */ gt(ae), ue = lt.div`
+import { jsx as r, Fragment as d, jsxs as l } from "react/jsx-runtime";
+import { Suspense as b, forwardRef as x } from "react";
+import { C as v } from "./index-BppfjY8h.js";
+import w from "./Button.js";
+import { u as y } from "./useDetectMobile-Bkvj0VMa.js";
+import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { b as k, a as C } from "./style-BwQ4djFC.js";
+import { M as S } from "./consts-BuFChS64.js";
+const N = m.div`
   &:hover {
     cursor: pointer;
 
@@ -666,32 +175,32 @@ const le = /* @__PURE__ */ gt(ae), ue = lt.div`
       }
     }
   }
-`, he = lt(Tt)`
-  @media (max-width: ${bt + "px"}) {
+`, j = m(k)`
+  @media (max-width: ${S + "px"}) {
     & > div {
       height: 100%;
       aspect-ratio: 1 / 1;
     }
   }
-`, de = ({ keyPrefix: o }) => /* @__PURE__ */ C(he, { noGradient: !0, children: /* @__PURE__ */ C(wt, { keyPrefix: `${o}-1`, height: "22.5rem" }) }), ce = ({
-  keyPrefix: o,
+`, B = ({ keyPrefix: t }) => /* @__PURE__ */ r(j, { noGradient: !0, children: /* @__PURE__ */ r(C, { keyPrefix: `${t}-1`, height: "22.5rem" }) }), P = ({
+  keyPrefix: t,
   isLoading: i = !1,
-  fallbackComponent: t = /* @__PURE__ */ C(at, {}),
-  children: e
-}) => /* @__PURE__ */ C(mt, { fallbackComponent: t, children: i === !0 ? /* @__PURE__ */ C(de, { keyPrefix: o }) : e }), we = vt(
+  fallbackComponent: a = /* @__PURE__ */ r(d, {}),
+  children: o
+}) => /* @__PURE__ */ r(b, { fallbackComponent: a, children: i === !0 ? /* @__PURE__ */ r(B, { keyPrefix: t }) : o }), D = x(
   ({
-    items: o = [],
+    items: t = [],
     isLoading: i = !1,
-    deviceType: t,
-    partialVisible: e = !0,
-    fallbackComponent: r = /* @__PURE__ */ C(at, {}),
-    onSelectItem: s = () => {
+    deviceType: a,
+    partialVisible: o = !0,
+    fallbackComponent: u = /* @__PURE__ */ r(d, {}),
+    onSelectItem: h = () => {
     },
-    onButtonAction: a = () => {
+    onButtonAction: p = () => {
     },
-    carouselProps: n
-  }, l) => {
-    const h = {
+    carouselProps: f
+  }, _) => {
+    const g = {
       desktop: {
         breakpoint: { max: 3e3, min: 1024 },
         items: 1,
@@ -707,57 +216,57 @@ const le = /* @__PURE__ */ gt(ae), ue = lt.div`
         items: 1,
         partialVisibilityGutter: 64
       }
-    }, d = yt();
-    return /* @__PURE__ */ C(ue, { ref: l, children: /* @__PURE__ */ C(
-      ce,
+    }, s = y();
+    return /* @__PURE__ */ r(N, { ref: _, children: /* @__PURE__ */ r(
+      P,
       {
-        fallbackComponent: r,
+        fallbackComponent: u,
         keyPrefix: "banner-carousel-skeleton",
         isLoading: i,
-        children: /* @__PURE__ */ C(
-          le,
+        children: /* @__PURE__ */ r(
+          v,
           {
-            responsive: h,
-            deviceType: t,
+            responsive: g,
+            deviceType: a,
             removeArrowOnDeviceType: ["tablet", "mobile"],
-            infinite: !d,
+            infinite: !s,
             keyBoardControl: !0,
             autoPlay: !0,
-            partialVisible: e,
+            partialVisible: o,
             customTransition: "transform 500ms ease-in-out",
             sliderClass: "carousel-slider",
             itemClass: "carousel-item",
             containerClass: "carousel-container",
             rewind: !0,
             rewindWithAnimation: !0,
-            ...n,
-            children: o == null ? void 0 : o.map((u, c) => /* @__PURE__ */ z(
+            ...f,
+            children: t == null ? void 0 : t.map((e, c) => /* @__PURE__ */ l(
               "div",
               {
                 className: "section__card",
-                onClick: () => s(u),
+                onClick: () => h(e),
                 children: [
-                  /* @__PURE__ */ C(
+                  /* @__PURE__ */ r(
                     "img",
                     {
-                      src: u == null ? void 0 : u.imageUrl,
+                      src: e == null ? void 0 : e.imageUrl,
                       alt: `Slide ${c + 1}`,
                       className: "section__image"
                     }
                   ),
-                  /* @__PURE__ */ z("div", { className: "card__content", children: [
-                    /* @__PURE__ */ z("div", { className: "card__text", children: [
-                      (u == null ? void 0 : u.title) && /* @__PURE__ */ C("div", { className: "card__title", children: u == null ? void 0 : u.title }),
-                      (u == null ? void 0 : u.title) && /* @__PURE__ */ C("div", { className: "card__description", children: u == null ? void 0 : u.description })
+                  /* @__PURE__ */ l("div", { className: "card__content", children: [
+                    /* @__PURE__ */ l("div", { className: "card__text", children: [
+                      (e == null ? void 0 : e.title) && /* @__PURE__ */ r("div", { className: "card__title", children: e == null ? void 0 : e.title }),
+                      (e == null ? void 0 : e.title) && /* @__PURE__ */ r("div", { className: "card__description", children: e == null ? void 0 : e.description })
                     ] }),
-                    (u == null ? void 0 : u.buttonText) && /* @__PURE__ */ C(
-                      St,
+                    (e == null ? void 0 : e.buttonText) && /* @__PURE__ */ r(
+                      w,
                       {
-                        text: u == null ? void 0 : u.buttonText,
+                        text: e == null ? void 0 : e.buttonText,
                         className: "card__action",
                         size: "medium",
-                        onClick: (p) => {
-                          p == null || p.stopPropagation(), a(u);
+                        onClick: (n) => {
+                          n == null || n.stopPropagation(), p(e);
                         }
                       }
                     )
@@ -769,9 +278,9 @@ const le = /* @__PURE__ */ gt(ae), ue = lt.div`
           }
         )
       }
-    ) }, `banner-section-carousel__${d}`);
+    ) }, `banner-section-carousel__${s}`);
   }
 );
 export {
-  we as default
+  D as default
 };