https://www.danielsestateagents.co.uk/_next/static/chunks/4239.33225e95c74be75a.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4239],{4239:(e,t,l)=>{l.r(t),l.d(t,{PropertiesSliderChalet:()=>c});var s=l(85664),a=l(63276),r=l(34989),n=l(39089),o=l(79602),i=l(96777);function c(e){let{centerTitle:t,commercialLettingsDepartment:l,commercialLettingsProperties:c,commercialSalesDepartment:d,commercialSalesProperties:x,defaultTab:m,hideNewlyListedBadge:p,letDepartment:h,letProperties:b,lettingsDepartment:g,lettingsProperties:u,salesDepartment:f,salesProperties:y,soldDepartment:j,soldProperties:v}=e,[k,w]=(0,a.useState)(m),[N,S]=(0,a.useState)("sales"===m?y:"lettings"===m?u:"sold"===m?v:"let"===m?b:"commercial-sales"===m?x:"commercial-lettings"===m?c:[]),T=[j,h,f,g,d,l].filter(e=>e).length>1;return(0,a.useEffect)(()=>{S("sales"===k?y:"lettings"===k?u:"sold"===k?v:"let"===k?b:"commercial-sales"===k?x:"commercial-lettings"===k?c:[])},[k,y,u,x,c,v,b]),(0,s.jsxs)(s.Fragment,{children:[!!T&&(0,s.jsx)("div",{className:(0,i.cn)("relative z-10",(0,r.c)({theme:"chalet"})),children:(0,s.jsxs)("div",{className:(0,i.cn)("flex items-center justify-center pt-20 md:pt-0",t?"":"md:justify-start"),children:[!!f&&(0,s.jsx)("button",{className:(0,i.cn)("border-2 border-secondary px-40 py-9 font-bold text-16 tracking-[0.53px] xl:px-45 xl:py-11","sales"===k?"bg-secondary text-white":"bg-white text-black"),onClick:()=>{w("sales")},type:"button",children:(0,s.jsx)("span",{children:"Buy"})}),!!j&&(0,s.jsx)("button",{className:(0,i.cn)("border-2 border-secondary px-40 py-9 font-bold text-16 tracking-[0.53px] xl:px-45 xl:py-11","sold"===k?"bg-secondary text-white":"bg-white text-black"),onClick:()=>{w("sold")},type:"button",children:(0,s.jsx)("span",{children:"Sold"})}),!!g&&(0,s.jsx)("button",{className:(0,i.cn)("border-2 border-secondary px-40 py-9 font-bold text-16 tracking-[0.53px] xl:px-45 xl:py-11","lettings"===k?"bg-secondary text-white":"bg-white text-black"),onClick:()=>{w("lettings")},type:"button",children:(0,s.jsx)("span",{children:"Rent"})}),!!h&&(0,s.jsx)("button",{className:(0,i.cn)("border-2 border-secondary px-40 py-9 font-bold text-16 tracking-[0.53px] xl:px-45 xl:py-11","let"===k?"bg-secondary text-white":"bg-white text-black"),onClick:()=>{w("let")},type:"button",children:(0,s.jsx)("span",{children:"Let"})}),!!d&&(0,s.jsx)("button",{className:(0,i.cn)("border-2 border-secondary px-40 py-9 font-bold text-16 tracking-[0.53px] xl:px-45 xl:py-11","commercial-sales"===k?"bg-secondary text-white":"bg-white text-black"),onClick:()=>{w("commercial-sales")},type:"button",children:(0,s.jsx)("span",{children:"Buy Commercial"})}),!!l&&(0,s.jsx)("button",{className:(0,i.cn)("border-2 border-secondary px-40 py-9 font-bold text-16 tracking-[0.53px] xl:px-45 xl:py-11","commercial-lettings"===k?"bg-secondary text-white":"bg-white text-black"),onClick:()=>{w("commercial-lettings")},type:"button",children:(0,s.jsx)("span",{children:"Rent Commercial"})})]})}),(0,s.jsx)("div",{className:"-mt-6",children:(0,s.jsxs)("div",{className:"relative px-7 pt-35 lg:pt-45",children:[N.length<4&&(0,s.jsx)("div",{className:"hidden flex-wrap justify-center px-7 pb-100 lg:pb-110 xl:flex",children:N.map(e=>(0,s.jsx)("div",{className:"h-full 3xl:w-1/4 w-1/2 px-7 2xl:w-1/3",children:(0,s.jsx)(n.x,{hideNewlyListedBadge:p,property:e})},e.slug))}),(0,s.jsx)("div",{className:(0,i.cn)(N.length<4&&"xl:hidden"),children:(0,s.jsx)(o.Carousel,{className:"pb-100 lg:pb-110",settings:{appendDots:e=>(0,s.jsx)("div",{children:(0,s.jsx)("ul",{className:"flex items-center justify-center",children:e})}),customPaging:e=>(0,s.jsx)("button",{"aria-label":"Slide to Property ".concat((e+1).toString()),className:"mx-4 block h-9 w-12 appearance-none bg-primary/20 transition-all md:mx-6 [.slick-active>&]:w-20 [.slick-active>&]:bg-primary",type:"button"}),dots:!0,dotsClass:"absolute inset-x-0 -bottom-46 z-10 lg:-bottom-51",infinite:N.length>3,responsive:[{breakpoint:1680,settings:{slidesToScroll:3,slidesToShow:3}},{breakpoint:1440,settings:{slidesToScroll:2,slidesToShow:2}},{breakpoint:768,settings:{slidesToScroll:1,slidesToShow:1}}],slidesToScroll:4,slidesToShow:4},showOverflow:!0,children:(0,s.jsx)(o.CarouselContent,{children:N.map(e=>(0,s.jsx)(o.CarouselItem,{className:"h-full px-7",children:(0,s.jsx)(n.x,{hideNewlyListedBadge:p,property:e})},e.slug))})})})]})})]})}},39089:(e,t,l)=>{l.d(t,{x:()=>p});var s=l(85664),a=l(3008),r=l(76392),n=l.n(r),o=l(74348),i=l(22712),c=l(7860),d=l(45533),x=l(96777),m=l(15179);function p(e){var t,l,r;let{bookingValues:p,hideNewlyListedBadge:h,priority:b=!1,property:g}=e,u=(0,m.n9)(g.department,g.slug,g.availableAs,g.holidayHome),f=(null==p?void 0:p.arrivalDate)||(null==p?void 0:p.departureDate)||(null==p?void 0:p.guests)?"?":"";(null==p?void 0:p.arrivalDate)&&(f+="arrivalDate=".concat(p.arrivalDate,"&")),(null==p?void 0:p.departureDate)&&(f+="departureDate=".concat(p.departureDate,"&")),(null==p?void 0:p.guests)&&(f+="guests=".concat(p.guests,"&")),u+=f.slice(0,-1);let y=(0,m.gq)(g),{isNew:j,relativeDate:v}=(0,m._i)(g,h),k=null!=(r=null!=(l=(0,m.qW)(g.videos)[0])?l:(0,m.wR)(g.videos)[0])?r:null;return(0,s.jsxs)("div",{className:(0,x.cn)("group relative z-10 flex h-full flex-col overflow-hidden bg-white shadow-lg transition-all hover:shadow-md"),children:[(0,s.jsx)(n(),{className:"relative block h-260 overflow-hidden lg:h-[330px]",href:u,prefetch:!0,children:!!(null==(t=g.featuredImage)?void 0:t.url)&&(0,s.jsx)("div",{className:"absolute inset-0 transition-transform duration-4000 will-change-transform group-hover:scale-110",children:(0,s.jsx)(a.default,{alt:g.address,blurDataURL:g.featuredImage.dataUrl,className:"object-cover object-center",fill:!0,placeholder:g.featuredImage.dataUrl?"blur":"empty",priority:b,sizes:"(max-width: 768px) 100vw, (max-width: 1440px) 50vw, (max-width: 1680px) 33vw, 25vw",src:g.featuredImage.url})})}),(0,s.jsxs)(n(),{className:(0,x.cn)("relative flex min-h-190 w-full grow flex-col border-black/15 border-x bg-gray px-20 pt-30 transition-all group-hover:bg-white lg:px-24",g.holidayHome?"pb-25":"pb-50"),href:u,prefetch:!0,children:[!!g.address&&(0,s.jsx)("h2",{className:"relative mb-7 text-balance font-heading font-normal text-18 text-black leading-normal tracking-[0.2px] opacity-90",dangerouslySetInnerHTML:{__html:g.address}}),(0,s.jsxs)("div",{className:"mt-auto flex items-end justify-between",children:[(0,s.jsx)("div",{className:"pr-20",children:(0,s.jsxs)("h3",{className:"relative flex flex-wrap items-baseline font-body font-semibold text-22 text-primary leading-tight tracking-[0.2px] lg:font-bold lg:text-24",children:[!!g.priceQualifier&&"Shared Ownership"!==g.priceQualifier&&"Asking Price Of"!==g.priceQualifier&&(0,s.jsx)("span",{className:"mr-10 block w-full font-bold text-14 uppercase tracking-[0.53px]",dangerouslySetInnerHTML:{__html:g.priceQualifier}}),!!g.formattedPrice&&(0,s.jsx)("span",{className:"mr-10",dangerouslySetInnerHTML:{__html:g.formattedPrice}}),!!g.tenure&&(0,s.jsx)("span",{className:"font-normal text-16 text-black tracking-[0.53px]",dangerouslySetInnerHTML:{__html:g.tenure}})]})}),!!(g.bedrooms||g.bathrooms||g.receptionRooms||g.capacity||g.floorAreaTo)&&(0,s.jsxs)("div",{className:"-top-2 relative flex shrink-0 items-center",children:[!!g.capacity&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(o.I,{className:"mr-8 ml-10 size-18 text-black",name:"sl/people"}),(0,s.jsx)("span",{className:"mr-10 font-bold text-16 leading-normal tracking-[0.28px]",dangerouslySetInnerHTML:{__html:g.capacity.toString()}})]}),!!g.bedrooms&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(o.I,{className:"mr-8 ml-10 size-24 text-black",name:"custom/bedroom"}),(0,s.jsx)("span",{className:"font-bold text-16 leading-normal tracking-[0.28px]",dangerouslySetInnerHTML:{__html:g.bedrooms.toString()}})]}),!!g.bathrooms&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(o.I,{className:"mr-8 ml-20 size-24 text-black",name:"custom/bathroom"}),(0,s.jsx)("span",{className:"font-bold text-16 leading-normal tracking-[0.28px]",dangerouslySetInnerHTML:{__html:g.bathrooms.toString()}})]}),!!g.receptionRooms&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(o.I,{className:"mr-8 ml-20 size-24 text-black",name:"custom/living-room"}),(0,s.jsx)("span",{className:"font-bold text-16 leading-normal tracking-[0.28px]",dangerouslySetInnerHTML:{__html:g.receptionRooms.toString()}})]}),!!g.floorAreaTo&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(o.I,{className:"mr-8 ml-20 size-24 text-black",name:"custom/dimensions"}),(0,s.jsx)("span",{className:"font-bold text-16 leading-normal tracking-[0.28px]",children:(0,m.Hz)(g.floorAreaFrom,g.floorAreaTo,g.floorAreaUnits)})]})]})]}),(0,s.jsx)("div",{className:"-top-18 pointer-events-none absolute left-20 z-10 lg:left-24",children:(0,s.jsx)(c.PropertyAvailability,{property:g,theme:"chalet"})})]}),!!k&&(0,s.jsx)(d.PropertyCardVideo,{theme:"chalet",video:k}),!g.holidayHome&&(0,s.jsxs)("div",{className:"absolute inset-x-0 bottom-0 z-10 truncate border border-black/15 bg-white px-10 py-6 text-center font-bold text-12 text-black tracking-[0.5px] duration-200",children:[y?(0,s.jsx)("span",{className:"text-secondary",children:"FEATURED "}):"",g.propertyType?g.propertyType.toUpperCase():"LISTING",j?" - added ".concat(v):""]}),(0,s.jsx)(i.FavoriteButton,{hasVideos:!!k,property:g,theme:"chalet"})]})}}}]);