https://www.zameen.com/assets/imageSlideShow.19916c67af5e9377.js

1"use strict";(self.webpackChunkmustang=self.webpackChunkmustang||[]).push([[3638],{69259:(e,t,r)=>{r.d(t,{A:()=>p});var n=r(63696),o=r(28336),i=r(693),l=r(73185);function a(e){return(a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var s=["trigger"];function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?c(Object(r),!0).forEach(function(t){var n,o;n=t,o=r[t],(n=function(e){var t=function(e,t){if("object"!==a(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==a(n))return n;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===a(t)?t:String(t)}(n))in e?Object.defineProperty(e,n,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[n]=o}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let p=function(e){return(0,o.A)(function(t){var r=t.trigger,o=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],!(t.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(t,s);return n.createElement(e,u(u({},o),{},{trackInsideImage:function(){return r(i.A.INSIDE_IMAGE_VIEW,{view_section:l.A.PROPERTY_DETAIL})},trackPanoramaView:function(){return r(i.A.PANORAMA_VIEW,{view_section:l.A.PROPERTY_DETAIL})},trackVideoPlay:function(){return r(i.A.VIDEO_PLAY,{view_section:l.A.PROPERTY_DETAIL})},trackVirtualTourGalleryOpen:function(){return r(i.A.VIRTUAL_TOUR_GALLERY_OPEN,{view_section:l.A.PROPERTY_DETAIL})},trackGallerySwipe:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:l.A.SEARCH_RESULTS;setTimeout(function(){r(i.A.GALLERY_SWIPE,{view_section:e})})}}))})}},76414:(e,t,r)=>{r.d(t,{i:()=>u,b:()=>c});var n=r(63696),o=r(71633),i=r.n(o),l=r(98018);let a={arrowContainer:"_4c37362f",arrow:"d779d0ec",rotate:"_5d5514c0"};function s(e){return(s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var c=Object.freeze({LEFT:0,RIGHT:1}),u=function(e){if(!0===e.disabled)return null;var t,r,o,u,p,h,d=i()(null!==(p=e.arrowIconStyle)&&void 0!==p?p:a.arrow,(r={},o=a.rotate,u=e.direction===c.LEFT,(t=function(e,t){if("object"!==s(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==s(n))return n;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(o,"string"),(o="symbol"===s(t)?t:String(t))in r)?Object.defineProperty(r,o,{value:u,enumerable:!0,configurable:!0,writable:!0}):r[o]=u,r));return n.createElement("div",{className:null!==(h=e.customArrowContainerStyle)&&void 0!==h?h:e.className?"".concat(a.arrowContainer," ").concat(e.className):a.arrowContainer,onClick:e.onClick,role:e.onClick?"button":void 0},e.customArrow?n.createElement(e.customArrow,{className:d}):n.createElement(l.A,{className:d}))}},89764:(e,t,r)=>{r.r(t),r.d(t,{default:()=>x});var n=r(63696),o=r(71633),i=r.n(o),l=r(3583),a=r.n(l),s=r(7207),c=r.n(s),u=r(98364),p=r(57454),h=r(43469),d=r(19089),f=r(34838),y=r(69259),b=r(29707),m=r(76414),v=r(48655);let g={panelRight:"b6989dd6",panelLeft:"_0cca568c",arrowLeft:"f05aa563",hiddenLeft:"_0d22ab12",arrowRight:"_84b3f07c",hiddenRight:"_7476de91",container:"e5523a57",left:"_0b7af47d",right:"_6e8d473a",rightVideo:"_3f020338"};function w(e){return(w="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}let C=function(e){if(e.disabled)return null;var t,r,o,l,a,s=e.direction===m.b.LEFT,c=e.visible?g.panelLeft:"".concat(g.panelLeft," ").concat(g.hiddenLeft),u=e.visible?g.panelRight:"".concat(g.panelRight," ").concat(g.hiddenRight),p=s?g.arrowLeft:g.arrowRight,h=s?e.leftArrowStyle:e.rightArrowStyle,d=e.swiping?"":"".concat(null!==(a=e.containerStyle)&&void 0!==a?a:g.container," ").concat(s?g.left:g.right),f=i()(d,(r={},o=g.rightVideo,l=e.withVideos,(t=function(e,t){if("object"!==w(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==w(n))return n;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(o,"string"),(o="symbol"===w(t)?t:String(t))in r)?Object.defineProperty(r,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[o]=l,r));return n.createElement("div",{onClick:e.onClick,role:"button",className:f,"aria-label":e.direction===m.b.LEFT?"Left arrow":"Right arrow"},n.createElement("div",{disabled:e.disabled,className:s?c:u},n.createElement(m.i,{onClick:e.onClick,direction:e.direction,customArrow:e.customArrow,className:p,customArrowContainerStyle:h,arrowIconStyle:e.arrowIconStyle})))};var S=r(78314),A=r(62795);let k={container:"_8556967a",fixedHeightContainer:"_369551d0",fullHeightContainer:"_40beb6ad",swipeableArea:"_79578a18",errorContainer:"_628814b8",image:"a599204d",fullScreenButton:"_8cc0fcf7",interactiveBanner:"f4aea4cc",mobileContainer:"eb4ef5a1"};

1var O=r(17469);function P(e){return(P="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function E(){return(E=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function I(e,t){return(I=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e})(e,t)}function T(e){if(void 0===e)throw ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _(e){return(_=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function R(e,t,r){return(t=N(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function N(e){var t=function(e,t){if("object"!==P(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==P(n))return n;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===P(t)?t:String(t)}var j=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&I(e,t)}(l,e);var t,r,o=(t=function(){if("undefined"==typeof Reflect||!Reflect.construct||Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(e){return!1}}(),function(){var e,r=_(l);return e=t?Reflect.construct(r,arguments,_(this).constructor):r.apply(this,arguments),function(e,t){if(t&&("object"===P(t)||"function"==typeof t))return t;if(void 0!==t)throw TypeError("Derived constructors may only return object or undefined");return T(e)}(this,e)});function l(e){var t;return!function(e,t){if(!(e instanceof t))throw TypeError("Cannot call a class as a function")}(this,l),R(T(t=o.call(this,e)),"gallery",void 0),c()(T(t)),t.gallery=null,t.state={showArrows:!0,fullScreen:!1,index:t.props.startIndex},t}return r=[{key:"UNSAFE_componentWillReceiveProps",value:function(e){!this.gallery||a()(e.slideIndex)||e.slideIndex===this.state.index||(this.gallery.slideToIndex(e.slideIndex),this.setState({index:e.slideIndex}))}},{key:"onClick",value:function(){var e=this.gallery.getCurrentIndex(),t=this.props.photos[e];switch(this.props.onClick&&this.props.onClick(t),this.props.clickBehavior){case b.A.TOGGLE_ARROWS:t.type!==O.A.FLOOR_PLAN&&this.setState(function(e){return{showArrows:!e.showArrows}});return;case b.A.NEXT:return;default:t.type!==O.A.CONTACT_FORM&&t.type!==O.A.WHATSAPP_CONTACT_FORM&&this.onVisibilityChanged(!this.state.fullScreen)}}},{key:"onPhotoCountClick",value:function(){var e=this.gallery.getCurrentIndex(),t=this.props.photoCount?this.props.photoCount-1:0,r={index:e};e>t&&(this.gallery.slideToIndex(t),r.index=t),this.setState(r),this.onVisibilityChanged(!0),this.props.trackInsideImage()}},{key:"onPanoramaClick",value:function(){var e=this.gallery.getCurrentIndex(),t=this.props.photoCount,r={index:e};e!==t&&(r.index=t),this.setState(r),this.onVisibilityChanged(!0),this.props.trackPanoramaView()}},{key:"onVideoCountClick",value:function(){var e=this.gallery.getCurrentIndex(),t=this.props.photoCount+this.props.panoramaCount,r={index:e};e!==t&&(r.index=t),this.setState(r),this.onVisibilityChanged(!0),this.props.trackVideoPlay()}},{key:"onFloorPlansClick",value:function(){var e=this.gallery.getCurrentIndex(),t=this.props.photoCount+this.props.panoramaCount+this.props.videoCount,r={index:e};e!==t&&(r.index=t),this.setState(r),this.onVisibilityChanged(!0)}},{key:"renderLeftArrow",value:function(e,t){var r=this;return this.props.withoutArrows?null:n.createElement(C,{onClick:function(t){var n,o;e(t),null===(n=(o=r.props).onNavigate)||void 0===n||n.call(o)},disabled:t,direction:m.b.LEFT,visible:this.state.showArrows,swiping:this.props.swiping,video:this.props.withVideos,leftArrowStyle:this.props.leftArrowStyle,customArrow:this.props.customArrow,arrowIconStyle:this.props.arrowIconStyle,containerStyle:this.props.arrowContainerStyle})}},{key:"renderRightArrow",value:function(e,t){var r=this;return this.props.withoutArrows?null:n.createElement(C,{onClick:function(t){var n,o;e(t),null===(n=(o=r.props).onNavigate)||void 0===n||n.call(o)},disabled:t,direction:m.b.RIGHT,visible:this.state.showArrows,swiping:this.props.swiping,withVideos:this.props.withVideos,rightArrowStyle:this.props.rightArrowStyle,customArrow:this.props.customArrow,arrowIconStyle:this.props.arrowIconStyle,containerStyle:this.props.arrowContainerStyle})}},{key:"renderImage",value:function(e){return this.props.renderImage?this.props.renderImage(e):n.createElement(S.A,{imageID:e.id,className:k.image,loadingIndicator:n.createElement(d.A,null),alt:e.title,title:e.title,showCaption:this.props.showCaption,size:window.CONFIG.runtime.STRAT_MODAL_IMAGE_SHOW?A.D.MODAL:A.D.LARGE})}},{key:"onSlide",value:function(e){this.setState({index:e}),this.props.onSlide&&this.props.onSlide(e)}},{key:"onFullScreenSlide",value:function(e){!a()(e)&&(this.props.onSlide&&this.props.onSlide(e),this.gallery&&this.gallery.slideToIndex(e))}},{key:"renderRightTopOverlay",value:function(e){var t,r;return(null===(t=this.props.photos[e])||void 0===t?void 0:t.type)===O.A.CONTACT_FORM||(null===(r=this.props.photos[e])||void 0===r?void 0:r.type)===O.A.WHATSAPP_CONTACT_FORM?function(){return null}:null}},{key:"setNotVisible",value:function(){this.setState({fullScreen:!1})}},{key:"onVisibilityChanged",value:function(e){this.setState({fullScreen:e}),this.props.handleVisibilityChange&&this.props.handleVisibilityChange(e,this.setNotVisible,"Dialog")}},{key:"render",value:function(){var e,t=this,r=this.props.className?"".concat(k.container," ").concat(this.props.className):k.container,o=this.state.index,a=this.props.ariaLabel?{"aria-label":this.props.ariaLabel}:{};return n.createElement(u.Ay,{FallbackComponent:function(){return n.createElement("div",{className:k.errorContainer})},onError:l.handleError},n.createElement("div",E({className:i()((R(e={},k.fixedHeightContainer,this.props.renderChips),R(e,k.fullHeightContainer,!this.props.renderChips),R(e,k.mobileContainer,this.props.isMobile),R(e,"showThumbnails",this.props.showThumbnails),e))},a),this.props.renderInteractiveBanner&&n.createElement("div",{className:k.interactiveBanner},this.props.renderInteractiveBanner({onFloorPlansClick:this.onFloorPlansClick,onVideoClick:this.onVideoCountClick,onPanoramaClick:this.onPanoramaClick})),n.createElement(h._Q,{key:"slideShow",className:k.swipeableArea},n.createElement("div",{className:r},this.props.showFullscreenButton&&n.createElement("button",{className:k.fullScreenButton,onClick:function(){return t.onVisibilityChanged(!0)}}),n.createElement(p.A,{ref:function(e){t.gallery=e},lazyLoad:!0,items:this.props.photos,startIndex:this.props.startIndex,onClick:this.onClick,onSlide:this.props.fullscreenGallery?this.onFullScreenSlide:this.onSlide,onImageGalleryReady:this.props.onImageGalleryReady,onItemsGalleryChange:this.props.onItemsGalleryChange,showFullscreenButton:!1,showPlayButton:!1,renderItem:this.renderImage,renderThumbInner:this.props.renderThumbInner||l.renderThumbInner,renderLeftNav:this.renderLeftArrow,renderRightNav:this.renderRightArrow,showThumbnails:!!this.props.showThumbnails,slideDuration:this.props.slideDuration,swipeThreshold:1,preventDefaultTouchmoveEvent:!0,disableSwipe:this.props.disableGalleryNav,disableNavigation:this.props.disableGalleryNav}),this.props.renderOverlay&&this.props.renderOverlay({onPhotoClick:this.onPhotoCountClick,onPanoramaClick:this.onPanoramaClick,onVideoClick:this.onVideoCountClick,onFloorPlansClick:this.onFloorPlansClick,currentIndex:this.gallery?this.gallery.getCurrentIndex():0,numberOfItems:this.props.photos.length,renderRightTop:this.renderRightTopOverlay(o)}))),n.createElement(v.A,{key:"fullScreen",ariaLabel:"Fullscreen image gallery",startIndex:o,photos:this.props.photos,visible:this.state.fullScreen,swiping:this.props.swiping,onVisibilityChanged:this.onVisibilityChanged,showCaption:this.props.showCaption,slideDuration:this.props.slideDuration,onSlide:this.onFullScreenSlide,onNavigate:this.props.onNavigate,renderFullscreenContactButtons:this.props.renderFullscreenContactButtons}),this.props.renderTracker&&this.props.renderTracker()),this.props.renderChips&&this.props.renderChips({onPhotoClick:this.onPhotoCountClick,onPanoramaClick:this.onPanoramaClick,onVideoClick:this.onVideoCountClick,onFloorPlansClick:this.onFloorPlansClick}))}}],function(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,N(n.key),n)}}(l.prototype,r),Object.defineProperty(l,"prototype",{writable:!1}),l}(n.Component);

1R(j,"defaultProps",{showThumbnails:!1,showFullscreenButton:!1,clickBehavior:b.A.FULL_SCREEN,fullscreenGallery:!1,startIndex:0,disableGalleryNav:!1,slideDuration:250}),R(j,"renderThumbInner",function(e){return n.createElement(S.A,{imageID:e.id,size:A.D.TINY,alt:e.title,title:e.title})}),R(j,"handleError",function(e,t){(0,f.v)({e:e,msg:"Error while rendering image slide show",context:{stack:t}})});let x=(0,y.A)((0,h.jM)(j))}}]);
2//# sourceMappingURL=imageSlideShow.812077b700cc974a.js.map