https://zolostays.com/79.bundle.6207a04ad7b5af083e08.js

1(window.webpackJsonp=window.webpackJsonp||[]).push([[79,99],{292:function(t,e,n){"use strict";n.r(e),n.d(e,"default",(function(){return W}));var o=n(25),i=n.n(o),a=n(26),r=n.n(a),l=n(27),c=n.n(l),s=n(20),d=n.n(s),u=n(28),f=n.n(u),h=n(7),p=n.n(h),m=n(1),g=n.n(m),v=n(10),y=n(29),w=n(9),I=n(3),b=w.c.div.withConfig({displayName:"Carousel_styles__CarouselContainer",componentId:"sc-1ef4ywz-0"})(["display:flex;transition:",";transform:",";"],(function(t){return t.transition}),(function(t){if(t.sliding)return"translateX(-".concat(Object(I.d)(t.scrollWidth),")")})),x=w.c.div.withConfig({displayName:"Carousel_styles__CarouselSlot",componentId:"sc-1ef4ywz-1"})(["display:flex;margin-right:20px;"]),C=w.c.div.withConfig({displayName:"Carousel_styles__CarouselWrapper",componentId:"sc-1ef4ywz-2"})(["width:",";position:relative;display:flex;align-items:center;justify-content:",";overflow-x:hidden;padding:",";padding-left:",";"],(function(t){return t.initialPaddingLeft&&t.atScrollStart?"calc(100% - ".concat(Object(I.d)(t.initialPaddingLeft),")"):"100%"}),(function(t){return t.justifyCenter?"center":null}),(function(t){return t.sheetBodyColo?"".concat(Object(I.d)(15.4)," 0 ").concat(Object(I.d)(14)," 0"):"".concat(Object(I.d)(5)," 0 0 0")}),(function(t){return t.atScrollStart?Object(I.d)(t.initialPaddingLeft):0})),S=w.c.button.withConfig({displayName:"Carousel_styles__CarouselButton",componentId:"sc-1ef4ywz-3"})(["width:",";position:absolute;right:",";left:",";bottom:0;height:calc(100% - ",");opacity:0.4;background-color:",";display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:10;top:",";"],(function(t){return Object(I.d)(t.buttonWidth)}),(function(t){return t.backButton?"auto":0}),(function(t){return t.backButton?0:"auto"}),Object(I.d)(28),(function(t){return t.buttonColor}),Object(I.d)(14));function E(t,e,n){return e=d()(e),c()(t,function(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return function(){return!!t}()}()?Reflect.construct(e,n||[],d()(t).constructor):e.apply(t,n))}var W=function(t){function e(t){var n;return i()(this,e),n=E(this,e,[t]),p()(n,"componentDidUpdate",(function(){var t=document.getElementById(n.props.wrapperId).offsetWidth,e=document.getElementById(n.props.containerId).offsetWidth;e&&t&&e<=t&&!1===n.state.isScrollEnd&&n.setState({isScrollEnd:!0})})),p()(n,"moveForward",(function(){var t,e,o=n.state,i=o.activeIndex,a=o.scrollWidth,r=document.getElementById(n.props.wrapperId).offsetWidth,l=n.props,c=l.scrollFull,s=l.slidesToScroll,d=document.getElementById(n.props.containerId).offsetWidth,u=0,f=!1;if(c)if(a+r<d-r)u=r;else{t=d-r,f=!0;for(var h=0;h<s;h++)(u+=document.getElementById(elementNo).offsetWidth)>t&&(e=i+h)}else for(var p=0;p<s;p++){var m="Slot_item_".concat(i+p);if(a+(u+=document.getElementById(m).offsetWidth)>d-r){t=d-r,f=!0,e=i+p;break}}n.setState({sliding:!0,scrollWidth:f?t:a+u,activeIndex:f?e:i+s,isScrollEnd:f,atScrollStart:!1})})),p()(n,"moveBack",(function(){var t=n.state,e=t.activeIndex,o=t.scrollWidth,i=document.getElementById(n.props.wrapperId).offsetWidth,a=n.props,r=a.scrollFull,l=a.slidesToScroll,c=0,s=!1;r&&(c=i<o?i:0,s=!(i<o));for(var d=0;d<l;d++){var u="Slot_item_".concat(e-d);if((c+=document.getElementById(u).offsetWidth)>o){s=!0;break}}n.setState({sliding:!0,scrollWidth:s?0:o-c,activeIndex:s?0:e-l,isScrollEnd:!1,atScrollStart:s})})),n.state={activeIndex:0,sliding:!1,scrollWidth:0,isScrollEnd:!1,atScrollStart:!0,carouselKey:t.carouselKey},n}return f()(e,t),r()(e,[{key:"render",value:function(){var t=this.props,e=t.children,n=t.transition,o=t.forwardButton,i=t.backButton,a=t.buttonWidth,r=t.buttonColor,l=t.initialPaddingLeft,c=t.containerId,s=t.wrapperId,d=t.hideCarousel,u=t.gallery,f=this.state,h=f.sliding,p=f.scrollWidth,m=f.isScrollEnd,v=f.atScrollStart;return g.a.createElement(C,{initialPaddingLeft:l,id:s,atScrollStart:v,gallery:u},!v&&!i&&!d&&g.a.createElement(S,{onClick:this.moveBack,buttonWidth:a,buttonColor:r,backButton:!0},g.a.createElement(y.a,{src:"/public/assets/images/icons/arrow_right.svg",alt:"arrow_right",showPointer:!0,margin:"auto",width:25,height:25})),i,g.a.createElement(b,{sliding:h,scrollWidth:p,transition:n,id:c}

1,e&&e.map((function(t,e){return g.a.createElement(x,{key:e,id:"Slot_item_".concat(e)},t)}))),!m&&!d&&g.a.createElement(S,{onClick:this.moveForward,buttonColor:r,buttonWidth:a},g.a.createElement(y.a,{src:"/public/assets/images/icons/arrow_left.svg",alt:"arrow_left",showPointer:!0,margin:"auto",width:25,height:25})),o)}}])}(g.a.Component);p()(W,"getDerivedStateFromProps",(function(t,e){if(e.carouselKey!==t.carouselKey)return{activeIndex:0,sliding:!1,scrollWidth:0,isScrollEnd:!1,atScrollStart:!0,carouselKey:t.carouselKey}})),W.defaultProps={slidesToScroll:0,scrollFull:!0,transition:"transform 1s ease",backButton:null,forwardButton:null,buttonWidth:60,buttonColor:v.K,initialPaddingLeft:0,containerId:"carousel_container",wrapperId:"carousel_wrapper",carouselKey:"key"},W.propTypes={}},399:function(t,e,n){"use strict";n.r(e),n.d(e,"default",(function(){return S}));var o=n(25),i=n.n(o),a=n(26),r=n.n(a),l=n(27),c=n.n(l),s=n(20),d=n.n(s),u=n(28),f=n.n(u),h=n(7),p=n.n(h),m=n(1),g=n.n(m),v=n(10),y=n(292),w=n(29),I=n(66),b=n(30),x=n(308);function C(t,e,n){return e=d()(e),c()(t,function(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return function(){return!!t}()}()?Reflect.construct(e,n||[],d()(t).constructor):e.apply(t,n))}var S=function(t){function e(t){var n;return i()(this,e),n=C(this,e,[t]),p()(n,"componentDidMount",(function(){document.addEventListener("keydown",n.onKeypress)})),p()(n,"componentWillUnmount",(function(){document.removeEventListener("keydown",n.onKeypress)})),p()(n,"onKeypress",(function(t){37===t.keyCode&&n.prevItem(),39===t.keyCode&&n.nextItem()})),p()(n,"prevItem",(function(){var t=n.state.activeIndex,e=n.state.images;n.setState({activeIndex:0===t?e.length-1:t-1})})),p()(n,"nextItem",(function(){var t=n.state.activeIndex,e=n.props.images;n.setState({activeIndex:t===e.length-1?0:t+1})})),p()(n,"changeIndex",(function(t){n.setState({activeIndex:t})})),p()(n,"handleImageChange",(function(t){var e=n.props.propertyImages.images.findIndex((function(e){return(null==e?void 0:e.category)===t}));n.setState({activeIndex:e})})),p()(n,"capitalise",(function(t){return"Cover_Photo"===t?"Cover":null==t?"Others":t.charAt(0).toUpperCase()+t.slice(1)})),n.state={activeIndex:t.activeIndex},n}return f()(e,t),r()(e,[{key:"render",value:function(){var t=this,e=this.props,n=e.showButtons,o=e.carouselImgHeight,i=e.carouselImgWidth,a=e.buttonHeight,r=e.buttonWidth,l=e.images,c=e.onClose,s=e.showCount,d=e.headerText,u=e.imageRatio,f=e.isMobile,h=e.propertyImages,p=e.sliderWidth,m=e.imageGap,C=e.modalWidth,S=this.state.activeIndex,E=f?v.J:v.l;return g.a.createElement(I.a,{width:C,isDarkMode:!0,showFooter:!1,showDivider:!1,headerText:d,onClose:c,bodyOverflowX:"initial",bodyOverflowY:"initial",fontSize:24,fontWeight:400,alignItems:"center",headWidth:"100%",paddingTop:1,overflowX:!0,marginTop:"2%",display:"flex",isMobile:f,bodyHeight:"100%"},g.a.createElement(x.d,null,h&&(null==h?void 0:h.category.map((function(e){var n,o;return g.a.createElement("div",{style:{borderBottom:(null===(n=h.images[S])||void 0===n?void 0:n.category)===e?"1px solid #00AEEF":""},key:e},g.a.createElement(b.a,{text:t.capitalise(e),fontSize:14,fontWeight:500,color:(null===(o=h.images[S])||void 0===o?void 0:o.category)===e?v.F:E,onClick:t.handleImageChange.bind(t,e),showPointer:!0}))})))),g.a.createElement(x.c,null,n&&g.a.createElement(x.a,{onClick:this.prevItem,buttonHeight:a,buttonWidth:r,backgroundColor:"transparent",isLeft:!0},g.a.createElement(w.a,{src:"/public/assets/images/chevron-down 14.svg",alt:"arrow_left",showPointer:!0,margin:"auto",width:40,height:40,zIndex:5})),g.a.createElement(x.e,{width:p,gap:m,style:{transform:"translateX(-".concat(S*(p+m),"px)"),scale:S?1.3:1,transition:" all .5s ease-in-out"}},null==h?void 0:h.images.map((function(t,e){return g.a.createElement(w.a,{key:t.url,src:t.url,width:"100%",objectFit:"cover",aspectRatio:u,alt:t.alt,opacity:e===S?1:.4,scale:e===S?1.3:1,flexShrink:0,flexgrow:0,transitionImage:"all .5s ease-in-out",itemBorderRadius:8})}))),s&&g.a.createElement(x.b,{isMobile:f},"".concat(S+1," / ").concat(l.length)),n&&g.a.createElement(x.a,{onClick:this.nextItem,buttonHeight:a,buttonWidth:r,backgroundColor:"transparent",isNextButton:!0,isRight:!0},g.a.createElement(w.a,{src:"/public/assets/images/chevron-down 13.svg",alt:"arrow_right",showPointer:!0,margin:"auto",width:40,height:40,zIndex:5}))),g.a.createElement(y.default,{width:C}

1,null==h?void 0:h.images.map((function(e,n){return g.a.createElement(w.a,{key:n,src:e.url,height:o,width:i,showPointer:!0,onClick:function(){return t.changeIndex(n)},opacity:n===S?1:.5,objectFit:"fill",aspectRatio:u,itemBorderRadius:8})}))))}}])}(g.a.Component);S.propTypes={},S.defaultProps={imgHeight:"calc(100vh - 300px)",imgWidth:"100%",carouselImgHeight:70,carouselImgWidth:90,buttonWidth:60,buttonHeight:60,showButtons:!0,showCount:!0,images:[],activeIndex:0,headerText:"",line:"",imageRatio:4/3}}}]);