{"version":3,"sources":["components/Embeds/Youtube/styles.js","components/Embeds/Youtube/index.tsx","hooks/use-lock-body-scroll.tsx","components/Modal/index.tsx","../assets/images/brand-identity/icons/video-play-white.svg","components/Embeds/Youtube/Preview/styles.js","components/Embeds/Youtube/Preview/index.tsx","components/AreaNavigation/styles.js","components/AreaNavigation/index.tsx","components/AreaPageLift/styles.js","components/AreaPageLift/index.tsx","pages/LivingPage/styles.js","pages/LivingPage/index.tsx"],"names":["EmbedWrapper","styled","div","withConfig","componentId","props","aspectRatio","aspectRatioPadding","EmbedContainer","YoutubeEmbed","memo","allowFullscreen","autoplay","enableApi","height","fullUrl","width","src","test","videoID","getYoutubeID","React","createElement","dangerouslySetInnerHTML","__html","concat","hasCookieConsent","className","allowFullScreen","frameBorder","useLockBodyScroll","useLayoutEffect","document","body","style","overflow","Close","span","color","Modal","_a","title","content","onClose","dark","followingClose","rest","__rest","overlayRef","useRef","contentRef","closeRef","x","y","anim","closeX","closeY","hideClose","current","opacity","showClose","onMouseMove","e","clientX","clientY","loop","getBoundingClientRect","tx","ty","transform","requestAnimationFrame","onMouseLeave","cancelAnimationFrame","onMouseEnter","onMouseLeaveContent","onMouseEnterContent","useEffect","hasWindow","window","innerWidth","innerHeight","addEventListener","removeEventListener","Object","assign","onClick","ref","FaIcon","icon","module","exports","ImageContainer","attrs","bgColor","css","rgba","isStill","YoutubePreview","id","still","container","timeout","iconX","iconY","setProperty","toFixed","containerElem","left","top","console","log","classList","remove","setTimeout","clearTimeout","add","documentElement","Image","fallbackSrc","thumb","lazy","playIcon","alt","AreaNavContainer","position","AreaNav","nav","media","lgx","_templateObject","_taggedTemplateLiteral","isBlue","darken","connect","state","doc","blue","data","areaNavi","isEmpty","page","getAreaNavi","map","_ref","index","name","link","active","Link","key","to","Lift","textStyles","H3","md","lg","_templateObject2","LiftContent","boxShadow","wide","_templateObject3","LiftImageArea","hasVideo","_templateObject4","_templateObject5","LiftInfo","_templateObject6","_templateObject7","fontFamily","condensed","LiftText","PSmall","LiftFooter","footer","Postcodes","Readmore","buttons","textLinkPrimary","AreaPageLift","area","openToNew","modalOpen","setModalOpen","useState","canonicalPath","canonicalUrl","areaTitle","areaDesc","areaPostcodes","areaShortDesc","areaVideo","banner","url","target","shortenedDescription","truncate","stripTags","Fragment","NavLink","filterXSS","stopPropagation","backgroundImage","srcSet","getAssetUrl","type","LivingHero","PMedium","AreaLifts","countyName","countyAreas","AreaNavigation","NarrowContainer","Container"],"mappings":"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","file":"assets/js/pages-LivingPage.chunk.js?cb=6a0061efa6cca30626e3","sourcesContent":["import styled, { css } from \"styled-components\";\n\nconst aspectRatioPadding = aspectRatio => {\n\tswitch (aspectRatio) {\n\t\tcase \"16:9\":\n\t\t\treturn \"56.25%\";\n\t\tcase \"1:1\":\n\t\t\treturn \"100%\";\n\t\tdefault:\n\t\t\treturn \"56.25%\";\n\t}\n};\n\nexport const EmbedWrapper = styled.div`\n\theight: 0;\n\tposition: relative;\n\tpadding-bottom: ${props => aspectRatioPadding(props.aspectRatio)};\n`;\n\nexport const EmbedContainer = styled.div`\n\theight: 100%;\n\tleft: 0;\n\tposition: absolute;\n\tright: 0;\n\ttop: 0;\n\twidth: 100%;\n\n\tiframe {\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n`;\n","import React, { memo } from \"react\";\nimport { EmbedWrapper, EmbedContainer } from \"./styles\";\nimport { hasCookieConsent } from \"@utils\";\nimport { getYoutubeID } from \"@utils/string-utils\";\n\ninterface IProps {\n\tallowFullscreen?: boolean;\n\taspectRatio?: string;\n\tautoplay?: boolean;\n\tenableApi?: boolean;\n\theight?: string | number;\n\tfullUrl?: string;\n\tvideoID?: string;\n\twidth?: string | number;\n}\n\nconst YoutubeEmbed = memo((props: IProps) => {\n\tconst {\n\t\tallowFullscreen = false,\n\t\taspectRatio = \"16:9\",\n\t\tautoplay = false,\n\t\tenableApi = false,\n\t\theight = \"100%\",\n\t\tfullUrl,\n\t\twidth = \"100%\",\n\t} = props;\n\n\tlet src: string|undefined;\n\tif (!fullUrl || /youtube/i.test(fullUrl)) {\n\t\tconst videoID = props.videoID || getYoutubeID(fullUrl);\n\n\t\tif (!videoID) {\n\t\t\treturn (<span dangerouslySetInnerHTML={{ __html: `<!-- ERROR: No video given -->` }} />);\n\t\t}\n\n\t\tsrc =\n\t\t\t`https://www.youtube${hasCookieConsent\n\t\t\t\t? \"\"\n\t\t\t\t: \"-nocookie\"\n\t\t\t}.com/embed/${videoID}?modestbranding=1&rel=0&showinfo=0&autohide=1&autoplay=${autoplay\n\t\t\t\t? \"1\"\n\t\t\t\t: \"0\"\n\t\t\t}&output=embed&enablejsapi=${enableApi ? \"1\" : \"0\"}`;\n\t} else {\n\t\tsrc = fullUrl;\n\t}\n\n\treturn (\n\t\t<EmbedWrapper aspectRatio={aspectRatio} className=\"yt-embed\">\n\t\t\t<EmbedContainer>\n\t\t\t\t<iframe allowFullScreen={allowFullscreen} frameBorder=\"0\" height={height} src={src} width={width} />\n\t\t\t</EmbedContainer>\n\t\t</EmbedWrapper>\n\t);\n});\n\nexport default YoutubeEmbed;\n","import React, { useLayoutEffect } from \"react\";\n\nfunction useLockBodyScroll() {\n\tuseLayoutEffect(() => {\n\t\tdocument.body.style.overflow = \"hidden\";\n\t\treturn () => {\n\t\t\tdocument.body.style.overflow = \"visible\";\n\t\t};\n\t}, []);\n}\n\nexport default useLockBodyScroll;\n","import React, { useEffect, useRef } from \"react\";\nimport useLockBodyScroll from \"@hooks/use-lock-body-scroll\";\nimport { FontAwesomeIcon as FaIcon } from \"@fortawesome/react-fontawesome\";\nimport styled from \"styled-components\";\nimport { hasWindow } from \"@utils\";\nimport { color } from \"@utils/style-utils\";\n\nconst Close = styled.span`\n\talign-items: center;\n\tbackground: rgba(255, 255, 255, 0.2);\n\tcolor: ${color(\"greenBright\", 1)};\n\tcursor: pointer;\n\tfont-size: 40px;\n\tdisplay: flex;\n\theight: 60px;\n\tjustify-content: center;\n\tleft: 0;\n\topacity: 0;\n\tposition: fixed;\n\ttop: 0;\n\ttransition: opacity 300ms;\n\ttransform-origin: 50% 50%;\n\twidth: 60px;\n\n\tsvg {\n\t\tmax-width: 40px;\n\t}\n\n\t@media (max-width: 650px) {\n\t\tfont-size: 30px;\n\t\theight: 45px;\n\t\twidth: 45px;\n\t}\n\n\t.is-touch & {\n\t\tleft: auto;\n\t\topacity: 1 !important;\n\t\tright: 10px;\n\t\ttop: 10px;\n\t\ttransform: none !important;\n\t}\n`;\n\nexport interface IModalProps {\n\tcontent: any;\n\tdark?: boolean;\n\tfollowingClose?: boolean;\n\tonClose?: (e: any) => void;\n\ttitle?: string;\n\t[key: string]: any;\n}\n\nconst Modal = ({ title, content, onClose, dark = false, followingClose = true, ...rest }: IModalProps) => {\n\tuseLockBodyScroll();\n\n\tconst overlayRef = useRef(null);\n\tconst contentRef = useRef(null);\n\tconst closeRef = useRef(null);\n\n\tlet x: number = null;\n\tlet y: number = null;\n\tlet anim = null;\n\tlet closeX = x;\n\tlet closeY = y;\n\n\tconst hideClose = () => {\n\t\tcloseRef.current.style.opacity = 0;\n\t};\n\n\tconst showClose = () => {\n\t\tcloseRef.current.style.opacity = 1;\n\t};\n\n\tconst onMouseMove = (e: MouseEvent) => {\n\t\tx = e.clientX;\n\t\ty = e.clientY;\n\t};\n\n\tfunction loop() {\n\t\t/* \"lerp\" */\n\t\tcloseX += (x - closeX) * 0.1;\n\t\tcloseY += (y - closeY) * 0.1;\n\n\t\tif (closeRef.current) {\n\t\t\tconst { width, height } = closeRef.current.getBoundingClientRect();\n\t\t\tconst tx = closeX - width / 2;\n\t\t\tconst ty = closeY - height / 2;\n\n\t\t\tcloseRef.current.style.transform = `translate(${tx}px, ${ty}px)`;\n\n\t\t\tanim = requestAnimationFrame(loop);\n\t\t}\n\t}\n\n\tconst onMouseLeave = (e: MouseEvent) => {\n\t\tcancelAnimationFrame(anim);\n\t\thideClose();\n\t};\n\n\tconst onMouseEnter = (e: MouseEvent) => {\n\t\tcancelAnimationFrame(anim);\n\t\tshowClose();\n\t\tanim = requestAnimationFrame(loop);\n\t};\n\n\tconst onMouseLeaveContent = (e: MouseEvent) => {\n\t\tcancelAnimationFrame(anim);\n\t\tshowClose();\n\t\tanim = requestAnimationFrame(loop);\n\t};\n\n\tconst onMouseEnterContent = (e: MouseEvent) => {\n\t\tcancelAnimationFrame(anim);\n\t\thideClose();\n\t};\n\n\tuseEffect(() => {\n\t\tif (hasWindow && followingClose) {\n\t\t\tx = window.innerWidth / 2;\n\t\t\ty = window.innerHeight / 2;\n\n\t\t\tanim = requestAnimationFrame(loop);\n\t\t\twindow.addEventListener(\"mousemove\", onMouseMove);\n\t\t\toverlayRef.current.addEventListener(\"mouseleave\", onMouseLeave);\n\t\t\toverlayRef.current.addEventListener(\"mouseenter\", onMouseEnter);\n\t\t\tcontentRef.current.addEventListener(\"mouseenter\", onMouseEnterContent);\n\t\t\tcontentRef.current.addEventListener(\"mouseleave\", onMouseLeaveContent);\n\n\t\t\treturn () => {\n\t\t\t\tcancelAnimationFrame(anim);\n\t\t\t\twindow.removeEventListener(\"mousemove\", onMouseMove);\n\t\t\t\toverlayRef.current.removeEventListener(\"mouseleave\", onMouseLeave);\n\t\t\t\toverlayRef.current.removeEventListener(\"mouseenter\", onMouseEnter);\n\t\t\t\tcontentRef.current.removeEventListener(\"mouseenter\", onMouseEnterContent);\n\t\t\t\tcontentRef.current.removeEventListener(\"mouseleave\", onMouseLeaveContent);\n\t\t\t};\n\t\t}\n\t}, []);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={`modal-overlay${dark ? \" modal-overlay--dark\" : \"\"}`}\n\t\t\tonClick={onClose}\n\t\t\tref={overlayRef}\n\t\t\t{...rest}\n\t\t>\n\t\t\t<Close ref={closeRef} onClick={onClose}>\n\t\t\t\t<FaIcon icon={[\"far\", \"times\"]} />\n\t\t\t</Close>\n\t\t\t<div className=\"modal\" ref={contentRef}>\n\t\t\t\t{title && <h2>{title}</h2>}\n\t\t\t\t{content}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default Modal;\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjYyIiB2aWV3Qm94PSIwIDAgNjIgNjIiIHdpZHRoPSI2MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0ibTMxIDYxYzE2LjU2ODUgMCAzMC0xMy40MzE1IDMwLTMwcy0xMy40MzE1LTMwLTMwLTMwLTMwIDEzLjQzMTUtMzAgMzAgMTMuNDMxNSAzMCAzMCAzMHoiIGZpbGwtb3BhY2l0eT0iLjUiIHN0cm9rZT0iI2ZmZiIvPjxwYXRoIGQ9Im0yNy40MTA4IDIwLjE0ODljLTEuMzI3Ni0uOTA1Ni0zLjEyNzEuMDQ1MS0zLjEyNzEgMS42NTIydjE5LjMwOTdjMCAxLjYwNyAxLjc5OTUgMi41NTc4IDMuMTI3MSAxLjY1MjFsMTQuMTUyNi05LjY1NDhjMS4xNjM4LS43OTQgMS4xNjM4LTIuNTEwNCAwLTMuMzA0M3oiLz48L2c+PC9zdmc+\"","import styled, { css } from \"styled-components\";\nimport { color } from \"@utils/style-utils\";\nimport { rgba } from \"polished\";\n\nexport const ImageContainer = styled.div.attrs(() => ({\n\tclassName: \"youtube-preview\",\n}))`\n\tcursor: pointer;\n\theight: 0;\n\toverflow: hidden;\n\tpadding-bottom: calc(56.25% - 2px);\n\tposition: relative;\n\twidth: 100%;\n\n\t${props =>\n\t\tprops.bgColor &&\n\t\tcss`\n\t\t\tbackground-color: ${props.bgColor};\n\t\t`}\n\n\t&::before {\n\t\tbackground: ${rgba(color(\"grey\", 1), 0.3)};\n\t\tcontent: \"\";\n\t\tdisplay: block;\n\t\theight: 100%;\n\t\tleft: 0;\n\t\topacity: 0;\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\ttransition: opacity 150ms;\n\t\twidth: 100%;\n\t\tz-index: 2;\n\t}\n\n\timg {\n\t\tdisplay: block;\n\t\tleft: 50%;\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\ttransform: translate(-50%, -50%);\n\t}\n\n\t> img {\n\t\twidth: 100%;\n\t}\n\n\t.icon {\n\t\tpointer-events: none;\n\t\ttransform: translate(-50%, -50%) scale(1);\n\t\ttransition: transform 400ms;\n\t\twidth: 60px;\n\t\tz-index: 5;\n\t}\n\n\t&.mouse-over {\n\t\t&::before {\n\t\t\topacity: 1;\n\t\t}\n\n\t\t.icon {\n\t\t\t@supports (display: grid) {\n\t\t\t\ttransition: transform 0ms;\n\t\t\t\ttransform: translate(var(--mX, 0px), var(--mY, 0px));\n\t\t\t}\n\t\t}\n\t}\n\n\t${props =>\n\t\tprops.isStill &&\n\t\tcss`\n\t\t\t.is-pointer & {\n\t\t\t\t&:hover {\n\t\t\t\t\t.icon {\n\t\t\t\t\t\ttransform: translate(-50%, -50%) scale(1.2);\n\t\t\t\t\t}\n\t\t\t\t\t&::before {\n\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t`}\n`;\n","import React, { useEffect, useRef } from \"react\";\nimport Image from \"@components/Image\";\nimport { ImageContainer } from \"./styles\";\nimport playIcon from \"@images/brand-identity/icons/video-play-white.svg\";\nimport { hasWindow } from \"@utils\";\n\nconst lerpAmount: number = 0.1;\n\ninterface IPreviewProps {\n\tbgColor?: string;\n\tid: string;\n\tonClick: (e: any) => void;\n\tstill?: boolean;\n\t[key: string]: any;\n}\n\nconst YoutubePreview = ({ id, onClick, bgColor = null, still = false, ...rest }: IPreviewProps) => {\n\tconst icon = useRef(null);\n\tconst container = useRef(null);\n\tlet timeout: number = null;\n\tlet x: number = null;\n\tlet y: number = null;\n\tlet anim = null;\n\tlet iconX = x;\n\tlet iconY = y;\n\n\tconst loop = () => {\n\t\t/* \"lerp\" */\n\t\ticonX += (x - iconX) * lerpAmount;\n\t\ticonY += (y - iconY) * lerpAmount;\n\n\t\tif (icon.current) {\n\t\t\tconst { width, height } = icon.current.getBoundingClientRect();\n\t\t\tconst tx = iconX - width / 2;\n\t\t\tconst ty = iconY - height / 2;\n\n\t\t\ticon.current.style.setProperty(\"--mX\", tx.toFixed(2) + \"px\");\n\t\t\ticon.current.style.setProperty(\"--mY\", ty.toFixed(2) + \"px\");\n\n\t\t\tanim = requestAnimationFrame(loop);\n\t\t}\n\t};\n\n\tconst onMouseMove = (e: MouseEvent) => {\n\t\ttry {\n\t\t\tconst { current: containerElem } = container;\n\t\t\tconst { height, width } = containerElem.getBoundingClientRect();\n\t\t\tconst { clientY, clientX } = e;\n\t\t\tconst { left, top } = containerElem.getBoundingClientRect();\n\n\t\t\tconst objCenterX = left + width / 2;\n\t\t\tconst objCenterY = top + height / 2;\n\n\t\t\tx = -(objCenterX - clientX);\n\t\t\ty = -(objCenterY - clientY);\n\t\t} catch (e) {\n\t\t\tconsole.log(e);\n\t\t}\n\t};\n\n\tconst onMouseLeave = () => {\n\t\tif (hasWindow) {\n\t\t\tcontainer.current.classList.remove(\"mouse-over\");\n\t\t\tx = 0;\n\t\t\ty = 0;\n\n\t\t\ttimeout = window.setTimeout(() => {\n\t\t\t\tcancelAnimationFrame(anim);\n\t\t\t\ticon.current.style.setProperty(\"--mX\", 0);\n\t\t\t\ticon.current.style.setProperty(\"--mY\", 0);\n\t\t\t}, 300);\n\t\t}\n\t};\n\n\tconst onMouseEnter = () => {\n\t\tcancelAnimationFrame(anim);\n\t\tanim = requestAnimationFrame(loop);\n\t\tclearTimeout(timeout);\n\t\tcontainer.current.classList.add(\"mouse-over\");\n\t};\n\n\tuseEffect(() => {\n\t\tif (hasWindow && container.current) {\n\t\t\tconst isTouch = \"ontouchstart\" in document.documentElement;\n\n\t\t\tif (!isTouch && !still) {\n\t\t\t\tcontainer.current.addEventListener(\"mousemove\", onMouseMove);\n\t\t\t\tcontainer.current.addEventListener(\"mouseenter\", onMouseEnter);\n\t\t\t\tcontainer.current.addEventListener(\"mouseleave\", onMouseLeave);\n\t\t\t}\n\t\t}\n\n\t\treturn () => {\n\t\t\tclearTimeout(timeout);\n\t\t\tif (hasWindow && container.current) {\n\t\t\t\tcontainer.current.removeEventListener(\"mousemove\", onMouseMove);\n\t\t\t\tcontainer.current.removeEventListener(\"mouseenter\", onMouseEnter);\n\t\t\t\tcontainer.current.removeEventListener(\"mouseleave\", onMouseLeave);\n\t\t\t}\n\t\t};\n\t}, [container.current]);\n\n\treturn (\n\t\t<ImageContainer ref={container} onClick={onClick} bgColor={bgColor} isStill={still}>\n\t\t\t<Image\n\t\t\t\tsrc={`https://img.youtube.com/vi/${id}/sddefault.jpg`}\n\t\t\t\tfallbackSrc={`https://img.youtube.com/vi/${id}/mddefault.jpg`}\n\t\t\t\tthumb={`https://img.youtube.com/vi/${id}/default.jpg`}\n\t\t\t\tlazy={true}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t\t<img src={playIcon} alt=\"Toista video\" className=\"icon\" ref={icon} />\n\t\t</ImageContainer>\n\t);\n};\n\nexport default YoutubePreview;\n","import styled from \"styled-components\";\nimport { media, color } from \"@utils/style-utils\";\nimport { darken } from \"polished\";\n\nexport const AreaNavContainer = styled.div.attrs(() => ({\n\tclassName: \"area-nav-container\",\n\tid: \"area-nav-container\",\n}))`\n\tborder-top: 1px solid #d7e9e4;\n\tleft: 0;\n\tposition: ${props => props.position || \"absolute\"};\n\ttop: 56px;\n\twidth: 100%;\n\n\t@media (min-width: 530px) {\n\t\ttop: 65px;\n\t}\n\n\t&.area-nav--property {\n\t\tborder-top: 0;\n\t\tposition: relative;\n\t}\n`;\n\nexport const AreaNav = styled.nav.attrs(() => ({\n\tclassName: \"area-nav\",\n\tid: \"area-nav\",\n}))`\n\tdisplay: none;\n\tflex-wrap: wrap;\n\tjustify-content: center;\n\tmargin: 0 auto;\n\tmax-width: 1050px;\n\tpadding-left: 15px;\n\tpadding-right: 15px;\n\twidth: 100%;\n\n\t${media.lgx`\n\t\tdisplay: flex;\n\t`}\n\n\ta {\n\t\tcolor: ${props => (props.isBlue ? darken(0.1, color(\"blue\", 2)) : color(\"greenDark\", 2))};\n\t\tdisplay: inline-block;\n\t\tfont-size: 14px;\n\t\tfont-weight: 500;\n\t\tmargin: 10px 13px;\n\t\tpadding: 14px 10px;\n\t\ttext-decoration: none;\n\t\ttransition: color 150ms;\n\n\t\t&:hover {\n\t\t\tcolor: ${props => (props.isBlue ? darken(0.2, color(\"blue\", 1)) : color(\"greenDark\", 1))};\n\t\t}\n\n\t\t&.is-active {\n\t\t\tcolor: ${props => (props.isBlue ? darken(0.2, color(\"blue\", 1)) : color(\"greenDark\", 1))};\n\t\t}\n\t}\n`;\n","import React, { useEffect } from \"react\";\nimport { connect } from \"react-redux\";\nimport isEmpty from \"lodash-es/isEmpty\";\nimport { IApplicationState } from \"@redux\";\nimport { AreaNavContainer, AreaNav } from \"./styles\";\nimport { IDocument } from \"@redux/document\";\nimport { Link } from \"react-router-dom\";\nimport { hasWindow } from \"@utils\";\n\ninterface IAreaNavLink {\n\tactive: boolean;\n\tname: string;\n\tlink: string;\n}\n\nconst getAreaNavi = (doc: IDocument): IAreaNavLink[] => {\n\tif (!isEmpty(doc) && !isEmpty(doc.areaNavi)) {\n\t\treturn doc.areaNavi;\n\t} else if (!isEmpty(doc) && !isEmpty(doc.page) && !isEmpty(doc.page.areaNavi)) {\n\t\treturn doc.page.areaNavi;\n\t} else {\n\t\treturn [];\n\t}\n};\n\ninterface IProps {\n\tdoc: IDocument;\n\tdata?: object;\n\tposition?: string;\n\tblue?: boolean;\n\t[key: string]: any;\n}\n\nconst AreaNavigation = (props: IProps) => {\n\tconst { blue, doc, data, ...rest } = props;\n\tconst areaNavi: IAreaNavLink[] = getAreaNavi(data || doc);\n\n\tuseEffect(() => {\n\t\tif (hasWindow) {\n\t\t\tdocument.body.classList.add(\"has-area-nav\");\n\n\t\t\treturn () => {\n\t\t\t\tdocument.body.classList.remove(\"has-area-nav\");\n\t\t\t};\n\t\t}\n\t}, []);\n\n\tif (isEmpty(areaNavi)) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<AreaNavContainer {...rest}>\n\t\t\t<AreaNav isBlue={blue}>\n\t\t\t\t{areaNavi.map(({ name, link, active }: IAreaNavLink, index: number) => (\n\t\t\t\t\t<Link key={\"arealink-\" + index} to={link} className={active ? \"is-active\" : \"\"}>\n\t\t\t\t\t\t{name}\n\t\t\t\t\t</Link>\n\t\t\t\t))}\n\t\t\t</AreaNav>\n\t\t</AreaNavContainer>\n\t);\n};\n\nconst mapStateToProps = (state: IApplicationState) => ({\n\tdoc: state.document,\n});\n\nexport default connect(mapStateToProps)(AreaNavigation);\n","import styled, { css } from \"styled-components\";\nimport { Link } from \"react-router-dom\";\nimport { color, media, textStyles, fontFamily, buttons, boxShadow } from \"@utils/style-utils\";\n\nexport const Lift = styled.div`\n\th3 {\n\t\t${textStyles.H3}\n\t\tcolor: ${color(\"greenDark\", 1)};\n\n\t\ta {\n\t\t\tcolor: inherit;\n\t\t\ttext-decoration: none;\n\t\t\ttransition: color 150ms;\n\n\t\t\t&::after {\n\t\t\t\tcontent: ' ›';\n\t\t\t\tmargin-left: 4px;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tcolor: ${color(\"greenDark\", 2)};\n\t\t\t}\n\t\t}\n\t}\n\n\t&:first-of-type {\n\t\tmargin-top: 80px;\n\n\t\t${media.md`\n\t\t\tmargin-top: 100px;\n\t\t`}\n\n\t\t${media.lg`\n\t\t\tmargin-top: 120px;\n\t\t`}\n\t}\n\n\t+ div {\n\t\tmargin-top: 60px;\n\t}\n`;\n\nexport const LiftContent = styled.div`\n\tdisplay: flex;\n\tborder: 1px solid ${color(\"grey\", 5)};\n\tborder-radius: 4px;\n\tcolor: inherit;\n\tflex-direction: column;\n\toverflow: hidden;\n\ttransition: box-shadow 150ms, border-color 150ms;\n\n\t.is-pointer & {\n\t\t&:hover {\n\t\t\tborder-color: ${color(\"greenBasic\", 4)};\n\t\t\tbox-shadow: ${boxShadow.wide};\n\t\t}\n\t}\n\n\t${media.md`\n\t\tflex-direction: row;\n\t`}\n`;\n\nexport const LiftImageArea = styled.div`\n\talign-items: center;\n\tdisplay: flex;\n\tflex-basis: 100%;\n\tflex-direction: column;\n\tjustify-content: center;\n\tposition: relative;\n\n\t> div {\n\t\t${props =>\n\t\t\tprops.hasVideo &&\n\t\t\tcss`\n\t\t\t\theight: 100%;\n\t\t\t`}\n\t\twidth: 100%;\n\t}\n\n\t${media.md`\n\t\tflex-basis: 48.2%;\n\t`}\n\n\tspan.image {\n\t\tbackground-position: center;\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-size: cover;\n\t\tpadding-bottom: 56.25%;\n\t\tposition: relative;\n\t\twidth: 100%;\n\n\t\t${media.md`\n\t\t\theight: 100%;\n\t\t\tleft: 0;\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t`}\n\t}\n\n\tpicture {\n\t\twidth: 100%;\n\n\t\t@supports (object-fit: cover) {\n\t\t\theight: 100%;\n\n\t\t\timg {\n\t\t\t\theight: 100%;\n\t\t\t\tobject-fit: cover;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t}\n`;\n\nexport const LiftInfo = styled.div`\n\tdisplay: flex;\n\tflex-basis: 100%;\n\tflex-direction: column;\n\tpadding: 30px 20px;\n\n\t${media.md`\n\t\tflex-basis: 51.8%;\n\t`}\n\n\t${media.lg`\n\t\tpadding: 40px;\n\t`}\n\n\t> a {\n\t\ttext-decoration: none;\n\n\t\t&:hover h3 {\n\t\t\tcolor: ${color(\"greenDark\", 2)};\n\t\t}\n\t}\n\n\th3 {\n\t\tcolor: ${color(\"grey\", 1)};\n\t\tfont-family: ${fontFamily.condensed};\n\t\tmargin: 0 0 15px;\n\t\ttransition: color 150ms;\n\t}\n`;\n\nexport const LiftText = styled.div`\n\t${textStyles.PSmall}\n\tcolor: ${color(\"grey\", 2)};\n\tflex-grow: 1;\n\tpadding-bottom: 10px;\n\tmargin-bottom: 10px;\n`;\n\nexport const LiftFooter = styled.footer`\n\tdisplay: flex;\n\n\t@media (max-width: 450px) {\n\t\tflex-wrap: wrap;\n\t}\n`;\n\nexport const Postcodes = styled.div`\n\tcolor: ${color(\"grey\", 2)};\n\tfont-family: ${fontFamily.condensed};\n\tflex-grow: 1;\n\n\t@media (max-width: 450px) {\n\t\tflex-basis: 100%;\n\t\tmargin-bottom: 30px;\n\t}\n\n\tspan {\n\t\tcolor: ${color(\"grey\", 1)};\n\t\tfont-weight: 500;\n\t\tmargin-right: 12px;\n\t}\n`;\n\nexport const Readmore = styled(Link)`\n\t${buttons.textLinkPrimary}\n\tcolor: ${color(\"beige\", 1)};\n\ttext-align: right;\n\ttext-decoration: none;\n\twidth: 100px;\n\n\t@media (max-width: 450px) {\n\t\tmargin-left: auto;\n\t}\n\n\t&:hover {\n\t\tcolor: ${color(\"beige\", 2)};\n\t}\n\n\t&::after {\n\t\tdisplay: none;\n\t}\n`;\n","import React, { useState, Fragment } from \"react\";\nimport { NavLink, Link } from \"react-router-dom\";\nimport YoutubeEmbed from \"@components/Embeds/Youtube\";\nimport { filterXSS } from \"xss\";\n\nimport { Lift, LiftContent, LiftImageArea, LiftInfo, LiftText, LiftFooter, Postcodes, Readmore } from \"./styles\";\nimport Modal from \"@components/Modal\";\nimport YoutubePreview from \"@components/Embeds/Youtube/Preview\";\n\nimport { truncate, stripTags } from \"@utils/string-utils\";\nimport { getAssetUrl } from \"@utils/index\";\n\ninterface IAreaPageLift {\n\tbanner?: {\n\t\tsrc: string;\n\t};\n\tareaTitle?: string;\n\tareaDesc?: string;\n\tareaPostcodes?: string | string[];\n\tareaShortDesc?: string;\n\tareaVideo?: string;\n\tthumb?: {\n\t\tsrc: string;\n\t\talt?: string;\n\t};\n\tslideBackgroundImage?: {\n\t\tsrc: string;\n\t\talt?: string;\n\t};\n\tcanonicalUrl?: string;\n\tcanonicalPath?: string;\n\t[key: string]: any;\n}\n\ninterface IProps {\n\tarea: IAreaPageLift;\n\topenToNew?: boolean;\n}\n\nconst AreaPageLift = (props: IProps) => {\n\tconst { area, openToNew = false } = props;\n\tconst [modalOpen, setModalOpen] = useState(false);\n\n\tif (!area) {\n\t\treturn null;\n\t}\n\n\tconst { canonicalPath, canonicalUrl, areaTitle, areaDesc, areaPostcodes, areaShortDesc, areaVideo, banner } = area;\n\n\tconst url = canonicalPath ? canonicalPath : canonicalUrl ? canonicalUrl : \"#\";\n\tconst target = openToNew ? \"_blank\" : null;\n\n\tconst shortenedDescription = truncate(stripTags(areaDesc), 275);\n\n\treturn (\n\t\t<Fragment>\n\t\t\t<Lift>\n\t\t\t\t<h3>\n\t\t\t\t\t<NavLink to={url} target={target} dangerouslySetInnerHTML={{ __html: filterXSS(areaTitle) }} />\n\t\t\t\t</h3>\n\t\t\t\t<LiftContent>\n\t\t\t\t\t{(areaVideo || banner) && (\n\t\t\t\t\t\t<LiftImageArea hasVideo={areaVideo}>\n\t\t\t\t\t\t\t{areaVideo && (\n\t\t\t\t\t\t\t\t<YoutubePreview\n\t\t\t\t\t\t\t\t\tid={areaVideo}\n\t\t\t\t\t\t\t\t\tonClick={e => {\n\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\tsetModalOpen(true);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{!areaVideo && banner && banner.src && (\n\t\t\t\t\t\t\t\t<span className=\"image\" style={{ backgroundImage: `url(${banner.src})` }} />\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{!areaVideo && (!banner || !banner.src) && (\n\t\t\t\t\t\t\t\t<picture>\n\t\t\t\t\t\t\t\t\t<source\n\t\t\t\t\t\t\t\t\t\tsrcSet={getAssetUrl(\"/assets/images/km-2019/aluesivut/arealift-placeholder@2x.webp\")+\" 2x, \"+\n\t\t\t\t\t\t\t\t\t\t\tgetAssetUrl(\"/assets/images/km-2019/aluesivut/arealift-placeholder.webp\")+\" 1x\"}\n\t\t\t\t\t\t\t\t\t\ttype=\"image/webp\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<source\n\t\t\t\t\t\t\t\t\t\tsrcSet={getAssetUrl(\"/assets/images/km-2019/aluesivut/arealift-placeholder@2x.jpg\")+\" 2x, \"+\n\t\t\t\t\t\t\t\t\t\t\tgetAssetUrl(\"/assets/images/km-2019/aluesivut/arealift-placeholder.jpg\")+\" 1x\"}\n\t\t\t\t\t\t\t\t\t\ttype=\"image/jpeg\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc={getAssetUrl(\"/assets/images/km-2019/aluesivut/arealift-placeholder.jpg\")}\n\t\t\t\t\t\t\t\t\t\talt={areaTitle}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</picture>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</LiftImageArea>\n\t\t\t\t\t)}\n\t\t\t\t\t<LiftInfo>\n\t\t\t\t\t\t<Link to={url} target={target}>\n\t\t\t\t\t\t\t<h3 dangerouslySetInnerHTML={{ __html: filterXSS(areaShortDesc) }} />\n\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t<LiftText dangerouslySetInnerHTML={{ __html: filterXSS(shortenedDescription) }} />\n\t\t\t\t\t\t<LiftFooter>\n\t\t\t\t\t\t\t<Postcodes>\n\t\t\t\t\t\t\t\t<span>Postinumerot</span> {areaPostcodes}\n\t\t\t\t\t\t\t</Postcodes>\n\t\t\t\t\t\t\t<Readmore to={url} target={target}>\n\t\t\t\t\t\t\t\tLue lisää\n\t\t\t\t\t\t\t</Readmore>\n\t\t\t\t\t\t</LiftFooter>\n\t\t\t\t\t</LiftInfo>\n\t\t\t\t</LiftContent>\n\t\t\t</Lift>\n\t\t\t{areaVideo && modalOpen && (\n\t\t\t\t<Modal\n\t\t\t\t\tdark={true}\n\t\t\t\t\tcontent={<YoutubeEmbed videoID={areaVideo} autoplay={true} />}\n\t\t\t\t\tonClose={() => setModalOpen(false)}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</Fragment>\n\t);\n};\n\nexport default AreaPageLift;\n","import styled from \"styled-components\";\nimport { color, textStyles } from \"@utils/style-utils\";\nimport { rgba } from \"polished\";\n\nexport const LivingHero = styled.div`\n\tbackground: ${rgba(color(\"blue\", 4), 0.5)};\n\tpadding-bottom: 94px;\n\tpadding-top: 200px;\n\ttext-align: center;\n\n\tp {\n\t\t${textStyles.PMedium}\n\t}\n`;\n\nexport const AreaLifts = styled.div`\n\tmargin: 0 auto;\n\tmax-width: 1130px;\n`;\n","import React, { Fragment } from \"react\";\nimport { connect } from \"react-redux\";\nimport { IApplicationState } from \"@redux\";\nimport { LivingHero, AreaLifts } from \"./styles\";\nimport { NarrowContainer, Container } from \"@components/Grid\";\nimport AreaNavigation from \"@components/AreaNavigation\";\nimport isEmpty from \"lodash-es/isEmpty\";\nimport AreaPageLift from \"@components/AreaPageLift\";\n\nconst LivingPage = ({ doc }) => {\n\tconst { countyName, countyAreas } = doc;\n\n\treturn (\n\t\t<Fragment>\n\t\t\t<LivingHero>\n\t\t\t\t<AreaNavigation blue={true} />\n\t\t\t\t<NarrowContainer>\n\t\t\t\t\t<h1>{countyName} asuinalueena</h1>\n\n\t\t\t\t\t<p>\n\t\t\t\t\t\tPohditko, millainen {countyName} on asuinalueena? Nyt voit tehdä tarkempaa tuttavuutta\n\t\t\t\t\t\tkotisohvaltasi käsin! Asuinalueen nimeä napsauttamalla tutustut kustakin alueesta koostamaamme\n\t\t\t\t\t\ttiiviiseen asumisen tietopakettiin. Katso myös myytävät asunnot ja asuntojen hintatilastot ja\n\t\t\t\t\t\tota {countyName} asuinalueena haltuusi!\n\t\t\t\t\t</p>\n\t\t\t\t</NarrowContainer>\n\t\t\t</LivingHero>\n\t\t\t<Container>\n\t\t\t\t<AreaLifts>\n\t\t\t\t\t{!isEmpty(countyAreas) &&\n\t\t\t\t\t\tcountyAreas.map((area, index) => <AreaPageLift area={area} key={\"arealift_\" + index} />)}\n\t\t\t\t</AreaLifts>\n\t\t\t</Container>\n\t\t</Fragment>\n\t);\n};\n\nconst mapStateToProps = (state: IApplicationState) => ({\n\tdoc: state.document,\n});\n\nexport default connect(mapStateToProps)(LivingPage);\n"],"sourceRoot":""}