text: (window.webpackJsonp=window.webpackJsonp||[]).push([[0],{115:function(module,__webpack_exports__,__webpack_require__){"use strict";var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),Image=function(_ref){var url=_ref.url,isvisible=_ref.isvisible;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("img",{"aria-hidden":isvisible?"true":"false",draggable:!1,src:url,style:{width:"100%",display:"block",height:"100%",margin:"auto"}})};__webpack_exports__.a=Image,Image.__docgenInfo={description:"",methods:[],displayName:"Image"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/CustomImage.js"]={name:"Image",docgenInfo:Image.__docgenInfo,path:"stories/CustomImage.js"})},13:function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const Carousel_1=__webpack_require__(1700);exports.default=Carousel_1.default},1608:function(module,exports,__webpack_require__){var content=__webpack_require__(1609);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(244)(content,options);content.locals&&(module.exports=content.locals)},1609:function(module,exports,__webpack_require__){(module.exports=__webpack_require__(243)(!1)).push([module.i,".custom-right-arrow {\n  position: absolute !important;\n  right: 30px;\n  z-index: 1;\n  border: 1px solid grey;\n  border-width: 0 3px 3px 0;\n  display: inline-block;\n  padding: 6px;\n  opacity: 0.8;\n  cursor: pointer;\n  -webkit-transform: rotate(-45deg);\n          transform: rotate(-45deg);\n}\n.custom-right-arrow:hover {\n  opacity: 1;\n}\n.custom-left-arrow {\n  position: absolute !important;\n  left: 30px;\n  z-index: 1;\n  border: 1px solid grey;\n  border-width: 0 3px 3px 0;\n  display: inline-block;\n  padding: 6px;\n  opacity: 0.8;\n  cursor: pointer;\n  -webkit-transform: rotate(135deg);\n          transform: rotate(135deg);\n}\n.custom-left-arrow {\n  opacity: 1;\n}\n.container {\n  margin-top: 10%;\n}\n#root {\n  padding: 0 80px;\n}\n.container-with-dots {\n  margin-top: 10%;\n  padding-bottom: 20px;\n}\n.custom-button-group {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  right: 0;\n}\n.container-padding-bottom {\n  padding-bottom: 20px;\n}\n",""])},1700:function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const React=__webpack_require__(0),utils_1=__webpack_require__(1701),defaultTransitionDuration=400,defaultTransition="transform 400ms ease-in-out";class Carousel extends React.Component{constructor(props){super(props),this.containerRef=React.createRef(),this.state={itemWidth:0,slidesToShow:0,currentSlide:0,clones:React.Children.toArray(props.children),totalItems:React.Children.count(props.children),deviceType:"",domLoaded:!1,transform:0,containerWidth:0,isSliding:!1};const{infinite:infinite,transitionDuration:transitionDuration}=props;this.onResize=this.onResize.bind(this),this.handleDown=this.handleDown.bind(this),this.handleMove=this.handleMove.bind(this),this.handleOut=this.handleOut.bind(this),this.onKeyUp=this.onKeyUp.bind(this),this.handleEnter=this.handleEnter.bind(this),this.next=infinite?utils_1.throttle(this.next.bind(this),props.transitionDuration||defaultTransitionDuration):this.next.bind(this),this.previous=infinite?utils_1.throttle(this.previous.bind(this),props.transitionDuration||defaultTransitionDuration):this.previous.bind(this),this.goToSlide=infinite?utils_1.throttle(this.goToSlide.bind(this),props.transitionDuration||defaultTransitionDuration):this.goToSlide.bind(this),this.getIfSlideIsVisbile=this.getIfSlideIsVisbile.bind(this),this.onMove=!1,this.initialPosition=0,this.lastPosition=0,this.isAnimationAllowed=!1,this.direction=""}componentDidMount(){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.props.autoPlaySpeed&&(this.autoPlay=setInterval(this.next,this.props.autoPlaySpeed));React.Children.toArray(this.props.children)}setClones(slidesToShow,itemWidth,forResizing){this.isAnimationAllowed=!1;const childrenArr=React.Children.toArray(this.props.children),{clones:clones,initialSlide:initialSlide}=utils_1.getClones(this.state.slidesToShow,childrenArr);this.setState({clones:clones,totalItems:clones.length,currentSlide:forResizing?this.state.currentSlide:initialSlide},()=>{this.correctItemsPosition(itemWidth||this.state.itemWidth)})}setItemsToShow(shouldCorrectItemPosition){const{responsive:responsive,infinite:infinite}=this.props;Object.keys(responsive).forEach(item=>{const{breakpoint:breakpoint,items:items}=responsive[item],{max:max,min:min}=breakpoint;window.innerWidth>=min&&window.innerWidth<=max&&(this.setState({slidesToShow:items,deviceType:item}),this.setContainerAndItemWidth(items,shouldCorrectItemPosition))})}setContainerAndItemWidth(slidesToShow,shouldCorrectItemPosition){if(this.containerRef&&this.containerRef.current){const containerWidth=this.containerRef.current.offsetWidth,itemWidth=Math.round(this.containerRef.current.offsetWidth/slidesToShow);this.setState({containerWidth:containerWidth,itemWidth:itemWidth},()=>{this.props.infinite&&this.setClones(slidesToShow,itemWidth,shouldCorrectItemPosition)}),shouldCorrectItemPosition&&this.correctItemsPosition(itemWidth)}}correctItemsPosition(itemWidth,isAnimationAllowed){isAnimationAllowed&&(this.isAnimationAllowed=!0),!isAnimationAllowed&&this.isAnimationAllowed&&(this.isAnimationAllowed=!1),this.setState({transform:-itemWidth*this.state.currentSlide})}onResize(value){const{infinite:infinite}=this.props;let shouldCorrectItemPosition;shouldCorrectItemPosition=!!infinite&&("boolean"!=typeof value||!value),this.setItemsToShow(shouldCorrectItemPosition)}componentDidUpdate({keyBoardControl:keyBoardControl,autoPlay:autoPlay},{containerWidth:containerWidth,domLoaded:domLoaded,isSliding:isSliding}){this.containerRef&&this.containerRef.current&&this.containerRef.current.offsetWidth!==containerWidth&&setTimeout(()=>{this.setItemsToShow(!0)},this.props.transitionDuration||defaultTransitionDuration),keyBoardControl&&!this.props.keyBoardControl&&window.removeEventListener("keyup",this.onKeyUp),autoPlay&&!this.props.autoPlay&&this.autoPlay&&(clearInterval(this.autoPlay),this.autoPlay=void 0),autoPlay||!this.props.autoPlay||this.autoPlay||(this.autoPlay=setInterval(this.next,this.props.autoPlaySpeed)),this.props.infinite&&this.correctClonesPosition({domLoaded:domLoaded,isSliding:isSliding})}correctClonesPosition({domLoaded:domLoaded,isSliding:isSliding}){const childrenArr=React.Children.toArray(this.props.children),{hasEnterClonedAfter:hasEnterClonedAfter,hasEnterClonedBefore:hasEnterClonedBefore,nextSlide:nextSlide,nextPosition:nextPosition}=utils_1.whenEnteredClones(this.state,childrenArr,this.props);this.state.domLoaded&&domLoaded&&isSliding&&!this.state.isSliding&&(hasEnterClonedAfter||hasEnterClonedBefore)&&(this.isAnimationAllowed=!1,setTimeout(()=>{this.setState({transform:nextPosition,currentSlide:nextSlide})},this.props.transitionDuration||defaultTransitionDuration))}next(slidesHavePassed=0){const{slidesToShow:slidesToShow}=this.state,{slidesToSlide:slidesToSlide,infinite:infinite,afterChanged:afterChanged,beforeChanged:beforeChanged}=this.props,nextMaximumSlides=this.state.currentSlide+1+slidesHavePassed+slidesToShow+slidesToSlide,nextSlides=this.state.currentSlide+slidesHavePassed+slidesToSlide,nextPosition=-this.state.itemWidth*nextSlides,previousSlide=this.state.currentSlide;if(nextMaximumSlides<=this.state.totalItems)"function"==typeof beforeChanged&&beforeChanged(nextSlides,this.getState()),this.isAnimationAllowed=!0,this.setState({isSliding:!0,transform:nextPosition,currentSlide:nextSlides},()=>{this.setState({isSliding:!1}),"function"==typeof afterChanged&&setTimeout(()=>{afterChanged(previousSlide,this.getState())},this.props.transitionDuration||defaultTransitionDuration)});else{if(!(nextMaximumSlides>this.state.totalItems&&this.state.currentSlide!==this.state.totalItems-slidesToShow))return;{const maxSlides=this.state.totalItems-slidesToShow,maxPosition=-this.state.itemWidth*maxSlides;"function"==typeof beforeChanged&&beforeChanged(maxSlides,this.getState()),this.isAnimationAllowed=!0,this.setState({isSliding:!0,transform:maxPosition,currentSlide:maxSlides},()=>{this.setState({isSliding:!1}),"function"==typeof afterChanged&&setTimeout(()=>{afterChanged(previousSlide,this.getState())},this.props.transitionDuration||defaultTransitionDuration)})}}}previous(slidesHavePassed=0){const{slidesToShow:slidesToShow}=this.state,{slidesToSlide:slidesToSlide,infinite:infinite,afterChanged:afterChanged,beforeChanged:beforeChanged}=this.props,nextSlides=this.state.currentSlide-slidesHavePassed-slidesToSlide,nextPosition=-this.state.itemWidth*nextSlides,previousSlide=this.state.currentSlide;if(nextSlides>=0)"function"==typeof beforeChanged&&beforeChanged(nextSlides,this.getState()),this.isAnimationAllowed=!0,this.setState({isSliding:!0,transform:nextPosition,currentSlide:nextSlides},()=>{this.setState({isSliding:!1}),"function"==typeof afterChanged&&setTimeout(()=>{afterChanged(previousSlide,this.getState())},this.props.transitionDuration||defaultTransitionDuration)});else if(nextSlides<0&&0!==this.state.currentSlide)"function"==typeof beforeChanged&&beforeChanged(0,this.getState()),this.isAnimationAllowed=!0,this.setState({isSliding:!0,transform:0,currentSlide:0},()=>{this.setState({isSliding:!1}),"function"==typeof afterChanged&&setTimeout(()=>{afterChanged(previousSlide,this.getState())},this.props.transitionDuration||defaultTransitionDuration)});else{const maxSlides=this.state.totalItems-slidesToShow,maxPosition=-this.state.itemWidth*maxSlides;infinite&&("function"==typeof beforeChanged&&beforeChanged(maxSlides,this.getState()),this.isAnimationAllowed=!0,this.setState({isSliding:!0,transform:maxPosition,currentSlide:maxSlides},()=>{this.setState({isSliding:!1}),"function"==typeof afterChanged&&setTimeout(()=>{afterChanged(previousSlide,this.getState())},this.props.transitionDuration||defaultTransitionDuration)}))}}componentWillUnmount(){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)}resetMoveStatus(){this.onMove=!1,this.initialPosition=0,this.lastPosition=0,this.direction=""}handleDown(e){if(e.touches&&this.props.disableSwipeOnMobile||e&&!e.touches&&this.props.disableDrag)return;const{clientX:clientX}=e.touches?e.touches[0]:e;this.onMove=!0,this.initialPosition=clientX,this.lastPosition=clientX,this.isAnimationAllowed=!1}handleMove(e){if(e.touches&&this.props.disableSwipeOnMobile||e&&!e.touches&&this.props.disableDrag)return;const{clientX:clientX}=e.touches?e.touches[0]:e;if(e.touches&&this.autoPlay&&this.props.autoPlay&&(clearInterval(this.autoPlay),this.autoPlay=void 0),this.onMove){const slidesHavePassedRight=Math.round((this.initialPosition-this.lastPosition)/this.state.itemWidth),slidesHavePassedLeft=Math.round((this.lastPosition-this.initialPosition)/this.state.itemWidth);if(this.initialPosition>clientX&&slidesHavePassedRight<=this.state.slidesToShow){this.direction="right";const translateXLimit=Math.abs(-this.state.itemWidth*(this.state.totalItems-this.state.slidesToShow)),nextTranslate=this.state.transform-(this.lastPosition-clientX),isLastSlide=this.state.currentSlide===this.state.totalItems-this.state.slidesToShow;(Math.abs(nextTranslate)<=translateXLimit||isLastSlide&&this.props.infinite)&&this.setState({transform:nextTranslate})}if(clientX>this.initialPosition&&slidesHavePassedLeft<=this.state.slidesToShow){this.direction="left";const nextTranslate=this.state.transform+(clientX-this.lastPosition),isFirstSlide=0===this.state.currentSlide;(nextTranslate<=0||isFirstSlide&&this.props.infinite)&&this.setState({transform:nextTranslate})}this.lastPosition=clientX}}handleOut(e){this.props.autoPlay&&!this.autoPlay&&(this.autoPlay=setInterval(this.next,this.props.autoPlaySpeed));const shouldDisableOnMobile="touchend"===e.type&&this.props.disableSwipeOnMobile,shouldDisableOnDesktop=("mouseleave"===e.type||"mouseup"===e.type)&&this.props.disableDrag;if(!shouldDisableOnMobile&&!shouldDisableOnDesktop&&this.onMove){if("right"===this.direction){const slidesHavePassed=Math.round((this.initialPosition-this.lastPosition)/this.state.itemWidth);this.initialPosition-this.lastPosition>=this.props.minimumTouchDrag?this.next(slidesHavePassed):this.correctItemsPosition(this.state.itemWidth,!0)}if("left"===this.direction){const slidesHavePassed=Math.round((this.lastPosition-this.initialPosition)/this.state.itemWidth);this.lastPosition-this.initialPosition>this.props.minimumTouchDrag?this.previous(slidesHavePassed):this.correctItemsPosition(this.state.itemWidth,!0)}this.resetMoveStatus()}}onKeyUp(e){switch(e.keyCode){case 37:return this.previous();case 39:return this.next()}}handleEnter(){this.autoPlay&&this.props.autoPlay&&(clearInterval(this.autoPlay),this.autoPlay=void 0)}goToSlide(slide){const{itemWidth:itemWidth}=this.state,{afterChanged:afterChanged,beforeChanged:beforeChanged}=this.props,previousSlide=this.state.currentSlide;"function"==typeof beforeChanged&&beforeChanged(slide,this.getState()),this.isAnimationAllowed=!0,this.setState({currentSlide:slide,transform:-itemWidth*slide},()=>{this.props.infinite&&this.correctClonesPosition({domLoaded:!0,isSliding:!0}),"function"==typeof afterChanged&&setTimeout(()=>{afterChanged(previousSlide,this.getState())},this.props.transitionDuration||defaultTransitionDuration)})}getState(){return Object.assign({},this.state,{onMove:this.onMove,direction:this.direction})}renderLeftArrow(){const{customLeftArrow:customLeftArrow}=this.props;return customLeftArrow?React.cloneElement(customLeftArrow,{onClick:()=>this.previous(),carouselState:this.getState()}):React.createElement("button",{className:"react-multiple-carousel__arrow react-multiple-carousel__arrow--left",onClick:()=>this.previous()})}renderRightArrow(){const{customRightArrow:customRightArrow}=this.props;return customRightArrow?React.cloneElement(customRightArrow,{onClick:()=>this.next(),carouselState:this.getState()}):React.createElement("button",{className:"react-multiple-carousel__arrow react-multiple-carousel__arrow--right",onClick:()=>this.next()})}renderButtonGroups(){const{customButtonGroup:customButtonGroup}=this.props;return customButtonGroup?React.cloneElement(customButtonGroup,{previous:()=>this.previous(),next:()=>this.next(),goToSlide:slideIndex=>this.goToSlide(slideIndex),carouselState:this.getState()}):null}renderDotsList(){const{customDot:customDot,dotListClassName:dotListClassName,infinite:infinite}=this.props,childrenArr=React.Children.toArray(this.props.children);return React.createElement("ul",{className:`react-multi-carousel-dot-list ${dotListClassName}`},Array(childrenArr.length).fill(0).map((item,index)=>{const slideIndex=infinite?utils_1.getCounterPart(index,this.state,childrenArr):index;return customDot?React.cloneElement(customDot,{index:slideIndex,onClick:()=>this.goToSlide(slideIndex),carouselState:this.getState()}):React.createElement("li",{key:index,className:`react-multi-carousel-dot ${this.state.currentSlide===slideIndex?"react-multi-carousel-dot--active":""}`},React.createElement("button",{onClick:()=>this.goToSlide(slideIndex)}))}))}getIfSlideIsVisbile(index){return index>=this.state.currentSlide&&index<this.state.currentSlide+this.state.slidesToShow}getServerSideState(){const{domLoaded:domLoaded,slidesToShow:slidesToShow,containerWidth:containerWidth,itemWidth:itemWidth}=this.state,{deviceType:deviceType,responsive:responsive,forSSR:forSSR,partialVisbile:partialVisbile}=this.props;let flexBisis;const domFullyLoaded=domLoaded&&slidesToShow&&containerWidth&&itemWidth;return forSSR&&deviceType&&!domFullyLoaded&&(flexBisis=utils_1.guessWidthFromDeviceType(deviceType,responsive)),{shouldRenderOnSSR:forSSR&&deviceType&&!domFullyLoaded&&flexBisis,flexBisis:flexBisis,domFullyLoaded:domFullyLoaded,paritialVisibilityGutter:utils_1.getParitialVisibilityGutter(responsive,partialVisbile,deviceType,this.state.deviceType)}}renderCarouselItems(){const{itemWidth:itemWidth}=this.state,{children:children,infinite:infinite,itemClassName:itemClassName,partialVisbile:partialVisbile}=this.props,{flexBisis:flexBisis,shouldRenderOnSSR:shouldRenderOnSSR,domFullyLoaded:domFullyLoaded,paritialVisibilityGutter:paritialVisibilityGutter}=this.getServerSideState();return infinite?this.state.clones.map((child,index)=>React.createElement("li",{key:index,"aria-hidden":this.getIfSlideIsVisbile(index)?"false":"true","data-index":index,style:{flex:shouldRenderOnSSR?`1 0 ${flexBisis}%`:"auto",position:"relative",width:domFullyLoaded?`${partialVisbile&&paritialVisibilityGutter?itemWidth-paritialVisibilityGutter:itemWidth}px`:"auto"},className:itemClassName},child)):React.Children.toArray(children).map((child,index)=>React.createElement("li",{key:index,"data-index":index,"aria-hidden":this.getIfSlideIsVisbile(index)?"false":"true",style:{flex:shouldRenderOnSSR?`1 0 ${flexBisis}%`:"auto",position:"relative",width:domFullyLoaded?`${partialVisbile&&paritialVisibilityGutter?itemWidth-paritialVisibilityGutter:itemWidth}px`:"auto"},className:itemClassName},child))}render(){const{slidesToShow:slidesToShow}=this.state,{deviceType:deviceType,slidesToSlide:slidesToSlide,removeArrow:removeArrow,removeArrowOnDeviceType:removeArrowOnDeviceType,infinite:infinite,containerClassName:containerClassName,contentClassName:contentClassName,customTransition:customTransition,partialVisbile:partialVisbile}=this.props,{shouldRenderOnSSR:shouldRenderOnSSR,paritialVisibilityGutter:paritialVisibilityGutter}=this.getServerSideState(),isLeftEndReach=!(this.state.currentSlide-slidesToSlide>=0),isRightEndReach=!(this.state.currentSlide+1+slidesToShow<=this.state.totalItems),shouldShowArrows=!(removeArrow||removeArrowOnDeviceType&&(deviceType&&removeArrowOnDeviceType.indexOf(deviceType)>-1||this.state.deviceType&&removeArrowOnDeviceType.indexOf(this.state.deviceType)>-1)),disableLeftArrow=!infinite&&isLeftEndReach,disableRightArrow=!infinite&&isRightEndReach,currentTransform=paritialVisibilityGutter&&partialVisbile?"right"===partialVisbile?this.state.transform+this.state.currentSlide*paritialVisibilityGutter:this.state.transform+this.state.currentSlide*paritialVisibilityGutter+(0===this.state.currentSlide?0:paritialVisibilityGutter+paritialVisibilityGutter/2):this.state.transform;return React.createElement("div",{className:`react-multi-carousel-list ${containerClassName}`,ref:this.containerRef},React.createElement("ul",{className:`react-multi-carousel-track ${contentClassName}`,style:{transition:this.isAnimationAllowed?customTransition||defaultTransition:"none",overflow:shouldRenderOnSSR?"hidden":"unset",transform:`translate3d(${currentTransform}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()),shouldShowArrows&&!disableLeftArrow&&this.renderLeftArrow(),shouldShowArrows&&!disableRightArrow&&this.renderRightArrow(),this.renderButtonGroups(),this.props.shouldShowDots&&this.renderDotsList())}}Carousel.defaultProps={slidesToSlide:1,infinite:!1,containerClassName:"",contentClassName:"",itemClassName:"",keyBoardControl:!0,autoPlaySpeed:3e3,shouldShowDots:!1,minimumTouchDrag:80,dotListClassName:""},exports.default=Carousel},1701:function(module,exports,__webpack_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.guessWidthFromDeviceType=function(deviceType,responsive){let itemWidth;if(responsive[deviceType]){const{items:items}=responsive[deviceType];itemWidth=(100/items).toFixed(1)}return itemWidth},exports.getParitialVisibilityGutter=function(responsive,partialVisbile,serverSideDeviceType,clientSideDeviceType){let gutter=0;const deviceType=clientSideDeviceType||serverSideDeviceType;return partialVisbile&&deviceType&&(gutter=responsive[deviceType].paritialVisibilityGutter),gutter},exports.getCounterPart=function(index,{slidesToShow:slidesToShow,currentSlide:currentSlide,totalItems:totalItems},childrenArr){if(childrenArr.length>2*slidesToShow){const originalFirstSlide=childrenArr.length-(childrenArr.length-2*slidesToShow);return index<currentSlide?originalFirstSlide+index:index-(childrenArr.length-2*slidesToShow)<0?2*index:index-(childrenArr.length-2*slidesToShow)}return currentSlide>=childrenArr.length?childrenArr.length+index:index},exports.getClones=function(slidesToShow,childrenArr){let initialSlide,clones;return childrenArr.length>2*slidesToShow?(clones=[...childrenArr.slice(childrenArr.length-2*slidesToShow,childrenArr.length),...childrenArr,...childrenArr.slice(0,2*slidesToShow)],initialSlide=2*slidesToShow):(clones=[...childrenArr,...childrenArr,...childrenArr],initialSlide=childrenArr.length),{clones:clones,initialSlide:initialSlide}},exports.whenEnteredClones=function({currentSlide:currentSlide,slidesToShow:slidesToShow,itemWidth:itemWidth,totalItems:totalItems},childrenArr,props){let hasEnterClonedAfter,nextSlide=0,nextPosition=0;const hasEnterClonedBefore=0===currentSlide,originalFirstSlide=childrenArr.length-(childrenArr.length-2*slidesToShow);return childrenArr.length>2*slidesToShow?((hasEnterClonedAfter=currentSlide>=originalFirstSlide+childrenArr.length)&&(nextPosition=-itemWidth*(nextSlide=currentSlide-childrenArr.length)),hasEnterClonedBefore&&(nextPosition=-itemWidth*(nextSlide=originalFirstSlide+(childrenArr.length-2*slidesToShow)))):((hasEnterClonedAfter=currentSlide>=2*childrenArr.length)&&(nextPosition=-itemWidth*(nextSlide=currentSlide-childrenArr.length)),hasEnterClonedBefore&&(nextPosition=props.shouldShowDots?-itemWidth*(nextSlide=childrenArr.length):-itemWidth*(nextSlide=totalItems-2*slidesToShow))),{hasEnterClonedAfter:hasEnterClonedAfter,hasEnterClonedBefore:hasEnterClonedBefore,nextSlide:nextSlide,nextPosition:nextPosition}};exports.throttle=((func,limit)=>{let inThrottle;return function(){const args=arguments,context=this;inThrottle||(func.apply(context,args),inThrottle=!0,setTimeout(()=>inThrottle=!1,limit))}})},1702:function(module,exports,__webpack_require__){var content=__webpack_require__(1703);"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:void 0,insertInto:void 0};__webpack_require__(244)(content,options);content.locals&&(module.exports=content.locals)},1703:function(module,exports,__webpack_require__){var escape=__webpack_require__(1704);(module.exports=__webpack_require__(243)(!1)).push([module.i,'@font-face {\n  font-family: "revicons";\n  fallback: fallback;\n  src: url('+escape(__webpack_require__(1705))+") format('woff'),\n  url("+escape(__webpack_require__(1706))+") format('ttf'),\n  url("+escape(__webpack_require__(1707))+') format(\'ttf\');\n}\n.react-multi-carousel-list {\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  position: relative;\n}\n.react-multi-carousel-track {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-direction: row;\n  position: relative;\n  will-change: transform;\n}\n.react-multiple-carousel__arrow {\n  position: absolute;\n  outline: none;\n  transition: all 0.5s;\n  border-radius: 35px;\n  z-index: 1000;\n  border: none;\n  background: rgba(0, 0, 0, 0.5);\n  min-width: 43px;\n  min-height: 43px;\n  opacity: 1;\n  cursor: pointer;\n}\n.react-multiple-carousel__arrow:hover {\n  background: rgba(0, 0, 0, 0.8);\n}\n.react-multiple-carousel__arrow::before {\n  font-size: 20px;\n  color: #fff;\n  display: block;\n  font-family: revicons;\n  text-align: center;\n  z-index: 2;\n  position: relative;\n}\n\n.react-multiple-carousel__arrow--left {\n  left: calc(4% + 1px);\n}\n.react-multiple-carousel__arrow--left::before {\n  content: "\\E824";\n}\n.react-multiple-carousel__arrow--right {\n  right: calc(4% + 1px);\n}\n.react-multiple-carousel__arrow--right::before {\n  content: "\\E825";\n}\n\n.react-multi-carousel-dot-list {\n  position: absolute;\n  bottom: 0;\n  display: flex;\n  left: 0;\n  right: 0;\n  justify-content: center;\n  margin: auto;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  text-align: center;\n}\n.react-multi-carousel-dot button {\n  display: inline-block;\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  opacity: 1;\n  padding: 5px 5px 5px 5px;\n  box-shadow: none;\n  transition: background .5s;\n  border-width: 2px;\n  border-style: solid;\n  border-color: grey;\n  padding: 0;\n  margin: 0;\n  margin-right: 6px;\n  outline: 0;\n  cursor: pointer;\n}\n.react-multi-carousel-dot button:hover {\n  background: #080808;\n}\n.react-multi-carousel-dot--active button {\n  background: #080808;\n}\n',""])},1705:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/revicons.04eb8fc5.woff"},1706:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/revicons.17629a5d.ttf"},1707:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/revicons.2feb69cc.eot"},268:function(module,__webpack_exports__,__webpack_require__){"use strict";var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),CustomDot=function(_ref){var _onClick=_ref.onClick,index=_ref.index,currentSlide=_ref.carouselState.currentSlide;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("li",{style:{background:index===currentSlide?"grey":"initial"}},react__WEBPACK_IMPORTED_MODULE_0__.createElement("button",{style:{background:index===currentSlide?"grey":"initial"},onClick:function(){return _onClick()}}))};__webpack_exports__.a=CustomDot,CustomDot.__docgenInfo={description:"",methods:[],displayName:"CustomDot"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/CustomDot.js"]={name:"CustomDot",docgenInfo:CustomDot.__docgenInfo,path:"stories/CustomDot.js"})},269:function(module,exports,__webpack_require__){__webpack_require__(270),__webpack_require__(349),module.exports=__webpack_require__(350)},33:function(module,__webpack_exports__,__webpack_require__){"use strict";var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),_material_ui_core_styles__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(267),_material_ui_core_Card__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(262),_material_ui_core_Card__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_material_ui_core_Card__WEBPACK_IMPORTED_MODULE_2__),_material_ui_core_CardActionArea__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(263),_material_ui_core_CardActionArea__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_material_ui_core_CardActionArea__WEBPACK_IMPORTED_MODULE_3__),_material_ui_core_CardActions__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(266),_material_ui_core_CardActions__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(_material_ui_core_CardActions__WEBPACK_IMPORTED_MODULE_4__),_material_ui_core_CardContent__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(265),_material_ui_core_CardContent__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_material_ui_core_CardContent__WEBPACK_IMPORTED_MODULE_5__),_material_ui_core_CardMedia__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(264),_material_ui_core_CardMedia__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(_material_ui_core_CardMedia__WEBPACK_IMPORTED_MODULE_6__),_material_ui_core_Button__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(86),_material_ui_core_Button__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_material_ui_core_Button__WEBPACK_IMPORTED_MODULE_7__),_material_ui_core_Typography__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(158),_material_ui_core_Typography__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(_material_ui_core_Typography__WEBPACK_IMPORTED_MODULE_8__);function MediaCard(props){var classes=props.classes,image=props.image,headline=props.headline,description=props.description;return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_Card__WEBPACK_IMPORTED_MODULE_2___default.a,{className:classes.card},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_CardActionArea__WEBPACK_IMPORTED_MODULE_3___default.a,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_CardMedia__WEBPACK_IMPORTED_MODULE_6___default.a,{className:classes.media,image:image,title:headline}),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_CardContent__WEBPACK_IMPORTED_MODULE_5___default.a,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_Typography__WEBPACK_IMPORTED_MODULE_8___default.a,{gutterBottom:!0,variant:"h5",component:"h2"},headline),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_Typography__WEBPACK_IMPORTED_MODULE_8___default.a,{component:"p"},description))),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_CardActions__WEBPACK_IMPORTED_MODULE_4___default.a,null,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("a",{target:"_blank",href:"https://w3js.com"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_Button__WEBPACK_IMPORTED_MODULE_7___default.a,{size:"small",color:"primary"},"Share")),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("a",{target:"_blank",href:"https://w3js.com"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_material_ui_core_Button__WEBPACK_IMPORTED_MODULE_7___default.a,{size:"small",color:"primary"},"Learn More"))))}__webpack_exports__.a=Object(_material_ui_core_styles__WEBPACK_IMPORTED_MODULE_1__.withStyles)({card:{margin:"0 20px"},media:{height:140}})(MediaCard),MediaCard.__docgenInfo={description:"",methods:[],displayName:"MediaCard"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/Card.js"]={name:"MediaCard",docgenInfo:MediaCard.__docgenInfo,path:"stories/Card.js"})},350:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){__webpack_require__(16),__webpack_require__(11),__webpack_require__(17);var _storybook_react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(87),req=__webpack_require__(446);Object(_storybook_react__WEBPACK_IMPORTED_MODULE_3__.configure)(function(){req.keys().forEach(function(filename){return req(filename)})},module)}.call(this,__webpack_require__(181)(module))},446:function(module,exports,__webpack_require__){var map={"./index.stories.js":447};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id=446},447:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){__webpack_require__(448),__webpack_require__(54),__webpack_require__(208);var react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__),faker__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(260),faker__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(faker__WEBPACK_IMPORTED_MODULE_4__),react_ga__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(157),react_ga__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(react_ga__WEBPACK_IMPORTED_MODULE_5__),_storybook_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(87),storybook_addon_jsx__WEBPACK_IMPORTED_MODULE_9__=(__webpack_require__(1498),__webpack_require__(1603),__webpack_require__(261)),storybook_addon_jsx__WEBPACK_IMPORTED_MODULE_9___default=__webpack_require__.n(storybook_addon_jsx__WEBPACK_IMPORTED_MODULE_9__),_Card__WEBPACK_IMPORTED_MODULE_11__=(__webpack_require__(1608),__webpack_require__(33)),_CustomArrows__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(48),_CustomDot__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(268),_CustomImage__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(115),_src__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__(13),_src__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(_src__WEBPACK_IMPORTED_MODULE_15__);__webpack_require__(1702);Object(_storybook_react__WEBPACK_IMPORTED_MODULE_6__.setAddon)(storybook_addon_jsx__WEBPACK_IMPORTED_MODULE_9___default.a),"undefined"!=typeof window&&(react_ga__WEBPACK_IMPORTED_MODULE_5___default.a.initialize("UA-135638821-1"),react_ga__WEBPACK_IMPORTED_MODULE_5___default.a.pageview(window.location.pathname+window.location.search));var images=["https://images.unsplash.com/photo-1549989476-69a92fa57c36?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60","https://images.unsplash.com/photo-1549396535-c11d5c55b9df?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=60","https://images.unsplash.com/photo-1550133730-695473e544be?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60","https://images.unsplash.com/photo-1550167164-1b67c2be3973?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60","https://images.unsplash.com/photo-1550338861-b7cfeaf8ffd8?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60","https://images.unsplash.com/photo-1550223640-23097fc71cb2?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60","https://images.unsplash.com/photo-1550353175-a3611868086b?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60","https://images.unsplash.com/photo-1550330039-a54e15ed9d33?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60","https://images.unsplash.com/photo-1549737328-8b9f3252b927?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60","https://images.unsplash.com/photo-1549833284-6a7df91c1f65?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60","https://images.unsplash.com/photo-1549985908-597a09ef0a7c?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60","https://images.unsplash.com/photo-1550064824-8f993041ffd3?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60"],texts=["Appending currency sign to a purchase form in your e-commerce site using plain JavaScript.","Fixing CSS load order/style.chunk.css incorrect in Nextjs","React Carousel with Server Side Rendering Support – Part 1","React Carousel with Server Side Rendering Support – Part 2","Flutter Xcode couldn’t find any iOS App Development provisioning profiles"],fakerData=Array(12).fill(0).map(function(item,index){var number=faker__WEBPACK_IMPORTED_MODULE_4___default.a.random.number({min:0,max:3});return{image:images[index],headline:"w3js.com - web front-end studio",description:texts[number]}}),responsive={desktop:{breakpoint:{max:3e3,min:1024},items:3,paritialVisibilityGutter:40},tablet:{breakpoint:{max:1024,min:464},items:2,paritialVisibilityGutter:30},mobile:{breakpoint:{max:464,min:0},items:1,paritialVisibilityGutter:30}},responsiveImageHero={desktop:{breakpoint:{max:3e3,min:1024},items:1},tablet:{breakpoint:{max:1024,min:464},items:1},mobile:{breakpoint:{max:464,min:0},items:1}};Object(_storybook_react__WEBPACK_IMPORTED_MODULE_6__.storiesOf)("Carousel",module).addWithJSX("With infinite mode",function(){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_src__WEBPACK_IMPORTED_MODULE_15___default.a,{containerClassName:"container-with-dots",infinite:!0,responsive:responsive},fakerData.map(function(card){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_Card__WEBPACK_IMPORTED_MODULE_11__.a,card)}))}).addWithJSX("Without infinite mode",function(){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_src__WEBPACK_IMPORTED_MODULE_15___default.a,{containerClassName:"container",responsive:responsive},fakerData.map(function(card){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_Card__WEBPACK_IMPORTED_MODULE_11__.a,card)}))}).addWithJSX("Custom arrow",function(){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_src__WEBPACK_IMPORTED_MODULE_15___default.a,{infinite:!0,containerClassName:"container",customLeftArrow:react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_CustomArrows__WEBPACK_IMPORTED_MODULE_12__.b,null),customRightArrow:react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_CustomArrows__WEBPACK_IMPORTED_MODULE_12__.c,null),responsive:responsive},fakerData.map(function(card){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_Card__WEBPACK_IMPORTED_MODULE_11__.a,card)}))}).addWithJSX("No drag on desktop",function(){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_src__WEBPACK_IMPORTED_MODULE_15___default.a,{containerClassName:"container",disableDrag:!0,infinite:!0,customLeftArrow:react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_CustomArrows__WEBPACK_IMPORTED_MODULE_12__.b,null),customRightArrow:react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_CustomArrows__WEBPACK_IMPORTED_MODULE_12__.c,null),responsive:responsive},fakerData.map(function(card){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_Card__WEBPACK_IMPORTED_MODULE_11__.a,card)}))}).addWithJSX("No swipe on mobile",function(){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_src__WEBPACK_IMPORTED_MODULE_15___default.a,{disableSwipeOnMobile:!0,containerClassName:"container",infinite:!0,customLeftArrow:react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_CustomArrows__WEBPACK_IMPORTED_MODULE_12__.b,null),customRightArrow:react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_CustomArrows__WEBPACK_IMPORTED_MODULE_12__.c,null),responsive:responsive},fakerData.map(function(card){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_Card__WEBPACK_IMPORTED_MODULE_11__.a,card)}))}).addWithJSX("Slide two at a time",function(){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_src__WEBPACK_IMPORTED_MODULE_15___default.a,{containerClassName:"container",slidesToSlide:2,responsive:responsive},fakerData.map(function(card){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_Card__WEBPACK_IMPORTED_MODULE_11__.a,card)}))}).addWithJSX("Auto play",function(){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_src__WEBPACK_IMPORTED_MODULE_15___default.a,{autoPlay:!0,infinite:!0,autoPlaySpeed:1e3,containerClassName:"container-with-dots",slidesToSlide:2,responsive:responsive},fakerData.map(function(card){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_Card__WEBPACK_IMPORTED_MODULE_11__.a,card)}))}).addWithJSX("With dots",function(){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_src__WEBPACK_IMPORTED_MODULE_15___default.a,{shouldShowDots:!0,infinite:!0,containerClassName:"container",slidesToSlide:1,responsive:responsiveImageHero},images.slice(0,5).map(function(image){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("img",{draggable:!1,src:image,style:{width:"100%",display:"block",height:"100%",margin:"auto"}})}))}).addWithJSX("Custom dots",function(){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_src__WEBPACK_IMPORTED_MODULE_15___default.a,{shouldShowDots:!0,customDot:react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_CustomDot__WEBPACK_IMPORTED_MODULE_13__.a,null),infinite:!0,containerClassName:"container",slidesToSlide:1,responsive:responsiveImageHero},images.slice(0,5).map(function(image){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement("img",{draggable:!1,src:image,style:{width:"100%",display:"block",height:"100%",margin:"auto"}})}))}).addWithJSX("With aria hidden, inspect me in the debugger",function(){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_src__WEBPACK_IMPORTED_MODULE_15___default.a,{shouldShowDots:!0,infinite:!0,containerClassName:"container",slidesToSlide:1,responsive:responsiveImageHero},images.slice(0,5).map(function(url){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_CustomImage__WEBPACK_IMPORTED_MODULE_14__.a,{url:url})}))}).addWithJSX("With afterChanged function, a callback function",function(){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_src__WEBPACK_IMPORTED_MODULE_15___default.a,{shouldShowDots:!0,infinite:!0,containerClassName:"container",slidesToSlide:1,afterChanged:function(previousSlide,_ref){var currentSlide=_ref.currentSlide;_ref.onMove;return alert("previous slide is "+previousSlide+" currentSlide is "+currentSlide)},responsive:responsiveImageHero},images.slice(0,5).map(function(url){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_CustomImage__WEBPACK_IMPORTED_MODULE_14__.a,{url:url})}))}).addWithJSX("With beforeChanged function, a callback function",function(){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_src__WEBPACK_IMPORTED_MODULE_15___default.a,{shouldShowDots:!0,infinite:!0,containerClassName:"container",slidesToSlide:1,beforeChanged:function(nextSlide,_ref2){var currentSlide=_ref2.currentSlide;_ref2.onMove;return alert("previous slide is "+currentSlide+" nextSlide is "+nextSlide)},responsive:responsiveImageHero},images.slice(0,5).map(function(url){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_CustomImage__WEBPACK_IMPORTED_MODULE_14__.a,{url:url})}))}).addWithJSX("With paritially visibie on next items",function(){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_src__WEBPACK_IMPORTED_MODULE_15___default.a,{infinite:!0,partialVisbile:"right",containerClassName:"container",responsive:responsive},fakerData.map(function(card){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_Card__WEBPACK_IMPORTED_MODULE_11__.a,card)}))}).addWithJSX("With paritially visibie on both direction",function(){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_src__WEBPACK_IMPORTED_MODULE_15___default.a,{partialVisbile:!0,containerClassName:"container",responsive:responsive},fakerData.map(function(card){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_Card__WEBPACK_IMPORTED_MODULE_11__.a,card)}))}).addWithJSX("With custom button group",function(){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_src__WEBPACK_IMPORTED_MODULE_15___default.a,{removeArrow:!0,containerClassName:"container-padding-bottom",customButtonGroup:react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_CustomArrows__WEBPACK_IMPORTED_MODULE_12__.a,null),responsive:responsive},fakerData.map(function(card){return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_Card__WEBPACK_IMPORTED_MODULE_11__.a,card)}))})}.call(this,__webpack_require__(181)(module))},48:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"b",function(){return CustomLeftArrow}),__webpack_require__.d(__webpack_exports__,"c",function(){return CustomRightArrow}),__webpack_require__.d(__webpack_exports__,"a",function(){return CustomButtonGroup});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),CustomLeftArrow=function(_ref){var _onClick=_ref.onClick;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("i",{onClick:function(){return _onClick()},className:"custom-left-arrow"})},CustomRightArrow=function(_ref2){var _onClick2=_ref2.onClick;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("i",{className:"custom-right-arrow",onClick:function(){return _onClick2()}})},CustomButtonGroup=function(_ref3){var next=_ref3.next,previous=_ref3.previous,goToSlide=_ref3.goToSlide,carouselState=_ref3.carouselState,totalItems=carouselState.totalItems,currentSlide=carouselState.currentSlide;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{className:"custom-button-group"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",null,"Current slide is ",currentSlide),react__WEBPACK_IMPORTED_MODULE_0__.createElement("button",{onClick:function(){return previous()}},"Previous slide"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("button",{onClick:function(){return next()}},"Next slide"),react__WEBPACK_IMPORTED_MODULE_0__.createElement("button",{onClick:function(){return goToSlide(Math.floor(Math.random()*totalItems+1))}},"Go to a random slide"))};CustomLeftArrow.__docgenInfo={description:"",methods:[],displayName:"CustomLeftArrow"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/CustomArrows.js"]={name:"CustomLeftArrow",docgenInfo:CustomLeftArrow.__docgenInfo,path:"stories/CustomArrows.js"}),CustomRightArrow.__docgenInfo={description:"",methods:[],displayName:"CustomRightArrow"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/CustomArrows.js"]={name:"CustomRightArrow",docgenInfo:CustomRightArrow.__docgenInfo,path:"stories/CustomArrows.js"}),CustomButtonGroup.__docgenInfo={description:"",methods:[],displayName:"CustomButtonGroup"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["stories/CustomArrows.js"]={name:"CustomButtonGroup",docgenInfo:CustomButtonGroup.__docgenInfo,path:"stories/CustomArrows.js"})}},[[269,1,2]]]);
  //# sourceMappingURL=main.fb0949a4061a86c10aa9.bundle.js.map