https://www.graana.com/_next/static/chunks/3370.7ce9547359b42b84.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3370,1109,8243],{30859:function(e,t,o){var i=o(85893),n=o(67294),r=o(45697),a=o.n(r),s=o(76725),l=o(83346);const p=e=>{let{children:t,mapOptions:o,defaultCenter:n,defaultZoom:r=11,...a}=e;const p=l.v.MAPS_API_KEY,d={center:n,zoom:r},c={zoomControl:!0,mapTypeControl:!1,scaleControl:!1,streetViewControl:!1,rotateControl:!1,fullscreenControl:!0,styles:[{stylers:[{saturation:-100},{gamma:1},{lightness:4},{visibility:"on"}]}],...o};return(0,i.jsx)(s.ZP,{options:c,bootstrapURLKeys:{key:p},defaultCenter:d.center,defaultZoom:d.zoom,yesIWantToUseGoogleMapApiInternals:!0,...a,children:t})};p.propTypes={defaultCenter:a().node.isRequired,defaultZoom:a().node.isRequired},p.defaultProps={children:(0,i.jsx)(i.Fragment,{})},t.Z=(0,n.memo)(p)},51109:function(e,t,o){o.r(t),o.d(t,{default:function(){return s}});var i=o(85893),n=(o(67294),o(45697)),r=o.n(n),a=o(67111);function s(e){let{open:t,onClose:o,children:n,...r}=e;return(0,i.jsx)(a.Z,{open:t,onClose:o,...r,children:n})}s.propTypes={children:r().node,open:r().bool,onClose:r().func},s.defaultProps={children:(0,i.jsx)(i.Fragment,{}),open:!1,onClose:()=>{}}},9068:function(e,t,o){o.r(t),o.d(t,{default:function(){return v}});var i=o(85893),n=o(67294),r=o(4323),a=o(1669),s=o(75662),l=o(76739),p=o(66722),d=o(58359);o(32576),o(46320),o(80820),o(79645);const c={cardImage:{width:"287px",height:"161px","@media (max-width: 600px)":{width:"328px",height:"183px"},"@media (max-width: 350px)":{width:"100%"}},overlay:{position:"absolute",top:"0",left:"0",width:"100%",height:"100%",backgroundColor:"transparent",zIndex:"1"},playIcon:{width:"100px",height:"100px !important",cursor:"pointer",position:"absolute",zIndex:999,top:"50%",transform:"translate(50%, -50%)",right:"50%"},swiperImgSearchWeb:{height:"100%"},swiperImgArrow:{".swiper-pagination":{borderRadius:"9.185px",background:"rgba(0, 0, 0, 0.50)"},".swiper-pagination > .swiper-pagination-bullet":{display:"none",left:"0% !important"},".swiper-pagination > .swiper-pagination-bullet-active-main, .swiper-pagination >  .swiper-pagination-bullet-active-next, .swiper-pagination >  .swiper-pagination-bullet-active-next-next, .swiper-pagination >  .swiper-pagination-bullet-active-prev, .swiper-pagination >  .swiper-pagination-bullet-active-prev-prev":{display:"inline-block !important"},".swiper-button-prev":{left:"10px !important",right:"auto",width:"5px !important",height:"5

