1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5137],{85137:(e,t,s)=>{s.r(t),s.d(t,{PropertiesSliderGable:()=>d});var l=s(85664),r=s(63276),a=s(74348),n=s(97251),o=s(48306),i=s(79602),c=s(96777);function d(e){let{backgroundColor:t,commercialLettingsDepartment:s,commercialLettingsProperties:d,commercialSalesDepartment:m,commercialSalesProperties:x,content:p,defaultTab:h,hideNewlyListedBadge:b,letDepartment:u,letProperties:g,lettingsDepartment:f,lettingsProperties:j,pretitle:y,salesDepartment:v,salesProperties:w,soldDepartment:N,soldProperties:k,textColor:_,title:S}=e,[T,I]=(0,r.useState)(h),[L,C]=(0,r.useState)("sales"===h?w:"lettings"===h?j:"sold"===h?k:"let"===h?g:"commercial-sales"===h?x:"commercial-lettings"===h?d:[]),H=[N,u,v,f,m,s].filter(e=>e).length>1;return(0,r.useEffect)(()=>{C("sales"===T?w:"lettings"===T?j:"sold"===T?k:"let"===T?g:"commercial-sales"===T?x:"commercial-lettings"===T?d:[])},[T,w,j,x,d,k,g]),(0,l.jsxs)(l.Fragment,{children:[(!!H||!!y||!!S)&&(0,l.jsx)("div",{className:(0,c.cn)("relative z-10 bg-primary py-50 text-white lg:pt-100 lg:pb-75"),style:{backgroundColor:null!=t?t:void 0,color:null!=_?_:void 0},children:(0,l.jsxs)("div",{className:"mx-auto max-w-[1620px] px-20 lg:px-30",children:[!!y&&(0,l.jsx)("h3",{className:"mb-15 font-body font-normal text-14 uppercase tracking-[0.6px] md:text-16",dangerouslySetInnerHTML:{__html:y},style:{color:null!=_?_:void 0}}),!!S&&(0,l.jsx)("h2",{className:(0,c.cn)((0,o.D)({heading:"h1",theme:"gable"}),"mb-30 text-white"),dangerouslySetInnerHTML:{__html:S},style:{color:null!=_?_:void 0}}),!!p&&(0,l.jsx)("div",{className:(0,c.cn)("apex-content mb-40 max-w-[920px] text-18 leading-[1.66]"),dangerouslySetInnerHTML:{__html:p},style:{color:null!=_?_:void 0}}),!!H&&(0,l.jsxs)("div",{className:"flex items-center",children:[!!v&&(0,l.jsx)("button",{className:(0,c.cn)("min-w-105 border border-white text-center font-bold text-16 uppercase leading-[44px]","sales"===T?"bg-white text-primary":"bg-transparent text-white"),onClick:()=>{I("sales")},type:"button",children:(0,l.jsx)("span",{children:"Buy"})}),!!N&&(0,l.jsx)("button",{className:(0,c.cn)("min-w-105 border border-white text-center font-bold text-16 uppercase leading-[44px]","sold"===T?"bg-white text-primary":"bg-transparent text-white"),onClick:()=>{I("sold")},type:"button",children:(0,l.jsx)("span",{children:"Sold"})}),!!f&&(0,l.jsx)("button",{className:(0,c.cn)("min-w-105 border border-white text-center font-bold text-16 uppercase leading-[44px]","lettings"===T?"bg-white text-primary":"bg-transparent text-white"),onClick:()=>{I("lettings")},type:"button",children:(0,l.jsx)("span",{children:"Rent"})}),!!u&&(0,l.jsx)("button",{className:(0,c.cn)("min-w-105 border border-white text-center font-bold text-16 uppercase leading-[44px]","let"===T?"bg-white text-primary":"bg-transparent text-white"),onClick:()=>{I("let")},type:"button",children:(0,l.jsx)("span",{children:"Let"})})]})]})}),(0,l.jsxs)("div",{className:"relative md:pb-50",children:[(0,l.jsx)("div",{className:"absolute inset-x-0 top-0 h-180 bg-primary"}),(0,l.jsx)("div",{className:"mx-auto max-w-[1620px] px-20 lg:px-30",children:(0,l.jsx)("div",{className:"-mx-15 lg:-mx-22 relative overflow-hidden",children:(0,l.jsx)(i.Carousel,{className:"pb-90",settings:{appendDots:e=>(0,l.jsxs)("div",{className:"flex justify-center md:justify-start",children:[(0,l.jsxs)("div",{className:"flex w-full items-center justify-center md:w-auto md:justify-start",children:[(0,l.jsx)(i.Q8,{className:"text-primary/40 transition-all hover:text-secondary",children:(0,l.jsx)(a.I,{className:"size-26",name:"lucide/arrow-left"})}),(0,l.jsx)(i.Oj,{className:"ml-10 text-primary/40 transition-all hover:text-secondary",children:(0,l.jsx)(a.I,{className:"size-26",name:"lucide/arrow-right"})})]}),(0,l.jsx)("ul",{className:"hidden items-center justify-center md:flex md:justify-start",children:e})]}),customPaging:e=>(0,l.jsx)("button",{"aria-label":"Slide to Property ".concat((e+1).toString()),className:"mx-7 size-16 appearance-none rounded-full bg-primary/40 transition-all md:mr-0 md:ml-20 [.slick-active>&]:bg-secondary",type:"button"}),dots:!0,dotsClass:"absolute inset-x-0 -bottom-60 z-10 flex items-center justify-between px-15 lg:-bottom-70 lg:px-22 [&_li]:flex",infinite:L.length>3,responsive:[{breakpoint:1440,settings:{slidesToScroll:2,slidesToShow:2}},{breakpoint:1024,settings:{slidesToScroll:1,slidesToShow:1}}],slidesToScroll:3,slidesToShow:3},showOverflow:!0,children:(0,l.jsx)(i.CarouselContent,{children:L.map(e=>(0,l.jsx)(i.CarouselItem,{className:"h-full px-15 lg:px-22",children:(0,l.jsx)(n.L,{hideNewlyListedBadge:b,property:e})},e.slug))})})})})]})]})}},97251:(e,t,s)=>{s.d(t,{L:()=>x});var l=s(85664),r=s(3008),a=s(76392),n=s.n(a),o=s(74348),i=s(22712),c=s(7860),d=s(45533),m=s(15179);function x(e){var t,s,a,x;let{hideNewlyListedBadge:p,priority:h=!1,property:b}=e,u=(0,m.n9)(b.department,b.slug,b.availableAs),g=(0,m.gq)(b),{isNew:f,relativeDate:j}=(0,m._i)(b,p),y=null!=(a=null!=(s=(0,m.qW)(b.videos)[0])?s:(0,m.wR)(b.videos)[0])?a:null,v=b.bedrooms?b.bedrooms>0&&"Room"===b.propertyType?"":b.bedrooms>1?"".concat(b.bedrooms.toString()," bedrooms "):"1 bedroom ":"",w="".concat(v,'<span class="font-bold">').concat(null!=(x=b.propertyType)?x:"Listing","</span> ").concat("residential-sales"===b.department?"for sale":"residential-lettings"===b.department?"to rent":"");return(0,l.jsxs)("div",{className:"group relative z-10 flex h-full min-h-[510px] flex-col overflow-hidden bg-white",children:[(0,l.jsxs)("div",{className:"relative",children:[(0,l.jsx)(n(),{className:"relative block w-full overflow-hidden pb-[60%]",href:u,prefetch:!0,children:!!(null==(t=b.featuredImage)?void 0:t.url)&&(0,l.jsx)("div",{className:"absolute inset-0 transition-transform duration-4000 will-change-transform group-hover:scale-110",children:(0,l.jsx)(r.default,{alt:b.address,blurDataURL:b.featuredImage.dataUrl,className:"object-cover object-center",fill:!0,placeholder:b.featuredImage.dataUrl?"blur":"empty",priority:h,sizes:"(max-width: 768px) 100vw, (max-width: 1024px) 50vw, (max-width: 1250px) 33vw, 400px",src:b.featuredImage.url})})}),!!y&&(0,l.jsx)(d.PropertyCardVideo,{theme:"gable",video:y}),(0,l.jsx)(i.FavoriteButton,{hasVideos:!!y,property:b,theme:"gable"})]}),(0,l.jsxs)(n(),{className:"flex grow flex-col pt-25 text-black",href:u,prefetch:!0,children:[(0,l.jsxs)("div",{className:"mb-10 truncate text-14 text-black",children:[!!f&&(0,l.jsx)("span",{className:"font-bold",children:"NEW "}),g?"FEATURED ":"",(0,l.jsx)("span",{dangerouslySetInnerHTML:{__html:w}}),f?" - added ".concat(j):""]}),!!b.address&&(0,l.jsx)("h2",{className:"w-full text-pretty font-bold text-18 text-black leading-[1.41176471] tracking-[0.23px] group-hover:underline lg:text-22 2xl:text-26",dangerouslySetInnerHTML:{__html:b.address}}),(0,l.jsxs)("h3",{className:"mt-25 w-full font-semibold text-22 leading-tight lg:font-bold lg:text-24",children:[!!b.priceQualifier&&"Shared Ownership"!==b.priceQualifier&&"Asking Price Of"!==b.priceQualifier&&(0,l.jsx)("span",{className:"block w-full font-body font-bold text-14 text-secondary uppercase tracking-[1.33px]",dangerouslySetInnerHTML:{__html:b.priceQualifier}}),!!b.formattedPrice&&(0,l.jsx)("span",{className:"mr-5 text-black 2xl:text-28",dangerouslySetInnerHTML:{__html:b.formattedPrice}}),!!b.tenure&&(0,l.jsx)("span",{className:"font-body font-semibold text-14 text-black tracking-[0.44px]",dangerouslySetInnerHTML:{__html:b.tenure}})]}),(0,l.jsx)("div",{className:"mt-30 mb-20 line-clamp-4 max-w-[720px] whitespace-pre-line text-18 leading-normal [&>p]:mb-15",dangerouslySetInnerHTML:{__html:b.excerpt}}),!!(b.bedrooms||b.bathrooms||b.receptionRooms||b.floorAreaTo)&&(0,l.jsxs)("div",{className:"-mx-20 mt-auto flex items-center border-bordergray border-y px-20 text-black",children:[!!b.bedrooms&&(0,l.jsx)("div",{className:"mr-20 py-10 text-center",children:(0,l.jsx)("div",{className:"font-normal text-16 leading-normal tracking-[0.28px]",dangerouslySetInnerHTML:{__html:'<span class="font-bold">'.concat(b.bedrooms.toString(),"</span> Bedroom").concat(b.bedrooms>1?"s":"")}})}),!!b.bathrooms&&(0,l.jsx)("div",{className:"mr-20 border-bordergray border-l py-10 pl-20 text-center",children:(0,l.jsx)("div",{className:"font-normal text-16 leading-normal tracking-[0.28px]",dangerouslySetInnerHTML:{__html:'<span class="font-bold">'.concat(b.bathrooms.toString(),"</span> Bathroom").concat(b.bathrooms>1?"s":"")}})}),!!b.receptionRooms&&(0,l.jsx)("div",{className:"mr-20 border-bordergray border-l py-10 pl-20 text-center",children:(0,l.jsx)("div",{className:"font-normal text-16 leading-normal tracking-[0.28px]",dangerouslySetInnerHTML:{__html:'<span class="font-bold">'.concat(b.receptionRooms.toString(),"</span> Reception").concat(b.receptionRooms>1?"s":"")}})}),!!b.floorAreaTo&&(0,l.jsx)("div",{className:"mr-20 border-bordergray border-l py-10 pl-20 text-center",children:(0,l.jsx)("div",{className:"font-normal text-16 leading-normal tracking-[0.28px]",children:(0,m.Hz)(b.floorAreaFrom,b.floorAreaTo,b.floorAreaUnits)})})]}),(0,l.jsx)("div",{className:"mt-20",children:(0,l.jsxs)("span",{className:"inline-flex items-center",children:[(0,l.jsx)("span",{className:"relative border-black border-b transition-all group-hover:border-transparent",children:"View Details"}),(0,l.jsx)(o.I,{className:"ml-10 size-18 transition-all group-hover:translate-x-10",name:"lucide/arrow-right"})]})})]}),(0,l.jsx)("div",{className:"pointer-events-none absolute top-20 left-20 z-10",children:(0,l.jsx)(c.PropertyAvailability,{property:b,theme:"gable"})})]})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.