https://www.berkeleyshaw.com/_next/static/chunks/8571-b83e3b3b8035a915.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8571],{7860:(e,t,a)=>{a.r(t),a.d(t,{PropertyAvailability:()=>n});var i=a(85664),l=a(54055),s=a(96777),r=a(15179);function n(e){var t;let{extraClasses:a,property:n,theme:o="beam"}=e,d=l.U.use.reducedLabel(),c=(0,r.iE)(n),u=c||"Under Offer"===n.availability?"bg-warning":["For Sale","To Let"].includes(null!=(t=n.availability)?t:"")?"hidden":"bg-primary",b=c?n.availability:"Shared Ownership"===n.priceQualifier?"Shared Ownership":n.availability,p=(0,r.of)(n),x=(0,r.ro)(n),m=(0,r.GT)(n),h=(0,s.cn)("mr-10 mb-10 inline-block px-15 text-center font-bold text-15 text-white uppercase","beam"===o&&"rounded-23 leading-[32px]",("apex"===o||"chalet"===o)&&"leading-[36px] tracking-[0.44px]",("fascia"===o||"gable"===o)&&"leading-[46px] tracking-[0.44px]","duplex"===o&&"!px-28 rounded-full leading-[48px]",a);return(0,i.jsxs)("div",{className:"flex flex-wrap items-center",children:["hidden"!==u&&(0,i.jsx)("div",{className:(0,s.cn)(u,h),dangerouslySetInnerHTML:{__html:null!=b?b:""}}),!!p&&(0,i.jsx)("div",{className:(0,s.cn)("bg-primary text-white",h),children:d}),!!x&&(0,i.jsx)("div",{className:(0,s.cn)("bg-primary text-white",h),children:"New Home"}),!!m&&(0,i.jsx)("div",{className:(0,s.cn)("bg-primary text-white",h),children:"Period Home"})]})}},22712:(e,t,a)=>{a.r(t),a.d(t,{FavoriteButton:()=>n});var i=a(85664),l=a(74348),s=a(54055),r=a(96777);function n(e){let{altBg:t=!1,hasVideos:a,property:n,smallCard:o=!1,theme:d="beam"}=e,c=s.U.use.addFavorite(),u=s.U.use.removeFavorite(),b=s.U.use.favorites().some(e=>e.slug===n.slug);return(0,i.jsxs)("div",{className:(0,r.cn)("is-favorite absolute z-10 block transition-all duration-300","fascia"===d?"size-46":"duplex"===d?"size-48":"size-50","beam"===d?o?"top-10 right-10":"top-20 right-20":"chalet"===d?"top-24 left-20 lg:left-24":"fascia"===d||"duplex"===d?"top-20 right-20":"gable"===d?"right-10 bottom-0":"top-0 right-12"),children:[(0,i.jsxs)("div",{className:"absolute inset-0 flex items-center justify-center overflow-hidden",children:[(0,i.jsx)("button",{className:(0,r.cn)("absolute inset-0 size-full items-center justify-center text-white",b?"hidden":"flex",("beam"===d||"duplex"===d)&&(a?"rounded-t-[15px]":"rounded-full"),"beam"===d||"chalet"===d||"fascia"===d||"gable"===d?"!bg-secondary":"duplex"===d?"bg-white text-black":"bg-black/60 transition-colors [.is-favorite:hover_&]:bg-black","duplex"===d&&t&&"bg-secondary/10"),onClick:()=>{c(n)},type:"button",children:(0,i.jsx)(l.I,{className:(0,r.cn)("relative size-22","duplex"===d?"text-black":"text-white"),name:"custom/heart-outline"})}),(0,i.jsx)("button",{className:(0,r.cn)("absolute inset-0 size-full items-center justify-center text-white",b?"flex":"hidden",("beam"===d||"duplex"===d)&&(a?"rounded-t-[15px]":"rounded-full"),"beam"===d||"chalet"===d?"!bg-secondary":"duplex"===d?"bg-white text-black":"bg-black/60 transition-colors [.is-favorite:hover_&]:bg-black","duplex"===d&&t&&"bg-secondary/10"),onClick:()=>{u(n)},type:"button",children:(0,i.jsx)(l.I,{className:(0,r.cn)("relative size-22","duplex"===d?"text-black":"text-white"),name:"custom/heart-solid"})})]}),(0,i.jsxs)("div",{className:(0,r.cn)("-translate-y-1/2 invisible absolute top-1/2 cursor-pointer whitespace-nowrap bg-white px-10 py-5 text-12 text-black opacity-0 shadow-md transition-all duration-300 [.is-favorite:hover>&]:visible [.is-favorite:hover>&]:opacity-100","chalet"===d?"left-full translate-x-10 [.is-favorite:hover>&]:translate-x-15":"-translate-x-10 [.is-favorite:hover>&]:-translate-x-15 right-full",("beam"===d||"duplex"===d)&&"rounded-4"),children:[b?"Remove from":"Add to"," Favourites",(0,i.jsx)("div",{className:(0,r.cn)("-translate-y-1/2 absolute top-1/2 size-0 border-transparent border-y-[6.5px]","chalet"===d?"right-full border-r-[7px] border-r-white border-l-0":"left-full border-r-0 border-l-[7px] border-l-white")})]})]})}},45533:(e,t,a)=>{a.r(t),a.d(t,{PropertyCardVideo:()=>u});var i=a(85664),l=a(10117),s=a(63276),r=a(11654),n=a(74348),o=a(64292),d=a(96777),c=a(15179);function u(e){let{smallCard:t=!1,theme:a,variant:u="grid",video:b}=e,p=(0,c.l_)(b),x=!(0,c.hH)(p),m=(0,s.useRef)(null),[h,f]=(0,s.use