1px !important",top:"50% !important",border:"1px solid #737678 !important",boxShadow:"0px 5.74468px 11.4894px rgba(0, 0, 0, 0.1) !important",padding:"12px 13px 12px 12px !important",background:"#ffffff !important",borderRadius:"22px",color:"#37474f !important"},".swiper-button-next":{right:" 10px !important",top:"50% !important",left:"auto !important",width:"5px !important",height:"5px !important",border:"1px solid #737678 !important",boxShadow:"0px 5.74468px 11.4894px rgba(0, 0, 0, 0.1) !important",padding:"12px 12px 12px 13px !important",background:"#ffffff",borderRadius:"22px",color:"#37474f !important"},"--swiper-navigation-size":"8px !important"},imageBorderRadius:{borderTopRightRadius:"4px",borderTopLeftRadius:"4px",height:"161px",width:"100%","@media (max-width: 600px)":{height:"183px"}}};var u=o(38120),x=o(2734),m=o(98396),g=o(75615),h=o(11163);function v(e){let{images:t=[],videos:o=[],customStyling:v,overlay:b,setOverlay:w=(()=>{}),NotInGallary:f=!0,showNavigation:y=!0,showPlayIcon:j=!1,customSwiperImgArrow:I,spaceBetween:C=0,objectFit:B,searchListing:Z,isMobile:S,href:T}=e;const[k,M]=(0,n.useState)(!1),R=(0,x.Z)(),A=(0,h.useRouter)(),F=(0,m.Z)(R.breakpoints.down("sm"));return(0,i.jsx)(u.Z,{sx:Z&&!S?{...c.swiperImgArrow,...I,...c.swiperImgSearchWeb}:{...c.swiperImgArrow,...I},children:(0,i.jsx)("div",{onMouseEnter:()=>{M(!0)},onMouseLeave:()=>{M(!1)},onClick:e=>{var t;"img"===(null===(t=e.target)||void 0===t?void 0:t.localName)&&T&&(null===A||void 0===A||A.push(T))},children:(0,i.jsxs)(a.t,{slidesPerView:1,spaceBetween:C,navigation:y?k:y,grabCursor:!0,pagination:{dynamicBullets:!0,clickable:!0},lazy:!0,preloadImages:!1,modules:[l.Z,p.Z,d.Z],children:[null===t||void 0===t?void 0:t.slice(0,f&&t.length>3?3:t.length).map(((e,t)=>(0,i.jsx)(s.o,{children:(0,i.jsx)(r.default,{source:(0,g.generateImageUrl)(e.url,"840")||"/common/notFound.svg",alt:"sliderCard",className:"swiper-lazy",objectFit:B||"cover",priority:0===t,sx:{...c.imageBorderRadius,...v}})},t))),o.map(((e,t)=>(0,i.jsx)(s.o,{children:(0,i.jsx)(i.Fragment,{children:b?(0,i.jsx)(i.Fragment,{children:(0,i.jsx)("iframe",{style:{...c.imageBorderRadius,objectFit:B||"fill",height:"".concat(F?"183px":"161px"),...v},src:"https://www.youtube.com/embed/".concat((0,g.extractYouTubeVideoID)((null===e||void 0===e?void 0:e.url)||(null===e||void 0===e?void 0:e.videoLink)),"\n                      "),allow:"accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,frameborder:0})}):(0,i.jsxs)(u.Z,{sx:c.overlay,onClick:()=>{w((e=>!e))},children:[(0,i.jsx)(r.default,{alt:"sliderCard",className:"swiper-lazy",objectFit:B||"cover",sx:{...c.imageBorderRadius,...v},source:"https://img.youtube.com/vi_webp/".concat((0,g.extractYouTubeVideoID)((null===e||void 0===e?void 0:e.url)||(null===e||void 0===e?void 0:e.videoLink)),"/0.webp")}),j&&(0,i.jsx)(r.default,{alt:"playIcon",className:"swiper-lazy",objectFit:B||"cover",sx:c.playIcon,source:"/common/playIcon.svg"})]})})},t)))]})})})}},13370:function(e,t,o){o.r(t),o.d(t,{default:function(){return A}});var i=o(85893);const n={closeIconCss:{height:"22px",width:"19px",position:"absolute",top:"30px",right:"30px"},GalleryScroll:{overflow:"scroll",height:"100%",background:"rgb(39 39 39 / 50%)",display:"flex",alignItems:"center",justifyContent:"center"},carouselModal:{maxWidth:"1400px",position:"relative",width:"80%",overflow:"hidden",padding:"30px 50px 50px 50px",background:"white",borderRadius:"8.51084px"},carouselModalMobile:{position:"relative",width:"100%",margin:"auto",height:"100%",overflow:"hidden",background:"black"},closeModalIcon:{textAlign:"end",cursor:"pointer"},threeButtons:{display:"flex"},galleryComps:{display:"flex",flexDirection:"row",height:"570px",justifyContent:"space-between"},leftBox:{width:"66%",padding:"0px 10px"},rightBox:{width:"30%"},threeButtons:{display:"flex"},buttons:{background:"white",color:"#37474F",borderRadius:"0",":hover":{background:"white",borderRadius:"0"}},iconsOnImage:{position:"absolute",left:"7%",bottom:"1.6%",display:"flex"},iconAboveImgContainer:{display:"flex",flexDirection:"row",alignItems:"center",marginRight:"15px"},iconAboveImg:{width:"14px",marginRight:"3px"},mapBox:{height:"500px",marginTop:"20px",borderRadius:"5.458px",div:{borderRadius:"5.458px"}},customMainTabBoxStyle:{margin:"10px 0px"},carousalParentDiv:{height:"100%","& div":{height:"100%"},"div > .swiper > .swiper-pagination":{bottom:"10%",background:"transparent",height:"fit-content !important"},"div > .swiper > .swiper-wrapper":{height:"80% !important"},"div > .swiper > .swiper-wrapper > .swiper-slide":{width:"100% !important",height:"100% !important"},"div > .swiper > .swiper-wrapper > .swiper-slide > div > img , div > .swiper > .swiper-wrapper > .swiper-slide > iframe":{height:"100% !important"}},customStyling:{swiperBlock:{".swiper-button-prev":{left:"-4%"},".swiper-button-next":{right:"-4%"},"--swiper-navigation-size":"15px !important"}}};

