1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7376],{57376:(e,a,l)=>{l.r(a),l.d(a,{PropertyCardListGable:()=>x,PropertyCardListGableSkeleton:()=>b});var s=l(85664),t=l(3008),r=l(76392),n=l.n(r),o=l(74348),i=l(22712),c=l(7860),d=l(45533),m=l(96777),p=l(15179);function x(e){var a,l,r,m;let{hideNewlyListedBadge:x,property:b}=e,h=(0,p.n9)(b.department,b.slug,b.availableAs),u=(0,p.gq)(b),{isNew:g,relativeDate:f}=(0,p._i)(b,x),v=null!=(r=null!=(l=(0,p.qW)(b.videos)[0])?l:(0,p.wR)(b.videos)[0])?r:null,j=b.bedrooms?b.bedrooms>0&&"Room"===b.propertyType?"":b.bedrooms>1?"".concat(b.bedrooms.toString()," bedrooms "):"1 bedroom ":"",N="".concat(j,'<span class="font-bold">').concat(null!=(m=b.propertyType)?m:"Listing","</span> ").concat("residential-sales"===b.department?"for sale":"residential-lettings"===b.department?"to rent":"");return(0,s.jsx)("div",{className:"group relative z-30 overflow-hidden bg-white",children:(0,s.jsxs)(n(),{className:"flex flex-wrap",href:h,prefetch:!0,children:[(0,s.jsxs)("div",{className:"relative w-full md:w-1/2",children:[(0,s.jsxs)("div",{className:"relative h-full min-h-[270px] overflow-hidden md:min-h-[346px]",children:[!!(null==(a=b.featuredImage)?void 0:a.url)&&(0,s.jsx)("div",{className:"absolute inset-0 transition-transform duration-4000 will-change-transform group-hover:scale-110",children:(0,s.jsx)(t.default,{alt:b.address,blurDataURL:b.featuredImage.dataUrl,className:"absolute inset-0 size-full object-cover object-center",height:370,placeholder:b.featuredImage.dataUrl?"blur":"empty",src:b.featuredImage.url,width:620})}),(0,s.jsx)("div",{className:"pointer-events-none absolute top-20 left-20 z-10",children:(0,s.jsx)(c.PropertyAvailability,{property:b,theme:"gable"})})]}),!!v&&(0,s.jsx)(d.PropertyCardVideo,{theme:"gable",variant:"list",video:v}),(0,s.jsx)(i.FavoriteButton,{hasVideos:!!v,property:b,theme:"gable"})]}),(0,s.jsxs)("div",{className:"flex w-full flex-col bg-white px-20 pt-25 pb-25 text-black md:w-1/2 md:py-30 md:pr-20 md:pl-30 lg:py-40 lg:pl-40",children:[(0,s.jsxs)("div",{className:"mb-10 truncate text-14 text-black",children:[!!g&&(0,s.jsx)("span",{className:"font-bold",children:"NEW "}),u?"FEATURED ":"",(0,s.jsx)("span",{dangerouslySetInnerHTML:{__html:N}}),g?" - added ".concat(f):""]}),!!b.address&&(0,s.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,s.jsxs)("h3",{className:"mt-15 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,s.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,s.jsx)("span",{className:"mr-5 text-black 2xl:text-28",dangerouslySetInnerHTML:{__html:b.formattedPrice}}),!!b.tenure&&(0,s.jsx)("span",{className:"font-body font-semibold text-14 text-black tracking-[0.44px]",dangerouslySetInnerHTML:{__html:b.tenure}})]}),!!b.excerpt&&"<p></p>\n"!==b.excerpt&&(0,s.jsx)("div",{className:"mt-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,s.jsxs)("div",{className:"mt-auto flex items-center border-bordergray border-y pt-10 pb-10 text-black md:mr-20",children:[!!b.bedrooms&&(0,s.jsx)("div",{className:"mr-20 py-2 text-center",children:(0,s.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,s.jsx)("div",{className:"mr-20 border-bordergray border-l py-2 pl-20 text-center",children:(0,s.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,s.jsx)("div",{className:"mr-20 border-bordergray border-l py-2 pl-20 text-center",children:(0,s.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,s.jsx)("div",{className:"mr-20 border-bordergray border-l py-2 pl-20 text-center",children:(0,s.jsx)("div",{className:"font-normal text-16 leading-normal tracking-[0.28px]",children:(0,p.Hz)(b.floorAreaFrom,b.floorAreaTo,b.floorAreaUnits)})})]}),(0,s.jsx)("div",{className:"mt-20",children:(0,s.jsxs)("span",{className:"inline-flex items-center",children:[(0,s.jsx)("span",{className:"relative border-black border-b transition-all group-hover:border-transparent",children:"View Details"}),(0,s.jsx)(o.I,{className:"ml-10 size-18 transition-all group-hover:translate-x-10",name:"lucide/arrow-right"})]})})]})]})})}function b(e){let{delay:a=""}=e;return(0,s.jsxs)("div",{className:"flex flex-wrap",children:[(0,s.jsx)("div",{className:"w-full md:w-1/2",children:(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)("div",{className:(0,m.cn)("h-[270px] w-full animate-pulse flex-col overflow-hidden bg-black/20 shadow-skeleton md:h-[346px]",a)}),(0,s.jsx)("div",{className:(0,m.cn)("absolute top-20 left-20 h-50 w-1/2 max-w-130 animate-pulse bg-primary/30",a)})]})}),(0,s.jsx)("div",{className:"w-full md:w-1/2 md:pl-30 lg:pl-40",children:(0,s.jsxs)("div",{className:"relative flex h-full flex-col justify-center",children:[(0,s.jsx)("div",{className:(0,m.cn)("h-15 w-200 animate-pulse bg-black/20",a)}),(0,s.jsx)("div",{className:(0,m.cn)("mt-10 h-25 max-w-[360px] animate-pulse bg-primary/30",a)}),(0,s.jsx)("div",{className:(0,m.cn)("mt-15 h-25 w-200 animate-pulse bg-primary/30",a)}),(0,s.jsx)("div",{className:(0,m.cn)("mt-15 h-22 max-w-[450px] animate-pulse bg-black/20",a)}),(0,s.jsx)("div",{className:(0,m.cn)("mt-3 h-22 max-w-[380px] animate-pulse bg-black/20",a)}),(0,s.jsx)("div",{className:(0,m.cn)("mt-3 h-22 max-w-[420px] animate-pulse bg-black/20",a)}),(0,s.jsx)("div",{className:(0,m.cn)("mt-3 h-22 max-w-[300px] animate-pulse bg-black/20",a)}),(0,s.jsx)("div",{className:(0,m.cn)("mt-20 h-1 max-w-[400px] animate-pulse bg-black/10",a)}),(0,s.jsxs)("div",{className:"mt-10 flex items-center",children:[(0,s.jsx)("div",{className:(0,m.cn)("mr-20 h-20 w-100 animate-pulse bg-black/20",a)}),(0,s.jsx)("div",{className:(0,m.cn)("mr-20 h-20 w-100 animate-pulse bg-black/20",a)}),(0,s.jsx)("div",{className:(0,m.cn)("h-20 w-100 animate-pulse bg-black/20",a)})]}),(0,s.jsx)("div",{className:(0,m.cn)("mt-20 h-20 w-120 animate-pulse bg-primary/30",a)})]})})]})}}}]);
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.