{"version":3,"sources":["webpack:///./Scripts/Components/ContentOverlay.js","webpack:///./Scripts/Containers/ContentOverlay.container.js"],"names":["ContentOverlay","React","createElement","className","ContentOverlayContainer","_Component","props","_callSuper","_inherits","key","value","contentOverlay","this","header","document","getElementById","style","backgroundColor","classList","add","remove","Fragment","Component","connect","state","showOverlay","dispatch","toggleOverlay","closeOverlay"],"mappings":"sFAEuB,SAERA,IAFK,OAASC,IAAAC,cAAA,OAAKC,UAAU,iBAAiB,CAAM,CAAC,C,q7CCM9DC,GAAuBC,IACzB,SAAAD,EAAYE,G,GAAO,gBAAAF,EAAA,OAAAG,EAAA,KAAAH,EAAA,CACTE,EAAK,E,wDACf,CAACE,I,IAAAJ,E,4GAAA,O,6JAAAA,G,EAAA,EAAAK,IAAA,SAAAC,MAED,WAAS,IACGC,EAAmBC,KAAKN,MAAxBK,eACFE,EAASC,SAASC,eAAe,QAAQ,EAc/C,OAZIJ,GAA6B,OAAXE,GAClBA,EAAOG,MAAMC,gBAZH,yBAaVJ,EAAOK,UAAUC,IAAI,gBAAgB,GAItB,OAAXN,IACAA,EAAOG,MAAMC,gBAnBR,yBAoBLJ,EAAOK,UAAUE,OAAO,gBAAgB,GAK5CP,GACAZ,IAAAC,cAACmB,WAAQ,KACJV,GAAkBV,IAAAC,cAACF,EAAmBY,KAAKN,KAAQ,CAC9C,CAElB,CAAC,K,+EAAA,GA3BiCgB,WAAS,EA4ChCC,sBAdS,SAACC,GAErB,MAAO,CACHb,eAFuBa,EAAnBb,eAE2Bc,WACnC,CACJ,EAE2B,SAAAC,GACvB,MAAO,CACHC,cAAe,WAAF,OAAQD,EAASC,YAAc,CAAC,CAAC,EAC9CC,aAAc,WAAF,OAAQF,EAASE,YAAa,CAAC,CAAC,CAChD,CACJ,CAE0D,EAAExB,CAAwB,C","file":"17.js","sourcesContent":["import React from 'react';\r\n\r\nconst ContentOverlay = () => <div className=\"content-overlay\"></div>;\r\n\r\nexport default ContentOverlay;","import React, { Fragment, Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport ContentOverlay from '../Components/ContentOverlay';\r\nimport { toggleOverlay, closeOverlay } from '../Actions/ContentOverlay.action';\r\n\r\nconst headerNormal = 'rgba(215, 208, 192, 1)';\r\nconst headerOverlay = 'rgba(133, 128, 119, 1)';\r\n\r\nclass ContentOverlayContainer extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n    }\r\n\r\n    render() {\r\n        const { contentOverlay } = this.props;\r\n        const header = document.getElementById('header');\r\n\r\n        if (contentOverlay && header !== null) {\r\n            header.style.backgroundColor = headerOverlay;\r\n            header.classList.add('opacity-header');\r\n        }\r\n\r\n        else {\r\n            if (header !== null) {\r\n                header.style.backgroundColor = headerNormal;\r\n                header.classList.remove('opacity-header');\r\n            }\r\n        }\r\n\r\n        return (\r\n            header &&\r\n            <Fragment>\r\n                {contentOverlay && <ContentOverlay {...this.props} />}\r\n            </Fragment>\r\n        )\r\n    }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n    const { contentOverlay } = state;\r\n    return {\r\n        contentOverlay: contentOverlay.showOverlay\r\n    }\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n    return {\r\n        toggleOverlay: () => dispatch(toggleOverlay()),\r\n        closeOverlay: () => dispatch(closeOverlay()),\r\n    }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ContentOverlayContainer);"],"sourceRoot":""}