{"version":3,"sources":["webpack:///./src/images/icon_top_poj.gif","webpack:///./src/style/weatherStyle.js","webpack:///./src/images/icon_down_poj.gif","webpack:///./src/components/sideBar.js"],"names":["module","exports","WeatherStyle","css","Icondown","Icontop","Pierhead","Proudman","Airport","Buoy","images","require","SideBar","props","fetchUrl","setFetchUrl","useState","urlString","hideOnMobile","useMediaQuery","data","setData","isError","setIsError","weatherIcon","setWeatherIcon","Class","FullWidth","useEffect","async","result","axios","process","error","console","log","fetchData","___EmotionJSX","React","Fragment","sidebarStyle","id","className","onSubmit","event","preventDefault","window","location","href","htmlFor","name","type","style","height","marginRight","onChange","target","value","alt","Link","to","Arrived","Departed","title","dangerouslySetInnerHTML","__html","nextTide","futureTide","weatherDate","src","weatherMaxTemp","Mail2U"],"mappings":"6EAAAA,EAAOC,QAAU,kuB,kCCAjB,gLAQO,MAAMC,EAAeC,YAAG,6qEAgMOC,IAAQ,qVA4BVC,IAAO,w2CAoIhBC,IAAQ,gEAIRC,IAAQ,+DAIRC,IAAO,4DAIPC,IAAI,4wD,mBCpX/BT,EAAOC,QAAU,0tB,kCCAjB,0GAOA,MAAMS,EAASC,UA4IAC,IA1IEC,IACf,MAAM,EAACC,EAAS,EAACC,GAAeC,mBAAS,IACnCC,EAAa,cAAaH,EAC1BI,EAAeC,YAAc,sBAC7B,EAACC,EAAK,EAACC,GAAWL,mBAAS,KAE3B,EAACM,EAAQ,EAACC,GAAcP,oBAAS,IACjC,EAACQ,EAAY,EAACC,GAAkBT,mBAASN,EAAO,gBAQtD,IAAIgB,EAAM,8BAqBV,OApBIb,EAAMc,YACRD,EAAM,sBAERE,oBAAU,KACUC,WAChBN,GAAW,GAEX,IACE,MAAMO,QAAeC,IAAMC,0DAC3BX,EAAQS,EAAOV,MACfK,EAAef,EAAO,KAAKoB,EAAOV,KAAKI,cACvC,MAAOS,GACPV,GAAW,GACXW,QAAQC,IAAIF,KAIdG,IACF,IAEEd,EAAgBe,YAAA,WAAKA,YAAA,SAAG,kCAE1BA,YAACC,IAAMC,SAAQ,KACXF,YAAA,OAAKlC,IAAKqC,IAAcC,GAAG,UAAUC,UAAWhB,GAEhDW,YAAA,OAAKI,GAAG,SACNJ,YAAA,OAAKI,GAAG,UACRJ,YAAA,QAAMM,SAjCQC,IACpBA,EAAMC,iBACNC,OAAOC,SAASC,KAAK/B,IAgCboB,YAAA,SAAOY,QAAQ,aAAYZ,YAAA,MAAII,GAAG,eAAc,qBAChDJ,YAAA,SACEa,KAAK,YACLC,KAAK,OACLV,GAAG,YACHC,UAAU,SACVU,MAAO,CAAEC,OAAQ,OAAQC,YAAY,OACrCC,SAAWX,GAAU7B,EAAY6B,EAAMY,OAAOC,SAEhDpB,YAAA,SACEc,KAAK,SACLT,UAAU,eACVe,MAAM,GACNC,IAAI,aAKRrB,YAAA,OAAKI,GAAG,YACNJ,YAAA,UACEA,YAACsB,OAAI,CACHC,GAAG,uCACJ,0BAIHvB,YAAA,UACEA,YAAA,MAAIK,UAAU,UACZL,YAAA,cAAQ,WACRA,YAAA,WACCjB,EAAKyC,SAERxB,YAAA,MAAIK,UAAU,UACZL,YAAA,cAAQ,YACRA,YAAA,WACCjB,EAAK0C,YAKZzB,YAAA,OAAKI,GAAG,SACNJ,YAAA,UACEA,YAAA,KAAGW,KAAK,SAASe,MAAM,sBAAqB,uBAI9C1B,YAAA,UACEA,YAAA,MAAI2B,wBAAyB,CAAEC,OAAO7C,EAAK8C,YAC3C7B,YAAA,MAAI2B,wBAAyB,CAAEC,OAAO7C,EAAK+C,gBAW/C9B,YAAA,OAAKI,GAAG,WACNJ,YAAA,UACEA,YAACsB,OAAI,CACHC,GAAG,WACHG,MAAM,uCACP,eACa1B,YAAA,YAAM,eAGtBA,YAAA,SACEA,YAAA,cAASjB,EAAKgD,cAGhB/B,YAAA,OAAKK,UAAU,SACbL,YAACsB,OAAI,CACHC,GAAG,WACHG,MAAM,uCAEN1B,YAAA,OAAKgC,IAAK7C,EAAakC,IAAI,MAE7BrB,YAAA,SAAG,MAEDA,YAAA,WACAA,YAAA,QAAMK,UAAU,eAAetB,EAAKkD,eAAe,SAKxDpD,GAAgBmB,YAACkC,IAAM","file":"ff5508d8bf894362eb3ef3ca22f43628d93d271c-54ead4026d8c1dbbb494.js","sourcesContent":["module.exports = \"data:image/gif;base64,R0lGODlhFgAWANU/AFmtulKptt7u8mq1wSyXp3y/yb3e5O/19srk6obDzZXK0xKJnDWbq4nEzqLR2Pb7+57P1rHY35PJ0sTh5m21wYzGz3O6xYLBy/n8/PD4+arT3P///wmFmAF/kyOSowByiRuOoGGxvQBlfT6fr0eksuLv9GSyvne7xnC4w0KhsLjc4TB3jS+XqKHO116uu7bb4J/By7jb4tXo7hBvhW64w5/Q15fM1FCNn5jM1IrDzjCNn3+zv9rt8ABXcqzW3P///yH5BAEAAD8ALAAAAAAWABYAAAb/wJ9wiOEZIrVaxMDDDJ9EBMTmM1gNPhsE4YT+Mg5JjFcqm3kxiSMDzVQkCBlCo0gkFJo4QlJhCx8KDQYTDgWGh4YOEwYNCg9CKicaERUWlhY2NpcWFREaJyo/DxYJLRcDqAMOGxsOqQMXLQkWDxMmFTkhuiEQrKwQuyE5FSYTxAUDAMo4vr44ygADBbcoLhQB2BLNzRLYARQuKCQBACQkF9vbF+YAASQjKSkjIzQQEC/NL/Y08/EjAAwCCmQwoNmAgQIB0CDAsCGBEM1COGxIw4eHixg9AGgGICNGHxkIgBhJMkCzACRJEmDTYIHLlyzs2GHx8mWDIQw46NzJsycHMwZPBCzoQLSoUaMLBEARoOOD06dQnepQ6uXAjhkismrNOmOHFygHYNxY0aPHihswDngJAgA7\"","import { css } from \"@emotion/core\"\nimport Airport from \"../images/weather/airport.gif\"\nimport Buoy from \"../images/weather/buoy.gif\"\nimport Pierhead from \"../images/weather/pierhead.gif\"\nimport Proudman from \"../images/weather/proudman.gif\"\nimport Icondown from \"../images/icon_down_poj.gif\"\nimport Icontop from \"../images/icon_top_poj.gif\"\n\nexport const WeatherStyle = css`\n#WeatherContent{\n .heightinFt {\n font-size: 13px;\n float: right;\n }\n\n table.weather {\n padding: 0;\n width: 100%;\n border: none;\n border-collapse: collapse;\n th {\n text-align: left;\n border-bottom: 1px dashed #9abdcb;\n padding: 0.6em 0 0.3em 0;\n }\n td.min,\n table.weather td.max {\n font-size: 2.5em;\n font-weight: bold;\n }\n td.max {\n color: #f90;\n }\n td.min {\n color: #09c;\n }\n tr.obs td {\n font-size: 1.5em;\n font-weight: bold;\n }\n }\n\n table.forecast {\n width: 100%;\n background: #eee;\n border: 1px solid #aaa;\n border-collapse: collapse;\n float: left;\n th {\n text-align: left;\n padding: 1em 1em 1em 13px;\n vertical-align: top;\n border: 0px;\n text-transform: uppercase;\n font-size: 0.8em;\n letter-spacing: 1px;\n font-weight: normal;\n color: #555;\n }\n td {\n padding: 0.75em 13px;\n vertical-align: middle;\n strong {\n display: inline;\n float: none;\n }\n img {\n display: inline;\n float: none;\n vertical-align: middle;\n }\n }\n tr.now td {\n background: #555;\n color: #fff;\n }\n tr.heading th {\n border: none;\n background: #fff;\n padding-left: 0;\n h3 {\n text-transform: none;\n letter-spacing: 0;\n font-size: 1.4em;\n }\n }\n tr td.nobr {\n white-space: nowrap;\n color: #444;\n }\n }\n\n table.forecast tr.heading td {\n background: #fff;\n padding: 0;\n margin: 0;\n border: 0;\n }\n\n table.forecast.cells {\n border: 0px solid #aaa;\n float: left;\n td,\n th {\n border: 1px solid #aaa;\n vertical-align: top;\n }\n }\n\n .middle,\n table.forecast .middle td {\n vertical-align: middle;\n }\n\n table.fiveday {\n border-collapse: separate;\n }\n\n table.forecastleft {\n width: 48%;\n background: #eee;\n border: 1px solid #aaa;\n border-collapse: collapse;\n margin-bottom: 10px;\n float: left;\n }\n\n table.forecastright {\n width: 50%;\n background: #eee;\n border: 1px solid #aaa;\n border-collapse: collapse;\n float: left;\n }\n\n table.forecast2Col {\n th {\n text-align: left;\n padding: 1em 1em 1em 13px;\n vertical-align: top;\n border: 0px;\n text-transform: uppercase;\n font-size: 0.8em;\n letter-spacing: 1px;\n font-weight: normal;\n color: #555;\n }\n td {\n padding: 0 5px 0 10px;\n vertical-align: middle;\n height: 50px;\n strong {\n display: inline;\n float: none;\n }\n img {\n display: inline;\n float: none;\n vertical-align: middle;\n }\n }\n tr.now td {\n background: #555;\n color: #fff;\n }\n tr.heading th {\n border: none;\n h3 {\n text-transform: none;\n letter-spacing: 0;\n font-size: 1.4em;\n }\n }\n }\n\n table.tidegate {\n border-collapse: collapse;\n padding: 0;\n margin: 0;\n td {\n border: 0 !important;\n padding: 5px 0;\n }\n }\n\n #nav {\n float: left;\n width:100%;\n ul li {\n padding: 0;\n margin: 0.2em 0;\n display: inline-block;\n a {\n display: block;\n width: auto;\n float: left;\n padding: 0.5em 0 0.5em 2.2em;\n margin: 0 1.5em 0 0;\n font-size: 1em;\n line-height: 1em;\n background: transparent url(${Icondown}) no-repeat;\n }\n }\n }\n\n #nav ul,\n ul.top {\n float: left;\n list-style: none;\n padding: 0;\n margin: 0; \n }\n\n ul.top li {\n padding: 0;\n margin: 0.2em 0;\n display: block;\n float: left;\n a {\n color: #555 !important;\n text-decoration: underline !important;\n display: block;\n width: 100%;\n float: left;\n padding: 0.5em 0 0.5em 2.2em;\n margin: 0 1.5em 0 0;\n font-size: 1em;\n line-height: 1em;\n background: transparent url(${Icontop}) no-repeat;\n }\n }\n\n #ChartDemo {\n float: left;\n }\n\n .headleft {\n width: 300px;\n float: left;\n }\n\n .heightinFt {\n float: right;\n height: 30px;\n width: 300px;\n text-align: right;\n }\n\n .line {\n border-top: 1px dashed #9abdcb;\n height: 8px;\n width: 100%;\n float: left;\n }\n\n /*DashBoard*/\n\n input.width40 {\n width: 4em;\n }\n input.width180 {\n width: 18em;\n }\n input.width160 {\n width: 16em;\n }\n input.button.heavy {\n font-size: 1.6em;\n font-weight: bold;\n }\n\n .left {\n float: left;\n padding-left: 5px;\n color: #555555;\n }\n\n .right {\n float: right;\n }\n\n .rightPad {\n padding-right: 10px;\n }\n\n .sea {\n color: #66adcb;\n }\n\n .tidegateleft {\n padding-left: 30px;\n }\n\n .toggleheight {\n background: none;\n color: inherit;\n border: none;\n padding: 0;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n text-decoration: underline;\n }\n\n .dashboard {\n display: block;\n float: left;\n background: #eee;\n border-top: 1px solid #fff;\n border-right: 1px solid #aaa;\n border-bottom: 1px solid #aaa;\n border-left: 1px solid #fff;\n border-collapse: collapse;\n padding: 0.8em;\n margin: 0;\n margin-right: 0em;\n min-height: 150px;\n height: 95px;\n overflow: hidden;\n text-decoration: none;\n h1 {\n white-space: nowrap;\n padding-right: 30px;\n }\n p {\n line-height: 1.2em;\n }\n h1,\n dt,\n th {\n font-weight: normal;\n font-size: 0.8em;\n letter-spacing: 1px;\n text-transform: uppercase;\n margin: 5px 0 12px 0;\n border: none;\n color: #555;\n }\n }\n\n .dashboardLink {\n text-decoration: none;\n color: #004469;\n }\n\n a .dashboard {\n text-decoration: none;\n &:focus,\n &:hover {\n background-color: #ddd;\n border: 1px solid rgba(0, 0, 0, 0);\n outline: 3px solid #66adcb;\n position: relative;\n top: 0;\n left: 0;\n z-index: 10;\n }\n }\n\n .dashboard.pierhead {\n background: #eee url(${Pierhead}) 96% 6px no-repeat;\n }\n\n .dashboard.proudman {\n background: #eee url(${Proudman}) 96% 6px no-repeat;\n }\n\n .dashboard.airport {\n background: #eee url(${Airport}) 96% 6px no-repeat;\n }\n\n .dashboard.buoy {\n background: #eee url(${Buoy}) 96% 6px no-repeat;\n }\n\n .dashboard small,\n .dashboard p {\n font-size: 1em;\n display: block;\n }\n\n .dashboard.weather,\n .dashboard.wind {\n width: 30%;\n }\n\n .dashboard.swell {\n width: 25%;\n }\n .dashboard.pressure {\n width: 15%;\n }\n\n .dashboard.nexttides {\n width: 50%;\n }\n\n .dashboard.tides,\n .dashboard.sea {\n width: 20%;\n }\n\n .weatherContainer{\n padding-top:15px;\n }\n @media (max-width:800px)\n {\n .dashboard.weather,\n .dashboard.wind {\n width: 60%;\n }\n \n .dashboard.swell {\n width: 25%;\n }\n .dashboard.pressure {\n width: 15%;\n }\n \n .dashboard.nexttides {\n width: 100%;\n }\n \n .dashboard.tides,\n .dashboard.sea {\n width: 40%;\n }\n\n }\n\n .largeText {\n color: #444;\n font-size: 1.8em;\n white-space: nowrap;\n border-top: 10px;\n }\n\n .icon {\n display: block;\n float: left;\n width: 4em;\n height: 4em;\n overflow: hidden;\n float: left;\n margin: 0 0.5em 0 0;\n }\n\n .icon.small {\n width: 2.25em;\n height: 2.25em;\n }\n\n .icon.source {\n float: left;\n width: auto;\n height: auto;\n }\n\n tr.quarter td {\n width: 25%;\n }\n\n .tidechart {\n width: 100%;\n }\n\n /* tidal calculator styles*/\n \n .tidalcalc h2 {\n font-size: 13px !important;\n color: #000 !important;\n }\n\n .tidalcalc.tcleft,\n .tidalcalc.tcright {\n display: inline-block;\n width: 48%;\n vertical-align: top;\n padding: 10px;\n }\n\n .marinagate {\n background: #eee;\n border: 1px solid #aaa;\n }\n\n #TideGate_btnAddBoat {\n vertical-align:middle;\n margin-left:3px;\n }\n \n .centeredbutton {\n vertical-align:middle;\n }\n\n .inputspacing {\n margin-left:3px;\n }\n\n #LocationError {\n padding-top:10px;\n color:red;\n }\n\n @media (max-width: 680px) {\n .tidalcalc.tcleft,\n .tidalcalc.tcright {\n width: 100%;\n }\n }\n\n @media (max-width: 620px) {\n .dashboard.nexttides {\n width: 100%;\n }\n .dashboard.weather,\n .dashboard.wind,\n .dashboard.swell,\n .dashboard.pressure,\n .dashboard.tides,\n .dashboard.sea {\n width: 50%;\n }\n }\n\n @media (min-width: 636px) {\n .heightinFt {\n padding-top: 35px;\n }\n }\n\n @media (max-width: 730px) {\n .largeText {\n font-size: 18px;\n }\n }\n\n @media (max-width: 860px) {\n table.forecastright,\n table.forecastleft {\n float: none;\n width: 100%;\n }\n }\n\n @media (max-width: 868px) and (min-width: 820px) {\n .heightinFt {\n padding-top: 0px;\n }\n }\n\n @media (max-width: 920px) and (min-width: 820px) {\n .largeText {\n font-size: 18px;\n }\n }\n}\n`\n","module.exports = \"data:image/gif;base64,R0lGODlhFgAWANUAAP///0ekshKKnFSqtwKAlAqFmDWbq2m1wd/t71qturvc4y2XpwB0iiSSpKLR2HK6xXu+yK3V3RuOoABnfz6gr32+yYPBzJ3O1uHu9OLx89Ln7WGxvZ7Q15PJ0kqls222wsHf5orFzpXL09rt8E+ottTq7QBZc+v192Wyv8Lh5fL4+XW6xbDX3kGhr47G0M/h5e73+GCZqRB9kcbi6M3l6xmNnkCOoJfL1KjU26/V2ymVpSBvhZHI0ZfM1Ha7xmGvvSH5BAAAAAAALAAAAAAWABYAAAb/QIBweErhOEgOLnUaOocqloijmGk0MwVHxFI9haPODYQpm8u0W2f0HFkuNA3IEbLYL6Crw8IWwiw8IAo8EIWGhS4KICIWMEIiEBERFQ+VlpcVESwVIgAZByEXEAcHDhojEQ+kqz4XPAcZFyguFhsbKU4ZH7YdKxsVLgcXHwcVKAkOXxkoPQAWCb8fHyQ/0yQJKDheREIQJCQHKCQBAwkB5+cJfU4r5wMDARQtLRT19h7rQh/18xQG/wADunhyIKCBAAsSKkwI4cuGhQF8NJhIsUGCLwASVPRRQoLHjxJ0vBv5TgfIEgBICFjJsqVLliSEZKhRoKbNmzgL1MgwhAWBK59AgwolwOJJDhkMkipdmlRGDowIbEyYSrWqDQQYh7yIscOEVxM7Yrz4EgQAOw==\"","import React, { useState, useEffect} from 'react';\nimport axios from 'axios';\nimport { sidebarStyle } from '../style/sideBarStyle';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport Mail2U from '../components/mail2U';\nimport { Link } from \"gatsby\"\n\nconst images = require.context('../images/weather', true);\n\nconst SideBar = (props) => {\n const [fetchUrl, setFetchUrl] = useState(\"\")\n const urlString = `/results?q=${fetchUrl}`\n const hideOnMobile = useMediaQuery('(min-width:821px)');\n const [data, setData] = useState([]);\n //const [isLoading, setIsLoading] = useState(false);\n const [isError, setIsError] = useState(false);\n const [weatherIcon, setWeatherIcon] = useState(images(\"./blank.gif\"));\n\n \n const handleSubmit = (event) => {\n event.preventDefault();\n window.location.href=urlString;\n }\n\n let Class=\"col-6-12 indexrightsidefont\";\n if (props.FullWidth)\n Class=\"indexrightsidefont\"\n\n useEffect(() => {\n const fetchData = async () => {\n setIsError(false)\n // setIsLoading(true)\n try {\n const result = await axios(process.env.GATSBY_SIDEBAR_API)\n setData(result.data)\n setWeatherIcon(images('./'+result.data.weatherIcon));\n } catch (error) {\n setIsError(true)\n console.log(error);\n }\n // setIsLoading(false)\n }\n fetchData();\n },[])\n\n if (isError) return