1var r=o(13920),a=(o(52034),o(38120)),s=o(4323),l=o(51109),p=o(23752),d=o(1669),c=o(75662);const u={Card:{display:"flex",flexDirection:"column",alignItems:"center",padding:"20px 0px"},imageSize:{borderRadius:"5.586px",height:"380px"},videoStyle:{width:"100%",borderRadius:"5.586px",height:"380px"}};var x=o(75615),m=o(67294);var g=e=>{let{content:t,customStyling:o,isVideo:n=!1,objectFit:r,stopIframeVideo:l}=e;const p=(0,m.useRef)();return(0,m.useEffect)((()=>{var e;n&&(null===p||void 0===p||null===(e=p.current)||void 0===e||e.contentWindow.postMessage('{"event":"command", "func":"pauseVideo", "args":""}',"*"))}),[l,n]),(0,i.jsx)(a.Z,{children:(0,i.jsx)(a.Z,{sx:{...u.Card,...null===o||void 0===o?void 0:o.cardStyle},children:n?(0,i.jsx)("iframe",{ref:p,style:u.videoStyle,src:"https://www.youtube.com/embed/".concat((0,x.extractYouTubeVideoID)(t),"?enablejsapi=1"),allow:"accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,frameborder:0}):(0,i.jsx)(s.default,{sx:{...u.imageSize,...u.onlyForImg},source:(0,x.generateImageUrl)(t,"840"),objectFit:r})})})};const h={swiperBlock:{".swiper":{position:"inherit !important"},".swiper-wrapper":{zIndex:0},".swiper-button-prev":{left:"-3%"},".swiper-button-next":{right:" -3%"},"--swiper-navigation-size":"20px !important",".swiper-button-prev, .swiper-button-next":{color:"#37474F",top:"50%",transform:"translateY(-50%)","@media (max-width: 750px)":{display:"none"}},"& .overlay":{position:"absolute",top:"0",left:"0",width:"100%",height:"100%",backgroundColor:"transparent",zIndex:"1"}},iconAboveImgContainer:{position:"absolute",bottom:30,right:8,display:"flex",padding:"3px 7px",justifyContent:"center",alignItems:"center",gap:"5px",borderRadius:"7.332px",background:"rgba(0, 0, 0, 0.50)",color:"white"},iconAboveImg:{width:"10.537px",height:"9.785px"}};var v=o(24806),b=o(18333),w=o(76739),f=o(49737);function y(e){let{sliderData:t,isVideo:o,customStyling:n,objectFit:r="cover",hideThumbnails:l=!1,...u}=e;const[y,j]=(0,m.useState)(null),[I,C]=(0,m.useState)(!1);return(0,i.jsx)(p.W2,{...u,children:(0,i.jsxs)(a.Z,{sx:{...h.swiperBlock,...null===n||void 0===n?void 0:n.swiperBlock},children:[(0,i.jsx)(d.t,{slidesPerView:1,spaceBetween:10,grabCursor:!0,onSlideChange:()=>{C(!I)},navigation:!0,thumbs:{swiper:y},modules:[v.Z,b.Z],className:"has-3-items customGallerySlider",children:t.map(((e,l)=>(0,i.jsx)(c.o,{className:"swiper-lazy",children:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(g,{objectFit:r,customStyling:n,content:e.url||(null===e||void 0===e?void 0:e.videoLink)||"/common/notFound.svg",stopIframeVideo:I,isVideo:o}),(0,i.jsxs)(a.Z,{sx:h.iconAboveImgContainer,children:[(0,i.jsx)(s.default,{sx:h.iconAboveImg,source:o?"/common/videoCameraIcon.svg":"/property-detail-images/imageIcon.svg"}),(0,i.jsx)(f.Z,{variant:"subtitle2New",children:"".concat(l+1," of ").concat(t.length)})]})]})},l)))}),!l&&(0,i.jsx)(d.t,{onSwiper:j,spaceBetween:10,grabCursor:!0,slidesPerView:4,freeMode:!0,watchSlidesProgress:!0,modules:[v.Z,w.Z,b.Z],className:"mySwiper",children:t&&t.map(((e,t)=>(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(c.o,{children:(0,i.jsx)(s.default,{sx:{borderRadius:"2.16675px",height:"100px"},source:o?"https://img.youtube.com/vi_webp/".concat((0,x.extractYouTubeVideoID)((null===e||void 0===e?void 0:e.url)||(null===e||void 0===e?void 0:e.videoLink)),"/0.webp"):(0,x.generateImageUrl)(null===e||void 0===e?void 0:e.url,"300"),objectFit:"cover"})},t)})))})]})})}var j=o(48641),I=o(68243),C=o(90948),B=o(75316);const Z={MainTabBox:{display:"inline-flex",margin:"20px 0px 14px 0px",position:"relative",overflow:"scroll"},TabBox:{display:"inline-flex",cursor:"pointer",padding:"12px 35px 0px 35px",position:"relative",borderSpacing:"15px"},activeTab:{borderBottom:"3px solid var(--mui-palette-primary-main)",zIndex:"2"},notActiveTab:{borderBottom:"3px solid var(--mui-palette-unselected-button-border)",zIndex:"2"},halfWidth:{minWidth:"50%",padding:"0px",justifyContent:"center"},typoStyle:{marginBottom:"12px",width:"max-content"},borderBottomOverOnRedLine:{borderBottom:"3px solid var(--mui-palette-grey-A300)",width:"100%",position:"absolute",bottom:"0px;",zIndex:"0"},marginText:{marginLeft:"5px"},TabsDetailContainer:{border:"solid 2px  var(--mui-palette-grey-A300)",borderRadius:"8px",padding:"11px 24px 15px 24px",marginBottom:"16

1px"},FeedBackContainer:{marginTop:"22px"},RequiedStyle:{color:"var(--mui-palette-primary-main)",marginLeft:"12px"}};(0,C.ZP)(B.Z)((e=>{let{theme:t}=e;return{paddingBottom:0,flex:1,borderBottom:"3px solid var(--mui-palette-unselected-button-border)","&.Mui-selected":{color:"var(--mui-palette-secondary-main)"}}}));var S=o(2734),T=o(98396);function k(e){let{onTabChange:t,activeTab:o,tabTitle:n,customMainTabBoxStyle:r,setWidthToHalf:s,scrollIntoView:l=!0}=e;const p=(0,m.useRef)(null),d=(0,S.Z)(),c=(0,T.Z)(d.breakpoints.down("sm"));return(0,m.useEffect)((()=>{p.current&&l&&p.current.scrollIntoView({behavior:"smooth",block:"center"})}),[o]),(0,i.jsx)(a.Z,{sx:{...Z.MainTabBox,...r},children:n.map(((e,n)=>(0,i.jsx)("div",{ref:o===e?p:null,style:o===e?s&&c?{...Z.TabBox,...Z.activeTab,...Z.halfWidth}:{...Z.TabBox,...Z.activeTab}:s&&c?{...Z.TabBox,...Z.notActiveTab,...Z.halfWidth}:{...Z.TabBox,...Z.notActiveTab},onClick:()=>{t(e)},children:(0,i.jsx)(f.Z,{sx:Z.typoStyle,variant:o===e?"body1New":"body2New",children:e})},n)))})}var M=o(9068);const R=["/common/notFound.svg"];var A=e=>{let{mapComponentData:t,isOpenModal:o,isMobileMD:p,setIsOpenModal:d,GalleryImages:c=[],GalleryVideos:u=[],investFormData:x,hideMapComponent:g=!1,inquireable_type:h="project",SelectedBtn:v="Photos (".concat(c.length,")")}=e;const[b,w]=(0,m.useState)(!1);let C=[];(null===c||void 0===c?void 0:c.length)&&C.push("Photos (".concat(c.length,")")),(null===u||void 0===u?void 0:u.length)&&C.push("Videos (".concat(u.length,")")),!g&&(null===t||void 0===t?void 0:t.lat)&&(null===t||void 0===t?void 0:t.lon)&&C.push("Map");const[B,Z]=(0,m.useState)(null);(0,m.useEffect)((()=>{Z(v)}),[v]);const S=null===c||void 0===c?void 0:c.sort(((e,t)=>"cover"===e.type?-1:1)),T=null===u||void 0===u?void 0:u.sort(((e,t)=>"cover"===e.type?-1:1));return(0,i.jsx)(l.default,{open:o,children:p?(0,i.jsxs)(a.Z,{sx:n.carouselModalMobile,children:[(0,i.jsx)(r.default,{title:"Back",handleBackButton:()=>{b?w(!1):d(!1)}}),(0,i.jsx)(a.Z,{sx:n.carousalParentDiv,children:(0,i.jsx)(M.default,{objectFit:"contain",showPlayIcon:!0,NotInGallary:!1,spaceBetween:20,showNavigation:!1,overlay:b,setOverlay:w,images:S&&S.length>0?S:R,videos:T&&T.length>0?T:[]})}),(0,i.jsxs)(a.Z,{sx:n.iconsOnImage,children:[c.length>0&&(0,i.jsxs)(a.Z,{sx:n.iconAboveImgContainer,children:[(0,i.jsx)(s.default,{sx:n.iconAboveImg,source:"/property-detail-images/imageIcon.svg"}),(0,i.jsx)(f.Z,{variant:"subtitle1New",color:"white",children:c.length})]}),u.length>0&&(0,i.jsxs)(a.Z,{sx:n.iconAboveImgContainer,children:[(0,i.jsx)(s.default,{sx:n.iconAboveImg,source:"/common/videoCameraIcon.svg"}),(0,i.jsx)(f.Z,{variant:"subtitle1New",color:"white",children:u.length})]})]})]}):(0,i.jsx)(a.Z,{sx:n.GalleryScroll,children:(0,i.jsxs)(a.Z,{sx:n.carouselModal,children:[(0,i.jsx)(a.Z,{sx:n.closeModalIcon,children:(0,i.jsx)(s.default,{source:"/property-features/closeModal.svg",sx:n.closeIconCss,alt:"closeIcon",onClick:()=>{d(!1)}})}),(0,i.jsx)(a.Z,{sx:n.ParentDiv,children:(0,i.jsxs)(a.Z,{sx:n.galleryComps,children:[(0,i.jsxs)(a.Z,{sx:{...n.leftBox,...!x&&{width:"100%"}},children:[(0,i.jsx)(a.Z,{sx:n.threeButtons,children:(0,i.jsx)(k,{customMainTabBoxStyle:n.customMainTabBoxStyle,activeTab:B,tabTitle:C,onTabChange:e=>{Z(e)}})}),(0,i.jsxs)(a.Z,{children:[B=="Photos (".concat(null===S||void 0===S?void 0:S.length,")")&&(0,i.jsx)(y,{customStyling:n.customStyling,sliderData:S,paddingLeft:0}),B=="Videos (".concat(null===T||void 0===T?void 0:T.length,")")&&(0,i.jsx)(y,{customStyling:n.customStyling,sliderData:T,isVideo:!0,paddingLeft:0}),"Map"===B&&!g&&(0,i.jsx)(a.Z,{sx:n.mapBox,children:(0,i.jsx)(I.default,{mapComponentData:t})})]})]}),!!x&&(0,i.jsx)(a.Z,{sx:n.rightBox,children:(0,i.jsx)(j.default,{formTitle:"Inquire Now",submitBtnText:"Inquire",showIcon:!0,InvestDetail:x,showCallBtnAndTermText:!0,inquireable_type:h})})]})})]})})})}},68243:function(e,t,o){o.r(t);var i=o(85893),n=o(4323),r=o(30859);t.default=e=>{let{mapComponentData:t}=e;const o={lat:null===t||void 0===t?void 0:t.lat,lng:null===t||void 0===t?void 0:t.lon},a=e=>(0,i.jsx)(n.default,{sx:{width:"25.32px",height:"41.92px"},source:"/common/mapsPin.svg",alt:"pin"});return(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(r.Z,{mapOptions:{streetViewControl:!0,styles:[{stylers:[{saturation:0}]}]},defaultZoom:15,defaultCenter:o,center:o,showLocation:!0,yesIWantToUseGoogleMapApiInternals:!0,bootstrapURLKeys:{key:"AIzaSyCuQmxqgWcP4flO66XKWNICyUNHVA0cAbg"},children:(0,i.jsx)(a,{lat:o.lat,lng:o.lng})})})}}}]);