{"version":3,"sources":["webpack:///./src/components/footer-gallery.js","webpack:///./src/components/property/property-item.js","webpack:///./src/components/property/property-map.js","webpack:///./src/pages/property.js"],"names":["Container","styled","MaxWidthContainer","Image","img","FooterGallery","gallery","map","image","index","key","src","sourceUrl","PropertyItem","item","setItem","BackNav","onClick","name","Description","description","href","learnMoreLink","target","rel","div","button","p","PropertyMap","baseImage","baseRichText","propertyItems","useState","currentPropertyItem","setCurrentPropertyItem","Wrapper","NavigationWrapper","Navigation","List","style","margin","ListItem","MapWrapper","Map","mapImage","RichData","dangerouslySetInnerHTML","__html","ul","PropertyPage","data","wpPage","property_page","footerGallery","title","length"],"mappings":"4FAAA,iDAIMA,EAAYC,YAAOC,KAAV,gFAAGD,CAAH,+LAcTE,EAAQF,IAAOG,IAAV,4EAAGH,CAAH,2CAiBII,IAVO,SAAC,GAAiB,IAAfC,EAAc,EAAdA,QACrB,OACI,kBAACN,EAAD,KACKM,EAAQC,KAAI,SAACC,EAAOC,GAAR,OACT,kBAACN,EAAD,CAAOO,IAAKD,EAAOE,IAAKH,EAAMI,kB,8HCT/BC,EAfM,SAAC,GAAuB,IAArBC,EAAoB,EAApBA,KAAMC,EAAc,EAAdA,QAC1B,OACI,kBAACf,EAAD,KACI,kBAACgB,EAAD,CAASC,QAAS,kBAAMF,EAAQ,QAAhC,KAA6CD,EAAKI,MAClD,kBAACf,EAAD,CAAOQ,IAAKG,EAAKN,MAAMI,YACvB,kBAACO,EAAD,KAAcL,EAAKM,aACnB,uBAAGC,KAAMP,EAAKQ,cAAeC,OAAO,SAASC,IAAI,cAC7C,kBAAC,IAAD,sBAUVxB,EAAYC,IAAOwB,IAAV,+EAAGxB,CAAH,8DAKTe,EAAUf,IAAOyB,OAAV,6EAAGzB,CAAH,sHASPE,EAAQF,IAAOG,IAAV,2EAAGH,CAAH,iCAILkB,EAAclB,IAAO0B,EAAV,iFAAG1B,CAAH,MCnCF,SAAS2B,EAAT,GAAkE,IAA3CC,EAA0C,EAA1CA,UAAWC,EAA+B,EAA/BA,aAAcC,EAAiB,EAAjBA,cAAiB,EACtBC,mBAAS,MAAxDC,EADqE,KAChDC,EADgD,KAG5E,OACI,kBAACC,EAAD,KACI,kBAACC,EAAD,KACKH,EACG,kBAAC,EAAD,CACInB,KAAMmB,EACNlB,QAASmB,IAGb,kBAACG,EAAD,KACI,kBAACC,EAAD,CAAMC,MAAO,CAAEC,OAAQ,IAClBT,EAAcxB,KAAI,SAACO,EAAML,GAAP,OACf,kBAACgC,EAAD,CACI/B,IAAKD,EACLQ,QAAS,kBAAMiB,EAAuBpB,KAErCA,EAAKI,YAO9B,kBAACwB,EAAD,KACI,kBAACC,EAAD,CACIhC,IACIsB,EACMA,EAAoBW,SAAShC,UAC7BiB,EAAUjB,aAGlBqB,GACE,kBAACY,EAAD,CAAUC,wBAAyB,CAAEC,OAAQjB,OAOrE,IAAMK,EAAUlC,IAAOwB,IAAV,4EAAGxB,CAAH,2OAkBPmC,EAAoBnC,IAAOwB,IAAV,sFAAGxB,CAAH,sMAiBjBoC,EAAapC,IAAOwB,IAAV,+EAAGxB,CAAH,MACVyC,EAAazC,IAAOwB,IAAV,+EAAGxB,CAAH,MACV0C,EAAM1C,IAAOG,IAAV,wEAAGH,CAAH,gEAQHqC,EAAOrC,IAAO+C,GAAV,yEAAG/C,CAAH,kDAKJwC,EAAWxC,IAAOyB,OAAV,6EAAGzB,CAAH,4LAeR4C,EAAW5C,IAAOwB,IAAV,6EAAGxB,CAAH,sB,YC5FCgD,UAdM,SAAC,GAAc,IAAD,IAAXC,KACmDC,OAAOC,cAAtEvB,EADuB,EACvBA,UAAWC,EADY,EACZA,aAAcuB,EADF,EACEA,cAAetB,EADjB,EACiBA,cAEhD,OACI,kBAAC,IAAD,KACI,kBAAC,IAAD,CAAKuB,MAAM,aACX,kBAAC1B,EAAD,CAAaE,aAAcA,EAAcD,UAAWA,EAAWE,cAAeA,IAC7EsB,GAAiBA,EAAcE,OAAS,GACrC,kBAAC,IAAD,CAAejD,QAAS+C","file":"component---src-pages-property-js-5fd463f161d23485908b.js","sourcesContent":["import React from \"react\"\nimport styled from \"styled-components\"\nimport { MaxWidthContainer } from \"./layout\"\n\nconst Container = styled(MaxWidthContainer)`\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    row-gap: 30px;\n    gap: 30px;\n    margin-bottom: 12vh;\n    width: 100%;\n    padding: 15px;\n\n    @media (max-width: 550px) {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 15px;\n    }\n`\nconst Image = styled.img`\n    margin: 0;\n    width: 100%;\n    /* height: 100%; */\n    object-fit: cover;\n`\n\nconst FooterGallery = ({ gallery }) => {\n    return (\n        <Container>\n            {gallery.map((image, index) => (\n                <Image key={index} src={image.sourceUrl} />\n            ))}\n        </Container>\n    )\n}\n\nexport default FooterGallery\n","import { navigate } from \"gatsby\"\nimport React from \"react\"\nimport styled from \"styled-components\"\nimport { MainButton } from \"../../styles/buttons\"\n\nconst PropertyItem = ({ item, setItem }) => {\n    return (\n        <Container>\n            <BackNav onClick={() => setItem(null)}>{`< ${item.name}`}</BackNav>\n            <Image src={item.image.sourceUrl} />\n            <Description>{item.description}</Description>\n            <a href={item.learnMoreLink} target=\"_blank\" rel=\"noreferrer\">\n                <MainButton>\n                    LEARN MORE\n                </MainButton>\n            </a>\n        </Container>\n    )\n}\n\nexport default PropertyItem\n\nconst Container = styled.div`\n    display: grid;\n    grid-template-rows: repeat(4, auto);\n    gap: 15px;\n`\nconst BackNav = styled.button`\n    background: none;\n    border: none;\n    text-align: left;\n    outline: none;\n    text-transform: uppercase;\n    font-size: 19px;\n    cursor: pointer;\n`\nconst Image = styled.img`\n    max-width: 250px;\n    width: 100%;\n`\nconst Description = styled.p``\n","import React from \"react\"\nimport { useState } from \"react\"\nimport styled from \"styled-components\"\nimport PropertyItem from \"./property-item\"\n\nexport default function PropertyMap({ baseImage, baseRichText, propertyItems }) {\n    const [currentPropertyItem, setCurrentPropertyItem] = useState(null)\n\n    return (\n        <Wrapper>\n            <NavigationWrapper>\n                {currentPropertyItem ? (\n                    <PropertyItem\n                        item={currentPropertyItem}\n                        setItem={setCurrentPropertyItem}\n                    />\n                ) : (\n                    <Navigation>\n                        <List style={{ margin: 0 }}>\n                            {propertyItems.map((item, index) => (\n                                <ListItem\n                                    key={index}\n                                    onClick={() => setCurrentPropertyItem(item)}\n                                >\n                                    {item.name}\n                                </ListItem>\n                            ))}\n                        </List>\n                    </Navigation>\n                )}\n            </NavigationWrapper>\n            <MapWrapper>\n                <Map\n                    src={\n                        currentPropertyItem\n                            ? currentPropertyItem.mapImage.sourceUrl\n                            : baseImage.sourceUrl\n                    }\n                    />\n                    {!currentPropertyItem &&\n                        <RichData dangerouslySetInnerHTML={{ __html: baseRichText}} />\n                    }\n            </MapWrapper>\n        </Wrapper>\n    )\n}\n\nconst Wrapper = styled.div`\n    max-width: 1200px;\n    margin: 0 auto;\n    width: 100%;\n    display: grid;\n    grid-template-columns: 350px 1fr;\n    gap: 50px;\n    padding: 20px;\n\n    @media (max-width: 768px) {\n        grid-template-columns: 200px 1fr;\n        gap: 20px;\n    }\n\n    @media (max-width: 700px) {\n        grid-template-columns: 100%;\n    }\n`\nconst NavigationWrapper = styled.div`\n    background: #efefef;\n    min-width: 250px;\n    height: min-content;\n    position: sticky;\n    top: 150px;\n    padding: 30px 25px;\n\n    @media (max-width: 768px) {\n        min-width: initial;\n    }\n\n    @media (max-width: 700px) {\n        position: relative;\n        top: 0;\n    }\n`\nconst Navigation = styled.div``\nconst MapWrapper = styled.div``\nconst Map = styled.img`\n    /* height: 75vh; */\n    object-fit: contain;\n\n    @media (max-width: 1024px) {\n        height: 50vh;\n    }\n`\nconst List = styled.ul`\n    margin: 0;\n    display: flex;\n    flex-direction: column;\n`\nconst ListItem = styled.button`\n    background: none;\n    border: none;\n    outline: none;\n    cursor: pointer;\n    font-size: 18px;\n    text-transform: uppercase;\n    font-weight: 400;\n    text-align: left;\n    margin: 5px 0;\n\n    @media (max-width: 768px) {\n        font-size: 16px;\n    }\n`\nconst RichData = styled.div`\n    margin-top: 20px;\n`;","import React from \"react\"\nimport FooterGallery from \"../components/footer-gallery\"\nimport Layout from \"../components/layout\"\nimport PropertyMap from \"../components/property/property-map\"\nimport SEO from \"../components/seo\"\n\nconst PropertyPage = ({ data }) => {\n    const { baseImage, baseRichText, footerGallery, propertyItems } = data.wpPage.property_page\n    \n    return (\n        <Layout>\n            <SEO title=\"Property\" />\n            <PropertyMap baseRichText={baseRichText} baseImage={baseImage} propertyItems={propertyItems} />\n            {footerGallery && footerGallery.length > 0 &&\n                <FooterGallery gallery={footerGallery} />\n            }\n        </Layout>\n    )\n}\n\nexport default PropertyPage\n\nexport const PropertyQuery = graphql`\n    query propertyQuery {\n        wpPage(title: { eq: \"Property\" }) {\n            property_page {\n                baseRichText\n                baseImage {\n                    sourceUrl\n                }\n                footerGallery {\n                    sourceUrl\n                }\n                propertyItems {\n                    description\n                    image {\n                        sourceUrl\n                    }\n                    mapImage {\n                        sourceUrl\n                    }\n                    name\n                    learnMoreLink\n                }\n            }\n        }\n    }\n`\n"],"sourceRoot":""}