1State)(!1),[v,g]=(0,s.useState)(0),[y,j]=(0,s.useState)(!1),[w,N]=(0,s.useState)(!1);(0,s.useEffect)(()=>{let e=()=>{N(window.innerWidth<768)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);let k=(0,s.useCallback)(e=>{e&&(m.current=e)},[]);(0,s.useEffect)(()=>{m.current&&y&&0!==v&&(m.current.currentTime=v*m.current.duration)},[y]);let z=(0,d.cn)("is-video absolute z-10 flex items-center justify-center transition-all duration-300","duplex"===a?"size-48":"fascia"===a?"size-46":"size-50","beam"===a||"duplex"===a||"fascia"===a?t?"top-60 right-10":"top-70 right-20":"chalet"===a?"top-76 left-20 lg:left-24":"gable"===a?"right-10 bottom-60":"top-51 right-12"),C=(0,d.cn)("absolute inset-0 flex size-full items-center justify-center transition-colors","beam"===a||"duplex"===a?"rounded-b-[15px] bg-bordergray text-primary":"chalet"===a?"bg-white text-black":"bg-black/60 text-white [.is-video:hover_&]:bg-black"),D=(0,d.cn)("-translate-y-1/2 invisible absolute top-1/2 cursor-pointer whitespace-nowrap bg-white px-10 py-5 text-12 text-black opacity-0 shadow-md transition-all duration-300 [.is-video:hover>&]:visible [.is-video:hover>&]:opacity-100","chalet"===a?"left-full translate-x-10 [.is-favorite:hover>&]:translate-x-15":"-translate-x-10 [.is-favorite:hover>&]:-translate-x-15 right-full",("beam"===a||"duplex"===a)&&"rounded-4"),_=(0,d.cn)("-translate-y-1/2 absolute top-1/2 size-0 border-transparent border-y-[6.5px]","chalet"===a?"right-full border-r-[7px] border-r-white border-l-0":"left-full border-r-0 border-l-[7px] border-l-white");return x?(0,i.jsxs)("div",{className:z,children:[(0,i.jsx)("div",{className:"absolute inset-0 overflow-hidden",children:(0,i.jsx)("a",{"aria-label":"Watch video",className:C,href:b,rel:"noopener noreferrer",target:"_blank",children:(0,i.jsx)("span",{className:"relative",children:(0,i.jsx)(n.I,{className:"size-24 transition-all duration-300",name:"heroicons/video-camera-outline"})})})}),(0,i.jsxs)("div",{className:D,children:["Watch Video",(0,i.jsx)("div",{className:_})]})]}):(0,i.jsxs)(i.Fragment,{children:["grid"===u&&(0,i.jsx)("div",{className:(0,d.cn)("absolute inset-0 z-10 bg-black/10 backdrop-blur-sm transition-all",y?"visible opacity-100":"invisible opacity-0",("beam"===a||"duplex"===a)&&"rounded-12")}),!!(y||h)&&(0,i.jsxs)(l.P.div,{animate:{opacity:1},className:(0,d.cn)("pointer-events-none absolute z-10 overflow-hidden pb-5","grid"===u&&"inset-x-0 top-0","list"===u&&"apex"===a&&"top-0 left-0 w-full md:w-[calc(50%-15px)]","list"===u&&("beam"===a||"duplex"===a)&&"top-20 left-20 w-[calc(100%-40px)] md:w-[calc(50%-35px)]","beam"===a&&"rounded-20","duplex"===a&&"rounded-t-20"),initial:{opacity:0}

1,transition:{delay:.5,duration:.3},children:[(0,i.jsx)("div",{className:(0,d.cn)("relative overflow-hidden bg-white shadow-lg transition-all duration-300",y?"visible opacity-100":"invisible opacity-0"),children:(0,i.jsx)("div",{className:"relative aspect-h-9 aspect-w-16",children:(0,i.jsx)(r.A,{className:"absolute inset-0",controls:!1,height:"100%",loop:!1,onReady:()=>{f(!0)},onTimeUpdate:()=>{let e=m.current;(null==e?void 0:e.duration)&&g(e.currentTime/e.duration)},playing:y,ref:k,src:p,volume:+!!y,width:"100%"})})}),(0,i.jsx)("div",{className:(0,d.cn)("absolute inset-x-0 bottom-0 h-5 bg-gray",y?"visible opacity-100":"invisible opacity-0")}),(0,i.jsx)("div",{className:(0,d.cn)("absolute bottom-0 left-0 h-5 bg-primary",y?"visible opacity-100":"invisible opacity-0"),style:{width:"".concat((100*v).toString(),"%")}})]}),(0,i.jsxs)("div",{className:z,children:[(0,i.jsx)("div",{className:"absolute inset-0 overflow-hidden",children:w||(0,c.Od)(p)?(0,i.jsxs)(o.Dialog,{children:[(0,i.jsx)(o.DialogTrigger,{asChild:!0,children:(0,i.jsx)("button",{className:C,type:"button",children:(0,i.jsx)("span",{className:"relative",children:(0,i.jsx)(n.I,{className:"size-24 transition-all duration-300",name:"heroicons/video-camera-outline"})})})}),(0,i.jsx)(o.DialogContent,{className:"!px-20 w-full max-w-full pt-80 pb-20",theme:a,children:(0,i.jsx)("div",{className:"relative aspect-h-9 aspect-w-16 w-full overflow-hidden",children:(0,i.jsx)(r.A,{controls:!0,height:"100%",playing:!0,src:p,width:"100%"})})})]}):(0,i.jsx)("button",{className:C,onClick:()=>{j(!y)},type:"button",children:(0,i.jsxs)("span",{className:"relative",children:[(0,i.jsx)(n.I,{className:(0,d.cn)("size-24 transition-all duration-300",y?"opacity-0":"opacity-100"),name:"heroicons/video-camera-outline"}),(0,i.jsx)(n.I,{className:(0,d.cn)("-translate-x-1/2 -translate-y-1/2 absolute top-1/2 left-1/2 size-24 transition-all duration-300",y?"opacity-100":"opacity-0"),name:"heroicons/video-camera-solid"})]})})}),(0,i.jsxs)("div",{className:D,children:[y?"Pause":"Play"," Video",(0,i.jsx)("div",{className:_})]})]})]})}},64292:(e,t,a)=>{a.d(t,{Dialog:()=>n,DialogContent:()=>u,DialogDescription:()=>x,DialogHeader:()=>b,DialogTitle:()=>p,DialogTrigger:()=>o});var i=a(85664),l=a(81864),s=a(74348),r=a(96777);let n=l.bL,o=l.l9;function d(e){let{children:t,...a}=e;return(0,i.jsx)(l.ZL,{...a,children:(0,i.jsx)("div",{className:"fixed inset-0 z-150 flex items-start justify-center sm:items-center",children:t})})}d.displayName=l.ZL.displayName;let c=e=>{let{className:t,ref:a,...s}=e;return(0,i.jsx)(l.hJ,{className:(0,r.cn)("data-[state=closed]:fade-out data-[state=open]:fade-in fixed inset-0 z-150 bg-white/80 backdrop-blur-sm transition-all duration-100 data-[state=closed]:animate-out",t),...s,ref:a})};c.displayName=l.hJ.displayName;let u=e=>{let{children:t,className:a,command:n=!1,theme:o,ref:u,...b}=e;return(0,i.jsxs)(d,{children:[(0,i.jsx)(c,{}),(0,i.jsxs)(l.UC,{className:(0,r.cn)("data-[state=open]:fade-in-90 data-[state=open]:slide-in-from-bottom-40 sm:zoom-in-90 data-[state=open]:sm:slide-in-from-bottom-0 fixed z-150 grid w-full animate-in gap-4 border border-bordergray bg-white p-25 shadow-lg sm:max-w-[700px] lg:p-30","beam"===o&&!n&&"rounded-b-30 sm:rounded-20","beam"===o&&n&&"rounded-12",a),ref:u,...b,children:[t,(0,i.jsxs)(l.bm,{className:(0,r.cn)("absolute flex size-35 items-center justify-center focus:outline-none focus:ring-primary/20 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-primary/20",!n&&"top-20 right-20 rounded-full ring-1 ring-bordergray focus:ring-2",n&&"top-7 right-8","gable"===o?"bg-white":"opacity-80 transition-opacity hover:opacity-100"),children:[(0,i.jsx)(s.I,{className:"size-15",name:"lucide/x"}),(0,i.jsx)("span",{className:"sr-only",children:"Close"})]})]})]})};function b(e){let{className:t,...a}=e;return(0,i.jsx)("div",{className:(0,r.cn)("flex flex-col space-y-15",t),...a})}u.displayName=l.UC.displayName,b.displayName="DialogHeader";let p=e=>{let{className:t,ref:a,...s}=e;return(0,i.jsx)(l.hE,{className:(0,r.cn)("font-bold text-20 text-primary",t),ref:a,...s})};p.displayName=l.hE.displayName;let x=e=>{let{className:t,ref:a,...s}=e;return(0,i.jsx)(l.VY,{asChild:!0,className:(0,r.cn)("beam-content--small beam-content text-16 text-black",t),ref:a,...s})};x.displayName=l.VY.displayName}}]);