@lanaco/lnc-react-ui 4.0.106 → 4.0.107

package/dist/BannerSectionCarousel.cjs

@@ -1,4 +1,4 @@
-"use strict";const D=require("react/jsx-runtime"),N=require("react"),Pe=require("./_commonjsHelpers-DKOUU3wS.cjs"),fe=require("./index-BPVoEhTF.cjs"),Ce=require("./index-gY9e_8LL.cjs"),Le=require("./useDetectMobile-zkbzoOGV.cjs"),te=require("./emotion-styled.browser.esm-BtEseadx.cjs"),ne=require("./consts-goSZX3xP.cjs"),re=require("./utils-CZynEOC_.cjs"),De=require("./Button.cjs");var Oe={},ie={},me={},le={},Se;function ke(){return Se||(Se=1,function(t){(function(n,r){r(t,N,fe.propTypesExports)})(Pe.commonjsGlobal,function(n,r,i){Object.defineProperty(n,"__esModule",{value:!0}),n.setHasSupportToCaptureOption=E;var e=a(r),o=a(i);function a(l){return l&&l.__esModule?l:{default:l}}var s=Object.assign||function(l){for(var p=1;p<arguments.length;p++){var S=arguments[p];for(var u in S)Object.prototype.hasOwnProperty.call(S,u)&&(l[u]=S[u])}return l};function f(l,p){var S={};for(var u in l)p.indexOf(u)>=0||Object.prototype.hasOwnProperty.call(l,u)&&(S[u]=l[u]);return S}function h(l,p){if(!(l instanceof p))throw new TypeError("Cannot call a class as a function")}var m=function(){function l(p,S){for(var u=0;u<S.length;u++){var g=S[u];g.enumerable=g.enumerable||!1,g.configurable=!0,"value"in g&&(g.writable=!0),Object.defineProperty(p,g.key,g)}}return function(p,S,u){return S&&l(p.prototype,S),u&&l(p,u),p}}();function v(l,p){if(!l)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return p&&(typeof p=="object"||typeof p=="function")?p:l}function _(l,p){if(typeof p!="function"&&p!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof p);l.prototype=Object.create(p&&p.prototype,{constructor:{value:l,enumerable:!1,writable:!0,configurable:!0}}),p&&(Object.setPrototypeOf?Object.setPrototypeOf(l,p):l.__proto__=p)}var b=!1;function E(l){b=l}try{addEventListener("test",null,Object.defineProperty({},"capture",{get:function(){E(!0)}}))}catch{}function X(){var l=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{capture:!0};return b?l:l.capture}function ue(l){if("touches"in l){var p=l.touches[0],S=p.pageX,u=p.pageY;return{x:S,y:u}}var g=l.screenX,T=l.screenY;return{x:g,y:T}}var x=function(l){_(p,l);function p(){var S;h(this,p);for(var u=arguments.length,g=Array(u),T=0;T<u;T++)g[T]=arguments[T];var w=v(this,(S=p.__proto__||Object.getPrototypeOf(p)).call.apply(S,[this].concat(g)));return w._handleSwipeStart=w._handleSwipeStart.bind(w),w._handleSwipeMove=w._handleSwipeMove.bind(w),w._handleSwipeEnd=w._handleSwipeEnd.bind(w),w._onMouseDown=w._onMouseDown.bind(w),w._onMouseMove=w._onMouseMove.bind(w),w._onMouseUp=w._onMouseUp.bind(w),w._setSwiperRef=w._setSwiperRef.bind(w),w}return m(p,[{key:"componentDidMount",value:function(){this.swiper&&this.swiper.addEventListener("touchmove",this._handleSwipeMove,X({capture:!0,passive:!1}))}},{key:"componentWillUnmount",value:function(){this.swiper&&this.swiper.removeEventListener("touchmove",this._handleSwipeMove,X({capture:!0,passive:!1}))}},{key:"_onMouseDown",value:function(u){this.props.allowMouseEvents&&(this.mouseDown=!0,document.addEventListener("mouseup",this._onMouseUp),document.addEventListener("mousemove",this._onMouseMove),this._handleSwipeStart(u))}},{key:"_onMouseMove",value:function(u){this.mouseDown&&this._handleSwipeMove(u)}},{key:"_onMouseUp",value:function(u){this.mouseDown=!1,document.removeEventListener("mouseup",this._onMouseUp),document.removeEventListener("mousemove",this._onMouseMove),this._handleSwipeEnd(u)}},{key:"_handleSwipeStart",value:function(u){var g=ue(u),T=g.x,w=g.y;this.moveStart={x:T,y:w},this.props.onSwipeStart(u)}},{key:"_handleSwipeMove",value:function(u){if(this.moveStart){var g=ue(u),T=g.x,w=g.y,Y=T-this.moveStart.x,we=w-this.moveStart.y;this.moving=!0;var Ie=this.props.onSwipeMove({x:Y,y:we},u);Ie&&u.cancelable&&u.preventDefault(),this.movePosition={deltaX:Y,deltaY:we}}}},{key:"_handleSwipeEnd",value:function(u){this.props.onSwipeEnd(u);var g=this.props.tolerance;this.moving&&this.movePosition&&(this.movePosition.deltaX<-g?this.props.onSwipeLeft(1,u):this.movePosition.deltaX>g&&this.props.onSwipeRight(1,u),this.movePosition.deltaY<-g?this.props.onSwipeUp(1,u):this.movePosition.deltaY>g&&this.props.onSwipeDown(1,u)),this.moveStart=null,this.moving=!1,this.movePosition=null}},{key:"_setSwiperRef",value:function(u){this.swiper=u,this.props.innerRef(u)}},{key:"render",value:function(){var u=this.props;u.tagName;var g=u.className,T=u.style,w=u.children;u.allowMouseEvents,u.onSwipeUp,u.onSwipeDown,u.onSwipeLeft,u.onSwipeRight,u.onSwipeStart,u.onSwipeMove,u.onSwipeEnd,u.innerRef,u.tolerance;var Y=f(u,["tagName","className","style","children","allowMouseEvents","onSwipeUp","onSwipeDown","onSwipeLeft","onSwipeRight","onSwipeStart","onSwipeMove","onSwipeEnd","innerRef","tolerance"]);return e.default.createElement(this.props.tagName,s({ref:this._setSwiperRef,onMouseDown:this._onMouseDown,onTouchStart:this._handleSwipeStart,onTouchEnd:this._handleSwipeEnd,className:g,style:T},Y),w)}}]),p}(r.Component);x.displayName="ReactSwipe",x.propTypes={tagName:o.default.string,className:o.default.string,style:o.default.object,children:o.default.node,allowMouseEvents:o.default.bool,onSwipeUp:o.default.func,onSwipeDown:o.default.func,onSwipeLeft:o.default.func,onSwipeRight:o.default.func,onSwipeStart:o.default.func,onSwipeMove:o.default.func,onSwipeEnd:o.default.func,innerRef:o.default.func,tolerance:o.default.number.isRequired},x.defaultProps={tagName:"div",allowMouseEvents:!1,onSwipeUp:function(){},onSwipeDown:function(){},onSwipeLeft:function(){},onSwipeRight:function(){},onSwipeStart:function(){},onSwipeMove:function(){},onSwipeEnd:function(){},innerRef:function(){},tolerance:0},n.default=x})}(le)),le}(function(t){(function(n,r){r(t,ke())})(Pe.commonjsGlobal,function(n,r){Object.defineProperty(n,"__esModule",{value:!0});var i=e(r);function e(o){return o&&o.__esModule?o:{default:o}}n.default=i.default})})(me);var j={};Object.defineProperty(j,"__esModule",{value:!0});j.default=void 0;var A=Ae(Ce.classnamesExports);function Ae(t){return t&&t.__esModule?t:{default:t}}function We(t,n,r){return n in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}var ze={ROOT:function(n){return(0,A.default)(We({"carousel-root":!0},n||"",!!n))},CAROUSEL:function(n){return(0,A.default)({carousel:!0,"carousel-slider":n})},WRAPPER:function(n,r){return(0,A.default)({"thumbs-wrapper":!n,"slider-wrapper":n,"axis-horizontal":r==="horizontal","axis-vertical":r!=="horizontal"})},SLIDER:function(n,r){return(0,A.default)({thumbs:!n,slider:n,animated:!r})},ITEM:function(n,r,i){return(0,A.default)({thumb:!n,slide:n,selected:r,previous:i})},ARROW_PREV:function(n){return(0,A.default)({"control-arrow control-prev":!0,"control-disabled":n})},ARROW_NEXT:function(n){return(0,A.default)({"control-arrow control-next":!0,"control-disabled":n})},DOT:function(n){return(0,A.default)({dot:!0,selected:n})}};j.default=ze;var q={},oe={};Object.defineProperty(oe,"__esModule",{value:!0});oe.outerWidth=void 0;var xe=function(n){var r=n.offsetWidth,i=getComputedStyle(n);return r+=parseInt(i.marginLeft)+parseInt(i.marginRight),r};oe.outerWidth=xe;var H={};Object.defineProperty(H,"__esModule",{value:!0});H.default=void 0;var Ne=function(n,r,i){var e=n===0?n:n+r,o=i==="horizontal"?[e,0,0]:[0,e,0],a="translate3d",s="("+o.join(",")+")";return a+s};H.default=Ne;var K={};Object.defineProperty(K,"__esModule",{value:!0});K.default=void 0;var He=function(){return window};K.default=He;Object.defineProperty(q,"__esModule",{value:!0});q.default=void 0;var M=Fe(N),W=ae(j),$e=oe,ge=ae(H),Ue=ae(me),V=ae(K);function ae(t){return t&&t.__esModule?t:{default:t}}function Re(){if(typeof WeakMap!="function")return null;var t=new WeakMap;return Re=function(){return t},t}function Fe(t){if(t&&t.__esModule)return t;if(t===null||U(t)!=="object"&&typeof t!="function")return{default:t};var n=Re();if(n&&n.has(t))return n.get(t);var r={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var e in t)if(Object.prototype.hasOwnProperty.call(t,e)){var o=i?Object.getOwnPropertyDescriptor(t,e):null;o&&(o.get||o.set)?Object.defineProperty(r,e,o):r[e]=t[e]}return r.default=t,n&&n.set(t,r),r}function U(t){"@babel/helpers - typeof";return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?U=function(r){return typeof r}:U=function(r){return r&&typeof Symbol=="function"&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},U(t)}function ce(){return ce=Object.assign||function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(t[i]=r[i])}return t},ce.apply(this,arguments)}function je(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}function qe(t,n){for(var r=0;r<n.length;r++){var i=n[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function Ke(t,n,r){return n&&qe(t.prototype,n),t}function Be(t,n){if(typeof n!="function"&&n!==null)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(n&&n.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),n&&de(t,n)}function de(t,n){return de=Object.setPrototypeOf||function(i,e){return i.__proto__=e,i},de(t,n)}function Xe(t){var n=Ve();return function(){var i=J(t),e;if(n){var o=J(this).constructor;e=Reflect.construct(i,arguments,o)}else e=i.apply(this,arguments);return Ye(this,e)}}function Ye(t,n){return n&&(U(n)==="object"||typeof n=="function")?n:O(t)}function O(t){if(t===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function Ve(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch{return!1}}function J(t){return J=Object.setPrototypeOf?Object.getPrototypeOf:function(r){return r.__proto__||Object.getPrototypeOf(r)},J(t)}function P(t,n,r){return n in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}var Ze=function(n){return n.hasOwnProperty("key")},ve=function(t){Be(r,t);var n=Xe(r);function r(i){var e;return je(this,r),e=n.call(this,i),P(O(e),"itemsWrapperRef",void 0),P(O(e),"itemsListRef",void 0),P(O(e),"thumbsRef",void 0),P(O(e),"setItemsWrapperRef",function(o){e.itemsWrapperRef=o}),P(O(e),"setItemsListRef",function(o){e.itemsListRef=o}),P(O(e),"setThumbsRef",function(o,a){e.thumbsRef||(e.thumbsRef=[]),e.thumbsRef[a]=o}),P(O(e),"updateSizes",function(){if(!(!e.props.children||!e.itemsWrapperRef||!e.thumbsRef)){var o=M.Children.count(e.props.children),a=e.itemsWrapperRef.clientWidth,s=e.props.thumbWidth?e.props.thumbWidth:(0,$e.outerWidth)(e.thumbsRef[0]),f=Math.floor(a/s),h=f<o,m=h?o-f:0;e.setState(function(v,_){return{itemSize:s,visibleItems:f,firstItem:h?e.getFirstItem(_.selectedItem):0,lastPosition:m,showArrows:h}})}}),P(O(e),"handleClickItem",function(o,a,s){if(!Ze(s)||s.key==="Enter"){var f=e.props.onSelectItem;typeof f=="function"&&f(o,a)}}),P(O(e),"onSwipeStart",function(){e.setState({swiping:!0})}),P(O(e),"onSwipeEnd",function(){e.setState({swiping:!1})}),P(O(e),"onSwipeMove",function(o){var a=o.x;if(!e.state.itemSize||!e.itemsWrapperRef||!e.state.visibleItems)return!1;var s=0,f=M.Children.count(e.props.children),h=-(e.state.firstItem*100)/e.state.visibleItems,m=Math.max(f-e.state.visibleItems,0),v=-m*100/e.state.visibleItems;h===s&&a>0&&(a=0),h===v&&a<0&&(a=0);var _=e.itemsWrapperRef.clientWidth,b=h+100/(_/a);return e.itemsListRef&&["WebkitTransform","MozTransform","MsTransform","OTransform","transform","msTransform"].forEach(function(E){e.itemsListRef.style[E]=(0,ge.default)(b,"%",e.props.axis)}),!0}),P(O(e),"slideRight",function(o){e.moveTo(e.state.firstItem-(typeof o=="number"?o:1))}),P(O(e),"slideLeft",function(o){e.moveTo(e.state.firstItem+(typeof o=="number"?o:1))}),P(O(e),"moveTo",function(o){o=o<0?0:o,o=o>=e.state.lastPosition?e.state.lastPosition:o,e.setState({firstItem:o})}),e.state={selectedItem:i.selectedItem,swiping:!1,showArrows:!1,firstItem:0,visibleItems:0,lastPosition:0},e}return Ke(r,[{key:"componentDidMount",value:function(){this.setupThumbs()}},{key:"componentDidUpdate",value:function(e){this.props.selectedItem!==this.state.selectedItem&&this.setState({selectedItem:this.props.selectedItem,firstItem:this.getFirstItem(this.props.selectedItem)}),this.props.children!==e.children&&this.updateSizes()}},{key:"componentWillUnmount",value:function(){this.destroyThumbs()}},{key:"setupThumbs",value:function(){(0,V.default)().addEventListener("resize",this.updateSizes),(0,V.default)().addEventListener("DOMContentLoaded",this.updateSizes),this.updateSizes()}},{key:"destroyThumbs",value:function(){(0,V.default)().removeEventListener("resize",this.updateSizes),(0,V.default)().removeEventListener("DOMContentLoaded",this.updateSizes)}},{key:"getFirstItem",value:function(e){var o=e;return e>=this.state.lastPosition&&(o=this.state.lastPosition),e<this.state.firstItem+this.state.visibleItems&&(o=this.state.firstItem),e<this.state.firstItem&&(o=e),o}},{key:"renderItems",value:function(){var e=this;return this.props.children.map(function(o,a){var s=W.default.ITEM(!1,a===e.state.selectedItem),f={key:a,ref:function(m){return e.setThumbsRef(m,a)},className:s,onClick:e.handleClickItem.bind(e,a,e.props.children[a]),onKeyDown:e.handleClickItem.bind(e,a,e.props.children[a]),"aria-label":"".concat(e.props.labels.item," ").concat(a+1),style:{width:e.props.thumbWidth}};return M.default.createElement("li",ce({},f,{role:"button",tabIndex:0}),o)})}},{key:"render",value:function(){var e=this;if(!this.props.children)return null;var o=M.Children.count(this.props.children)>1,a=this.state.showArrows&&this.state.firstItem>0,s=this.state.showArrows&&this.state.firstItem<this.state.lastPosition,f={},h=-this.state.firstItem*(this.state.itemSize||0),m=(0,ge.default)(h,"px",this.props.axis),v=this.props.transitionTime+"ms";return f={WebkitTransform:m,MozTransform:m,MsTransform:m,OTransform:m,transform:m,msTransform:m,WebkitTransitionDuration:v,MozTransitionDuration:v,MsTransitionDuration:v,OTransitionDuration:v,transitionDuration:v,msTransitionDuration:v},M.default.createElement("div",{className:W.default.CAROUSEL(!1)},M.default.createElement("div",{className:W.default.WRAPPER(!1),ref:this.setItemsWrapperRef},M.default.createElement("button",{type:"button",className:W.default.ARROW_PREV(!a),onClick:function(){return e.slideRight()},"aria-label":this.props.labels.leftArrow}),o?M.default.createElement(Ue.default,{tagName:"ul",className:W.default.SLIDER(!1,this.state.swiping),onSwipeLeft:this.slideLeft,onSwipeRight:this.slideRight,onSwipeMove:this.onSwipeMove,onSwipeStart:this.onSwipeStart,onSwipeEnd:this.onSwipeEnd,style:f,innerRef:this.setItemsListRef,allowMouseEvents:this.props.emulateTouch},this.renderItems()):M.default.createElement("ul",{className:W.default.SLIDER(!1,this.state.swiping),ref:function(b){return e.setItemsListRef(b)},style:f},this.renderItems()),M.default.createElement("button",{type:"button",className:W.default.ARROW_NEXT(!s),onClick:function(){return e.slideLeft()},"aria-label":this.props.labels.rightArrow})))}}]),r}(M.Component);q.default=ve;P(ve,"displayName","Thumbs");P(ve,"defaultProps",{axis:"horizontal",labels:{leftArrow:"previous slide / item",rightArrow:"next slide / item",item:"slide item"},selectedItem:0,thumbWidth:80,transitionTime:350});var se={};Object.defineProperty(se,"__esModule",{value:!0});se.default=void 0;var Ge=function(){return document};se.default=Ge;var R={};Object.defineProperty(R,"__esModule",{value:!0});R.setPosition=R.getPosition=R.isKeyboardEvent=R.defaultStatusFormatter=R.noop=void 0;var Je=N,Qe=et(H);function et(t){return t&&t.__esModule?t:{default:t}}var tt=function(){};R.noop=tt;var nt=function(n,r){return"".concat(n," of ").concat(r)};R.defaultStatusFormatter=nt;var rt=function(n){return n?n.hasOwnProperty("key"):!1};R.isKeyboardEvent=rt;var it=function(n,r){if(r.infiniteLoop&&++n,n===0)return 0;var i=Je.Children.count(r.children);if(r.centerMode&&r.axis==="horizontal"){var e=-n*r.centerSlidePercentage,o=i-1;return n&&(n!==o||r.infiniteLoop)?e+=(100-r.centerSlidePercentage)/2:n===o&&(e+=100-r.centerSlidePercentage),e}return-n*100};R.getPosition=it;var ot=function(n,r){var i={};return["WebkitTransform","MozTransform","MsTransform","OTransform","transform","msTransform"].forEach(function(e){i[e]=(0,Qe.default)(n,"%",r)}),i};R.setPosition=ot;var C={};Object.defineProperty(C,"__esModule",{value:!0});C.fadeAnimationHandler=C.slideStopSwipingHandler=C.slideSwipeAnimationHandler=C.slideAnimationHandler=void 0;var Ee=N,at=st(H),L=R;function st(t){return t&&t.__esModule?t:{default:t}}function be(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);n&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,i)}return r}function z(t){for(var n=1;n<arguments.length;n++){var r=arguments[n]!=null?arguments[n]:{};n%2?be(Object(r),!0).forEach(function(i){ut(t,i,r[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):be(Object(r)).forEach(function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))})}return t}function ut(t,n,r){return n in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}var lt=function(n,r){var i={},e=r.selectedItem,o=e,a=Ee.Children.count(n.children)-1,s=n.infiniteLoop&&(e<0||e>a);if(s)return o<0?n.centerMode&&n.centerSlidePercentage&&n.axis==="horizontal"?i.itemListStyle=(0,L.setPosition)(-(a+2)*n.centerSlidePercentage-(100-n.centerSlidePercentage)/2,n.axis):i.itemListStyle=(0,L.setPosition)(-(a+2)*100,n.axis):o>a&&(i.itemListStyle=(0,L.setPosition)(0,n.axis)),i;var f=(0,L.getPosition)(e,n),h=(0,at.default)(f,"%",n.axis),m=n.transitionTime+"ms";return i.itemListStyle={WebkitTransform:h,msTransform:h,OTransform:h,transform:h},r.swiping||(i.itemListStyle=z(z({},i.itemListStyle),{},{WebkitTransitionDuration:m,MozTransitionDuration:m,OTransitionDuration:m,transitionDuration:m,msTransitionDuration:m})),i};C.slideAnimationHandler=lt;var ft=function(n,r,i,e){var o={},a=r.axis==="horizontal",s=Ee.Children.count(r.children),f=0,h=(0,L.getPosition)(i.selectedItem,r),m=r.infiniteLoop?(0,L.getPosition)(s-1,r)-100:(0,L.getPosition)(s-1,r),v=a?n.x:n.y,_=v;h===f&&v>0&&(_=0),h===m&&v<0&&(_=0);var b=h+100/(i.itemSize/_),E=Math.abs(v)>r.swipeScrollTolerance;return r.infiniteLoop&&E&&(i.selectedItem===0&&b>-100?b-=s*100:i.selectedItem===s-1&&b<-s*100&&(b+=s*100)),(!r.preventMovementUntilSwipeScrollTolerance||E||i.swipeMovementStarted)&&(i.swipeMovementStarted||e({swipeMovementStarted:!0}),o.itemListStyle=(0,L.setPosition)(b,r.axis)),E&&!i.cancelClick&&e({cancelClick:!0}),o};C.slideSwipeAnimationHandler=ft;var ct=function(n,r){var i=(0,L.getPosition)(r.selectedItem,n),e=(0,L.setPosition)(i,n.axis);return{itemListStyle:e}};C.slideStopSwipingHandler=ct;var dt=function(n,r){var i=n.transitionTime+"ms",e="ease-in-out",o={position:"absolute",display:"block",zIndex:-2,minHeight:"100%",opacity:0,top:0,right:0,left:0,bottom:0,transitionTimingFunction:e,msTransitionTimingFunction:e,MozTransitionTimingFunction:e,WebkitTransitionTimingFunction:e,OTransitionTimingFunction:e};return r.swiping||(o=z(z({},o),{},{WebkitTransitionDuration:i,MozTransitionDuration:i,OTransitionDuration:i,transitionDuration:i,msTransitionDuration:i})),{slideStyle:o,selectedStyle:z(z({},o),{},{opacity:1,position:"relative"}),prevStyle:z({},o)}};C.fadeAnimationHandler=dt;Object.defineProperty(ie,"__esModule",{value:!0});ie.default=void 0;var y=mt(N),pt=B(me),k=B(j),ht=B(q),Z=B(se),G=B(K),$=R,Q=C;function B(t){return t&&t.__esModule?t:{default:t}}function Te(){if(typeof WeakMap!="function")return null;var t=new WeakMap;return Te=function(){return t},t}function mt(t){if(t&&t.__esModule)return t;if(t===null||F(t)!=="object"&&typeof t!="function")return{default:t};var n=Te();if(n&&n.has(t))return n.get(t);var r={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var e in t)if(Object.prototype.hasOwnProperty.call(t,e)){var o=i?Object.getOwnPropertyDescriptor(t,e):null;o&&(o.get||o.set)?Object.defineProperty(r,e,o):r[e]=t[e]}return r.default=t,n&&n.set(t,r),r}function F(t){"@babel/helpers - typeof";return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?F=function(r){return typeof r}:F=function(r){return r&&typeof Symbol=="function"&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},F(t)}function pe(){return pe=Object.assign||function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(t[i]=r[i])}return t},pe.apply(this,arguments)}function _e(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);n&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,i)}return r}function I(t){for(var n=1;n<arguments.length;n++){var r=arguments[n]!=null?arguments[n]:{};n%2?_e(Object(r),!0).forEach(function(i){c(t,i,r[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):_e(Object(r)).forEach(function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))})}return t}function vt(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}function yt(t,n){for(var r=0;r<n.length;r++){var i=n[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function wt(t,n,r){return n&&yt(t.prototype,n),t}function St(t,n){if(typeof n!="function"&&n!==null)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(n&&n.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),n&&he(t,n)}function he(t,n){return he=Object.setPrototypeOf||function(i,e){return i.__proto__=e,i},he(t,n)}function gt(t){var n=_t();return function(){var i=ee(t),e;if(n){var o=ee(this).constructor;e=Reflect.construct(i,arguments,o)}else e=i.apply(this,arguments);return bt(this,e)}}function bt(t,n){return n&&(F(n)==="object"||typeof n=="function")?n:d(t)}function d(t){if(t===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function _t(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch{return!1}}function ee(t){return ee=Object.setPrototypeOf?Object.getPrototypeOf:function(r){return r.__proto__||Object.getPrototypeOf(r)},ee(t)}function c(t,n,r){return n in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}var ye=function(t){St(r,t);var n=gt(r);function r(i){var e;vt(this,r),e=n.call(this,i),c(d(e),"thumbsRef",void 0),c(d(e),"carouselWrapperRef",void 0),c(d(e),"listRef",void 0),c(d(e),"itemsRef",void 0),c(d(e),"timer",void 0),c(d(e),"animationHandler",void 0),c(d(e),"setThumbsRef",function(a){e.thumbsRef=a}),c(d(e),"setCarouselWrapperRef",function(a){e.carouselWrapperRef=a}),c(d(e),"setListRef",function(a){e.listRef=a}),c(d(e),"setItemsRef",function(a,s){e.itemsRef||(e.itemsRef=[]),e.itemsRef[s]=a}),c(d(e),"autoPlay",function(){y.Children.count(e.props.children)<=1||(e.clearAutoPlay(),e.props.autoPlay&&(e.timer=setTimeout(function(){e.increment()},e.props.interval)))}),c(d(e),"clearAutoPlay",function(){e.timer&&clearTimeout(e.timer)}),c(d(e),"resetAutoPlay",function(){e.clearAutoPlay(),e.autoPlay()}),c(d(e),"stopOnHover",function(){e.setState({isMouseEntered:!0},e.clearAutoPlay)}),c(d(e),"startOnLeave",function(){e.setState({isMouseEntered:!1},e.autoPlay)}),c(d(e),"isFocusWithinTheCarousel",function(){return e.carouselWrapperRef?!!((0,Z.default)().activeElement===e.carouselWrapperRef||e.carouselWrapperRef.contains((0,Z.default)().activeElement)):!1}),c(d(e),"navigateWithKeyboard",function(a){if(e.isFocusWithinTheCarousel()){var s=e.props.axis,f=s==="horizontal",h={ArrowUp:38,ArrowRight:39,ArrowDown:40,ArrowLeft:37},m=f?h.ArrowRight:h.ArrowDown,v=f?h.ArrowLeft:h.ArrowUp;m===a.keyCode?e.increment():v===a.keyCode&&e.decrement()}}),c(d(e),"updateSizes",function(){if(!(!e.state.initialized||!e.itemsRef||e.itemsRef.length===0)){var a=e.props.axis==="horizontal",s=e.itemsRef[0];if(s){var f=a?s.clientWidth:s.clientHeight;e.setState({itemSize:f}),e.thumbsRef&&e.thumbsRef.updateSizes()}}}),c(d(e),"setMountState",function(){e.setState({hasMount:!0}),e.updateSizes()}),c(d(e),"handleClickItem",function(a,s){if(y.Children.count(e.props.children)!==0){if(e.state.cancelClick){e.setState({cancelClick:!1});return}e.props.onClickItem(a,s),a!==e.state.selectedItem&&e.setState({selectedItem:a})}}),c(d(e),"handleOnChange",function(a,s){y.Children.count(e.props.children)<=1||e.props.onChange(a,s)}),c(d(e),"handleClickThumb",function(a,s){e.props.onClickThumb(a,s),e.moveTo(a)}),c(d(e),"onSwipeStart",function(a){e.setState({swiping:!0}),e.props.onSwipeStart(a)}),c(d(e),"onSwipeEnd",function(a){e.setState({swiping:!1,cancelClick:!1,swipeMovementStarted:!1}),e.props.onSwipeEnd(a),e.clearAutoPlay(),e.state.autoPlay&&e.autoPlay()}),c(d(e),"onSwipeMove",function(a,s){e.props.onSwipeMove(s);var f=e.props.swipeAnimationHandler(a,e.props,e.state,e.setState.bind(d(e)));return e.setState(I({},f)),!!Object.keys(f).length}),c(d(e),"decrement",function(){var a=arguments.length>0&&arguments[0]!==void 0?arguments[0]:1;e.moveTo(e.state.selectedItem-(typeof a=="number"?a:1))}),c(d(e),"increment",function(){var a=arguments.length>0&&arguments[0]!==void 0?arguments[0]:1;e.moveTo(e.state.selectedItem+(typeof a=="number"?a:1))}),c(d(e),"moveTo",function(a){if(typeof a=="number"){var s=y.Children.count(e.props.children)-1;a<0&&(a=e.props.infiniteLoop?s:0),a>s&&(a=e.props.infiniteLoop?0:s),e.selectItem({selectedItem:a}),e.state.autoPlay&&e.state.isMouseEntered===!1&&e.resetAutoPlay()}}),c(d(e),"onClickNext",function(){e.increment(1)}),c(d(e),"onClickPrev",function(){e.decrement(1)}),c(d(e),"onSwipeForward",function(){e.increment(1),e.props.emulateTouch&&e.setState({cancelClick:!0})}),c(d(e),"onSwipeBackwards",function(){e.decrement(1),e.props.emulateTouch&&e.setState({cancelClick:!0})}),c(d(e),"changeItem",function(a){return function(s){(!(0,$.isKeyboardEvent)(s)||s.key==="Enter")&&e.moveTo(a)}}),c(d(e),"selectItem",function(a){e.setState(I({previousItem:e.state.selectedItem},a),function(){e.setState(e.animationHandler(e.props,e.state))}),e.handleOnChange(a.selectedItem,y.Children.toArray(e.props.children)[a.selectedItem])}),c(d(e),"getInitialImage",function(){var a=e.props.selectedItem,s=e.itemsRef&&e.itemsRef[a],f=s&&s.getElementsByTagName("img")||[];return f[0]}),c(d(e),"getVariableItemHeight",function(a){var s=e.itemsRef&&e.itemsRef[a];if(e.state.hasMount&&s&&s.children.length){var f=s.children[0].getElementsByTagName("img")||[];if(f.length>0){var h=f[0];if(!h.complete){var m=function b(){e.forceUpdate(),h.removeEventListener("load",b)};h.addEventListener("load",m)}}var v=f[0]||s.children[0],_=v.clientHeight;return _>0?_:null}return null});var o={initialized:!1,previousItem:i.selectedItem,selectedItem:i.selectedItem,hasMount:!1,isMouseEntered:!1,autoPlay:i.autoPlay,swiping:!1,swipeMovementStarted:!1,cancelClick:!1,itemSize:1,itemListStyle:{},slideStyle:{},selectedStyle:{},prevStyle:{}};return e.animationHandler=typeof i.animationHandler=="function"&&i.animationHandler||i.animationHandler==="fade"&&Q.fadeAnimationHandler||Q.slideAnimationHandler,e.state=I(I({},o),e.animationHandler(i,o)),e}return wt(r,[{key:"componentDidMount",value:function(){this.props.children&&this.setupCarousel()}},{key:"componentDidUpdate",value:function(e,o){!e.children&&this.props.children&&!this.state.initialized&&this.setupCarousel(),!e.autoFocus&&this.props.autoFocus&&this.forceFocus(),o.swiping&&!this.state.swiping&&this.setState(I({},this.props.stopSwipingHandler(this.props,this.state))),(e.selectedItem!==this.props.selectedItem||e.centerMode!==this.props.centerMode)&&(this.updateSizes(),this.moveTo(this.props.selectedItem)),e.autoPlay!==this.props.autoPlay&&(this.props.autoPlay?this.setupAutoPlay():this.destroyAutoPlay(),this.setState({autoPlay:this.props.autoPlay}))}},{key:"componentWillUnmount",value:function(){this.destroyCarousel()}},{key:"setupCarousel",value:function(){var e=this;this.bindEvents(),this.state.autoPlay&&y.Children.count(this.props.children)>1&&this.setupAutoPlay(),this.props.autoFocus&&this.forceFocus(),this.setState({initialized:!0},function(){var o=e.getInitialImage();o&&!o.complete?o.addEventListener("load",e.setMountState):e.setMountState()})}},{key:"destroyCarousel",value:function(){this.state.initialized&&(this.unbindEvents(),this.destroyAutoPlay())}},{key:"setupAutoPlay",value:function(){this.autoPlay();var e=this.carouselWrapperRef;this.props.stopOnHover&&e&&(e.addEventListener("mouseenter",this.stopOnHover),e.addEventListener("mouseleave",this.startOnLeave))}},{key:"destroyAutoPlay",value:function(){this.clearAutoPlay();var e=this.carouselWrapperRef;this.props.stopOnHover&&e&&(e.removeEventListener("mouseenter",this.stopOnHover),e.removeEventListener("mouseleave",this.startOnLeave))}},{key:"bindEvents",value:function(){(0,G.default)().addEventListener("resize",this.updateSizes),(0,G.default)().addEventListener("DOMContentLoaded",this.updateSizes),this.props.useKeyboardArrows&&(0,Z.default)().addEventListener("keydown",this.navigateWithKeyboard)}},{key:"unbindEvents",value:function(){(0,G.default)().removeEventListener("resize",this.updateSizes),(0,G.default)().removeEventListener("DOMContentLoaded",this.updateSizes);var e=this.getInitialImage();e&&e.removeEventListener("load",this.setMountState),this.props.useKeyboardArrows&&(0,Z.default)().removeEventListener("keydown",this.navigateWithKeyboard)}},{key:"forceFocus",value:function(){var e;(e=this.carouselWrapperRef)===null||e===void 0||e.focus()}},{key:"renderItems",value:function(e){var o=this;return this.props.children?y.Children.map(this.props.children,function(a,s){var f=s===o.state.selectedItem,h=s===o.state.previousItem,m=f&&o.state.selectedStyle||h&&o.state.prevStyle||o.state.slideStyle||{};o.props.centerMode&&o.props.axis==="horizontal"&&(m=I(I({},m),{},{minWidth:o.props.centerSlidePercentage+"%"})),o.state.swiping&&o.state.swipeMovementStarted&&(m=I(I({},m),{},{pointerEvents:"none"}));var v={ref:function(b){return o.setItemsRef(b,s)},key:"itemKey"+s+(e?"clone":""),className:k.default.ITEM(!0,s===o.state.selectedItem,s===o.state.previousItem),onClick:o.handleClickItem.bind(o,s,a),style:m};return y.default.createElement("li",v,o.props.renderItem(a,{isSelected:s===o.state.selectedItem,isPrevious:s===o.state.previousItem}))}):[]}},{key:"renderControls",value:function(){var e=this,o=this.props,a=o.showIndicators,s=o.labels,f=o.renderIndicator,h=o.children;return a?y.default.createElement("ul",{className:"control-dots"},y.Children.map(h,function(m,v){return f&&f(e.changeItem(v),v===e.state.selectedItem,v,s.item)})):null}},{key:"renderStatus",value:function(){return this.props.showStatus?y.default.createElement("p",{className:"carousel-status"},this.props.statusFormatter(this.state.selectedItem+1,y.Children.count(this.props.children))):null}},{key:"renderThumbs",value:function(){return!this.props.showThumbs||!this.props.children||y.Children.count(this.props.children)===0?null:y.default.createElement(ht.default,{ref:this.setThumbsRef,onSelectItem:this.handleClickThumb,selectedItem:this.state.selectedItem,transitionTime:this.props.transitionTime,thumbWidth:this.props.thumbWidth,labels:this.props.labels,emulateTouch:this.props.emulateTouch},this.props.renderThumbs(this.props.children))}},{key:"render",value:function(){var e=this;if(!this.props.children||y.Children.count(this.props.children)===0)return null;var o=this.props.swipeable&&y.Children.count(this.props.children)>1,a=this.props.axis==="horizontal",s=this.props.showArrows&&y.Children.count(this.props.children)>1,f=s&&(this.state.selectedItem>0||this.props.infiniteLoop)||!1,h=s&&(this.state.selectedItem<y.Children.count(this.props.children)-1||this.props.infiniteLoop)||!1,m=this.renderItems(!0),v=m.shift(),_=m.pop(),b={className:k.default.SLIDER(!0,this.state.swiping),onSwipeMove:this.onSwipeMove,onSwipeStart:this.onSwipeStart,onSwipeEnd:this.onSwipeEnd,style:this.state.itemListStyle,tolerance:this.props.swipeScrollTolerance},E={};if(a){if(b.onSwipeLeft=this.onSwipeForward,b.onSwipeRight=this.onSwipeBackwards,this.props.dynamicHeight){var X=this.getVariableItemHeight(this.state.selectedItem);E.height=X||"auto"}}else b.onSwipeUp=this.props.verticalSwipe==="natural"?this.onSwipeBackwards:this.onSwipeForward,b.onSwipeDown=this.props.verticalSwipe==="natural"?this.onSwipeForward:this.onSwipeBackwards,b.style=I(I({},b.style),{},{height:this.state.itemSize}),E.height=this.state.itemSize;return y.default.createElement("div",{"aria-label":this.props.ariaLabel,className:k.default.ROOT(this.props.className),ref:this.setCarouselWrapperRef,tabIndex:this.props.useKeyboardArrows?0:void 0},y.default.createElement("div",{className:k.default.CAROUSEL(!0),style:{width:this.props.width}},this.renderControls(),this.props.renderArrowPrev(this.onClickPrev,f,this.props.labels.leftArrow),y.default.createElement("div",{className:k.default.WRAPPER(!0,this.props.axis),style:E},o?y.default.createElement(pt.default,pe({tagName:"ul",innerRef:this.setListRef},b,{allowMouseEvents:this.props.emulateTouch}),this.props.infiniteLoop&&_,this.renderItems(),this.props.infiniteLoop&&v):y.default.createElement("ul",{className:k.default.SLIDER(!0,this.state.swiping),ref:function(x){return e.setListRef(x)},style:this.state.itemListStyle||{}},this.props.infiniteLoop&&_,this.renderItems(),this.props.infiniteLoop&&v)),this.props.renderArrowNext(this.onClickNext,h,this.props.labels.rightArrow),this.renderStatus()),this.renderThumbs())}}]),r}(y.default.Component);ie.default=ye;c(ye,"displayName","Carousel");c(ye,"defaultProps",{ariaLabel:void 0,axis:"horizontal",centerSlidePercentage:80,interval:3e3,labels:{leftArrow:"previous slide / item",rightArrow:"next slide / item",item:"slide item"},onClickItem:$.noop,onClickThumb:$.noop,onChange:$.noop,onSwipeStart:function(){},onSwipeEnd:function(){},onSwipeMove:function(){return!1},preventMovementUntilSwipeScrollTolerance:!1,renderArrowPrev:function(n,r,i){return y.default.createElement("button",{type:"button","aria-label":i,className:k.default.ARROW_PREV(!r),onClick:n})},renderArrowNext:function(n,r,i){return y.default.createElement("button",{type:"button","aria-label":i,className:k.default.ARROW_NEXT(!r),onClick:n})},renderIndicator:function(n,r,i,e){return y.default.createElement("li",{className:k.default.DOT(r),onClick:n,onKeyDown:n,value:i,key:i,role:"button",tabIndex:0,"aria-label":"".concat(e," ").concat(i+1)})},renderItem:function(n){return n},renderThumbs:function(n){var r=y.Children.map(n,function(i){var e=i;if(i.type!=="img"&&(e=y.Children.toArray(i.props.children).find(function(o){return o.type==="img"})),!!e)return e});return r.filter(function(i){return i}).length===0?(console.warn("No images found! Can't build the thumb list without images. If you don't need thumbs, set showThumbs={false} in the Carousel. Note that it's not possible to get images rendered inside custom components. More info at https://github.com/leandrowd/react-responsive-carousel/blob/master/TROUBLESHOOTING.md"),[]):r},statusFormatter:$.defaultStatusFormatter,selectedItem:0,showArrows:!0,showIndicators:!0,showStatus:!0,showThumbs:!0,stopOnHover:!0,swipeScrollTolerance:5,swipeable:!0,transitionTime:350,verticalSwipe:"standard",width:"100%",animationHandler:"slide",swipeAnimationHandler:Q.slideSwipeAnimationHandler,stopSwipingHandler:Q.slideStopSwipingHandler});var Pt={};(function(t){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Carousel",{enumerable:!0,get:function(){return n.default}}),Object.defineProperty(t,"CarouselProps",{enumerable:!0,get:function(){return r.CarouselProps}}),Object.defineProperty(t,"Thumbs",{enumerable:!0,get:function(){return i.default}});var n=e(ie),r=Pt,i=e(q);function e(o){return o&&o.__esModule?o:{default:o}}})(Oe);const Ot=te.styled.div`
+"use strict";const D=require("react/jsx-runtime"),N=require("react"),Pe=require("./_commonjsHelpers-DKOUU3wS.cjs"),fe=require("./index-BPVoEhTF.cjs"),Ce=require("./index-gY9e_8LL.cjs"),Le=require("./useDetectMobile-zkbzoOGV.cjs"),te=require("./emotion-styled.browser.esm-BtEseadx.cjs"),ne=require("./consts-goSZX3xP.cjs"),re=require("./utils-CZynEOC_.cjs"),De=require("./Button.cjs");var Oe={},ie={},me={},le={},Se;function ke(){return Se||(Se=1,function(t){(function(n,r){r(t,N,fe.propTypesExports)})(Pe.commonjsGlobal,function(n,r,i){Object.defineProperty(n,"__esModule",{value:!0}),n.setHasSupportToCaptureOption=E;var e=a(r),o=a(i);function a(l){return l&&l.__esModule?l:{default:l}}var s=Object.assign||function(l){for(var p=1;p<arguments.length;p++){var S=arguments[p];for(var u in S)Object.prototype.hasOwnProperty.call(S,u)&&(l[u]=S[u])}return l};function f(l,p){var S={};for(var u in l)p.indexOf(u)>=0||Object.prototype.hasOwnProperty.call(l,u)&&(S[u]=l[u]);return S}function h(l,p){if(!(l instanceof p))throw new TypeError("Cannot call a class as a function")}var m=function(){function l(p,S){for(var u=0;u<S.length;u++){var g=S[u];g.enumerable=g.enumerable||!1,g.configurable=!0,"value"in g&&(g.writable=!0),Object.defineProperty(p,g.key,g)}}return function(p,S,u){return S&&l(p.prototype,S),u&&l(p,u),p}}();function v(l,p){if(!l)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return p&&(typeof p=="object"||typeof p=="function")?p:l}function _(l,p){if(typeof p!="function"&&p!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof p);l.prototype=Object.create(p&&p.prototype,{constructor:{value:l,enumerable:!1,writable:!0,configurable:!0}}),p&&(Object.setPrototypeOf?Object.setPrototypeOf(l,p):l.__proto__=p)}var b=!1;function E(l){b=l}try{addEventListener("test",null,Object.defineProperty({},"capture",{get:function(){E(!0)}}))}catch{}function X(){var l=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{capture:!0};return b?l:l.capture}function ue(l){if("touches"in l){var p=l.touches[0],S=p.pageX,u=p.pageY;return{x:S,y:u}}var g=l.screenX,T=l.screenY;return{x:g,y:T}}var x=function(l){_(p,l);function p(){var S;h(this,p);for(var u=arguments.length,g=Array(u),T=0;T<u;T++)g[T]=arguments[T];var w=v(this,(S=p.__proto__||Object.getPrototypeOf(p)).call.apply(S,[this].concat(g)));return w._handleSwipeStart=w._handleSwipeStart.bind(w),w._handleSwipeMove=w._handleSwipeMove.bind(w),w._handleSwipeEnd=w._handleSwipeEnd.bind(w),w._onMouseDown=w._onMouseDown.bind(w),w._onMouseMove=w._onMouseMove.bind(w),w._onMouseUp=w._onMouseUp.bind(w),w._setSwiperRef=w._setSwiperRef.bind(w),w}return m(p,[{key:"componentDidMount",value:function(){this.swiper&&this.swiper.addEventListener("touchmove",this._handleSwipeMove,X({capture:!0,passive:!1}))}},{key:"componentWillUnmount",value:function(){this.swiper&&this.swiper.removeEventListener("touchmove",this._handleSwipeMove,X({capture:!0,passive:!1}))}},{key:"_onMouseDown",value:function(u){this.props.allowMouseEvents&&(this.mouseDown=!0,document.addEventListener("mouseup",this._onMouseUp),document.addEventListener("mousemove",this._onMouseMove),this._handleSwipeStart(u))}},{key:"_onMouseMove",value:function(u){this.mouseDown&&this._handleSwipeMove(u)}},{key:"_onMouseUp",value:function(u){this.mouseDown=!1,document.removeEventListener("mouseup",this._onMouseUp),document.removeEventListener("mousemove",this._onMouseMove),this._handleSwipeEnd(u)}},{key:"_handleSwipeStart",value:function(u){var g=ue(u),T=g.x,w=g.y;this.moveStart={x:T,y:w},this.props.onSwipeStart(u)}},{key:"_handleSwipeMove",value:function(u){if(this.moveStart){var g=ue(u),T=g.x,w=g.y,Y=T-this.moveStart.x,we=w-this.moveStart.y;this.moving=!0;var Me=this.props.onSwipeMove({x:Y,y:we},u);Me&&u.cancelable&&u.preventDefault(),this.movePosition={deltaX:Y,deltaY:we}}}},{key:"_handleSwipeEnd",value:function(u){this.props.onSwipeEnd(u);var g=this.props.tolerance;this.moving&&this.movePosition&&(this.movePosition.deltaX<-g?this.props.onSwipeLeft(1,u):this.movePosition.deltaX>g&&this.props.onSwipeRight(1,u),this.movePosition.deltaY<-g?this.props.onSwipeUp(1,u):this.movePosition.deltaY>g&&this.props.onSwipeDown(1,u)),this.moveStart=null,this.moving=!1,this.movePosition=null}},{key:"_setSwiperRef",value:function(u){this.swiper=u,this.props.innerRef(u)}},{key:"render",value:function(){var u=this.props;u.tagName;var g=u.className,T=u.style,w=u.children;u.allowMouseEvents,u.onSwipeUp,u.onSwipeDown,u.onSwipeLeft,u.onSwipeRight,u.onSwipeStart,u.onSwipeMove,u.onSwipeEnd,u.innerRef,u.tolerance;var Y=f(u,["tagName","className","style","children","allowMouseEvents","onSwipeUp","onSwipeDown","onSwipeLeft","onSwipeRight","onSwipeStart","onSwipeMove","onSwipeEnd","innerRef","tolerance"]);return e.default.createElement(this.props.tagName,s({ref:this._setSwiperRef,onMouseDown:this._onMouseDown,onTouchStart:this._handleSwipeStart,onTouchEnd:this._handleSwipeEnd,className:g,style:T},Y),w)}}]),p}(r.Component);x.displayName="ReactSwipe",x.propTypes={tagName:o.default.string,className:o.default.string,style:o.default.object,children:o.default.node,allowMouseEvents:o.default.bool,onSwipeUp:o.default.func,onSwipeDown:o.default.func,onSwipeLeft:o.default.func,onSwipeRight:o.default.func,onSwipeStart:o.default.func,onSwipeMove:o.default.func,onSwipeEnd:o.default.func,innerRef:o.default.func,tolerance:o.default.number.isRequired},x.defaultProps={tagName:"div",allowMouseEvents:!1,onSwipeUp:function(){},onSwipeDown:function(){},onSwipeLeft:function(){},onSwipeRight:function(){},onSwipeStart:function(){},onSwipeMove:function(){},onSwipeEnd:function(){},innerRef:function(){},tolerance:0},n.default=x})}(le)),le}(function(t){(function(n,r){r(t,ke())})(Pe.commonjsGlobal,function(n,r){Object.defineProperty(n,"__esModule",{value:!0});var i=e(r);function e(o){return o&&o.__esModule?o:{default:o}}n.default=i.default})})(me);var j={};Object.defineProperty(j,"__esModule",{value:!0});j.default=void 0;var A=Ae(Ce.classnamesExports);function Ae(t){return t&&t.__esModule?t:{default:t}}function We(t,n,r){return n in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}var ze={ROOT:function(n){return(0,A.default)(We({"carousel-root":!0},n||"",!!n))},CAROUSEL:function(n){return(0,A.default)({carousel:!0,"carousel-slider":n})},WRAPPER:function(n,r){return(0,A.default)({"thumbs-wrapper":!n,"slider-wrapper":n,"axis-horizontal":r==="horizontal","axis-vertical":r!=="horizontal"})},SLIDER:function(n,r){return(0,A.default)({thumbs:!n,slider:n,animated:!r})},ITEM:function(n,r,i){return(0,A.default)({thumb:!n,slide:n,selected:r,previous:i})},ARROW_PREV:function(n){return(0,A.default)({"control-arrow control-prev":!0,"control-disabled":n})},ARROW_NEXT:function(n){return(0,A.default)({"control-arrow control-next":!0,"control-disabled":n})},DOT:function(n){return(0,A.default)({dot:!0,selected:n})}};j.default=ze;var q={},oe={};Object.defineProperty(oe,"__esModule",{value:!0});oe.outerWidth=void 0;var xe=function(n){var r=n.offsetWidth,i=getComputedStyle(n);return r+=parseInt(i.marginLeft)+parseInt(i.marginRight),r};oe.outerWidth=xe;var H={};Object.defineProperty(H,"__esModule",{value:!0});H.default=void 0;var Ne=function(n,r,i){var e=n===0?n:n+r,o=i==="horizontal"?[e,0,0]:[0,e,0],a="translate3d",s="("+o.join(",")+")";return a+s};H.default=Ne;var K={};Object.defineProperty(K,"__esModule",{value:!0});K.default=void 0;var He=function(){return window};K.default=He;Object.defineProperty(q,"__esModule",{value:!0});q.default=void 0;var I=Fe(N),W=ae(j),$e=oe,ge=ae(H),Ue=ae(me),V=ae(K);function ae(t){return t&&t.__esModule?t:{default:t}}function Re(){if(typeof WeakMap!="function")return null;var t=new WeakMap;return Re=function(){return t},t}function Fe(t){if(t&&t.__esModule)return t;if(t===null||U(t)!=="object"&&typeof t!="function")return{default:t};var n=Re();if(n&&n.has(t))return n.get(t);var r={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var e in t)if(Object.prototype.hasOwnProperty.call(t,e)){var o=i?Object.getOwnPropertyDescriptor(t,e):null;o&&(o.get||o.set)?Object.defineProperty(r,e,o):r[e]=t[e]}return r.default=t,n&&n.set(t,r),r}function U(t){"@babel/helpers - typeof";return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?U=function(r){return typeof r}:U=function(r){return r&&typeof Symbol=="function"&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},U(t)}function ce(){return ce=Object.assign||function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(t[i]=r[i])}return t},ce.apply(this,arguments)}function je(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}function qe(t,n){for(var r=0;r<n.length;r++){var i=n[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function Ke(t,n,r){return n&&qe(t.prototype,n),t}function Be(t,n){if(typeof n!="function"&&n!==null)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(n&&n.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),n&&de(t,n)}function de(t,n){return de=Object.setPrototypeOf||function(i,e){return i.__proto__=e,i},de(t,n)}function Xe(t){var n=Ve();return function(){var i=J(t),e;if(n){var o=J(this).constructor;e=Reflect.construct(i,arguments,o)}else e=i.apply(this,arguments);return Ye(this,e)}}function Ye(t,n){return n&&(U(n)==="object"||typeof n=="function")?n:O(t)}function O(t){if(t===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function Ve(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch{return!1}}function J(t){return J=Object.setPrototypeOf?Object.getPrototypeOf:function(r){return r.__proto__||Object.getPrototypeOf(r)},J(t)}function P(t,n,r){return n in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}var Ze=function(n){return n.hasOwnProperty("key")},ve=function(t){Be(r,t);var n=Xe(r);function r(i){var e;return je(this,r),e=n.call(this,i),P(O(e),"itemsWrapperRef",void 0),P(O(e),"itemsListRef",void 0),P(O(e),"thumbsRef",void 0),P(O(e),"setItemsWrapperRef",function(o){e.itemsWrapperRef=o}),P(O(e),"setItemsListRef",function(o){e.itemsListRef=o}),P(O(e),"setThumbsRef",function(o,a){e.thumbsRef||(e.thumbsRef=[]),e.thumbsRef[a]=o}),P(O(e),"updateSizes",function(){if(!(!e.props.children||!e.itemsWrapperRef||!e.thumbsRef)){var o=I.Children.count(e.props.children),a=e.itemsWrapperRef.clientWidth,s=e.props.thumbWidth?e.props.thumbWidth:(0,$e.outerWidth)(e.thumbsRef[0]),f=Math.floor(a/s),h=f<o,m=h?o-f:0;e.setState(function(v,_){return{itemSize:s,visibleItems:f,firstItem:h?e.getFirstItem(_.selectedItem):0,lastPosition:m,showArrows:h}})}}),P(O(e),"handleClickItem",function(o,a,s){if(!Ze(s)||s.key==="Enter"){var f=e.props.onSelectItem;typeof f=="function"&&f(o,a)}}),P(O(e),"onSwipeStart",function(){e.setState({swiping:!0})}),P(O(e),"onSwipeEnd",function(){e.setState({swiping:!1})}),P(O(e),"onSwipeMove",function(o){var a=o.x;if(!e.state.itemSize||!e.itemsWrapperRef||!e.state.visibleItems)return!1;var s=0,f=I.Children.count(e.props.children),h=-(e.state.firstItem*100)/e.state.visibleItems,m=Math.max(f-e.state.visibleItems,0),v=-m*100/e.state.visibleItems;h===s&&a>0&&(a=0),h===v&&a<0&&(a=0);var _=e.itemsWrapperRef.clientWidth,b=h+100/(_/a);return e.itemsListRef&&["WebkitTransform","MozTransform","MsTransform","OTransform","transform","msTransform"].forEach(function(E){e.itemsListRef.style[E]=(0,ge.default)(b,"%",e.props.axis)}),!0}),P(O(e),"slideRight",function(o){e.moveTo(e.state.firstItem-(typeof o=="number"?o:1))}),P(O(e),"slideLeft",function(o){e.moveTo(e.state.firstItem+(typeof o=="number"?o:1))}),P(O(e),"moveTo",function(o){o=o<0?0:o,o=o>=e.state.lastPosition?e.state.lastPosition:o,e.setState({firstItem:o})}),e.state={selectedItem:i.selectedItem,swiping:!1,showArrows:!1,firstItem:0,visibleItems:0,lastPosition:0},e}return Ke(r,[{key:"componentDidMount",value:function(){this.setupThumbs()}},{key:"componentDidUpdate",value:function(e){this.props.selectedItem!==this.state.selectedItem&&this.setState({selectedItem:this.props.selectedItem,firstItem:this.getFirstItem(this.props.selectedItem)}),this.props.children!==e.children&&this.updateSizes()}},{key:"componentWillUnmount",value:function(){this.destroyThumbs()}},{key:"setupThumbs",value:function(){(0,V.default)().addEventListener("resize",this.updateSizes),(0,V.default)().addEventListener("DOMContentLoaded",this.updateSizes),this.updateSizes()}},{key:"destroyThumbs",value:function(){(0,V.default)().removeEventListener("resize",this.updateSizes),(0,V.default)().removeEventListener("DOMContentLoaded",this.updateSizes)}},{key:"getFirstItem",value:function(e){var o=e;return e>=this.state.lastPosition&&(o=this.state.lastPosition),e<this.state.firstItem+this.state.visibleItems&&(o=this.state.firstItem),e<this.state.firstItem&&(o=e),o}},{key:"renderItems",value:function(){var e=this;return this.props.children.map(function(o,a){var s=W.default.ITEM(!1,a===e.state.selectedItem),f={key:a,ref:function(m){return e.setThumbsRef(m,a)},className:s,onClick:e.handleClickItem.bind(e,a,e.props.children[a]),onKeyDown:e.handleClickItem.bind(e,a,e.props.children[a]),"aria-label":"".concat(e.props.labels.item," ").concat(a+1),style:{width:e.props.thumbWidth}};return I.default.createElement("li",ce({},f,{role:"button",tabIndex:0}),o)})}},{key:"render",value:function(){var e=this;if(!this.props.children)return null;var o=I.Children.count(this.props.children)>1,a=this.state.showArrows&&this.state.firstItem>0,s=this.state.showArrows&&this.state.firstItem<this.state.lastPosition,f={},h=-this.state.firstItem*(this.state.itemSize||0),m=(0,ge.default)(h,"px",this.props.axis),v=this.props.transitionTime+"ms";return f={WebkitTransform:m,MozTransform:m,MsTransform:m,OTransform:m,transform:m,msTransform:m,WebkitTransitionDuration:v,MozTransitionDuration:v,MsTransitionDuration:v,OTransitionDuration:v,transitionDuration:v,msTransitionDuration:v},I.default.createElement("div",{className:W.default.CAROUSEL(!1)},I.default.createElement("div",{className:W.default.WRAPPER(!1),ref:this.setItemsWrapperRef},I.default.createElement("button",{type:"button",className:W.default.ARROW_PREV(!a),onClick:function(){return e.slideRight()},"aria-label":this.props.labels.leftArrow}),o?I.default.createElement(Ue.default,{tagName:"ul",className:W.default.SLIDER(!1,this.state.swiping),onSwipeLeft:this.slideLeft,onSwipeRight:this.slideRight,onSwipeMove:this.onSwipeMove,onSwipeStart:this.onSwipeStart,onSwipeEnd:this.onSwipeEnd,style:f,innerRef:this.setItemsListRef,allowMouseEvents:this.props.emulateTouch},this.renderItems()):I.default.createElement("ul",{className:W.default.SLIDER(!1,this.state.swiping),ref:function(b){return e.setItemsListRef(b)},style:f},this.renderItems()),I.default.createElement("button",{type:"button",className:W.default.ARROW_NEXT(!s),onClick:function(){return e.slideLeft()},"aria-label":this.props.labels.rightArrow})))}}]),r}(I.Component);q.default=ve;P(ve,"displayName","Thumbs");P(ve,"defaultProps",{axis:"horizontal",labels:{leftArrow:"previous slide / item",rightArrow:"next slide / item",item:"slide item"},selectedItem:0,thumbWidth:80,transitionTime:350});var se={};Object.defineProperty(se,"__esModule",{value:!0});se.default=void 0;var Ge=function(){return document};se.default=Ge;var R={};Object.defineProperty(R,"__esModule",{value:!0});R.setPosition=R.getPosition=R.isKeyboardEvent=R.defaultStatusFormatter=R.noop=void 0;var Je=N,Qe=et(H);function et(t){return t&&t.__esModule?t:{default:t}}var tt=function(){};R.noop=tt;var nt=function(n,r){return"".concat(n," of ").concat(r)};R.defaultStatusFormatter=nt;var rt=function(n){return n?n.hasOwnProperty("key"):!1};R.isKeyboardEvent=rt;var it=function(n,r){if(r.infiniteLoop&&++n,n===0)return 0;var i=Je.Children.count(r.children);if(r.centerMode&&r.axis==="horizontal"){var e=-n*r.centerSlidePercentage,o=i-1;return n&&(n!==o||r.infiniteLoop)?e+=(100-r.centerSlidePercentage)/2:n===o&&(e+=100-r.centerSlidePercentage),e}return-n*100};R.getPosition=it;var ot=function(n,r){var i={};return["WebkitTransform","MozTransform","MsTransform","OTransform","transform","msTransform"].forEach(function(e){i[e]=(0,Qe.default)(n,"%",r)}),i};R.setPosition=ot;var C={};Object.defineProperty(C,"__esModule",{value:!0});C.fadeAnimationHandler=C.slideStopSwipingHandler=C.slideSwipeAnimationHandler=C.slideAnimationHandler=void 0;var Ee=N,at=st(H),L=R;function st(t){return t&&t.__esModule?t:{default:t}}function be(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);n&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,i)}return r}function z(t){for(var n=1;n<arguments.length;n++){var r=arguments[n]!=null?arguments[n]:{};n%2?be(Object(r),!0).forEach(function(i){ut(t,i,r[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):be(Object(r)).forEach(function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))})}return t}function ut(t,n,r){return n in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}var lt=function(n,r){var i={},e=r.selectedItem,o=e,a=Ee.Children.count(n.children)-1,s=n.infiniteLoop&&(e<0||e>a);if(s)return o<0?n.centerMode&&n.centerSlidePercentage&&n.axis==="horizontal"?i.itemListStyle=(0,L.setPosition)(-(a+2)*n.centerSlidePercentage-(100-n.centerSlidePercentage)/2,n.axis):i.itemListStyle=(0,L.setPosition)(-(a+2)*100,n.axis):o>a&&(i.itemListStyle=(0,L.setPosition)(0,n.axis)),i;var f=(0,L.getPosition)(e,n),h=(0,at.default)(f,"%",n.axis),m=n.transitionTime+"ms";return i.itemListStyle={WebkitTransform:h,msTransform:h,OTransform:h,transform:h},r.swiping||(i.itemListStyle=z(z({},i.itemListStyle),{},{WebkitTransitionDuration:m,MozTransitionDuration:m,OTransitionDuration:m,transitionDuration:m,msTransitionDuration:m})),i};C.slideAnimationHandler=lt;var ft=function(n,r,i,e){var o={},a=r.axis==="horizontal",s=Ee.Children.count(r.children),f=0,h=(0,L.getPosition)(i.selectedItem,r),m=r.infiniteLoop?(0,L.getPosition)(s-1,r)-100:(0,L.getPosition)(s-1,r),v=a?n.x:n.y,_=v;h===f&&v>0&&(_=0),h===m&&v<0&&(_=0);var b=h+100/(i.itemSize/_),E=Math.abs(v)>r.swipeScrollTolerance;return r.infiniteLoop&&E&&(i.selectedItem===0&&b>-100?b-=s*100:i.selectedItem===s-1&&b<-s*100&&(b+=s*100)),(!r.preventMovementUntilSwipeScrollTolerance||E||i.swipeMovementStarted)&&(i.swipeMovementStarted||e({swipeMovementStarted:!0}),o.itemListStyle=(0,L.setPosition)(b,r.axis)),E&&!i.cancelClick&&e({cancelClick:!0}),o};C.slideSwipeAnimationHandler=ft;var ct=function(n,r){var i=(0,L.getPosition)(r.selectedItem,n),e=(0,L.setPosition)(i,n.axis);return{itemListStyle:e}};C.slideStopSwipingHandler=ct;var dt=function(n,r){var i=n.transitionTime+"ms",e="ease-in-out",o={position:"absolute",display:"block",zIndex:-2,minHeight:"100%",opacity:0,top:0,right:0,left:0,bottom:0,transitionTimingFunction:e,msTransitionTimingFunction:e,MozTransitionTimingFunction:e,WebkitTransitionTimingFunction:e,OTransitionTimingFunction:e};return r.swiping||(o=z(z({},o),{},{WebkitTransitionDuration:i,MozTransitionDuration:i,OTransitionDuration:i,transitionDuration:i,msTransitionDuration:i})),{slideStyle:o,selectedStyle:z(z({},o),{},{opacity:1,position:"relative"}),prevStyle:z({},o)}};C.fadeAnimationHandler=dt;Object.defineProperty(ie,"__esModule",{value:!0});ie.default=void 0;var y=mt(N),pt=B(me),k=B(j),ht=B(q),Z=B(se),G=B(K),$=R,Q=C;function B(t){return t&&t.__esModule?t:{default:t}}function Te(){if(typeof WeakMap!="function")return null;var t=new WeakMap;return Te=function(){return t},t}function mt(t){if(t&&t.__esModule)return t;if(t===null||F(t)!=="object"&&typeof t!="function")return{default:t};var n=Te();if(n&&n.has(t))return n.get(t);var r={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var e in t)if(Object.prototype.hasOwnProperty.call(t,e)){var o=i?Object.getOwnPropertyDescriptor(t,e):null;o&&(o.get||o.set)?Object.defineProperty(r,e,o):r[e]=t[e]}return r.default=t,n&&n.set(t,r),r}function F(t){"@babel/helpers - typeof";return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?F=function(r){return typeof r}:F=function(r){return r&&typeof Symbol=="function"&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},F(t)}function pe(){return pe=Object.assign||function(t){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(t[i]=r[i])}return t},pe.apply(this,arguments)}function _e(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);n&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,i)}return r}function M(t){for(var n=1;n<arguments.length;n++){var r=arguments[n]!=null?arguments[n]:{};n%2?_e(Object(r),!0).forEach(function(i){c(t,i,r[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):_e(Object(r)).forEach(function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))})}return t}function vt(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}function yt(t,n){for(var r=0;r<n.length;r++){var i=n[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function wt(t,n,r){return n&&yt(t.prototype,n),t}function St(t,n){if(typeof n!="function"&&n!==null)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(n&&n.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),n&&he(t,n)}function he(t,n){return he=Object.setPrototypeOf||function(i,e){return i.__proto__=e,i},he(t,n)}function gt(t){var n=_t();return function(){var i=ee(t),e;if(n){var o=ee(this).constructor;e=Reflect.construct(i,arguments,o)}else e=i.apply(this,arguments);return bt(this,e)}}function bt(t,n){return n&&(F(n)==="object"||typeof n=="function")?n:d(t)}function d(t){if(t===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function _t(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch{return!1}}function ee(t){return ee=Object.setPrototypeOf?Object.getPrototypeOf:function(r){return r.__proto__||Object.getPrototypeOf(r)},ee(t)}function c(t,n,r){return n in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}var ye=function(t){St(r,t);var n=gt(r);function r(i){var e;vt(this,r),e=n.call(this,i),c(d(e),"thumbsRef",void 0),c(d(e),"carouselWrapperRef",void 0),c(d(e),"listRef",void 0),c(d(e),"itemsRef",void 0),c(d(e),"timer",void 0),c(d(e),"animationHandler",void 0),c(d(e),"setThumbsRef",function(a){e.thumbsRef=a}),c(d(e),"setCarouselWrapperRef",function(a){e.carouselWrapperRef=a}),c(d(e),"setListRef",function(a){e.listRef=a}),c(d(e),"setItemsRef",function(a,s){e.itemsRef||(e.itemsRef=[]),e.itemsRef[s]=a}),c(d(e),"autoPlay",function(){y.Children.count(e.props.children)<=1||(e.clearAutoPlay(),e.props.autoPlay&&(e.timer=setTimeout(function(){e.increment()},e.props.interval)))}),c(d(e),"clearAutoPlay",function(){e.timer&&clearTimeout(e.timer)}),c(d(e),"resetAutoPlay",function(){e.clearAutoPlay(),e.autoPlay()}),c(d(e),"stopOnHover",function(){e.setState({isMouseEntered:!0},e.clearAutoPlay)}),c(d(e),"startOnLeave",function(){e.setState({isMouseEntered:!1},e.autoPlay)}),c(d(e),"isFocusWithinTheCarousel",function(){return e.carouselWrapperRef?!!((0,Z.default)().activeElement===e.carouselWrapperRef||e.carouselWrapperRef.contains((0,Z.default)().activeElement)):!1}),c(d(e),"navigateWithKeyboard",function(a){if(e.isFocusWithinTheCarousel()){var s=e.props.axis,f=s==="horizontal",h={ArrowUp:38,ArrowRight:39,ArrowDown:40,ArrowLeft:37},m=f?h.ArrowRight:h.ArrowDown,v=f?h.ArrowLeft:h.ArrowUp;m===a.keyCode?e.increment():v===a.keyCode&&e.decrement()}}),c(d(e),"updateSizes",function(){if(!(!e.state.initialized||!e.itemsRef||e.itemsRef.length===0)){var a=e.props.axis==="horizontal",s=e.itemsRef[0];if(s){var f=a?s.clientWidth:s.clientHeight;e.setState({itemSize:f}),e.thumbsRef&&e.thumbsRef.updateSizes()}}}),c(d(e),"setMountState",function(){e.setState({hasMount:!0}),e.updateSizes()}),c(d(e),"handleClickItem",function(a,s){if(y.Children.count(e.props.children)!==0){if(e.state.cancelClick){e.setState({cancelClick:!1});return}e.props.onClickItem(a,s),a!==e.state.selectedItem&&e.setState({selectedItem:a})}}),c(d(e),"handleOnChange",function(a,s){y.Children.count(e.props.children)<=1||e.props.onChange(a,s)}),c(d(e),"handleClickThumb",function(a,s){e.props.onClickThumb(a,s),e.moveTo(a)}),c(d(e),"onSwipeStart",function(a){e.setState({swiping:!0}),e.props.onSwipeStart(a)}),c(d(e),"onSwipeEnd",function(a){e.setState({swiping:!1,cancelClick:!1,swipeMovementStarted:!1}),e.props.onSwipeEnd(a),e.clearAutoPlay(),e.state.autoPlay&&e.autoPlay()}),c(d(e),"onSwipeMove",function(a,s){e.props.onSwipeMove(s);var f=e.props.swipeAnimationHandler(a,e.props,e.state,e.setState.bind(d(e)));return e.setState(M({},f)),!!Object.keys(f).length}),c(d(e),"decrement",function(){var a=arguments.length>0&&arguments[0]!==void 0?arguments[0]:1;e.moveTo(e.state.selectedItem-(typeof a=="number"?a:1))}),c(d(e),"increment",function(){var a=arguments.length>0&&arguments[0]!==void 0?arguments[0]:1;e.moveTo(e.state.selectedItem+(typeof a=="number"?a:1))}),c(d(e),"moveTo",function(a){if(typeof a=="number"){var s=y.Children.count(e.props.children)-1;a<0&&(a=e.props.infiniteLoop?s:0),a>s&&(a=e.props.infiniteLoop?0:s),e.selectItem({selectedItem:a}),e.state.autoPlay&&e.state.isMouseEntered===!1&&e.resetAutoPlay()}}),c(d(e),"onClickNext",function(){e.increment(1)}),c(d(e),"onClickPrev",function(){e.decrement(1)}),c(d(e),"onSwipeForward",function(){e.increment(1),e.props.emulateTouch&&e.setState({cancelClick:!0})}),c(d(e),"onSwipeBackwards",function(){e.decrement(1),e.props.emulateTouch&&e.setState({cancelClick:!0})}),c(d(e),"changeItem",function(a){return function(s){(!(0,$.isKeyboardEvent)(s)||s.key==="Enter")&&e.moveTo(a)}}),c(d(e),"selectItem",function(a){e.setState(M({previousItem:e.state.selectedItem},a),function(){e.setState(e.animationHandler(e.props,e.state))}),e.handleOnChange(a.selectedItem,y.Children.toArray(e.props.children)[a.selectedItem])}),c(d(e),"getInitialImage",function(){var a=e.props.selectedItem,s=e.itemsRef&&e.itemsRef[a],f=s&&s.getElementsByTagName("img")||[];return f[0]}),c(d(e),"getVariableItemHeight",function(a){var s=e.itemsRef&&e.itemsRef[a];if(e.state.hasMount&&s&&s.children.length){var f=s.children[0].getElementsByTagName("img")||[];if(f.length>0){var h=f[0];if(!h.complete){var m=function b(){e.forceUpdate(),h.removeEventListener("load",b)};h.addEventListener("load",m)}}var v=f[0]||s.children[0],_=v.clientHeight;return _>0?_:null}return null});var o={initialized:!1,previousItem:i.selectedItem,selectedItem:i.selectedItem,hasMount:!1,isMouseEntered:!1,autoPlay:i.autoPlay,swiping:!1,swipeMovementStarted:!1,cancelClick:!1,itemSize:1,itemListStyle:{},slideStyle:{},selectedStyle:{},prevStyle:{}};return e.animationHandler=typeof i.animationHandler=="function"&&i.animationHandler||i.animationHandler==="fade"&&Q.fadeAnimationHandler||Q.slideAnimationHandler,e.state=M(M({},o),e.animationHandler(i,o)),e}return wt(r,[{key:"componentDidMount",value:function(){this.props.children&&this.setupCarousel()}},{key:"componentDidUpdate",value:function(e,o){!e.children&&this.props.children&&!this.state.initialized&&this.setupCarousel(),!e.autoFocus&&this.props.autoFocus&&this.forceFocus(),o.swiping&&!this.state.swiping&&this.setState(M({},this.props.stopSwipingHandler(this.props,this.state))),(e.selectedItem!==this.props.selectedItem||e.centerMode!==this.props.centerMode)&&(this.updateSizes(),this.moveTo(this.props.selectedItem)),e.autoPlay!==this.props.autoPlay&&(this.props.autoPlay?this.setupAutoPlay():this.destroyAutoPlay(),this.setState({autoPlay:this.props.autoPlay}))}},{key:"componentWillUnmount",value:function(){this.destroyCarousel()}},{key:"setupCarousel",value:function(){var e=this;this.bindEvents(),this.state.autoPlay&&y.Children.count(this.props.children)>1&&this.setupAutoPlay(),this.props.autoFocus&&this.forceFocus(),this.setState({initialized:!0},function(){var o=e.getInitialImage();o&&!o.complete?o.addEventListener("load",e.setMountState):e.setMountState()})}},{key:"destroyCarousel",value:function(){this.state.initialized&&(this.unbindEvents(),this.destroyAutoPlay())}},{key:"setupAutoPlay",value:function(){this.autoPlay();var e=this.carouselWrapperRef;this.props.stopOnHover&&e&&(e.addEventListener("mouseenter",this.stopOnHover),e.addEventListener("mouseleave",this.startOnLeave))}},{key:"destroyAutoPlay",value:function(){this.clearAutoPlay();var e=this.carouselWrapperRef;this.props.stopOnHover&&e&&(e.removeEventListener("mouseenter",this.stopOnHover),e.removeEventListener("mouseleave",this.startOnLeave))}},{key:"bindEvents",value:function(){(0,G.default)().addEventListener("resize",this.updateSizes),(0,G.default)().addEventListener("DOMContentLoaded",this.updateSizes),this.props.useKeyboardArrows&&(0,Z.default)().addEventListener("keydown",this.navigateWithKeyboard)}},{key:"unbindEvents",value:function(){(0,G.default)().removeEventListener("resize",this.updateSizes),(0,G.default)().removeEventListener("DOMContentLoaded",this.updateSizes);var e=this.getInitialImage();e&&e.removeEventListener("load",this.setMountState),this.props.useKeyboardArrows&&(0,Z.default)().removeEventListener("keydown",this.navigateWithKeyboard)}},{key:"forceFocus",value:function(){var e;(e=this.carouselWrapperRef)===null||e===void 0||e.focus()}},{key:"renderItems",value:function(e){var o=this;return this.props.children?y.Children.map(this.props.children,function(a,s){var f=s===o.state.selectedItem,h=s===o.state.previousItem,m=f&&o.state.selectedStyle||h&&o.state.prevStyle||o.state.slideStyle||{};o.props.centerMode&&o.props.axis==="horizontal"&&(m=M(M({},m),{},{minWidth:o.props.centerSlidePercentage+"%"})),o.state.swiping&&o.state.swipeMovementStarted&&(m=M(M({},m),{},{pointerEvents:"none"}));var v={ref:function(b){return o.setItemsRef(b,s)},key:"itemKey"+s+(e?"clone":""),className:k.default.ITEM(!0,s===o.state.selectedItem,s===o.state.previousItem),onClick:o.handleClickItem.bind(o,s,a),style:m};return y.default.createElement("li",v,o.props.renderItem(a,{isSelected:s===o.state.selectedItem,isPrevious:s===o.state.previousItem}))}):[]}},{key:"renderControls",value:function(){var e=this,o=this.props,a=o.showIndicators,s=o.labels,f=o.renderIndicator,h=o.children;return a?y.default.createElement("ul",{className:"control-dots"},y.Children.map(h,function(m,v){return f&&f(e.changeItem(v),v===e.state.selectedItem,v,s.item)})):null}},{key:"renderStatus",value:function(){return this.props.showStatus?y.default.createElement("p",{className:"carousel-status"},this.props.statusFormatter(this.state.selectedItem+1,y.Children.count(this.props.children))):null}},{key:"renderThumbs",value:function(){return!this.props.showThumbs||!this.props.children||y.Children.count(this.props.children)===0?null:y.default.createElement(ht.default,{ref:this.setThumbsRef,onSelectItem:this.handleClickThumb,selectedItem:this.state.selectedItem,transitionTime:this.props.transitionTime,thumbWidth:this.props.thumbWidth,labels:this.props.labels,emulateTouch:this.props.emulateTouch},this.props.renderThumbs(this.props.children))}},{key:"render",value:function(){var e=this;if(!this.props.children||y.Children.count(this.props.children)===0)return null;var o=this.props.swipeable&&y.Children.count(this.props.children)>1,a=this.props.axis==="horizontal",s=this.props.showArrows&&y.Children.count(this.props.children)>1,f=s&&(this.state.selectedItem>0||this.props.infiniteLoop)||!1,h=s&&(this.state.selectedItem<y.Children.count(this.props.children)-1||this.props.infiniteLoop)||!1,m=this.renderItems(!0),v=m.shift(),_=m.pop(),b={className:k.default.SLIDER(!0,this.state.swiping),onSwipeMove:this.onSwipeMove,onSwipeStart:this.onSwipeStart,onSwipeEnd:this.onSwipeEnd,style:this.state.itemListStyle,tolerance:this.props.swipeScrollTolerance},E={};if(a){if(b.onSwipeLeft=this.onSwipeForward,b.onSwipeRight=this.onSwipeBackwards,this.props.dynamicHeight){var X=this.getVariableItemHeight(this.state.selectedItem);E.height=X||"auto"}}else b.onSwipeUp=this.props.verticalSwipe==="natural"?this.onSwipeBackwards:this.onSwipeForward,b.onSwipeDown=this.props.verticalSwipe==="natural"?this.onSwipeForward:this.onSwipeBackwards,b.style=M(M({},b.style),{},{height:this.state.itemSize}),E.height=this.state.itemSize;return y.default.createElement("div",{"aria-label":this.props.ariaLabel,className:k.default.ROOT(this.props.className),ref:this.setCarouselWrapperRef,tabIndex:this.props.useKeyboardArrows?0:void 0},y.default.createElement("div",{className:k.default.CAROUSEL(!0),style:{width:this.props.width}},this.renderControls(),this.props.renderArrowPrev(this.onClickPrev,f,this.props.labels.leftArrow),y.default.createElement("div",{className:k.default.WRAPPER(!0,this.props.axis),style:E},o?y.default.createElement(pt.default,pe({tagName:"ul",innerRef:this.setListRef},b,{allowMouseEvents:this.props.emulateTouch}),this.props.infiniteLoop&&_,this.renderItems(),this.props.infiniteLoop&&v):y.default.createElement("ul",{className:k.default.SLIDER(!0,this.state.swiping),ref:function(x){return e.setListRef(x)},style:this.state.itemListStyle||{}},this.props.infiniteLoop&&_,this.renderItems(),this.props.infiniteLoop&&v)),this.props.renderArrowNext(this.onClickNext,h,this.props.labels.rightArrow),this.renderStatus()),this.renderThumbs())}}]),r}(y.default.Component);ie.default=ye;c(ye,"displayName","Carousel");c(ye,"defaultProps",{ariaLabel:void 0,axis:"horizontal",centerSlidePercentage:80,interval:3e3,labels:{leftArrow:"previous slide / item",rightArrow:"next slide / item",item:"slide item"},onClickItem:$.noop,onClickThumb:$.noop,onChange:$.noop,onSwipeStart:function(){},onSwipeEnd:function(){},onSwipeMove:function(){return!1},preventMovementUntilSwipeScrollTolerance:!1,renderArrowPrev:function(n,r,i){return y.default.createElement("button",{type:"button","aria-label":i,className:k.default.ARROW_PREV(!r),onClick:n})},renderArrowNext:function(n,r,i){return y.default.createElement("button",{type:"button","aria-label":i,className:k.default.ARROW_NEXT(!r),onClick:n})},renderIndicator:function(n,r,i,e){return y.default.createElement("li",{className:k.default.DOT(r),onClick:n,onKeyDown:n,value:i,key:i,role:"button",tabIndex:0,"aria-label":"".concat(e," ").concat(i+1)})},renderItem:function(n){return n},renderThumbs:function(n){var r=y.Children.map(n,function(i){var e=i;if(i.type!=="img"&&(e=y.Children.toArray(i.props.children).find(function(o){return o.type==="img"})),!!e)return e});return r.filter(function(i){return i}).length===0?(console.warn("No images found! Can't build the thumb list without images. If you don't need thumbs, set showThumbs={false} in the Carousel. Note that it's not possible to get images rendered inside custom components. More info at https://github.com/leandrowd/react-responsive-carousel/blob/master/TROUBLESHOOTING.md"),[]):r},statusFormatter:$.defaultStatusFormatter,selectedItem:0,showArrows:!0,showIndicators:!0,showStatus:!0,showThumbs:!0,stopOnHover:!0,swipeScrollTolerance:5,swipeable:!0,transitionTime:350,verticalSwipe:"standard",width:"100%",animationHandler:"slide",swipeAnimationHandler:Q.slideSwipeAnimationHandler,stopSwipingHandler:Q.slideStopSwipingHandler});var Pt={};(function(t){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Carousel",{enumerable:!0,get:function(){return n.default}}),Object.defineProperty(t,"CarouselProps",{enumerable:!0,get:function(){return r.CarouselProps}}),Object.defineProperty(t,"Thumbs",{enumerable:!0,get:function(){return i.default}});var n=e(ie),r=Pt,i=e(q);function e(o){return o&&o.__esModule?o:{default:o}}})(Oe);const Ot=te.styled.div`
   position: relative;
 
   & .image-carousel {
@@ -100,6 +100,7 @@
 
   @media (max-width: ${ne.MOBILE_SIZE_PX+"px"}) {
     border-radius: unset;
+    cursor: pointer;
 
     & img {
       border-radius: unset;
@@ -154,4 +155,4 @@
       display: none;
     }
   }
-`,Me=N.forwardRef(({carouselItems:t=[],onSelectItem:n=()=>{},onButtonAction:r=()=>{}},i)=>{const e=Le.useDetectMobile();return D.jsx(Ot,{ref:i,children:D.jsx(Oe.Carousel,{autoPlay:!0,infiniteLoop:!0,showArrows:!1,showStatus:!1,showThumbs:!1,transitionTime:500,onClickItem:o=>{e||n==null||n(t==null?void 0:t.at(o),o)},children:t&&(t==null?void 0:t.map((o,a)=>D.jsxs(Rt,{backgroundColor:o==null?void 0:o.backgroundColor,children:[D.jsx("img",{loading:"lazy",src:o.imageUrl}),D.jsx(Et,{backgroundColor:o==null?void 0:o.backgroundColor,children:D.jsxs("div",{className:"banner-content",children:[D.jsxs("div",{className:"banner-text",children:[D.jsx("div",{className:"banner-title",children:o.title}),o.description]}),re.isDefinedNotEmptyString(o==null?void 0:o.buttonText)&&D.jsx(De,{color:"neutral",className:"banner-action",onClick:s=>{var f;(f=s==null?void 0:s.target)==null||f.blur(),r(o)},children:o.buttonText})]})})]},`banner-${a+1}`)))})})});Me.propTypes={items:fe.PropTypes.array,handleClick:fe.PropTypes.func};module.exports=Me;
+`,Ie=N.forwardRef(({carouselItems:t=[],onSelectItem:n=()=>{},onButtonAction:r=()=>{}},i)=>{const e=Le.useDetectMobile();return D.jsx(Ot,{ref:i,children:D.jsx(Oe.Carousel,{autoPlay:!0,infiniteLoop:!0,showArrows:!1,showStatus:!1,showThumbs:!1,transitionTime:500,onClickItem:o=>{e&&n(t==null?void 0:t[o])},children:t&&(t==null?void 0:t.map((o,a)=>D.jsxs(Rt,{backgroundColor:o==null?void 0:o.backgroundColor,children:[D.jsx("img",{loading:"lazy",src:o.imageUrl}),D.jsx(Et,{backgroundColor:o==null?void 0:o.backgroundColor,children:D.jsxs("div",{className:"banner-content",children:[D.jsxs("div",{className:"banner-text",children:[D.jsx("div",{className:"banner-title",children:o.title}),o.description]}),re.isDefinedNotEmptyString(o==null?void 0:o.buttonText)&&D.jsx(De,{color:"neutral",className:"banner-action",onClick:s=>{var f;(f=s==null?void 0:s.target)==null||f.blur(),r(o)},children:o.buttonText})]})})]},`banner-${a+1}`)))})})});Ie.propTypes={items:fe.PropTypes.array,handleClick:fe.PropTypes.func};module.exports=Ie;

package/dist/BannerSectionCarousel.js

@@ -1468,6 +1468,7 @@ const Tt = te.div`
 
   @media (max-width: ${ne + "px"}) {
     border-radius: unset;
+    cursor: pointer;
 
     & img {
       border-radius: unset;
@@ -1537,7 +1538,7 @@ const Tt = te.div`
         showThumbs: !1,
         transitionTime: 500,
         onClickItem: (o) => {
-          e || n == null || n(t == null ? void 0 : t.at(o), o);
+          e && n(t == null ? void 0 : t[o]);
         },
         children: t && (t == null ? void 0 : t.map((o, a) => /* @__PURE__ */ le(
           Tt,

package/dist/DetailedProductsSection.cjs

@@ -1,13 +1,13 @@
-"use strict";const i=require("react/jsx-runtime"),s=require("react"),k=require("./emotion-styled.browser.esm-BtEseadx.cjs"),v=require("./consts-goSZX3xP.cjs"),D=require("./Button.cjs"),y=require("./utils-CZynEOC_.cjs"),U=require("./useDetectMobile-zkbzoOGV.cjs"),M=require("./style-JqDQj4jh.cjs"),h=require("./suspense-product-card-detailed-DXwya4fQ.cjs"),F=require("./index-C1DkD2ug.cjs"),T=k.styled.div`
+"use strict";const i=require("react/jsx-runtime"),s=require("react"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),D=require("./consts-goSZX3xP.cjs"),U=require("./Button.cjs"),y=require("./utils-CZynEOC_.cjs"),M=require("./useDetectMobile-zkbzoOGV.cjs"),F=require("./style-JqDQj4jh.cjs"),h=require("./suspense-product-card-detailed-DXwya4fQ.cjs"),T=require("./index-C1DkD2ug.cjs"),E=v.styled.div`
   display: grid;
-  grid-template-columns: ${l=>`repeat(${l.limit},  minmax(0, 1fr))`};
-  gap: 1.25rem;
+  grid-template-columns: ${r=>`repeat(${r.limit},  minmax(0, 1fr))`};
+  gap: ${r=>(r==null?void 0:r.gap)||"1.25rem"};
 
   & .button-link {
     white-space: nowrap;
   }
 
-  @media (max-width: ${v.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${D.MOBILE_SIZE_PX+"px"}) {
     display: flex;
     gap: 1rem;
     overflow-x: auto;
@@ -26,4 +26,4 @@
       /* Safari and Chrome */
     }
   }
-`,S=s.memo(h.DetailedProductCard),E=s.forwardRef((l,f)=>{const{icon:a,title:C,buttonLink:c,items:r,buttonText:j,limit:n=4,onSelectCard:u=()=>{},onButtonAction:w=()=>{},isLoading:P=!1,getImage:d=()=>{},negotiableText:m,freeText:p,options:o,onSelectOption:g=()=>{},productsToolbarName:N="All"}=l,b=U.useDetectMobile(),q=s.useMemo(()=>i.jsx(i.Fragment,{children:b===!0?r==null?void 0:r.map((e,t)=>i.jsx(S,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,isSponsored:e==null?void 0:e.isSponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>u(e==null?void 0:e.uuid),imageUrl:d(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:m,freeText:p},t)):r==null?void 0:r.slice(0,n).map((e,t)=>i.jsx(S,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,isSponsored:e==null?void 0:e.isSponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>u(e==null?void 0:e.uuid),imageUrl:d(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:m,freeText:p},t))}),[r,b,n]);return i.jsxs(M.TitleWithOptionsSectionWrapper,{ref:f,children:[i.jsxs("div",{className:"regular-title",children:[i.jsxs("div",{className:"regular-title-text",children:[y.isDefinedNotEmptyString(a)&&i.jsx("i",{className:a}),i.jsx("span",{children:C})]}),y.isDefinedNotEmptyString(c)&&i.jsx(D,{type:"button",btnType:"tinted",color:"gray",onClick:e=>{var t;(t=e==null?void 0:e.target)==null||t.blur(),w(c)},borderRadius:"curved",className:"button-link",children:j})]}),(o==null?void 0:o.length)>0&&i.jsx(F.SelectBar,{items:o,onRemove:e=>{g(e)},onSelect:e=>{g(e)},labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:N}),i.jsx(T,{limit:n,children:i.jsx(h.SuspenseDetailedProductCard,{isLoading:P,itemsCount:n,keyPrefix:"explore-landing",children:q})})]})});module.exports=E;
+`,S=s.memo(h.DetailedProductCard),R=s.forwardRef((r,f)=>{const{icon:a,title:C,buttonLink:c,items:t,buttonText:j,limit:o=4,gap:w,onSelectCard:u=()=>{},onButtonAction:P=()=>{},isLoading:N=!1,getImage:d=()=>{},negotiableText:m,freeText:g,options:l,onSelectOption:p=()=>{},productsToolbarName:q="All"}=r,b=M.useDetectMobile(),k=s.useMemo(()=>i.jsx(i.Fragment,{children:b===!0?t==null?void 0:t.map((e,n)=>i.jsx(S,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,isSponsored:e==null?void 0:e.isSponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>u(e==null?void 0:e.uuid),imageUrl:d(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:m,freeText:g},n)):t==null?void 0:t.slice(0,o).map((e,n)=>i.jsx(S,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,isSponsored:e==null?void 0:e.isSponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>u(e==null?void 0:e.uuid),imageUrl:d(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:m,freeText:g},n))}),[t,b,o]);return i.jsxs(F.TitleWithOptionsSectionWrapper,{ref:f,children:[i.jsxs("div",{className:"regular-title",children:[i.jsxs("div",{className:"regular-title-text",children:[y.isDefinedNotEmptyString(a)&&i.jsx("i",{className:a}),i.jsx("span",{children:C})]}),y.isDefinedNotEmptyString(c)&&i.jsx(U,{type:"button",btnType:"tinted",color:"gray",onClick:e=>{var n;(n=e==null?void 0:e.target)==null||n.blur(),P(c)},borderRadius:"curved",className:"button-link",children:j})]}),(l==null?void 0:l.length)>0&&i.jsx(T.SelectBar,{items:l,onRemove:e=>{p(e)},onSelect:e=>{p(e)},labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:q}),i.jsx(E,{limit:o,gap:w,children:i.jsx(h.SuspenseDetailedProductCard,{isLoading:N,itemsCount:o,keyPrefix:"explore-landing",children:k})})]})});module.exports=R;

package/dist/DetailedProductsSection.js

@@ -1,23 +1,23 @@
-import { jsx as i, Fragment as v, jsxs as a } from "react/jsx-runtime";
-import { memo as U, forwardRef as M, useMemo as T } from "react";
-import { s as D } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as F } from "./consts-BuFChS64.js";
-import B from "./Button.js";
+import { jsx as i, Fragment as U, jsxs as a } from "react/jsx-runtime";
+import { memo as M, forwardRef as T, useMemo as D } from "react";
+import { s as F } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as B } from "./consts-BuFChS64.js";
+import E from "./Button.js";
 import { k as f } from "./utils-BbgAIA9N.js";
-import { u as E } from "./useDetectMobile-Bkvj0VMa.js";
-import { T as I } from "./style-08foMKSd.js";
+import { u as I } from "./useDetectMobile-Bkvj0VMa.js";
+import { T as $ } from "./style-08foMKSd.js";
 import { D as L, S as O } from "./suspense-product-card-detailed-bYBpLiXc.js";
 import { S as R } from "./index-CQLF61YV.js";
-const W = D.div`
+const W = F.div`
   display: grid;
-  grid-template-columns: ${(n) => `repeat(${n.limit},  minmax(0, 1fr))`};
-  gap: 1.25rem;
+  grid-template-columns: ${(r) => `repeat(${r.limit},  minmax(0, 1fr))`};
+  gap: ${(r) => (r == null ? void 0 : r.gap) || "1.25rem"};
 
   & .button-link {
     white-space: nowrap;
   }
 
-  @media (max-width: ${F + "px"}) {
+  @media (max-width: ${B + "px"}) {
     display: flex;
     gap: 1rem;
     overflow-x: auto;
@@ -36,28 +36,29 @@ const W = D.div`
       /* Safari and Chrome */
     }
   }
-`, S = U(L), H = M((n, y) => {
+`, S = M(L), J = T((r, y) => {
   const {
     icon: s,
     title: h,
     buttonLink: d,
-    items: r,
+    items: o,
     buttonText: C,
-    limit: t = 4,
+    limit: l = 4,
+    gap: w,
     onSelectCard: m = () => {
     },
-    onButtonAction: w = () => {
+    onButtonAction: P = () => {
     },
-    isLoading: P = !1,
+    isLoading: k = !1,
     getImage: c = () => {
     },
     negotiableText: u,
     freeText: p,
-    options: l,
+    options: n,
     onSelectOption: g = () => {
     },
-    productsToolbarName: k = "All"
-  } = n, b = E(), N = T(() => /* @__PURE__ */ i(v, { children: b === !0 ? r == null ? void 0 : r.map((e, o) => /* @__PURE__ */ i(
+    productsToolbarName: N = "All"
+  } = r, b = I(), v = D(() => /* @__PURE__ */ i(U, { children: b === !0 ? o == null ? void 0 : o.map((e, t) => /* @__PURE__ */ i(
     S,
     {
       title: e == null ? void 0 : e.name,
@@ -76,8 +77,8 @@ const W = D.div`
       negotiableText: u,
       freeText: p
     },
-    o
-  )) : r == null ? void 0 : r.slice(0, t).map((e, o) => /* @__PURE__ */ i(
+    t
+  )) : o == null ? void 0 : o.slice(0, l).map((e, t) => /* @__PURE__ */ i(
     S,
     {
       title: e == null ? void 0 : e.name,
@@ -97,23 +98,23 @@ const W = D.div`
       negotiableText: u,
       freeText: p
     },
-    o
-  )) }), [r, b, t]);
-  return /* @__PURE__ */ a(I, { ref: y, children: [
+    t
+  )) }), [o, b, l]);
+  return /* @__PURE__ */ a($, { ref: y, children: [
     /* @__PURE__ */ a("div", { className: "regular-title", children: [
       /* @__PURE__ */ a("div", { className: "regular-title-text", children: [
         f(s) && /* @__PURE__ */ i("i", { className: s }),
         /* @__PURE__ */ i("span", { children: h })
       ] }),
       f(d) && /* @__PURE__ */ i(
-        B,
+        E,
         {
           type: "button",
           btnType: "tinted",
           color: "gray",
           onClick: (e) => {
-            var o;
-            (o = e == null ? void 0 : e.target) == null || o.blur(), w(d);
+            var t;
+            (t = e == null ? void 0 : e.target) == null || t.blur(), P(d);
           },
           borderRadius: "curved",
           className: "button-link",
@@ -121,10 +122,10 @@ const W = D.div`
         }
       )
     ] }),
-    (l == null ? void 0 : l.length) > 0 && /* @__PURE__ */ i(
+    (n == null ? void 0 : n.length) > 0 && /* @__PURE__ */ i(
       R,
       {
-        items: l,
+        items: n,
         onRemove: (e) => {
           g(e);
         },
@@ -134,20 +135,20 @@ const W = D.div`
         labelKey: "name",
         valueKey: "code",
         noMargin: !0,
-        productsToolbarName: k
+        productsToolbarName: N
       }
     ),
-    /* @__PURE__ */ i(W, { limit: t, children: /* @__PURE__ */ i(
+    /* @__PURE__ */ i(W, { limit: l, gap: w, children: /* @__PURE__ */ i(
       O,
       {
-        isLoading: P,
-        itemsCount: t,
+        isLoading: k,
+        itemsCount: l,
         keyPrefix: "explore-landing",
-        children: N
+        children: v
       }
     ) })
   ] });
 });
 export {
-  H as default
+  J as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lanaco/lnc-react-ui",
-  "version": "4.0.106",
+  "version": "4.0.107",
   "description": "React component library",
   "type": "module",
   "keywords": [