\n {button}\n
\n );\n}\n\n\n\nexport default Button;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"button\":\"Button__styles__button__3ZwEv\",\"social\":\"Button__styles__social__18J-6\"};","/**\n*\n* ButtonWithSocialLinks\n*\n*/\n\nimport React from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport { pathnamePatternMatch } from 'utils/pathnameChecker';\nimport { FaEnvelope, FaFacebook, FaTwitter } from 'react-icons/lib/fa';\nimport classNames from 'classnames';\n\nimport styles from './styles.css';\n\n// import {\n// selectLocationState,\n// } from 'containers/App/selectors';\n\n// import {\n// selectHighlightsUserReportCreator,\n// } from 'containers/PackagePage/selectors';\n\nimport Button from '../Button';\n\nclass ButtonWithSocialLinks extends React.Component { // eslint-disable-line react/prefer-stateless-function\n trackSocialShare = (socialPlatform) => {\n // TODO : replace this with proper kissmetrics implementation\n const properties = {\n 'Social Platform': socialPlatform,\n };\n };\n\n render() {\n const { user } = this.props;\n\n let fbshareUrl = `https://www.facebook.com/sharer/sharer.php?u=${window.location.host}${window.location.pathname}`;\n let twshareUrl = `https://twitter.com/home?status=Check%20out%20%40HoodQReports%20for%20this%20listing!%20${window.location.host}${window.location.pathname}`;\n\n const currentLocationPathname = window.location.pathname;\n const viewingHighlights = pathnamePatternMatch('highlights', currentLocationPathname);\n const viewingConsumerHigh = pathnamePatternMatch('consumer', currentLocationPathname);\n\n // TODO : remove duplication from PackagePage/sagas\n const freemiumAgentEmails = [\n 'testhoodq+colorado@hoodq.com',\n 'best@test.com', // TEMP\n ];\n const freemiumConsumerEmails = [\n 'testhoodq+colorado+consumer@hoodq.com',\n ];\n\n const shareConsumerLink = user && (freemiumAgentEmails.includes(user.email) || freemiumConsumerEmails.includes(user.email));\n\n if (shareConsumerLink && viewingHighlights && !viewingConsumerHigh) {\n fbshareUrl = `${fbshareUrl}/consumer`;\n twshareUrl = `${twshareUrl}/consumer`;\n }\n\n let socialButtons = (\n \n \n
\n );\n\n if (this.props.displaySocialButtons) {\n socialButtons = (\n \n );\n }\n\n return (\n \n \n {socialButtons}\n
\n );\n }\n}\n\n// const mapStateToProps = createStructuredSelector({\n// currentLocation: selectLocationState(),\n// user: selectHighlightsUserReportCreator(),\n// });\n\nexport default ButtonWithSocialLinks;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"buttonWithSocialLinks\":\"ButtonWithSocialLinks__styles__buttonWithSocialLinks__1qi8w\",\"shareIconsWrapper\":\"ButtonWithSocialLinks__styles__shareIconsWrapper__1mTSr\",\"socialBtn\":\"ButtonWithSocialLinks__styles__socialBtn__3OP0j\",\"socialBtnEmail\":\"ButtonWithSocialLinks__styles__socialBtnEmail__2k2JS\",\"socialBtnFB\":\"ButtonWithSocialLinks__styles__socialBtnFB__2JB4t\",\"socialBtnTwitter\":\"ButtonWithSocialLinks__styles__socialBtnTwitter__3sGv2\",\"hiddenLongShare\":\"ButtonWithSocialLinks__styles__hiddenLongShare__2kxBX\",\"hiddenShare\":\"ButtonWithSocialLinks__styles__hiddenShare__3GBjN\"};","import React from 'react';\nimport classNames from 'classnames';\nimport request from 'utils/request';\n\nfunction fetchAccountDetails(authToken) {\n return request(`https://platform.hoodq.com/me.json?auth_token=${authToken}`)\n .then(payload => payload.data.user);\n}\n\nfunction fetchDomainList(authToken) {\n return request(`https://platform.hoodq.com/domains.json?auth_token=${authToken}`)\n .then(payload => payload.data.domains);\n}\n\nfunction addDomain(uri, authToken) {\n return fetch(`https://platform.hoodq.com/domains.json?domain=${uri}&auth_token=${authToken}`, {\n method: 'POST'\n });\n}\n\nfunction deleteDomain(domainId, authToken) {\n return fetch(`https://platform.hoodq.com/domains/${domainId}.json?auth_token=${authToken}`, {\n method: 'DELETE'\n });\n}\n\n\nclass Index extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n domains: [],\n user: {},\n address: '',\n error: null\n };\n }\n\n componentDidMount() {\n const { currentUser } = this.props;\n\n fetchAccountDetails(currentUser).then(user => {\n this.setState({ user });\n this.refreshDomainList();\n });\n\n }\n\n refreshDomainList = () => {\n const { currentUser } = this.props;\n fetchDomainList(currentUser).then(domains => {\n this.setState({ domains, address: domains.length > 0 ? '' : this.state.user.website });\n });\n }\n\n handleConnectClick = () => {\n const { address } = this.state;\n const { currentUser } = this.props;\n\n this.setState({ error: null });\n\n addDomain(address, currentUser)\n .then(response => {\n if (response.ok) {\n this.refreshDomainList();\n this.setState({ address: '' });\n } else {\n response.json().then(payload => {\n if (payload.error === \"ActiveRecord::RecordInvalid\") {\n if (payload.message.match(/has already been taken/)) {\n this.setState({ error: \"You've already added this website to your list. Please note that you don't need to enter every listing page. You only need to enter the home page of your website.\" });\n } else if (payload.message.match(/invalid format/)) {\n this.setState({ error: `${address} is not a valid website URL. Please enter a valid URL. For example: mywebsite.com`});\n } else {\n this.setState({ error: \"Something went wrong! Please try again in a few minutes.\"});\n }\n } else {\n this.setState({ error: \"Something went wrong! Please try again in a few minutes.\"});\n }\n });\n }\n });\n }\n\n handleDeleteClick = (id) => {\n const { currentUser } = this.props;\n\n return () => {\n const domain = this.state.domains.find(domain => domain.id === id);\n\n if (window.confirm(`NOTE: This will only remove Address Reports from the widget on ${domain.domain}!\\nIt will not remove the widget completely.\\nIf you wish to remove the widget from ${domain.domain}, please contact your website provider.\\n\\nDo you wish to remove Address Reports from ${domain.domain}?`)) {\n deleteDomain(id, currentUser).then(this.refreshDomainList);\n }\n }\n }\n\n handleAddressChange = (ev) => {\n this.setState({ address: ev.target.value, error: null });\n }\n\n render() {\n const { domains, address, user } = this.state;\n\n return (\n \n
\n );\n }\n}\n\nexport default Index;","/**\n*\n* HoodQlogo\n*\n*/\n\nimport React from 'react';\n\nfunction HoodQlogo(props) {\n return (\n \n
\n NEW!
\n\n Automatically connect Address Reports to the Neighbourhood Highlights Widget\n on your website.\n
\nNOTE: If you don't have the Neighbourhood Highlights widget installed on your website yet, get details here.
\n { domains && domains.length == 0\n ? (user.website\n ?Simply click \"Connect\" to connect Address Reports to the Neighbourhood Highlights Widget on {user.website}!
\n :Simply enter your website address below, then click \"Connect\".
\n )\n :Have more than one website? Enter another website address in the text box, then click \"Connect\".
\n }\n\n \n
\n \n
\n \n \n \n {this.state.error && {this.state.error}}\n
\n \n \n
\n { domains && domains.length > 0 &&\n \n
\n }\n Your connected websites:
\n- \n {domains.map(domain => (\n
- \n \n\n{domain.domain} ×\n {domain.deleteRequested &&\n\n NOTE: This will only remove Address Reports from your widget. It will not remove the widget completely.\n }\n
\n If you wish to remove the widget from your website, please contact your website provider.
\n Are you sure you wish to continue?\n \n \n \n ))}\n
\n
\n \n );\n },\n\n AboutLink(props) {\n return (\n About HoodQ\n );\n },\n\n FooterLogo(props) {\n // return (\n // \n
\n );\n }\n}","import React from 'react';\nimport NavLink from '../NavLink';\n\n// import AddressSearchWrapper from 'components/_shared/_addresses/AddressSearchWrapper';\nimport ContactUs from '../items/ContactUs';\n// import { displayReportLoader, hideLoader, displayFlashMessage } from 'containers/App/actions';\n// import { createReport } from 'containers/HomePage/index';\n// import { packageError } from 'containers/PackagePage/actions';\n// import { createStructuredSelector } from 'reselect';\n// import { selectCurrentUser } from 'containers/App/selectors';\n// import { selectAddressSearchEditMode } from 'containers/PackagePage/selectors';\n\nfunction AuthenticatedNav(props) {\n function generatePackage(address) {\n const { currentUser } = props;\n\n // dispatch(displayReportLoader());\n\n // createReport(address, currentUser).then(report => {\n // dispatch(push(`/package/${report.id}/highlights`));\n // dispatch(hideLoader());\n // }).catch(() => {\n // dispatch(displayFlashMessage('error', 'errorFlashMessage', true));\n // dispatch(packageError(response.err ? response.err.response || 'Undefined Error' : 'Unknown error'));\n // dispatch(hideLoader());\n // });\n }\n\n return (\n \n {HoodQ.FooterLogo()}\n
\n \n 
\n
\n - \n {props.hideSearch ? null :
- \n
\n }\n\n {props.isInSearchEditMode && My Account \n
}\n {!props.isInSearchEditMode && React.Children.toArray(props.children)}\n\n
\n
\n//
\n\n// \n//
\n\n// \n//
\n// \n// \n//
\n// \n \n \n {branding.MobileLogo()}\n \n \n \n \n \n
\n )\n}\n\n// const mapStateToProps = createStructuredSelector({\n// modalVisible: selectModalVisibility(),\n// modalType: selectModalType(),\n// currentUser: selectCurrentUser(),\n// displayScores: selectSearchOptions()\n// });\n\nexport default Navigation;","// extracted by mini-css-extract-plugin\nmodule.exports = {\"navigation\":\"Navigation__styles__navigation__3e1w_\",\"activeLink\":\"Navigation__styles__activeLink__lcgFS\"};","import React from 'react';\n\nimport NavLink from './NavLink';\nimport Button from 'components/Button';\nimport ButtonWithSocialLinks from 'components/ButtonWithSocialLinks';\n\nimport Browser from 'utils/browserType';\n\nclass ReportNav extends React.Component {\n onPrintClicked = () => {\n if (Browser.Firefox === true) {\n window.print();\n } else {\n try {\n window.document.execCommand('print', false, null);\n } catch (e) {\n window.print();\n }\n }\n }\n\n onShareClicked = () => {\n // TODO: handle this.\n // const { dispatch } = this.props;\n // dispatch(displayModal('share'));\n }\n\n onEnableScoresClicked = () => {\n // TODO: handle this.\n // const { dispatch } = this.props;\n // dispatch(setScoresSearchOption(true));\n }\n\n onDisableScoresClicked = () => {\n // TODO: handle this.\n // const { dispatch } = this.props;\n // dispatch(setScoresSearchOption(false));\n }\n\n render() {\n return (\n \n {props.hideLogo ? null : branding.DesktopLogo()}\n
\n {/* {props.modalVisible && props.modalType === 'share' ? - \n
\n {this.props.packageContents.includes('address') && \n One-Page Address Report \n Detailed Address Report \n {this.props.currentUser && this.props.reportType == 'detailed' && \n )\n }\n {this.props.packageContents.includes('school') &&\n One-Page School Report
\n {window.innerWidth > 430 && }\n\n \n {this.props.currentUser && \n Website Buttons \n }\n
\n
\n );\n }\n}\n\n// const mapStateToProps = createStructuredSelector({\n// currentUser: selectCurrentUser(),\n// scoresEnabled: selectSearchOptions()\n// });\n\nexport default ReportNav;","// /**\n// *\n// * ShareModal\n// *\n// */\n\n// import React from 'react';\n// import ReactTooltip from 'react-tooltip';\n// import { FormattedMessage } from 'react-intl';\n\n// import messages from './messages';\n// import styles from './styles.css';\n\n// import Modal from '../Modal';\n// import SVGIcon from 'components/reports/SVGIcon';\n// // \n// class ShareModal extends React.Component { // eslint-disable-line react/prefer-stateless-function\n// constructor(props) {\n// super(props);\n// this.state = {\n// message: 'tooltip',\n// };\n// }\n\n// setTooltipCopied() {\n// this.setState({ message: 'copied' });\n// }\n\n// copyToClipboard(str) {\n// const el = document.createElement('textarea');\n\n// el.value = str;\n// document.body.appendChild(el);\n// el.select();\n\n// document.execCommand('copy');\n// document.body.removeChild(el);\n\n// this.setTooltipCopied();\n// }\n\n// render() {\n// const { address, packageURL } = this.props;\n\n// const tooltip = (\n// \n \n\n \n
}\n \n {window.innerWidth > 430 && }\n
\n
\n//
\n\n// \n//
\n//
\n// \n// \n// {packageURL}\n// \n//
\n// \n// \n// {tooltip}\n//
\n// - \n {React.Children.toArray(props.children)}\n\n
- {props.branding.AboutLink()} \n
\n
\n ) : null;\n\n if (place.place_category_key !== 'schools' && place.place_category_key !== 'school-attendance-zones') {\n icon = place.place_category_key ? (\n \n
\n ) : icon;\n }\n\n let name = place.name;\n // TODO : review this logic according to backend\n if (place.count && place.iconType && !place.name) {\n // TODO : check if this particular condition makes sense\n name = (\n \n {textHelpers.pluralize(place.count, place.iconType)}\n
\n );\n } else if (place.count && place.name && dataSetType === 'convenience') {\n const topBrandName = _.max(Object.keys(place.brands), (i) => { return i.count; });\n const topBrandCount = place.brands[topBrandName].count;\n const otherBrandsCount = place.count - topBrandCount;\n const complimentaryText = `and ${textHelpers.pluralize(otherBrandsCount, `other ${place.name}`).toLowerCase()}`;\n name = (\n \n {topBrandCount} {topBrandName} {otherBrandsCount > 0 ? complimentaryText : ''}\n
\n );\n } else if (place.count && place.name) {\n name = (\n \n {textHelpers.pluralize(place.count, place.name)}\n
\n );\n } else if ((place.iconType || place.place_category_key) && !place.count) {\n name = (\n \n {place.name}\n
\n );\n }\n\n const placeContent = (\n \n
\n );\n\n subSetPlaces.push(placeContent);\n });\n }\n\n return (\n \n
\n \n {score}\n
\n {icon}\n \n {name}\n
\n \n {subSetTitle}\n
\n );\n}\n\n\n\nexport default DataSubSet;\n","/*\n * DataSubSet Messages\n *\n * This contains all the text for the DataSubSet component.\n */\nimport { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n public: {\n id: 'app.components.DataSubSet.public',\n defaultMessage: 'Public',\n },\n catholic: {\n id: 'app.components.DataSubSet.catholic',\n defaultMessage: 'Catholic',\n },\n private: {\n id: 'app.components.DataSubSet.private',\n defaultMessage: 'Private',\n },\n catholicPrivate: {\n id: 'app.components.DataSubSet.catholicPrivate',\n defaultMessage: 'Catholic & Private',\n },\n});\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"scoreIcon\":\"DataSubSet__styles__scoreIcon__eUN1P\",\"icon\":\"DataSubSet__styles__icon__2JKBu\",\"expandedFacility\":\"DataSubSet__styles__expandedFacility__2jB2x\",\"iconContainer\":\"DataSubSet__styles__iconContainer__zPZQE\",\"nameContainer\":\"DataSubSet__styles__nameContainer__1NCcz\",\"allLowercase\":\"DataSubSet__styles__allLowercase__3Ujdr\",\"allCaps\":\"DataSubSet__styles__allCaps__1njAJ\"};","/* eslint no-multi-spaces: \"off\" */\n/* eslint react/jsx-equals-spacing: \"off\" */\n\n/**\n*\n* ConvenienceReport\n*\n*/\n\nimport React from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport classNames from 'classnames';\n\nimport messages from './messages';\nimport styles from './styles.css';\n\nimport DetailedPlaceBlock from '../DetailedPlaceBlock';\nimport SVGIcon from '../../../SVGIcon';\n\nfunction ConvenienceReport(props) {\n // TODO : consider dynamic descriptions for this section\n const { convenience, locale, score } = props; // paragraph\n\n let convenienceContent = [];\n\n Object.keys(convenience).forEach((index) => {\n const item = convenience[index];\n\n convenienceContent.push(\n \n {subSetPlaces}\n
\n \n
\n );\n }\n\n return (\n \n
\n \n {score}\n
\n \n
\n \n {score}\n
\n \n
\n );\n}\n\n\n\nexport default ConvenienceReport;\n","/*\n * ConvenienceReport Messages\n *\n * This contains all the text for the ConvenienceReport component.\n */\nimport { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n header: {\n id: 'app.components.ConvenienceReport.header',\n defaultMessage: 'Convenience',\n },\n description: {\n id: 'app.components.ConvenienceReport.description',\n defaultMessage: 'Being close to things you need every day makes life so much easier. See the conveniently located retailers near you below:',\n },\n});\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"convenienceReport\":\"ConvenienceReport__styles__convenienceReport__3y94q\",\"icon\":\"ConvenienceReport__styles__icon__330nK\",\"iconXS\":\"ConvenienceReport__styles__iconXS__1dTmB\",\"score\":\"ConvenienceReport__styles__score__1TDuu\",\"titleParagraph\":\"ConvenienceReport__styles__titleParagraph__wyRo6\"};","/* eslint no-multi-spaces: \"off\" */\n\n/**\n*\n* DataSetImage\n*\n*/\n\nimport React from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport classNames from 'classnames';\n\nimport messages from './messages';\nimport styles from './styles.css';\n\nimport SVGIcon from '../../../SVGIcon';\n\nimport convenienceImg from 'assets/reports/detailed/quad_convenience.jpg';\nimport elementaryImg from 'assets/reports/detailed/quad_elementary.jpg';\nimport highImg from 'assets/reports/detailed/quad_high.jpg';\nimport parksImg from 'assets/reports/detailed/quad_parks.jpg';\nimport safetyImg from 'assets/reports/detailed/quad_safety.jpg';\nimport transitImg from 'assets/reports/detailed/quad_transit.jpg';\n\n\nconst IMAGE_DATATYPE_MAP = {\n convenience: convenienceImg,\n elementary: elementaryImg,\n high: highImg,\n parks: parksImg,\n safety: safetyImg,\n transit: transitImg,\n}\n\nfunction DataSetImage(props) {\n const { dataSetType, score } = props;\n\n let iconsDisplay = null;\n\n switch (dataSetType) {\n case 'elementary':\n iconsDisplay = \n {scoreDisplay}\n
\n \n
\n {convenienceContent}\n \n Convenience\n
\nBeing close to things you need every day makes life so much easier. See the conveniently located retailers near you below:
\n\n
\n );\n }\n\n return (\n \n {score}\n
\n \n 
\n
\n );\n}\n\n\n\nexport default DataSetImage;\n","/*\n * DataSetImage Messages\n *\n * This contains all the text for the DataSetImage component.\n */\nimport { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n elementary: {\n id: 'app.components.DataSetImage.elementary',\n defaultMessage: 'Elementary Schools',\n },\n transit: {\n id: 'app.components.DataSetImage.transit',\n defaultMessage: 'Transit',\n },\n safety: {\n id: 'app.components.DataSetImage.safety',\n defaultMessage: 'Safety',\n },\n high: {\n id: 'app.components.DataSetImage.high',\n defaultMessage: 'High Schools',\n },\n parks: {\n id: 'app.components.DataSetImage.parks',\n defaultMessage: 'Parks',\n },\n convenience: {\n id: 'app.components.DataSetImage.convenience',\n defaultMessage: 'Convenience',\n },\n});\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"dataSetImage\":\"DataSetImage__styles__dataSetImage__1oy4P\",\"nameAndIcon\":\"DataSetImage__styles__nameAndIcon__1FZyw\",\"iconsDisplay\":\"DataSetImage__styles__iconsDisplay__3aJE4\",\"scoreIcon\":\"DataSetImage__styles__scoreIcon__14AmI\"};","/* eslint no-multi-spaces: \"off\" */\n\n/**\n*\n* DataSetsGallery\n*\n*/\n\nimport React from 'react';\n// import { FormattedMessage } from 'react-intl';\nimport classNames from 'classnames';\n\n// import messages from './messages';\nimport styles from './styles.css';\n\nimport DataSetImage from '../DataSetImage';\n\nfunction DataSetsGallery(props) {\n // NOTE : availableDatasets is expected to have the keys: elementary, transit, safety, high, parks & convenience\n const { scores, availableDatasets } = props;\n\n const [\n elementary,\n transit,\n safety,\n high,\n parks,\n convenience,\n ] = Object.keys(availableDatasets).map(key => {\n if (availableDatasets[key]) {\n return (\n \n
\n {scoreDisplay}\n {iconsDisplay}
\n \n
\n );\n}\n\n\n\nexport default DataSetsGallery;\n","/*\n * DataSetsGallery Messages\n *\n * This contains all the text for the DataSetsGallery component.\n */\nimport { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n header: {\n id: 'app.components.DataSetsGallery.header',\n defaultMessage: 'Data Sets Gallery',\n },\n});\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"dataSetsGallery\":\"DataSetsGallery__styles__dataSetsGallery__3OkEh\",\"dataSetsRow\":\"DataSetsGallery__styles__dataSetsRow__ydV0m\"};","/**\n*\n* DetailedInfoTable\n*\n*/\n\nimport React from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport { pathnamePatternMatch } from 'utils/pathnameChecker';\n\nimport messages from './messages';\nimport styles from './styles.css';\n\nimport textHelpers from 'utils/textHelpers';\n\nfunction DetailedInfoTable(props) {\n const { info } = props;\n\n const allowedKeys = {\n type: 'Type',\n county: 'County',\n // status: 'Status', // NOTE : no longer necessary\n address: 'Address',\n language: 'Language',\n affiliation: 'Affiliation',\n dateOpened: 'Date Opened',\n gradeLevel: 'Grade Level',\n orientation: 'Orientation',\n facilityID: 'Facility ID',\n schoolCode: 'School Code',\n schoolType: 'School Type',\n contact: 'Contact',\n contactName: 'Contact Name',\n ownership: 'Ownership',\n faxNumber: 'Fax Number',\n phoneNumber: 'Phone Number',\n emailAddress: 'Email Address',\n // ratingTrend: 'Rating Trend',\n schoolBoard: 'School Board',\n schoolNumber: 'School Number',\n gradesOffered: 'Grades Offered',\n ncesSchoolID: 'NCES School ID',\n schoolDistrict: 'School District',\n schoolAuthority: 'School Authority',\n // mostRecentRank: 'Most Recent Rank',\n additionalDetails: 'Additional Details',\n greatSchoolsRating: 'GreatSchools Rating',\n // mostRecentRating: 'Most Recent Rating',\n schoolBoardNumber: 'School Board Number',\n schoolDistrictNumber: 'School District Number',\n schoolAuthorityNumber: 'School Authority Number',\n emergencyServicesProvided: 'Emergency Services Provided',\n greatSchoolsSchoolDetailsWebpage: 'GreatSchools School Details Webpage',\n districtDescription: 'District Description',\n // fiveYearsRank: 'Rank in the Most Recent Five Years',\n // fraserInstituteWebpage: 'Fraser Institute School Details Webpage',\n // fiveYearsAverageRating: 'Rating Average in the Most Recent Five Years',\n };\n\n let infoTable = [];\n let infoContent = [];\n\n Object.keys(allowedKeys).forEach((key) => {\n const allowedValue = allowedKeys[key]; // TODO : reconsider this logic\n const infoValue = info[key] || info[allowedValue];\n\n if ((!Array.isArray(infoValue) && infoValue) || (Array.isArray(infoValue) && infoValue.length > 0)) {\n // TODO : set infoValueIsURL dynamically\n const infoValueIsURL = pathnamePatternMatch('externalLink', infoValue);\n let infoValueContent = infoValue;\n\n if (infoValueIsURL) {\n const infoDisplayValue = textHelpers.shortenUrl(infoValue);\n // infoValueContent = {infoValue};\n infoValueContent = {infoDisplayValue};\n }\n\n if (Array.isArray(infoValue)) {\n if (key === 'gradesOffered') {\n infoValueContent = textHelpers.gradesToString(infoValue);\n } else {\n infoValueContent = textHelpers.toSentence(infoValue);\n }\n }\n\n infoTable.push(\n \n {topRowStyling}\n {elementary}\n {transit}\n {safety}\n
\n \n {bottomRowStyling}\n {high}\n {parks}\n {convenience}\n
\n \n
\n );\n }\n });\n\n return (\n \n
\n {infoValueContent}\n \n \n \n {infoTable}\n \n
\n
\n );\n}\n\n\n\nexport default DetailedInfoTable;\n","/*\n * DetailedInfoTable Messages\n *\n * This contains all the text for the DetailedInfoTable component.\n */\nimport { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n address: {\n id: 'app.components.DetailedInfoTable.address',\n defaultMessage: 'Address',\n },\n language: {\n id: 'app.components.DetailedInfoTable.language',\n defaultMessage: 'Language',\n },\n dateOpened: {\n id: 'app.components.DetailedInfoTable.dateOpened',\n defaultMessage: 'Date Opened',\n },\n gradeLevel: {\n id: 'app.components.DetailedInfoTable.gradeLevel',\n defaultMessage: 'Grade Level',\n },\n orientation: {\n id: 'app.components.DetailedInfoTable.orientation',\n defaultMessage: 'Orientation',\n },\n schoolCode: {\n id: 'app.components.DetailedInfoTable.schoolCode',\n defaultMessage: 'School Code',\n },\n schoolType: {\n id: 'app.components.DetailedInfoTable.schoolType',\n defaultMessage: 'School Type',\n },\n contactName: {\n id: 'app.components.DetailedInfoTable.contactName',\n defaultMessage: 'Contact Name',\n },\n phoneNumber: {\n id: 'app.components.DetailedInfoTable.phoneNumber',\n defaultMessage: 'Phone Number',\n },\n ratingTrend: {\n id: 'app.components.DetailedInfoTable.ratingTrend',\n defaultMessage: 'Rating Trend',\n },\n schoolBoard: {\n id: 'app.components.DetailedInfoTable.schoolBoard',\n defaultMessage: 'School Board',\n },\n schoolNumber: {\n id: 'app.components.DetailedInfoTable.schoolNumber',\n defaultMessage: 'School Number',\n },\n gradesOffered: {\n id: 'app.components.DetailedInfoTable.gradesOffered',\n defaultMessage: 'Grades Offered',\n },\n mostRecentRank: {\n id: 'app.components.DetailedInfoTable.mostRecentRank',\n defaultMessage: 'Most Recent Rank',\n },\n additionalDetails: {\n id: 'app.components.DetailedInfoTable.additionalDetails',\n defaultMessage: 'Additional Details',\n },\n mostRecentRating: {\n id: 'app.components.DetailedInfoTable.mostRecentRating',\n defaultMessage: 'Most Recent Rating',\n },\n schoolBoardNumber: {\n id: 'app.components.DetailedInfoTable.schoolBoardNumber',\n defaultMessage: 'School Board Number',\n },\n districtDescription: {\n id: 'app.components.DetailedInfoTable.districtDescription',\n defaultMessage: 'District Description',\n },\n fiveYearsRank: {\n id: 'app.components.DetailedInfoTable.fiveYearsRank',\n defaultMessage: 'Rank in the Most Recent Five Years',\n },\n fraserInstituteWebpage: {\n id: 'app.components.DetailedInfoTable.fraserInstituteWebpage',\n defaultMessage: 'Fraser Institute School Details Webpage',\n },\n fiveYearsAverageRating: {\n id: 'app.components.DetailedInfoTable.fiveYearsAverageRating',\n defaultMessage: 'Rating Average in the Most Recent Five Years',\n },\n contact: {\n id: 'app.components.DetailedInfoTable.contact',\n defaultMessage: 'Contact',\n },\n ownership: {\n id: 'app.components.DetailedInfoTable.ownership',\n defaultMessage: 'Ownership',\n },\n faxNumber: {\n id: 'app.components.DetailedInfoTable.faxNumber',\n defaultMessage: 'Fax Number',\n },\n emergencyServicesProvided: {\n id: 'app.components.DetailedInfoTable.emergencyServicesProvided',\n defaultMessage: 'Emergency Services Provided',\n },\n type: {\n id: 'app.components.DetailedInfoTable.type',\n defaultMessage: 'Type',\n },\n county: {\n id: 'app.components.DetailedInfoTable.county',\n defaultMessage: 'County',\n },\n affiliation: {\n id: 'app.components.DetailedInfoTable.affiliation',\n defaultMessage: 'Affiliation',\n },\n ncesSchoolID: {\n id: 'app.components.DetailedInfoTable.ncesSchoolID',\n defaultMessage: 'NCES School ID',\n },\n schoolDistrict: {\n id: 'app.components.DetailedInfoTable.schoolDistrict',\n defaultMessage: 'School District',\n },\n schoolAuthority: {\n id: 'app.components.DetailedInfoTable.schoolAuthority',\n defaultMessage: 'School Authority',\n },\n greatSchoolsRating: {\n id: 'app.components.DetailedInfoTable.greatSchoolsRating',\n defaultMessage: 'GreatSchools Rating',\n },\n schoolDistrictNumber: {\n id: 'app.components.DetailedInfoTable.schoolDistrictNumber',\n defaultMessage: 'School District Number',\n },\n schoolAuthorityNumber: {\n id: 'app.components.DetailedInfoTable.schoolAuthorityNumber',\n defaultMessage: 'School Authority Number',\n },\n greatSchoolsSchoolDetailsWebpage: {\n id: 'app.components.DetailedInfoTable.greatSchoolsSchoolDetailsWebpage',\n defaultMessage: 'GreatSchools School Details Webpage',\n },\n status: {\n id: 'app.components.DetailedInfoTable.status',\n defaultMessage: 'Status',\n },\n facilityID: {\n id: 'app.components.DetailedInfoTable.facilityID',\n defaultMessage: 'Facility ID',\n },\n emailAddress: {\n id: 'app.components.DetailedInfoTable.emailAddress',\n defaultMessage: 'Email Address',\n },\n});\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"detailedInfoTable\":\"DetailedInfoTable__styles__detailedInfoTable__3olj8\",\"tableRow\":\"DetailedInfoTable__styles__tableRow__1rc1u\",\"tableKey\":\"DetailedInfoTable__styles__tableKey__2Y5Bt\",\"tableValue\":\"DetailedInfoTable__styles__tableValue__bNwIf\",\"contentKey\":\"DetailedInfoTable__styles__contentKey__FowFB\"};","/**\n*\n* DetailedMap\n*\n*/\n\nimport React from 'react';\n// import { FormattedMessage } from 'react-intl';\nimport { withGoogleMap, GoogleMap, Marker, Polygon } from 'react-google-maps';\n// import update from 'immutability-helper';\n\n// import messages from './messages';\nimport styles from './styles.css';\n\nimport MapLegend from '../MapLegend';\n\nclass DetailedMap extends React.Component { // eslint-disable-line react/prefer-stateless-function\n render() {\n const SimpleMapExampleGoogleMap = withGoogleMap((props) => (\n \n {infoContent}\n
\n \n
\n );\n }\n}\n\n\n\nexport default DetailedMap;\n","/*\n * DetailedMap Messages\n *\n * This contains all the text for the DetailedMap component.\n */\nimport { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n header: {\n id: 'app.components.DetailedMap.header',\n defaultMessage: 'Detailed Map Header',\n },\n});\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"detailedMap\":\"DetailedMap__styles__detailedMap__2k3cn\",\"mapElement\":\"DetailedMap__styles__mapElement__4TSXu\",\"containerElement\":\"DetailedMap__styles__containerElement__2URJT\"};","/**\n*\n* DetailedPlaceBlock\n*\n*/\n\nimport React from 'react';\n// import classNames from 'classnames';\n// import { FormattedMessage } from 'react-intl';\n\n// import messages from './messages';\nimport styles from './styles.css';\n\nimport SVGIcon from '../../../SVGIcon';\nimport TimeLengthDistance from '../TimeLengthDistance';\nimport DetailedInfoTable from '../DetailedInfoTable';\n\nimport textHelpers from 'utils/textHelpers';\n\nconst TWENTY_MIN_WALK = 1.5;\n\nfunction DetailedPlaceBlock(props) {\n const { icon, name, description, distance, hideWalkingPerson, address, paragraph, facilities, info, url, locale } = props;\n\n let distanceContent = null;\n if (distance) {\n if (distance <= TWENTY_MIN_WALK && !hideWalkingPerson) {\n distanceContent = (\n \n
\n );\n } else {\n distanceContent = (\n \n
\n );\n }\n }\n\n const numberedFacilities = {};\n let facilitiesContent = '';\n\n if (facilities) {\n Object.keys(facilities).forEach((facility) => {\n if (numberedFacilities[facility]) {\n numberedFacilities[facility] += facilities[facility].count;\n } else {\n numberedFacilities[facility] = facilities[facility].count;\n }\n });\n\n // TODO : consider writing a helper for\n // pluralization + turn into sentence\n Object.keys(numberedFacilities).forEach((facility, index) => {\n if (Object.keys(numberedFacilities).length === 1) {\n facilitiesContent += textHelpers.pluralize(numberedFacilities[facility], facility);\n } else if (Object.keys(numberedFacilities).length === index + 1) {\n facilitiesContent += `and ${textHelpers.pluralize(numberedFacilities[facility], facility)}`;\n } else {\n facilitiesContent += `${textHelpers.pluralize(numberedFacilities[facility], facility)}, `;\n }\n });\n }\n\n let descriptionContent = null;\n if (description) {\n descriptionContent = ({description}
);\n }\n\n let infoContent = null;\n if (info) {\n infoContent = (\n\n
\n {textHelpers.shortenUrl(url)}\n
\n );\n }\n\n return (\n\n
\n );\n}\n\n\n\nexport default DetailedPlaceBlock;\n","/*\n * DetailedPlaceBlock Messages\n *\n * This contains all the text for the DetailedPlaceBlock component.\n */\nimport { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n header: {\n id: 'app.components.DetailedPlaceBlock.header',\n defaultMessage: 'This is the DetailedPlaceBlock component !',\n },\n});\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"detailedPlaceBlock\":\"DetailedPlaceBlock__styles__detailedPlaceBlock__390Db\",\"icon\":\"DetailedPlaceBlock__styles__icon__2F-ne\",\"distance\":\"DetailedPlaceBlock__styles__distance__1FJ33\"};","/**\n*\n* DetailedSchoolBlock\n*\n*/\n\nimport React from 'react';\nimport classNames from 'classnames';\n\nimport styles from './styles.css';\n\nimport TimeLengthDistance from '../TimeLengthDistance';\nimport DetailedInfoTable from '../DetailedInfoTable';\nimport SVGIcon from '../../../SVGIcon';\n\nimport textHelpers from 'utils/textHelpers';\n\nconst TWENTY_MIN_WALK = 1.5;\n\nfunction DetailedSchoolBlock(params) {\n const { name, distance, grades, address, paragraph, url, info, locale, score } = params;\n\n let scoreDisplay = null;\n if (score) {\n if (locale === 'en-CA') {\n const fraserScore = (\n \n
\n {name}
\n {descriptionContent}\n {distanceContent}\n{address}
\n{paragraph}
\n{facilitiesContent}
\n {infoContent}\n{urlAnchor}
\n\n \n {score}\n \n
\n );\n\n scoreDisplay = (\n \n
\n );\n } else if (locale === 'en-US') {\n let iconStyle = styles.highScore;\n if (score > 0 && score <= 3) {\n iconStyle = styles.lowScore;\n } else if (score > 3 && score <= 7) {\n iconStyle = styles.mediumScore;\n }\n\n const greatSchoolsScore = (\n \n
\n \n
\n \n \n {score}\n \n
\n );\n\n scoreDisplay = (\n \n out of 10\n
\n\n
\n );\n }\n }\n\n let gradesOffered = null;\n if (grades) {\n gradesOffered = (\n \n
\n \n
\n \n
\n );\n }\n\n let detailedInfoTable = null;\n if (info) {\n detailedInfoTable = (\n {textHelpers.toSentence(grades)}
\n\n
\n
\n
\n {scoreDisplay}\n
\n );\n}\n\n\n\nexport default DetailedSchoolBlock;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"detailedSchoolBlock\":\"DetailedSchoolBlock__styles__detailedSchoolBlock__mNVoA\",\"gradesOffered\":\"DetailedSchoolBlock__styles__gradesOffered__32j5j\",\"fraserInstitute\":\"DetailedSchoolBlock__styles__fraserInstitute__1m9pU\",\"greatSchools\":\"DetailedSchoolBlock__styles__greatSchools__2LbAd\",\"lowScore\":\"DetailedSchoolBlock__styles__lowScore__3fS_S\",\"mediumScore\":\"DetailedSchoolBlock__styles__mediumScore__2NxXc\",\"highScore\":\"DetailedSchoolBlock__styles__highScore__-y_TQ\",\"icon\":\"DetailedSchoolBlock__styles__icon__18tSg\",\"iconXS\":\"DetailedSchoolBlock__styles__iconXS__3ZB5s\"};","/* eslint no-multi-spaces: \"off\" */\n/* eslint react/jsx-equals-spacing: \"off\" */\n\n/**\n*\n* GenericSchoolsBlock\n*\n*/\n\nimport React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport messages from './messages';\nimport styles from './styles.css';\n\nimport DetailedSchoolBlock from '../DetailedSchoolBlock';\n\nfunction GenericSchoolsBlock(props) {\n const { schoolsType, schools, locale, displayScores, assignedSchoolsCount } = props;\n\n let schoolsHeader = null;\n let schoolsParagraph = null;\n let schoolsContent = [];\n\n switch (schoolsType) {\n case 'private':\n schoolsHeader = messages.privateSchoolsHeader;\n schoolsParagraph = messages.privateSchoolsParagraph;\n break;\n case 'catholicAssigned':\n schoolsHeader = messages.catholicAssignedSchoolsHeader;\n schoolsParagraph = locale === 'en-CA' ? messages.catholicSchoolsParagraphCA : messages.catholicSchoolsParagraph;\n break;\n case 'catholicUnassigned':\n schoolsHeader = messages.catholicUnassignedSchoolsHeader;\n schoolsParagraph = locale === 'en-CA' ? messages.catholicSchoolsParagraphCA : messages.catholicSchoolsParagraph;\n break;\n case 'assigned':\n schoolsHeader = messages.assignedSchoolsHeader;\n // TODO : add US paragraphs (currently only CA)\n schoolsParagraph = locale === 'en-CA' ? messages.publicSchoolsParagraphCA : messages.publicSchoolsParagraph;\n break;\n case 'unassigned':\n schoolsHeader = messages.unassignedSchoolsHeader;\n if (assignedSchoolsCount === 0) {\n schoolsParagraph = locale === 'en-CA' ? messages.publicSchoolsParagraphCA : messages.publicSchoolsParagraph;\n }\n break;\n case 'public':\n default:\n schoolsHeader = messages.publicSchoolsHeader;\n // TODO : add US paragraphs (currently only CA)\n schoolsParagraph = locale === 'en-CA' ? messages.publicSchoolsParagraphCA : messages.publicSchoolsParagraph;\n }\n\n Object.keys(schools).forEach((index) => {\n const item = schools[index];\n let score = null;\n if (displayScores) {\n if (item.features['SchoolQ Score']) {\n // NOTE : Asumes locale === 'en-CA'\n score = item.features['SchoolQ Score'];\n } else if (item.features['GreatSchools Rating']) {\n // NOTE : Asumes locale === 'en-US'\n score = item.features['GreatSchools Rating'];\n }\n }\n\n if (schoolsType === 'private') {\n schoolsContent.push(\n {name}
\n {distanceContent}\n {gradesOffered}\n{address}
\n{paragraph}
\n{urlAnchor}
\n {detailedInfoTable}\n\n
\n {schoolsParagraphContent}\n {schoolsContent}\n
\n );\n}\n\n\n\nexport default GenericSchoolsBlock;\n","/*\n * GenericSchoolsBlock Messages\n *\n * This contains all the text for the GenericSchoolsBlock component.\n */\nimport { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n publicSchoolsHeader: {\n id: 'app.components.GenericSchoolsBlock.publicSchoolsHeader',\n defaultMessage: 'Public Schools',\n },\n assignedSchoolsHeader: {\n id: 'app.components.GenericSchoolsBlock.assignedSchoolsHeader',\n defaultMessage: 'Public Schools (Assigned)',\n },\n unassignedSchoolsHeader: {\n id: 'app.components.GenericSchoolsBlock.unassignedSchoolsHeader',\n defaultMessage: 'Public Schools (Nearby)',\n },\n publicSchoolsParagraph: {\n id: 'app.components.GenericSchoolsBlock.publicSchoolsParagraph',\n defaultMessage: 'Your neighborhood is part of a community of Public Schools offering Elementary, Middle, and High School programming. See the closest Public Schools near you below:',\n },\n publicSchoolsParagraphCA: {\n id: 'app.components.GenericSchoolsBlock.publicSchoolsParagraphCA',\n defaultMessage: 'Your neighbourhood is part of a community of Public Schools offering Elementary, Middle, and High School programming. See the closest Public Schools near you below:',\n },\n // catholicSchoolsHeader: {\n // id: 'app.components.GenericSchoolsBlock.catholicSchoolsHeader',\n // defaultMessage: 'Catholic Schools',\n // },\n catholicAssignedSchoolsHeader: {\n id: 'app.components.GenericSchoolsBlock.catholicAssignedSchoolsHeader',\n defaultMessage: 'Catholic Schools (Assigned)',\n },\n catholicUnassignedSchoolsHeader: {\n id: 'app.components.GenericSchoolsBlock.catholicUnassignedSchoolsHeader',\n defaultMessage: 'Catholic Schools (Nearby)',\n },\n catholicSchoolsParagraph: {\n id: 'app.components.GenericSchoolsBlock.catholicSchoolsParagraph',\n defaultMessage: 'Your neighborhood is part of a community of Catholic Schools offering Elementary, Middle, and High School programming. See the closest Catholic Schools near you below:',\n },\n catholicSchoolsParagraphCA: {\n id: 'app.components.GenericSchoolsBlock.catholicSchoolsParagraphCA',\n defaultMessage: 'Your neighbourhood is part of a community of Catholic Schools offering Elementary, Middle, and High School programming. See the closest Catholic Schools near you below:',\n },\n privateSchoolsHeader: {\n id: 'app.components.GenericSchoolsBlock.privateSchoolsHeader',\n defaultMessage: 'Private Schools',\n },\n privateSchoolsParagraph: {\n id: 'app.components.GenericSchoolsBlock.privateSchoolsParagraph',\n defaultMessage: 'See a list of the closest private schools near you:',\n },\n});\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"genericSchoolsBlock\":\"GenericSchoolsBlock__styles__genericSchoolsBlock__1Srhf\"};","/* eslint arrow-body-style: \"off\" */\n\n/**\n*\n* MapLegend\n*\n*/\n\nimport React from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport classNames from 'classnames';\n\nimport messages from './messages';\nimport styles from './styles.css';\n\nimport elementaryLegend from 'assets/reports/detailed/legend-elementary.png';\nimport middleLegend from 'assets/reports/detailed/legend-middle.png';\nimport highLegend from 'assets/reports/detailed/legend-high.png';\nimport transitLegend from 'assets/reports/detailed/legend-transit.png';\nimport safetyLegend from 'assets/reports/detailed/legend-safety.png';\nimport convenienceLegend from 'assets/reports/detailed/legend-convenience.png';\nimport elementaryAttendanceLegend from 'assets/reports/detailed/legend-elementary-attendance.png';\nimport middleAttendanceLegend from 'assets/reports/detailed/legend-middle-attendance.png';\nimport highAttendanceLegend from 'assets/reports/detailed/legend-high-attendance.png';\nimport parksLegend from 'assets/reports/detailed/legend-parks.png';\n\n\nfunction MapLegend() {\n const topRowLegend = [\n {\n styles: 'col-xs-6 col-md-2 col-md-offset-1',\n src: elementaryLegend,\n alt: 'Elementary',\n message: messages.elementary,\n },\n {\n styles: 'col-xs-6 col-md-2',\n src: middleLegend,\n alt: 'Middle',\n message: messages.middle,\n },\n {\n styles: 'col-xs-6 col-md-2',\n src: highLegend,\n alt: 'High',\n message: messages.high,\n },\n {\n styles: 'col-xs-6 col-md-2',\n src: transitLegend,\n alt: 'Transit',\n message: messages.transit,\n },\n {\n styles: 'col-xs-6 col-md-2',\n src: safetyLegend,\n alt: 'Safety',\n message: messages.safety,\n },\n ];\n\n const bottomRowLegend = [\n {\n styles: 'col-xs-6 col-md-2 col-md-offset-1',\n src: elementaryAttendanceLegend,\n alt: 'Elementary Attendance Zone',\n message: messages.elementaryZone,\n },\n {\n styles: 'col-xs-6 col-md-2',\n src: middleAttendanceLegend,\n alt: 'Middle Attendance Zone',\n message: messages.middleZone,\n },\n {\n styles: 'col-xs-6 col-md-2',\n src: highAttendanceLegend,\n alt: 'High Attendance Zone',\n message: messages.highZone,\n },\n {\n styles: 'col-xs-6 col-md-2',\n src: parksLegend,\n alt: 'Parks',\n message: messages.parks,\n },\n ];\n\n const [\n topRowLegendContent,\n bottomRowLegendContent,\n ] = [\n topRowLegend,\n bottomRowLegend,\n ].map((rowLegend) => {\n return rowLegend.map((item) => (\n \n 
\n
\n ));\n });\n\n return (\n \n
\n );\n}\n\nexport default MapLegend;\n","/*\n * MapLegend Messages\n *\n * This contains all the text for the MapLegend component.\n */\nimport { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n elementary: {\n id: 'app.components.MapLegend.elementary',\n defaultMessage: 'Elementary Schools',\n },\n middle: {\n id: 'app.components.MapLegend.middle',\n defaultMessage: 'Middle Schools',\n },\n high: {\n id: 'app.components.MapLegend.high',\n defaultMessage: 'High Schools',\n },\n parks: {\n id: 'app.components.MapLegend.parks',\n defaultMessage: 'Parks',\n },\n transit: {\n id: 'app.components.MapLegend.transit',\n defaultMessage: 'Transit',\n },\n safety: {\n id: 'app.components.MapLegend.safety',\n defaultMessage: 'Safety',\n },\n convenience: {\n id: 'app.components.MapLegend.convenience',\n defaultMessage: 'Convenience',\n },\n elementaryZone: {\n id: 'app.components.MapLegend.elementaryZone',\n defaultMessage: 'Elementary Attendance Zone',\n },\n middleZone: {\n id: 'app.components.MapLegend.middleZone',\n defaultMessage: 'Middle Attendance Zone',\n },\n highZone: {\n id: 'app.components.MapLegend.highZone',\n defaultMessage: 'High Attendance Zone',\n },\n});\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"mapLegend\":\"MapLegend__styles__mapLegend__1dqcH\",\"mapLegendRow\":\"MapLegend__styles__mapLegendRow__A86L4\",\"bottomLegendRow\":\"MapLegend__styles__bottomLegendRow__N_diQ\",\"mapLegendBlock\":\"MapLegend__styles__mapLegendBlock__2aoaI\"};","/* eslint no-multi-spaces: \"off\" */\n/* eslint react/jsx-equals-spacing: \"off\" */\n\n/**\n*\n* ParksReport\n*\n*/\n\nimport React from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport classNames from 'classnames';\n\nimport messages from './messages';\nimport styles from './styles.css';\n\nimport DetailedPlaceBlock from '../DetailedPlaceBlock';\nimport SVGIcon from '../../../SVGIcon';\n\nconst MAX_PARKS_NUMBER = 5;\n\nfunction ParksReport(props) {\n // TODO : consider dynamic descriptions for this section\n const { parks, locale, score } = props; // paragraph,\n\n let parksContent = [];\n let parksNumber = MAX_PARKS_NUMBER;\n\n if (Object.keys(parks).length < MAX_PARKS_NUMBER) {\n parksNumber = Object.keys(parks).length;\n }\n\n // NOTE : only display first 5 results or less\n // TODO : check if needs to be sorted in any specific way\n for (let index = 0; index < parksNumber; index++) {\n const item = parks[index];\n\n // TODO : add features missing\n // through item.features...\n parksContent.push(\n \n {topRowLegendContent}\n
\n \n {bottomRowLegendContent}\n
\n \n
\n );\n }\n\n const paragraph = locale === 'en-CA' ? (\n \n
\n \n {score}\n
\n \n
\n \n {score}\n
\n \n
\n );\n}\n\n\n\nexport default ParksReport;\n","/*\n * ParksReport Messages\n *\n * This contains all the text for the ParksReport component.\n */\nimport { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n headerParks: {\n id: 'app.components.ParksReport.headerParks',\n defaultMessage: 'Parks',\n },\n description: {\n id: 'app.components.ParksReport.description',\n defaultMessage: 'Whether you want to sit at a park bench with a good book or use one of the special facilities offered, you\\'ll be happy to know that your neighborhood is close to many wonderful recreational opportunities. See Parks and Recreation facilities near you below:',\n },\n descriptionCA: {\n id: 'app.components.ParksReport.descriptionCA',\n defaultMessage: 'Whether you want to sit at a park bench with a good book or use one of the special facilities offered, you\\'ll be happy to know that your neighbourhood is close to many wonderful recreational opportunities. See Parks and Recreation facilities near you below:',\n },\n headerRec: {\n id: 'app.components.ParksReport.headerRec',\n defaultMessage: ' & Rec.',\n },\n});\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"parksReport\":\"ParksReport__styles__parksReport__13F2E\",\"andRec\":\"ParksReport__styles__andRec__28uJY\",\"icon\":\"ParksReport__styles__icon__H8FJ_\",\"iconXS\":\"ParksReport__styles__iconXS__3RFNV\",\"score\":\"ParksReport__styles__score__M1sCe\",\"titleParagraph\":\"ParksReport__styles__titleParagraph__1uZ1R\"};","/* eslint no-multi-spaces: \"off\" */\n/* eslint react/jsx-equals-spacing: \"off\" */\n/* eslint no-param-reassign: [\"error\", { \"props\": false }] */\n\n/**\n*\n* SafetyReport\n*\n*/\n\nimport React from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport classNames from 'classnames';\n\nimport messages from './messages';\nimport styles from './styles.css';\n\nimport DetailedPlaceBlock from '../DetailedPlaceBlock';\nimport SVGIcon from '../../../SVGIcon';\n\nfunction SafetyReport(props) {\n // TODO : consider dynamic descriptions for this section\n const { safety, locale, score } = props; // paragraph,\n\n // NOTE : comes filtered from DataSetReport component\n const filteredSafety = Object.keys(safety).map((key) => safety[key]);\n const safetyContent = [];\n\n filteredSafety.forEach((item) => {\n let relevantFeatures = [];\n let itemName = '';\n\n switch (item.place_category_key) {\n case 'fire-stations':\n relevantFeatures = ['Address'];\n itemName = (\n \n {scoreDisplay}\n
\n \n \n
\n
\n {parksContent}\n \n
\n {paragraph}
\n\n
\n );\n }\n\n const paragraph = locale === 'en-CA' ? (\n \n
\n \n {score}\n
\n \n
\n \n {score}\n
\n \n
\n );\n}\n\n\n\nexport default SafetyReport;\n","/*\n * SafetyReport Messages\n *\n * This contains all the text for the SafetyReport component.\n */\nimport { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n header: {\n id: 'app.components.SafetyReport.header',\n defaultMessage: 'Safety',\n },\n description: {\n id: 'app.components.SafetyReport.description',\n defaultMessage: 'Every second matters in an emergency, and your neighborhood is part of a dedicated safety system of emergency agencies including Fire Stations, Police Stations, and Hospitals. See the closest facilities near you below:',\n },\n descriptionCA: {\n id: 'app.components.SafetyReport.descriptionCA',\n defaultMessage: 'Every second matters in an emergency, and your neighbourhood is part of a dedicated safety system of emergency agencies including Fire Stations, Police Stations, and Hospitals. See the closest facilities near you below:',\n },\n nearestPlace: {\n id: 'app.components.SafetyReport.nearestPlace',\n defaultMessage: 'The nearest {place} is {name}',\n },\n});\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"safetyReport\":\"SafetyReport__styles__safetyReport__PIsn_\",\"icon\":\"SafetyReport__styles__icon__1eVCR\",\"iconXS\":\"SafetyReport__styles__iconXS__1NOgl\",\"score\":\"SafetyReport__styles__score__31PPt\",\"titleParagraph\":\"SafetyReport__styles__titleParagraph__3Qm-G\"};","/* eslint no-multi-spaces: \"off\" */\n/* eslint react/jsx-equals-spacing: \"off\" */\n\n/**\n*\n* SchoolsReport\n*\n*/\n\nimport React from 'react';\nimport classNames from 'classnames';\n\nimport styles from './styles.css';\n\nimport GenericSchoolsBlock from '../GenericSchoolsBlock';\n\nfunction SchoolsReport(props) {\n const { assignedSchoolsContent, unassignedSchoolsContent, catholicAssignedSchoolsContent, catholicUnassignedSchoolsContent, privateSchoolsContent, locale, displayScores } = props;\n const assignedSchoolsCount = {\n assigned: Object.keys(assignedSchoolsContent).length,\n catholicAssigned: Object.keys(catholicAssignedSchoolsContent).length,\n };\n\n const schoolsTypes = {\n // public: publicSchoolsContent,\n assigned: assignedSchoolsContent,\n unassigned: unassignedSchoolsContent,\n catholicAssigned: catholicAssignedSchoolsContent,\n catholicUnassigned: catholicUnassignedSchoolsContent,\n private: privateSchoolsContent,\n };\n\n let schoolsBlocks = [];\n\n Object.keys(schoolsTypes).forEach((schoolsType) => {\n const schoolsObject = schoolsTypes[schoolsType];\n // NOTE : avoids adding section if content is empty\n if (Object.keys(schoolsObject).length) {\n schoolsBlocks.push(\n \n {scoreDisplay}\n
\n \n \n
\n
\n {safetyContent}\n \n
\n {paragraph}
\n\n
\n );\n}\n\n\n\nexport default SchoolsReport;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"schoolsReport\":\"SchoolsReport__styles__schoolsReport__3hixX\",\"titleParagraph\":\"SchoolsReport__styles__titleParagraph__9uoUO\"};","/**\n*\n* ScoresExplained\n*\n*/\n\nimport React from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport classNames from 'classnames';\n\nimport messages from './messages';\nimport styles from './styles.css';\n\nimport SVGIcon from '../../../SVGIcon';\n\nfunction ScoresExplained() {\n return (\n \n {schoolsBlocks}\n
\n \n
\n );\n}\n\nexport default ScoresExplained;\n","/*\n * ScoresExplained Messages\n *\n * This contains all the text for the ScoresExplained component.\n */\nimport { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n header: {\n id: 'app.components.ScoresExplained.header',\n defaultMessage: 'How We Determine Our HoodQ Scores',\n },\n schoolRatings: {\n id: 'app.components.ScoresExplained.schoolRatings',\n defaultMessage: 'School Scores are based on publicly available provincial standardized testing results, aggregated at the school level, standardized, weighted, and rescaled to generate a score out of 10.',\n },\n parkRatings: {\n id: 'app.components.ScoresExplained.parkRatings',\n defaultMessage: 'The Parks & Recreation Score is based on two factors - the number of parks and recreation centres near this address and the number of facilities available at those locations.',\n },\n transitScore: {\n id: 'app.components.ScoresExplained.transitScore',\n defaultMessage: 'The Transit Score is based on proximity to public transit access points, both Street-Level and Rail, including buses, streetcars, subways, and trains.',\n },\n safetyScore: {\n id: 'app.components.ScoresExplained.safetyScore',\n defaultMessage: 'The Safety Score is based on proximity to emergency service agencies, specifically Fire Stations, Police Stations, and Hospitals.',\n },\n convenienceScore: {\n id: 'app.components.ScoresExplained.convenienceScore',\n defaultMessage: 'The Convenience Score is based on proximity to Gas Stations, Pharmacies, and Grocery Stores.',\n },\n});\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"scoresExplained\":\"ScoresExplained__styles__scoresExplained__me8FW\",\"icon\":\"ScoresExplained__styles__icon__k298R\",\"iconXS\":\"ScoresExplained__styles__iconXS__3kon8\"};","/**\n*\n* TimeLengthDistance\n*\n*/\n\nimport React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport messages from './messages';\nimport styles from './styles.css';\n\nimport SVGIcon from '../../../SVGIcon';\n\nconst KM_TO_MILES = 0.621;\n\nfunction TimeLengthDistance(props) {\n const { distance, locale, hideWalkingPerson } = props;\n\n let icon = null;\n if (!hideWalkingPerson) {\n icon = \n
\n
\n \n
\n \n
\n \n {icon}\n {distanceContent}\n
\n );\n}\n\n\n\nexport default TimeLengthDistance;\n","/*\n * TimeLengthDistance Messages\n *\n * This contains all the text for the TimeLengthDistance component.\n */\nimport { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n distance: {\n id: 'app.components.TimeLengthDistance.distance',\n defaultMessage: 'about a {walkTime} minute walk - {distanceWithUnits} away',\n },\n distanceNoWalktime: {\n id: 'app.components.TimeLengthDistance.distanceNoWalktime',\n defaultMessage: '{distanceWithUnits} away',\n },\n});\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"timeLengthDistance\":\"TimeLengthDistance__styles__timeLengthDistance__vpp2Z\"};","/* eslint no-multi-spaces: \"off\" */\n/* eslint react/jsx-equals-spacing: \"off\" */\n\n/**\n*\n* TransitReport\n*\n*/\n\nimport React from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport classNames from 'classnames';\n\nimport messages from './messages';\nimport styles from './styles.css';\n\nimport DetailedPlaceBlock from '../DetailedPlaceBlock';\nimport SVGIcon from '../../../SVGIcon';\n\nfunction TransitReport(props) {\n // TODO : consider dynamic descriptions for this section\n const { transit, locale, score } = props; // paragraph,\n\n // NOTE : comes filtered from DataSetReport component\n const filteredTransit = Object.keys(transit).map((key) => transit[key]);\n let transitContent = [];\n\n // TODO : check \"hideWalkingPerson\" issue here\n // NOTE : if distance === 0, walkingMan will NOT show up\n transitContent = filteredTransit.map((item) => {\n let itemName = '';\n\n // TODO : properly internationalize\n switch (item.place_category_key) {\n case 'street-level-transit':\n itemName = (\n \n
\n );\n }\n\n const paragraph = locale === 'en-CA' ? (\n \n
\n \n {score}\n
\n \n
\n \n {score}\n
\n \n
\n );\n}\n\n\n\nexport default TransitReport;\n","/*\n * TransitReport Messages\n *\n * This contains all the text for the TransitReport component.\n */\nimport { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n header: {\n id: 'app.components.TransitReport.header',\n defaultMessage: 'Transit',\n },\n description: {\n id: 'app.components.TransitReport.description',\n defaultMessage: 'The public transit system can be an easy, cost-effective and efficient way of getting around the city, accessible from your neighborhood. See the closest Public Transit stops near you below:',\n },\n descriptionCA: {\n id: 'app.components.TransitReport.descriptionCA',\n defaultMessage: 'The public transit system can be an easy, cost-effective and efficient way of getting around the city, accessible from your neighbourhood. See the closest Public Transit stops near you below:',\n },\n nearestPlace: {\n id: 'app.components.TransitReport.nearestPlace',\n defaultMessage: 'The nearest {place} is {name}',\n },\n});\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"transitReport\":\"TransitReport__styles__transitReport__149bV\",\"icon\":\"TransitReport__styles__icon__2nyhG\",\"iconXS\":\"TransitReport__styles__iconXS__cCBlD\",\"score\":\"TransitReport__styles__score__2m63D\",\"titleParagraph\":\"TransitReport__styles__titleParagraph__1Xe7F\"};","import FacilityMapping from 'components/reports/FacilityMapping';\nimport FacilityIconMapping from 'components/reports/FacilityIconMapping';\n\nconst TWENTY_MIN_WALK = 1.5; // km\n\nfunction incrementKey(object, key) {\n const newObject = object;\n if (newObject[key]) {\n newObject[key] += 1;\n } else {\n newObject[key] = 1;\n }\n}\n\nexport function addFacilities(parks, maxDistance = TWENTY_MIN_WALK) {\n // TODO : remove the use of these variables and the use of all the garbage\n // functions found under componentWillMount. Replace this by data sent directly\n // from the backend. No calculations should happen on the frontend\n const mappedFacilities = {};\n const remainingFacilities = {};\n const mappedNearbyFacilities = {};\n const remainingNearbyFacilities = {};\n\n parks.forEach((park) => {\n const facilities = park.features.Facilities;\n const mappedCount = {};\n const remainderCount = {};\n\n if (facilities) {\n facilities.forEach((facility) => {\n const mappedFacility = FacilityMapping[facility];\n\n // NOTE : in order to change the distance of the facilities\n // change constant 'TWENTY_MIN_WALK' for new distance\n if (mappedFacility) {\n incrementKey(mappedCount, mappedFacility);\n incrementKey(mappedFacilities, mappedFacility);\n if (!maxDistance || (maxDistance && park.distance <= maxDistance)) {\n incrementKey(mappedNearbyFacilities, mappedFacility);\n }\n } else {\n incrementKey(remainderCount, facility);\n incrementKey(remainingFacilities, facility);\n if (!maxDistance || (maxDistance && park.distance <= maxDistance)) {\n incrementKey(remainingNearbyFacilities, facility);\n }\n }\n });\n }\n\n // TODO : check how to add this to its own node in the state tree\n const finalMapping = {};\n\n Object.keys(FacilityMapping).forEach((facility) => {\n const mappedFacility = FacilityMapping[facility];\n\n if (mappedCount[mappedFacility]) {\n finalMapping[mappedFacility] = {\n count: mappedCount[mappedFacility],\n icon: FacilityIconMapping[facility],\n iconType: FacilityIconMapping[facility], // TODO : remove redundancy\n };\n }\n });\n\n Object.keys(remainderCount).forEach((facility) => {\n finalMapping[facility] = {\n count: remainderCount[facility],\n icon: 'Generic',\n iconType: 'Generic', // TODO : remove redundancy\n };\n });\n\n park.features.Facilities = finalMapping; // eslint-disable-line no-param-reassign\n });\n\n const totalFacilities = {};\n\n Object.keys(FacilityMapping).forEach((facility) => {\n if (mappedNearbyFacilities[facility]) {\n totalFacilities[facility] = {\n name: facility,\n count: mappedNearbyFacilities[facility],\n icon: FacilityIconMapping[facility],\n iconType: FacilityIconMapping[facility], // TODO : remove redundancy\n };\n }\n });\n\n Object.keys(remainingNearbyFacilities).forEach((facility) => {\n totalFacilities[facility] = {\n name: facility,\n count: remainingNearbyFacilities[facility],\n icon: 'Generic',\n iconType: 'Generic', // TODO : remove redundancy\n };\n });\n\n if (maxDistance) {\n return totalFacilities;\n }\n\n return Object.keys(totalFacilities).map(k => totalFacilities[k]);\n}","import React from 'react';\nimport classNames from 'classnames';\n\nimport ReportBanner from '../banners/ReportBanner';\nimport AddressReportBanner from '../banners/AddressReportBanner';\nimport { addFacilities } from './helpers';\n\nimport request from 'utils/request';\nimport ScoresExplained from './components/ScoresExplained';\n\nimport ReportHelmet from '../ReportHelmet';\nimport Footer from '../Footer';\nimport DataSetsGallery from './components/DataSetsGallery';\nimport SchoolsReport from './components/SchoolsReport';\nimport ParksReport from './components/ParksReport';\nimport TransitReport from './components/TransitReport';\nimport SafetyReport from './components/SafetyReport';\nimport ConvenienceReport from './components/ConvenienceReport';\nimport { mapMarkerGenerator } from '../mapMarkers';\nimport Browser from 'utils/browserType';\nimport DetailedMap from './components/DetailedMap';\n\nimport { getPackageContents } from '../utils';\nimport getBranding from '../../branding';\nimport Navigation from 'components/navigation/Navigation';\nimport ReportNav from 'components/navigation/ReportNav';\n\nconst styles = require('./styles.css');\n\nconst TRANSIT_TYPE_DISPLAY_ORDER = ['rail-transit', 'street-level-transit', 'water-transit'];\nconst SAFETY_TYPE_DISPLAY_ORDER = ['health-care', 'fire-stations', 'police'];\n\n// TODO: move to shared module.\nfunction fetchPackage(packageID, authToken) {\n return request(`${process.env.PLATFORM_URL}/reports/address/${packageID}.json?auth_token=${authToken}`)\n .then(payload => payload.data.branded_report);\n}\n\nfunction sortByDistance(places) {\n return places.sort((a, b) => a.distance > b.distance);\n}\n\nfunction closestPlacesByCategory(places, categories) {\n return categories.map(category => {\n return sortByDistance(places.filter(p => p.place_category_key === category))[0]\n }).filter(p => p !== undefined);\n}\n\nfunction injectGoogleMaps(libraries=[], key) {\n return new Promise((resolve, reject) => {\n const scriptTag = document.createElement('script');\n let params = { v: '3.exp', key };\n\n if (libraries.length > 0) {\n params.libraries = libraries.join(',');\n }\n\n const query = Object.keys(params).map(key => `${key}=${params[key]}`).join(\"&\");\n scriptTag.src = `https://maps.googleapis.com/maps/api/js?${query}`;\n scriptTag.onload = resolve;\n document.body.append(scriptTag);\n });\n}\n\nclass DetailedAddressReport extends React.Component {\n constructor(props) {\n super(props);\n\n window.setDetailedScores = this.setDetailedScores.bind(this);\n\n this.enableScoresEl = document.getElementById('enableScores');\n this.disableScoresEl = document.getElementById('disableScores');\n\n this.setDetailedScores(false);\n\n this.reportTitle = 'HoodQ Detailed Report™';\n\n this.state = {\n loading: false,\n displayScores: false,\n gmapsLoaded: false,\n scores: {\n elementary: null,\n transit: null,\n safety: null,\n high: null,\n parks: null,\n convenience: null\n },\n availableDatasets: {\n elementary: false,\n transit: false,\n safety: false,\n high: false,\n parks: false,\n convenience: false\n },\n report: {}\n };\n }\n\n setDetailedScores = (displayScores) => {\n this.setState({ displayScores });\n\n if (this.enableScoresEl) {\n this.enableScoresEl.checked = displayScores;\n }\n\n if (this.disableScoresEl) {\n this.disableScoresEl.checked = !displayScores;\n }\n }\n\n componentWillMount() {\n this.loadReport(JSON.parse(this.props.document));\n injectGoogleMaps([], 'AIzaSyC4bLc4BzS7iGTE_s5aDFD8Nwm7557df2M').then(_ => {\n this.setState({ gmapsLoaded: true });\n })\n }\n\n loadReport = (report) => {\n this.reportTitle = `${getBranding(report.branding).brandName} Detailed Report™`;\n \n this.setState({ \n report: {\n ...report,\n package_contents: report.package\n ? report.package.options.package_contents\n : getPackageContents(report),\n public_schools: {\n assigned: sortByDistance(report.public_schools.assigned),\n unassigned: sortByDistance(report.public_schools.unassigned)\n },\n catholic_schools: {\n assigned: sortByDistance(report.catholic_schools.assigned),\n unassigned: sortByDistance(report.catholic_schools.unassigned)\n },\n private_schools: sortByDistance(report.private_schools),\n parks: sortByDistance(report.parks),\n facilities: addFacilities(report.parks),\n transit: closestPlacesByCategory(report.transit, TRANSIT_TYPE_DISPLAY_ORDER),\n safety: closestPlacesByCategory(report.safety, SAFETY_TYPE_DISPLAY_ORDER),\n },\n scores: {\n elementary: report.school_scores.elementary,\n transit: report.transit_score,\n safety: report.safety_score,\n high: report.school_scores.high,\n parks: report.parks_score,\n convenience: report.convenience_score\n },\n availableDatasets: {\n elementary: true,\n transit: report.transit.length > 0,\n safety: report.safety.length > 0,\n high: true,\n parks: report.parks.length > 0,\n convenience: report.convenience.length > 0\n },\n loading: false\n });\n }\n\n renderSummary = () => {\n return \n {scoreDisplay}\n
\n \n \n
\n
\n {transitContent}\n \n
\n {paragraph}
\n\n
\n );\n }\n\n render() {\n const { user, address, branding, campaign, package_contents } = this.state.report;\n const { params: { packageID }, hideSidebar } = this.props;\n\n const package_options = !this.state.loading ? this.state.report.package.options : null;\n\n return this.state.loading ? null : (\n \n
\n );\n }\n}\n\n// const mapStateToProps = createStructuredSelector({\n// currentLocation: selectLocationState(),\n// displayScores: selectSearchOptions()\n// });\n\nexport default DetailedAddressReport;","// extracted by mini-css-extract-plugin\nmodule.exports = {\"dataSetReport\":\"DetailedAddressReport__styles__dataSetReport__1wmIL\",\"dataSetMap\":\"DetailedAddressReport__styles__dataSetMap__2vxmk\",\"dataSetMapPrint\":\"DetailedAddressReport__styles__dataSetMapPrint__3uj91\"};","/* eslint key-spacing: [\"error\", {\n \"align\": {\n \"beforeColon\": true,\n \"afterColon\": true,\n \"on\": \"colon\"\n }\n}] */\n\nexport default {\n 'Indoor Pool' : 'pool',\n 'Outdoor Pool' : 'pool',\n Swimming : 'pool',\n Pool : 'pool',\n 'Leash-Free Dog Area' : 'dogPark',\n 'Dog Park' : 'dogPark',\n Playground : 'playground',\n 'Tot Lot' : 'playground',\n 'Wading Pool' : 'wadingPool',\n 'Cricket Field' : 'sportsField',\n 'Football Field' : 'sportsField',\n 'Indoor Soccer Field' : 'sportsField',\n 'Lacrosse Field' : 'sportsField',\n 'Rugby Field' : 'sportsField',\n 'Soccer Field' : 'sportsField',\n 'Sports Field' : 'sportsField',\n 'Ultimate Frisbee Field' : 'sportsField',\n 'Tennis Court' : 'tennisCourt',\n 'Basketball Court' : 'basketballCourt',\n 'Volleyball Court' : 'volleyballCourt',\n 'Handball Court' : 'handballCourt',\n 'Spray Park' : 'splashPad',\n 'Splash Pad' : 'splashPad',\n 'Ball Diamond' : 'ballDiamond',\n 'Curling Rink' : 'rink',\n 'Indoor Rink' : 'rink',\n 'Outdoor Rink' : 'rink',\n 'Skating Rink' : 'rink',\n Rink : 'rink',\n Arena : 'arenas',\n 'Community Rec. Centre' : 'communityCentre',\n 'Fitness/Leisure Centre' : 'communityCentre',\n 'Community Centre' : 'communityCentre',\n 'Skateboard Park' : 'skateboardPark',\n 'Golf Course' : 'golfGeneric',\n 'Mini Golf' : 'golfGeneric',\n 'Driving Range' : 'golfGeneric',\n Track : 'track',\n 'Indoor Track' : 'track',\n 'Outdoor Track' : 'track',\n 'Cross-Country Skiing' : 'skiingSnowboarding',\n 'Ski Terrain Park' : 'skiingSnowboarding',\n Skiing : 'skiingSnowboarding',\n Snowboarding : 'skiingSnowboarding',\n 'Skiing or Snowboarding' : 'skiingSnowboarding',\n 'Fitness Trails' : 'trail',\n 'Bicycle Trails' : 'trail',\n Hiking : 'trail',\n Trails : 'trail',\n Trail : 'trail',\n 'Archery Range' : 'generic',\n 'Lawn Bowling/Bocce Green' : 'generic',\n 'BMX Track' : 'generic',\n 'Athletic Park' : 'generic',\n Equestrian : 'generic',\n 'Horseshoe Pit' : 'generic',\n 'Shooting Range' : 'generic',\n Shuffleboard : 'generic',\n 'Disc Golf' : 'generic',\n 'Indoor Dry Pad' : 'generic',\n 'Climbing Wall' : 'generic',\n Stadium : 'generic',\n 'Luge Track' : 'generic',\n 'Sledding Hill' : 'generic',\n Aquarium : 'generic',\n 'Botanical Garden' : 'generic',\n Arboretum : 'generic',\n Boardwalk : 'generic',\n Campground : 'generic',\n 'Community Garden' : 'generic',\n Farm : 'generic',\n 'Model Aircraft Field' : 'generic',\n 'Rodeo Grounds' : 'generic',\n Zoo : 'generic',\n 'Mushing Facilities' : 'generic',\n Beach : 'generic',\n 'Boating Facilities' : 'generic',\n 'Docking Facilities' : 'generic',\n Fishing : 'generic',\n Pier : 'generic',\n 'Yachting Facilities' : 'generic',\n Fairgrounds : 'generic',\n 'Nature Centre' : 'generic',\n 'Country Club' : 'generic',\n 'Picnic Facilities' : 'generic',\n 'Fitness/Weight Room' : 'generic',\n Gym : 'generic',\n 'Boxing Gym' : 'generic',\n Amphitheatre : 'generic',\n Auditorium : 'generic',\n Gallery : 'generic',\n Stage : 'generic',\n Museum : 'generic',\n 'Preschool Activities Room' : 'generic',\n 'Games Room' : 'generic',\n 'Craft Room' : 'generic',\n 'Computer/Training Room' : 'generic',\n 'Community Hall' : 'generic',\n Cabin : 'generic',\n Clubhouse : 'generic',\n 'Pro Shop' : 'generic',\n Sauna : 'generic',\n Room : 'generic',\n};\n","/* eslint key-spacing: [\"error\", {\n \"align\": {\n \"beforeColon\": true,\n \"afterColon\": true,\n \"on\": \"colon\"\n }\n}] */\n\nexport default {\n 'Indoor Pool' : 'Pool',\n 'Outdoor Pool' : 'Pool',\n Swimming : 'Pool',\n Pool : 'Pool',\n 'Leash-Free Dog Area' : 'Dog Park',\n 'Dog Park' : 'Dog Park',\n Playground : 'Playground',\n 'Tot Lot' : 'Playground',\n 'Wading Pool' : 'Wading Pool',\n 'Cricket Field' : 'Sports Field',\n 'Football Field' : 'Sports Field',\n 'Indoor Soccer Field' : 'Sports Field',\n 'Lacrosse Field' : 'Sports Field',\n 'Rugby Field' : 'Sports Field',\n 'Soccer Field' : 'Sports Field',\n 'Sports Field' : 'Sports Field',\n 'Ultimate Frisbee Field' : 'Sports Field',\n 'Tennis Court' : 'Tennis Court',\n 'Basketball Court' : 'Basketball Court',\n 'Volleyball Court' : 'Volleyball Court',\n 'Handball Court' : 'Handball Court',\n 'Spray Park' : 'Splash Pad',\n 'Splash Pad' : 'Splash Pad',\n 'Ball Diamond' : 'Ball Diamond',\n 'Curling Rink' : 'Rink',\n 'Indoor Rink' : 'Rink',\n 'Outdoor Rink' : 'Rink',\n 'Skating Rink' : 'Rink',\n Rink : 'Rink',\n Arena : 'Arena',\n 'Community Rec. Centre' : 'Community Centre',\n 'Fitness/Leisure Centre' : 'Community Centre',\n 'Community Centre' : 'Community Centre',\n 'Skateboard Park' : 'Skateboard Park',\n 'Golf Course' : 'Golf Course',\n 'Mini Golf' : 'Mini Golf',\n 'Driving Range' : 'Driving Range',\n Track : 'Track',\n 'Indoor Track' : 'Track',\n 'Outdoor Track' : 'Track',\n 'Cross-Country Skiing' : 'Skiing or Snowboarding',\n 'Ski Terrain Park' : 'Skiing or Snowboarding',\n Skiing : 'Skiing or Snowboarding',\n Snowboarding : 'Skiing or Snowboarding',\n 'Skiing or Snowboarding' : 'Skiing or Snowboarding',\n 'Fitness Trails' : 'Trail',\n 'Bicycle Trails' : 'Trail',\n Hiking : 'Trail',\n Trails : 'Trail',\n Trail : 'Trail',\n};\n","/**\n*\n* Wide HoodQlogo\n*\n*/\n\nimport React from 'react';\n\nfunction WideHoodQLogo() {\n return (\n \n );\n}\n\nexport default WideHoodQLogo;\n","/* eslint indent: \"off\"*/\n\n/**\n*\n* Footer\n*\n*/\n\nimport React from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport classNames from 'classnames';\n\nimport messages from './messages';\nimport styles from './styles.css';\n\n// import WideHoodQLogo from './WideHoodQLogo';\n\nimport getBranding from 'components/branding';\n\nfunction Footer(props) {\n const { requestOrigin, reportType, userEmail, teranet } = props;\n\n const branding = getBranding(props.branding);\n\n let buildingIcon = false;\n let disclaimerClass = 'col-xs-12 col-sm-10';\n if (reportType && reportType === 'schoolsHighlights') {\n disclaimerClass = 'col-xs-12 col-sm-7';\n buildingIcon = (\n \n {this.renderSummary()}\n {this.renderSchools()}\n {this.state.availableDatasets.parks && this.renderParks()}\n {this.state.availableDatasets.transit && this.renderTransit()}\n {this.state.availableDatasets.safety && this.renderSafety()}\n {this.state.availableDatasets.convenience && this.renderConvenience()}\n {this.renderScoresExplained()}\n {this.renderDetailedMap()}\n
\n \n {disclaimer}\n
\n );\n\n if (requestOrigin === 'realtorca') {\n disclaimerContent = (\n \n {disclaimerRealtorCA}\n
\n );\n }\n\n\n\n if (teranet) {\n return (\n \n
\n );\n }\n\n return (\n \n
\n\n \n
\n \n 
\n
\n \n ![\"Teranet](\"/assets/hood/investment/teranetLogo.png\")
\n
\n \n \n {disclaimerContent}\n
\n\n {buildingIcon}\n \n
\n );\n}\n\nexport default Footer;\n","/*\n * Footer Messages\n *\n * This contains all the text for the Footer component.\n */\nimport { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n disclaimer: {\n id: 'app.components.Footer.disclaimer',\n defaultMessage: 'Disclaimer: These materials have been prepared for {email} and are not intended to solicit buyers or sellers currently under contract with a brokerage. By accessing this information you have agreed to our terms of service, which are hereby incorporated by reference. This information may contain errors and omissions. You are not permitted to rely on the contents of this information and must take steps to independently verify its contents with the appropriate authorities (school boards, governments etc.). As a recipient of this information, you agree not to hold us, our licensors or the owners of the information liable for any damages, howsoever caused.',\n },\n disclaimerRealtorCA: {\n id: 'app.components.Footer.disclaimerRealtorCA',\n defaultMessage: 'Disclaimer: These materials have been prepared for {email} and are not intended to solicit buyers or sellers currently under contract with a brokerage. By accessing this information you have agreed to our terms of service, which are hereby incorporated by reference. This information may contain errors and omissions. You are not permitted to rely on the contents of this information and must take steps to independently verify its contents with the appropriate authorities (school boards, governments etc.). As a recipient of this information, you agree not to hold us, our licensors or the owners of the information liable for any damages, howsoever caused. The trademarks REALTOR®, REALTORS® and the REALTOR® logo are controlled by The Canadian Real Estate Association (CREA) and identify real estate professionals who are members of CREA.',\n },\n});\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"footer\":\"Footer__styles__footer__3duyL\",\"logo\":\"Footer__styles__logo__3r9vK\",\"disclaimer\":\"Footer__styles__disclaimer__215DQ\",\"regularDisclaimer\":\"Footer__styles__regularDisclaimer__2tD5I\",\"extendedDisclaimer\":\"Footer__styles__extendedDisclaimer__26bud\",\"extendedDisclaimerContent\":\"Footer__styles__extendedDisclaimerContent__3wb9T\",\"buildingIcon\":\"Footer__styles__buildingIcon__1j6Se\"};","/* eslint no-multi-spaces: \"off\" */\n/* eslint react/jsx-equals-spacing: \"off\" */\n\n/**\n*\n* BarGraph\n*\n*/\n\nimport React from 'react';\nimport { Bar } from 'react-chartjs-2';\n\nfunction BarGraph(props) {\n const {\n data,\n width,\n height,\n options,\n legend,\n } = props;\n\n // const defaultWidth = 95;\n // const defaultHeight = 240;\n const defaultOptions = {\n maintainAspectRatio: true,\n };\n const defaultLegend = {\n position: 'bottom',\n };\n\n return (\n \n
\n\n \n {branding.FooterLogo()}\n
\n \n {disclaimerContent}\n
\n\n {buildingIcon}\n \n
\n
\n );\n}\n\nexport default HouseholdSize;\n","/*\n * HouseholdSize Messages\n *\n * This contains all the text for the HouseholdSize component.\n */\nimport { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n header: {\n id: 'app.components.HouseholdSize.header',\n defaultMessage: 'Household Size',\n },\n graphName: {\n id: 'app.components.HouseholdSize.graphName',\n defaultMessage: 'Number of People Per Household',\n },\n});\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"householdSize\":\"HouseholdSize__styles__householdSize__1LZ-N\"};","/**\n*\n* Households\n*\n*/\n\nimport React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport messages from './messages';\n// import styles from './styles.css';\n\nimport textHelpers from 'utils/textHelpers';\n\nfunction Households(props) {\n const { householdsNum } = props;\n\n return (\n \n
\n \n
\n
\n );\n}\n\nexport default Households;\n","/*\n * Households Messages\n *\n * This contains all the text for the Households component.\n */\nimport { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n header: {\n id: 'app.components.Households.header',\n defaultMessage: 'Households',\n },\n});\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"households\":\"Households__styles__households__-63nb\"};","/* eslint no-multi-spaces: \"off\" */\n/* eslint react/jsx-equals-spacing: \"off\" */\n\n/**\n*\n* Language\n*\n*/\n\nimport React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport messages from './messages';\n// import styles from './styles.css';\n\nimport PieGraph from '../PieGraph';\n\nconst languageLabels = {\n english: 'English',\n other: 'French/Other',\n};\n\nfunction Language(props) {\n const {\n language,\n } = props;\n\n const labels = Object.keys(language).map(l => `${languageLabels[l]} ${language[l]}%`);\n const languagesData = Object.values(language);\n\n // TEMP commented out\n // const graphColors = [\n // (alpha) => `rgba(0,174,239,${alpha})`, // incomeDistroTradeAreaColors\n // (alpha) => `rgba(196,214,0,${alpha})`, // incomeDistroBenchmarkColors\n // (alpha) => `rgba(236,176,32,${alpha})`, // incomeDistroAltColors\n // ];\n\n // TODO : implement more permanent solution\n const rentersOwnersColors = (alpha) => [\n `rgba(0,174,239,${alpha})`, // Owned\n `rgba(255,255,255,${alpha})`, // Rented\n `rgba(236,176,32,${alpha})`, // Rented\n ];\n\n const rentersOwnersColorsAlt = (alpha) => [\n `rgba(0,174,239,${alpha})`, // Owned\n `rgba(0,174,239,${alpha})`, // Rented\n `rgba(236,176,32,${alpha})`, // Rented\n ];\n\n const data = {\n labels,\n datasets: [\n {\n // backgroundColor: graphColors[0](0.8), // rentersOwnersColors(0.8),\n backgroundColor: rentersOwnersColors(0.8),\n // borderColor: graphColors[1](0.8), // rentersOwnersColorsAlt(1),\n borderColor: rentersOwnersColorsAlt(1),\n borderWidth: 3,\n // hoverBackgroundColor: graphColors[0](0.8), // rentersOwnersColors(1),\n hoverBackgroundColor: rentersOwnersColors(1),\n // hoverBorderColor: graphColors[1](0.8), // rentersOwnersColorsAlt(1),\n hoverBorderColor: rentersOwnersColorsAlt(1),\n data: languagesData,\n },\n ],\n };\n\n const graphHeight = 50;\n const graphWidth = 125;\n\n const options = {\n responsive: true,\n maintainAspectRatio: true,\n };\n\n const legend = {\n display: false,\n };\n\n return (\n {textHelpers.numberWithCommas(householdsNum)}
\n \n
\n
\n );\n}\n\nexport default Language;\n","/*\n * Language Messages\n *\n * This contains all the text for the Language component.\n */\nimport { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n header: {\n id: 'app.components.Language.header',\n defaultMessage: 'First Language',\n },\n});\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"language\":\"Language__styles__language__13MsH\"};","/* eslint no-multi-spaces: \"off\" */\r\n/* eslint react/jsx-equals-spacing: \"off\" */\r\n\r\n/**\r\n*\r\n* MarketDemographicsAlt\r\n*\r\n*/\r\n\r\nimport React from 'react';\r\nimport classNames from 'classnames';\r\n\r\n// import messages from './messages';\r\nconst styles = require('./styles.css');\r\n\r\n// import AgeOfHousing from 'components/places/reports/_shared/_market/AgeOfHousing';\r\nimport Households from '../Households';\r\nimport HouseholdSize from '../HouseholdSize';\r\n// import HousePriceIndex from 'components/places/reports/_shared/_market/HousePriceIndex';\r\nimport Language from '../Language';\r\n// import MarketShift from 'components/places/reports/_shared/_market/MarketShift';\r\nimport PeriodHomeConstruction from '../PeriodHomeConstruction';\r\nimport Population from '../Population';\r\nimport PopulationByAge from '../PopulationByAge';\r\nimport PropertyTypesPriceDistribution from '../PropertyTypesPriceDistribution';\r\nimport RentersOwners from '../RentersOwners';\r\n\r\nimport { PropertyTypeMarketData } from '../../types';\r\n// import Tenure from 'components/places/reports/_shared/_market/Tenure';\r\n\r\ninterface IProps {\r\n hoodName: string;\r\n pricesByPropertyType: PropertyTypeMarketData\r\n}\r\n\r\nexport default function MarketDemographics(props) {\r\n const {\r\n hoodName,\r\n hoodConstruction,\r\n cityConstruction,\r\n pricesByPropertyType,\r\n language,\r\n owners,\r\n renters,\r\n population,\r\n households,\r\n populationByAge,\r\n householdSize,\r\n } = props;\r\n\r\n const priceDistroCondo = pricesByPropertyType.condo,\r\n priceDistroBungalow = pricesByPropertyType.bungalow,\r\n priceDistroDuplex = pricesByPropertyType.duplex,\r\n priceDistroRow = pricesByPropertyType.row;\r\n\r\n // TODO : get dynamically\r\n const cityName = 'City of Toronto';\r\n\r\n // NOTES : Section 1\r\n // const avgHousePriceIndex = ({languagesData[0]}% English vs. {languagesData[1]}% French/Other
\n\r\n //
\r\n // );\r\n const rentersOwners = (\r\n \r\n {/* avgHousePriceIndex */}\r\n {periodHomeConstruction}\r\n {propertyTypePriceDistribution}\r\n
\r\n );\r\n\r\n const sectionTwo = (\r\n \r\n {languageContent}\r\n {/* avgTenureAndMarketShift */}\r\n {rentersOwners}\r\n {/* ageOfHousing */}\r\n
\r\n );\r\n\r\n const sectionThree = (\r\n \r\n {populationByAgeContent}\r\n
\r\n );\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n {householdSizeContent}\r\n \r\n {populationContent}\r\n
\r\n \r\n {householdsContent}\r\n
\r\n \r\n {sectionOne}\r\n
\r\n );\r\n}\r\n","/*\n * MarketDemographicsAlt Messages\n *\n * This contains all the text for the MarketDemographicsAlt component.\n */\nimport { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n header: {\n id: 'app.components.MarketDemographicsAlt.header',\n defaultMessage: 'Generic Header',\n },\n});\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"marketDemographics\":\"MarketDemographics__styles__marketDemographics__2RUqo\",\"subheaderSmall\":\"MarketDemographics__styles__subheaderSmall__35iTj\",\"subheaderMedium\":\"MarketDemographics__styles__subheaderMedium__1uGVp\",\"subheaderMediumAlt\":\"MarketDemographics__styles__subheaderMediumAlt__NipHm\",\"statLarge\":\"MarketDemographics__styles__statLarge__m5tu4\",\"statMedium\":\"MarketDemographics__styles__statMedium__2SPLJ\"};","/* eslint no-multi-spaces: \"off\" */\r\n/* eslint react/jsx-equals-spacing: \"off\" */\r\n\r\n/**\r\n*\r\n* MarketAltTwo\r\n*\r\n*/\r\n\r\nimport React from 'react';\r\nimport { Bar } from 'react-chartjs-2';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport classNames from 'classnames';\r\n\r\nimport textHelpers from 'utils/textHelpers';\r\n\r\nimport messages from './messages';\r\nimport { PropertyTypeMarketData } from '../../types';\r\nconst styles = require('./styles.css');\r\n\r\ninterface IProps {\r\n summary: any;\r\n pricesByPropertyType: {\r\n condo: PropertyTypeMarketData;\r\n row: PropertyTypeMarketData;\r\n duplex: PropertyTypeMarketData;\r\n bungalow: PropertyTypeMarketData;\r\n }\r\n};\r\n\r\nexport default function NeighbourhoodInsights(props: IProps) {\r\n const {\r\n // value,\r\n summary,\r\n pricesByPropertyType\r\n } = props;\r\n\r\n const propertyTypes = ['condo', 'bungalow', 'duplex', 'row'];\r\n\r\n // const investmentData = { value, price, high, low };\r\n const investmentContent = ['avg_sale_price', 'high_sale_price', 'low_sale_price'].map(key => (\r\n \r\n {sectionTwo}\r\n {sectionThree}\r\n
\r\n \r\n
\r\n
\r\n ));\r\n\r\n const currentValueColors = (alpha) => [`rgba(0,174,239,${alpha})`, `rgba(0,174,239,${alpha})`];\r\n const salePriceColors = (alpha) => [`rgba(196,214,0,${alpha})`, `rgba(196,214,0,${alpha})`];\r\n\r\n const data = {\r\n labels: ['Condo', 'Bungalow', 'Duplex', 'Row'],\r\n datasets: [\r\n {\r\n label: 'Avg. Current Value',\r\n backgroundColor: currentValueColors(0.8),\r\n borderColor: currentValueColors(1),\r\n borderWidth: 1,\r\n hoverBackgroundColor: currentValueColors(1),\r\n hoverBorderColor: currentValueColors(1),\r\n data: [\r\n pricesByPropertyType.condo.avg_current_value,\r\n pricesByPropertyType.bungalow.avg_current_value,\r\n pricesByPropertyType.duplex.avg_current_value,\r\n pricesByPropertyType.row.avg_current_value\r\n ]\r\n },\r\n {\r\n label: 'Avg. Sale Price',\r\n backgroundColor: salePriceColors(0.8),\r\n borderColor: salePriceColors(1),\r\n borderWidth: 1,\r\n hoverBackgroundColor: salePriceColors(1),\r\n hoverBorderColor: salePriceColors(1),\r\n data: [\r\n pricesByPropertyType.condo.avg_sale_price,\r\n pricesByPropertyType.bungalow.avg_sale_price,\r\n pricesByPropertyType.duplex.avg_sale_price,\r\n pricesByPropertyType.row.avg_sale_price\r\n ]\r\n },\r\n ],\r\n };\r\n\r\n const options = {\r\n maintainAspectRatio: true,\r\n scales: {\r\n yAxes: [{\r\n ticks: {\r\n min: 100000,\r\n callback(v) {\r\n return `$${Number(v).toLocaleString('en')}`;\r\n },\r\n },\r\n }],\r\n },\r\n };\r\n\r\n const investmentGraphics = (\r\n {textHelpers.toCurrency(summary[key], '$')}
\r\n\r\n
\r\n );\r\n\r\n // let investmentInfoMessage = (\r\n
\r\n
\r\n \r\n
\r\n ![\"Property](\"/assets/hood/investment/propTypes.png\")
\r\n
\r\n \r\n \r\n {\r\n propertyTypes.map(key => (\r\n
\r\n \r\n
\r\n ))\r\n }\r\n {`${Math.floor((pricesByPropertyType[key].total_count / summary.total_count) * 100)}%`}
\r\n\r\n
\r\n );\r\n\r\n return (\r\n \r\n
\r\n
\r\n {investmentGraphics}\r\n \r\n {investmentInfoMessage}\r\n
\r\n {investmentContent}\r\n \r\n {investment}\r\n
\r\n );\r\n}\r\n","/*\n * MarketAltTwo Messages\n *\n * This contains all the text for the MarketAltTwo component.\n */\nimport { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n yourInvestment: {\n id: 'app.components.MarketAltTwo.yourInvestment',\n defaultMessage: 'Neighbourhood Insights',\n },\n investmentInfo: {\n id: 'app.components.MarketAltTwo.investmentInfo',\n defaultMessage: 'This report provides real estate activity and insights in the neighbourhood. The data provided is for a 3-month period (July 1st to September 30th 2018).',\n },\n // valueHeader: {\n // id: 'app.components.MarketAltTwo.valueHeader',\n // defaultMessage: 'Value',\n // },\n valueContent: {\n id: 'app.components.MarketAltTwo.valueContent',\n defaultMessage: 'Average Value',\n // defaultMessage: 'Average Current Value',\n },\n // priceHeader: {\n // id: 'app.components.MarketAltTwo.priceHeader',\n // defaultMessage: 'Price',\n // },\n avg_sale_priceContent: {\n id: 'app.components.MarketAltTwo.priceContent',\n defaultMessage: 'Avg Sale Price',\n },\n // highHeader: {\n // id: 'app.components.MarketAltTwo.highHeader',\n // defaultMessage: 'High',\n // },\n high_sale_priceContent: {\n id: 'app.components.MarketAltTwo.highContent',\n defaultMessage: 'High Sale Price',\n },\n // lowHeader: {\n // id: 'app.components.MarketAltTwo.lowHeader',\n // defaultMessage: 'Low',\n // },\n low_sale_priceContent: {\n id: 'app.components.MarketAltTwo.lowContent',\n defaultMessage: 'Low Sale Price',\n },\n\n averagePrices: {\n id: 'app.components.MarketAltTwo.averagePrices',\n defaultMessage: 'Average Prices',\n },\n\n propertyTypes: {\n id: 'app.components.MarketAltTwo.propertyTypes',\n defaultMessage: 'Property Types',\n },\n condo: {\n id: 'app.components.MarketAltTwo.condo',\n defaultMessage: 'Condo',\n },\n bungalow: {\n id: 'app.components.MarketAltTwo.detached',\n // defaultMessage: 'Semi & Detached',\n defaultMessage: 'Bungalow',\n },\n duplex: {\n id: 'app.components.MarketAltTwo.duplex',\n defaultMessage: 'Duplex',\n },\n row: {\n id: 'app.components.MarketAltTwo.row',\n defaultMessage: 'Row',\n },\n semi: {\n id: 'app.components.MarketAltTwo.semi',\n // defaultMessage: 'Semi & Detached',\n defaultMessage: 'Bungalow',\n },\n split: {\n id: 'app.components.MarketAltTwo.split',\n defaultMessage: 'Back/Side Split',\n },\n twostorey: {\n id: 'app.components.MarketAltTwo.twostorey',\n defaultMessage: '2 Storey',\n },\n});\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"market\":\"NeighbourhoodInsights__styles__market__3t3Ly\",\"uppercase\":\"NeighbourhoodInsights__styles__uppercase__2oMNo\",\"overview\":\"NeighbourhoodInsights__styles__overview__339k-\",\"investmentNumber\":\"NeighbourhoodInsights__styles__investmentNumber__28BCw\",\"investmentExplanation\":\"NeighbourhoodInsights__styles__investmentExplanation__2qtGy\",\"propertyTypesAxis\":\"NeighbourhoodInsights__styles__propertyTypesAxis__3BHYV\"};","/* eslint no-multi-spaces: \"off\" */\n/* eslint react/jsx-equals-spacing: \"off\" */\n\n/**\n*\n* PeriodHomeConstruction\n*\n*/\n\nimport React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport messages from './messages';\n// import styles from './styles.css';\n\nimport HorizontalBarGraph from '../HorizontalBarGraph';\n\nfunction PeriodHomeConstruction(props) {\n const {\n hoodName,\n // cityName,\n hoodConstruction,\n // cityConstruction,\n } = props;\n\n const graphColors = [\n (alpha) => `rgba(0,174,239,${alpha})`,\n (alpha) => `rgba(196,214,0,${alpha})`,\n (alpha) => `rgba(236,176,32,${alpha})`,\n ];\n\n const data = {\n // NOTE : should be same as Object.keys(cityConstruction)\n labels: Object.keys(hoodConstruction),\n datasets: [\n {\n label: hoodName,\n backgroundColor: graphColors[0](0.8),\n borderColor: graphColors[0](1),\n borderWidth: 1,\n hoverBackgroundColor: graphColors[0](1),\n hoverBorderColor: graphColors[0](1),\n data: Object.values(hoodConstruction),\n },\n // {\n // label: cityName,\n // backgroundColor: graphColors[1](0.8),\n // borderColor: graphColors[1](1),\n // borderWidth: 1,\n // hoverBackgroundColor: graphColors[1](1),\n // hoverBorderColor: graphColors[1](1),\n // data: Object.values(cityConstruction),\n // },\n ],\n };\n\n const graphWidth = 95;\n const graphHeight = 95;\n\n const options = {\n maintainAspectRatio: true,\n scales: {\n xAxes: [{\n ticks: {\n callback(v) {\n return `${Number(v).toLocaleString('en')}%`;\n },\n },\n }],\n },\n };\n\n return (\n \n
\n
\n );\n}\n\nexport default PeriodHomeConstruction;\n","/*\n * PeriodHomeConstruction Messages\n *\n * This contains all the text for the PeriodHomeConstruction component.\n */\nimport { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n header: {\n id: 'app.components.PeriodHomeConstruction.header',\n defaultMessage: 'Period Of Home Construction',\n },\n});\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"periodHomeConstruction\":\"PeriodHomeConstruction__styles__periodHomeConstruction__1Uflc\"};","/* eslint no-multi-spaces: \"off\" */\n/* eslint react/jsx-equals-spacing: \"off\" */\n\n/**\n*\n* PieGraph\n*\n*/\n\nimport React from 'react';\nimport { Pie } from 'react-chartjs-2';\n\nfunction PieGraph(props) {\n const {\n data,\n width,\n height,\n options,\n legend,\n } = props;\n\n // const defaultWidth = 95;\n // const defaultHeight = 240;\n const defaultOptions = {\n maintainAspectRatio: true,\n };\n const defaultLegend = {\n position: 'bottom',\n };\n\n return (\n \n
\n
\n );\n}\n\nexport default Population;\n","/*\n * Population Messages\n *\n * This contains all the text for the Population component.\n */\nimport { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n header: {\n id: 'app.components.Population.header',\n defaultMessage: 'Population',\n },\n});\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"population\":\"Population__styles__population__18zkQ\"};","/**\n*\n* PopulationByAge\n*\n*/\n\nimport React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport messages from './messages';\nimport styles from './styles.css';\n\nfunction compareNumerically(a, b) { // sort nums large to small\n if (a > b) {\n return -1;\n }\n if (a < b) {\n return 1;\n }\n return 0; // numbers must be equal\n}\n\nfunction PopulationByAge(props) {\n const {\n populationByAge,\n } = props;\n\n const maxPopulationByAgeValues = Object.values(populationByAge).sort(\n (a, b) => compareNumerically(a, b)\n ).slice(0, 3);\n\n const highlightStyle = (value) => {\n if (maxPopulationByAgeValues.includes(value)) {\n return styles.rowHighlight;\n }\n\n return false;\n };\n\n const populationByAgeTable = (\n {textHelpers.numberWithCommas(populationNum)}
\n | {range} | \n{populationByAge[range]} | \n
\n
\n {populationByAgeTable}\n
\n );\n}\n\nexport default PopulationByAge;\n","/*\n * PopulationByAge Messages\n *\n * This contains all the text for the PopulationByAge component.\n */\nimport { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n header: {\n id: 'app.components.PopulationByAge.header',\n defaultMessage: 'Population By Age',\n },\n});\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"populationByAge\":\"PopulationByAge__styles__populationByAge__2SWVw\",\"dataTable\":\"PopulationByAge__styles__dataTable__1og9x\",\"rowHighlight\":\"PopulationByAge__styles__rowHighlight__1aQtS\"};","/* eslint no-multi-spaces: \"off\" */\n/* eslint react/jsx-equals-spacing: \"off\" */\n\n/**\n*\n* PropertyTypesPriceDistribution\n*\n*/\n\nimport React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport messages from './messages';\n// import styles from './styles.css';\n\nimport BarGraph from '../BarGraph';\n\nfunction PropertyTypesPriceDistribution(props) {\n const {\n priceDistroCondo,\n priceDistroBungalow,\n priceDistroDuplex,\n priceDistroRow,\n } = props;\n\n const priceDistro = [\n priceDistroCondo,\n priceDistroBungalow,\n priceDistroDuplex,\n priceDistroRow,\n ];\n const saleLabels = ['Condo', 'Bungalow', 'Duplex', 'Row'];\n\n const lowSaleData = priceDistro.map(p => p.low_sale_price);\n const medianSaleData = priceDistro.map(p => p.median_sale_price);\n const highSaleData = priceDistro.map(p => p.high_sale_price);\n\n const graphColors = [\n (alpha) => `rgba(0,174,239,${alpha})`, // incomeDistroTradeAreaColors\n (alpha) => `rgba(196,214,0,${alpha})`, // incomeDistroBenchmarkColors\n (alpha) => `rgba(236,176,32,${alpha})`, // incomeDistroAltColors\n ];\n\n const propertyTypesPriceDistroData = {\n labels: saleLabels,\n datasets: [\n {\n label: 'Low Sale',\n backgroundColor: graphColors[0](0.8),\n borderColor: graphColors[0](1),\n borderWidth: 1,\n hoverBackgroundColor: graphColors[0](1),\n hoverBorderColor: graphColors[0](1),\n data: lowSaleData,\n },\n {\n label: 'Median Sale',\n backgroundColor: graphColors[1](0.8),\n borderColor: graphColors[1](1),\n borderWidth: 1,\n hoverBackgroundColor: graphColors[1](1),\n hoverBorderColor: graphColors[1](1),\n data: medianSaleData,\n },\n {\n label: 'High Sale',\n backgroundColor: graphColors[2](0.8),\n borderColor: graphColors[2](1),\n borderWidth: 1,\n hoverBackgroundColor: graphColors[2](1),\n hoverBorderColor: graphColors[2](1),\n data: highSaleData,\n },\n ],\n };\n\n const graphWidth = 95;\n const graphHeight = 35;\n\n const options = {\n maintainAspectRatio: true,\n scales: {\n yAxes: [{\n ticks: {\n callback(value) {\n return `$${Number(value).toLocaleString('en')}`;\n },\n },\n }],\n },\n };\n\n return (\n \n
\n
\n );\n}\n\nexport default PropertyTypesPriceDistribution;\n","/*\n * PropertyTypesPriceDistribution Messages\n *\n * This contains all the text for the PropertyTypesPriceDistribution component.\n */\nimport { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n propertyTypePriceDistro: {\n id: 'app.components.PropertyTypesPriceDistribution.propertyTypePriceDistro',\n defaultMessage: 'Property Type Price Distribution',\n },\n});\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"propertyTypesPriceDistribution\":\"PropertyTypesPriceDistribution__styles__propertyTypesPriceDistribution__2DjHw\"};","/* eslint no-multi-spaces: \"off\" */\n/* eslint react/jsx-equals-spacing: \"off\" */\n\n/**\n*\n* RentersOwners\n*\n*/\n\nimport React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport messages from './messages';\nimport styles from './styles.css';\n\nimport PieGraph from '../PieGraph';\n\nimport textHelpers from 'utils/textHelpers';\n\nfunction RentersOwners(props) {\n const {\n owners,\n renters,\n } = props;\n\n const rentersOwnersNumbers = [owners, renters];\n const rentersOwnersPctData = [owners / 100, renters / 100];\n const labels = ['Owned', 'Rented'];\n\n // OLD\n // let mainClassName = 'col-xs-7';\n // let mainStyle = { borderRight: 'dotted 3px gray', marginBottom: '10px' };\n //\n // if (hoodID === 'canada-toronto-bathurst-manor') {\n // mainClassName = 'col-xs-12';\n // mainStyle = { marginBottom: '10px' };\n // }\n\n const mainClassName = 'col-xs-12';\n const mainStyle = { marginBottom: '10px' };\n\n // const graphColors = [\n // (alpha) => `rgba(0,174,239,${alpha})`, // incomeDistroTradeAreaColors\n // (alpha) => `rgba(196,214,0,${alpha})`, // incomeDistroBenchmarkColors\n // (alpha) => `rgba(236,176,32,${alpha})`, // incomeDistroAltColors\n // ];\n\n // TODO : implement more permanent solution\n const rentersOwnersColors = (alpha) => [\n `rgba(0,174,239,${alpha})`, // Owned\n `rgba(255,255,255,${alpha})`, // Rented\n `rgba(236,176,32,${alpha})`, // Rented\n ];\n\n const rentersOwnersColorsAlt = (alpha) => [\n `rgba(0,174,239,${alpha})`, // Owned\n `rgba(0,174,239,${alpha})`, // Rented\n `rgba(236,176,32,${alpha})`, // Rented\n ];\n\n // TODO : fix colours\n const data = {\n labels,\n datasets: [\n {\n // backgroundColor: graphColors[0](0.8), // rentersOwnersColors(0.8),\n backgroundColor: rentersOwnersColors(0.8),\n // borderColor: graphColors[1](0.8), // rentersOwnersColorsAlt(1),\n borderColor: rentersOwnersColorsAlt(1),\n borderWidth: 3,\n // hoverBackgroundColor: graphColors[0](0.8), // rentersOwnersColors(1),\n hoverBackgroundColor: rentersOwnersColors(1),\n // hoverBorderColor: graphColors[1](0.8), // rentersOwnersColorsAlt(1),\n hoverBorderColor: rentersOwnersColorsAlt(1),\n data: rentersOwnersNumbers,\n },\n ],\n };\n\n const graphHeight = 50;\n const graphWidth = 125;\n\n const options = {\n maintainAspectRatio: true,\n responsive: true,\n };\n\n const legend = {\n display: false,\n };\n\n return (\n \n
\n
\n );\n}\n\nexport default RentersOwners;\n","/*\n * RentersOwners Messages\n *\n * This contains all the text for the RentersOwners component.\n */\nimport { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n header: {\n id: 'app.components.RentersOwners.header',\n defaultMessage: 'Renters vs. Owners',\n },\n rentersOwnersPct: {\n id: 'app.components.RentersOwners.rentersOwnersPct',\n defaultMessage: '{owners} Owned vs. {renters} Rented',\n },\n});\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"rentersOwners\":\"RentersOwners__styles__rentersOwners__1nAV3\"};","import HoodQAPI from 'hoodq-shared-js/lib/hoodq-api';\r\n\r\nimport { NeighbourhoodMarketReportData } from './types';\r\nimport { marketDataReportPresenter } from './presenters';\r\n\r\nconst PLATFORM_URL = process.env.PLATFORM_URL;\r\nconst AUTH_TOKEN = '4M8aztXFyZ3vYTbEqUN9';\r\n\r\nexport function fetchMarketReportData(reportId: string): Promise\n
\n \n
\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default MarketDataReport;\r\n","/*\n * OverviewDescription Messages\n *\n * This contains all the text for the OverviewDescription component.\n */\nimport { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n overview: {\n id: 'app.components.OverviewDescription.overview',\n defaultMessage: 'Overview',\n },\n householdsLabel: {\n id: 'app.reports.MarketDataReport.householdsLabel',\n defaultMessage: 'Households'\n },\n populationLabel: {\n id: 'app.reports.MarketDataReport.populationLabel',\n defaultMessage: 'Population'\n }\n});\n","import { NeighbourhoodMarketReportData } from './types';\r\nimport _ from 'lodash';\r\n\r\nexport function marketDataReportPresenter(reportData): NeighbourhoodMarketReportData {\r\n let avgSalePrices = [\r\n reportData.condo.avg_sale_price,\r\n reportData.duplex.avg_sale_price,\r\n reportData.row.avg_sale_price,\r\n reportData.single.avg_sale_price,\r\n reportData.semi.avg_sale_price].filter(price => price !== null);\r\n\r\n \r\n return {\r\n ...reportData,\r\n bungalow: {\r\n avg_current_value: (reportData.single.avg_current_value + reportData.semi.avg_current_value) / 2,\r\n avg_sale_price: (reportData.single.avg_sale_price + reportData.semi.avg_sale_price) / 2,\r\n avg_tenure: (reportData.single.avg_tenure + reportData.semi.avg_tenure) / 2,\r\n high_sale_price: Math.max(reportData.single.high_sale_price, reportData.semi.high_sale_price),\r\n low_sale_price: Math.min(reportData.single.low_sale_price, reportData.semi.low_sale_price),\r\n median_sale_price: (reportData.single.median_sale_price + reportData.semi.median_sale_price) / 2,\r\n mkt_shift: 0,\r\n total_count: reportData.single.total_count + reportData.semi.total_count\r\n },\r\n summary: {\r\n avg_sale_price: _.sum(avgSalePrices) / avgSalePrices.length,\r\n high_sale_price: Math.max(\r\n reportData.condo.high_sale_price,\r\n reportData.duplex.high_sale_price,\r\n reportData.row.high_sale_price,\r\n reportData.single.high_sale_price,\r\n reportData.semi.high_sale_price\r\n ),\r\n low_sale_price: Math.min(...[\r\n reportData.condo.low_sale_price,\r\n reportData.duplex.low_sale_price,\r\n reportData.row.low_sale_price,\r\n reportData.single.low_sale_price,\r\n reportData.semi.low_sale_price\r\n ].filter(value => value !== null)),\r\n total_count: ((reportData.condo.total_count || 0) +\r\n (reportData.duplex.total_count || 0) +\r\n (reportData.row.total_count || 0) +\r\n (reportData.single.total_count || 0) +\r\n (reportData.semi.total_count || 0))\r\n },\r\n household_sizes: {\r\n '1': ((reportData.household_sizes['1'] || 0) / reportData.total_households) * 100,\r\n '2': ((reportData.household_sizes['2'] || 0) / reportData.total_households) * 100,\r\n '3': ((reportData.household_sizes['3'] || 0) / reportData.total_households) * 100,\r\n '4': ((reportData.household_sizes['4'] || 0) / reportData.total_households) * 100,\r\n '5+': ((reportData.household_sizes['5+'] || 0) / reportData.total_households) * 100,\r\n }\r\n }\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"marketDataReport\":\"MarketDataReport__styles__marketDataReport__1u5hh\"};","import { Map } from 'immutable';\r\n\r\nexport enum marketDataReportActions {\r\n LOAD_MARKET_DATA_REPORT = 'LOAD_MARKET_DATA_REPORT',\r\n LOAD_MARKET_DATA_REPORT_SUCCESS = 'LOAD_MARKET_DATA_REPORT_SUCCESS',\r\n LOAD_MARKET_DATA_REPORT_ERROR = 'LOAD_MARKET_DATA_REPORT_ERROR'\r\n}\r\n\r\nexport type MarketDataReportActionPayload = {\r\n neighbourhoodReportId?: string;\r\n}\r\n\r\nexport type PropertyTypeMarketData = {\r\n avg_current_value: number | null;\r\n avg_sale_price: number | null;\r\n avg_tenure: number | null;\r\n high_sale_price: number | null;\r\n low_sale_price: number | null;\r\n median_sale_price: number | null;\r\n mkt_shift: number | null;\r\n total_count: number | null;\r\n}\r\n\r\n// platform: engines/reports/app/serializers/reports/neighbourhood_market_report_serializer.rb\r\nexport interface NeighbourhoodMarketReportData {\r\n id: string;\r\n name: string;\r\n description: string;\r\n branding: string;\r\n package_contents: string[];\r\n user: any; // TODO\r\n condo: PropertyTypeMarketData;\r\n duplex: PropertyTypeMarketData;\r\n row: PropertyTypeMarketData;\r\n bungalow: PropertyTypeMarketData;\r\n\r\n construction_period: {\r\n 'pre 1960': number;\r\n '1961-1980': number;\r\n '1981-1990': number;\r\n '1991-2000': number;\r\n '2001-2005': number;\r\n '2006-2010': number;\r\n '2011-2016': number;\r\n }\r\n\r\n language: {\r\n english: number;\r\n other: number;\r\n }\r\n\r\n percent_rented: number;\r\n percent_owned: number;\r\n\r\n population_by_age: {\r\n '0-4': number;\r\n '5-9': number;\r\n '10-14': number;\r\n '15-19': number;\r\n '20-24': number;\r\n '25-29': number;\r\n '30-34': number;\r\n '35-39': number;\r\n '40-44': number;\r\n '45-49': number;\r\n '50-54': number;\r\n '55-59': number;\r\n '60-64': number;\r\n '65-69': number;\r\n '70-74+': number;\r\n }\r\n\r\n total_population: number;\r\n total_households: number;\r\n\r\n household_sizes: {\r\n '1': number;\r\n '2': number;\r\n '3': number;\r\n '4': number;\r\n '5+': number;\r\n }\r\n\r\n summary: {\r\n avg_sale_price: number;\r\n high_sale_price: number;\r\n low_sale_price: number;\r\n total_count: number;\r\n }\r\n}\r\n\r\nexport interface MarketDataReportAction\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n
\r\n {description}
\r\n\r\n
\r\n\r\n \r\n \r\n {this.renderPeriodOfHomeConstruction()}\r\n {this.renderPropertyTypePriceDistribution()}\r\n
\r\n \r\n
\r\n \r\n {this.renderFirstLanguage()}\r\n {this.renderRentersVsOwners()}\r\n
\r\n \r\n {this.renderPopulationByAge()}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n {textHelpers.numberWithCommas(this.state.report.total_population)}
\r\n \r\n
\r\n
\r\n {textHelpers.numberWithCommas(this.state.report.total_households)}
\r\n \r\n {this.renderHouseholdSize()}\r\n
\r\n {school.score}
\r\n {school.name}\r\n \r\n
\r\n );\r\n }\r\n\r\n renderParks = () => {\r\n const { highlights } = this.state;\r\n const parks = highlights.parks;\r\n const groupedFacilities = _.groupBy(highlights.facilities, facility => facility);\r\n\r\n return (\r\n Public
\r\n- \r\n {publicSchools.map(this.renderSchoolItem)}\r\n
\r\n
: null\r\n }\r\n Catholic & Private
\r\n- \r\n {privateAndCatholicSchools.map(this.renderSchoolItem)}\r\n
\r\n
\r\n )\r\n }\r\n\r\n renderTransit = () => {\r\n const { rail_transit } = this.state.highlights;\r\n \r\n return (\r\n - \r\n {\r\n parks.map(park => {\r\n return (\r\n
- \r\n
\r\n {park.name}\r\n \r\n );\r\n })\r\n }\r\n
- \r\n {\r\n Object.keys(groupedFacilities).map(k => {\r\n return
- \r\n
\r\n {groupedFacilities[k].length} {k.endsWith('s') ? k : Humanize.pluralize(groupedFacilities[k].length, k)}\r\n \r\n })\r\n }\r\n
\r\n
\r\n )\r\n }\r\n\r\n popularConvenience = (items): [string | null, number] => {\r\n\r\n if (!items) return [null, 0];\r\n\r\n const popular: [string, number][] = _.reverse(\r\n _.sortBy(\r\n _.map(\r\n _.groupBy(\r\n _.filter(items, (item): boolean => !!item.major_brand),\r\n (item): string => item.name\r\n ),\r\n (items, key: string): [string, number] => [key, items.length]\r\n ),\r\n (item: [string, number]) => item[1]\r\n )\r\n );\r\n\r\n if (popular.length > 0) {\r\n return [`${popular[0][1]} ${popular[0][0]}`, items.length - popular[0][1]];\r\n } else {\r\n return [null, items.length];\r\n }\r\n }\r\n\r\n renderConvenienceItem = (item: [string | null, number], descriptor: string, plural?: string) => {\r\n if (item[0] === null && item[1] === 0) return null;\r\n\r\n const iconDescriptorMap = {\r\n 'grocery store': 'grocery',\r\n 'coffee shop': 'coffee_shops',\r\n 'pharmacy': 'pharmacies',\r\n 'gym': 'gym'\r\n };\r\n\r\n return - \r\n {rail_transit.map(transit =>
- \r\n
\r\n {transit.name}\r\n )}\r\n
\r\n
\r\n\r\n }\r\n\r\n componentDidUpdate() {\r\n if (!this.map && this.state.report.geom) {\r\n const polygon = L.geoJSON(this.state.report.geom);\r\n \r\n this.map = L.map('map-container');\r\n \r\n L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {\r\n attribution: '© OpenStreetMap contributors'\r\n }).addTo(this.map);\r\n\r\n polygon.addTo(this.map);\r\n this.map.fitBounds(polygon.getBounds());\r\n }\r\n }\r\n\r\n render() {\r\n const { report, highlights } = this.state;\r\n const { description } = report;\r\n\r\n if (this.state.loading) return ;\r\n\r\n return (\r\n - \r\n {this.renderConvenienceItem(popularGrocery, \"grocery store\")}\r\n {this.renderConvenienceItem(popularCoffee, 'coffee shop')}\r\n {this.renderConvenienceItem(popularPharmacy, 'pharmacy', 'pharmacies')}\r\n {this.renderConvenienceItem(popularGym, 'gym')}\r\n
\r\n
\r\n );\r\n }\r\n\r\n}\r\n\r\nexport default NeighbourhoodReport;","// extracted by mini-css-extract-plugin\nmodule.exports = {\"neighbourhoodReport\":\"NeighbourhoodReport__styles__neighbourhoodReport__2dTex\",\"dataSetIcon\":\"NeighbourhoodReport__styles__dataSetIcon__2ffdL\",\"dataSet\":\"NeighbourhoodReport__styles__dataSet__3QjoB\",\"dataSetBlue\":\"NeighbourhoodReport__styles__dataSetBlue__1Asfh\",\"dataSetGreen\":\"NeighbourhoodReport__styles__dataSetGreen__1m81p\",\"dataSetPurple\":\"NeighbourhoodReport__styles__dataSetPurple__3xECN\",\"dataSetOrange\":\"NeighbourhoodReport__styles__dataSetOrange__3Js9H\",\"schoolItem\":\"NeighbourhoodReport__styles__schoolItem__3PLa4\",\"schoolScore\":\"NeighbourhoodReport__styles__schoolScore__-EcUO\",\"schoolScoreHidden\":\"NeighbourhoodReport__styles__schoolScoreHidden__3aoKr\",\"placesList\":\"NeighbourhoodReport__styles__placesList__Y5AGh\",\"parkItem\":\"NeighbourhoodReport__styles__parkItem__3xJWy\",\"transitItem\":\"NeighbourhoodReport__styles__transitItem__Vboeu\",\"facilityItem\":\"NeighbourhoodReport__styles__facilityItem__3OPJg\",\"convenienceItem\":\"NeighbourhoodReport__styles__convenienceItem__DOzg5\",\"secondList\":\"NeighbourhoodReport__styles__secondList__38eF7\",\"mapContainer\":\"NeighbourhoodReport__styles__mapContainer__rVAj6\"};","/* eslint indent: \"off\"*/\n\n/**\n*\n* DetailedReportLink\n*\n*/\n\nimport React from 'react';\n\nimport { FormattedMessage } from 'react-intl';\nimport messages from './messages';\nimport styles from './styles.css';\n\nimport Button from 'components/Button';\n\n\nclass DetailedReportLink extends React.Component { // eslint-disable-line react/prefer-stateless-function\n openDetailedReportPage = () => {\n // this.openRoute(`/package/${packageID}/detailed`, source);\n }\n\n render() {\n const { children } = this.props;\n let linkContent = (\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n Overview
\r\n{description}
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n Schools
\r\n{highlights.schools_description}
\r\n {this.renderSchools()}\r\n\r\n
\r\n\r\n \r\n
\r\n Parks & Rec.
\r\n{highlights.parks_description}
\r\n {this.renderParks()}\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Transit
\r\n{highlights.transit_description}
\r\n {this.renderTransit()}\r\n\r\n
\r\n \r\n
\r\n Convenience
\r\n{highlights.convenience_description}
\r\n {this.renderConvenience()}\r\n\n {detailedReportButton}\n
\n );\n }\n}\n\nexport default DetailedReportLink;\n","/*\n * DetailedReportLink Messages\n *\n * This contains all the text for the DetailedReportLink component.\n */\nimport { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n defaultContent: {\n id: 'app.components.DetailedReportLink.defaultContent',\n defaultMessage: 'Read more in our detailed report',\n },\n});\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"detailedReportLink\":\"DetailedReportLink__styles__detailedReportLink__WmKjd\",\"reportLinkHidden\":\"DetailedReportLink__styles__reportLinkHidden__12uZA\"};","/**\n*\n* Distance\n*\n*/\n\nimport React from 'react';\n\nimport styles from './styles.css';\n\nconst KM_TO_MILES = 0.621;\n\nfunction Distance(props) {\n let displayedDistance;\n\n if (props.locale === 'en-US') {\n displayedDistance = `${Math.round(props.distance * KM_TO_MILES * 100) / 100} miles`;\n } else {\n displayedDistance = `${Math.round(props.distance * 100) / 100} KM`;\n }\n\n return (\n {displayedDistance}\n );\n}\n\n\n\nexport default Distance;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"distance\":\"Distance__styles__distance__1_JNf\"};","/**\n*\n* DownCurvedArrow\n*\n*/\n\nimport React from 'react';\n\nfunction DownCurvedArrow() {\n return (\n \n );\n}\n\nexport default DownCurvedArrow;\n","/**\n*\n* FeatureItem\n*\n*/\n\nimport React from 'react';\n\nimport styles from './styles.css';\n\nimport textHelpers from 'utils/textHelpers';\n\nfunction FeatureItem(props) {\n const { valueProp, label, children } = props;\n\n const displayValue = valueProp && valueProp.length < 100;\n const displayChildren = typeof children !== 'undefined';\n\n let valueContent = null;\n\n if (displayValue) {\n let value = valueProp;\n\n if (label === 'Address' && value) {\n value = value.split(',').slice(0, 1).join(',');\n }\n\n if (value.constructor === Array && value) {\n value = textHelpers.toSentence(value);\n }\n\n valueContent = (\n \n {value}\n \n );\n } else if (displayChildren) {\n valueContent = (\n \n {children}\n \n );\n }\n\n return (\n \n \n {label}\n \n\n {valueContent}\n
\n );\n}\n\n// NOTE : Requires EITHER value OR children\n// TODO : make sure of this somehow...\n\n\nexport default FeatureItem;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"featureItem\":\"FeatureItem__styles__featureItem__1YqoM\",\"label\":\"FeatureItem__styles__label__3jyJr\"};","/**\n*\n* Features\n*\n*/\n\nimport React from 'react';\nimport Immutable from 'immutable';\n\nimport styles from './styles.css';\n\nimport FeatureItem from '../FeatureItem';\n\nfunction Features(props) {\n const { features, displayKeys, children } = props;\n\n let featuresContent = [];\n const hasChildrenProps = typeof children !== 'undefined';\n const hasDisplayKeys = typeof displayKeys !== 'undefined';\n\n if (hasChildrenProps) {\n featuresContent = [children];\n }\n\n if (hasDisplayKeys) {\n displayKeys.forEach((feature) => {\n let individualFeature = features[feature];\n if (Immutable.Iterable.isIterable(individualFeature)) {\n individualFeature = individualFeature.toArray();\n }\n if (individualFeature) {\n featuresContent.push(\n \n {featuresContent}\n
\n );\n}\n\n\n\nexport default Features;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"features\":\"Features__styles__features__1TndJ\"};","/* eslint key-spacing: [\"error\", {\n \"align\": {\n \"beforeColon\": true,\n \"afterColon\": true,\n \"on\": \"colon\"\n }\n}] */\n\n/**\n*\n* IconName\n*\n*/\n\nimport React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport messages from './messages';\n\nfunction IconName(props) {\n const iconKeyMessagePairs = {\n cleaners : messages.cleaners,\n 'coffee-shops' : messages.coffeeShops,\n 'fire-stations' : messages.fireStations,\n 'gas-stations' : messages.gasStations,\n grocery : messages.grocery,\n gyms : messages.gyms,\n // 'health-care' : messages.healthCare, // none for now\n 'rail-transit' : messages.railTransit,\n pharmacies : messages.pharmacies,\n police : messages.police,\n 'shopping-malls' : messages.shoppingMalls,\n 'street-level-transit' : messages.streetLevelTransit,\n 'water-transit' : messages.waterTransit,\n 'recreation-centres' : messages.recreationCenters, // US Spelling\n 'recreation-centres-ca' : messages.recreationCentres, // CA Spelling\n swimming : messages.swimming,\n 'skating-rinks' : messages.skatingRinks,\n 'ski-resorts' : messages.skiResorts,\n arenas : messages.arenas,\n yoga : messages.yoga,\n 'martial-arts' : messages.martialArts,\n bowling : messages.bowling,\n // NOTE : here in case they are needed\n // 'ballDiamond' : BallDiamond,\n // 'basketballCourt' : BasketballCourt,\n // 'communityCenter' : CommunityCenter,\n // 'dogPark' : DogPark,\n // 'generic' : Generic, // repeat\n // 'golfGeneric' : GolfGeneric\n // 'handballCourt' : HandballCourt,\n // 'playground' : Playground,\n // 'pool' : Pool,\n // 'rink' : Rink,\n // 'skateboardPark' : SkateboardPark,\n // 'skiingSnowboarding' : SkiingSnowboarding,\n // 'splashPad' : SplashPad,\n // 'sportsField' : SportsField,\n // 'swimmingPool' : SwimmingPool,\n // 'tennisCourt' : TennisCourt,\n // 'track' : Track,\n // 'trail' : Trail,\n // 'volleyballCourt' : VolleyballCourt,\n // 'wadingPool' : WadingPool,\n };\n\n const americanToCanadianSpelling = [\n 'recreation-centres',\n ];\n\n let iconType = props.iconType;\n\n // NOTE : Assumes default is US spelling\n if (props.locale === 'en-CA' && americanToCanadianSpelling.includes(props.iconType)) {\n iconType = `${props.iconType}-ca`;\n }\n\n return (\n ![\"Esso\"](\"/assets/logos/esso.png\")
,\n 'goodlife-fitness' : ![\"GoodLife\"](\"/assets/logos/goodlife-fitness.png\")
,\n 'bally-total-fitness' : ![\"Bally\"](\"/assets/logos/bally-total-fitness.png\")
,\n loblaws : ![\"Loblaws\"](\"/assets/logos/loblaws.png\")
,\n 'shoppers-drug-mart' : ![\"Shoppers\"](\"/assets/logos/shoppers-drug-mart.png\")
,\n 'sketchley-cleaners' : ![\"Sketchley\"](\"/assets/logos/sketchley-cleaners.png\")
,\n starbucks : ![\"Starbucks\"](\"/assets/logos/starbucks.png\")
,\n };\n\n const componentToRender = iconKeyComponentPairs[props.logoType] || ;\n\n return (\n \n {componentToRender}\n
\n );\n}\n\n\n\nexport default PNGIcon;\n","/**\n*\n* WalkTime\n*\n*/\n\nimport React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport messages from './messages';\nimport styles from './styles.css';\n\nimport SVGIcon from '../../../SVGIcon';\n\nfunction WalkTime(props) {\n const { distance } = props;\n\n let walkTime = Math.round((distance / 4.5) * 60);\n\n if (walkTime === 0) {\n walkTime = 1;\n }\n\n return (\n \n
\n );\n}\n\n\n\nexport default WalkTime;\n","/*\n * WalkTime Messages\n *\n * This contains all the text for the WalkTime component.\n */\nimport { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n minutes: {\n id: 'app.components.WalkTime.minutes',\n defaultMessage: 'min',\n },\n});\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"walkTime\":\"WalkTime__styles__walkTime__2Oulh\"};","import React from 'react';\nimport ReactTooltip from 'react-tooltip';\nimport { FormattedMessage } from 'react-intl';\nimport classNames from 'classnames';\n\nimport messages from './messages';\nimport styles from './styles.css';\n\nimport InformationIcon from './components/InformationIcon';\nimport DownCurvedArrow from './components/DownCurvedArrow';\nimport DetailedReportLink from './components/DetailedReportLink';\n\nimport FacilityIconMapping from 'components/reports/FacilityIconMapping';\nimport Distance from './components/Distance';\nimport WalkTime from './components/WalkTime';\nimport IconName from './components/IconName';\nimport SVGIcon from 'components/reports/SVGIcon';\nimport PNGIcon from './components/PNGIcon';\nimport Button from 'components/Button';\n\nimport FeatureItem from './components/FeatureItem';\nimport Features from './components/Features';\n\n// import {\n// selectHighlightsLocale,\n// selectHighlightsUserReportCreatorEmail,\n// } from 'containers/PackagePage/selectors';\n\nimport textHelpers from 'utils/textHelpers';\n\n// NOTE : duplicate from components/highlights/dataSets/parks/Facilities\nconst facilitiesShortForms = {\n 'Computer/Training Room': 'Computer Room',\n 'Fitness/Weight Room': 'Fitness Room',\n 'Preschool Activities Room': 'Preschool Room',\n 'Lawn Bowling/Bocce Green': 'Lawn Bowling/Bocce',\n};\n\n// NOTE : this store is made accessible in app.js where the store is created/configured\n// function store() {\n// return window.store;\n// }\n\n// function locale() {\n// return selectHighlightsLocale()(store().getState());\n// }\n\n// function userReportCreatorEmail() {\n// return selectHighlightsUserReportCreatorEmail()(store().getState());\n// }\n\nexport default new class {\n // /////////// SHARED REGULAR AND EXPANDED CONTENT STARTS HERE ///////////////\n lookDeeperDisplay(showLooKDeeper, shiftLookDeeper) {\n const extraStyling = shiftLookDeeper ? styles.lookDeeperShifted : '';\n\n if (showLooKDeeper) {\n return (\n \n \n
\n );\n }\n return null;\n }\n\n publicSchoolsInfoDisplay(showCatchmentInfo, showNoCatchmentInfo) {\n if (showCatchmentInfo || showNoCatchmentInfo) {\n const tooltipMessage = showCatchmentInfo ? messages.tooltipCatchment : messages.tooltipNoCatchment;\n return (\n \n
\n \n
\n \n \n
\n \n \n \n
\n );\n }\n return null;\n }\n\n primaryIconDisplay(iconType, logoType, primaryIconStyle) {\n if (iconType) {\n return (\n \n
\n \n
\n \n
\n );\n } else if (logoType) {\n return (\n \n
\n \n
\n );\n }\n return null;\n }\n\n secondaryNameDisplay(secondaryName) {\n if (secondaryName) return \n
\n {secondaryName}
;\n return null;\n }\n\n schoolDesignation(catchmentDesignation, assignedGrades) {\n if (catchmentDesignation) {\n return assignedGrades ?{schoolGrades} (Assigned)
;\n // }\n return{schoolGrades}
;\n }\n return null;\n }\n\n walkTimeDisplay(distance, showWalkTime, walkRadius) {\n if (distance && showWalkTime && distance <= walkRadius) {\n return (\n\n
\n );\n }\n return null;\n }\n // /////////// SHARED REGULAR AND EXPANDED CONTENT STARTS HERE ///////////////\n\n // ////////////////// REGULAR-ONLY CONTENT STARTS HERE //////////////////////\n // NOTE : Same logic as primaryNameExpandedDisplay\n primaryNameDisplay(genericPrimaryName, specificPrimaryName, iconType) {\n if (genericPrimaryName && specificPrimaryName) {\n return {specificPrimaryName}
;\n }\n // NOTE : this case should not happen, generally speaking\n return{address}
: null;\n }\n\n // TEMP : commented out until further notice\n // // NOTE : similar logic to distanceExpandedDisplay()\n // distanceDisplay(distance) {\n // if (distance >= 0) {\n // return (\n //\n //
\n {FacilityIconMapping[icon]}\n
\n );\n }\n\n if (iconFacilities.length > 0) {\n return (\n \n {iconFacilities}\n
\n );\n }\n return null;\n }\n // /////////////////// REGULAR-ONLY CONTENT ENDS HERE ///////////////////////\n\n // ////////////////// EXPANDED-ONLY CONTENT STARTS HERE //////////////////////\n // NOTE : Same logic as primaryNameDisplay\n primaryNameExpandedDisplay(genericPrimaryName, specificPrimaryName, iconType) {\n if (genericPrimaryName && specificPrimaryName) {\n return {specificPrimaryName}
;\n } else if (genericPrimaryName) {\n return{specificPrimaryName}
;\n }\n // NOTE : this case should not happen, generally speaking\n return{address}
\n );\n }\n return addressDisplay;\n }\n\n // NOTE : similar logic to distanceDisplay()\n distanceExpandedDisplay(distance, featureKeys) {\n if (featureKeys === undefined || (featureKeys && !featureKeys.includes('Distance'))) {\n if (distance >= 0) {\n return (\n\n
\n
\n );\n });\n\n if (expandedFacilities.length > 0) {\n return [\n
\n\n \n
\n \n {textHelpers.pluralize(count, facilityTerm)}\n
\n {expandedFacilities}
, icons];\n }\n }\n\n return [null, icons];\n }\n\n featuresDisplay(features, featureKeys, distance) {\n if (features && Object.keys(features).length > 0 && featureKeys) {\n let featureItems = null;\n if (featureKeys.includes('Distance') && distance >= 0) {\n featureItems = (\n \n \n
\n );\n }\n return null;\n }\n\n secondaryUrlDisplay(secondaryUrl, secondaryUrlMessage, handleSecondaryClick) {\n if (secondaryUrl) {\n let secondaryUrlFormattedMessage = \n \n
\n );\n }\n return null;\n }\n\n detailedReportLinkDisplay(placeType, hideDetailedRepLink) {\n if (hideDetailedRepLink) return null;\n return \n {variableContent}\n
\n );\n}\n\nclass Place extends React.Component { // eslint-disable-line react/prefer-stateless-function\n constructor(props) {\n super(props);\n this.state = {\n accordionExpanded: false,\n };\n }\n\n toggleAccordion = () => {\n this.setState({ accordionExpanded: !this.state.accordionExpanded });\n }\n\n render() {\n const {\n placeType, // NOTE : used in DetailedReportLink for Kissmetrics\n iconType,\n logoType, // NOTE : for sponsored convenience section\n genericPrimaryName,\n specificPrimaryName,\n secondaryName,\n gradeOfferings,\n gradeLevels,\n assignedGrades, // NOTE: it is {true} if place_category_key === 'school-attendance-zones'\n catchmentDesignation, // NOTE : currently only {true} for schools highlights report\n address,\n distance,\n showWalkTime,\n facilities, // NOTE : currently only used for parks\n features, // TODO : check this\n featureKeys, // TODO : check this\n url,\n urlMessage,\n handleClick, // NOTE : used for tracking (Kissmetrics) place's url being clicked\n secondaryUrl, // NOTE : primarily meant for Great Schools link\n secondaryUrlMessage,\n handleSecondaryClick,\n showLooKDeeper, // NOTE : currently only being used in Schools component\n shiftLookDeeper, // NOTE : affects styling of LookDeeper\n showCatchmentInfo, // NOTE : currently only being used in Schools component\n showNoCatchmentInfo, // NOTE : currently only being used in Schools component\n // hideDetailedRepLink,\n primaryIconStyle, // NOTE : for colors, currently only used by Parks\n placeStyle,\n contentStyle, // NOTE : for colors\n expandedInfoStyle, // NOTE : for colors\n expanded,\n packageOptions,\n } = this.props;\n\n const { campaign, branding } = this.props;\n\n const viewingHKCampaign = campaign && campaign.get('campaign_id') === 'HarveyKallesCampaign';\n const schoolQBranding = branding === 'schoolq';\n\n const hideDetailedRepLink = packageOptions && !packageOptions.options.package_contents.includes('detailed');\n // const hideDetailedRepLink = viewingHKCampaign || schoolQBranding ? true : this.props.hideDetailedRepLink;\n\n // Shared in final display\n const lookDeeperDisplay = content.lookDeeperDisplay(showLooKDeeper, shiftLookDeeper);\n const publicSchoolsInfoDisplay = content.publicSchoolsInfoDisplay(showCatchmentInfo, showNoCatchmentInfo);\n\n // Shared RegularCore and ExpandedCore Info Display Elements\n const primaryIconDisplay = content.primaryIconDisplay(iconType, logoType, primaryIconStyle);\n const walkTimeDisplay = content.walkTimeDisplay(distance, showWalkTime, TWENTY_MIN_WALK);\n\n // Expanded Info Display Elements\n const [facilitiesExpandedDisplay, icons] = content.facilitiesAndIcons(facilities);\n\n const expandedInnerContent = (\n \n {content.primaryNameExpandedDisplay(genericPrimaryName, specificPrimaryName, iconType)}\n {content.secondaryNameDisplay(secondaryName)}\n {content.schoolDesignation(catchmentDesignation, assignedGrades)}\n {content.schoolGradesDisplay(gradeOfferings, gradeLevels, assignedGrades, catchmentDesignation)}\n {content.addressExpandedDisplay(address, featureKeys)}\n {content.distanceExpandedDisplay(distance, featureKeys)}\n {facilitiesExpandedDisplay}\n {content.featuresDisplay(features, featureKeys, distance)}\n {content.primaryUrlDisplay(url, urlMessage, handleClick)}\n {content.secondaryUrlDisplay(secondaryUrl, secondaryUrlMessage, handleSecondaryClick)}\n {content.detailedReportLinkDisplay(placeType, hideDetailedRepLink)}\n
\n );\n\n const regularInnerContent = (\n \n {content.primaryNameDisplay(genericPrimaryName, specificPrimaryName, iconType)}\n {content.secondaryNameDisplay(secondaryName)}\n {content.schoolDesignation(catchmentDesignation, assignedGrades)}\n {content.schoolGradesDisplay(gradeOfferings, gradeLevels, assignedGrades, catchmentDesignation)}\n {content.addressDisplay(address)}\n {/* content.distanceDisplay(distance) */}\n {content.facilitiesIconsDisplay(icons)}\n
\n );\n\n const expandedCore = [primaryIconDisplay, innerContent(expandedInnerContent, contentStyle, 'expanded'), walkTimeDisplay];\n const regularCore = [primaryIconDisplay, innerContent(regularInnerContent, contentStyle, 'regular'), walkTimeDisplay];\n\n const expandedInfoContent = (\n \n {expandedCore}\n
\n );\n\n const regularInfoContent = (\n \n {regularCore}\n
\n );\n\n const accordionInfoContent = this.state.accordionExpanded ? (\n \n \n {expandedCore}\n
\n ) : (\n \n \n {regularCore}\n
\n );\n\n if (expanded) {\n return (\n \n
\n );\n }\n\n return (\n \n {publicSchoolsInfoDisplay}\n
\n \n
\n \n {expandedCore}\n
\n \n
\n );\n }\n}\n\n// const mapStateToProps = createStructuredSelector({\n// campaign: selectHighlightsCampaignInfo(),\n// branding: selectHighlightsHoodqBranding(),\n// packageOptions: selectPackageOptions(),\n// });\n\nexport default Place;\n","/*\n * Place Messages\n *\n * This contains all the text for the Place component.\n */\nimport { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n url: {\n id: 'app.components.Place.url',\n defaultMessage: 'Go to the website',\n },\n lookDeeperPartOne: {\n id: 'app.components.Place.lookDeeperPartOne',\n defaultMessage: 'Look ',\n },\n lookDeeperPartTwo: {\n id: 'app.components.Place.lookDeeperPartTwo',\n defaultMessage: 'deeper',\n },\n nearbySchools: {\n id: 'app.components.Place.nearbySchools',\n defaultMessage: 'Nearby Schools',\n },\n tooltipNoCatchment: {\n id: 'app.components.Place.tooltipNoCatchment',\n defaultMessage: 'School boards for this address do not provide school attendance boundary data to third parties (like HoodQ). Therefore, schools are included based on distance from the home. Please confirm attendance eligibility with each school board.',\n },\n tooltipCatchment: {\n id: 'app.components.Place.tooltipCatchment',\n defaultMessage: 'Assigned schools are designated by the school board as the required or preferred schools for children at this address to attend. Other nearby schools are included based on distance from the home. Please confirm attendance eligibility with each school board.',\n },\n catchment: {\n id: 'app.components.Place.catchment',\n defaultMessage: 'Designated Catchment School',\n },\n nonCatchment: {\n id: 'app.components.Place.nonCatchment',\n defaultMessage: 'Non-Catchment School',\n },\n});\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"place\":\"Place__styles__place__3FG-b\",\"expandedInfo\":\"Place__styles__expandedInfo__24nOj\",\"nearbySchools\":\"Place__styles__nearbySchools__ub0yp\",\"content\":\"Place__styles__content__2tR_k\",\"expandedInfoVisible\":\"Place__styles__expandedInfoVisible__1K2ba\",\"regularInfo\":\"Place__styles__regularInfo__3R-Az\",\"icon\":\"Place__styles__icon__c2PB0\",\"innerContent\":\"Place__styles__innerContent__2EzDe\",\"iconContainer\":\"Place__styles__iconContainer__ewV_y\",\"facilityCount\":\"Place__styles__facilityCount__1tfOu\",\"facilitiesIcons\":\"Place__styles__facilitiesIcons__1E7e0\",\"expandedFacility\":\"Place__styles__expandedFacility__1Y6O7\",\"urlLink\":\"Place__styles__urlLink__3YqWF\",\"lookDeeper\":\"Place__styles__lookDeeper__3mMZl\",\"lookDeeperShifted\":\"Place__styles__lookDeeperShifted__1jTlZ\",\"lookDeeperPartOne\":\"Place__styles__lookDeeperPartOne__1yv70\",\"lookDeeperPartTwo\":\"Place__styles__lookDeeperPartTwo__1SxdJ\",\"lookDeeperIcon\":\"Place__styles__lookDeeperIcon__1XSDa\",\"nearbySchoolsText\":\"Place__styles__nearbySchoolsText__2iBwv\",\"nearbySchoolsIcon\":\"Place__styles__nearbySchoolsIcon__22C6A\",\"accordionButtonOne\":\"Place__styles__accordionButtonOne__2kaMM\",\"accordionButtonTwo\":\"Place__styles__accordionButtonTwo__3HptB\",\"chevronUp\":\"Place__styles__chevronUp__1IGDt\",\"chevronDown\":\"Place__styles__chevronDown__j5i6D\"};","import React from 'react';\n// import Helmet from 'react-helmet';\nimport getBranding from 'components/branding';\n\nconst openGraphTags = require(\"open-graph-meta/tags\");\n\nexport default function ReportHelmet(props) {\n const branding = getBranding(props.branding);\n const title = `${branding.brandName} | ${props.reportTitle} | ${props.reportName}`;\n\n return null;\n}","/**\n*\n* Cleaners\n*\n*/\n\nimport React from 'react';\n\nfunction Cleaners() {\n return (\n \n );\n}\n\nexport default Cleaners;\n","/**\n*\n* CoffeeShops\n*\n*/\n\nimport React from 'react';\n\nfunction CoffeeShops() {\n return (\n \n );\n}\n\nexport default CoffeeShops;\n","/**\n*\n* FireStations\n*\n*/\n\nimport React from 'react';\n\nfunction FireStations() {\n return (\n \n );\n}\n\nexport default FireStations;\n","/**\n*\n* GasStations\n*\n*/\n\nimport React from 'react';\n\nfunction GasStations() {\n return (\n \n );\n}\n\nexport default GasStations;\n","/**\n*\n* Grocery\n*\n*/\n\nimport React from 'react';\n\nfunction Grocery() {\n return (\n \n );\n}\n\nexport default Grocery;\n","/**\n*\n* Gyms\n*\n*/\n\nimport React from 'react';\n\nfunction Gyms() {\n return (\n \n );\n}\n\nexport default Gyms;\n","/**\n*\n* HealthCare\n*\n*/\n\nimport React from 'react';\n\nfunction HealthCare() {\n return (\n \n );\n}\n\nexport default HealthCare;\n","/**\n*\n* Parks\n*\n*/\n\nimport React from 'react';\n\nfunction Parks() {\n return (\n \n );\n}\n\nexport default Parks;\n","/**\n*\n* Pharmacies\n*\n*/\n\nimport React from 'react';\n\nfunction Pharmacies() {\n return (\n \n );\n}\n\nexport default Pharmacies;\n","/**\n*\n* Police\n*\n*/\n\nimport React from 'react';\n\nfunction Police() {\n return (\n \n );\n}\n\nexport default Police;\n","/**\n*\n* RailTransit\n*\n*/\n\nimport React from 'react';\n\nfunction RailTransit() {\n return (\n \n );\n}\n\nexport default RailTransit;\n","/**\n*\n* School\n*\n*/\n\nimport React from 'react';\n\nfunction School() {\n return (\n \n );\n}\n\nexport default School;\n","/**\n*\n* StreetLevelTransit\n*\n*/\n\nimport React from 'react';\n\nfunction StreetLevelTransit() {\n return (\n \n );\n}\n\nexport default StreetLevelTransit;\n","/**\n*\n* BallDiamond\n*\n*/\n\nimport React from 'react';\n\nfunction BallDiamond() {\n return (\n \n );\n}\n\nexport default BallDiamond;\n","/**\n*\n* BasketballCourt\n*\n*/\n\nimport React from 'react';\n\nfunction BasketballCourt() {\n return (\n \n );\n}\n\nexport default BasketballCourt;\n","/**\n*\n* CommunityCenter\n*\n*/\n\nimport React from 'react';\n\nfunction CommunityCenter() {\n return (\n \n );\n}\n\nexport default CommunityCenter;\n","/**\n*\n* DogPark\n*\n*/\n\nimport React from 'react';\n\nfunction DogPark() {\n return (\n \n );\n}\n\nexport default DogPark;\n","/**\n*\n* Generic\n*\n*/\n\nimport React from 'react';\n\nfunction Generic() {\n return (\n \n );\n}\n\nexport default Generic;\n","/**\n*\n* GolfGeneric\n*\n*/\n\nimport React from 'react';\n\nfunction GolfGeneric() {\n return (\n \n );\n}\n\nexport default GolfGeneric;\n","/**\n*\n* HandballCourt\n*\n*/\n\nimport React from 'react';\n\nfunction HandballCourt() {\n return (\n \n );\n}\n\nexport default HandballCourt;\n","/**\n*\n* Playground\n*\n*/\n\nimport React from 'react';\n\nfunction Playground() {\n return (\n \n );\n}\n\nexport default Playground;\n","/**\n*\n* Pool\n*\n*/\n\nimport React from 'react';\n\nfunction Pool() {\n return (\n \n );\n}\n\nexport default Pool;\n","/**\n*\n* Rink\n*\n*/\n\nimport React from 'react';\n\nfunction Rink() {\n return (\n \n );\n}\n\nexport default Rink;\n","/**\n*\n* SkateboardPark\n*\n*/\n\nimport React from 'react';\n\nfunction SkateboardPark() {\n return (\n \n );\n}\n\nexport default SkateboardPark;\n","/**\n*\n* SkiingSnowboarding\n*\n*/\n\nimport React from 'react';\n\nfunction SkiingSnowboarding() {\n return (\n \n );\n}\n\nexport default SkiingSnowboarding;\n","/**\n*\n* SplashPad\n*\n*/\n\nimport React from 'react';\n\nfunction SplashPad() {\n return (\n \n );\n}\n\nexport default SplashPad;\n","/**\n*\n* SportsField\n*\n*/\n\nimport React from 'react';\n\nfunction SportsField() {\n return (\n \n );\n}\n\nexport default SportsField;\n","/**\n*\n* Stadium\n*\n*/\n\nimport React from 'react';\n\nfunction Stadium() {\n return (\n \n );\n}\n\nexport default Stadium;\n","/**\n*\n* SwimmingPool\n*\n*/\n\nimport React from 'react';\n\nfunction SwimmingPool() {\n return (\n \n );\n}\n\nexport default SwimmingPool;\n","/**\n*\n* TennisCourt\n*\n*/\n\nimport React from 'react';\n\nfunction TennisCourt() {\n return (\n \n );\n}\n\nexport default TennisCourt;\n","/**\n*\n* Track\n*\n*/\n\nimport React from 'react';\n\nfunction Track() {\n return (\n \n );\n}\n\nexport default Track;\n","/**\n*\n* Trail\n*\n*/\n\nimport React from 'react';\n\nfunction Trail() {\n return (\n \n );\n}\n\nexport default Trail;\n","/**\n*\n* VolleyballCourt\n*\n*/\n\nimport React from 'react';\n\nfunction VolleyballCourt() {\n return (\n \n );\n}\n\nexport default VolleyballCourt;\n","/**\n*\n* WadingPool\n*\n*/\n\nimport React from 'react';\n\nfunction WadingPool() {\n return (\n \n );\n}\n\nexport default WadingPool;\n","/**\n*\n* Convenience\n*\n*/\n\nimport React from 'react';\n\nfunction Convenience(props) {\n const { x, y, height, width } = props;\n\n return (\n \n );\n}\n\n\n\nexport default Convenience;\n","/**\n*\n* Convenience\n*\n*/\n\nimport React from 'react';\n\nfunction Convenience(props) {\n const { x, y, height, width } = props;\n\n return (\n \n );\n}\n\n\n\nexport default Convenience;\n","/**\n*\n* ParksRec\n*\n*/\n\nimport React from 'react';\n\nfunction ParksRec(props) {\n const { x, y, height, width } = props;\n\n return (\n \n );\n}\n\n\n\nexport default ParksRec;\n","/**\n*\n* Schools\n*\n*/\n\nimport React from 'react';\n\nfunction Schools(props) {\n const { x, y, height, width } = props;\n\n return (\n \n );\n}\n\n\n\nexport default Schools;\n","/**\n*\n* Transit\n*\n*/\n\nimport React from 'react';\n\nfunction Transit(props) {\n const { x, y, height, width } = props;\n\n return (\n \n );\n}\n\n\n\nexport default Transit;\n","/**\n*\n* Convenience\n*\n*/\n\nimport React from 'react';\n\nfunction Convenience(props) {\n const { x, y, height, width } = props;\n\n return (\n \n );\n}\n\n\n\nexport default Convenience;\n","/**\n*\n* ConvenienceAlt\n*\n*/\n\nimport React from 'react';\n\nfunction ConvenienceAlt(props) {\n const { x, y, height, width } = props;\n\n return (\n \n );\n}\n\n\n\nexport default ConvenienceAlt;\n","/**\n*\n* ParksRec\n*\n*/\n\nimport React from 'react';\n\nfunction ParksRec(props) {\n const { x, y, height, width } = props;\n\n return (\n \n );\n}\n\n\n\nexport default ParksRec;\n","/**\n*\n* Safety\n*\n*/\n\nimport React from 'react';\n\nfunction Safety(props) {\n const { x, y, height, width } = props;\n\n return (\n \n );\n}\n\n\n\nexport default Safety;\n","/**\n*\n* Schools\n*\n*/\n\nimport React from 'react';\n\nfunction Schools(props) {\n const { x, y, height, width } = props;\n\n return (\n \n );\n}\n\n\n\nexport default Schools;\n","/**\n*\n* Transit\n*\n*/\n\nimport React from 'react';\n\nfunction Transit(props) {\n const { x, y, height, width } = props;\n\n return (\n \n );\n}\n\n\n\nexport default Transit;\n","/**\n*\n* EstablishedFamilies\n*\n*/\n\nimport React from 'react';\n\nfunction EstablishedFamilies() {\n return (\n \n );\n}\n\nexport default EstablishedFamilies;\n","/**\n*\n* MatureAdults\n*\n*/\n\nimport React from 'react';\n\nfunction MatureAdults() {\n return (\n \n );\n}\n\nexport default MatureAdults;\n","/**\n*\n* OlderAdults\n*\n*/\n\nimport React from 'react';\n\nfunction OlderAdults() {\n return (\n \n );\n}\n\nexport default OlderAdults;\n","/**\n*\n* Professionals\n*\n*/\n\nimport React from 'react';\n\nfunction Professionals() {\n return (\n \n );\n}\n\nexport default Professionals;\n","/**\n*\n* StartupFamilies\n*\n*/\n\nimport React from 'react';\n\nfunction StartupFamilies() {\n return (\n \n );\n}\n\nexport default StartupFamilies;\n","/**\n*\n* YoungerAdults\n*\n*/\n\nimport React from 'react';\n\nfunction YoungerAdults() {\n return (\n \n );\n}\n\nexport default YoungerAdults;\n","/**\n*\n* EstablishedFamilies\n*\n*/\n\nimport React from 'react';\n\nfunction EstablishedFamilies() {\n return (\n \n );\n}\n\nexport default EstablishedFamilies;\n","/**\n*\n* MatureAdults\n*\n*/\n\nimport React from 'react';\n\nfunction MatureAdults() {\n return (\n \n );\n}\n\nexport default MatureAdults;\n","/**\n*\n* OlderAdults\n*\n*/\n\nimport React from 'react';\n\nfunction OlderAdults() {\n return (\n \n );\n}\n\nexport default OlderAdults;\n","/**\n*\n* Professionals\n*\n*/\n\nimport React from 'react';\n\nfunction Professionals() {\n return (\n \n );\n}\n\nexport default Professionals;\n","/**\n*\n* StartupFamilies\n*\n*/\n\nimport React from 'react';\n\nfunction StartupFamilies() {\n return (\n \n );\n}\n\nexport default StartupFamilies;\n","/**\n*\n* YoungerAdults\n*\n*/\n\nimport React from 'react';\n\nfunction YoungerAdults() {\n return (\n \n );\n}\n\nexport default YoungerAdults;\n","/**\n*\n* BlueBadge\n*\n*/\n\nimport React from 'react';\n\nfunction BlueBadge() {\n return (\n \n );\n}\n\nexport default BlueBadge;\n","/**\n*\n* BlueBadgeWithoutShadow\n*\n*/\n\nimport React from 'react';\n\nfunction BlueBadgeWithoutShadow() {\n return (\n \n );\n}\n\nexport default BlueBadgeWithoutShadow;\n","/**\n*\n* Bowling\n*\n*/\n\nimport React from 'react';\n\nfunction Bowling() {\n return (\n \n );\n}\n\nexport default Bowling;\n","/**\n*\n* Circle\n*\n*/\n\nimport React from 'react';\n\nfunction Circle() {\n return (\n \n );\n}\n\nexport default Circle;\n","/**\n*\n* Clipboard\n*\n*/\n\nimport React from 'react';\n\n// NOTE : Height:Width Ratio is 1:0.875\n\nfunction Clipboard(props) {\n const { x, y, height, width } = props;\n\n return (\n \n );\n}\n\n\n\nexport default Clipboard;\n","/**\n*\n* DownCurvedArrow\n*\n*/\n\nimport React from 'react';\n\nfunction DownCurvedArrow() {\n return (\n \n );\n}\n\nexport default DownCurvedArrow;\n","/**\n*\n* HeaderDownArrow\n*\n*/\n\nimport React from 'react';\n\nfunction HeaderDownArrow() {\n return (\n \n );\n}\n\nexport default HeaderDownArrow;\n","/**\n*\n* HomePin\n*\n*/\n\nimport React from 'react';\n\nfunction HomePin() {\n return (\n \n );\n}\n\nexport default HomePin;\n","/**\n *\n * InformationIcon\n *\n **/\n\nimport React from 'react';\n\nfunction InformationIcon() {\n return (\n \n );\n}\n\nexport default InformationIcon;\n","/**\n *\n * InformationIcon\n *\n **/\n\nimport React from 'react';\n\nfunction InformationIcon() {\n return (\n \n );\n}\n\nexport default InformationIcon;\n","/**\n*\n* MartialArts\n*\n*/\n\nimport React from 'react';\n\nfunction MartialArts() {\n return (\n \n );\n}\n\nexport default MartialArts;\n","/**\n*\n* PedestrianIcon\n*\n*/\n\nimport React from 'react';\n\nfunction PedestrianIcon() {\n return (\n \n );\n}\n\nexport default PedestrianIcon;\n","/**\n*\n* PinShadow\n*\n*/\n\nimport React from 'react';\n\nfunction PinShadow() {\n return (\n \n );\n}\n\nexport default PinShadow;\n","/**\n*\n* QuestionMarkIcon\n*\n*/\n\nimport React from 'react';\n\nfunction QuestionMarkIcon() {\n return (\n \n );\n}\n\nexport default QuestionMarkIcon;\n","/**\n*\n* ShoppingMalls\n*\n*/\n\nimport React from 'react';\n\nfunction ShoppingMalls() {\n return (\n \n );\n}\n\nexport default ShoppingMalls;\n","/**\n*\n* WaterTransit\n*\n*/\n\nimport React from 'react';\n\nfunction WaterTransit() {\n return (\n \n );\n}\n\nexport default WaterTransit;\n","/**\n*\n* XIcon\n*\n*/\n\nimport React from 'react';\n\nfunction XIcon() {\n return (\n \n );\n}\n\nexport default XIcon;\n","/**\n*\n* Yoga\n*\n*/\n\nimport React from 'react';\n\nfunction Yoga() {\n return (\n \n );\n}\n\nexport default Yoga;\n","/* eslint no-multi-spaces: \"off\" */\n/* eslint key-spacing: [\"error\", {\n \"align\": {\n \"beforeColon\": true,\n \"afterColon\": true,\n \"on\": \"colon\"\n }\n}] */\n\n/**\n*\n* SVGIcon\n*\n*/\n\nimport React from 'react';\n\nimport Cleaners from './images/Cleaners';\nimport CoffeeShops from './images/CoffeeShops';\nimport FireStations from './images/FireStations';\nimport GasStations from './images/GasStations';\nimport Grocery from './images/Grocery';\nimport Gyms from './images/Gyms';\nimport HealthCare from './images/HealthCare';\n// Parks ?\nimport Pharmacies from './images/Pharmacies';\nimport Police from './images/Police';\nimport RailTransit from './images/RailTransit';\nimport School from './images/School';\nimport StreetLevelTransit from './images/StreetLevelTransit';\n\n// Facilities\nimport BallDiamond from './images/facilities/BallDiamond';\nimport BasketballCourt from './images/facilities/BasketballCourt';\nimport CommunityCenter from './images/facilities/CommunityCenter';\nimport DogPark from './images/facilities/DogPark';\nimport Generic from './images/facilities/Generic';\nimport GolfGeneric from './images/facilities/GolfGeneric';\nimport HandballCourt from './images/facilities/HandballCourt';\nimport Playground from './images/facilities/Playground';\nimport Pool from './images/facilities/Pool';\nimport Rink from './images/facilities/Rink';\nimport Stadium from './images/facilities/Stadium';\nimport SkateboardPark from './images/facilities/SkateboardPark';\nimport SkiingSnowboarding from './images/facilities/SkiingSnowboarding';\nimport SplashPad from './images/facilities/SplashPad';\nimport SportsField from './images/facilities/SportsField';\nimport SwimmingPool from './images/facilities/SwimmingPool';\nimport TennisCourt from './images/facilities/TennisCourt';\nimport Track from './images/facilities/Track';\nimport Trail from './images/facilities/Trail';\nimport VolleyballCourt from './images/facilities/VolleyballCourt';\nimport WadingPool from './images/facilities/WadingPool';\n\nimport MartialArts from './images/others/MartialArts';\nimport Bowling from './images/others/Bowling';\nimport Yoga from './images/others/Yoga';\n\n// others\nimport Circle from './images/others/Circle';\nimport Clipboard from './images/others/Clipboard';\nimport HomePin from './images/others/HomePin';\nimport PedestrianIcon from './images/others/PedestrianIcon';\nimport ShoppingMalls from './images/others/ShoppingMalls';\n\n// Icons for Hood Report\nimport Convenience from './images/hood/report/Convenience';\nimport ParksRec from './images/hood/report/ParksRec';\nimport Schools from './images/hood/report/Schools';\nimport Transit from './images/hood/report/Transit';\nimport ConvenienceDesktop from './images/hood/desktop/Convenience';\nimport ParksRecDesktop from './images/hood/desktop/ParksRec';\nimport SchoolsDesktop from './images/hood/desktop/Schools';\nimport TransitDesktop from './images/hood/desktop/Transit';\n// import Professionals from './images/lifestyle/Professionals';\nimport YoungerAdults from './images/lifestyle/YoungerAdults';\nimport StartupFamilies from './images/lifestyle/StartupFamilies';\nimport EstablishedFamilies from './images/lifestyle/EstablishedFamilies';\nimport OlderAdults from './images/lifestyle/OlderAdults';\nimport MatureAdults from './images/lifestyle/MatureAdults';\n\n// Icons for Quiz\n// import LSProfessionals from './images/lifestyle/Professionals';\nimport LSYoungerAdults from './images/lifestage/YoungerAdults';\nimport LSStartupFamilies from './images/lifestage/StartupFamilies';\nimport LSEstablishedFamilies from './images/lifestage/EstablishedFamilies';\nimport LSOlderAdults from './images/lifestage/OlderAdults';\nimport LSMatureAdults from './images/lifestage/MatureAdults';\n\nfunction SVGIcon(props) {\n const { iconType, x, y, height, width } = props;\n\n const iconKeyComponentPairs = {\n cleaners : Cleaners,\n 'coffee-shops' : CoffeeShops,\n coffee_shops : CoffeeShops, // places quiz\n 'fire-stations' : FireStations,\n 'home-pin' : HomePin,\n 'gas-stations' : GasStations,\n gas_stations : GasStations, // places quiz\n // TODO : figure out a way to only have one instance of 'generic'\n Generic, // short-hand form\n generic : Generic,\n parks : Generic,\n place_to_relax : Generic, // places quiz\n grocery : Grocery,\n grocery_stores : Grocery, // places quiz\n gyms : Gyms,\n gym : Gyms, // places quiz\n school : School,\n 'rail-transit' : RailTransit,\n 'health-care' : HealthCare,\n pedestrian : PedestrianIcon,\n pharmacies : Pharmacies,\n police : Police,\n 'shopping-malls' : ShoppingMalls,\n 'street-level-transit' : StreetLevelTransit,\n // Facilities\n ballDiamond : BallDiamond,\n basketballCourt : BasketballCourt,\n basketball : BasketballCourt, // places quiz\n communityCentre : CommunityCenter,\n community_centre : CommunityCenter, // places quiz\n 'recreation-centres' : CommunityCenter,\n dogPark : DogPark,\n dog_park : DogPark, // places quiz\n // 'generic' : Generic, // repeat\n golfGeneric : GolfGeneric,\n handballCourt : HandballCourt,\n playground : Playground,\n pool : Pool,\n rink : Rink,\n rinks : Rink, // places quiz\n 'skating-rinks' : Rink,\n skateboardPark : SkateboardPark,\n skiingSnowboarding : SkiingSnowboarding,\n 'ski-resorts' : SkiingSnowboarding,\n splashPad : SplashPad,\n sportsField : SportsField,\n sports_field : SportsField, // places quiz\n swimming : SwimmingPool,\n swimmingPool : SwimmingPool,\n swimming_pool : SwimmingPool, // places quiz\n tennisCourt : TennisCourt,\n tennis : TennisCourt, // places quiz\n track : Track,\n running_track : Track,\n trail : Trail,\n volleyballCourt : VolleyballCourt,\n wadingPool : WadingPool,\n wading_pool : WadingPool, // places quiz\n 'martial-arts' : MartialArts,\n bowling : Bowling,\n yoga : Yoga,\n yoga_studio : Yoga, // places quiz\n arena : Stadium,\n arenas : Stadium,\n // Others\n circle : Circle,\n clipboard : Clipboard,\n // Icons for Hood Report\n convenience : Convenience,\n parksRec : ParksRec,\n schools : Schools,\n transit : Transit,\n 'convenience-desktop' : ConvenienceDesktop,\n 'parksRec-desktop' : ParksRecDesktop,\n 'schools-desktop' : SchoolsDesktop,\n 'transit-desktop' : TransitDesktop,\n // professionals : Professionals,\n youngerAdults : YoungerAdults,\n startupFamilies : StartupFamilies,\n establishedFamilies : EstablishedFamilies,\n olderAdults : OlderAdults,\n matureAdults : MatureAdults,\n // Icons for quiz life-stage\n // professionalsLS : LSProfessionals,\n youngerAdultsLS : LSYoungerAdults,\n younger_adultsLS : LSYoungerAdults,\n startupFamiliesLS : LSStartupFamilies,\n startup_familiesLS : LSStartupFamilies,\n establishedFamiliesLS : LSEstablishedFamilies,\n established_familiesLS : LSEstablishedFamilies,\n olderAdultsLS : LSOlderAdults,\n older_adultsLS : LSOlderAdults,\n matureAdultsLS : LSMatureAdults,\n mature_adultsLS : LSMatureAdults,\n };\n\n const ComponentToRender = iconKeyComponentPairs[iconType] || Circle;\n\n // NOTE : x, y, height and width are only used by \"Hood Report\" icons\n // convenience, parksRec, schools, & transit\n return (\n \n {publicSchoolsInfoDisplay}\n
\n \n {expandedInfoContent}\n {lookDeeperDisplay}\n {regularInfoContent}\n
\n \n {accordionInfoContent}\n
\n \n //
\n // );\n schoolItemsContent = (\n \n {placeContent}\n
\n );\n } else {\n schoolItemsContent = (\n \n {placeContent}\n
\n );\n }\n } else if (assignedSchoolsCount > 0) {\n if (!assignedTagPlaced) {\n assignedTagPlaced = true;\n // schoolItemsContent = (\n // \n //
\n // );\n schoolItemsContent = (\n Assigned
\n // {placeContent}\n //\n {placeContent}\n
\n );\n } else if (assignedTagPlaced && !unassignedTagPlaced && assignedSchoolsCount === overallSchoolsIndex) {\n unassignedTagPlaced = true;\n schoolItemsContent = (\n \n
\n );\n } else {\n schoolItemsContent = (\n \n
\n {placeContent}\n \n {placeContent}\n
\n );\n }\n }\n\n overallSchoolsIndex += 1;\n return (schoolItemsContent);\n // return (placeContent);\n });\n\n return (\n \n {schoolItemsColumn}\n
\n );\n });\n } else if (type === 'catholicSchools') {\n let assignedTagPlaced = false;\n let unassignedTagPlaced = false;\n let overallSchoolsIndex = 0;\n\n schoolItemsColumns = slicedSchools.map((item, index) => {\n const catchmentDesignation = assignedSchoolsCount > 0 && (!assignedTagPlaced || (assignedTagPlaced && !unassignedTagPlaced && assignedSchoolsCount !== overallSchoolsIndex));\n\n const placeContent = (\n \n
\n );\n\n if (assignedSchoolsCount === 0 && !unassignedTagPlaced) {\n unassignedTagPlaced = true;\n } else if (assignedSchoolsCount > 0) {\n if (!assignedTagPlaced) {\n assignedTagPlaced = true;\n } else if (assignedTagPlaced && !unassignedTagPlaced && assignedSchoolsCount === overallSchoolsIndex) {\n unassignedTagPlaced = true;\n }\n }\n\n overallSchoolsIndex += 1;\n return (placeContent);\n });\n } else {\n schoolItemsColumns = slicedSchools.map((item, index) => {\n const placeContent = (\n \n
/* NOTE : Only show 'Look Deeper' on first school item */\n );\n\n // NOTE : commented out since clearfix is not being used\n // if (schools.length > 3) {\n // if ((schools.length === 4 && index === 1) ||\n // (schools.length === 5 && index === 2) ||\n // (schools.length === 6 && index === 2)) {\n // return ([placeContent, clearFix]);\n // }\n // }\n\n return (placeContent);\n });\n }\n\n const logoNameDescription = (\n \n
\n );\n\n return (\n <>\n {logoNameDescription}\n \n \n
\n\n
\n\n { \n type == 'privateSchools'\n ? \n
\n\n \n
{bookIcon}
\n : null\n }\n \n {schoolItemsColumns}\n {appleIcon}\n
\n \n );\n}\n\nexport default AltSchools;\n","/*\n * AltSchools Messages\n *\n * This contains all the text for the AltSchools component.\n */\nimport { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n header: {\n id: 'app.components.AltSchools.header',\n defaultMessage: 'Schools',\n },\n url: {\n id: 'app.components.AltSchools.url',\n defaultMessage: 'Go to the school\\'s website',\n },\n urlGreatSchools: {\n id: 'app.components.AltSchools.urlGreatSchools',\n defaultMessage: 'Go to the school\\'s GreatSchools website',\n },\n otherLocalSchools: {\n id: 'app.components.AltSchools.otherLocalSchools',\n defaultMessage: 'Other Local Schools',\n },\n publicSchoolsHeader: {\n id: 'app.components.AltSchools.publicSchoolsHeader',\n defaultMessage: 'Public Schools',\n },\n publicSchoolsParagraph: {\n id: 'app.components.AltSchools.publicSchoolsParagraph',\n defaultMessage: 'Your neighbourhood is part of a community of Public Schools offering Elementary, Middle, and High School programming.',\n },\n catholicSchoolsHeader: {\n id: 'app.components.AltSchools.catholicSchoolsHeader',\n defaultMessage: 'Catholic Schools',\n },\n catholicSchoolsParagraph: {\n id: 'app.components.AltSchools.catholicSchoolsParagraph',\n defaultMessage: 'Your neighbourhood is part of a community of Catholic Schools offering Elementary, Middle, and High School programming.',\n },\n privateSchoolsHeader: {\n id: 'app.components.AltSchools.privateSchoolsHeader',\n defaultMessage: 'Private Schools',\n },\n privateSchoolsParagraph: {\n id: 'app.components.AltSchools.privateSchoolsParagraph',\n defaultMessage: 'The private schools nearest to you are:',\n },\n alternativeSchoolsHeader: {\n id: 'app.components.AltSchools.alternativeSchoolsHeader',\n defaultMessage: 'Alternative & Special Schools',\n },\n alternativeSchoolsParagraph: {\n id: 'app.components.AltSchools.alternativeSchoolsParagraph',\n defaultMessage: 'Nearby alternative and special education schools include:',\n },\n});\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"schools\":\"AltSchools__styles__schools__12AUz\",\"altSchools\":\"AltSchools__styles__altSchools__338N7\",\"oneQuarterRow\":\"AltSchools__styles__oneQuarterRow__9FnkI\",\"schoolsHeader\":\"AltSchools__styles__schoolsHeader__3MyB2\",\"sectionLogo\":\"AltSchools__styles__sectionLogo__3xIka\",\"threeColumns\":\"AltSchools__styles__threeColumns__2kdMy\",\"fourColumns\":\"AltSchools__styles__fourColumns__1t8DG\",\"placesContent\":\"AltSchools__styles__placesContent__1io87\",\"header\":\"AltSchools__styles__header__1fwYO\",\"publicSchools\":\"AltSchools__styles__publicSchools__z2H06\",\"publicSchoolsContent\":\"AltSchools__styles__publicSchoolsContent__1MrGr\",\"publicSchoolsExpanded\":\"AltSchools__styles__publicSchoolsExpanded__3avoT\",\"alternativeSchools\":\"AltSchools__styles__alternativeSchools__3Jw2F\",\"alternativeSchoolsContent\":\"AltSchools__styles__alternativeSchoolsContent__G18sP\",\"alternativeSchoolsExpanded\":\"AltSchools__styles__alternativeSchoolsExpanded__1uyVt\",\"catholicSchools\":\"AltSchools__styles__catholicSchools__12Ky0\",\"catholicSchoolsContent\":\"AltSchools__styles__catholicSchoolsContent__3m3Kc\",\"catholicSchoolsExpanded\":\"AltSchools__styles__catholicSchoolsExpanded__viwuo\",\"privateSchools\":\"AltSchools__styles__privateSchools__1ePS3\",\"privateSchoolsContent\":\"AltSchools__styles__privateSchoolsContent__YxcAk\",\"privateSchoolsExpanded\":\"AltSchools__styles__privateSchoolsExpanded__3ZR9_\",\"logoNameDescription\":\"AltSchools__styles__logoNameDescription__3VDsj\",\"otherLocalSchools\":\"AltSchools__styles__otherLocalSchools__2bsas\"};","import React from 'react';\nimport classNames from 'classnames';\n\nimport request from 'utils/request';\nimport ReportHelmet from '../ReportHelmet';\nimport AltSchools from './components/AltSchools';\nimport Navigation from 'components/navigation/Navigation';\nimport ReportNav from 'components/navigation/ReportNav';\n\nimport { getPackageContents } from '../utils';\nimport getBranding from '../../branding';\nimport ReportBanner from '../banners/ReportBanner';\nimport SchoolReportBanner from '../banners/SchoolReportBanner';\nimport Footer from '../Footer';\n\nconst styles = require('./address_report_styles.css');\n\n// 4 datasets = altFour\n// 3 datasets = threeRows\nfunction fetchReport(packageID, authToken) {\n return request(`${process.env.PLATFORM_URL}/reports/school/${packageID}.json?auth_token=${authToken}`)\n .then(payload => payload.data.school_report);\n}\n\nclass SchoolReport extends React.Component {\n constructor(props) {\n super(props);\n\n this.reportTitle = 'HoodQ School Report™';\n\n this.state = {\n loading: false,\n report: {}\n };\n }\n\n componentWillMount() {\n this.loadReport(JSON.parse(this.props.document));\n }\n\n loadReport = (report) => {\n if (report.branding === 'schoolq') {\n this.reportTitle = 'SchoolQ Report';\n } else {\n this.reportTitle = `${getBranding(report.branding).brandName} School Report™`;\n }\n\n this.setState({\n report: {\n ...report,\n package_contents: report.package\n ? report.package.options.package_contents\n : getPackageContents(report),\n },\n loading: false\n });\n }\n\n renderPublicAndAlternativeSchools = () => {\n const { public_schools, user, alternative_schools } = this.state.report;\n const allPublic = [...public_schools.assigned, ...public_schools.unassigned];\n\n return (\n 0 ? 'col-12 col-sm-9' : 'col-12', styles.quadrant)}>\n 0 ? 'ThreeQuartersRow' : 'FullHorizontalRow'}\n type={'publicSchools'}\n />\n
\n {alternative_schools.length > 0\n ? \n
\n : null\n }\n \n
\n \n
\n \n {this.renderPublicAndAlternativeSchools()}\n {this.renderCatholicSchools()}\n {this.renderPrivateSchools()}\n
\n );\n }\n}\n\nexport default SchoolReport;","// extracted by mini-css-extract-plugin","import React from 'react';\nimport classNames from 'classnames';\n\nimport textHelpers from 'utils/textHelpers';\nimport SVGIcon from '../../SVGIcon';\n\nconst styles = require('../styles.css');\nconst mobStyles = require('../mobileStylesWNav.css');\n\nexport default function AddressReportBanner(props) {\n const address = textHelpers.truncateWords(\n props.address.split(',').slice(0, 1).join(','), 25\n );\n\n const city = textHelpers.truncateWords(\n props.address.split(',').slice(1, 2).join(','), 25\n );\n\n const state = textHelpers.truncateWords(\n props.address.split(',').slice(2, 3).join(','), 3\n );\n\n const cityState = `${city}, ${state}`;\n\n return (\n \n
\n )\n}","import React from 'react';\n\nimport classNames from 'classnames';\n\nconst styles = require('./styles.css');\n\nexport default function CustomBanner(props) {\n const { address, user } = props;\n\n return (\n \n
\n \n
\n \n {props.agentSlug}\n
\n \n
\n \n
\n \n
\n {address}
\n{cityState}
\n{props.reportTitle}
\n\n {props.agentSlug}\n
\n \n 
\n \n \n {address\n ?
\n );\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"customHeaderLayout\":\"CustomBanner__styles__customHeaderLayout__p9OSh\",\"layout\":\"CustomBanner__styles__layout__3HIXF\",\"profilePic\":\"CustomBanner__styles__profilePic__3Da6K\",\"agentInfo\":\"CustomBanner__styles__agentInfo__2pYsQ\",\"agentInfoNoPic\":\"CustomBanner__styles__agentInfoNoPic__1DPGT\",\"slogan\":\"CustomBanner__styles__slogan__TwcNN\",\"sloganLogo\":\"CustomBanner__styles__sloganLogo__3eCep\",\"firmLogo\":\"CustomBanner__styles__firmLogo__e5auP\",\"addressContent\":\"CustomBanner__styles__addressContent__2arJg\",\"ownMastheadOne\":\"CustomBanner__styles__ownMastheadOne__391GX\",\"ownMastheadTwo\":\"CustomBanner__styles__ownMastheadTwo__3Dfkm\",\"printOnly\":\"CustomBanner__styles__printOnly__3-mMs\",\"noPrint\":\"CustomBanner__styles__noPrint__3uT9U\"};","/* eslint indent: \"off\"*/\n/* eslint no-multi-spaces: \"off\" */\n\n/**\n*\n* CustomHeaderLayout\n*\n*/\n\nimport React from 'react';\n// import { FormattedMessage } from 'react-intl';\nimport classNames from 'classnames';\n\n// import messages from './messages';\nimport styles from './styles.css';\n\nfunction CustomHeaderLayout(props) {\n const { address, userEmail } = props; // , customHeaderImage\n\n let customHeaderImage = props.customHeaderImage;\n let customHeaderImagePrint = props.customHeaderImagePrint || props.customHeaderImage;\n if (userEmail === 'eric@homesbyeric.ca') {\n customHeaderImage = '/assets/branding/customExceptions/erichomesbyericca.jpg';\n customHeaderImagePrint = '/assets/branding/customExceptionsPrint/erichomesbyericca.jpg';\n } else if (userEmail === 'results@lilithomes.com') {\n customHeaderImage = '/assets/branding/customExceptions/resultslilithomescom.png';\n customHeaderImagePrint = '/assets/branding/customExceptionsPrint/resultslilithomescom.png';\n } else if (userEmail === 'fatima@athomeintoronto.com' || userEmail === 'dave+fatima@hoodq.com' || userEmail === 'aldo@hoodq.com' || userEmail === 'best@test.com') {\n customHeaderImage = '/assets/branding/customExceptions/fatimaathomeintorontocom.png';\n customHeaderImagePrint = '/assets/branding/customExceptionsPrint/fatimaathomeintorontocom.png';\n } else if (userEmail === 'selene@therichardsgroup.ca') {\n customHeaderImage = '/assets/branding/customExceptions/selenetherichardsgroupca.png';\n customHeaderImagePrint = '/assets/branding/customExceptionsPrint/selenetherichardsgroupca.png';\n } else if (userEmail === 'csconza@kw.com') {\n customHeaderImage = '/assets/branding/customExceptions/csconzakwcom.jpg';\n customHeaderImagePrint = '/assets/branding/customExceptionsPrint/csconzakwcom.jpg';\n } else if (userEmail === 'zan@zanmolko.com') {\n customHeaderImage = '/assets/branding/customExceptions/zanzanmolkocom.png';\n customHeaderImagePrint = '/assets/branding/customExceptionsPrint/zanzanmolkocom.png';\n } else if (userEmail === 'dave+schoolq@hoodq.com') {\n customHeaderImage = '/assets/branding/customExceptions/daveschoolqhoodqcom.png';\n customHeaderImagePrint = '/assets/branding/customExceptionsPrint/daveschoolqhoodqcom.png';\n }\n\n const addressContent = address ? (\n \n
\n : null\n }\n {address}
\n{address}
\n\n
\n ) : null;\n\n const customHeaderImageSrc = customHeaderImage || false;\n const customHeaderImageSrcPrint = customHeaderImagePrint || false;\n\n // TODO : add condition here so that... if the current email of the person\n // logged in matches the email of the person who created the report\n // then go ahead and return the custom header\n if (customHeaderImageSrc) {\n return (\n {address}
\n{address}
\n\n 
\n \n 
\n {addressContent}\n
\n );\n }\n\n const { customStyle } = props;\n const { firstName, lastName, sloganMessage, lineOne, lineTwo, lineThree, hideProfilePic, hideFirmLogo } = props.user; // retrieved, email,\n\n const profilePictureSrc = (\n props.user.profilePicture &&\n props.user.profilePicture.medium !== null &&\n props.user.profilePicture.medium\n ) || '/assets/agent-photo.jpg';\n\n const firmLogoSrc = (\n props.user.firmLogo &&\n props.user.firmLogo.medium !== null &&\n props.user.firmLogo.medium\n ) || '/assets/branding/remax.jpg';\n\n const firmLogo = hideFirmLogo ? null : (\n \n 
\n
\n );\n\n const slogan = (\n \n
\n );\n\n const profilePicture = hideProfilePic ? null : (\n {sloganMessage}
\n\n 
\n
\n );\n\n const agentInfo = (\n \n
\n );\n\n const layout = (\n {firstName} {lastName}
\n{lineOne}
\n {lineTwo}
\n {lineThree}
\n \n
\n );\n\n return (\n \n {profilePicture}\n {agentInfo}\n
\n \n {slogan}\n {firmLogo}\n
\n \n {layout}\n {addressContent}\n
\n );\n}\n\nexport default CustomHeaderLayout;\n","/*\n * CustomHeaderLayout Messages\n *\n * This contains all the text for the CustomHeaderLayout component.\n */\nimport { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n header: {\n id: 'app.components.CustomHeaderLayout.header',\n defaultMessage: 'This is the CustomHeaderLayout component !',\n },\n});\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"customHeaderLayout\":\"CustomHeaderLayout__styles__customHeaderLayout__8BYm4\",\"layout\":\"CustomHeaderLayout__styles__layout__8z8cg\",\"profilePic\":\"CustomHeaderLayout__styles__profilePic__2rZAw\",\"agentInfo\":\"CustomHeaderLayout__styles__agentInfo__T6f5J\",\"agentInfoNoPic\":\"CustomHeaderLayout__styles__agentInfoNoPic__LJnRl\",\"slogan\":\"CustomHeaderLayout__styles__slogan__2nmg3\",\"sloganLogo\":\"CustomHeaderLayout__styles__sloganLogo__Rq0BF\",\"firmLogo\":\"CustomHeaderLayout__styles__firmLogo__3NzgN\",\"addressContent\":\"CustomHeaderLayout__styles__addressContent__3FbP9\",\"ownMastheadOne\":\"CustomHeaderLayout__styles__ownMastheadOne__kzlPq\",\"ownMastheadTwo\":\"CustomHeaderLayout__styles__ownMastheadTwo__URCDA\",\"printOnly\":\"CustomHeaderLayout__styles__printOnly__2rJv8\",\"noPrint\":\"CustomHeaderLayout__styles__noPrint__1_Ceq\"};","import React from 'react';\nimport classNames from 'classnames';\n\nimport textHelpers from 'utils/textHelpers';\nimport SVGIcon from 'components/reports/SVGIcon';\n\nconst styles = require('../styles.css');\nconst mobStyles = require('../mobileStylesWNav.css');\n\nexport default function AddressReportBanner(props) {\n return (\n \n
\n )\n}","import React from 'react';\r\nimport classNames from 'classnames';\r\n\r\nimport textHelpers from 'utils/textHelpers';\r\nimport SVGIcon from 'components/reports/SVGIcon';\r\n\r\nconst styles = require('../styles.css');\r\nconst mobStyles = require('../mobileStylesWNav.css');\r\n\r\nexport default function AddressReportBanner(props) {\r\n const address = textHelpers.truncateWords(\r\n props.address.split(',').slice(0, 1).join(','), 25\r\n );\r\n\r\n const city = textHelpers.truncateWords(\r\n props.address.split(',').slice(1, 2).join(','), 25\r\n );\r\n\r\n const state = textHelpers.truncateWords(\r\n props.address.split(',').slice(2, 3).join(','), 3\r\n );\r\n\r\n const cityState = `${city}, ${state}`;\r\n\r\n return (\r\n \n
\n \n {props.agentSlug}\n
\n \n
\n \n
\n \n
\n {props.address}
\n{props.reportTitle}
\n\n
\n \n {props.agentSlug}\n
\n \r\n
\r\n )\r\n}","/* eslint indent: \"off\"*/\n\n/**\n*\n* HarveyKallesLayout\n*\n*/\n\nimport React from 'react';\n// import { FormattedMessage } from 'react-intl';\nimport classNames from 'classnames';\n\n// import messages from './messages';\nimport styles from './styles.css';\n\nfunction HarveyKallesLayout(props) {\n const { address, customHeaderImage } = props; // userEmail,\n\n const user = props.user || false;\n\n const firstName = user.firstName;\n const lastName = user.lastName;\n const lineOne = user.officePhoneNumber;\n const lineTwo = user.website;\n\n const addressContent = address ? (\n \r\n
\r\n \r\n {props.agentSlug}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {address}
\r\n{cityState}
\r\n{props.reportTitle}
\r\n\r\n
\r\n \r\n {props.agentSlug}\r\n
\r\n \n
\n ) : null;\n\n const agentInfo = (\n {address}
\n{address}
\n\n
\n );\n\n const layout = (\n \n
\n {firstName} {lastName}
\n {lineOne}
\n {lineTwo}
\n \n
\n {firstName} {lastName}
\n {lineOne}
\n {lineTwo}
\n \n
\n );\n\n return (\n \n 
\n \n
\n \n {agentInfo}\n
\n \n {layout}\n {addressContent}\n
\n );\n\n // const { customStyle } = props;\n // const { firstName, lastName, sloganMessage, lineOne, lineTwo, lineThree, hideProfilePic, hideFirmLogo } = props.user; // retrieved, email,\n //\n // const profilePictureSrc = (\n // props.user.profilePicture &&\n // props.user.profilePicture.medium !== null &&\n // props.user.profilePicture.medium\n // ) || '/assets/agent-photo.jpg';\n //\n // const firmLogoSrc = (\n // props.user.firmLogo &&\n // props.user.firmLogo.medium !== null &&\n // props.user.firmLogo.medium\n // ) || '/assets/branding/remax.jpg';\n //\n // const firmLogo = hideFirmLogo ? null : (\n // \n // \n //
\n // );\n //\n // const slogan = (\n // \n //
\n // );\n //\n // const profilePicture = hideProfilePic ? null : (\n // {sloganMessage}
\n //\n // \n //
\n // );\n //\n // const agentInfo = (\n // \n //
\n // );\n //\n // const layout = (\n // {firstName} {lastName}
\n //{lineOne}
\n // {lineTwo}
\n // {lineThree}
\n // \n //
\n // );\n //\n // return (\n // \n // {profilePicture}\n // {agentInfo}\n //
\n // \n // {slogan}\n // {firmLogo}\n //
\n // \n // {layout}\n // {addressContent}\n //
\n // );\n}\n\nexport default HarveyKallesLayout;\n","/*\n * HarveyKallesLayout Messages\n *\n * This contains all the text for the HarveyKallesLayout component.\n */\nimport { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n header: {\n id: 'app.components.HarveyKallesLayout.header',\n defaultMessage: 'This is the HarveyKallesLayout component !',\n },\n});\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"customHeaderLayout\":\"HarveyKallesLayout__styles__customHeaderLayout__901-S\",\"layout\":\"HarveyKallesLayout__styles__layout__13GWj\",\"profilePic\":\"HarveyKallesLayout__styles__profilePic__QHJ64\",\"agentInfo\":\"HarveyKallesLayout__styles__agentInfo__399Dn\",\"agentInfoNoPic\":\"HarveyKallesLayout__styles__agentInfoNoPic__lMqPS\",\"agentInfoCenter\":\"HarveyKallesLayout__styles__agentInfoCenter__10n8L\",\"slogan\":\"HarveyKallesLayout__styles__slogan__3Yf5Z\",\"sloganLogo\":\"HarveyKallesLayout__styles__sloganLogo__14Bbx\",\"firmLogo\":\"HarveyKallesLayout__styles__firmLogo__2d6Ej\",\"addressContent\":\"HarveyKallesLayout__styles__addressContent__2ZZEv\",\"ownMastheadOne\":\"HarveyKallesLayout__styles__ownMastheadOne__3jJaD\",\"ownMastheadTwo\":\"HarveyKallesLayout__styles__ownMastheadTwo__1gYCR\"};","import React from 'react';\nimport classNames from 'classnames';\n\nimport HarveyKallesLayout from './HarveyKallesLayout';\nimport CustomBanner from '../CustomBanner';\n\nimport Regex from 'utils/regexCollection';\n\nconst styles = require('../styles.css');\n\nexport default class ReportBanner extends React.Component {\n renderAgentSlug = () => {\n const { user, showSlug } = this.props;\n\n if (!showSlug) return null;\n \n const websiteDisplay = user.website ? Regex.url.exec(user.website) : null;\n const phoneDisplay = Regex.phoneDisplay.exec(user.office_phone_number);\n const nameDisplay = user.first_name === undefined ? '' : `${user.first_name} ${user.last_name}`;\n return (\n \n
\n );\n }\n\n render() {\n const { user, address, campaign, BannerComponent } = this.props;\n\n // I hate myself.\n // TODO: actually upload these images to the user's accounts in the backend.\n if (user.email === 'eric@homesbyeric.ca') {\n user.use_custom_masthead = true;\n user.custom_header_image = '/assets/branding/customExceptions/erichomesbyericca.jpg';\n } else if (user.email === 'results@lilithomes.com') {\n user.use_custom_masthead = true;\n user.custom_header_image = '/assets/branding/customExceptions/resultslilithomescom.png';\n } else if (user.email === 'fatima@athomeintoronto.com' || user.email === 'dave+fatima@hoodq.com' || user.email === 'aldo@hoodq.com' || user.email === 'best@test.com') {\n user.use_custom_masthead = true;\n user.custom_header_image = '/assets/branding/customExceptions/fatimaathomeintorontocom.png';\n } else if (user.email === 'selene@therichardsgroup.ca') {\n user.use_custom_masthead = true;\n user.custom_header_image = '/assets/branding/customExceptions/selenetherichardsgroupca.png';\n } else if (user.email === 'csconza@kw.com') {\n user.use_custom_masthead = true;\n user.custom_header_image = '/assets/branding/customExceptions/csconzakwcom.jpg';\n } else if (user.email === 'zan@zanmolko.com') {\n user.use_custom_masthead = true;\n user.custom_header_image = '/assets/branding/customExceptions/zanzanmolkocom.png';\n } else if (user.email === 'dave+schoolq@hoodq.com') {\n user.use_custom_masthead = true;\n user.custom_header_image = '/assets/branding/customExceptions/daveschoolqhoodqcom.png';\n }\n\n let banner = null;\n\n if (campaign && campaign.campaign_id === 'HarveyKallesCampaign') {\n banner = (\n \n
\n\n {nameDisplay}
\n {phoneDisplay && phoneDisplay.length > 2\n ?{phoneDisplay[1]}.{phoneDisplay[2]}.{phoneDisplay[3]}
\n : user.office_phone_number\n }\n {websiteDisplay && websiteDisplay.length > 4\n ? \n {websiteDisplay[3]}.{websiteDisplay[4]}\n \n : null\n }\n\n {user.profile_picture && user.profile_picture.medium\n ? 
\n : null\n }\n
\n \n {banner}\n
\n )\n }\n}","import React from 'react';\nimport classNames from 'classnames';\n\nimport textHelpers from 'utils/textHelpers';\n\nconst styles = require('./styles.css');\nconst mobStyles = require('../mobileStylesWNav.css');\n\nimport schoolsImg from 'assets/reports/school/schools.png';\n\nexport default function SchoolReportBanner(props) {\n const address = textHelpers.truncateWords(\n props.address.split(',').slice(0, 1).join(','), 25\n );\n\n const city = textHelpers.truncateWords(\n props.address.split(',').slice(1, 2).join(','), 25\n );\n\n const state = textHelpers.truncateWords(\n props.address.split(',').slice(2, 3).join(','), 3\n );\n\n const cityState = `${city}, ${state}`;\n\n return (\n \n
\n )\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"schoolHighlightsHeaderLayout\":\"SchoolReportBanner__styles__schoolHighlightsHeaderLayout__39Aii\",\"headerContent\":\"SchoolReportBanner__styles__headerContent__2FQDx\",\"headerContentImg\":\"SchoolReportBanner__styles__headerContentImg__3xEnj\",\"headerContentWithPin\":\"SchoolReportBanner__styles__headerContentWithPin__AyyKI\",\"headerContentTitle\":\"SchoolReportBanner__styles__headerContentTitle__3Ejbv\",\"schoolsPNG\":\"SchoolReportBanner__styles__schoolsPNG__3sAlJ\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"mobileAgentBranding\":\"banners__mobileStylesWNav__mobileAgentBranding__keYKa\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"mobileAgentBranding\":\"banners__mobileStylesWOutNav__mobileAgentBranding__1flel\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"header\":\"banners__styles__header__1lYiT\",\"hoodHeader\":\"banners__styles__hoodHeader__1jUu_\",\"hoodHeaderContent\":\"banners__styles__hoodHeaderContent__6btUX\",\"hoodHeaderContentWCustomStyle\":\"banners__styles__hoodHeaderContentWCustomStyle__2CDnS\",\"shortHoodName\":\"banners__styles__shortHoodName__1qz0_\",\"longHoodName\":\"banners__styles__longHoodName__1_4-j\",\"headerContentWCustomStyle\":\"banners__styles__headerContentWCustomStyle__3fIGN\",\"headerContent\":\"banners__styles__headerContent__5E9bQ\",\"headerTitle\":\"banners__styles__headerTitle__1GJhg\",\"headerContentTitleWCustomStyle\":\"banners__styles__headerContentTitleWCustomStyle__2lwD7\",\"headerContentTitle\":\"banners__styles__headerContentTitle__1zBqv\",\"headerContentWithPin\":\"banners__styles__headerContentWithPin__2L9FR\",\"homePin\":\"banners__styles__homePin__Ht1xU\",\"printableAgentBranding\":\"banners__styles__printableAgentBranding__1-YUb\",\"staticAgentImage\":\"banners__styles__staticAgentImage__v02QJ\",\"mobileAgentBranding\":\"banners__styles__mobileAgentBranding__2_7QA\",\"onlineOnly\":\"banners__styles__onlineOnly__2h6WH\",\"printOnly\":\"banners__styles__printOnly__39Jmv\",\"address\":\"banners__styles__address__3BPIU\",\"agentBranding\":\"banners__styles__agentBranding__2Eb6I\",\"agentBrandingP\":\"banners__styles__agentBrandingP__JkSla\",\"agentBrandingImg\":\"banners__styles__agentBrandingImg__2Uh4N\",\"agentBrandingA\":\"banners__styles__agentBrandingA__Ayvtt\",\"agentInfo\":\"banners__styles__agentInfo__1obpV\",\"agentPic\":\"banners__styles__agentPic__3cxma\",\"realtorCALogo\":\"banners__styles__realtorCALogo__1jlbG\",\"link\":\"banners__styles__link__32wXH\",\"freemiumStyling\":\"banners__styles__freemiumStyling__1rDSw\",\"freemiumStylingSplitTest\":\"banners__styles__freemiumStylingSplitTest__1z-5Z\",\"freemiumStylingContent\":\"banners__styles__freemiumStylingContent__4kgr5\",\"freemiumStylingContentSplitTest\":\"banners__styles__freemiumStylingContentSplitTest__cgxPa\",\"staticAgentSlug\":\"banners__styles__staticAgentSlug__1h-hi\",\"staticAgentContainer\":\"banners__styles__staticAgentContainer__3ACxr\"};","/**\n*\n* mapMarkerGenerator utility\n*\n* Explanation here...\n*\n*/\n\n\nimport pinBoat from 'images/markers/pin-boat.png';\nimport pinElementary from 'images/markers/pin-elementary.png';\nimport pinFireStations from 'images/markers/pin-fire-stations.png';\nimport pinGasStations from 'images/markers/pin-gas-stations.png';\nimport pinGrocery from 'images/markers/pin-grocery.png';\nimport pinHealthCare from 'images/markers/pin-health-care.png';\nimport pinHigh from 'images/markers/pin-high.png';\nimport pinHome from 'images/markers/pin-home';\nimport pinMiddle from 'images/markers/pin-middle.png';\nimport pinPharmacies from 'images/markers/pin-pharmacies.png';\nimport pinPolice from 'images/markers/pin-police.png';\nimport pinRailTransit from 'images/markers/pin-rail-transit.png';\nimport pinShadow from 'images/markers/pin-shadow.png';\nimport pinStreetTransit from 'images/markers/pin-street-level-transit.png';\nimport pinParks from '../../../scss/library/icons/png/parks.png';\n\nconst PINS = {\n elementary: pinElementary,\n 'fire-stations': pinFireStations,\n 'gas-stations': pinGasStations,\n grocery: pinGrocery,\n 'health-care': pinHealthCare,\n parks: pinParks,\n high: pinHigh,\n home: pinHome,\n middle: pinMiddle,\n pharmacies: pinPharmacies,\n police: pinPolice,\n 'rail-transit': pinRailTransit,\n shadow: pinShadow,\n 'street-level-transit': pinStreetTransit\n}\nexport function mapMarkerGenerator(places, latitude, longitude) {\n const markers = [];\n const polygons = [];\n\n Object.keys(places).forEach((key) => {\n const placeContent = places[key];\n\n if (placeContent) {\n Object.keys(placeContent).forEach((index) => {\n const item = placeContent[index];\n\n let customPin = PINS[item.place_category_key];\n let gradeLevel = null; // Only used by public and catholic schools\n\n // NOTE : schools (public assigned OR public unassigned OR catholic)\n if (key === 'A' || key === 'AA' || key === 'B' || key === 'BB') {\n // NOTE : Pin rules for schools\n // Elementary -> Elementary\n // Middle -> Middle\n // High -> High\n // Elementary/Middle -> Elementary\n // Elementary/Middle/High -> Elementary\n // Middle/High -> High\n\n if (item.features['Grade Level']) {\n if (item.features['Grade Level'].length === 1) {\n gradeLevel = item.features['Grade Level'][0].toLowerCase();\n } else if (item.features['Grade Level'].includes('Elementary')) {\n gradeLevel = 'elementary';\n } else if (item.features['Grade Level'].includes('High')) {\n gradeLevel = 'high';\n } else {\n gradeLevel = 'elementary';\n }\n }\n\n if (gradeLevel) {\n customPin = PINS[gradeLevel];\n } else { // NOTE : should not happen\n // console.log(`Unable to retrieve grade level for ${item.name}`);\n customPin = PINS.shadow;\n }\n }\n\n if (item.geometry) { // NOTE : logic for school catchments & park polygons\n // const geometry = JSON.parse(item.geometry); // OLD\n const geometry = item.geometry;\n\n if ((key === 'A' || key === 'AA') && item.place_category_key === 'school-attendance-zones') {\n let strokeColor = null;\n let strokeWeight = null;\n let strokeOpacity = null;\n\n switch (gradeLevel) {\n case 'middle':\n strokeColor = '#01808C';\n strokeWeight = 3;\n strokeOpacity = 1;\n break;\n case 'high':\n strokeColor = '#6A6BB1';\n strokeWeight = 4;\n strokeOpacity = 0.8;\n break;\n case 'elementary':\n default:\n strokeColor = '#CE509D';\n strokeWeight = 5;\n strokeOpacity = 0.6;\n }\n\n // TODO : refactor this if-else statement\n if (geometry.type === 'Polygon') {\n const placePolygon = {\n paths: [],\n options: {\n strokeColor,\n strokeWeight,\n strokeOpacity,\n fillOpacity: 0,\n },\n key: `${item.name}-${item.place_category_key}`,\n };\n\n geometry.coordinates[0].forEach((coord) => {\n placePolygon.paths.push({ lat: coord[1], lng: coord[0] });\n });\n\n polygons.push(placePolygon);\n } else if (geometry.type === 'MultiPolygon') {\n geometry.coordinates.forEach((polygon, polygonIndex) => {\n const placePolygon = {\n paths: [],\n options: {\n strokeColor,\n strokeWeight,\n strokeOpacity,\n fillOpacity: 0,\n },\n key: `${item.name}-${polygonIndex}`,\n };\n\n polygon[0].forEach((coord) => {\n placePolygon.paths.push({ lat: coord[1], lng: coord[0] });\n });\n\n polygons.push(placePolygon);\n });\n }\n } else if (key === 'C') { // NOTE : parks\n // TODO : refactor this if-else statement\n if (geometry.type === 'Polygon') {\n const placePolygon = {\n paths: [],\n options: {\n strokeColor: 'green',\n strokeOpacity: 0.8,\n strokeWeight: 2,\n fillColor: 'green',\n fillOpacity: 0.35,\n },\n key: `${item.name}-${item.place_category_key}`,\n };\n\n geometry.coordinates[0].forEach((coord) => {\n placePolygon.paths.push({ lat: coord[1], lng: coord[0] });\n });\n\n polygons.push(placePolygon);\n } else if (geometry.type === 'MultiPolygon') {\n geometry.coordinates.forEach((polygon, polygonIndex) => {\n const placePolygon = {\n paths: [],\n options: {\n strokeColor: 'green',\n strokeOpacity: 0.8,\n strokeWeight: 2,\n fillColor: 'green',\n fillOpacity: 0.35,\n },\n key: `${item.name}-${polygonIndex}`,\n };\n\n polygon[0].forEach((coord) => {\n placePolygon.paths.push({ lat: coord[1], lng: coord[0] });\n });\n\n polygons.push(placePolygon);\n });\n } else if (geometry.type === 'Point') {\n // Deal with a shitload of points\n }\n }\n } else if (item.centroid && key === 'C') {\n // const centroid = JSON.parse(item.centroid); // OLD\n const centroid = item.centroid;\n if (centroid.type === 'Point') {\n markers.push({\n position: {\n lat: centroid.coordinates[1],\n lng: centroid.coordinates[0],\n },\n key: `${index}-${item.place_category_key}-marker`,\n // label: `${key}`,\n icon: customPin,\n });\n }\n }\n\n if (item.closest_latitude && item.closest_longitude) {\n markers.push({\n position: {\n lat: item.closest_latitude,\n lng: item.closest_longitude,\n },\n key: `${index}-${item.place_category_key}-marker`,\n // label: `${key}`,\n icon: customPin,\n });\n } else if (item.centroid || item.geometry) {\n // const geometry = JSON.parse(item.centroid || item.geometry); // OLD\n const geometry = item.centroid || item.geometry;\n\n if (geometry.type === 'Point') {\n markers.push({\n position: {\n lat: geometry.coordinates[1],\n lng: geometry.coordinates[0],\n },\n key: `${index}-${item.place_category_key}-marker`,\n // label: `${key}`,\n icon: customPin,\n });\n } else {\n // console.log(`No lat/long point available for ${item.name}`);\n }\n } else {\n // console.log(`No lat/long available for ${item.name}`);\n }\n });\n } else {\n // console.log('NOT inside if(placeContent)');\n }\n });\n\n // NOTE - Add home pin (default Center)\n markers.push({\n position: {\n lat: latitude,\n lng: longitude,\n },\n key: 'home-marker',\n // label: 'Z',\n icon: PINS.home\n });\n\n return [markers, polygons];\n}\n","/* eslint no-multi-spaces: \"off\" */\n/* eslint no-unused-expressions: off */\n\nexport default new class {\n compareSchoolRatings(a, b) {\n const ratingA = a.features['SchoolQ Score'] || a.features['GreatSchools Rating'] || 0;\n const ratingB = b.features['SchoolQ Score'] || b.features['GreatSchools Rating'] || 0;\n\n if (ratingA > ratingB) {\n return -1;\n }\n if (ratingA < ratingB) {\n return 1;\n }\n return 0;\n }\n\n compareAlphabetically(a, b) {\n const nameA = a.name.toUpperCase(); // ignore upper and lowercase\n const nameB = b.name.toUpperCase(); // ignore upper and lowercase\n\n if (nameA < nameB) {\n return -1;\n }\n if (nameA > nameB) {\n return 1;\n }\n return 0; // names must be equal\n }\n\n selectPublicSchoolsByType(publicSchoolsArray, maxLength) {\n const sortedPublicSchools = publicSchoolsArray.slice(0, maxLength);\n\n // NOTE : count instances of each school type and keep track\n // of their index inside publicSchoolTypes, to make sure there's\n // at least 1 elementary, 1 middle, and 1 high school when available\n const publicSchoolTypes = {\n Elementary: [],\n Middle: [],\n High: [],\n };\n\n sortedPublicSchools.forEach((school, index) => {\n school.features['Grade Level'].forEach((gradeLevel) => {\n if (publicSchoolTypes[gradeLevel]) {\n publicSchoolTypes[gradeLevel].push(index);\n } else {\n publicSchoolTypes[gradeLevel] = [index];\n }\n });\n });\n\n const missingSchoolType = [];\n Object.keys(publicSchoolTypes).forEach((schoolType) => {\n if (publicSchoolTypes[schoolType] && publicSchoolTypes[schoolType].length < 1) {\n missingSchoolType.push(schoolType);\n }\n });\n\n // TODO : make this function recurring so that all missing school types are accounted for\n //\n // maybe start with something like...\n // missingSchoolType.forEach(...)\n //\n if (missingSchoolType.length > 0) {\n const unlistedPublicSchools = publicSchoolsArray.slice(maxLength, publicSchoolsArray.length);\n\n // NOTE : currently assumes only one missing school type is ever possible\n // TODO : recurring function\n const schoolToExchange = unlistedPublicSchools.find(i => i.features['Grade Level'].includes(missingSchoolType[0]));\n\n if (schoolToExchange) {\n const mostFrequentSchoolType = {\n type: null,\n count: 0,\n indexToExchange: null,\n };\n\n Object.keys(publicSchoolTypes).forEach((type) => {\n if (mostFrequentSchoolType.count < publicSchoolTypes[type].length) {\n const lowestScoreIndex = publicSchoolTypes[type].length - 1;\n mostFrequentSchoolType.indexToExchange = publicSchoolTypes[type][lowestScoreIndex];\n mostFrequentSchoolType.count = publicSchoolTypes[type].length;\n mostFrequentSchoolType.type = type;\n }\n });\n\n sortedPublicSchools[mostFrequentSchoolType.indexToExchange] = schoolToExchange;\n }\n } // NOTE : else we have everything we need\n\n return sortedPublicSchools.sort((a, b) => compareAlphabetically(a, b)); // eslint-disable-line no-undef\n }\n\n selectCathPrivSchoolsByType(catholicPrivateSchoolsArray, maxLength) {\n // TODO : select at least: one public, one private\n const sortedCatholicPrivateSchools = catholicPrivateSchoolsArray.slice(0, maxLength);\n\n // NOTE : count instances of each school type and keep track\n // of their index inside cathPrivSchoolTypes, to make sure there's\n // at least 1 catholic and 1 private school when available\n const cathPrivSchoolTypes = {\n Private: [],\n Catholic: [],\n };\n\n sortedCatholicPrivateSchools.forEach((school, index) => {\n school.features['School Type'].forEach((schoolType) => {\n schoolType === 'Private' && cathPrivSchoolTypes[schoolType].push(index);\n });\n school.features.Orientation.forEach((schoolType) => {\n schoolType === 'Catholic' && cathPrivSchoolTypes[schoolType].push(index);\n });\n });\n\n const missingSchoolType = [];\n Object.keys(cathPrivSchoolTypes).forEach((schoolType) => {\n if (cathPrivSchoolTypes[schoolType].length < 1) {\n missingSchoolType.push(schoolType);\n }\n });\n\n if (missingSchoolType.length > 0) {\n const unlistedCathPrivSchools = catholicPrivateSchoolsArray.slice(maxLength, catholicPrivateSchoolsArray.length);\n const schoolToExchange = unlistedCathPrivSchools.find(i =>\n i.features['School Type'].includes(missingSchoolType[0]) || i.features.Orientation.includes(missingSchoolType[0])\n );\n\n if (schoolToExchange) {\n const mostFrequentSchoolType = {\n type: null,\n count: 0,\n indexToExchange: null,\n };\n\n Object.keys(cathPrivSchoolTypes).forEach((type) => {\n if (mostFrequentSchoolType.count < cathPrivSchoolTypes[type].length) {\n const lowestScoreIndex = cathPrivSchoolTypes[type].length - 1;\n mostFrequentSchoolType.indexToExchange = cathPrivSchoolTypes[type][lowestScoreIndex];\n mostFrequentSchoolType.count = cathPrivSchoolTypes[type].length;\n mostFrequentSchoolType.type = type;\n }\n });\n\n sortedCatholicPrivateSchools[mostFrequentSchoolType.indexToExchange] = schoolToExchange;\n }\n } // NOTE : else we have everything we need\n\n return sortedCatholicPrivateSchools.sort((a, b) => compareAlphabetically(a, b)); // eslint-disable-line no-undef\n }\n\n // NOTE : assumes a MAX_SCHOOLS_DISPLAY of 9 for the default variable values\n // NOTE : original logic\n //\n // A) If Includes middle-only schools\n // - Up to 3 Elementary or Elementary/Middle schools\n // - up to 2 or 3 Middle-only schools\n // - up to 3 Middle/High or High schools.\n //\n // B) No middle-only schools\n // - Up to 4 Elementary and/or elementary/high\n // - up to 4 high and/or middle/high\n trimSchoolsByGrade(\n assignedSchoolsArray,\n unassignedSchoolsArray = [],\n maxElementaryCount = 3,\n maxMiddleCount = 3,\n maxHighCount = 3,\n ) {\n // NOTE : count instances of each school type and keep track\n // of their index inside publicSchoolTypes, to make sure there's\n // at MOST: maxElementaryCount elementary,\n // maxMiddleCount middle, and maxHighCount high school\n const schoolsByGrade = {\n Elementary: [],\n Middle: [],\n High: [],\n };\n\n const maxGradeCounts = {\n Elementary: maxElementaryCount,\n Middle: maxMiddleCount,\n High: maxHighCount,\n };\n\n // TODO : figure this one out later\n // if (unassignedSchoolsArray.length < 1) {\n // // only work with assignedSchoolsArray\n // }\n\n // TODO : maybe assigned the initial var differently?\n const schoolsArray = assignedSchoolsArray;\n\n assignedSchoolsArray.forEach((school, index) => {\n school.features['Grade Level'].forEach((gradeLevel) => {\n if (schoolsByGrade[gradeLevel]) {\n schoolsByGrade[gradeLevel].push(index);\n } else {\n schoolsByGrade[gradeLevel] = [index];\n }\n });\n });\n\n // const excessGrade = [];\n Object.keys(schoolsByGrade).forEach((gradeLevel) => {\n if (schoolsByGrade[gradeLevel] && schoolsByGrade[gradeLevel].length <= maxGradeCounts[gradeLevel]) {\n maxGradeCounts[gradeLevel] -= schoolsByGrade[gradeLevel].length;\n } else {\n maxGradeCounts[gradeLevel] = 0;\n // excessGrade.push(gradeLevel);\n }\n });\n\n unassignedSchoolsArray.forEach((school) => {\n school.features['Grade Level'].forEach((gradeLevel) => {\n if (maxGradeCounts[gradeLevel] && maxGradeCounts[gradeLevel] > 0) {\n schoolsArray.push(school);\n maxGradeCounts[gradeLevel] -= 1;\n }\n });\n });\n\n return schoolsArray;\n }\n};\n","export function getPackageContents(report) {\n // TODO: move this logic to the backend.\n if (report.campaign) {\n return ['address', 'detailed'];\n } else if (report.branding === 'schoolq') {\n return []\n // TODO: also API generated reports should be empty package contents\n } else {\n return ['address', 'detailed'].concat(report.within_gta ? ['school'] : [])\n }\n}\n\nexport default { getPackageContents };","import fetchFromApi from 'hoodq-shared-js/lib/core/fetchFromApi';\n\nconst API_BASE_URL = process.env.HOODQ_API_BASE_URL || '';\n\nexport default class HoodQAPI {\n key: string;\n url: string = API_BASE_URL;\n\n constructor({ key, url = API_BASE_URL }) {\n this.key = key;\n this.url = url;\n }\n\n fetch\n
\n\n \n {props.agentSlug}\n
\n \n 
\n
\n\n \n
\n {props.reportTitle}
\n{address}
\n {cityState}\n\n
\n\n \n {props.agentSlug}\n
\n \n
\n )\n}","import React from 'react';\nimport {CardElement, Elements, ElementsConsumer} from '@stripe/react-stripe-js';\nimport {loadStripe} from '@stripe/stripe-js';\nimport {Button, Form} from 'react-bootstrap';\n\nimport {SubscriptionPlan} from \"./types\";\n\ninterface IState {\n selectedPlan: SubscriptionPlan | null,\n isSubmitting: boolean\n}\n\ninterface IProps {\n stripePublicKey: string;\n csrfToken: string;\n currentPlan: string;\n}\n\ninterface IElementsConsumerProps {\n elements: any;\n stripe: any;\n}\n\n\nclass EditPaymentDetails extends React.Component\n
\n \n
\n \n
\n \n \n
\n \n
\n {props.streetAddress}
\n{`${props.city}, ${props.state}`}
\n{props.reportTitle}
\n\n
\n \n
\n \n
\n {props.user.name}
\n {props.user.phone_number &&{props.user.phone_number}
}\n {props.user.website_address &&{props.user.website_address}
}\n\n {props.user.profile_picture && 
}\n
\n \n \n Secure payments processed by Stripe.\n
\n \n )\n }\n\n handlePlanChange = (ev) => {\n this.setState({\n selectedPlan: ev.currentTarget.value as SubscriptionPlan\n })\n }\n\n render() {\n const { isSubmitting, selectedPlan } = this.state;\n const { stripe, elements } = this.props;\n\n return (\n \n )\n }\n}\n\nexport default class InjectedEditPaymentDetails extends React.Component\n//
\n// \n//
\n// \n//
\n// \n//
\n// \n//
\n// \n//
\n\n// \n//
\n// Start Marketing Your Listing NOW
\n//\n//
\n\n// \n// \n//
\n// \n// \n//
\n// \n//
\n\n// {\n// selectedProduct == ProductOption.PACKAGE\n// ? \n//
\n// \n//
\n// \n//
\n// \n// 28\n// items\n//
\n// \n//
\n// Get the ENTIRE package of marketing material for {address}.
\n//\n//
\n// \n//
\n// \n// Here is what has been created for you:\n//
\n// \n//
\n// - \n//
- 1 Digital Postcard \n//
- 4 Print-Ready Postcards \n//
- 1 Digital Flyer \n//
- 1 Property Website \n//
- 1 Address Report \n//
- 1 School Report \n//
- 1 Open House Report \n//
- 1 Detailed Report \n//
- 1 Neighbourhood Report \n//
- 18 Social Media Templates \n//
\n// \n//
\n// \n// \n//
\n// \n//
\n// : null\n// }\n\n\n// \n// \n// \n// {errorMessage && {errorMessage}}\n//
\n// \n//
\n// \n// \n//
\n// Let's Get Started
\nYou're one step away from Canada's largest database of school and park information.
\nThe information below will be used to personalize your reports.
\n\n
\n \n \n {props => (\n \n )}\n \n
\n The banner on your reports will look like this:
\n\n
\n \n )\n }\n}","import React from 'react';\nimport humanizedMoney from 'utils/humanized-money';\n\nimport { SubscriptionPlan, PLAN_PRICES } from './types';\n\ninterface IProps {\n selected: boolean;\n plan: SubscriptionPlan;\n billedAmount: number;\n isDiscounted: boolean;\n onClick: () => void;\n collapse?: boolean;\n}\n\ninterface IState {\n collapsed: boolean;\n}\n\nexport default class PlanButton extends React.Component\n
\n )\n }\n}","import React from 'react';\nimport {CardElement, Elements, ElementsConsumer} from '@stripe/react-stripe-js';\nimport {loadStripe} from '@stripe/stripe-js';\nimport {Button, Form} from 'react-bootstrap';\nimport * as yup from 'yup';\nimport {Formik} from 'formik';\n\nimport PlanButton from './PlanButton';\nimport FeedbackFormField from './FeedbackFormField';\nimport HoodQLogo from './HoodQLogo';\n\nimport humanizedMoney from '../utils/humanized-money';\n\nimport {Affiliate, Coupon, PLAN_PRICES, PROVINCES, SubscriptionPlan} from './types';\n\ndeclare global {\n interface Window { \n routes: any;\n rewardful: any;\n Rewardful: any;\n }\n}\n\ninterface UserRegistration {\n email: string;\n password: string;\n password_confirmation: string;\n stripe_token?: string;\n plan: string;\n province?: string;\n referral_id?: string;\n payment_card?: boolean;\n}\n\ninterface IProps {\n stripePublicKey: string;\n csrfToken: string;\n selectedPlan?: string;\n coupon?: string;\n}\n\ninterface IElementsConsumerProps {\n elements: any;\n stripe: any;\n}\n\ninterface IState {\n selectedPlan: SubscriptionPlan;\n coupon?: Coupon;\n affiliate?: Affiliate;\n user: UserRegistration;\n prices: {\n [SubscriptionPlan.MONTHLY]: number;\n [SubscriptionPlan.YEARLY]: number;\n };\n}\n\n\nfunction priceWithCoupon(price, coupon) {\n if (!coupon) return price;\n return price - price * (coupon.percent_off / 100);\n}\n\nclass SignUpForm extends React.Component\n {this.renderPriceSpan(monthlyAmount, discountedMonthlyAmount)}\n /mo + tax\n
\n {this.props.children}\n \n {\n plan == SubscriptionPlan.YEARLY && <>\n Billed {this.renderPriceSpan(PLAN_PRICES[plan], billedAmount)} annually\n \n }\n
\n - \n {affiliate &&
- {coupon.percent_off}% off for {affiliate.first_name} customers! }\n
- Unlimited reports \n
- Billed {humanizedMoney(prices[SubscriptionPlan.MONTHLY])} + tax at sign-up \n
- Cancel any time \n
- Automatic monthly renewal \n
- \n {affiliate &&
- {coupon.percent_off}% off for {affiliate.first_name} customers! }\n
- Unlimited reports \n
- Billed {humanizedMoney(prices[SubscriptionPlan.YEARLY])} + tax at sign-up \n
- Cancel after 1 year \n
- Automatic yearly renewal \n
\n \n Secure payments processed by Stripe.\n
\n \n )\n\n\n }\n\n render() {\n const { \n selectedPlan,\n prices\n } = this.state;\n\n const { stripe, elements } = this.props;\n\n return (\n \n
\n )\n }\n\n\n}\n\nexport default class InjectedSignUpForm extends React.Component\n \n {props => (\n \n )}\n \n
\n\n Create Your Account
\nInstant access to unlimited detailed reports for your listing presentations, buyer tours, and more.
\n\n\n Already have an account? Sign in.\n
\n\n\n {this.renderPlanButtons({ collapse: true })}\n
\n\n \n {this.renderPlanButtons()}\n
\n \\n \\n \\n \\n \\n
\\n \"]);\n\n _templateObject26 = function _templateObject26() {\n return data;\n };\n\n return data;\n}\n\nfunction _templateObject25() {\n var data = _taggedTemplateLiteral([\"\\n \\n \", \"\\n
\\n \\n \", \"\\n
\"]);\n\n _templateObject22 = function _templateObject22() {\n return data;\n };\n\n return data;\n}\n\nfunction _templateObject21() {\n var data = _taggedTemplateLiteral([\"\\n \\n \\n
\\n \"]);\n\n _templateObject21 = function _templateObject21() {\n return data;\n };\n\n return data;\n}\n\nfunction _templateObject20() {\n var data = _taggedTemplateLiteral([\"\\n \\n \", \" \\n
\\n\\n \", \"\\n \\n \\n
\\n \\n
\\n \"]);\n\n _templateObject20 = function _templateObject20() {\n return data;\n };\n\n return data;\n}\n\nfunction _templateObject19() {\n var data = _taggedTemplateLiteral([\"\\n \\n \\n\\n
\\n \"]);\n\n _templateObject19 = function _templateObject19() {\n return data;\n };\n\n return data;\n}\n\nfunction _templateObject18() {\n var data = _taggedTemplateLiteral([\"\\n \\n \\n
\\n \\n \\n
\\n\\n \\n
\\n \\n \\n
\\n \\n
\\n
\\n \\n
\\n\\n \\n
\\n \\n
\\n \\n \\n
\\n\\n \", \"\\n
\\n \\n \\n
\\n\\n \", \"\\n ' + '' + '' + '
'\n });\n\n var DefaultType = _objectSpread({}, Tooltip.DefaultType, {\n content: '(string|element|function)'\n });\n\n var ClassName = {\n FADE: 'fade',\n SHOW: 'show'\n };\n var Selector = {\n TITLE: '.popover-header',\n CONTENT: '.popover-body'\n };\n var Event = {\n HIDE: \"hide\" + EVENT_KEY,\n HIDDEN: \"hidden\" + EVENT_KEY,\n SHOW: \"show\" + EVENT_KEY,\n SHOWN: \"shown\" + EVENT_KEY,\n INSERTED: \"inserted\" + EVENT_KEY,\n CLICK: \"click\" + EVENT_KEY,\n FOCUSIN: \"focusin\" + EVENT_KEY,\n FOCUSOUT: \"focusout\" + EVENT_KEY,\n MOUSEENTER: \"mouseenter\" + EVENT_KEY,\n MOUSELEAVE: \"mouseleave\" + EVENT_KEY\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n };\n\n var Popover =\n /*#__PURE__*/\n function (_Tooltip) {\n _inheritsLoose(Popover, _Tooltip);\n\n function Popover() {\n return _Tooltip.apply(this, arguments) || this;\n }\n\n var _proto = Popover.prototype; // Overrides\n\n _proto.isWithContent = function isWithContent() {\n return this.getTitle() || this._getContent();\n };\n\n _proto.addAttachmentClass = function addAttachmentClass(attachment) {\n $$$1(this.getTipElement()).addClass(CLASS_PREFIX + \"-\" + attachment);\n };\n\n _proto.getTipElement = function getTipElement() {\n this.tip = this.tip || $$$1(this.config.template)[0];\n return this.tip;\n };\n\n _proto.setContent = function setContent() {\n var $tip = $$$1(this.getTipElement()); // We use append for html objects to maintain js events\n\n this.setElementContent($tip.find(Selector.TITLE), this.getTitle());\n\n var content = this._getContent();\n\n if (typeof content === 'function') {\n content = content.call(this.element);\n }\n\n this.setElementContent($tip.find(Selector.CONTENT), content);\n $tip.removeClass(ClassName.FADE + \" \" + ClassName.SHOW);\n }; // Private\n\n\n _proto._getContent = function _getContent() {\n return this.element.getAttribute('data-content') || this.config.content;\n };\n\n _proto._cleanTipClass = function _cleanTipClass() {\n var $tip = $$$1(this.getTipElement());\n var tabClass = $tip.attr('class').match(BSCLS_PREFIX_REGEX);\n\n if (tabClass !== null && tabClass.length > 0) {\n $tip.removeClass(tabClass.join(''));\n }\n }; // Static\n\n\n Popover._jQueryInterface = function _jQueryInterface(config) {\n return this.each(function () {\n var data = $$$1(this).data(DATA_KEY);\n\n var _config = _typeof(config) === 'object' ? config : null;\n\n if (!data && /destroy|hide/.test(config)) {\n return;\n }\n\n if (!data) {\n data = new Popover(this, _config);\n $$$1(this).data(DATA_KEY, data);\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(\"No method named \\\"\" + config + \"\\\"\");\n }\n\n data[config]();\n }\n });\n };\n\n _createClass(Popover, null, [{\n key: \"VERSION\",\n // Getters\n get: function get() {\n return VERSION;\n }\n }, {\n key: \"Default\",\n get: function get() {\n return Default;\n }\n }, {\n key: \"NAME\",\n get: function get() {\n return NAME;\n }\n }, {\n key: \"DATA_KEY\",\n get: function get() {\n return DATA_KEY;\n }\n }, {\n key: \"Event\",\n get: function get() {\n return Event;\n }\n }, {\n key: \"EVENT_KEY\",\n get: function get() {\n return EVENT_KEY;\n }\n }, {\n key: \"DefaultType\",\n get: function get() {\n return DefaultType;\n }\n }]);\n\n return Popover;\n }(Tooltip);\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n\n $$$1.fn[NAME] = Popover._jQueryInterface;\n $$$1.fn[NAME].Constructor = Popover;\n\n $$$1.fn[NAME].noConflict = function () {\n $$$1.fn[NAME] = JQUERY_NO_CONFLICT;\n return Popover._jQueryInterface;\n };\n\n return Popover;\n }($);\n\n return Popover;\n});","function _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\n(function (global, factory) {\n (typeof exports === \"undefined\" ? \"undefined\" : _typeof(exports)) === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('jquery'), require('popper.js'), require('./util.js')) : typeof define === 'function' && define.amd ? define(['jquery', 'popper.js', './util.js'], factory) : global.Tooltip = factory(global.jQuery, global.Popper, global.Util);\n})(this, function ($, Popper, Util) {\n 'use strict';\n\n $ = $ && $.hasOwnProperty('default') ? $['default'] : $;\n Popper = Popper && Popper.hasOwnProperty('default') ? Popper['default'] : Popper;\n Util = Util && Util.hasOwnProperty('default') ? Util['default'] : Util;\n\n function _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n }\n\n function _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n }\n\n function _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n }\n\n function _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n var ownKeys = Object.keys(source);\n\n if (typeof Object.getOwnPropertySymbols === 'function') {\n ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {\n return Object.getOwnPropertyDescriptor(source, sym).enumerable;\n }));\n }\n\n ownKeys.forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n }\n\n return target;\n }\n /**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.1.3): tooltip.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\n\n var Tooltip = function ($$$1) {\n /**\n * ------------------------------------------------------------------------\n * Constants\n * ------------------------------------------------------------------------\n */\n var NAME = 'tooltip';\n var VERSION = '4.1.3';\n var DATA_KEY = 'bs.tooltip';\n var EVENT_KEY = \".\" + DATA_KEY;\n var JQUERY_NO_CONFLICT = $$$1.fn[NAME];\n var CLASS_PREFIX = 'bs-tooltip';\n var BSCLS_PREFIX_REGEX = new RegExp(\"(^|\\\\s)\" + CLASS_PREFIX + \"\\\\S+\", 'g');\n var DefaultType = {\n animation: 'boolean',\n template: 'string',\n title: '(string|element|function)',\n trigger: 'string',\n delay: '(number|object)',\n html: 'boolean',\n selector: '(string|boolean)',\n placement: '(string|function)',\n offset: '(number|string)',\n container: '(string|element|boolean)',\n fallbackPlacement: '(string|array)',\n boundary: '(string|element)'\n };\n var AttachmentMap = {\n AUTO: 'auto',\n TOP: 'top',\n RIGHT: 'right',\n BOTTOM: 'bottom',\n LEFT: 'left'\n };\n var Default = {\n animation: true,\n template: '' + '' + '
',\n trigger: 'hover focus',\n title: '',\n delay: 0,\n html: false,\n selector: false,\n placement: 'top',\n offset: 0,\n container: false,\n fallbackPlacement: 'flip',\n boundary: 'scrollParent'\n };\n var HoverState = {\n SHOW: 'show',\n OUT: 'out'\n };\n var Event = {\n HIDE: \"hide\" + EVENT_KEY,\n HIDDEN: \"hidden\" + EVENT_KEY,\n SHOW: \"show\" + EVENT_KEY,\n SHOWN: \"shown\" + EVENT_KEY,\n INSERTED: \"inserted\" + EVENT_KEY,\n CLICK: \"click\" + EVENT_KEY,\n FOCUSIN: \"focusin\" + EVENT_KEY,\n FOCUSOUT: \"focusout\" + EVENT_KEY,\n MOUSEENTER: \"mouseenter\" + EVENT_KEY,\n MOUSELEAVE: \"mouseleave\" + EVENT_KEY\n };\n var ClassName = {\n FADE: 'fade',\n SHOW: 'show'\n };\n var Selector = {\n TOOLTIP: '.tooltip',\n TOOLTIP_INNER: '.tooltip-inner',\n ARROW: '.arrow'\n };\n var Trigger = {\n HOVER: 'hover',\n FOCUS: 'focus',\n CLICK: 'click',\n MANUAL: 'manual'\n /**\n * ------------------------------------------------------------------------\n * Class Definition\n * ------------------------------------------------------------------------\n */\n\n };\n\n var Tooltip =\n /*#__PURE__*/\n function () {\n function Tooltip(element, config) {\n /**\n * Check for Popper dependency\n * Popper - https://popper.js.org\n */\n if (typeof Popper === 'undefined') {\n throw new TypeError('Bootstrap tooltips require Popper.js (https://popper.js.org)');\n } // private\n\n\n this._isEnabled = true;\n this._timeout = 0;\n this._hoverState = '';\n this._activeTrigger = {};\n this._popper = null; // Protected\n\n this.element = element;\n this.config = this._getConfig(config);\n this.tip = null;\n\n this._setListeners();\n } // Getters\n\n\n var _proto = Tooltip.prototype; // Public\n\n _proto.enable = function enable() {\n this._isEnabled = true;\n };\n\n _proto.disable = function disable() {\n this._isEnabled = false;\n };\n\n _proto.toggleEnabled = function toggleEnabled() {\n this._isEnabled = !this._isEnabled;\n };\n\n _proto.toggle = function toggle(event) {\n if (!this._isEnabled) {\n return;\n }\n\n if (event) {\n var dataKey = this.constructor.DATA_KEY;\n var context = $$$1(event.currentTarget).data(dataKey);\n\n if (!context) {\n context = new this.constructor(event.currentTarget, this._getDelegateConfig());\n $$$1(event.currentTarget).data(dataKey, context);\n }\n\n context._activeTrigger.click = !context._activeTrigger.click;\n\n if (context._isWithActiveTrigger()) {\n context._enter(null, context);\n } else {\n context._leave(null, context);\n }\n } else {\n if ($$$1(this.getTipElement()).hasClass(ClassName.SHOW)) {\n this._leave(null, this);\n\n return;\n }\n\n this._enter(null, this);\n }\n };\n\n _proto.dispose = function dispose() {\n clearTimeout(this._timeout);\n $$$1.removeData(this.element, this.constructor.DATA_KEY);\n $$$1(this.element).off(this.constructor.EVENT_KEY);\n $$$1(this.element).closest('.modal').off('hide.bs.modal');\n\n if (this.tip) {\n $$$1(this.tip).remove();\n }\n\n this._isEnabled = null;\n this._timeout = null;\n this._hoverState = null;\n this._activeTrigger = null;\n\n if (this._popper !== null) {\n this._popper.destroy();\n }\n\n this._popper = null;\n this.element = null;\n this.config = null;\n this.tip = null;\n };\n\n _proto.show = function show() {\n var _this = this;\n\n if ($$$1(this.element).css('display') === 'none') {\n throw new Error('Please use show on visible elements');\n }\n\n var showEvent = $$$1.Event(this.constructor.Event.SHOW);\n\n if (this.isWithContent() && this._isEnabled) {\n $$$1(this.element).trigger(showEvent);\n var isInTheDom = $$$1.contains(this.element.ownerDocument.documentElement, this.element);\n\n if (showEvent.isDefaultPrevented() || !isInTheDom) {\n return;\n }\n\n var tip = this.getTipElement();\n var tipId = Util.getUID(this.constructor.NAME);\n tip.setAttribute('id', tipId);\n this.element.setAttribute('aria-describedby', tipId);\n this.setContent();\n\n if (this.config.animation) {\n $$$1(tip).addClass(ClassName.FADE);\n }\n\n var placement = typeof this.config.placement === 'function' ? this.config.placement.call(this, tip, this.element) : this.config.placement;\n\n var attachment = this._getAttachment(placement);\n\n this.addAttachmentClass(attachment);\n var container = this.config.container === false ? document.body : $$$1(document).find(this.config.container);\n $$$1(tip).data(this.constructor.DATA_KEY, this);\n\n if (!$$$1.contains(this.element.ownerDocument.documentElement, this.tip)) {\n $$$1(tip).appendTo(container);\n }\n\n $$$1(this.element).trigger(this.constructor.Event.INSERTED);\n this._popper = new Popper(this.element, tip, {\n placement: attachment,\n modifiers: {\n offset: {\n offset: this.config.offset\n },\n flip: {\n behavior: this.config.fallbackPlacement\n },\n arrow: {\n element: Selector.ARROW\n },\n preventOverflow: {\n boundariesElement: this.config.boundary\n }\n },\n onCreate: function onCreate(data) {\n if (data.originalPlacement !== data.placement) {\n _this._handlePopperPlacementChange(data);\n }\n },\n onUpdate: function onUpdate(data) {\n _this._handlePopperPlacementChange(data);\n }\n });\n $$$1(tip).addClass(ClassName.SHOW); // If this is a touch-enabled device we add extra\n // empty mouseover listeners to the body's immediate children;\n // only needed because of broken event delegation on iOS\n // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html\n\n if ('ontouchstart' in document.documentElement) {\n $$$1(document.body).children().on('mouseover', null, $$$1.noop);\n }\n\n var complete = function complete() {\n if (_this.config.animation) {\n _this._fixTransition();\n }\n\n var prevHoverState = _this._hoverState;\n _this._hoverState = null;\n $$$1(_this.element).trigger(_this.constructor.Event.SHOWN);\n\n if (prevHoverState === HoverState.OUT) {\n _this._leave(null, _this);\n }\n };\n\n if ($$$1(this.tip).hasClass(ClassName.FADE)) {\n var transitionDuration = Util.getTransitionDurationFromElement(this.tip);\n $$$1(this.tip).one(Util.TRANSITION_END, complete).emulateTransitionEnd(transitionDuration);\n } else {\n complete();\n }\n }\n };\n\n _proto.hide = function hide(callback) {\n var _this2 = this;\n\n var tip = this.getTipElement();\n var hideEvent = $$$1.Event(this.constructor.Event.HIDE);\n\n var complete = function complete() {\n if (_this2._hoverState !== HoverState.SHOW && tip.parentNode) {\n tip.parentNode.removeChild(tip);\n }\n\n _this2._cleanTipClass();\n\n _this2.element.removeAttribute('aria-describedby');\n\n $$$1(_this2.element).trigger(_this2.constructor.Event.HIDDEN);\n\n if (_this2._popper !== null) {\n _this2._popper.destroy();\n }\n\n if (callback) {\n callback();\n }\n };\n\n $$$1(this.element).trigger(hideEvent);\n\n if (hideEvent.isDefaultPrevented()) {\n return;\n }\n\n $$$1(tip).removeClass(ClassName.SHOW); // If this is a touch-enabled device we remove the extra\n // empty mouseover listeners we added for iOS support\n\n if ('ontouchstart' in document.documentElement) {\n $$$1(document.body).children().off('mouseover', null, $$$1.noop);\n }\n\n this._activeTrigger[Trigger.CLICK] = false;\n this._activeTrigger[Trigger.FOCUS] = false;\n this._activeTrigger[Trigger.HOVER] = false;\n\n if ($$$1(this.tip).hasClass(ClassName.FADE)) {\n var transitionDuration = Util.getTransitionDurationFromElement(tip);\n $$$1(tip).one(Util.TRANSITION_END, complete).emulateTransitionEnd(transitionDuration);\n } else {\n complete();\n }\n\n this._hoverState = '';\n };\n\n _proto.update = function update() {\n if (this._popper !== null) {\n this._popper.scheduleUpdate();\n }\n }; // Protected\n\n\n _proto.isWithContent = function isWithContent() {\n return Boolean(this.getTitle());\n };\n\n _proto.addAttachmentClass = function addAttachmentClass(attachment) {\n $$$1(this.getTipElement()).addClass(CLASS_PREFIX + \"-\" + attachment);\n };\n\n _proto.getTipElement = function getTipElement() {\n this.tip = this.tip || $$$1(this.config.template)[0];\n return this.tip;\n };\n\n _proto.setContent = function setContent() {\n var tip = this.getTipElement();\n this.setElementContent($$$1(tip.querySelectorAll(Selector.TOOLTIP_INNER)), this.getTitle());\n $$$1(tip).removeClass(ClassName.FADE + \" \" + ClassName.SHOW);\n };\n\n _proto.setElementContent = function setElementContent($element, content) {\n var html = this.config.html;\n\n if (_typeof(content) === 'object' && (content.nodeType || content.jquery)) {\n // Content is a DOM node or a jQuery\n if (html) {\n if (!$$$1(content).parent().is($element)) {\n $element.empty().append(content);\n }\n } else {\n $element.text($$$1(content).text());\n }\n } else {\n $element[html ? 'html' : 'text'](content);\n }\n };\n\n _proto.getTitle = function getTitle() {\n var title = this.element.getAttribute('data-original-title');\n\n if (!title) {\n title = typeof this.config.title === 'function' ? this.config.title.call(this.element) : this.config.title;\n }\n\n return title;\n }; // Private\n\n\n _proto._getAttachment = function _getAttachment(placement) {\n return AttachmentMap[placement.toUpperCase()];\n };\n\n _proto._setListeners = function _setListeners() {\n var _this3 = this;\n\n var triggers = this.config.trigger.split(' ');\n triggers.forEach(function (trigger) {\n if (trigger === 'click') {\n $$$1(_this3.element).on(_this3.constructor.Event.CLICK, _this3.config.selector, function (event) {\n return _this3.toggle(event);\n });\n } else if (trigger !== Trigger.MANUAL) {\n var eventIn = trigger === Trigger.HOVER ? _this3.constructor.Event.MOUSEENTER : _this3.constructor.Event.FOCUSIN;\n var eventOut = trigger === Trigger.HOVER ? _this3.constructor.Event.MOUSELEAVE : _this3.constructor.Event.FOCUSOUT;\n $$$1(_this3.element).on(eventIn, _this3.config.selector, function (event) {\n return _this3._enter(event);\n }).on(eventOut, _this3.config.selector, function (event) {\n return _this3._leave(event);\n });\n }\n\n $$$1(_this3.element).closest('.modal').on('hide.bs.modal', function () {\n return _this3.hide();\n });\n });\n\n if (this.config.selector) {\n this.config = _objectSpread({}, this.config, {\n trigger: 'manual',\n selector: ''\n });\n } else {\n this._fixTitle();\n }\n };\n\n _proto._fixTitle = function _fixTitle() {\n var titleType = _typeof(this.element.getAttribute('data-original-title'));\n\n if (this.element.getAttribute('title') || titleType !== 'string') {\n this.element.setAttribute('data-original-title', this.element.getAttribute('title') || '');\n this.element.setAttribute('title', '');\n }\n };\n\n _proto._enter = function _enter(event, context) {\n var dataKey = this.constructor.DATA_KEY;\n context = context || $$$1(event.currentTarget).data(dataKey);\n\n if (!context) {\n context = new this.constructor(event.currentTarget, this._getDelegateConfig());\n $$$1(event.currentTarget).data(dataKey, context);\n }\n\n if (event) {\n context._activeTrigger[event.type === 'focusin' ? Trigger.FOCUS : Trigger.HOVER] = true;\n }\n\n if ($$$1(context.getTipElement()).hasClass(ClassName.SHOW) || context._hoverState === HoverState.SHOW) {\n context._hoverState = HoverState.SHOW;\n return;\n }\n\n clearTimeout(context._timeout);\n context._hoverState = HoverState.SHOW;\n\n if (!context.config.delay || !context.config.delay.show) {\n context.show();\n return;\n }\n\n context._timeout = setTimeout(function () {\n if (context._hoverState === HoverState.SHOW) {\n context.show();\n }\n }, context.config.delay.show);\n };\n\n _proto._leave = function _leave(event, context) {\n var dataKey = this.constructor.DATA_KEY;\n context = context || $$$1(event.currentTarget).data(dataKey);\n\n if (!context) {\n context = new this.constructor(event.currentTarget, this._getDelegateConfig());\n $$$1(event.currentTarget).data(dataKey, context);\n }\n\n if (event) {\n context._activeTrigger[event.type === 'focusout' ? Trigger.FOCUS : Trigger.HOVER] = false;\n }\n\n if (context._isWithActiveTrigger()) {\n return;\n }\n\n clearTimeout(context._timeout);\n context._hoverState = HoverState.OUT;\n\n if (!context.config.delay || !context.config.delay.hide) {\n context.hide();\n return;\n }\n\n context._timeout = setTimeout(function () {\n if (context._hoverState === HoverState.OUT) {\n context.hide();\n }\n }, context.config.delay.hide);\n };\n\n _proto._isWithActiveTrigger = function _isWithActiveTrigger() {\n for (var trigger in this._activeTrigger) {\n if (this._activeTrigger[trigger]) {\n return true;\n }\n }\n\n return false;\n };\n\n _proto._getConfig = function _getConfig(config) {\n config = _objectSpread({}, this.constructor.Default, $$$1(this.element).data(), _typeof(config) === 'object' && config ? config : {});\n\n if (typeof config.delay === 'number') {\n config.delay = {\n show: config.delay,\n hide: config.delay\n };\n }\n\n if (typeof config.title === 'number') {\n config.title = config.title.toString();\n }\n\n if (typeof config.content === 'number') {\n config.content = config.content.toString();\n }\n\n Util.typeCheckConfig(NAME, config, this.constructor.DefaultType);\n return config;\n };\n\n _proto._getDelegateConfig = function _getDelegateConfig() {\n var config = {};\n\n if (this.config) {\n for (var key in this.config) {\n if (this.constructor.Default[key] !== this.config[key]) {\n config[key] = this.config[key];\n }\n }\n }\n\n return config;\n };\n\n _proto._cleanTipClass = function _cleanTipClass() {\n var $tip = $$$1(this.getTipElement());\n var tabClass = $tip.attr('class').match(BSCLS_PREFIX_REGEX);\n\n if (tabClass !== null && tabClass.length) {\n $tip.removeClass(tabClass.join(''));\n }\n };\n\n _proto._handlePopperPlacementChange = function _handlePopperPlacementChange(popperData) {\n var popperInstance = popperData.instance;\n this.tip = popperInstance.popper;\n\n this._cleanTipClass();\n\n this.addAttachmentClass(this._getAttachment(popperData.placement));\n };\n\n _proto._fixTransition = function _fixTransition() {\n var tip = this.getTipElement();\n var initConfigAnimation = this.config.animation;\n\n if (tip.getAttribute('x-placement') !== null) {\n return;\n }\n\n $$$1(tip).removeClass(ClassName.FADE);\n this.config.animation = false;\n this.hide();\n this.show();\n this.config.animation = initConfigAnimation;\n }; // Static\n\n\n Tooltip._jQueryInterface = function _jQueryInterface(config) {\n return this.each(function () {\n var data = $$$1(this).data(DATA_KEY);\n\n var _config = _typeof(config) === 'object' && config;\n\n if (!data && /dispose|hide/.test(config)) {\n return;\n }\n\n if (!data) {\n data = new Tooltip(this, _config);\n $$$1(this).data(DATA_KEY, data);\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(\"No method named \\\"\" + config + \"\\\"\");\n }\n\n data[config]();\n }\n });\n };\n\n _createClass(Tooltip, null, [{\n key: \"VERSION\",\n get: function get() {\n return VERSION;\n }\n }, {\n key: \"Default\",\n get: function get() {\n return Default;\n }\n }, {\n key: \"NAME\",\n get: function get() {\n return NAME;\n }\n }, {\n key: \"DATA_KEY\",\n get: function get() {\n return DATA_KEY;\n }\n }, {\n key: \"Event\",\n get: function get() {\n return Event;\n }\n }, {\n key: \"EVENT_KEY\",\n get: function get() {\n return EVENT_KEY;\n }\n }, {\n key: \"DefaultType\",\n get: function get() {\n return DefaultType;\n }\n }]);\n\n return Tooltip;\n }();\n /**\n * ------------------------------------------------------------------------\n * jQuery\n * ------------------------------------------------------------------------\n */\n\n\n $$$1.fn[NAME] = Tooltip._jQueryInterface;\n $$$1.fn[NAME].Constructor = Tooltip;\n\n $$$1.fn[NAME].noConflict = function () {\n $$$1.fn[NAME] = JQUERY_NO_CONFLICT;\n return Tooltip._jQueryInterface;\n };\n\n return Tooltip;\n }($, Popper);\n\n return Tooltip;\n});","function _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\n(function (global, factory) {\n (typeof exports === \"undefined\" ? \"undefined\" : _typeof(exports)) === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('jquery')) : typeof define === 'function' && define.amd ? define(['jquery'], factory) : global.Util = factory(global.jQuery);\n})(this, function ($) {\n 'use strict';\n\n $ = $ && $.hasOwnProperty('default') ? $['default'] : $;\n /**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.1.3): util.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * --------------------------------------------------------------------------\n */\n\n var Util = function ($$$1) {\n /**\n * ------------------------------------------------------------------------\n * Private TransitionEnd Helpers\n * ------------------------------------------------------------------------\n */\n var TRANSITION_END = 'transitionend';\n var MAX_UID = 1000000;\n var MILLISECONDS_MULTIPLIER = 1000; // Shoutout AngusCroll (https://goo.gl/pxwQGp)\n\n function toType(obj) {\n return {}.toString.call(obj).match(/\\s([a-z]+)/i)[1].toLowerCase();\n }\n\n function getSpecialTransitionEndEvent() {\n return {\n bindType: TRANSITION_END,\n delegateType: TRANSITION_END,\n handle: function handle(event) {\n if ($$$1(event.target).is(this)) {\n return event.handleObj.handler.apply(this, arguments); // eslint-disable-line prefer-rest-params\n }\n\n return undefined; // eslint-disable-line no-undefined\n }\n };\n }\n\n function transitionEndEmulator(duration) {\n var _this = this;\n\n var called = false;\n $$$1(this).one(Util.TRANSITION_END, function () {\n called = true;\n });\n setTimeout(function () {\n if (!called) {\n Util.triggerTransitionEnd(_this);\n }\n }, duration);\n return this;\n }\n\n function setTransitionEndSupport() {\n $$$1.fn.emulateTransitionEnd = transitionEndEmulator;\n $$$1.event.special[Util.TRANSITION_END] = getSpecialTransitionEndEvent();\n }\n /**\n * --------------------------------------------------------------------------\n * Public Util Api\n * --------------------------------------------------------------------------\n */\n\n\n var Util = {\n TRANSITION_END: 'bsTransitionEnd',\n getUID: function getUID(prefix) {\n do {\n // eslint-disable-next-line no-bitwise\n prefix += ~~(Math.random() * MAX_UID); // \"~~\" acts like a faster Math.floor() here\n } while (document.getElementById(prefix));\n\n return prefix;\n },\n getSelectorFromElement: function getSelectorFromElement(element) {\n var selector = element.getAttribute('data-target');\n\n if (!selector || selector === '#') {\n selector = element.getAttribute('href') || '';\n }\n\n try {\n return document.querySelector(selector) ? selector : null;\n } catch (err) {\n return null;\n }\n },\n getTransitionDurationFromElement: function getTransitionDurationFromElement(element) {\n if (!element) {\n return 0;\n } // Get transition-duration of the element\n\n\n var transitionDuration = $$$1(element).css('transition-duration');\n var floatTransitionDuration = parseFloat(transitionDuration); // Return 0 if element or transition duration is not found\n\n if (!floatTransitionDuration) {\n return 0;\n } // If multiple durations are defined, take the first\n\n\n transitionDuration = transitionDuration.split(',')[0];\n return parseFloat(transitionDuration) * MILLISECONDS_MULTIPLIER;\n },\n reflow: function reflow(element) {\n return element.offsetHeight;\n },\n triggerTransitionEnd: function triggerTransitionEnd(element) {\n $$$1(element).trigger(TRANSITION_END);\n },\n // TODO: Remove in v5\n supportsTransitionEnd: function supportsTransitionEnd() {\n return Boolean(TRANSITION_END);\n },\n isElement: function isElement(obj) {\n return (obj[0] || obj).nodeType;\n },\n typeCheckConfig: function typeCheckConfig(componentName, config, configTypes) {\n for (var property in configTypes) {\n if (Object.prototype.hasOwnProperty.call(configTypes, property)) {\n var expectedTypes = configTypes[property];\n var value = config[property];\n var valueType = value && Util.isElement(value) ? 'element' : toType(value);\n\n if (!new RegExp(expectedTypes).test(valueType)) {\n throw new Error(componentName.toUpperCase() + \": \" + (\"Option \\\"\" + property + \"\\\" provided type \\\"\" + valueType + \"\\\" \") + (\"but expected type \\\"\" + expectedTypes + \"\\\".\"));\n }\n }\n }\n }\n };\n setTransitionEndSupport();\n return Util;\n }($);\n\n return Util;\n});","var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);\nmodule.exports = canUseDOM;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar createChangeEmitter = exports.createChangeEmitter = function createChangeEmitter() {\n var currentListeners = [];\n var nextListeners = currentListeners;\n\n function ensureCanMutateNextListeners() {\n if (nextListeners === currentListeners) {\n nextListeners = currentListeners.slice();\n }\n }\n\n function listen(listener) {\n if (typeof listener !== 'function') {\n throw new Error('Expected listener to be a function.');\n }\n\n var isSubscribed = true;\n ensureCanMutateNextListeners();\n nextListeners.push(listener);\n return function () {\n if (!isSubscribed) {\n return;\n }\n\n isSubscribed = false;\n ensureCanMutateNextListeners();\n var index = nextListeners.indexOf(listener);\n nextListeners.splice(index, 1);\n };\n }\n\n function emit() {\n currentListeners = nextListeners;\n var listeners = currentListeners;\n\n for (var i = 0; i < listeners.length; i++) {\n listeners[i].apply(listeners, arguments);\n }\n }\n\n return {\n listen: listen,\n emit: emit\n };\n};","function _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\n/*!\n * Chart.js v2.9.3\n * https://www.chartjs.org\n * (c) 2019 Chart.js Contributors\n * Released under the MIT License\n */\n(function (global, factory) {\n (typeof exports === \"undefined\" ? \"undefined\" : _typeof(exports)) === 'object' && typeof module !== 'undefined' ? module.exports = factory(function () {\n try {\n return require('moment');\n } catch (e) {}\n }()) : typeof define === 'function' && define.amd ? define(['require'], function (require) {\n return factory(function () {\n try {\n return require('moment');\n } catch (e) {}\n }());\n }) : (global = global || self, global.Chart = factory(global.moment));\n})(this, function (moment) {\n 'use strict';\n\n moment = moment && moment.hasOwnProperty('default') ? moment['default'] : moment;\n\n function createCommonjsModule(fn, module) {\n return module = {\n exports: {}\n }, fn(module, module.exports), module.exports;\n }\n\n function getCjsExportFromNamespace(n) {\n return n && n['default'] || n;\n }\n\n var colorName = {\n \"aliceblue\": [240, 248, 255],\n \"antiquewhite\": [250, 235, 215],\n \"aqua\": [0, 255, 255],\n \"aquamarine\": [127, 255, 212],\n \"azure\": [240, 255, 255],\n \"beige\": [245, 245, 220],\n \"bisque\": [255, 228, 196],\n \"black\": [0, 0, 0],\n \"blanchedalmond\": [255, 235, 205],\n \"blue\": [0, 0, 255],\n \"blueviolet\": [138, 43, 226],\n \"brown\": [165, 42, 42],\n \"burlywood\": [222, 184, 135],\n \"cadetblue\": [95, 158, 160],\n \"chartreuse\": [127, 255, 0],\n \"chocolate\": [210, 105, 30],\n \"coral\": [255, 127, 80],\n \"cornflowerblue\": [100, 149, 237],\n \"cornsilk\": [255, 248, 220],\n \"crimson\": [220, 20, 60],\n \"cyan\": [0, 255, 255],\n \"darkblue\": [0, 0, 139],\n \"darkcyan\": [0, 139, 139],\n \"darkgoldenrod\": [184, 134, 11],\n \"darkgray\": [169, 169, 169],\n \"darkgreen\": [0, 100, 0],\n \"darkgrey\": [169, 169, 169],\n \"darkkhaki\": [189, 183, 107],\n \"darkmagenta\": [139, 0, 139],\n \"darkolivegreen\": [85, 107, 47],\n \"darkorange\": [255, 140, 0],\n \"darkorchid\": [153, 50, 204],\n \"darkred\": [139, 0, 0],\n \"darksalmon\": [233, 150, 122],\n \"darkseagreen\": [143, 188, 143],\n \"darkslateblue\": [72, 61, 139],\n \"darkslategray\": [47, 79, 79],\n \"darkslategrey\": [47, 79, 79],\n \"darkturquoise\": [0, 206, 209],\n \"darkviolet\": [148, 0, 211],\n \"deeppink\": [255, 20, 147],\n \"deepskyblue\": [0, 191, 255],\n \"dimgray\": [105, 105, 105],\n \"dimgrey\": [105, 105, 105],\n \"dodgerblue\": [30, 144, 255],\n \"firebrick\": [178, 34, 34],\n \"floralwhite\": [255, 250, 240],\n \"forestgreen\": [34, 139, 34],\n \"fuchsia\": [255, 0, 255],\n \"gainsboro\": [220, 220, 220],\n \"ghostwhite\": [248, 248, 255],\n \"gold\": [255, 215, 0],\n \"goldenrod\": [218, 165, 32],\n \"gray\": [128, 128, 128],\n \"green\": [0, 128, 0],\n \"greenyellow\": [173, 255, 47],\n \"grey\": [128, 128, 128],\n \"honeydew\": [240, 255, 240],\n \"hotpink\": [255, 105, 180],\n \"indianred\": [205, 92, 92],\n \"indigo\": [75, 0, 130],\n \"ivory\": [255, 255, 240],\n \"khaki\": [240, 230, 140],\n \"lavender\": [230, 230, 250],\n \"lavenderblush\": [255, 240, 245],\n \"lawngreen\": [124, 252, 0],\n \"lemonchiffon\": [255, 250, 205],\n \"lightblue\": [173, 216, 230],\n \"lightcoral\": [240, 128, 128],\n \"lightcyan\": [224, 255, 255],\n \"lightgoldenrodyellow\": [250, 250, 210],\n \"lightgray\": [211, 211, 211],\n \"lightgreen\": [144, 238, 144],\n \"lightgrey\": [211, 211, 211],\n \"lightpink\": [255, 182, 193],\n \"lightsalmon\": [255, 160, 122],\n \"lightseagreen\": [32, 178, 170],\n \"lightskyblue\": [135, 206, 250],\n \"lightslategray\": [119, 136, 153],\n \"lightslategrey\": [119, 136, 153],\n \"lightsteelblue\": [176, 196, 222],\n \"lightyellow\": [255, 255, 224],\n \"lime\": [0, 255, 0],\n \"limegreen\": [50, 205, 50],\n \"linen\": [250, 240, 230],\n \"magenta\": [255, 0, 255],\n \"maroon\": [128, 0, 0],\n \"mediumaquamarine\": [102, 205, 170],\n \"mediumblue\": [0, 0, 205],\n \"mediumorchid\": [186, 85, 211],\n \"mediumpurple\": [147, 112, 219],\n \"mediumseagreen\": [60, 179, 113],\n \"mediumslateblue\": [123, 104, 238],\n \"mediumspringgreen\": [0, 250, 154],\n \"mediumturquoise\": [72, 209, 204],\n \"mediumvioletred\": [199, 21, 133],\n \"midnightblue\": [25, 25, 112],\n \"mintcream\": [245, 255, 250],\n \"mistyrose\": [255, 228, 225],\n \"moccasin\": [255, 228, 181],\n \"navajowhite\": [255, 222, 173],\n \"navy\": [0, 0, 128],\n \"oldlace\": [253, 245, 230],\n \"olive\": [128, 128, 0],\n \"olivedrab\": [107, 142, 35],\n \"orange\": [255, 165, 0],\n \"orangered\": [255, 69, 0],\n \"orchid\": [218, 112, 214],\n \"palegoldenrod\": [238, 232, 170],\n \"palegreen\": [152, 251, 152],\n \"paleturquoise\": [175, 238, 238],\n \"palevioletred\": [219, 112, 147],\n \"papayawhip\": [255, 239, 213],\n \"peachpuff\": [255, 218, 185],\n \"peru\": [205, 133, 63],\n \"pink\": [255, 192, 203],\n \"plum\": [221, 160, 221],\n \"powderblue\": [176, 224, 230],\n \"purple\": [128, 0, 128],\n \"rebeccapurple\": [102, 51, 153],\n \"red\": [255, 0, 0],\n \"rosybrown\": [188, 143, 143],\n \"royalblue\": [65, 105, 225],\n \"saddlebrown\": [139, 69, 19],\n \"salmon\": [250, 128, 114],\n \"sandybrown\": [244, 164, 96],\n \"seagreen\": [46, 139, 87],\n \"seashell\": [255, 245, 238],\n \"sienna\": [160, 82, 45],\n \"silver\": [192, 192, 192],\n \"skyblue\": [135, 206, 235],\n \"slateblue\": [106, 90, 205],\n \"slategray\": [112, 128, 144],\n \"slategrey\": [112, 128, 144],\n \"snow\": [255, 250, 250],\n \"springgreen\": [0, 255, 127],\n \"steelblue\": [70, 130, 180],\n \"tan\": [210, 180, 140],\n \"teal\": [0, 128, 128],\n \"thistle\": [216, 191, 216],\n \"tomato\": [255, 99, 71],\n \"turquoise\": [64, 224, 208],\n \"violet\": [238, 130, 238],\n \"wheat\": [245, 222, 179],\n \"white\": [255, 255, 255],\n \"whitesmoke\": [245, 245, 245],\n \"yellow\": [255, 255, 0],\n \"yellowgreen\": [154, 205, 50]\n };\n var conversions = createCommonjsModule(function (module) {\n /* MIT license */\n // NOTE: conversions should only return primitive values (i.e. arrays, or\n // values that give correct `typeof` results).\n // do not use box values types (i.e. Number(), String(), etc.)\n var reverseKeywords = {};\n\n for (var key in colorName) {\n if (colorName.hasOwnProperty(key)) {\n reverseKeywords[colorName[key]] = key;\n }\n }\n\n var convert = module.exports = {\n rgb: {\n channels: 3,\n labels: 'rgb'\n },\n hsl: {\n channels: 3,\n labels: 'hsl'\n },\n hsv: {\n channels: 3,\n labels: 'hsv'\n },\n hwb: {\n channels: 3,\n labels: 'hwb'\n },\n cmyk: {\n channels: 4,\n labels: 'cmyk'\n },\n xyz: {\n channels: 3,\n labels: 'xyz'\n },\n lab: {\n channels: 3,\n labels: 'lab'\n },\n lch: {\n channels: 3,\n labels: 'lch'\n },\n hex: {\n channels: 1,\n labels: ['hex']\n },\n keyword: {\n channels: 1,\n labels: ['keyword']\n },\n ansi16: {\n channels: 1,\n labels: ['ansi16']\n },\n ansi256: {\n channels: 1,\n labels: ['ansi256']\n },\n hcg: {\n channels: 3,\n labels: ['h', 'c', 'g']\n },\n apple: {\n channels: 3,\n labels: ['r16', 'g16', 'b16']\n },\n gray: {\n channels: 1,\n labels: ['gray']\n }\n }; // hide .channels and .labels properties\n\n for (var model in convert) {\n if (convert.hasOwnProperty(model)) {\n if (!('channels' in convert[model])) {\n throw new Error('missing channels property: ' + model);\n }\n\n if (!('labels' in convert[model])) {\n throw new Error('missing channel labels property: ' + model);\n }\n\n if (convert[model].labels.length !== convert[model].channels) {\n throw new Error('channel and label counts mismatch: ' + model);\n }\n\n var channels = convert[model].channels;\n var labels = convert[model].labels;\n delete convert[model].channels;\n delete convert[model].labels;\n Object.defineProperty(convert[model], 'channels', {\n value: channels\n });\n Object.defineProperty(convert[model], 'labels', {\n value: labels\n });\n }\n }\n\n convert.rgb.hsl = function (rgb) {\n var r = rgb[0] / 255;\n var g = rgb[1] / 255;\n var b = rgb[2] / 255;\n var min = Math.min(r, g, b);\n var max = Math.max(r, g, b);\n var delta = max - min;\n var h;\n var s;\n var l;\n\n if (max === min) {\n h = 0;\n } else if (r === max) {\n h = (g - b) / delta;\n } else if (g === max) {\n h = 2 + (b - r) / delta;\n } else if (b === max) {\n h = 4 + (r - g) / delta;\n }\n\n h = Math.min(h * 60, 360);\n\n if (h < 0) {\n h += 360;\n }\n\n l = (min + max) / 2;\n\n if (max === min) {\n s = 0;\n } else if (l <= 0.5) {\n s = delta / (max + min);\n } else {\n s = delta / (2 - max - min);\n }\n\n return [h, s * 100, l * 100];\n };\n\n convert.rgb.hsv = function (rgb) {\n var rdif;\n var gdif;\n var bdif;\n var h;\n var s;\n var r = rgb[0] / 255;\n var g = rgb[1] / 255;\n var b = rgb[2] / 255;\n var v = Math.max(r, g, b);\n var diff = v - Math.min(r, g, b);\n\n var diffc = function diffc(c) {\n return (v - c) / 6 / diff + 1 / 2;\n };\n\n if (diff === 0) {\n h = s = 0;\n } else {\n s = diff / v;\n rdif = diffc(r);\n gdif = diffc(g);\n bdif = diffc(b);\n\n if (r === v) {\n h = bdif - gdif;\n } else if (g === v) {\n h = 1 / 3 + rdif - bdif;\n } else if (b === v) {\n h = 2 / 3 + gdif - rdif;\n }\n\n if (h < 0) {\n h += 1;\n } else if (h > 1) {\n h -= 1;\n }\n }\n\n return [h * 360, s * 100, v * 100];\n };\n\n convert.rgb.hwb = function (rgb) {\n var r = rgb[0];\n var g = rgb[1];\n var b = rgb[2];\n var h = convert.rgb.hsl(rgb)[0];\n var w = 1 / 255 * Math.min(r, Math.min(g, b));\n b = 1 - 1 / 255 * Math.max(r, Math.max(g, b));\n return [h, w * 100, b * 100];\n };\n\n convert.rgb.cmyk = function (rgb) {\n var r = rgb[0] / 255;\n var g = rgb[1] / 255;\n var b = rgb[2] / 255;\n var c;\n var m;\n var y;\n var k;\n k = Math.min(1 - r, 1 - g, 1 - b);\n c = (1 - r - k) / (1 - k) || 0;\n m = (1 - g - k) / (1 - k) || 0;\n y = (1 - b - k) / (1 - k) || 0;\n return [c * 100, m * 100, y * 100, k * 100];\n };\n /**\n * See https://en.m.wikipedia.org/wiki/Euclidean_distance#Squared_Euclidean_distance\n * */\n\n\n function comparativeDistance(x, y) {\n return Math.pow(x[0] - y[0], 2) + Math.pow(x[1] - y[1], 2) + Math.pow(x[2] - y[2], 2);\n }\n\n convert.rgb.keyword = function (rgb) {\n var reversed = reverseKeywords[rgb];\n\n if (reversed) {\n return reversed;\n }\n\n var currentClosestDistance = Infinity;\n var currentClosestKeyword;\n\n for (var keyword in colorName) {\n if (colorName.hasOwnProperty(keyword)) {\n var value = colorName[keyword]; // Compute comparative distance\n\n var distance = comparativeDistance(rgb, value); // Check if its less, if so set as closest\n\n if (distance < currentClosestDistance) {\n currentClosestDistance = distance;\n currentClosestKeyword = keyword;\n }\n }\n }\n\n return currentClosestKeyword;\n };\n\n convert.keyword.rgb = function (keyword) {\n return colorName[keyword];\n };\n\n convert.rgb.xyz = function (rgb) {\n var r = rgb[0] / 255;\n var g = rgb[1] / 255;\n var b = rgb[2] / 255; // assume sRGB\n\n r = r > 0.04045 ? Math.pow((r + 0.055) / 1.055, 2.4) : r / 12.92;\n g = g > 0.04045 ? Math.pow((g + 0.055) / 1.055, 2.4) : g / 12.92;\n b = b > 0.04045 ? Math.pow((b + 0.055) / 1.055, 2.4) : b / 12.92;\n var x = r * 0.4124 + g * 0.3576 + b * 0.1805;\n var y = r * 0.2126 + g * 0.7152 + b * 0.0722;\n var z = r * 0.0193 + g * 0.1192 + b * 0.9505;\n return [x * 100, y * 100, z * 100];\n };\n\n convert.rgb.lab = function (rgb) {\n var xyz = convert.rgb.xyz(rgb);\n var x = xyz[0];\n var y = xyz[1];\n var z = xyz[2];\n var l;\n var a;\n var b;\n x /= 95.047;\n y /= 100;\n z /= 108.883;\n x = x > 0.008856 ? Math.pow(x, 1 / 3) : 7.787 * x + 16 / 116;\n y = y > 0.008856 ? Math.pow(y, 1 / 3) : 7.787 * y + 16 / 116;\n z = z > 0.008856 ? Math.pow(z, 1 / 3) : 7.787 * z + 16 / 116;\n l = 116 * y - 16;\n a = 500 * (x - y);\n b = 200 * (y - z);\n return [l, a, b];\n };\n\n convert.hsl.rgb = function (hsl) {\n var h = hsl[0] / 360;\n var s = hsl[1] / 100;\n var l = hsl[2] / 100;\n var t1;\n var t2;\n var t3;\n var rgb;\n var val;\n\n if (s === 0) {\n val = l * 255;\n return [val, val, val];\n }\n\n if (l < 0.5) {\n t2 = l * (1 + s);\n } else {\n t2 = l + s - l * s;\n }\n\n t1 = 2 * l - t2;\n rgb = [0, 0, 0];\n\n for (var i = 0; i < 3; i++) {\n t3 = h + 1 / 3 * -(i - 1);\n\n if (t3 < 0) {\n t3++;\n }\n\n if (t3 > 1) {\n t3--;\n }\n\n if (6 * t3 < 1) {\n val = t1 + (t2 - t1) * 6 * t3;\n } else if (2 * t3 < 1) {\n val = t2;\n } else if (3 * t3 < 2) {\n val = t1 + (t2 - t1) * (2 / 3 - t3) * 6;\n } else {\n val = t1;\n }\n\n rgb[i] = val * 255;\n }\n\n return rgb;\n };\n\n convert.hsl.hsv = function (hsl) {\n var h = hsl[0];\n var s = hsl[1] / 100;\n var l = hsl[2] / 100;\n var smin = s;\n var lmin = Math.max(l, 0.01);\n var sv;\n var v;\n l *= 2;\n s *= l <= 1 ? l : 2 - l;\n smin *= lmin <= 1 ? lmin : 2 - lmin;\n v = (l + s) / 2;\n sv = l === 0 ? 2 * smin / (lmin + smin) : 2 * s / (l + s);\n return [h, sv * 100, v * 100];\n };\n\n convert.hsv.rgb = function (hsv) {\n var h = hsv[0] / 60;\n var s = hsv[1] / 100;\n var v = hsv[2] / 100;\n var hi = Math.floor(h) % 6;\n var f = h - Math.floor(h);\n var p = 255 * v * (1 - s);\n var q = 255 * v * (1 - s * f);\n var t = 255 * v * (1 - s * (1 - f));\n v *= 255;\n\n switch (hi) {\n case 0:\n return [v, t, p];\n\n case 1:\n return [q, v, p];\n\n case 2:\n return [p, v, t];\n\n case 3:\n return [p, q, v];\n\n case 4:\n return [t, p, v];\n\n case 5:\n return [v, p, q];\n }\n };\n\n convert.hsv.hsl = function (hsv) {\n var h = hsv[0];\n var s = hsv[1] / 100;\n var v = hsv[2] / 100;\n var vmin = Math.max(v, 0.01);\n var lmin;\n var sl;\n var l;\n l = (2 - s) * v;\n lmin = (2 - s) * vmin;\n sl = s * vmin;\n sl /= lmin <= 1 ? lmin : 2 - lmin;\n sl = sl || 0;\n l /= 2;\n return [h, sl * 100, l * 100];\n }; // http://dev.w3.org/csswg/css-color/#hwb-to-rgb\n\n\n convert.hwb.rgb = function (hwb) {\n var h = hwb[0] / 360;\n var wh = hwb[1] / 100;\n var bl = hwb[2] / 100;\n var ratio = wh + bl;\n var i;\n var v;\n var f;\n var n; // wh + bl cant be > 1\n\n if (ratio > 1) {\n wh /= ratio;\n bl /= ratio;\n }\n\n i = Math.floor(6 * h);\n v = 1 - bl;\n f = 6 * h - i;\n\n if ((i & 0x01) !== 0) {\n f = 1 - f;\n }\n\n n = wh + f * (v - wh); // linear interpolation\n\n var r;\n var g;\n var b;\n\n switch (i) {\n default:\n case 6:\n case 0:\n r = v;\n g = n;\n b = wh;\n break;\n\n case 1:\n r = n;\n g = v;\n b = wh;\n break;\n\n case 2:\n r = wh;\n g = v;\n b = n;\n break;\n\n case 3:\n r = wh;\n g = n;\n b = v;\n break;\n\n case 4:\n r = n;\n g = wh;\n b = v;\n break;\n\n case 5:\n r = v;\n g = wh;\n b = n;\n break;\n }\n\n return [r * 255, g * 255, b * 255];\n };\n\n convert.cmyk.rgb = function (cmyk) {\n var c = cmyk[0] / 100;\n var m = cmyk[1] / 100;\n var y = cmyk[2] / 100;\n var k = cmyk[3] / 100;\n var r;\n var g;\n var b;\n r = 1 - Math.min(1, c * (1 - k) + k);\n g = 1 - Math.min(1, m * (1 - k) + k);\n b = 1 - Math.min(1, y * (1 - k) + k);\n return [r * 255, g * 255, b * 255];\n };\n\n convert.xyz.rgb = function (xyz) {\n var x = xyz[0] / 100;\n var y = xyz[1] / 100;\n var z = xyz[2] / 100;\n var r;\n var g;\n var b;\n r = x * 3.2406 + y * -1.5372 + z * -0.4986;\n g = x * -0.9689 + y * 1.8758 + z * 0.0415;\n b = x * 0.0557 + y * -0.2040 + z * 1.0570; // assume sRGB\n\n r = r > 0.0031308 ? 1.055 * Math.pow(r, 1.0 / 2.4) - 0.055 : r * 12.92;\n g = g > 0.0031308 ? 1.055 * Math.pow(g, 1.0 / 2.4) - 0.055 : g * 12.92;\n b = b > 0.0031308 ? 1.055 * Math.pow(b, 1.0 / 2.4) - 0.055 : b * 12.92;\n r = Math.min(Math.max(0, r), 1);\n g = Math.min(Math.max(0, g), 1);\n b = Math.min(Math.max(0, b), 1);\n return [r * 255, g * 255, b * 255];\n };\n\n convert.xyz.lab = function (xyz) {\n var x = xyz[0];\n var y = xyz[1];\n var z = xyz[2];\n var l;\n var a;\n var b;\n x /= 95.047;\n y /= 100;\n z /= 108.883;\n x = x > 0.008856 ? Math.pow(x, 1 / 3) : 7.787 * x + 16 / 116;\n y = y > 0.008856 ? Math.pow(y, 1 / 3) : 7.787 * y + 16 / 116;\n z = z > 0.008856 ? Math.pow(z, 1 / 3) : 7.787 * z + 16 / 116;\n l = 116 * y - 16;\n a = 500 * (x - y);\n b = 200 * (y - z);\n return [l, a, b];\n };\n\n convert.lab.xyz = function (lab) {\n var l = lab[0];\n var a = lab[1];\n var b = lab[2];\n var x;\n var y;\n var z;\n y = (l + 16) / 116;\n x = a / 500 + y;\n z = y - b / 200;\n var y2 = Math.pow(y, 3);\n var x2 = Math.pow(x, 3);\n var z2 = Math.pow(z, 3);\n y = y2 > 0.008856 ? y2 : (y - 16 / 116) / 7.787;\n x = x2 > 0.008856 ? x2 : (x - 16 / 116) / 7.787;\n z = z2 > 0.008856 ? z2 : (z - 16 / 116) / 7.787;\n x *= 95.047;\n y *= 100;\n z *= 108.883;\n return [x, y, z];\n };\n\n convert.lab.lch = function (lab) {\n var l = lab[0];\n var a = lab[1];\n var b = lab[2];\n var hr;\n var h;\n var c;\n hr = Math.atan2(b, a);\n h = hr * 360 / 2 / Math.PI;\n\n if (h < 0) {\n h += 360;\n }\n\n c = Math.sqrt(a * a + b * b);\n return [l, c, h];\n };\n\n convert.lch.lab = function (lch) {\n var l = lch[0];\n var c = lch[1];\n var h = lch[2];\n var a;\n var b;\n var hr;\n hr = h / 360 * 2 * Math.PI;\n a = c * Math.cos(hr);\n b = c * Math.sin(hr);\n return [l, a, b];\n };\n\n convert.rgb.ansi16 = function (args) {\n var r = args[0];\n var g = args[1];\n var b = args[2];\n var value = 1 in arguments ? arguments[1] : convert.rgb.hsv(args)[2]; // hsv -> ansi16 optimization\n\n value = Math.round(value / 50);\n\n if (value === 0) {\n return 30;\n }\n\n var ansi = 30 + (Math.round(b / 255) << 2 | Math.round(g / 255) << 1 | Math.round(r / 255));\n\n if (value === 2) {\n ansi += 60;\n }\n\n return ansi;\n };\n\n convert.hsv.ansi16 = function (args) {\n // optimization here; we already know the value and don't need to get\n // it converted for us.\n return convert.rgb.ansi16(convert.hsv.rgb(args), args[2]);\n };\n\n convert.rgb.ansi256 = function (args) {\n var r = args[0];\n var g = args[1];\n var b = args[2]; // we use the extended greyscale palette here, with the exception of\n // black and white. normal palette only has 4 greyscale shades.\n\n if (r === g && g === b) {\n if (r < 8) {\n return 16;\n }\n\n if (r > 248) {\n return 231;\n }\n\n return Math.round((r - 8) / 247 * 24) + 232;\n }\n\n var ansi = 16 + 36 * Math.round(r / 255 * 5) + 6 * Math.round(g / 255 * 5) + Math.round(b / 255 * 5);\n return ansi;\n };\n\n convert.ansi16.rgb = function (args) {\n var color = args % 10; // handle greyscale\n\n if (color === 0 || color === 7) {\n if (args > 50) {\n color += 3.5;\n }\n\n color = color / 10.5 * 255;\n return [color, color, color];\n }\n\n var mult = (~~(args > 50) + 1) * 0.5;\n var r = (color & 1) * mult * 255;\n var g = (color >> 1 & 1) * mult * 255;\n var b = (color >> 2 & 1) * mult * 255;\n return [r, g, b];\n };\n\n convert.ansi256.rgb = function (args) {\n // handle greyscale\n if (args >= 232) {\n var c = (args - 232) * 10 + 8;\n return [c, c, c];\n }\n\n args -= 16;\n var rem;\n var r = Math.floor(args / 36) / 5 * 255;\n var g = Math.floor((rem = args % 36) / 6) / 5 * 255;\n var b = rem % 6 / 5 * 255;\n return [r, g, b];\n };\n\n convert.rgb.hex = function (args) {\n var integer = ((Math.round(args[0]) & 0xFF) << 16) + ((Math.round(args[1]) & 0xFF) << 8) + (Math.round(args[2]) & 0xFF);\n var string = integer.toString(16).toUpperCase();\n return '000000'.substring(string.length) + string;\n };\n\n convert.hex.rgb = function (args) {\n var match = args.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);\n\n if (!match) {\n return [0, 0, 0];\n }\n\n var colorString = match[0];\n\n if (match[0].length === 3) {\n colorString = colorString.split('').map(function (_char) {\n return _char + _char;\n }).join('');\n }\n\n var integer = parseInt(colorString, 16);\n var r = integer >> 16 & 0xFF;\n var g = integer >> 8 & 0xFF;\n var b = integer & 0xFF;\n return [r, g, b];\n };\n\n convert.rgb.hcg = function (rgb) {\n var r = rgb[0] / 255;\n var g = rgb[1] / 255;\n var b = rgb[2] / 255;\n var max = Math.max(Math.max(r, g), b);\n var min = Math.min(Math.min(r, g), b);\n var chroma = max - min;\n var grayscale;\n var hue;\n\n if (chroma < 1) {\n grayscale = min / (1 - chroma);\n } else {\n grayscale = 0;\n }\n\n if (chroma <= 0) {\n hue = 0;\n } else if (max === r) {\n hue = (g - b) / chroma % 6;\n } else if (max === g) {\n hue = 2 + (b - r) / chroma;\n } else {\n hue = 4 + (r - g) / chroma + 4;\n }\n\n hue /= 6;\n hue %= 1;\n return [hue * 360, chroma * 100, grayscale * 100];\n };\n\n convert.hsl.hcg = function (hsl) {\n var s = hsl[1] / 100;\n var l = hsl[2] / 100;\n var c = 1;\n var f = 0;\n\n if (l < 0.5) {\n c = 2.0 * s * l;\n } else {\n c = 2.0 * s * (1.0 - l);\n }\n\n if (c < 1.0) {\n f = (l - 0.5 * c) / (1.0 - c);\n }\n\n return [hsl[0], c * 100, f * 100];\n };\n\n convert.hsv.hcg = function (hsv) {\n var s = hsv[1] / 100;\n var v = hsv[2] / 100;\n var c = s * v;\n var f = 0;\n\n if (c < 1.0) {\n f = (v - c) / (1 - c);\n }\n\n return [hsv[0], c * 100, f * 100];\n };\n\n convert.hcg.rgb = function (hcg) {\n var h = hcg[0] / 360;\n var c = hcg[1] / 100;\n var g = hcg[2] / 100;\n\n if (c === 0.0) {\n return [g * 255, g * 255, g * 255];\n }\n\n var pure = [0, 0, 0];\n var hi = h % 1 * 6;\n var v = hi % 1;\n var w = 1 - v;\n var mg = 0;\n\n switch (Math.floor(hi)) {\n case 0:\n pure[0] = 1;\n pure[1] = v;\n pure[2] = 0;\n break;\n\n case 1:\n pure[0] = w;\n pure[1] = 1;\n pure[2] = 0;\n break;\n\n case 2:\n pure[0] = 0;\n pure[1] = 1;\n pure[2] = v;\n break;\n\n case 3:\n pure[0] = 0;\n pure[1] = w;\n pure[2] = 1;\n break;\n\n case 4:\n pure[0] = v;\n pure[1] = 0;\n pure[2] = 1;\n break;\n\n default:\n pure[0] = 1;\n pure[1] = 0;\n pure[2] = w;\n }\n\n mg = (1.0 - c) * g;\n return [(c * pure[0] + mg) * 255, (c * pure[1] + mg) * 255, (c * pure[2] + mg) * 255];\n };\n\n convert.hcg.hsv = function (hcg) {\n var c = hcg[1] / 100;\n var g = hcg[2] / 100;\n var v = c + g * (1.0 - c);\n var f = 0;\n\n if (v > 0.0) {\n f = c / v;\n }\n\n return [hcg[0], f * 100, v * 100];\n };\n\n convert.hcg.hsl = function (hcg) {\n var c = hcg[1] / 100;\n var g = hcg[2] / 100;\n var l = g * (1.0 - c) + 0.5 * c;\n var s = 0;\n\n if (l > 0.0 && l < 0.5) {\n s = c / (2 * l);\n } else if (l >= 0.5 && l < 1.0) {\n s = c / (2 * (1 - l));\n }\n\n return [hcg[0], s * 100, l * 100];\n };\n\n convert.hcg.hwb = function (hcg) {\n var c = hcg[1] / 100;\n var g = hcg[2] / 100;\n var v = c + g * (1.0 - c);\n return [hcg[0], (v - c) * 100, (1 - v) * 100];\n };\n\n convert.hwb.hcg = function (hwb) {\n var w = hwb[1] / 100;\n var b = hwb[2] / 100;\n var v = 1 - b;\n var c = v - w;\n var g = 0;\n\n if (c < 1) {\n g = (v - c) / (1 - c);\n }\n\n return [hwb[0], c * 100, g * 100];\n };\n\n convert.apple.rgb = function (apple) {\n return [apple[0] / 65535 * 255, apple[1] / 65535 * 255, apple[2] / 65535 * 255];\n };\n\n convert.rgb.apple = function (rgb) {\n return [rgb[0] / 255 * 65535, rgb[1] / 255 * 65535, rgb[2] / 255 * 65535];\n };\n\n convert.gray.rgb = function (args) {\n return [args[0] / 100 * 255, args[0] / 100 * 255, args[0] / 100 * 255];\n };\n\n convert.gray.hsl = convert.gray.hsv = function (args) {\n return [0, 0, args[0]];\n };\n\n convert.gray.hwb = function (gray) {\n return [0, 100, gray[0]];\n };\n\n convert.gray.cmyk = function (gray) {\n return [0, 0, 0, gray[0]];\n };\n\n convert.gray.lab = function (gray) {\n return [gray[0], 0, 0];\n };\n\n convert.gray.hex = function (gray) {\n var val = Math.round(gray[0] / 100 * 255) & 0xFF;\n var integer = (val << 16) + (val << 8) + val;\n var string = integer.toString(16).toUpperCase();\n return '000000'.substring(string.length) + string;\n };\n\n convert.rgb.gray = function (rgb) {\n var val = (rgb[0] + rgb[1] + rgb[2]) / 3;\n return [val / 255 * 100];\n };\n });\n var conversions_1 = conversions.rgb;\n var conversions_2 = conversions.hsl;\n var conversions_3 = conversions.hsv;\n var conversions_4 = conversions.hwb;\n var conversions_5 = conversions.cmyk;\n var conversions_6 = conversions.xyz;\n var conversions_7 = conversions.lab;\n var conversions_8 = conversions.lch;\n var conversions_9 = conversions.hex;\n var conversions_10 = conversions.keyword;\n var conversions_11 = conversions.ansi16;\n var conversions_12 = conversions.ansi256;\n var conversions_13 = conversions.hcg;\n var conversions_14 = conversions.apple;\n var conversions_15 = conversions.gray;\n /*\n \tthis function routes a model to all other models.\n \n \tall functions that are routed have a property `.conversion` attached\n \tto the returned synthetic function. This property is an array\n \tof strings, each with the steps in between the 'from' and 'to'\n \tcolor models (inclusive).\n \n \tconversions that are not possible simply are not included.\n */\n\n function buildGraph() {\n var graph = {}; // https://jsperf.com/object-keys-vs-for-in-with-closure/3\n\n var models = Object.keys(conversions);\n\n for (var len = models.length, i = 0; i < len; i++) {\n graph[models[i]] = {\n // http://jsperf.com/1-vs-infinity\n // micro-opt, but this is simple.\n distance: -1,\n parent: null\n };\n }\n\n return graph;\n } // https://en.wikipedia.org/wiki/Breadth-first_search\n\n\n function deriveBFS(fromModel) {\n var graph = buildGraph();\n var queue = [fromModel]; // unshift -> queue -> pop\n\n graph[fromModel].distance = 0;\n\n while (queue.length) {\n var current = queue.pop();\n var adjacents = Object.keys(conversions[current]);\n\n for (var len = adjacents.length, i = 0; i < len; i++) {\n var adjacent = adjacents[i];\n var node = graph[adjacent];\n\n if (node.distance === -1) {\n node.distance = graph[current].distance + 1;\n node.parent = current;\n queue.unshift(adjacent);\n }\n }\n }\n\n return graph;\n }\n\n function link(from, to) {\n return function (args) {\n return to(from(args));\n };\n }\n\n function wrapConversion(toModel, graph) {\n var path = [graph[toModel].parent, toModel];\n var fn = conversions[graph[toModel].parent][toModel];\n var cur = graph[toModel].parent;\n\n while (graph[cur].parent) {\n path.unshift(graph[cur].parent);\n fn = link(conversions[graph[cur].parent][cur], fn);\n cur = graph[cur].parent;\n }\n\n fn.conversion = path;\n return fn;\n }\n\n var route = function route(fromModel) {\n var graph = deriveBFS(fromModel);\n var conversion = {};\n var models = Object.keys(graph);\n\n for (var len = models.length, i = 0; i < len; i++) {\n var toModel = models[i];\n var node = graph[toModel];\n\n if (node.parent === null) {\n // no possible conversion, or this node is the source model.\n continue;\n }\n\n conversion[toModel] = wrapConversion(toModel, graph);\n }\n\n return conversion;\n };\n\n var convert = {};\n var models = Object.keys(conversions);\n\n function wrapRaw(fn) {\n var wrappedFn = function wrappedFn(args) {\n if (args === undefined || args === null) {\n return args;\n }\n\n if (arguments.length > 1) {\n args = Array.prototype.slice.call(arguments);\n }\n\n return fn(args);\n }; // preserve .conversion property if there is one\n\n\n if ('conversion' in fn) {\n wrappedFn.conversion = fn.conversion;\n }\n\n return wrappedFn;\n }\n\n function wrapRounded(fn) {\n var wrappedFn = function wrappedFn(args) {\n if (args === undefined || args === null) {\n return args;\n }\n\n if (arguments.length > 1) {\n args = Array.prototype.slice.call(arguments);\n }\n\n var result = fn(args); // we're assuming the result is an array here.\n // see notice in conversions.js; don't use box types\n // in conversion functions.\n\n if (_typeof(result) === 'object') {\n for (var len = result.length, i = 0; i < len; i++) {\n result[i] = Math.round(result[i]);\n }\n }\n\n return result;\n }; // preserve .conversion property if there is one\n\n\n if ('conversion' in fn) {\n wrappedFn.conversion = fn.conversion;\n }\n\n return wrappedFn;\n }\n\n models.forEach(function (fromModel) {\n convert[fromModel] = {};\n Object.defineProperty(convert[fromModel], 'channels', {\n value: conversions[fromModel].channels\n });\n Object.defineProperty(convert[fromModel], 'labels', {\n value: conversions[fromModel].labels\n });\n var routes = route(fromModel);\n var routeModels = Object.keys(routes);\n routeModels.forEach(function (toModel) {\n var fn = routes[toModel];\n convert[fromModel][toModel] = wrapRounded(fn);\n convert[fromModel][toModel].raw = wrapRaw(fn);\n });\n });\n var colorConvert = convert;\n var colorName$1 = {\n \"aliceblue\": [240, 248, 255],\n \"antiquewhite\": [250, 235, 215],\n \"aqua\": [0, 255, 255],\n \"aquamarine\": [127, 255, 212],\n \"azure\": [240, 255, 255],\n \"beige\": [245, 245, 220],\n \"bisque\": [255, 228, 196],\n \"black\": [0, 0, 0],\n \"blanchedalmond\": [255, 235, 205],\n \"blue\": [0, 0, 255],\n \"blueviolet\": [138, 43, 226],\n \"brown\": [165, 42, 42],\n \"burlywood\": [222, 184, 135],\n \"cadetblue\": [95, 158, 160],\n \"chartreuse\": [127, 255, 0],\n \"chocolate\": [210, 105, 30],\n \"coral\": [255, 127, 80],\n \"cornflowerblue\": [100, 149, 237],\n \"cornsilk\": [255, 248, 220],\n \"crimson\": [220, 20, 60],\n \"cyan\": [0, 255, 255],\n \"darkblue\": [0, 0, 139],\n \"darkcyan\": [0, 139, 139],\n \"darkgoldenrod\": [184, 134, 11],\n \"darkgray\": [169, 169, 169],\n \"darkgreen\": [0, 100, 0],\n \"darkgrey\": [169, 169, 169],\n \"darkkhaki\": [189, 183, 107],\n \"darkmagenta\": [139, 0, 139],\n \"darkolivegreen\": [85, 107, 47],\n \"darkorange\": [255, 140, 0],\n \"darkorchid\": [153, 50, 204],\n \"darkred\": [139, 0, 0],\n \"darksalmon\": [233, 150, 122],\n \"darkseagreen\": [143, 188, 143],\n \"darkslateblue\": [72, 61, 139],\n \"darkslategray\": [47, 79, 79],\n \"darkslategrey\": [47, 79, 79],\n \"darkturquoise\": [0, 206, 209],\n \"darkviolet\": [148, 0, 211],\n \"deeppink\": [255, 20, 147],\n \"deepskyblue\": [0, 191, 255],\n \"dimgray\": [105, 105, 105],\n \"dimgrey\": [105, 105, 105],\n \"dodgerblue\": [30, 144, 255],\n \"firebrick\": [178, 34, 34],\n \"floralwhite\": [255, 250, 240],\n \"forestgreen\": [34, 139, 34],\n \"fuchsia\": [255, 0, 255],\n \"gainsboro\": [220, 220, 220],\n \"ghostwhite\": [248, 248, 255],\n \"gold\": [255, 215, 0],\n \"goldenrod\": [218, 165, 32],\n \"gray\": [128, 128, 128],\n \"green\": [0, 128, 0],\n \"greenyellow\": [173, 255, 47],\n \"grey\": [128, 128, 128],\n \"honeydew\": [240, 255, 240],\n \"hotpink\": [255, 105, 180],\n \"indianred\": [205, 92, 92],\n \"indigo\": [75, 0, 130],\n \"ivory\": [255, 255, 240],\n \"khaki\": [240, 230, 140],\n \"lavender\": [230, 230, 250],\n \"lavenderblush\": [255, 240, 245],\n \"lawngreen\": [124, 252, 0],\n \"lemonchiffon\": [255, 250, 205],\n \"lightblue\": [173, 216, 230],\n \"lightcoral\": [240, 128, 128],\n \"lightcyan\": [224, 255, 255],\n \"lightgoldenrodyellow\": [250, 250, 210],\n \"lightgray\": [211, 211, 211],\n \"lightgreen\": [144, 238, 144],\n \"lightgrey\": [211, 211, 211],\n \"lightpink\": [255, 182, 193],\n \"lightsalmon\": [255, 160, 122],\n \"lightseagreen\": [32, 178, 170],\n \"lightskyblue\": [135, 206, 250],\n \"lightslategray\": [119, 136, 153],\n \"lightslategrey\": [119, 136, 153],\n \"lightsteelblue\": [176, 196, 222],\n \"lightyellow\": [255, 255, 224],\n \"lime\": [0, 255, 0],\n \"limegreen\": [50, 205, 50],\n \"linen\": [250, 240, 230],\n \"magenta\": [255, 0, 255],\n \"maroon\": [128, 0, 0],\n \"mediumaquamarine\": [102, 205, 170],\n \"mediumblue\": [0, 0, 205],\n \"mediumorchid\": [186, 85, 211],\n \"mediumpurple\": [147, 112, 219],\n \"mediumseagreen\": [60, 179, 113],\n \"mediumslateblue\": [123, 104, 238],\n \"mediumspringgreen\": [0, 250, 154],\n \"mediumturquoise\": [72, 209, 204],\n \"mediumvioletred\": [199, 21, 133],\n \"midnightblue\": [25, 25, 112],\n \"mintcream\": [245, 255, 250],\n \"mistyrose\": [255, 228, 225],\n \"moccasin\": [255, 228, 181],\n \"navajowhite\": [255, 222, 173],\n \"navy\": [0, 0, 128],\n \"oldlace\": [253, 245, 230],\n \"olive\": [128, 128, 0],\n \"olivedrab\": [107, 142, 35],\n \"orange\": [255, 165, 0],\n \"orangered\": [255, 69, 0],\n \"orchid\": [218, 112, 214],\n \"palegoldenrod\": [238, 232, 170],\n \"palegreen\": [152, 251, 152],\n \"paleturquoise\": [175, 238, 238],\n \"palevioletred\": [219, 112, 147],\n \"papayawhip\": [255, 239, 213],\n \"peachpuff\": [255, 218, 185],\n \"peru\": [205, 133, 63],\n \"pink\": [255, 192, 203],\n \"plum\": [221, 160, 221],\n \"powderblue\": [176, 224, 230],\n \"purple\": [128, 0, 128],\n \"rebeccapurple\": [102, 51, 153],\n \"red\": [255, 0, 0],\n \"rosybrown\": [188, 143, 143],\n \"royalblue\": [65, 105, 225],\n \"saddlebrown\": [139, 69, 19],\n \"salmon\": [250, 128, 114],\n \"sandybrown\": [244, 164, 96],\n \"seagreen\": [46, 139, 87],\n \"seashell\": [255, 245, 238],\n \"sienna\": [160, 82, 45],\n \"silver\": [192, 192, 192],\n \"skyblue\": [135, 206, 235],\n \"slateblue\": [106, 90, 205],\n \"slategray\": [112, 128, 144],\n \"slategrey\": [112, 128, 144],\n \"snow\": [255, 250, 250],\n \"springgreen\": [0, 255, 127],\n \"steelblue\": [70, 130, 180],\n \"tan\": [210, 180, 140],\n \"teal\": [0, 128, 128],\n \"thistle\": [216, 191, 216],\n \"tomato\": [255, 99, 71],\n \"turquoise\": [64, 224, 208],\n \"violet\": [238, 130, 238],\n \"wheat\": [245, 222, 179],\n \"white\": [255, 255, 255],\n \"whitesmoke\": [245, 245, 245],\n \"yellow\": [255, 255, 0],\n \"yellowgreen\": [154, 205, 50]\n };\n /* MIT license */\n\n var colorString = {\n getRgba: getRgba,\n getHsla: getHsla,\n getRgb: getRgb,\n getHsl: getHsl,\n getHwb: getHwb,\n getAlpha: getAlpha,\n hexString: hexString,\n rgbString: rgbString,\n rgbaString: rgbaString,\n percentString: percentString,\n percentaString: percentaString,\n hslString: hslString,\n hslaString: hslaString,\n hwbString: hwbString,\n keyword: keyword\n };\n\n function getRgba(string) {\n if (!string) {\n return;\n }\n\n var abbr = /^#([a-fA-F0-9]{3,4})$/i,\n hex = /^#([a-fA-F0-9]{6}([a-fA-F0-9]{2})?)$/i,\n rgba = /^rgba?\\(\\s*([+-]?\\d+)\\s*,\\s*([+-]?\\d+)\\s*,\\s*([+-]?\\d+)\\s*(?:,\\s*([+-]?[\\d\\.]+)\\s*)?\\)$/i,\n per = /^rgba?\\(\\s*([+-]?[\\d\\.]+)\\%\\s*,\\s*([+-]?[\\d\\.]+)\\%\\s*,\\s*([+-]?[\\d\\.]+)\\%\\s*(?:,\\s*([+-]?[\\d\\.]+)\\s*)?\\)$/i,\n keyword = /(\\w+)/;\n var rgb = [0, 0, 0],\n a = 1,\n match = string.match(abbr),\n hexAlpha = \"\";\n\n if (match) {\n match = match[1];\n hexAlpha = match[3];\n\n for (var i = 0; i < rgb.length; i++) {\n rgb[i] = parseInt(match[i] + match[i], 16);\n }\n\n if (hexAlpha) {\n a = Math.round(parseInt(hexAlpha + hexAlpha, 16) / 255 * 100) / 100;\n }\n } else if (match = string.match(hex)) {\n hexAlpha = match[2];\n match = match[1];\n\n for (var i = 0; i < rgb.length; i++) {\n rgb[i] = parseInt(match.slice(i * 2, i * 2 + 2), 16);\n }\n\n if (hexAlpha) {\n a = Math.round(parseInt(hexAlpha, 16) / 255 * 100) / 100;\n }\n } else if (match = string.match(rgba)) {\n for (var i = 0; i < rgb.length; i++) {\n rgb[i] = parseInt(match[i + 1]);\n }\n\n a = parseFloat(match[4]);\n } else if (match = string.match(per)) {\n for (var i = 0; i < rgb.length; i++) {\n rgb[i] = Math.round(parseFloat(match[i + 1]) * 2.55);\n }\n\n a = parseFloat(match[4]);\n } else if (match = string.match(keyword)) {\n if (match[1] == \"transparent\") {\n return [0, 0, 0, 0];\n }\n\n rgb = colorName$1[match[1]];\n\n if (!rgb) {\n return;\n }\n }\n\n for (var i = 0; i < rgb.length; i++) {\n rgb[i] = scale(rgb[i], 0, 255);\n }\n\n if (!a && a != 0) {\n a = 1;\n } else {\n a = scale(a, 0, 1);\n }\n\n rgb[3] = a;\n return rgb;\n }\n\n function getHsla(string) {\n if (!string) {\n return;\n }\n\n var hsl = /^hsla?\\(\\s*([+-]?\\d+)(?:deg)?\\s*,\\s*([+-]?[\\d\\.]+)%\\s*,\\s*([+-]?[\\d\\.]+)%\\s*(?:,\\s*([+-]?[\\d\\.]+)\\s*)?\\)/;\n var match = string.match(hsl);\n\n if (match) {\n var alpha = parseFloat(match[4]);\n var h = scale(parseInt(match[1]), 0, 360),\n s = scale(parseFloat(match[2]), 0, 100),\n l = scale(parseFloat(match[3]), 0, 100),\n a = scale(isNaN(alpha) ? 1 : alpha, 0, 1);\n return [h, s, l, a];\n }\n }\n\n function getHwb(string) {\n if (!string) {\n return;\n }\n\n var hwb = /^hwb\\(\\s*([+-]?\\d+)(?:deg)?\\s*,\\s*([+-]?[\\d\\.]+)%\\s*,\\s*([+-]?[\\d\\.]+)%\\s*(?:,\\s*([+-]?[\\d\\.]+)\\s*)?\\)/;\n var match = string.match(hwb);\n\n if (match) {\n var alpha = parseFloat(match[4]);\n var h = scale(parseInt(match[1]), 0, 360),\n w = scale(parseFloat(match[2]), 0, 100),\n b = scale(parseFloat(match[3]), 0, 100),\n a = scale(isNaN(alpha) ? 1 : alpha, 0, 1);\n return [h, w, b, a];\n }\n }\n\n function getRgb(string) {\n var rgba = getRgba(string);\n return rgba && rgba.slice(0, 3);\n }\n\n function getHsl(string) {\n var hsla = getHsla(string);\n return hsla && hsla.slice(0, 3);\n }\n\n function getAlpha(string) {\n var vals = getRgba(string);\n\n if (vals) {\n return vals[3];\n } else if (vals = getHsla(string)) {\n return vals[3];\n } else if (vals = getHwb(string)) {\n return vals[3];\n }\n } // generators\n\n\n function hexString(rgba, a) {\n var a = a !== undefined && rgba.length === 3 ? a : rgba[3];\n return \"#\" + hexDouble(rgba[0]) + hexDouble(rgba[1]) + hexDouble(rgba[2]) + (a >= 0 && a < 1 ? hexDouble(Math.round(a * 255)) : \"\");\n }\n\n function rgbString(rgba, alpha) {\n if (alpha < 1 || rgba[3] && rgba[3] < 1) {\n return rgbaString(rgba, alpha);\n }\n\n return \"rgb(\" + rgba[0] + \", \" + rgba[1] + \", \" + rgba[2] + \")\";\n }\n\n function rgbaString(rgba, alpha) {\n if (alpha === undefined) {\n alpha = rgba[3] !== undefined ? rgba[3] : 1;\n }\n\n return \"rgba(\" + rgba[0] + \", \" + rgba[1] + \", \" + rgba[2] + \", \" + alpha + \")\";\n }\n\n function percentString(rgba, alpha) {\n if (alpha < 1 || rgba[3] && rgba[3] < 1) {\n return percentaString(rgba, alpha);\n }\n\n var r = Math.round(rgba[0] / 255 * 100),\n g = Math.round(rgba[1] / 255 * 100),\n b = Math.round(rgba[2] / 255 * 100);\n return \"rgb(\" + r + \"%, \" + g + \"%, \" + b + \"%)\";\n }\n\n function percentaString(rgba, alpha) {\n var r = Math.round(rgba[0] / 255 * 100),\n g = Math.round(rgba[1] / 255 * 100),\n b = Math.round(rgba[2] / 255 * 100);\n return \"rgba(\" + r + \"%, \" + g + \"%, \" + b + \"%, \" + (alpha || rgba[3] || 1) + \")\";\n }\n\n function hslString(hsla, alpha) {\n if (alpha < 1 || hsla[3] && hsla[3] < 1) {\n return hslaString(hsla, alpha);\n }\n\n return \"hsl(\" + hsla[0] + \", \" + hsla[1] + \"%, \" + hsla[2] + \"%)\";\n }\n\n function hslaString(hsla, alpha) {\n if (alpha === undefined) {\n alpha = hsla[3] !== undefined ? hsla[3] : 1;\n }\n\n return \"hsla(\" + hsla[0] + \", \" + hsla[1] + \"%, \" + hsla[2] + \"%, \" + alpha + \")\";\n } // hwb is a bit different than rgb(a) & hsl(a) since there is no alpha specific syntax\n // (hwb have alpha optional & 1 is default value)\n\n\n function hwbString(hwb, alpha) {\n if (alpha === undefined) {\n alpha = hwb[3] !== undefined ? hwb[3] : 1;\n }\n\n return \"hwb(\" + hwb[0] + \", \" + hwb[1] + \"%, \" + hwb[2] + \"%\" + (alpha !== undefined && alpha !== 1 ? \", \" + alpha : \"\") + \")\";\n }\n\n function keyword(rgb) {\n return reverseNames[rgb.slice(0, 3)];\n } // helpers\n\n\n function scale(num, min, max) {\n return Math.min(Math.max(min, num), max);\n }\n\n function hexDouble(num) {\n var str = num.toString(16).toUpperCase();\n return str.length < 2 ? \"0\" + str : str;\n } //create a list of reverse color names\n\n\n var reverseNames = {};\n\n for (var name in colorName$1) {\n reverseNames[colorName$1[name]] = name;\n }\n /* MIT license */\n\n\n var Color = function Color(obj) {\n if (obj instanceof Color) {\n return obj;\n }\n\n if (!(this instanceof Color)) {\n return new Color(obj);\n }\n\n this.valid = false;\n this.values = {\n rgb: [0, 0, 0],\n hsl: [0, 0, 0],\n hsv: [0, 0, 0],\n hwb: [0, 0, 0],\n cmyk: [0, 0, 0, 0],\n alpha: 1\n }; // parse Color() argument\n\n var vals;\n\n if (typeof obj === 'string') {\n vals = colorString.getRgba(obj);\n\n if (vals) {\n this.setValues('rgb', vals);\n } else if (vals = colorString.getHsla(obj)) {\n this.setValues('hsl', vals);\n } else if (vals = colorString.getHwb(obj)) {\n this.setValues('hwb', vals);\n }\n } else if (_typeof(obj) === 'object') {\n vals = obj;\n\n if (vals.r !== undefined || vals.red !== undefined) {\n this.setValues('rgb', vals);\n } else if (vals.l !== undefined || vals.lightness !== undefined) {\n this.setValues('hsl', vals);\n } else if (vals.v !== undefined || vals.value !== undefined) {\n this.setValues('hsv', vals);\n } else if (vals.w !== undefined || vals.whiteness !== undefined) {\n this.setValues('hwb', vals);\n } else if (vals.c !== undefined || vals.cyan !== undefined) {\n this.setValues('cmyk', vals);\n }\n }\n };\n\n Color.prototype = {\n isValid: function isValid() {\n return this.valid;\n },\n rgb: function rgb() {\n return this.setSpace('rgb', arguments);\n },\n hsl: function hsl() {\n return this.setSpace('hsl', arguments);\n },\n hsv: function hsv() {\n return this.setSpace('hsv', arguments);\n },\n hwb: function hwb() {\n return this.setSpace('hwb', arguments);\n },\n cmyk: function cmyk() {\n return this.setSpace('cmyk', arguments);\n },\n rgbArray: function rgbArray() {\n return this.values.rgb;\n },\n hslArray: function hslArray() {\n return this.values.hsl;\n },\n hsvArray: function hsvArray() {\n return this.values.hsv;\n },\n hwbArray: function hwbArray() {\n var values = this.values;\n\n if (values.alpha !== 1) {\n return values.hwb.concat([values.alpha]);\n }\n\n return values.hwb;\n },\n cmykArray: function cmykArray() {\n return this.values.cmyk;\n },\n rgbaArray: function rgbaArray() {\n var values = this.values;\n return values.rgb.concat([values.alpha]);\n },\n hslaArray: function hslaArray() {\n var values = this.values;\n return values.hsl.concat([values.alpha]);\n },\n alpha: function alpha(val) {\n if (val === undefined) {\n return this.values.alpha;\n }\n\n this.setValues('alpha', val);\n return this;\n },\n red: function red(val) {\n return this.setChannel('rgb', 0, val);\n },\n green: function green(val) {\n return this.setChannel('rgb', 1, val);\n },\n blue: function blue(val) {\n return this.setChannel('rgb', 2, val);\n },\n hue: function hue(val) {\n if (val) {\n val %= 360;\n val = val < 0 ? 360 + val : val;\n }\n\n return this.setChannel('hsl', 0, val);\n },\n saturation: function saturation(val) {\n return this.setChannel('hsl', 1, val);\n },\n lightness: function lightness(val) {\n return this.setChannel('hsl', 2, val);\n },\n saturationv: function saturationv(val) {\n return this.setChannel('hsv', 1, val);\n },\n whiteness: function whiteness(val) {\n return this.setChannel('hwb', 1, val);\n },\n blackness: function blackness(val) {\n return this.setChannel('hwb', 2, val);\n },\n value: function value(val) {\n return this.setChannel('hsv', 2, val);\n },\n cyan: function cyan(val) {\n return this.setChannel('cmyk', 0, val);\n },\n magenta: function magenta(val) {\n return this.setChannel('cmyk', 1, val);\n },\n yellow: function yellow(val) {\n return this.setChannel('cmyk', 2, val);\n },\n black: function black(val) {\n return this.setChannel('cmyk', 3, val);\n },\n hexString: function hexString() {\n return colorString.hexString(this.values.rgb);\n },\n rgbString: function rgbString() {\n return colorString.rgbString(this.values.rgb, this.values.alpha);\n },\n rgbaString: function rgbaString() {\n return colorString.rgbaString(this.values.rgb, this.values.alpha);\n },\n percentString: function percentString() {\n return colorString.percentString(this.values.rgb, this.values.alpha);\n },\n hslString: function hslString() {\n return colorString.hslString(this.values.hsl, this.values.alpha);\n },\n hslaString: function hslaString() {\n return colorString.hslaString(this.values.hsl, this.values.alpha);\n },\n hwbString: function hwbString() {\n return colorString.hwbString(this.values.hwb, this.values.alpha);\n },\n keyword: function keyword() {\n return colorString.keyword(this.values.rgb, this.values.alpha);\n },\n rgbNumber: function rgbNumber() {\n var rgb = this.values.rgb;\n return rgb[0] << 16 | rgb[1] << 8 | rgb[2];\n },\n luminosity: function luminosity() {\n // http://www.w3.org/TR/WCAG20/#relativeluminancedef\n var rgb = this.values.rgb;\n var lum = [];\n\n for (var i = 0; i < rgb.length; i++) {\n var chan = rgb[i] / 255;\n lum[i] = chan <= 0.03928 ? chan / 12.92 : Math.pow((chan + 0.055) / 1.055, 2.4);\n }\n\n return 0.2126 * lum[0] + 0.7152 * lum[1] + 0.0722 * lum[2];\n },\n contrast: function contrast(color2) {\n // http://www.w3.org/TR/WCAG20/#contrast-ratiodef\n var lum1 = this.luminosity();\n var lum2 = color2.luminosity();\n\n if (lum1 > lum2) {\n return (lum1 + 0.05) / (lum2 + 0.05);\n }\n\n return (lum2 + 0.05) / (lum1 + 0.05);\n },\n level: function level(color2) {\n var contrastRatio = this.contrast(color2);\n\n if (contrastRatio >= 7.1) {\n return 'AAA';\n }\n\n return contrastRatio >= 4.5 ? 'AA' : '';\n },\n dark: function dark() {\n // YIQ equation from http://24ways.org/2010/calculating-color-contrast\n var rgb = this.values.rgb;\n var yiq = (rgb[0] * 299 + rgb[1] * 587 + rgb[2] * 114) / 1000;\n return yiq < 128;\n },\n light: function light() {\n return !this.dark();\n },\n negate: function negate() {\n var rgb = [];\n\n for (var i = 0; i < 3; i++) {\n rgb[i] = 255 - this.values.rgb[i];\n }\n\n this.setValues('rgb', rgb);\n return this;\n },\n lighten: function lighten(ratio) {\n var hsl = this.values.hsl;\n hsl[2] += hsl[2] * ratio;\n this.setValues('hsl', hsl);\n return this;\n },\n darken: function darken(ratio) {\n var hsl = this.values.hsl;\n hsl[2] -= hsl[2] * ratio;\n this.setValues('hsl', hsl);\n return this;\n },\n saturate: function saturate(ratio) {\n var hsl = this.values.hsl;\n hsl[1] += hsl[1] * ratio;\n this.setValues('hsl', hsl);\n return this;\n },\n desaturate: function desaturate(ratio) {\n var hsl = this.values.hsl;\n hsl[1] -= hsl[1] * ratio;\n this.setValues('hsl', hsl);\n return this;\n },\n whiten: function whiten(ratio) {\n var hwb = this.values.hwb;\n hwb[1] += hwb[1] * ratio;\n this.setValues('hwb', hwb);\n return this;\n },\n blacken: function blacken(ratio) {\n var hwb = this.values.hwb;\n hwb[2] += hwb[2] * ratio;\n this.setValues('hwb', hwb);\n return this;\n },\n greyscale: function greyscale() {\n var rgb = this.values.rgb; // http://en.wikipedia.org/wiki/Grayscale#Converting_color_to_grayscale\n\n var val = rgb[0] * 0.3 + rgb[1] * 0.59 + rgb[2] * 0.11;\n this.setValues('rgb', [val, val, val]);\n return this;\n },\n clearer: function clearer(ratio) {\n var alpha = this.values.alpha;\n this.setValues('alpha', alpha - alpha * ratio);\n return this;\n },\n opaquer: function opaquer(ratio) {\n var alpha = this.values.alpha;\n this.setValues('alpha', alpha + alpha * ratio);\n return this;\n },\n rotate: function rotate(degrees) {\n var hsl = this.values.hsl;\n var hue = (hsl[0] + degrees) % 360;\n hsl[0] = hue < 0 ? 360 + hue : hue;\n this.setValues('hsl', hsl);\n return this;\n },\n\n /**\n * Ported from sass implementation in C\n * https://github.com/sass/libsass/blob/0e6b4a2850092356aa3ece07c6b249f0221caced/functions.cpp#L209\n */\n mix: function mix(mixinColor, weight) {\n var color1 = this;\n var color2 = mixinColor;\n var p = weight === undefined ? 0.5 : weight;\n var w = 2 * p - 1;\n var a = color1.alpha() - color2.alpha();\n var w1 = ((w * a === -1 ? w : (w + a) / (1 + w * a)) + 1) / 2.0;\n var w2 = 1 - w1;\n return this.rgb(w1 * color1.red() + w2 * color2.red(), w1 * color1.green() + w2 * color2.green(), w1 * color1.blue() + w2 * color2.blue()).alpha(color1.alpha() * p + color2.alpha() * (1 - p));\n },\n toJSON: function toJSON() {\n return this.rgb();\n },\n clone: function clone() {\n // NOTE(SB): using node-clone creates a dependency to Buffer when using browserify,\n // making the final build way to big to embed in Chart.js. So let's do it manually,\n // assuming that values to clone are 1 dimension arrays containing only numbers,\n // except 'alpha' which is a number.\n var result = new Color();\n var source = this.values;\n var target = result.values;\n var value, type;\n\n for (var prop in source) {\n if (source.hasOwnProperty(prop)) {\n value = source[prop];\n type = {}.toString.call(value);\n\n if (type === '[object Array]') {\n target[prop] = value.slice(0);\n } else if (type === '[object Number]') {\n target[prop] = value;\n } else {\n console.error('unexpected color value:', value);\n }\n }\n }\n\n return result;\n }\n };\n Color.prototype.spaces = {\n rgb: ['red', 'green', 'blue'],\n hsl: ['hue', 'saturation', 'lightness'],\n hsv: ['hue', 'saturation', 'value'],\n hwb: ['hue', 'whiteness', 'blackness'],\n cmyk: ['cyan', 'magenta', 'yellow', 'black']\n };\n Color.prototype.maxes = {\n rgb: [255, 255, 255],\n hsl: [360, 100, 100],\n hsv: [360, 100, 100],\n hwb: [360, 100, 100],\n cmyk: [100, 100, 100, 100]\n };\n\n Color.prototype.getValues = function (space) {\n var values = this.values;\n var vals = {};\n\n for (var i = 0; i < space.length; i++) {\n vals[space.charAt(i)] = values[space][i];\n }\n\n if (values.alpha !== 1) {\n vals.a = values.alpha;\n } // {r: 255, g: 255, b: 255, a: 0.4}\n\n\n return vals;\n };\n\n Color.prototype.setValues = function (space, vals) {\n var values = this.values;\n var spaces = this.spaces;\n var maxes = this.maxes;\n var alpha = 1;\n var i;\n this.valid = true;\n\n if (space === 'alpha') {\n alpha = vals;\n } else if (vals.length) {\n // [10, 10, 10]\n values[space] = vals.slice(0, space.length);\n alpha = vals[space.length];\n } else if (vals[space.charAt(0)] !== undefined) {\n // {r: 10, g: 10, b: 10}\n for (i = 0; i < space.length; i++) {\n values[space][i] = vals[space.charAt(i)];\n }\n\n alpha = vals.a;\n } else if (vals[spaces[space][0]] !== undefined) {\n // {red: 10, green: 10, blue: 10}\n var chans = spaces[space];\n\n for (i = 0; i < space.length; i++) {\n values[space][i] = vals[chans[i]];\n }\n\n alpha = vals.alpha;\n }\n\n values.alpha = Math.max(0, Math.min(1, alpha === undefined ? values.alpha : alpha));\n\n if (space === 'alpha') {\n return false;\n }\n\n var capped; // cap values of the space prior converting all values\n\n for (i = 0; i < space.length; i++) {\n capped = Math.max(0, Math.min(maxes[space][i], values[space][i]));\n values[space][i] = Math.round(capped);\n } // convert to all the other color spaces\n\n\n for (var sname in spaces) {\n if (sname !== space) {\n values[sname] = colorConvert[space][sname](values[space]);\n }\n }\n\n return true;\n };\n\n Color.prototype.setSpace = function (space, args) {\n var vals = args[0];\n\n if (vals === undefined) {\n // color.rgb()\n return this.getValues(space);\n } // color.rgb(10, 10, 10)\n\n\n if (typeof vals === 'number') {\n vals = Array.prototype.slice.call(args);\n }\n\n this.setValues(space, vals);\n return this;\n };\n\n Color.prototype.setChannel = function (space, index, val) {\n var svalues = this.values[space];\n\n if (val === undefined) {\n // color.red()\n return svalues[index];\n } else if (val === svalues[index]) {\n // color.red(color.red())\n return this;\n } // color.red(100)\n\n\n svalues[index] = val;\n this.setValues(space, svalues);\n return this;\n };\n\n if (typeof window !== 'undefined') {\n window.Color = Color;\n }\n\n var chartjsColor = Color;\n /**\n * @namespace Chart.helpers\n */\n\n var helpers = {\n /**\n * An empty function that can be used, for example, for optional callback.\n */\n noop: function noop() {},\n\n /**\n * Returns a unique id, sequentially generated from a global variable.\n * @returns {number}\n * @function\n */\n uid: function () {\n var id = 0;\n return function () {\n return id++;\n };\n }(),\n\n /**\n * Returns true if `value` is neither null nor undefined, else returns false.\n * @param {*} value - The value to test.\n * @returns {boolean}\n * @since 2.7.0\n */\n isNullOrUndef: function isNullOrUndef(value) {\n return value === null || typeof value === 'undefined';\n },\n\n /**\n * Returns true if `value` is an array (including typed arrays), else returns false.\n * @param {*} value - The value to test.\n * @returns {boolean}\n * @function\n */\n isArray: function isArray(value) {\n if (Array.isArray && Array.isArray(value)) {\n return true;\n }\n\n var type = Object.prototype.toString.call(value);\n\n if (type.substr(0, 7) === '[object' && type.substr(-6) === 'Array]') {\n return true;\n }\n\n return false;\n },\n\n /**\n * Returns true if `value` is an object (excluding null), else returns false.\n * @param {*} value - The value to test.\n * @returns {boolean}\n * @since 2.7.0\n */\n isObject: function isObject(value) {\n return value !== null && Object.prototype.toString.call(value) === '[object Object]';\n },\n\n /**\n * Returns true if `value` is a finite number, else returns false\n * @param {*} value - The value to test.\n * @returns {boolean}\n */\n isFinite: function (_isFinite) {\n function isFinite(_x) {\n return _isFinite.apply(this, arguments);\n }\n\n isFinite.toString = function () {\n return _isFinite.toString();\n };\n\n return isFinite;\n }(function (value) {\n return (typeof value === 'number' || value instanceof Number) && isFinite(value);\n }),\n\n /**\n * Returns `value` if defined, else returns `defaultValue`.\n * @param {*} value - The value to return if defined.\n * @param {*} defaultValue - The value to return if `value` is undefined.\n * @returns {*}\n */\n valueOrDefault: function valueOrDefault(value, defaultValue) {\n return typeof value === 'undefined' ? defaultValue : value;\n },\n\n /**\n * Returns value at the given `index` in array if defined, else returns `defaultValue`.\n * @param {Array} value - The array to lookup for value at `index`.\n * @param {number} index - The index in `value` to lookup for value.\n * @param {*} defaultValue - The value to return if `value[index]` is undefined.\n * @returns {*}\n */\n valueAtIndexOrDefault: function valueAtIndexOrDefault(value, index, defaultValue) {\n return helpers.valueOrDefault(helpers.isArray(value) ? value[index] : value, defaultValue);\n },\n\n /**\n * Calls `fn` with the given `args` in the scope defined by `thisArg` and returns the\n * value returned by `fn`. If `fn` is not a function, this method returns undefined.\n * @param {function} fn - The function to call.\n * @param {Array|undefined|null} args - The arguments with which `fn` should be called.\n * @param {object} [thisArg] - The value of `this` provided for the call to `fn`.\n * @returns {*}\n */\n callback: function callback(fn, args, thisArg) {\n if (fn && typeof fn.call === 'function') {\n return fn.apply(thisArg, args);\n }\n },\n\n /**\n * Note(SB) for performance sake, this method should only be used when loopable type\n * is unknown or in none intensive code (not called often and small loopable). Else\n * it's preferable to use a regular for() loop and save extra function calls.\n * @param {object|Array} loopable - The object or array to be iterated.\n * @param {function} fn - The function to call for each item.\n * @param {object} [thisArg] - The value of `this` provided for the call to `fn`.\n * @param {boolean} [reverse] - If true, iterates backward on the loopable.\n */\n each: function each(loopable, fn, thisArg, reverse) {\n var i, len, keys;\n\n if (helpers.isArray(loopable)) {\n len = loopable.length;\n\n if (reverse) {\n for (i = len - 1; i >= 0; i--) {\n fn.call(thisArg, loopable[i], i);\n }\n } else {\n for (i = 0; i < len; i++) {\n fn.call(thisArg, loopable[i], i);\n }\n }\n } else if (helpers.isObject(loopable)) {\n keys = Object.keys(loopable);\n len = keys.length;\n\n for (i = 0; i < len; i++) {\n fn.call(thisArg, loopable[keys[i]], keys[i]);\n }\n }\n },\n\n /**\n * Returns true if the `a0` and `a1` arrays have the same content, else returns false.\n * @see https://stackoverflow.com/a/14853974\n * @param {Array} a0 - The array to compare\n * @param {Array} a1 - The array to compare\n * @returns {boolean}\n */\n arrayEquals: function arrayEquals(a0, a1) {\n var i, ilen, v0, v1;\n\n if (!a0 || !a1 || a0.length !== a1.length) {\n return false;\n }\n\n for (i = 0, ilen = a0.length; i < ilen; ++i) {\n v0 = a0[i];\n v1 = a1[i];\n\n if (v0 instanceof Array && v1 instanceof Array) {\n if (!helpers.arrayEquals(v0, v1)) {\n return false;\n }\n } else if (v0 !== v1) {\n // NOTE: two different object instances will never be equal: {x:20} != {x:20}\n return false;\n }\n }\n\n return true;\n },\n\n /**\n * Returns a deep copy of `source` without keeping references on objects and arrays.\n * @param {*} source - The value to clone.\n * @returns {*}\n */\n clone: function clone(source) {\n if (helpers.isArray(source)) {\n return source.map(helpers.clone);\n }\n\n if (helpers.isObject(source)) {\n var target = {};\n var keys = Object.keys(source);\n var klen = keys.length;\n var k = 0;\n\n for (; k < klen; ++k) {\n target[keys[k]] = helpers.clone(source[keys[k]]);\n }\n\n return target;\n }\n\n return source;\n },\n\n /**\n * The default merger when Chart.helpers.merge is called without merger option.\n * Note(SB): also used by mergeConfig and mergeScaleConfig as fallback.\n * @private\n */\n _merger: function _merger(key, target, source, options) {\n var tval = target[key];\n var sval = source[key];\n\n if (helpers.isObject(tval) && helpers.isObject(sval)) {\n helpers.merge(tval, sval, options);\n } else {\n target[key] = helpers.clone(sval);\n }\n },\n\n /**\n * Merges source[key] in target[key] only if target[key] is undefined.\n * @private\n */\n _mergerIf: function _mergerIf(key, target, source) {\n var tval = target[key];\n var sval = source[key];\n\n if (helpers.isObject(tval) && helpers.isObject(sval)) {\n helpers.mergeIf(tval, sval);\n } else if (!target.hasOwnProperty(key)) {\n target[key] = helpers.clone(sval);\n }\n },\n\n /**\n * Recursively deep copies `source` properties into `target` with the given `options`.\n * IMPORTANT: `target` is not cloned and will be updated with `source` properties.\n * @param {object} target - The target object in which all sources are merged into.\n * @param {object|object[]} source - Object(s) to merge into `target`.\n * @param {object} [options] - Merging options:\n * @param {function} [options.merger] - The merge method (key, target, source, options)\n * @returns {object} The `target` object.\n */\n merge: function merge(target, source, options) {\n var sources = helpers.isArray(source) ? source : [source];\n var ilen = sources.length;\n var merge, i, keys, klen, k;\n\n if (!helpers.isObject(target)) {\n return target;\n }\n\n options = options || {};\n merge = options.merger || helpers._merger;\n\n for (i = 0; i < ilen; ++i) {\n source = sources[i];\n\n if (!helpers.isObject(source)) {\n continue;\n }\n\n keys = Object.keys(source);\n\n for (k = 0, klen = keys.length; k < klen; ++k) {\n merge(keys[k], target, source, options);\n }\n }\n\n return target;\n },\n\n /**\n * Recursively deep copies `source` properties into `target` *only* if not defined in target.\n * IMPORTANT: `target` is not cloned and will be updated with `source` properties.\n * @param {object} target - The target object in which all sources are merged into.\n * @param {object|object[]} source - Object(s) to merge into `target`.\n * @returns {object} The `target` object.\n */\n mergeIf: function mergeIf(target, source) {\n return helpers.merge(target, source, {\n merger: helpers._mergerIf\n });\n },\n\n /**\n * Applies the contents of two or more objects together into the first object.\n * @param {object} target - The target object in which all objects are merged into.\n * @param {object} arg1 - Object containing additional properties to merge in target.\n * @param {object} argN - Additional objects containing properties to merge in target.\n * @returns {object} The `target` object.\n */\n extend: Object.assign || function (target) {\n return helpers.merge(target, [].slice.call(arguments, 1), {\n merger: function merger(key, dst, src) {\n dst[key] = src[key];\n }\n });\n },\n\n /**\n * Basic javascript inheritance based on the model created in Backbone.js\n */\n inherits: function inherits(extensions) {\n var me = this;\n var ChartElement = extensions && extensions.hasOwnProperty('constructor') ? extensions.constructor : function () {\n return me.apply(this, arguments);\n };\n\n var Surrogate = function Surrogate() {\n this.constructor = ChartElement;\n };\n\n Surrogate.prototype = me.prototype;\n ChartElement.prototype = new Surrogate();\n ChartElement.extend = helpers.inherits;\n\n if (extensions) {\n helpers.extend(ChartElement.prototype, extensions);\n }\n\n ChartElement.__super__ = me.prototype;\n return ChartElement;\n },\n _deprecated: function _deprecated(scope, value, previous, current) {\n if (value !== undefined) {\n console.warn(scope + ': \"' + previous + '\" is deprecated. Please use \"' + current + '\" instead');\n }\n }\n };\n var helpers_core = helpers; // DEPRECATIONS\n\n /**\n * Provided for backward compatibility, use Chart.helpers.callback instead.\n * @function Chart.helpers.callCallback\n * @deprecated since version 2.6.0\n * @todo remove at version 3\n * @private\n */\n\n helpers.callCallback = helpers.callback;\n /**\n * Provided for backward compatibility, use Array.prototype.indexOf instead.\n * Array.prototype.indexOf compatibility: Chrome, Opera, Safari, FF1.5+, IE9+\n * @function Chart.helpers.indexOf\n * @deprecated since version 2.7.0\n * @todo remove at version 3\n * @private\n */\n\n helpers.indexOf = function (array, item, fromIndex) {\n return Array.prototype.indexOf.call(array, item, fromIndex);\n };\n /**\n * Provided for backward compatibility, use Chart.helpers.valueOrDefault instead.\n * @function Chart.helpers.getValueOrDefault\n * @deprecated since version 2.7.0\n * @todo remove at version 3\n * @private\n */\n\n\n helpers.getValueOrDefault = helpers.valueOrDefault;\n /**\n * Provided for backward compatibility, use Chart.helpers.valueAtIndexOrDefault instead.\n * @function Chart.helpers.getValueAtIndexOrDefault\n * @deprecated since version 2.7.0\n * @todo remove at version 3\n * @private\n */\n\n helpers.getValueAtIndexOrDefault = helpers.valueAtIndexOrDefault;\n /**\n * Easing functions adapted from Robert Penner's easing equations.\n * @namespace Chart.helpers.easingEffects\n * @see http://www.robertpenner.com/easing/\n */\n\n var effects = {\n linear: function linear(t) {\n return t;\n },\n easeInQuad: function easeInQuad(t) {\n return t * t;\n },\n easeOutQuad: function easeOutQuad(t) {\n return -t * (t - 2);\n },\n easeInOutQuad: function easeInOutQuad(t) {\n if ((t /= 0.5) < 1) {\n return 0.5 * t * t;\n }\n\n return -0.5 * (--t * (t - 2) - 1);\n },\n easeInCubic: function easeInCubic(t) {\n return t * t * t;\n },\n easeOutCubic: function easeOutCubic(t) {\n return (t = t - 1) * t * t + 1;\n },\n easeInOutCubic: function easeInOutCubic(t) {\n if ((t /= 0.5) < 1) {\n return 0.5 * t * t * t;\n }\n\n return 0.5 * ((t -= 2) * t * t + 2);\n },\n easeInQuart: function easeInQuart(t) {\n return t * t * t * t;\n },\n easeOutQuart: function easeOutQuart(t) {\n return -((t = t - 1) * t * t * t - 1);\n },\n easeInOutQuart: function easeInOutQuart(t) {\n if ((t /= 0.5) < 1) {\n return 0.5 * t * t * t * t;\n }\n\n return -0.5 * ((t -= 2) * t * t * t - 2);\n },\n easeInQuint: function easeInQuint(t) {\n return t * t * t * t * t;\n },\n easeOutQuint: function easeOutQuint(t) {\n return (t = t - 1) * t * t * t * t + 1;\n },\n easeInOutQuint: function easeInOutQuint(t) {\n if ((t /= 0.5) < 1) {\n return 0.5 * t * t * t * t * t;\n }\n\n return 0.5 * ((t -= 2) * t * t * t * t + 2);\n },\n easeInSine: function easeInSine(t) {\n return -Math.cos(t * (Math.PI / 2)) + 1;\n },\n easeOutSine: function easeOutSine(t) {\n return Math.sin(t * (Math.PI / 2));\n },\n easeInOutSine: function easeInOutSine(t) {\n return -0.5 * (Math.cos(Math.PI * t) - 1);\n },\n easeInExpo: function easeInExpo(t) {\n return t === 0 ? 0 : Math.pow(2, 10 * (t - 1));\n },\n easeOutExpo: function easeOutExpo(t) {\n return t === 1 ? 1 : -Math.pow(2, -10 * t) + 1;\n },\n easeInOutExpo: function easeInOutExpo(t) {\n if (t === 0) {\n return 0;\n }\n\n if (t === 1) {\n return 1;\n }\n\n if ((t /= 0.5) < 1) {\n return 0.5 * Math.pow(2, 10 * (t - 1));\n }\n\n return 0.5 * (-Math.pow(2, -10 * --t) + 2);\n },\n easeInCirc: function easeInCirc(t) {\n if (t >= 1) {\n return t;\n }\n\n return -(Math.sqrt(1 - t * t) - 1);\n },\n easeOutCirc: function easeOutCirc(t) {\n return Math.sqrt(1 - (t = t - 1) * t);\n },\n easeInOutCirc: function easeInOutCirc(t) {\n if ((t /= 0.5) < 1) {\n return -0.5 * (Math.sqrt(1 - t * t) - 1);\n }\n\n return 0.5 * (Math.sqrt(1 - (t -= 2) * t) + 1);\n },\n easeInElastic: function easeInElastic(t) {\n var s = 1.70158;\n var p = 0;\n var a = 1;\n\n if (t === 0) {\n return 0;\n }\n\n if (t === 1) {\n return 1;\n }\n\n if (!p) {\n p = 0.3;\n }\n\n if (a < 1) {\n a = 1;\n s = p / 4;\n } else {\n s = p / (2 * Math.PI) * Math.asin(1 / a);\n }\n\n return -(a * Math.pow(2, 10 * (t -= 1)) * Math.sin((t - s) * (2 * Math.PI) / p));\n },\n easeOutElastic: function easeOutElastic(t) {\n var s = 1.70158;\n var p = 0;\n var a = 1;\n\n if (t === 0) {\n return 0;\n }\n\n if (t === 1) {\n return 1;\n }\n\n if (!p) {\n p = 0.3;\n }\n\n if (a < 1) {\n a = 1;\n s = p / 4;\n } else {\n s = p / (2 * Math.PI) * Math.asin(1 / a);\n }\n\n return a * Math.pow(2, -10 * t) * Math.sin((t - s) * (2 * Math.PI) / p) + 1;\n },\n easeInOutElastic: function easeInOutElastic(t) {\n var s = 1.70158;\n var p = 0;\n var a = 1;\n\n if (t === 0) {\n return 0;\n }\n\n if ((t /= 0.5) === 2) {\n return 1;\n }\n\n if (!p) {\n p = 0.45;\n }\n\n if (a < 1) {\n a = 1;\n s = p / 4;\n } else {\n s = p / (2 * Math.PI) * Math.asin(1 / a);\n }\n\n if (t < 1) {\n return -0.5 * (a * Math.pow(2, 10 * (t -= 1)) * Math.sin((t - s) * (2 * Math.PI) / p));\n }\n\n return a * Math.pow(2, -10 * (t -= 1)) * Math.sin((t - s) * (2 * Math.PI) / p) * 0.5 + 1;\n },\n easeInBack: function easeInBack(t) {\n var s = 1.70158;\n return t * t * ((s + 1) * t - s);\n },\n easeOutBack: function easeOutBack(t) {\n var s = 1.70158;\n return (t = t - 1) * t * ((s + 1) * t + s) + 1;\n },\n easeInOutBack: function easeInOutBack(t) {\n var s = 1.70158;\n\n if ((t /= 0.5) < 1) {\n return 0.5 * (t * t * (((s *= 1.525) + 1) * t - s));\n }\n\n return 0.5 * ((t -= 2) * t * (((s *= 1.525) + 1) * t + s) + 2);\n },\n easeInBounce: function easeInBounce(t) {\n return 1 - effects.easeOutBounce(1 - t);\n },\n easeOutBounce: function easeOutBounce(t) {\n if (t < 1 / 2.75) {\n return 7.5625 * t * t;\n }\n\n if (t < 2 / 2.75) {\n return 7.5625 * (t -= 1.5 / 2.75) * t + 0.75;\n }\n\n if (t < 2.5 / 2.75) {\n return 7.5625 * (t -= 2.25 / 2.75) * t + 0.9375;\n }\n\n return 7.5625 * (t -= 2.625 / 2.75) * t + 0.984375;\n },\n easeInOutBounce: function easeInOutBounce(t) {\n if (t < 0.5) {\n return effects.easeInBounce(t * 2) * 0.5;\n }\n\n return effects.easeOutBounce(t * 2 - 1) * 0.5 + 0.5;\n }\n };\n var helpers_easing = {\n effects: effects\n }; // DEPRECATIONS\n\n /**\n * Provided for backward compatibility, use Chart.helpers.easing.effects instead.\n * @function Chart.helpers.easingEffects\n * @deprecated since version 2.7.0\n * @todo remove at version 3\n * @private\n */\n\n helpers_core.easingEffects = effects;\n var PI = Math.PI;\n var RAD_PER_DEG = PI / 180;\n var DOUBLE_PI = PI * 2;\n var HALF_PI = PI / 2;\n var QUARTER_PI = PI / 4;\n var TWO_THIRDS_PI = PI * 2 / 3;\n /**\n * @namespace Chart.helpers.canvas\n */\n\n var exports$1 = {\n /**\n * Clears the entire canvas associated to the given `chart`.\n * @param {Chart} chart - The chart for which to clear the canvas.\n */\n clear: function clear(chart) {\n chart.ctx.clearRect(0, 0, chart.width, chart.height);\n },\n\n /**\n * Creates a \"path\" for a rectangle with rounded corners at position (x, y) with a\n * given size (width, height) and the same `radius` for all corners.\n * @param {CanvasRenderingContext2D} ctx - The canvas 2D Context.\n * @param {number} x - The x axis of the coordinate for the rectangle starting point.\n * @param {number} y - The y axis of the coordinate for the rectangle starting point.\n * @param {number} width - The rectangle's width.\n * @param {number} height - The rectangle's height.\n * @param {number} radius - The rounded amount (in pixels) for the four corners.\n * @todo handle `radius` as top-left, top-right, bottom-right, bottom-left array/object?\n */\n roundedRect: function roundedRect(ctx, x, y, width, height, radius) {\n if (radius) {\n var r = Math.min(radius, height / 2, width / 2);\n var left = x + r;\n var top = y + r;\n var right = x + width - r;\n var bottom = y + height - r;\n ctx.moveTo(x, top);\n\n if (left < right && top < bottom) {\n ctx.arc(left, top, r, -PI, -HALF_PI);\n ctx.arc(right, top, r, -HALF_PI, 0);\n ctx.arc(right, bottom, r, 0, HALF_PI);\n ctx.arc(left, bottom, r, HALF_PI, PI);\n } else if (left < right) {\n ctx.moveTo(left, y);\n ctx.arc(right, top, r, -HALF_PI, HALF_PI);\n ctx.arc(left, top, r, HALF_PI, PI + HALF_PI);\n } else if (top < bottom) {\n ctx.arc(left, top, r, -PI, 0);\n ctx.arc(left, bottom, r, 0, PI);\n } else {\n ctx.arc(left, top, r, -PI, PI);\n }\n\n ctx.closePath();\n ctx.moveTo(x, y);\n } else {\n ctx.rect(x, y, width, height);\n }\n },\n drawPoint: function drawPoint(ctx, style, radius, x, y, rotation) {\n var type, xOffset, yOffset, size, cornerRadius;\n var rad = (rotation || 0) * RAD_PER_DEG;\n\n if (style && _typeof(style) === 'object') {\n type = style.toString();\n\n if (type === '[object HTMLImageElement]' || type === '[object HTMLCanvasElement]') {\n ctx.save();\n ctx.translate(x, y);\n ctx.rotate(rad);\n ctx.drawImage(style, -style.width / 2, -style.height / 2, style.width, style.height);\n ctx.restore();\n return;\n }\n }\n\n if (isNaN(radius) || radius <= 0) {\n return;\n }\n\n ctx.beginPath();\n\n switch (style) {\n // Default includes circle\n default:\n ctx.arc(x, y, radius, 0, DOUBLE_PI);\n ctx.closePath();\n break;\n\n case 'triangle':\n ctx.moveTo(x + Math.sin(rad) * radius, y - Math.cos(rad) * radius);\n rad += TWO_THIRDS_PI;\n ctx.lineTo(x + Math.sin(rad) * radius, y - Math.cos(rad) * radius);\n rad += TWO_THIRDS_PI;\n ctx.lineTo(x + Math.sin(rad) * radius, y - Math.cos(rad) * radius);\n ctx.closePath();\n break;\n\n case 'rectRounded':\n // NOTE: the rounded rect implementation changed to use `arc` instead of\n // `quadraticCurveTo` since it generates better results when rect is\n // almost a circle. 0.516 (instead of 0.5) produces results with visually\n // closer proportion to the previous impl and it is inscribed in the\n // circle with `radius`. For more details, see the following PRs:\n // https://github.com/chartjs/Chart.js/issues/5597\n // https://github.com/chartjs/Chart.js/issues/5858\n cornerRadius = radius * 0.516;\n size = radius - cornerRadius;\n xOffset = Math.cos(rad + QUARTER_PI) * size;\n yOffset = Math.sin(rad + QUARTER_PI) * size;\n ctx.arc(x - xOffset, y - yOffset, cornerRadius, rad - PI, rad - HALF_PI);\n ctx.arc(x + yOffset, y - xOffset, cornerRadius, rad - HALF_PI, rad);\n ctx.arc(x + xOffset, y + yOffset, cornerRadius, rad, rad + HALF_PI);\n ctx.arc(x - yOffset, y + xOffset, cornerRadius, rad + HALF_PI, rad + PI);\n ctx.closePath();\n break;\n\n case 'rect':\n if (!rotation) {\n size = Math.SQRT1_2 * radius;\n ctx.rect(x - size, y - size, 2 * size, 2 * size);\n break;\n }\n\n rad += QUARTER_PI;\n\n /* falls through */\n\n case 'rectRot':\n xOffset = Math.cos(rad) * radius;\n yOffset = Math.sin(rad) * radius;\n ctx.moveTo(x - xOffset, y - yOffset);\n ctx.lineTo(x + yOffset, y - xOffset);\n ctx.lineTo(x + xOffset, y + yOffset);\n ctx.lineTo(x - yOffset, y + xOffset);\n ctx.closePath();\n break;\n\n case 'crossRot':\n rad += QUARTER_PI;\n\n /* falls through */\n\n case 'cross':\n xOffset = Math.cos(rad) * radius;\n yOffset = Math.sin(rad) * radius;\n ctx.moveTo(x - xOffset, y - yOffset);\n ctx.lineTo(x + xOffset, y + yOffset);\n ctx.moveTo(x + yOffset, y - xOffset);\n ctx.lineTo(x - yOffset, y + xOffset);\n break;\n\n case 'star':\n xOffset = Math.cos(rad) * radius;\n yOffset = Math.sin(rad) * radius;\n ctx.moveTo(x - xOffset, y - yOffset);\n ctx.lineTo(x + xOffset, y + yOffset);\n ctx.moveTo(x + yOffset, y - xOffset);\n ctx.lineTo(x - yOffset, y + xOffset);\n rad += QUARTER_PI;\n xOffset = Math.cos(rad) * radius;\n yOffset = Math.sin(rad) * radius;\n ctx.moveTo(x - xOffset, y - yOffset);\n ctx.lineTo(x + xOffset, y + yOffset);\n ctx.moveTo(x + yOffset, y - xOffset);\n ctx.lineTo(x - yOffset, y + xOffset);\n break;\n\n case 'line':\n xOffset = Math.cos(rad) * radius;\n yOffset = Math.sin(rad) * radius;\n ctx.moveTo(x - xOffset, y - yOffset);\n ctx.lineTo(x + xOffset, y + yOffset);\n break;\n\n case 'dash':\n ctx.moveTo(x, y);\n ctx.lineTo(x + Math.cos(rad) * radius, y + Math.sin(rad) * radius);\n break;\n }\n\n ctx.fill();\n ctx.stroke();\n },\n\n /**\n * Returns true if the point is inside the rectangle\n * @param {object} point - The point to test\n * @param {object} area - The rectangle\n * @returns {boolean}\n * @private\n */\n _isPointInArea: function _isPointInArea(point, area) {\n var epsilon = 1e-6; // 1e-6 is margin in pixels for accumulated error.\n\n return point.x > area.left - epsilon && point.x < area.right + epsilon && point.y > area.top - epsilon && point.y < area.bottom + epsilon;\n },\n clipArea: function clipArea(ctx, area) {\n ctx.save();\n ctx.beginPath();\n ctx.rect(area.left, area.top, area.right - area.left, area.bottom - area.top);\n ctx.clip();\n },\n unclipArea: function unclipArea(ctx) {\n ctx.restore();\n },\n lineTo: function lineTo(ctx, previous, target, flip) {\n var stepped = target.steppedLine;\n\n if (stepped) {\n if (stepped === 'middle') {\n var midpoint = (previous.x + target.x) / 2.0;\n ctx.lineTo(midpoint, flip ? target.y : previous.y);\n ctx.lineTo(midpoint, flip ? previous.y : target.y);\n } else if (stepped === 'after' && !flip || stepped !== 'after' && flip) {\n ctx.lineTo(previous.x, target.y);\n } else {\n ctx.lineTo(target.x, previous.y);\n }\n\n ctx.lineTo(target.x, target.y);\n return;\n }\n\n if (!target.tension) {\n ctx.lineTo(target.x, target.y);\n return;\n }\n\n ctx.bezierCurveTo(flip ? previous.controlPointPreviousX : previous.controlPointNextX, flip ? previous.controlPointPreviousY : previous.controlPointNextY, flip ? target.controlPointNextX : target.controlPointPreviousX, flip ? target.controlPointNextY : target.controlPointPreviousY, target.x, target.y);\n }\n };\n var helpers_canvas = exports$1; // DEPRECATIONS\n\n /**\n * Provided for backward compatibility, use Chart.helpers.canvas.clear instead.\n * @namespace Chart.helpers.clear\n * @deprecated since version 2.7.0\n * @todo remove at version 3\n * @private\n */\n\n helpers_core.clear = exports$1.clear;\n /**\n * Provided for backward compatibility, use Chart.helpers.canvas.roundedRect instead.\n * @namespace Chart.helpers.drawRoundedRectangle\n * @deprecated since version 2.7.0\n * @todo remove at version 3\n * @private\n */\n\n helpers_core.drawRoundedRectangle = function (ctx) {\n ctx.beginPath();\n exports$1.roundedRect.apply(exports$1, arguments);\n };\n\n var defaults = {\n /**\n * @private\n */\n _set: function _set(scope, values) {\n return helpers_core.merge(this[scope] || (this[scope] = {}), values);\n }\n }; // TODO(v3): remove 'global' from namespace. all default are global and\n // there's inconsistency around which options are under 'global'\n\n defaults._set('global', {\n defaultColor: 'rgba(0,0,0,0.1)',\n defaultFontColor: '#666',\n defaultFontFamily: \"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif\",\n defaultFontSize: 12,\n defaultFontStyle: 'normal',\n defaultLineHeight: 1.2,\n showLines: true\n });\n\n var core_defaults = defaults;\n var valueOrDefault = helpers_core.valueOrDefault;\n /**\n * Converts the given font object into a CSS font string.\n * @param {object} font - A font object.\n * @return {string} The CSS font string. See https://developer.mozilla.org/en-US/docs/Web/CSS/font\n * @private\n */\n\n function toFontString(font) {\n if (!font || helpers_core.isNullOrUndef(font.size) || helpers_core.isNullOrUndef(font.family)) {\n return null;\n }\n\n return (font.style ? font.style + ' ' : '') + (font.weight ? font.weight + ' ' : '') + font.size + 'px ' + font.family;\n }\n /**\n * @alias Chart.helpers.options\n * @namespace\n */\n\n\n var helpers_options = {\n /**\n * Converts the given line height `value` in pixels for a specific font `size`.\n * @param {number|string} value - The lineHeight to parse (eg. 1.6, '14px', '75%', '1.6em').\n * @param {number} size - The font size (in pixels) used to resolve relative `value`.\n * @returns {number} The effective line height in pixels (size * 1.2 if value is invalid).\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/line-height\n * @since 2.7.0\n */\n toLineHeight: function toLineHeight(value, size) {\n var matches = ('' + value).match(/^(normal|(\\d+(?:\\.\\d+)?)(px|em|%)?)$/);\n\n if (!matches || matches[1] === 'normal') {\n return size * 1.2;\n }\n\n value = +matches[2];\n\n switch (matches[3]) {\n case 'px':\n return value;\n\n case '%':\n value /= 100;\n break;\n }\n\n return size * value;\n },\n\n /**\n * Converts the given value into a padding object with pre-computed width/height.\n * @param {number|object} value - If a number, set the value to all TRBL component,\n * else, if and object, use defined properties and sets undefined ones to 0.\n * @returns {object} The padding values (top, right, bottom, left, width, height)\n * @since 2.7.0\n */\n toPadding: function toPadding(value) {\n var t, r, b, l;\n\n if (helpers_core.isObject(value)) {\n t = +value.top || 0;\n r = +value.right || 0;\n b = +value.bottom || 0;\n l = +value.left || 0;\n } else {\n t = r = b = l = +value || 0;\n }\n\n return {\n top: t,\n right: r,\n bottom: b,\n left: l,\n height: t + b,\n width: l + r\n };\n },\n\n /**\n * Parses font options and returns the font object.\n * @param {object} options - A object that contains font options to be parsed.\n * @return {object} The font object.\n * @todo Support font.* options and renamed to toFont().\n * @private\n */\n _parseFont: function _parseFont(options) {\n var globalDefaults = core_defaults.global;\n var size = valueOrDefault(options.fontSize, globalDefaults.defaultFontSize);\n var font = {\n family: valueOrDefault(options.fontFamily, globalDefaults.defaultFontFamily),\n lineHeight: helpers_core.options.toLineHeight(valueOrDefault(options.lineHeight, globalDefaults.defaultLineHeight), size),\n size: size,\n style: valueOrDefault(options.fontStyle, globalDefaults.defaultFontStyle),\n weight: null,\n string: ''\n };\n font.string = toFontString(font);\n return font;\n },\n\n /**\n * Evaluates the given `inputs` sequentially and returns the first defined value.\n * @param {Array} inputs - An array of values, falling back to the last value.\n * @param {object} [context] - If defined and the current value is a function, the value\n * is called with `context` as first argument and the result becomes the new input.\n * @param {number} [index] - If defined and the current value is an array, the value\n * at `index` become the new input.\n * @param {object} [info] - object to return information about resolution in\n * @param {boolean} [info.cacheable] - Will be set to `false` if option is not cacheable.\n * @since 2.7.0\n */\n resolve: function resolve(inputs, context, index, info) {\n var cacheable = true;\n var i, ilen, value;\n\n for (i = 0, ilen = inputs.length; i < ilen; ++i) {\n value = inputs[i];\n\n if (value === undefined) {\n continue;\n }\n\n if (context !== undefined && typeof value === 'function') {\n value = value(context);\n cacheable = false;\n }\n\n if (index !== undefined && helpers_core.isArray(value)) {\n value = value[index];\n cacheable = false;\n }\n\n if (value !== undefined) {\n if (info && !cacheable) {\n info.cacheable = false;\n }\n\n return value;\n }\n }\n }\n };\n /**\n * @alias Chart.helpers.math\n * @namespace\n */\n\n var exports$2 = {\n /**\n * Returns an array of factors sorted from 1 to sqrt(value)\n * @private\n */\n _factorize: function _factorize(value) {\n var result = [];\n var sqrt = Math.sqrt(value);\n var i;\n\n for (i = 1; i < sqrt; i++) {\n if (value % i === 0) {\n result.push(i);\n result.push(value / i);\n }\n }\n\n if (sqrt === (sqrt | 0)) {\n // if value is a square number\n result.push(sqrt);\n }\n\n result.sort(function (a, b) {\n return a - b;\n }).pop();\n return result;\n },\n log10: Math.log10 || function (x) {\n var exponent = Math.log(x) * Math.LOG10E; // Math.LOG10E = 1 / Math.LN10.\n // Check for whole powers of 10,\n // which due to floating point rounding error should be corrected.\n\n var powerOf10 = Math.round(exponent);\n var isPowerOf10 = x === Math.pow(10, powerOf10);\n return isPowerOf10 ? powerOf10 : exponent;\n }\n };\n var helpers_math = exports$2; // DEPRECATIONS\n\n /**\n * Provided for backward compatibility, use Chart.helpers.math.log10 instead.\n * @namespace Chart.helpers.log10\n * @deprecated since version 2.9.0\n * @todo remove at version 3\n * @private\n */\n\n helpers_core.log10 = exports$2.log10;\n\n var getRtlAdapter = function getRtlAdapter(rectX, width) {\n return {\n x: function x(_x2) {\n return rectX + rectX + width - _x2;\n },\n setWidth: function setWidth(w) {\n width = w;\n },\n textAlign: function textAlign(align) {\n if (align === 'center') {\n return align;\n }\n\n return align === 'right' ? 'left' : 'right';\n },\n xPlus: function xPlus(x, value) {\n return x - value;\n },\n leftForLtr: function leftForLtr(x, itemWidth) {\n return x - itemWidth;\n }\n };\n };\n\n var getLtrAdapter = function getLtrAdapter() {\n return {\n x: function x(_x3) {\n return _x3;\n },\n setWidth: function setWidth(w) {// eslint-disable-line no-unused-vars\n },\n textAlign: function textAlign(align) {\n return align;\n },\n xPlus: function xPlus(x, value) {\n return x + value;\n },\n leftForLtr: function leftForLtr(x, _itemWidth) {\n // eslint-disable-line no-unused-vars\n return x;\n }\n };\n };\n\n var getAdapter = function getAdapter(rtl, rectX, width) {\n return rtl ? getRtlAdapter(rectX, width) : getLtrAdapter();\n };\n\n var overrideTextDirection = function overrideTextDirection(ctx, direction) {\n var style, original;\n\n if (direction === 'ltr' || direction === 'rtl') {\n style = ctx.canvas.style;\n original = [style.getPropertyValue('direction'), style.getPropertyPriority('direction')];\n style.setProperty('direction', direction, 'important');\n ctx.prevTextDirection = original;\n }\n };\n\n var restoreTextDirection = function restoreTextDirection(ctx) {\n var original = ctx.prevTextDirection;\n\n if (original !== undefined) {\n delete ctx.prevTextDirection;\n ctx.canvas.style.setProperty('direction', original[0], original[1]);\n }\n };\n\n var helpers_rtl = {\n getRtlAdapter: getAdapter,\n overrideTextDirection: overrideTextDirection,\n restoreTextDirection: restoreTextDirection\n };\n var helpers$1 = helpers_core;\n var easing = helpers_easing;\n var canvas = helpers_canvas;\n var options = helpers_options;\n var math = helpers_math;\n var rtl = helpers_rtl;\n helpers$1.easing = easing;\n helpers$1.canvas = canvas;\n helpers$1.options = options;\n helpers$1.math = math;\n helpers$1.rtl = rtl;\n\n function interpolate(start, view, model, ease) {\n var keys = Object.keys(model);\n var i, ilen, key, actual, origin, target, type, c0, c1;\n\n for (i = 0, ilen = keys.length; i < ilen; ++i) {\n key = keys[i];\n target = model[key]; // if a value is added to the model after pivot() has been called, the view\n // doesn't contain it, so let's initialize the view to the target value.\n\n if (!view.hasOwnProperty(key)) {\n view[key] = target;\n }\n\n actual = view[key];\n\n if (actual === target || key[0] === '_') {\n continue;\n }\n\n if (!start.hasOwnProperty(key)) {\n start[key] = actual;\n }\n\n origin = start[key];\n type = _typeof(target);\n\n if (type === _typeof(origin)) {\n if (type === 'string') {\n c0 = chartjsColor(origin);\n\n if (c0.valid) {\n c1 = chartjsColor(target);\n\n if (c1.valid) {\n view[key] = c1.mix(c0, ease).rgbString();\n continue;\n }\n }\n } else if (helpers$1.isFinite(origin) && helpers$1.isFinite(target)) {\n view[key] = origin + (target - origin) * ease;\n continue;\n }\n }\n\n view[key] = target;\n }\n }\n\n var Element = function Element(configuration) {\n helpers$1.extend(this, configuration);\n this.initialize.apply(this, arguments);\n };\n\n helpers$1.extend(Element.prototype, {\n _type: undefined,\n initialize: function initialize() {\n this.hidden = false;\n },\n pivot: function pivot() {\n var me = this;\n\n if (!me._view) {\n me._view = helpers$1.extend({}, me._model);\n }\n\n me._start = {};\n return me;\n },\n transition: function transition(ease) {\n var me = this;\n var model = me._model;\n var start = me._start;\n var view = me._view; // No animation -> No Transition\n\n if (!model || ease === 1) {\n me._view = helpers$1.extend({}, model);\n me._start = null;\n return me;\n }\n\n if (!view) {\n view = me._view = {};\n }\n\n if (!start) {\n start = me._start = {};\n }\n\n interpolate(start, view, model, ease);\n return me;\n },\n tooltipPosition: function tooltipPosition() {\n return {\n x: this._model.x,\n y: this._model.y\n };\n },\n hasValue: function hasValue() {\n return helpers$1.isNumber(this._model.x) && helpers$1.isNumber(this._model.y);\n }\n });\n Element.extend = helpers$1.inherits;\n var core_element = Element;\n var exports$3 = core_element.extend({\n chart: null,\n // the animation associated chart instance\n currentStep: 0,\n // the current animation step\n numSteps: 60,\n // default number of steps\n easing: '',\n // the easing to use for this animation\n render: null,\n // render function used by the animation service\n onAnimationProgress: null,\n // user specified callback to fire on each step of the animation\n onAnimationComplete: null // user specified callback to fire when the animation finishes\n\n });\n var core_animation = exports$3; // DEPRECATIONS\n\n /**\n * Provided for backward compatibility, use Chart.Animation instead\n * @prop Chart.Animation#animationObject\n * @deprecated since version 2.6.0\n * @todo remove at version 3\n */\n\n Object.defineProperty(exports$3.prototype, 'animationObject', {\n get: function get() {\n return this;\n }\n });\n /**\n * Provided for backward compatibility, use Chart.Animation#chart instead\n * @prop Chart.Animation#chartInstance\n * @deprecated since version 2.6.0\n * @todo remove at version 3\n */\n\n Object.defineProperty(exports$3.prototype, 'chartInstance', {\n get: function get() {\n return this.chart;\n },\n set: function set(value) {\n this.chart = value;\n }\n });\n\n core_defaults._set('global', {\n animation: {\n duration: 1000,\n easing: 'easeOutQuart',\n onProgress: helpers$1.noop,\n onComplete: helpers$1.noop\n }\n });\n\n var core_animations = {\n animations: [],\n request: null,\n\n /**\n * @param {Chart} chart - The chart to animate.\n * @param {Chart.Animation} animation - The animation that we will animate.\n * @param {number} duration - The animation duration in ms.\n * @param {boolean} lazy - if true, the chart is not marked as animating to enable more responsive interactions\n */\n addAnimation: function addAnimation(chart, animation, duration, lazy) {\n var animations = this.animations;\n var i, ilen;\n animation.chart = chart;\n animation.startTime = Date.now();\n animation.duration = duration;\n\n if (!lazy) {\n chart.animating = true;\n }\n\n for (i = 0, ilen = animations.length; i < ilen; ++i) {\n if (animations[i].chart === chart) {\n animations[i] = animation;\n return;\n }\n }\n\n animations.push(animation); // If there are no animations queued, manually kickstart a digest, for lack of a better word\n\n if (animations.length === 1) {\n this.requestAnimationFrame();\n }\n },\n cancelAnimation: function cancelAnimation(chart) {\n var index = helpers$1.findIndex(this.animations, function (animation) {\n return animation.chart === chart;\n });\n\n if (index !== -1) {\n this.animations.splice(index, 1);\n chart.animating = false;\n }\n },\n requestAnimationFrame: function requestAnimationFrame() {\n var me = this;\n\n if (me.request === null) {\n // Skip animation frame requests until the active one is executed.\n // This can happen when processing mouse events, e.g. 'mousemove'\n // and 'mouseout' events will trigger multiple renders.\n me.request = helpers$1.requestAnimFrame.call(window, function () {\n me.request = null;\n me.startDigest();\n });\n }\n },\n\n /**\n * @private\n */\n startDigest: function startDigest() {\n var me = this;\n me.advance(); // Do we have more stuff to animate?\n\n if (me.animations.length > 0) {\n me.requestAnimationFrame();\n }\n },\n\n /**\n * @private\n */\n advance: function advance() {\n var animations = this.animations;\n var animation, chart, numSteps, nextStep;\n var i = 0; // 1 animation per chart, so we are looping charts here\n\n while (i < animations.length) {\n animation = animations[i];\n chart = animation.chart;\n numSteps = animation.numSteps; // Make sure that currentStep starts at 1\n // https://github.com/chartjs/Chart.js/issues/6104\n\n nextStep = Math.floor((Date.now() - animation.startTime) / animation.duration * numSteps) + 1;\n animation.currentStep = Math.min(nextStep, numSteps);\n helpers$1.callback(animation.render, [chart, animation], chart);\n helpers$1.callback(animation.onAnimationProgress, [animation], chart);\n\n if (animation.currentStep >= numSteps) {\n helpers$1.callback(animation.onAnimationComplete, [animation], chart);\n chart.animating = false;\n animations.splice(i, 1);\n } else {\n ++i;\n }\n }\n }\n };\n var resolve = helpers$1.options.resolve;\n var arrayEvents = ['push', 'pop', 'shift', 'splice', 'unshift'];\n /**\n * Hooks the array methods that add or remove values ('push', pop', 'shift', 'splice',\n * 'unshift') and notify the listener AFTER the array has been altered. Listeners are\n * called on the 'onData*' callbacks (e.g. onDataPush, etc.) with same arguments.\n */\n\n function listenArrayEvents(array, listener) {\n if (array._chartjs) {\n array._chartjs.listeners.push(listener);\n\n return;\n }\n\n Object.defineProperty(array, '_chartjs', {\n configurable: true,\n enumerable: false,\n value: {\n listeners: [listener]\n }\n });\n arrayEvents.forEach(function (key) {\n var method = 'onData' + key.charAt(0).toUpperCase() + key.slice(1);\n var base = array[key];\n Object.defineProperty(array, key, {\n configurable: true,\n enumerable: false,\n value: function value() {\n var args = Array.prototype.slice.call(arguments);\n var res = base.apply(this, args);\n helpers$1.each(array._chartjs.listeners, function (object) {\n if (typeof object[method] === 'function') {\n object[method].apply(object, args);\n }\n });\n return res;\n }\n });\n });\n }\n /**\n * Removes the given array event listener and cleanup extra attached properties (such as\n * the _chartjs stub and overridden methods) if array doesn't have any more listeners.\n */\n\n\n function unlistenArrayEvents(array, listener) {\n var stub = array._chartjs;\n\n if (!stub) {\n return;\n }\n\n var listeners = stub.listeners;\n var index = listeners.indexOf(listener);\n\n if (index !== -1) {\n listeners.splice(index, 1);\n }\n\n if (listeners.length > 0) {\n return;\n }\n\n arrayEvents.forEach(function (key) {\n delete array[key];\n });\n delete array._chartjs;\n } // Base class for all dataset controllers (line, bar, etc)\n\n\n var DatasetController = function DatasetController(chart, datasetIndex) {\n this.initialize(chart, datasetIndex);\n };\n\n helpers$1.extend(DatasetController.prototype, {\n /**\n * Element type used to generate a meta dataset (e.g. Chart.element.Line).\n * @type {Chart.core.element}\n */\n datasetElementType: null,\n\n /**\n * Element type used to generate a meta data (e.g. Chart.element.Point).\n * @type {Chart.core.element}\n */\n dataElementType: null,\n\n /**\n * Dataset element option keys to be resolved in _resolveDatasetElementOptions.\n * A derived controller may override this to resolve controller-specific options.\n * The keys defined here are for backward compatibility for legend styles.\n * @private\n */\n _datasetElementOptions: ['backgroundColor', 'borderCapStyle', 'borderColor', 'borderDash', 'borderDashOffset', 'borderJoinStyle', 'borderWidth'],\n\n /**\n * Data element option keys to be resolved in _resolveDataElementOptions.\n * A derived controller may override this to resolve controller-specific options.\n * The keys defined here are for backward compatibility for legend styles.\n * @private\n */\n _dataElementOptions: ['backgroundColor', 'borderColor', 'borderWidth', 'pointStyle'],\n initialize: function initialize(chart, datasetIndex) {\n var me = this;\n me.chart = chart;\n me.index = datasetIndex;\n me.linkScales();\n me.addElements();\n me._type = me.getMeta().type;\n },\n updateIndex: function updateIndex(datasetIndex) {\n this.index = datasetIndex;\n },\n linkScales: function linkScales() {\n var me = this;\n var meta = me.getMeta();\n var chart = me.chart;\n var scales = chart.scales;\n var dataset = me.getDataset();\n var scalesOpts = chart.options.scales;\n\n if (meta.xAxisID === null || !(meta.xAxisID in scales) || dataset.xAxisID) {\n meta.xAxisID = dataset.xAxisID || scalesOpts.xAxes[0].id;\n }\n\n if (meta.yAxisID === null || !(meta.yAxisID in scales) || dataset.yAxisID) {\n meta.yAxisID = dataset.yAxisID || scalesOpts.yAxes[0].id;\n }\n },\n getDataset: function getDataset() {\n return this.chart.data.datasets[this.index];\n },\n getMeta: function getMeta() {\n return this.chart.getDatasetMeta(this.index);\n },\n getScaleForId: function getScaleForId(scaleID) {\n return this.chart.scales[scaleID];\n },\n\n /**\n * @private\n */\n _getValueScaleId: function _getValueScaleId() {\n return this.getMeta().yAxisID;\n },\n\n /**\n * @private\n */\n _getIndexScaleId: function _getIndexScaleId() {\n return this.getMeta().xAxisID;\n },\n\n /**\n * @private\n */\n _getValueScale: function _getValueScale() {\n return this.getScaleForId(this._getValueScaleId());\n },\n\n /**\n * @private\n */\n _getIndexScale: function _getIndexScale() {\n return this.getScaleForId(this._getIndexScaleId());\n },\n reset: function reset() {\n this._update(true);\n },\n\n /**\n * @private\n */\n destroy: function destroy() {\n if (this._data) {\n unlistenArrayEvents(this._data, this);\n }\n },\n createMetaDataset: function createMetaDataset() {\n var me = this;\n var type = me.datasetElementType;\n return type && new type({\n _chart: me.chart,\n _datasetIndex: me.index\n });\n },\n createMetaData: function createMetaData(index) {\n var me = this;\n var type = me.dataElementType;\n return type && new type({\n _chart: me.chart,\n _datasetIndex: me.index,\n _index: index\n });\n },\n addElements: function addElements() {\n var me = this;\n var meta = me.getMeta();\n var data = me.getDataset().data || [];\n var metaData = meta.data;\n var i, ilen;\n\n for (i = 0, ilen = data.length; i < ilen; ++i) {\n metaData[i] = metaData[i] || me.createMetaData(i);\n }\n\n meta.dataset = meta.dataset || me.createMetaDataset();\n },\n addElementAndReset: function addElementAndReset(index) {\n var element = this.createMetaData(index);\n this.getMeta().data.splice(index, 0, element);\n this.updateElement(element, index, true);\n },\n buildOrUpdateElements: function buildOrUpdateElements() {\n var me = this;\n var dataset = me.getDataset();\n var data = dataset.data || (dataset.data = []); // In order to correctly handle data addition/deletion animation (an thus simulate\n // real-time charts), we need to monitor these data modifications and synchronize\n // the internal meta data accordingly.\n\n if (me._data !== data) {\n if (me._data) {\n // This case happens when the user replaced the data array instance.\n unlistenArrayEvents(me._data, me);\n }\n\n if (data && Object.isExtensible(data)) {\n listenArrayEvents(data, me);\n }\n\n me._data = data;\n } // Re-sync meta data in case the user replaced the data array or if we missed\n // any updates and so make sure that we handle number of datapoints changing.\n\n\n me.resyncElements();\n },\n\n /**\n * Returns the merged user-supplied and default dataset-level options\n * @private\n */\n _configure: function _configure() {\n var me = this;\n me._config = helpers$1.merge({}, [me.chart.options.datasets[me._type], me.getDataset()], {\n merger: function merger(key, target, source) {\n if (key !== '_meta' && key !== 'data') {\n helpers$1._merger(key, target, source);\n }\n }\n });\n },\n _update: function _update(reset) {\n var me = this;\n\n me._configure();\n\n me._cachedDataOpts = null;\n me.update(reset);\n },\n update: helpers$1.noop,\n transition: function transition(easingValue) {\n var meta = this.getMeta();\n var elements = meta.data || [];\n var ilen = elements.length;\n var i = 0;\n\n for (; i < ilen; ++i) {\n elements[i].transition(easingValue);\n }\n\n if (meta.dataset) {\n meta.dataset.transition(easingValue);\n }\n },\n draw: function draw() {\n var meta = this.getMeta();\n var elements = meta.data || [];\n var ilen = elements.length;\n var i = 0;\n\n if (meta.dataset) {\n meta.dataset.draw();\n }\n\n for (; i < ilen; ++i) {\n elements[i].draw();\n }\n },\n\n /**\n * Returns a set of predefined style properties that should be used to represent the dataset\n * or the data if the index is specified\n * @param {number} index - data index\n * @return {IStyleInterface} style object\n */\n getStyle: function getStyle(index) {\n var me = this;\n var meta = me.getMeta();\n var dataset = meta.dataset;\n var style;\n\n me._configure();\n\n if (dataset && index === undefined) {\n style = me._resolveDatasetElementOptions(dataset || {});\n } else {\n index = index || 0;\n style = me._resolveDataElementOptions(meta.data[index] || {}, index);\n }\n\n if (style.fill === false || style.fill === null) {\n style.backgroundColor = style.borderColor;\n }\n\n return style;\n },\n\n /**\n * @private\n */\n _resolveDatasetElementOptions: function _resolveDatasetElementOptions(element, hover) {\n var me = this;\n var chart = me.chart;\n var datasetOpts = me._config;\n var custom = element.custom || {};\n var options = chart.options.elements[me.datasetElementType.prototype._type] || {};\n var elementOptions = me._datasetElementOptions;\n var values = {};\n var i, ilen, key, readKey; // Scriptable options\n\n var context = {\n chart: chart,\n dataset: me.getDataset(),\n datasetIndex: me.index,\n hover: hover\n };\n\n for (i = 0, ilen = elementOptions.length; i < ilen; ++i) {\n key = elementOptions[i];\n readKey = hover ? 'hover' + key.charAt(0).toUpperCase() + key.slice(1) : key;\n values[key] = resolve([custom[readKey], datasetOpts[readKey], options[readKey]], context);\n }\n\n return values;\n },\n\n /**\n * @private\n */\n _resolveDataElementOptions: function _resolveDataElementOptions(element, index) {\n var me = this;\n var custom = element && element.custom;\n var cached = me._cachedDataOpts;\n\n if (cached && !custom) {\n return cached;\n }\n\n var chart = me.chart;\n var datasetOpts = me._config;\n var options = chart.options.elements[me.dataElementType.prototype._type] || {};\n var elementOptions = me._dataElementOptions;\n var values = {}; // Scriptable options\n\n var context = {\n chart: chart,\n dataIndex: index,\n dataset: me.getDataset(),\n datasetIndex: me.index\n }; // `resolve` sets cacheable to `false` if any option is indexed or scripted\n\n var info = {\n cacheable: !custom\n };\n var keys, i, ilen, key;\n custom = custom || {};\n\n if (helpers$1.isArray(elementOptions)) {\n for (i = 0, ilen = elementOptions.length; i < ilen; ++i) {\n key = elementOptions[i];\n values[key] = resolve([custom[key], datasetOpts[key], options[key]], context, index, info);\n }\n } else {\n keys = Object.keys(elementOptions);\n\n for (i = 0, ilen = keys.length; i < ilen; ++i) {\n key = keys[i];\n values[key] = resolve([custom[key], datasetOpts[elementOptions[key]], datasetOpts[key], options[key]], context, index, info);\n }\n }\n\n if (info.cacheable) {\n me._cachedDataOpts = Object.freeze(values);\n }\n\n return values;\n },\n removeHoverStyle: function removeHoverStyle(element) {\n helpers$1.merge(element._model, element.$previousStyle || {});\n delete element.$previousStyle;\n },\n setHoverStyle: function setHoverStyle(element) {\n var dataset = this.chart.data.datasets[element._datasetIndex];\n var index = element._index;\n var custom = element.custom || {};\n var model = element._model;\n var getHoverColor = helpers$1.getHoverColor;\n element.$previousStyle = {\n backgroundColor: model.backgroundColor,\n borderColor: model.borderColor,\n borderWidth: model.borderWidth\n };\n model.backgroundColor = resolve([custom.hoverBackgroundColor, dataset.hoverBackgroundColor, getHoverColor(model.backgroundColor)], undefined, index);\n model.borderColor = resolve([custom.hoverBorderColor, dataset.hoverBorderColor, getHoverColor(model.borderColor)], undefined, index);\n model.borderWidth = resolve([custom.hoverBorderWidth, dataset.hoverBorderWidth, model.borderWidth], undefined, index);\n },\n\n /**\n * @private\n */\n _removeDatasetHoverStyle: function _removeDatasetHoverStyle() {\n var element = this.getMeta().dataset;\n\n if (element) {\n this.removeHoverStyle(element);\n }\n },\n\n /**\n * @private\n */\n _setDatasetHoverStyle: function _setDatasetHoverStyle() {\n var element = this.getMeta().dataset;\n var prev = {};\n var i, ilen, key, keys, hoverOptions, model;\n\n if (!element) {\n return;\n }\n\n model = element._model;\n hoverOptions = this._resolveDatasetElementOptions(element, true);\n keys = Object.keys(hoverOptions);\n\n for (i = 0, ilen = keys.length; i < ilen; ++i) {\n key = keys[i];\n prev[key] = model[key];\n model[key] = hoverOptions[key];\n }\n\n element.$previousStyle = prev;\n },\n\n /**\n * @private\n */\n resyncElements: function resyncElements() {\n var me = this;\n var meta = me.getMeta();\n var data = me.getDataset().data;\n var numMeta = meta.data.length;\n var numData = data.length;\n\n if (numData < numMeta) {\n meta.data.splice(numData, numMeta - numData);\n } else if (numData > numMeta) {\n me.insertElements(numMeta, numData - numMeta);\n }\n },\n\n /**\n * @private\n */\n insertElements: function insertElements(start, count) {\n for (var i = 0; i < count; ++i) {\n this.addElementAndReset(start + i);\n }\n },\n\n /**\n * @private\n */\n onDataPush: function onDataPush() {\n var count = arguments.length;\n this.insertElements(this.getDataset().data.length - count, count);\n },\n\n /**\n * @private\n */\n onDataPop: function onDataPop() {\n this.getMeta().data.pop();\n },\n\n /**\n * @private\n */\n onDataShift: function onDataShift() {\n this.getMeta().data.shift();\n },\n\n /**\n * @private\n */\n onDataSplice: function onDataSplice(start, count) {\n this.getMeta().data.splice(start, count);\n this.insertElements(start, arguments.length - 2);\n },\n\n /**\n * @private\n */\n onDataUnshift: function onDataUnshift() {\n this.insertElements(0, arguments.length);\n }\n });\n DatasetController.extend = helpers$1.inherits;\n var core_datasetController = DatasetController;\n var TAU = Math.PI * 2;\n\n core_defaults._set('global', {\n elements: {\n arc: {\n backgroundColor: core_defaults.global.defaultColor,\n borderColor: '#fff',\n borderWidth: 2,\n borderAlign: 'center'\n }\n }\n });\n\n function clipArc(ctx, arc) {\n var startAngle = arc.startAngle;\n var endAngle = arc.endAngle;\n var pixelMargin = arc.pixelMargin;\n var angleMargin = pixelMargin / arc.outerRadius;\n var x = arc.x;\n var y = arc.y; // Draw an inner border by cliping the arc and drawing a double-width border\n // Enlarge the clipping arc by 0.33 pixels to eliminate glitches between borders\n\n ctx.beginPath();\n ctx.arc(x, y, arc.outerRadius, startAngle - angleMargin, endAngle + angleMargin);\n\n if (arc.innerRadius > pixelMargin) {\n angleMargin = pixelMargin / arc.innerRadius;\n ctx.arc(x, y, arc.innerRadius - pixelMargin, endAngle + angleMargin, startAngle - angleMargin, true);\n } else {\n ctx.arc(x, y, pixelMargin, endAngle + Math.PI / 2, startAngle - Math.PI / 2);\n }\n\n ctx.closePath();\n ctx.clip();\n }\n\n function drawFullCircleBorders(ctx, vm, arc, inner) {\n var endAngle = arc.endAngle;\n var i;\n\n if (inner) {\n arc.endAngle = arc.startAngle + TAU;\n clipArc(ctx, arc);\n arc.endAngle = endAngle;\n\n if (arc.endAngle === arc.startAngle && arc.fullCircles) {\n arc.endAngle += TAU;\n arc.fullCircles--;\n }\n }\n\n ctx.beginPath();\n ctx.arc(arc.x, arc.y, arc.innerRadius, arc.startAngle + TAU, arc.startAngle, true);\n\n for (i = 0; i < arc.fullCircles; ++i) {\n ctx.stroke();\n }\n\n ctx.beginPath();\n ctx.arc(arc.x, arc.y, vm.outerRadius, arc.startAngle, arc.startAngle + TAU);\n\n for (i = 0; i < arc.fullCircles; ++i) {\n ctx.stroke();\n }\n }\n\n function drawBorder(ctx, vm, arc) {\n var inner = vm.borderAlign === 'inner';\n\n if (inner) {\n ctx.lineWidth = vm.borderWidth * 2;\n ctx.lineJoin = 'round';\n } else {\n ctx.lineWidth = vm.borderWidth;\n ctx.lineJoin = 'bevel';\n }\n\n if (arc.fullCircles) {\n drawFullCircleBorders(ctx, vm, arc, inner);\n }\n\n if (inner) {\n clipArc(ctx, arc);\n }\n\n ctx.beginPath();\n ctx.arc(arc.x, arc.y, vm.outerRadius, arc.startAngle, arc.endAngle);\n ctx.arc(arc.x, arc.y, arc.innerRadius, arc.endAngle, arc.startAngle, true);\n ctx.closePath();\n ctx.stroke();\n }\n\n var element_arc = core_element.extend({\n _type: 'arc',\n inLabelRange: function inLabelRange(mouseX) {\n var vm = this._view;\n\n if (vm) {\n return Math.pow(mouseX - vm.x, 2) < Math.pow(vm.radius + vm.hoverRadius, 2);\n }\n\n return false;\n },\n inRange: function inRange(chartX, chartY) {\n var vm = this._view;\n\n if (vm) {\n var pointRelativePosition = helpers$1.getAngleFromPoint(vm, {\n x: chartX,\n y: chartY\n });\n var angle = pointRelativePosition.angle;\n var distance = pointRelativePosition.distance; // Sanitise angle range\n\n var startAngle = vm.startAngle;\n var endAngle = vm.endAngle;\n\n while (endAngle < startAngle) {\n endAngle += TAU;\n }\n\n while (angle > endAngle) {\n angle -= TAU;\n }\n\n while (angle < startAngle) {\n angle += TAU;\n } // Check if within the range of the open/close angle\n\n\n var betweenAngles = angle >= startAngle && angle <= endAngle;\n var withinRadius = distance >= vm.innerRadius && distance <= vm.outerRadius;\n return betweenAngles && withinRadius;\n }\n\n return false;\n },\n getCenterPoint: function getCenterPoint() {\n var vm = this._view;\n var halfAngle = (vm.startAngle + vm.endAngle) / 2;\n var halfRadius = (vm.innerRadius + vm.outerRadius) / 2;\n return {\n x: vm.x + Math.cos(halfAngle) * halfRadius,\n y: vm.y + Math.sin(halfAngle) * halfRadius\n };\n },\n getArea: function getArea() {\n var vm = this._view;\n return Math.PI * ((vm.endAngle - vm.startAngle) / (2 * Math.PI)) * (Math.pow(vm.outerRadius, 2) - Math.pow(vm.innerRadius, 2));\n },\n tooltipPosition: function tooltipPosition() {\n var vm = this._view;\n var centreAngle = vm.startAngle + (vm.endAngle - vm.startAngle) / 2;\n var rangeFromCentre = (vm.outerRadius - vm.innerRadius) / 2 + vm.innerRadius;\n return {\n x: vm.x + Math.cos(centreAngle) * rangeFromCentre,\n y: vm.y + Math.sin(centreAngle) * rangeFromCentre\n };\n },\n draw: function draw() {\n var ctx = this._chart.ctx;\n var vm = this._view;\n var pixelMargin = vm.borderAlign === 'inner' ? 0.33 : 0;\n var arc = {\n x: vm.x,\n y: vm.y,\n innerRadius: vm.innerRadius,\n outerRadius: Math.max(vm.outerRadius - pixelMargin, 0),\n pixelMargin: pixelMargin,\n startAngle: vm.startAngle,\n endAngle: vm.endAngle,\n fullCircles: Math.floor(vm.circumference / TAU)\n };\n var i;\n ctx.save();\n ctx.fillStyle = vm.backgroundColor;\n ctx.strokeStyle = vm.borderColor;\n\n if (arc.fullCircles) {\n arc.endAngle = arc.startAngle + TAU;\n ctx.beginPath();\n ctx.arc(arc.x, arc.y, arc.outerRadius, arc.startAngle, arc.endAngle);\n ctx.arc(arc.x, arc.y, arc.innerRadius, arc.endAngle, arc.startAngle, true);\n ctx.closePath();\n\n for (i = 0; i < arc.fullCircles; ++i) {\n ctx.fill();\n }\n\n arc.endAngle = arc.startAngle + vm.circumference % TAU;\n }\n\n ctx.beginPath();\n ctx.arc(arc.x, arc.y, arc.outerRadius, arc.startAngle, arc.endAngle);\n ctx.arc(arc.x, arc.y, arc.innerRadius, arc.endAngle, arc.startAngle, true);\n ctx.closePath();\n ctx.fill();\n\n if (vm.borderWidth) {\n drawBorder(ctx, vm, arc);\n }\n\n ctx.restore();\n }\n });\n var valueOrDefault$1 = helpers$1.valueOrDefault;\n var defaultColor = core_defaults.global.defaultColor;\n\n core_defaults._set('global', {\n elements: {\n line: {\n tension: 0.4,\n backgroundColor: defaultColor,\n borderWidth: 3,\n borderColor: defaultColor,\n borderCapStyle: 'butt',\n borderDash: [],\n borderDashOffset: 0.0,\n borderJoinStyle: 'miter',\n capBezierPoints: true,\n fill: true // do we fill in the area between the line and its base axis\n\n }\n }\n });\n\n var element_line = core_element.extend({\n _type: 'line',\n draw: function draw() {\n var me = this;\n var vm = me._view;\n var ctx = me._chart.ctx;\n var spanGaps = vm.spanGaps;\n\n var points = me._children.slice(); // clone array\n\n\n var globalDefaults = core_defaults.global;\n var globalOptionLineElements = globalDefaults.elements.line;\n var lastDrawnIndex = -1;\n var closePath = me._loop;\n var index, previous, currentVM;\n\n if (!points.length) {\n return;\n }\n\n if (me._loop) {\n for (index = 0; index < points.length; ++index) {\n previous = helpers$1.previousItem(points, index); // If the line has an open path, shift the point array\n\n if (!points[index]._view.skip && previous._view.skip) {\n points = points.slice(index).concat(points.slice(0, index));\n closePath = spanGaps;\n break;\n }\n } // If the line has a close path, add the first point again\n\n\n if (closePath) {\n points.push(points[0]);\n }\n }\n\n ctx.save(); // Stroke Line Options\n\n ctx.lineCap = vm.borderCapStyle || globalOptionLineElements.borderCapStyle; // IE 9 and 10 do not support line dash\n\n if (ctx.setLineDash) {\n ctx.setLineDash(vm.borderDash || globalOptionLineElements.borderDash);\n }\n\n ctx.lineDashOffset = valueOrDefault$1(vm.borderDashOffset, globalOptionLineElements.borderDashOffset);\n ctx.lineJoin = vm.borderJoinStyle || globalOptionLineElements.borderJoinStyle;\n ctx.lineWidth = valueOrDefault$1(vm.borderWidth, globalOptionLineElements.borderWidth);\n ctx.strokeStyle = vm.borderColor || globalDefaults.defaultColor; // Stroke Line\n\n ctx.beginPath(); // First point moves to it's starting position no matter what\n\n currentVM = points[0]._view;\n\n if (!currentVM.skip) {\n ctx.moveTo(currentVM.x, currentVM.y);\n lastDrawnIndex = 0;\n }\n\n for (index = 1; index < points.length; ++index) {\n currentVM = points[index]._view;\n previous = lastDrawnIndex === -1 ? helpers$1.previousItem(points, index) : points[lastDrawnIndex];\n\n if (!currentVM.skip) {\n if (lastDrawnIndex !== index - 1 && !spanGaps || lastDrawnIndex === -1) {\n // There was a gap and this is the first point after the gap\n ctx.moveTo(currentVM.x, currentVM.y);\n } else {\n // Line to next point\n helpers$1.canvas.lineTo(ctx, previous._view, currentVM);\n }\n\n lastDrawnIndex = index;\n }\n }\n\n if (closePath) {\n ctx.closePath();\n }\n\n ctx.stroke();\n ctx.restore();\n }\n });\n var valueOrDefault$2 = helpers$1.valueOrDefault;\n var defaultColor$1 = core_defaults.global.defaultColor;\n\n core_defaults._set('global', {\n elements: {\n point: {\n radius: 3,\n pointStyle: 'circle',\n backgroundColor: defaultColor$1,\n borderColor: defaultColor$1,\n borderWidth: 1,\n // Hover\n hitRadius: 1,\n hoverRadius: 4,\n hoverBorderWidth: 1\n }\n }\n });\n\n function xRange(mouseX) {\n var vm = this._view;\n return vm ? Math.abs(mouseX - vm.x) < vm.radius + vm.hitRadius : false;\n }\n\n function yRange(mouseY) {\n var vm = this._view;\n return vm ? Math.abs(mouseY - vm.y) < vm.radius + vm.hitRadius : false;\n }\n\n var element_point = core_element.extend({\n _type: 'point',\n inRange: function inRange(mouseX, mouseY) {\n var vm = this._view;\n return vm ? Math.pow(mouseX - vm.x, 2) + Math.pow(mouseY - vm.y, 2) < Math.pow(vm.hitRadius + vm.radius, 2) : false;\n },\n inLabelRange: xRange,\n inXRange: xRange,\n inYRange: yRange,\n getCenterPoint: function getCenterPoint() {\n var vm = this._view;\n return {\n x: vm.x,\n y: vm.y\n };\n },\n getArea: function getArea() {\n return Math.PI * Math.pow(this._view.radius, 2);\n },\n tooltipPosition: function tooltipPosition() {\n var vm = this._view;\n return {\n x: vm.x,\n y: vm.y,\n padding: vm.radius + vm.borderWidth\n };\n },\n draw: function draw(chartArea) {\n var vm = this._view;\n var ctx = this._chart.ctx;\n var pointStyle = vm.pointStyle;\n var rotation = vm.rotation;\n var radius = vm.radius;\n var x = vm.x;\n var y = vm.y;\n var globalDefaults = core_defaults.global;\n var defaultColor = globalDefaults.defaultColor; // eslint-disable-line no-shadow\n\n if (vm.skip) {\n return;\n } // Clipping for Points.\n\n\n if (chartArea === undefined || helpers$1.canvas._isPointInArea(vm, chartArea)) {\n ctx.strokeStyle = vm.borderColor || defaultColor;\n ctx.lineWidth = valueOrDefault$2(vm.borderWidth, globalDefaults.elements.point.borderWidth);\n ctx.fillStyle = vm.backgroundColor || defaultColor;\n helpers$1.canvas.drawPoint(ctx, pointStyle, radius, x, y, rotation);\n }\n }\n });\n var defaultColor$2 = core_defaults.global.defaultColor;\n\n core_defaults._set('global', {\n elements: {\n rectangle: {\n backgroundColor: defaultColor$2,\n borderColor: defaultColor$2,\n borderSkipped: 'bottom',\n borderWidth: 0\n }\n }\n });\n\n function isVertical(vm) {\n return vm && vm.width !== undefined;\n }\n /**\n * Helper function to get the bounds of the bar regardless of the orientation\n * @param bar {Chart.Element.Rectangle} the bar\n * @return {Bounds} bounds of the bar\n * @private\n */\n\n\n function getBarBounds(vm) {\n var x1, x2, y1, y2, half;\n\n if (isVertical(vm)) {\n half = vm.width / 2;\n x1 = vm.x - half;\n x2 = vm.x + half;\n y1 = Math.min(vm.y, vm.base);\n y2 = Math.max(vm.y, vm.base);\n } else {\n half = vm.height / 2;\n x1 = Math.min(vm.x, vm.base);\n x2 = Math.max(vm.x, vm.base);\n y1 = vm.y - half;\n y2 = vm.y + half;\n }\n\n return {\n left: x1,\n top: y1,\n right: x2,\n bottom: y2\n };\n }\n\n function swap(orig, v1, v2) {\n return orig === v1 ? v2 : orig === v2 ? v1 : orig;\n }\n\n function parseBorderSkipped(vm) {\n var edge = vm.borderSkipped;\n var res = {};\n\n if (!edge) {\n return res;\n }\n\n if (vm.horizontal) {\n if (vm.base > vm.x) {\n edge = swap(edge, 'left', 'right');\n }\n } else if (vm.base < vm.y) {\n edge = swap(edge, 'bottom', 'top');\n }\n\n res[edge] = true;\n return res;\n }\n\n function parseBorderWidth(vm, maxW, maxH) {\n var value = vm.borderWidth;\n var skip = parseBorderSkipped(vm);\n var t, r, b, l;\n\n if (helpers$1.isObject(value)) {\n t = +value.top || 0;\n r = +value.right || 0;\n b = +value.bottom || 0;\n l = +value.left || 0;\n } else {\n t = r = b = l = +value || 0;\n }\n\n return {\n t: skip.top || t < 0 ? 0 : t > maxH ? maxH : t,\n r: skip.right || r < 0 ? 0 : r > maxW ? maxW : r,\n b: skip.bottom || b < 0 ? 0 : b > maxH ? maxH : b,\n l: skip.left || l < 0 ? 0 : l > maxW ? maxW : l\n };\n }\n\n function boundingRects(vm) {\n var bounds = getBarBounds(vm);\n var width = bounds.right - bounds.left;\n var height = bounds.bottom - bounds.top;\n var border = parseBorderWidth(vm, width / 2, height / 2);\n return {\n outer: {\n x: bounds.left,\n y: bounds.top,\n w: width,\n h: height\n },\n inner: {\n x: bounds.left + border.l,\n y: bounds.top + border.t,\n w: width - border.l - border.r,\n h: height - border.t - border.b\n }\n };\n }\n\n function _inRange(vm, x, y) {\n var skipX = x === null;\n var skipY = y === null;\n var bounds = !vm || skipX && skipY ? false : getBarBounds(vm);\n return bounds && (skipX || x >= bounds.left && x <= bounds.right) && (skipY || y >= bounds.top && y <= bounds.bottom);\n }\n\n var element_rectangle = core_element.extend({\n _type: 'rectangle',\n draw: function draw() {\n var ctx = this._chart.ctx;\n var vm = this._view;\n var rects = boundingRects(vm);\n var outer = rects.outer;\n var inner = rects.inner;\n ctx.fillStyle = vm.backgroundColor;\n ctx.fillRect(outer.x, outer.y, outer.w, outer.h);\n\n if (outer.w === inner.w && outer.h === inner.h) {\n return;\n }\n\n ctx.save();\n ctx.beginPath();\n ctx.rect(outer.x, outer.y, outer.w, outer.h);\n ctx.clip();\n ctx.fillStyle = vm.borderColor;\n ctx.rect(inner.x, inner.y, inner.w, inner.h);\n ctx.fill('evenodd');\n ctx.restore();\n },\n height: function height() {\n var vm = this._view;\n return vm.base - vm.y;\n },\n inRange: function inRange(mouseX, mouseY) {\n return _inRange(this._view, mouseX, mouseY);\n },\n inLabelRange: function inLabelRange(mouseX, mouseY) {\n var vm = this._view;\n return isVertical(vm) ? _inRange(vm, mouseX, null) : _inRange(vm, null, mouseY);\n },\n inXRange: function inXRange(mouseX) {\n return _inRange(this._view, mouseX, null);\n },\n inYRange: function inYRange(mouseY) {\n return _inRange(this._view, null, mouseY);\n },\n getCenterPoint: function getCenterPoint() {\n var vm = this._view;\n var x, y;\n\n if (isVertical(vm)) {\n x = vm.x;\n y = (vm.y + vm.base) / 2;\n } else {\n x = (vm.x + vm.base) / 2;\n y = vm.y;\n }\n\n return {\n x: x,\n y: y\n };\n },\n getArea: function getArea() {\n var vm = this._view;\n return isVertical(vm) ? vm.width * Math.abs(vm.y - vm.base) : vm.height * Math.abs(vm.x - vm.base);\n },\n tooltipPosition: function tooltipPosition() {\n var vm = this._view;\n return {\n x: vm.x,\n y: vm.y\n };\n }\n });\n var elements = {};\n var Arc = element_arc;\n var Line = element_line;\n var Point = element_point;\n var Rectangle = element_rectangle;\n elements.Arc = Arc;\n elements.Line = Line;\n elements.Point = Point;\n elements.Rectangle = Rectangle;\n var deprecated = helpers$1._deprecated;\n var valueOrDefault$3 = helpers$1.valueOrDefault;\n\n core_defaults._set('bar', {\n hover: {\n mode: 'label'\n },\n scales: {\n xAxes: [{\n type: 'category',\n offset: true,\n gridLines: {\n offsetGridLines: true\n }\n }],\n yAxes: [{\n type: 'linear'\n }]\n }\n });\n\n core_defaults._set('global', {\n datasets: {\n bar: {\n categoryPercentage: 0.8,\n barPercentage: 0.9\n }\n }\n });\n /**\n * Computes the \"optimal\" sample size to maintain bars equally sized while preventing overlap.\n * @private\n */\n\n\n function computeMinSampleSize(scale, pixels) {\n var min = scale._length;\n var prev, curr, i, ilen;\n\n for (i = 1, ilen = pixels.length; i < ilen; ++i) {\n min = Math.min(min, Math.abs(pixels[i] - pixels[i - 1]));\n }\n\n for (i = 0, ilen = scale.getTicks().length; i < ilen; ++i) {\n curr = scale.getPixelForTick(i);\n min = i > 0 ? Math.min(min, Math.abs(curr - prev)) : min;\n prev = curr;\n }\n\n return min;\n }\n /**\n * Computes an \"ideal\" category based on the absolute bar thickness or, if undefined or null,\n * uses the smallest interval (see computeMinSampleSize) that prevents bar overlapping. This\n * mode currently always generates bars equally sized (until we introduce scriptable options?).\n * @private\n */\n\n\n function computeFitCategoryTraits(index, ruler, options) {\n var thickness = options.barThickness;\n var count = ruler.stackCount;\n var curr = ruler.pixels[index];\n var min = helpers$1.isNullOrUndef(thickness) ? computeMinSampleSize(ruler.scale, ruler.pixels) : -1;\n var size, ratio;\n\n if (helpers$1.isNullOrUndef(thickness)) {\n size = min * options.categoryPercentage;\n ratio = options.barPercentage;\n } else {\n // When bar thickness is enforced, category and bar percentages are ignored.\n // Note(SB): we could add support for relative bar thickness (e.g. barThickness: '50%')\n // and deprecate barPercentage since this value is ignored when thickness is absolute.\n size = thickness * count;\n ratio = 1;\n }\n\n return {\n chunk: size / count,\n ratio: ratio,\n start: curr - size / 2\n };\n }\n /**\n * Computes an \"optimal\" category that globally arranges bars side by side (no gap when\n * percentage options are 1), based on the previous and following categories. This mode\n * generates bars with different widths when data are not evenly spaced.\n * @private\n */\n\n\n function computeFlexCategoryTraits(index, ruler, options) {\n var pixels = ruler.pixels;\n var curr = pixels[index];\n var prev = index > 0 ? pixels[index - 1] : null;\n var next = index < pixels.length - 1 ? pixels[index + 1] : null;\n var percent = options.categoryPercentage;\n var start, size;\n\n if (prev === null) {\n // first data: its size is double based on the next point or,\n // if it's also the last data, we use the scale size.\n prev = curr - (next === null ? ruler.end - ruler.start : next - curr);\n }\n\n if (next === null) {\n // last data: its size is also double based on the previous point.\n next = curr + curr - prev;\n }\n\n start = curr - (curr - Math.min(prev, next)) / 2 * percent;\n size = Math.abs(next - prev) / 2 * percent;\n return {\n chunk: size / ruler.stackCount,\n ratio: options.barPercentage,\n start: start\n };\n }\n\n var controller_bar = core_datasetController.extend({\n dataElementType: elements.Rectangle,\n\n /**\n * @private\n */\n _dataElementOptions: ['backgroundColor', 'borderColor', 'borderSkipped', 'borderWidth', 'barPercentage', 'barThickness', 'categoryPercentage', 'maxBarThickness', 'minBarLength'],\n initialize: function initialize() {\n var me = this;\n var meta, scaleOpts;\n core_datasetController.prototype.initialize.apply(me, arguments);\n meta = me.getMeta();\n meta.stack = me.getDataset().stack;\n meta.bar = true;\n scaleOpts = me._getIndexScale().options;\n deprecated('bar chart', scaleOpts.barPercentage, 'scales.[x/y]Axes.barPercentage', 'dataset.barPercentage');\n deprecated('bar chart', scaleOpts.barThickness, 'scales.[x/y]Axes.barThickness', 'dataset.barThickness');\n deprecated('bar chart', scaleOpts.categoryPercentage, 'scales.[x/y]Axes.categoryPercentage', 'dataset.categoryPercentage');\n deprecated('bar chart', me._getValueScale().options.minBarLength, 'scales.[x/y]Axes.minBarLength', 'dataset.minBarLength');\n deprecated('bar chart', scaleOpts.maxBarThickness, 'scales.[x/y]Axes.maxBarThickness', 'dataset.maxBarThickness');\n },\n update: function update(reset) {\n var me = this;\n var rects = me.getMeta().data;\n var i, ilen;\n me._ruler = me.getRuler();\n\n for (i = 0, ilen = rects.length; i < ilen; ++i) {\n me.updateElement(rects[i], i, reset);\n }\n },\n updateElement: function updateElement(rectangle, index, reset) {\n var me = this;\n var meta = me.getMeta();\n var dataset = me.getDataset();\n\n var options = me._resolveDataElementOptions(rectangle, index);\n\n rectangle._xScale = me.getScaleForId(meta.xAxisID);\n rectangle._yScale = me.getScaleForId(meta.yAxisID);\n rectangle._datasetIndex = me.index;\n rectangle._index = index;\n rectangle._model = {\n backgroundColor: options.backgroundColor,\n borderColor: options.borderColor,\n borderSkipped: options.borderSkipped,\n borderWidth: options.borderWidth,\n datasetLabel: dataset.label,\n label: me.chart.data.labels[index]\n };\n\n if (helpers$1.isArray(dataset.data[index])) {\n rectangle._model.borderSkipped = null;\n }\n\n me._updateElementGeometry(rectangle, index, reset, options);\n\n rectangle.pivot();\n },\n\n /**\n * @private\n */\n _updateElementGeometry: function _updateElementGeometry(rectangle, index, reset, options) {\n var me = this;\n var model = rectangle._model;\n\n var vscale = me._getValueScale();\n\n var base = vscale.getBasePixel();\n var horizontal = vscale.isHorizontal();\n var ruler = me._ruler || me.getRuler();\n var vpixels = me.calculateBarValuePixels(me.index, index, options);\n var ipixels = me.calculateBarIndexPixels(me.index, index, ruler, options);\n model.horizontal = horizontal;\n model.base = reset ? base : vpixels.base;\n model.x = horizontal ? reset ? base : vpixels.head : ipixels.center;\n model.y = horizontal ? ipixels.center : reset ? base : vpixels.head;\n model.height = horizontal ? ipixels.size : undefined;\n model.width = horizontal ? undefined : ipixels.size;\n },\n\n /**\n * Returns the stacks based on groups and bar visibility.\n * @param {number} [last] - The dataset index\n * @returns {string[]} The list of stack IDs\n * @private\n */\n _getStacks: function _getStacks(last) {\n var me = this;\n\n var scale = me._getIndexScale();\n\n var metasets = scale._getMatchingVisibleMetas(me._type);\n\n var stacked = scale.options.stacked;\n var ilen = metasets.length;\n var stacks = [];\n var i, meta;\n\n for (i = 0; i < ilen; ++i) {\n meta = metasets[i]; // stacked | meta.stack\n // | found | not found | undefined\n // false | x | x | x\n // true | | x |\n // undefined | | x | x\n\n if (stacked === false || stacks.indexOf(meta.stack) === -1 || stacked === undefined && meta.stack === undefined) {\n stacks.push(meta.stack);\n }\n\n if (meta.index === last) {\n break;\n }\n }\n\n return stacks;\n },\n\n /**\n * Returns the effective number of stacks based on groups and bar visibility.\n * @private\n */\n getStackCount: function getStackCount() {\n return this._getStacks().length;\n },\n\n /**\n * Returns the stack index for the given dataset based on groups and bar visibility.\n * @param {number} [datasetIndex] - The dataset index\n * @param {string} [name] - The stack name to find\n * @returns {number} The stack index\n * @private\n */\n getStackIndex: function getStackIndex(datasetIndex, name) {\n var stacks = this._getStacks(datasetIndex);\n\n var index = name !== undefined ? stacks.indexOf(name) : -1; // indexOf returns -1 if element is not present\n\n return index === -1 ? stacks.length - 1 : index;\n },\n\n /**\n * @private\n */\n getRuler: function getRuler() {\n var me = this;\n\n var scale = me._getIndexScale();\n\n var pixels = [];\n var i, ilen;\n\n for (i = 0, ilen = me.getMeta().data.length; i < ilen; ++i) {\n pixels.push(scale.getPixelForValue(null, i, me.index));\n }\n\n return {\n pixels: pixels,\n start: scale._startPixel,\n end: scale._endPixel,\n stackCount: me.getStackCount(),\n scale: scale\n };\n },\n\n /**\n * Note: pixel values are not clamped to the scale area.\n * @private\n */\n calculateBarValuePixels: function calculateBarValuePixels(datasetIndex, index, options) {\n var me = this;\n var chart = me.chart;\n\n var scale = me._getValueScale();\n\n var isHorizontal = scale.isHorizontal();\n var datasets = chart.data.datasets;\n\n var metasets = scale._getMatchingVisibleMetas(me._type);\n\n var value = scale._parseValue(datasets[datasetIndex].data[index]);\n\n var minBarLength = options.minBarLength;\n var stacked = scale.options.stacked;\n var stack = me.getMeta().stack;\n var start = value.start === undefined ? 0 : value.max >= 0 && value.min >= 0 ? value.min : value.max;\n var length = value.start === undefined ? value.end : value.max >= 0 && value.min >= 0 ? value.max - value.min : value.min - value.max;\n var ilen = metasets.length;\n var i, imeta, ivalue, base, head, size, stackLength;\n\n if (stacked || stacked === undefined && stack !== undefined) {\n for (i = 0; i < ilen; ++i) {\n imeta = metasets[i];\n\n if (imeta.index === datasetIndex) {\n break;\n }\n\n if (imeta.stack === stack) {\n stackLength = scale._parseValue(datasets[imeta.index].data[index]);\n ivalue = stackLength.start === undefined ? stackLength.end : stackLength.min >= 0 && stackLength.max >= 0 ? stackLength.max : stackLength.min;\n\n if (value.min < 0 && ivalue < 0 || value.max >= 0 && ivalue > 0) {\n start += ivalue;\n }\n }\n }\n }\n\n base = scale.getPixelForValue(start);\n head = scale.getPixelForValue(start + length);\n size = head - base;\n\n if (minBarLength !== undefined && Math.abs(size) < minBarLength) {\n size = minBarLength;\n\n if (length >= 0 && !isHorizontal || length < 0 && isHorizontal) {\n head = base - minBarLength;\n } else {\n head = base + minBarLength;\n }\n }\n\n return {\n size: size,\n base: base,\n head: head,\n center: head + size / 2\n };\n },\n\n /**\n * @private\n */\n calculateBarIndexPixels: function calculateBarIndexPixels(datasetIndex, index, ruler, options) {\n var me = this;\n var range = options.barThickness === 'flex' ? computeFlexCategoryTraits(index, ruler, options) : computeFitCategoryTraits(index, ruler, options);\n var stackIndex = me.getStackIndex(datasetIndex, me.getMeta().stack);\n var center = range.start + range.chunk * stackIndex + range.chunk / 2;\n var size = Math.min(valueOrDefault$3(options.maxBarThickness, Infinity), range.chunk * range.ratio);\n return {\n base: center - size / 2,\n head: center + size / 2,\n center: center,\n size: size\n };\n },\n draw: function draw() {\n var me = this;\n var chart = me.chart;\n\n var scale = me._getValueScale();\n\n var rects = me.getMeta().data;\n var dataset = me.getDataset();\n var ilen = rects.length;\n var i = 0;\n helpers$1.canvas.clipArea(chart.ctx, chart.chartArea);\n\n for (; i < ilen; ++i) {\n var val = scale._parseValue(dataset.data[i]);\n\n if (!isNaN(val.min) && !isNaN(val.max)) {\n rects[i].draw();\n }\n }\n\n helpers$1.canvas.unclipArea(chart.ctx);\n },\n\n /**\n * @private\n */\n _resolveDataElementOptions: function _resolveDataElementOptions() {\n var me = this;\n var values = helpers$1.extend({}, core_datasetController.prototype._resolveDataElementOptions.apply(me, arguments));\n\n var indexOpts = me._getIndexScale().options;\n\n var valueOpts = me._getValueScale().options;\n\n values.barPercentage = valueOrDefault$3(indexOpts.barPercentage, values.barPercentage);\n values.barThickness = valueOrDefault$3(indexOpts.barThickness, values.barThickness);\n values.categoryPercentage = valueOrDefault$3(indexOpts.categoryPercentage, values.categoryPercentage);\n values.maxBarThickness = valueOrDefault$3(indexOpts.maxBarThickness, values.maxBarThickness);\n values.minBarLength = valueOrDefault$3(valueOpts.minBarLength, values.minBarLength);\n return values;\n }\n });\n var valueOrDefault$4 = helpers$1.valueOrDefault;\n var resolve$1 = helpers$1.options.resolve;\n\n core_defaults._set('bubble', {\n hover: {\n mode: 'single'\n },\n scales: {\n xAxes: [{\n type: 'linear',\n // bubble should probably use a linear scale by default\n position: 'bottom',\n id: 'x-axis-0' // need an ID so datasets can reference the scale\n\n }],\n yAxes: [{\n type: 'linear',\n position: 'left',\n id: 'y-axis-0'\n }]\n },\n tooltips: {\n callbacks: {\n title: function title() {\n // Title doesn't make sense for scatter since we format the data as a point\n return '';\n },\n label: function label(item, data) {\n var datasetLabel = data.datasets[item.datasetIndex].label || '';\n var dataPoint = data.datasets[item.datasetIndex].data[item.index];\n return datasetLabel + ': (' + item.xLabel + ', ' + item.yLabel + ', ' + dataPoint.r + ')';\n }\n }\n }\n });\n\n var controller_bubble = core_datasetController.extend({\n /**\n * @protected\n */\n dataElementType: elements.Point,\n\n /**\n * @private\n */\n _dataElementOptions: ['backgroundColor', 'borderColor', 'borderWidth', 'hoverBackgroundColor', 'hoverBorderColor', 'hoverBorderWidth', 'hoverRadius', 'hitRadius', 'pointStyle', 'rotation'],\n\n /**\n * @protected\n */\n update: function update(reset) {\n var me = this;\n var meta = me.getMeta();\n var points = meta.data; // Update Points\n\n helpers$1.each(points, function (point, index) {\n me.updateElement(point, index, reset);\n });\n },\n\n /**\n * @protected\n */\n updateElement: function updateElement(point, index, reset) {\n var me = this;\n var meta = me.getMeta();\n var custom = point.custom || {};\n var xScale = me.getScaleForId(meta.xAxisID);\n var yScale = me.getScaleForId(meta.yAxisID);\n\n var options = me._resolveDataElementOptions(point, index);\n\n var data = me.getDataset().data[index];\n var dsIndex = me.index;\n var x = reset ? xScale.getPixelForDecimal(0.5) : xScale.getPixelForValue(_typeof(data) === 'object' ? data : NaN, index, dsIndex);\n var y = reset ? yScale.getBasePixel() : yScale.getPixelForValue(data, index, dsIndex);\n point._xScale = xScale;\n point._yScale = yScale;\n point._options = options;\n point._datasetIndex = dsIndex;\n point._index = index;\n point._model = {\n backgroundColor: options.backgroundColor,\n borderColor: options.borderColor,\n borderWidth: options.borderWidth,\n hitRadius: options.hitRadius,\n pointStyle: options.pointStyle,\n rotation: options.rotation,\n radius: reset ? 0 : options.radius,\n skip: custom.skip || isNaN(x) || isNaN(y),\n x: x,\n y: y\n };\n point.pivot();\n },\n\n /**\n * @protected\n */\n setHoverStyle: function setHoverStyle(point) {\n var model = point._model;\n var options = point._options;\n var getHoverColor = helpers$1.getHoverColor;\n point.$previousStyle = {\n backgroundColor: model.backgroundColor,\n borderColor: model.borderColor,\n borderWidth: model.borderWidth,\n radius: model.radius\n };\n model.backgroundColor = valueOrDefault$4(options.hoverBackgroundColor, getHoverColor(options.backgroundColor));\n model.borderColor = valueOrDefault$4(options.hoverBorderColor, getHoverColor(options.borderColor));\n model.borderWidth = valueOrDefault$4(options.hoverBorderWidth, options.borderWidth);\n model.radius = options.radius + options.hoverRadius;\n },\n\n /**\n * @private\n */\n _resolveDataElementOptions: function _resolveDataElementOptions(point, index) {\n var me = this;\n var chart = me.chart;\n var dataset = me.getDataset();\n var custom = point.custom || {};\n var data = dataset.data[index] || {};\n\n var values = core_datasetController.prototype._resolveDataElementOptions.apply(me, arguments); // Scriptable options\n\n\n var context = {\n chart: chart,\n dataIndex: index,\n dataset: dataset,\n datasetIndex: me.index\n }; // In case values were cached (and thus frozen), we need to clone the values\n\n if (me._cachedDataOpts === values) {\n values = helpers$1.extend({}, values);\n } // Custom radius resolution\n\n\n values.radius = resolve$1([custom.radius, data.r, me._config.radius, chart.options.elements.point.radius], context, index);\n return values;\n }\n });\n var valueOrDefault$5 = helpers$1.valueOrDefault;\n var PI$1 = Math.PI;\n var DOUBLE_PI$1 = PI$1 * 2;\n var HALF_PI$1 = PI$1 / 2;\n\n core_defaults._set('doughnut', {\n animation: {\n // Boolean - Whether we animate the rotation of the Doughnut\n animateRotate: true,\n // Boolean - Whether we animate scaling the Doughnut from the centre\n animateScale: false\n },\n hover: {\n mode: 'single'\n },\n legendCallback: function legendCallback(chart) {\n var list = document.createElement('ul');\n var data = chart.data;\n var datasets = data.datasets;\n var labels = data.labels;\n var i, ilen, listItem, listItemSpan;\n list.setAttribute('class', chart.id + '-legend');\n\n if (datasets.length) {\n for (i = 0, ilen = datasets[0].data.length; i < ilen; ++i) {\n listItem = list.appendChild(document.createElement('li'));\n listItemSpan = listItem.appendChild(document.createElement('span'));\n listItemSpan.style.backgroundColor = datasets[0].backgroundColor[i];\n\n if (labels[i]) {\n listItem.appendChild(document.createTextNode(labels[i]));\n }\n }\n }\n\n return list.outerHTML;\n },\n legend: {\n labels: {\n generateLabels: function generateLabels(chart) {\n var data = chart.data;\n\n if (data.labels.length && data.datasets.length) {\n return data.labels.map(function (label, i) {\n var meta = chart.getDatasetMeta(0);\n var style = meta.controller.getStyle(i);\n return {\n text: label,\n fillStyle: style.backgroundColor,\n strokeStyle: style.borderColor,\n lineWidth: style.borderWidth,\n hidden: isNaN(data.datasets[0].data[i]) || meta.data[i].hidden,\n // Extra data used for toggling the correct item\n index: i\n };\n });\n }\n\n return [];\n }\n },\n onClick: function onClick(e, legendItem) {\n var index = legendItem.index;\n var chart = this.chart;\n var i, ilen, meta;\n\n for (i = 0, ilen = (chart.data.datasets || []).length; i < ilen; ++i) {\n meta = chart.getDatasetMeta(i); // toggle visibility of index if exists\n\n if (meta.data[index]) {\n meta.data[index].hidden = !meta.data[index].hidden;\n }\n }\n\n chart.update();\n }\n },\n // The percentage of the chart that we cut out of the middle.\n cutoutPercentage: 50,\n // The rotation of the chart, where the first data arc begins.\n rotation: -HALF_PI$1,\n // The total circumference of the chart.\n circumference: DOUBLE_PI$1,\n // Need to override these to give a nice default\n tooltips: {\n callbacks: {\n title: function title() {\n return '';\n },\n label: function label(tooltipItem, data) {\n var dataLabel = data.labels[tooltipItem.index];\n var value = ': ' + data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index];\n\n if (helpers$1.isArray(dataLabel)) {\n // show value on first line of multiline label\n // need to clone because we are changing the value\n dataLabel = dataLabel.slice();\n dataLabel[0] += value;\n } else {\n dataLabel += value;\n }\n\n return dataLabel;\n }\n }\n }\n });\n\n var controller_doughnut = core_datasetController.extend({\n dataElementType: elements.Arc,\n linkScales: helpers$1.noop,\n\n /**\n * @private\n */\n _dataElementOptions: ['backgroundColor', 'borderColor', 'borderWidth', 'borderAlign', 'hoverBackgroundColor', 'hoverBorderColor', 'hoverBorderWidth'],\n // Get index of the dataset in relation to the visible datasets. This allows determining the inner and outer radius correctly\n getRingIndex: function getRingIndex(datasetIndex) {\n var ringIndex = 0;\n\n for (var j = 0; j < datasetIndex; ++j) {\n if (this.chart.isDatasetVisible(j)) {\n ++ringIndex;\n }\n }\n\n return ringIndex;\n },\n update: function update(reset) {\n var me = this;\n var chart = me.chart;\n var chartArea = chart.chartArea;\n var opts = chart.options;\n var ratioX = 1;\n var ratioY = 1;\n var offsetX = 0;\n var offsetY = 0;\n var meta = me.getMeta();\n var arcs = meta.data;\n var cutout = opts.cutoutPercentage / 100 || 0;\n var circumference = opts.circumference;\n\n var chartWeight = me._getRingWeight(me.index);\n\n var maxWidth, maxHeight, i, ilen; // If the chart's circumference isn't a full circle, calculate size as a ratio of the width/height of the arc\n\n if (circumference < DOUBLE_PI$1) {\n var startAngle = opts.rotation % DOUBLE_PI$1;\n startAngle += startAngle >= PI$1 ? -DOUBLE_PI$1 : startAngle < -PI$1 ? DOUBLE_PI$1 : 0;\n var endAngle = startAngle + circumference;\n var startX = Math.cos(startAngle);\n var startY = Math.sin(startAngle);\n var endX = Math.cos(endAngle);\n var endY = Math.sin(endAngle);\n var contains0 = startAngle <= 0 && endAngle >= 0 || endAngle >= DOUBLE_PI$1;\n var contains90 = startAngle <= HALF_PI$1 && endAngle >= HALF_PI$1 || endAngle >= DOUBLE_PI$1 + HALF_PI$1;\n var contains180 = startAngle === -PI$1 || endAngle >= PI$1;\n var contains270 = startAngle <= -HALF_PI$1 && endAngle >= -HALF_PI$1 || endAngle >= PI$1 + HALF_PI$1;\n var minX = contains180 ? -1 : Math.min(startX, startX * cutout, endX, endX * cutout);\n var minY = contains270 ? -1 : Math.min(startY, startY * cutout, endY, endY * cutout);\n var maxX = contains0 ? 1 : Math.max(startX, startX * cutout, endX, endX * cutout);\n var maxY = contains90 ? 1 : Math.max(startY, startY * cutout, endY, endY * cutout);\n ratioX = (maxX - minX) / 2;\n ratioY = (maxY - minY) / 2;\n offsetX = -(maxX + minX) / 2;\n offsetY = -(maxY + minY) / 2;\n }\n\n for (i = 0, ilen = arcs.length; i < ilen; ++i) {\n arcs[i]._options = me._resolveDataElementOptions(arcs[i], i);\n }\n\n chart.borderWidth = me.getMaxBorderWidth();\n maxWidth = (chartArea.right - chartArea.left - chart.borderWidth) / ratioX;\n maxHeight = (chartArea.bottom - chartArea.top - chart.borderWidth) / ratioY;\n chart.outerRadius = Math.max(Math.min(maxWidth, maxHeight) / 2, 0);\n chart.innerRadius = Math.max(chart.outerRadius * cutout, 0);\n chart.radiusLength = (chart.outerRadius - chart.innerRadius) / (me._getVisibleDatasetWeightTotal() || 1);\n chart.offsetX = offsetX * chart.outerRadius;\n chart.offsetY = offsetY * chart.outerRadius;\n meta.total = me.calculateTotal();\n me.outerRadius = chart.outerRadius - chart.radiusLength * me._getRingWeightOffset(me.index);\n me.innerRadius = Math.max(me.outerRadius - chart.radiusLength * chartWeight, 0);\n\n for (i = 0, ilen = arcs.length; i < ilen; ++i) {\n me.updateElement(arcs[i], i, reset);\n }\n },\n updateElement: function updateElement(arc, index, reset) {\n var me = this;\n var chart = me.chart;\n var chartArea = chart.chartArea;\n var opts = chart.options;\n var animationOpts = opts.animation;\n var centerX = (chartArea.left + chartArea.right) / 2;\n var centerY = (chartArea.top + chartArea.bottom) / 2;\n var startAngle = opts.rotation; // non reset case handled later\n\n var endAngle = opts.rotation; // non reset case handled later\n\n var dataset = me.getDataset();\n var circumference = reset && animationOpts.animateRotate ? 0 : arc.hidden ? 0 : me.calculateCircumference(dataset.data[index]) * (opts.circumference / DOUBLE_PI$1);\n var innerRadius = reset && animationOpts.animateScale ? 0 : me.innerRadius;\n var outerRadius = reset && animationOpts.animateScale ? 0 : me.outerRadius;\n var options = arc._options || {};\n helpers$1.extend(arc, {\n // Utility\n _datasetIndex: me.index,\n _index: index,\n // Desired view properties\n _model: {\n backgroundColor: options.backgroundColor,\n borderColor: options.borderColor,\n borderWidth: options.borderWidth,\n borderAlign: options.borderAlign,\n x: centerX + chart.offsetX,\n y: centerY + chart.offsetY,\n startAngle: startAngle,\n endAngle: endAngle,\n circumference: circumference,\n outerRadius: outerRadius,\n innerRadius: innerRadius,\n label: helpers$1.valueAtIndexOrDefault(dataset.label, index, chart.data.labels[index])\n }\n });\n var model = arc._model; // Set correct angles if not resetting\n\n if (!reset || !animationOpts.animateRotate) {\n if (index === 0) {\n model.startAngle = opts.rotation;\n } else {\n model.startAngle = me.getMeta().data[index - 1]._model.endAngle;\n }\n\n model.endAngle = model.startAngle + model.circumference;\n }\n\n arc.pivot();\n },\n calculateTotal: function calculateTotal() {\n var dataset = this.getDataset();\n var meta = this.getMeta();\n var total = 0;\n var value;\n helpers$1.each(meta.data, function (element, index) {\n value = dataset.data[index];\n\n if (!isNaN(value) && !element.hidden) {\n total += Math.abs(value);\n }\n });\n /* if (total === 0) {\n \ttotal = NaN;\n }*/\n\n return total;\n },\n calculateCircumference: function calculateCircumference(value) {\n var total = this.getMeta().total;\n\n if (total > 0 && !isNaN(value)) {\n return DOUBLE_PI$1 * (Math.abs(value) / total);\n }\n\n return 0;\n },\n // gets the max border or hover width to properly scale pie charts\n getMaxBorderWidth: function getMaxBorderWidth(arcs) {\n var me = this;\n var max = 0;\n var chart = me.chart;\n var i, ilen, meta, arc, controller, options, borderWidth, hoverWidth;\n\n if (!arcs) {\n // Find the outmost visible dataset\n for (i = 0, ilen = chart.data.datasets.length; i < ilen; ++i) {\n if (chart.isDatasetVisible(i)) {\n meta = chart.getDatasetMeta(i);\n arcs = meta.data;\n\n if (i !== me.index) {\n controller = meta.controller;\n }\n\n break;\n }\n }\n }\n\n if (!arcs) {\n return 0;\n }\n\n for (i = 0, ilen = arcs.length; i < ilen; ++i) {\n arc = arcs[i];\n\n if (controller) {\n controller._configure();\n\n options = controller._resolveDataElementOptions(arc, i);\n } else {\n options = arc._options;\n }\n\n if (options.borderAlign !== 'inner') {\n borderWidth = options.borderWidth;\n hoverWidth = options.hoverBorderWidth;\n max = borderWidth > max ? borderWidth : max;\n max = hoverWidth > max ? hoverWidth : max;\n }\n }\n\n return max;\n },\n\n /**\n * @protected\n */\n setHoverStyle: function setHoverStyle(arc) {\n var model = arc._model;\n var options = arc._options;\n var getHoverColor = helpers$1.getHoverColor;\n arc.$previousStyle = {\n backgroundColor: model.backgroundColor,\n borderColor: model.borderColor,\n borderWidth: model.borderWidth\n };\n model.backgroundColor = valueOrDefault$5(options.hoverBackgroundColor, getHoverColor(options.backgroundColor));\n model.borderColor = valueOrDefault$5(options.hoverBorderColor, getHoverColor(options.borderColor));\n model.borderWidth = valueOrDefault$5(options.hoverBorderWidth, options.borderWidth);\n },\n\n /**\n * Get radius length offset of the dataset in relation to the visible datasets weights. This allows determining the inner and outer radius correctly\n * @private\n */\n _getRingWeightOffset: function _getRingWeightOffset(datasetIndex) {\n var ringWeightOffset = 0;\n\n for (var i = 0; i < datasetIndex; ++i) {\n if (this.chart.isDatasetVisible(i)) {\n ringWeightOffset += this._getRingWeight(i);\n }\n }\n\n return ringWeightOffset;\n },\n\n /**\n * @private\n */\n _getRingWeight: function _getRingWeight(dataSetIndex) {\n return Math.max(valueOrDefault$5(this.chart.data.datasets[dataSetIndex].weight, 1), 0);\n },\n\n /**\n * Returns the sum of all visibile data set weights. This value can be 0.\n * @private\n */\n _getVisibleDatasetWeightTotal: function _getVisibleDatasetWeightTotal() {\n return this._getRingWeightOffset(this.chart.data.datasets.length);\n }\n });\n\n core_defaults._set('horizontalBar', {\n hover: {\n mode: 'index',\n axis: 'y'\n },\n scales: {\n xAxes: [{\n type: 'linear',\n position: 'bottom'\n }],\n yAxes: [{\n type: 'category',\n position: 'left',\n offset: true,\n gridLines: {\n offsetGridLines: true\n }\n }]\n },\n elements: {\n rectangle: {\n borderSkipped: 'left'\n }\n },\n tooltips: {\n mode: 'index',\n axis: 'y'\n }\n });\n\n core_defaults._set('global', {\n datasets: {\n horizontalBar: {\n categoryPercentage: 0.8,\n barPercentage: 0.9\n }\n }\n });\n\n var controller_horizontalBar = controller_bar.extend({\n /**\n * @private\n */\n _getValueScaleId: function _getValueScaleId() {\n return this.getMeta().xAxisID;\n },\n\n /**\n * @private\n */\n _getIndexScaleId: function _getIndexScaleId() {\n return this.getMeta().yAxisID;\n }\n });\n var valueOrDefault$6 = helpers$1.valueOrDefault;\n var resolve$2 = helpers$1.options.resolve;\n var isPointInArea = helpers$1.canvas._isPointInArea;\n\n core_defaults._set('line', {\n showLines: true,\n spanGaps: false,\n hover: {\n mode: 'label'\n },\n scales: {\n xAxes: [{\n type: 'category',\n id: 'x-axis-0'\n }],\n yAxes: [{\n type: 'linear',\n id: 'y-axis-0'\n }]\n }\n });\n\n function scaleClip(scale, halfBorderWidth) {\n var tickOpts = scale && scale.options.ticks || {};\n var reverse = tickOpts.reverse;\n var min = tickOpts.min === undefined ? halfBorderWidth : 0;\n var max = tickOpts.max === undefined ? halfBorderWidth : 0;\n return {\n start: reverse ? max : min,\n end: reverse ? min : max\n };\n }\n\n function defaultClip(xScale, yScale, borderWidth) {\n var halfBorderWidth = borderWidth / 2;\n var x = scaleClip(xScale, halfBorderWidth);\n var y = scaleClip(yScale, halfBorderWidth);\n return {\n top: y.end,\n right: x.end,\n bottom: y.start,\n left: x.start\n };\n }\n\n function toClip(value) {\n var t, r, b, l;\n\n if (helpers$1.isObject(value)) {\n t = value.top;\n r = value.right;\n b = value.bottom;\n l = value.left;\n } else {\n t = r = b = l = value;\n }\n\n return {\n top: t,\n right: r,\n bottom: b,\n left: l\n };\n }\n\n var controller_line = core_datasetController.extend({\n datasetElementType: elements.Line,\n dataElementType: elements.Point,\n\n /**\n * @private\n */\n _datasetElementOptions: ['backgroundColor', 'borderCapStyle', 'borderColor', 'borderDash', 'borderDashOffset', 'borderJoinStyle', 'borderWidth', 'cubicInterpolationMode', 'fill'],\n\n /**\n * @private\n */\n _dataElementOptions: {\n backgroundColor: 'pointBackgroundColor',\n borderColor: 'pointBorderColor',\n borderWidth: 'pointBorderWidth',\n hitRadius: 'pointHitRadius',\n hoverBackgroundColor: 'pointHoverBackgroundColor',\n hoverBorderColor: 'pointHoverBorderColor',\n hoverBorderWidth: 'pointHoverBorderWidth',\n hoverRadius: 'pointHoverRadius',\n pointStyle: 'pointStyle',\n radius: 'pointRadius',\n rotation: 'pointRotation'\n },\n update: function update(reset) {\n var me = this;\n var meta = me.getMeta();\n var line = meta.dataset;\n var points = meta.data || [];\n var options = me.chart.options;\n var config = me._config;\n var showLine = me._showLine = valueOrDefault$6(config.showLine, options.showLines);\n var i, ilen;\n me._xScale = me.getScaleForId(meta.xAxisID);\n me._yScale = me.getScaleForId(meta.yAxisID); // Update Line\n\n if (showLine) {\n // Compatibility: If the properties are defined with only the old name, use those values\n if (config.tension !== undefined && config.lineTension === undefined) {\n config.lineTension = config.tension;\n } // Utility\n\n\n line._scale = me._yScale;\n line._datasetIndex = me.index; // Data\n\n line._children = points; // Model\n\n line._model = me._resolveDatasetElementOptions(line);\n line.pivot();\n } // Update Points\n\n\n for (i = 0, ilen = points.length; i < ilen; ++i) {\n me.updateElement(points[i], i, reset);\n }\n\n if (showLine && line._model.tension !== 0) {\n me.updateBezierControlPoints();\n } // Now pivot the point for animation\n\n\n for (i = 0, ilen = points.length; i < ilen; ++i) {\n points[i].pivot();\n }\n },\n updateElement: function updateElement(point, index, reset) {\n var me = this;\n var meta = me.getMeta();\n var custom = point.custom || {};\n var dataset = me.getDataset();\n var datasetIndex = me.index;\n var value = dataset.data[index];\n var xScale = me._xScale;\n var yScale = me._yScale;\n var lineModel = meta.dataset._model;\n var x, y;\n\n var options = me._resolveDataElementOptions(point, index);\n\n x = xScale.getPixelForValue(_typeof(value) === 'object' ? value : NaN, index, datasetIndex);\n y = reset ? yScale.getBasePixel() : me.calculatePointY(value, index, datasetIndex); // Utility\n\n point._xScale = xScale;\n point._yScale = yScale;\n point._options = options;\n point._datasetIndex = datasetIndex;\n point._index = index; // Desired view properties\n\n point._model = {\n x: x,\n y: y,\n skip: custom.skip || isNaN(x) || isNaN(y),\n // Appearance\n radius: options.radius,\n pointStyle: options.pointStyle,\n rotation: options.rotation,\n backgroundColor: options.backgroundColor,\n borderColor: options.borderColor,\n borderWidth: options.borderWidth,\n tension: valueOrDefault$6(custom.tension, lineModel ? lineModel.tension : 0),\n steppedLine: lineModel ? lineModel.steppedLine : false,\n // Tooltip\n hitRadius: options.hitRadius\n };\n },\n\n /**\n * @private\n */\n _resolveDatasetElementOptions: function _resolveDatasetElementOptions(element) {\n var me = this;\n var config = me._config;\n var custom = element.custom || {};\n var options = me.chart.options;\n var lineOptions = options.elements.line;\n\n var values = core_datasetController.prototype._resolveDatasetElementOptions.apply(me, arguments); // The default behavior of lines is to break at null values, according\n // to https://github.com/chartjs/Chart.js/issues/2435#issuecomment-216718158\n // This option gives lines the ability to span gaps\n\n\n values.spanGaps = valueOrDefault$6(config.spanGaps, options.spanGaps);\n values.tension = valueOrDefault$6(config.lineTension, lineOptions.tension);\n values.steppedLine = resolve$2([custom.steppedLine, config.steppedLine, lineOptions.stepped]);\n values.clip = toClip(valueOrDefault$6(config.clip, defaultClip(me._xScale, me._yScale, values.borderWidth)));\n return values;\n },\n calculatePointY: function calculatePointY(value, index, datasetIndex) {\n var me = this;\n var chart = me.chart;\n var yScale = me._yScale;\n var sumPos = 0;\n var sumNeg = 0;\n var i, ds, dsMeta, stackedRightValue, rightValue, metasets, ilen;\n\n if (yScale.options.stacked) {\n rightValue = +yScale.getRightValue(value);\n metasets = chart._getSortedVisibleDatasetMetas();\n ilen = metasets.length;\n\n for (i = 0; i < ilen; ++i) {\n dsMeta = metasets[i];\n\n if (dsMeta.index === datasetIndex) {\n break;\n }\n\n ds = chart.data.datasets[dsMeta.index];\n\n if (dsMeta.type === 'line' && dsMeta.yAxisID === yScale.id) {\n stackedRightValue = +yScale.getRightValue(ds.data[index]);\n\n if (stackedRightValue < 0) {\n sumNeg += stackedRightValue || 0;\n } else {\n sumPos += stackedRightValue || 0;\n }\n }\n }\n\n if (rightValue < 0) {\n return yScale.getPixelForValue(sumNeg + rightValue);\n }\n\n return yScale.getPixelForValue(sumPos + rightValue);\n }\n\n return yScale.getPixelForValue(value);\n },\n updateBezierControlPoints: function updateBezierControlPoints() {\n var me = this;\n var chart = me.chart;\n var meta = me.getMeta();\n var lineModel = meta.dataset._model;\n var area = chart.chartArea;\n var points = meta.data || [];\n var i, ilen, model, controlPoints; // Only consider points that are drawn in case the spanGaps option is used\n\n if (lineModel.spanGaps) {\n points = points.filter(function (pt) {\n return !pt._model.skip;\n });\n }\n\n function capControlPoint(pt, min, max) {\n return Math.max(Math.min(pt, max), min);\n }\n\n if (lineModel.cubicInterpolationMode === 'monotone') {\n helpers$1.splineCurveMonotone(points);\n } else {\n for (i = 0, ilen = points.length; i < ilen; ++i) {\n model = points[i]._model;\n controlPoints = helpers$1.splineCurve(helpers$1.previousItem(points, i)._model, model, helpers$1.nextItem(points, i)._model, lineModel.tension);\n model.controlPointPreviousX = controlPoints.previous.x;\n model.controlPointPreviousY = controlPoints.previous.y;\n model.controlPointNextX = controlPoints.next.x;\n model.controlPointNextY = controlPoints.next.y;\n }\n }\n\n if (chart.options.elements.line.capBezierPoints) {\n for (i = 0, ilen = points.length; i < ilen; ++i) {\n model = points[i]._model;\n\n if (isPointInArea(model, area)) {\n if (i > 0 && isPointInArea(points[i - 1]._model, area)) {\n model.controlPointPreviousX = capControlPoint(model.controlPointPreviousX, area.left, area.right);\n model.controlPointPreviousY = capControlPoint(model.controlPointPreviousY, area.top, area.bottom);\n }\n\n if (i < points.length - 1 && isPointInArea(points[i + 1]._model, area)) {\n model.controlPointNextX = capControlPoint(model.controlPointNextX, area.left, area.right);\n model.controlPointNextY = capControlPoint(model.controlPointNextY, area.top, area.bottom);\n }\n }\n }\n }\n },\n draw: function draw() {\n var me = this;\n var chart = me.chart;\n var meta = me.getMeta();\n var points = meta.data || [];\n var area = chart.chartArea;\n var canvas = chart.canvas;\n var i = 0;\n var ilen = points.length;\n var clip;\n\n if (me._showLine) {\n clip = meta.dataset._model.clip;\n helpers$1.canvas.clipArea(chart.ctx, {\n left: clip.left === false ? 0 : area.left - clip.left,\n right: clip.right === false ? canvas.width : area.right + clip.right,\n top: clip.top === false ? 0 : area.top - clip.top,\n bottom: clip.bottom === false ? canvas.height : area.bottom + clip.bottom\n });\n meta.dataset.draw();\n helpers$1.canvas.unclipArea(chart.ctx);\n } // Draw the points\n\n\n for (; i < ilen; ++i) {\n points[i].draw(area);\n }\n },\n\n /**\n * @protected\n */\n setHoverStyle: function setHoverStyle(point) {\n var model = point._model;\n var options = point._options;\n var getHoverColor = helpers$1.getHoverColor;\n point.$previousStyle = {\n backgroundColor: model.backgroundColor,\n borderColor: model.borderColor,\n borderWidth: model.borderWidth,\n radius: model.radius\n };\n model.backgroundColor = valueOrDefault$6(options.hoverBackgroundColor, getHoverColor(options.backgroundColor));\n model.borderColor = valueOrDefault$6(options.hoverBorderColor, getHoverColor(options.borderColor));\n model.borderWidth = valueOrDefault$6(options.hoverBorderWidth, options.borderWidth);\n model.radius = valueOrDefault$6(options.hoverRadius, options.radius);\n }\n });\n var resolve$3 = helpers$1.options.resolve;\n\n core_defaults._set('polarArea', {\n scale: {\n type: 'radialLinear',\n angleLines: {\n display: false\n },\n gridLines: {\n circular: true\n },\n pointLabels: {\n display: false\n },\n ticks: {\n beginAtZero: true\n }\n },\n // Boolean - Whether to animate the rotation of the chart\n animation: {\n animateRotate: true,\n animateScale: true\n },\n startAngle: -0.5 * Math.PI,\n legendCallback: function legendCallback(chart) {\n var list = document.createElement('ul');\n var data = chart.data;\n var datasets = data.datasets;\n var labels = data.labels;\n var i, ilen, listItem, listItemSpan;\n list.setAttribute('class', chart.id + '-legend');\n\n if (datasets.length) {\n for (i = 0, ilen = datasets[0].data.length; i < ilen; ++i) {\n listItem = list.appendChild(document.createElement('li'));\n listItemSpan = listItem.appendChild(document.createElement('span'));\n listItemSpan.style.backgroundColor = datasets[0].backgroundColor[i];\n\n if (labels[i]) {\n listItem.appendChild(document.createTextNode(labels[i]));\n }\n }\n }\n\n return list.outerHTML;\n },\n legend: {\n labels: {\n generateLabels: function generateLabels(chart) {\n var data = chart.data;\n\n if (data.labels.length && data.datasets.length) {\n return data.labels.map(function (label, i) {\n var meta = chart.getDatasetMeta(0);\n var style = meta.controller.getStyle(i);\n return {\n text: label,\n fillStyle: style.backgroundColor,\n strokeStyle: style.borderColor,\n lineWidth: style.borderWidth,\n hidden: isNaN(data.datasets[0].data[i]) || meta.data[i].hidden,\n // Extra data used for toggling the correct item\n index: i\n };\n });\n }\n\n return [];\n }\n },\n onClick: function onClick(e, legendItem) {\n var index = legendItem.index;\n var chart = this.chart;\n var i, ilen, meta;\n\n for (i = 0, ilen = (chart.data.datasets || []).length; i < ilen; ++i) {\n meta = chart.getDatasetMeta(i);\n meta.data[index].hidden = !meta.data[index].hidden;\n }\n\n chart.update();\n }\n },\n // Need to override these to give a nice default\n tooltips: {\n callbacks: {\n title: function title() {\n return '';\n },\n label: function label(item, data) {\n return data.labels[item.index] + ': ' + item.yLabel;\n }\n }\n }\n });\n\n var controller_polarArea = core_datasetController.extend({\n dataElementType: elements.Arc,\n linkScales: helpers$1.noop,\n\n /**\n * @private\n */\n _dataElementOptions: ['backgroundColor', 'borderColor', 'borderWidth', 'borderAlign', 'hoverBackgroundColor', 'hoverBorderColor', 'hoverBorderWidth'],\n\n /**\n * @private\n */\n _getIndexScaleId: function _getIndexScaleId() {\n return this.chart.scale.id;\n },\n\n /**\n * @private\n */\n _getValueScaleId: function _getValueScaleId() {\n return this.chart.scale.id;\n },\n update: function update(reset) {\n var me = this;\n var dataset = me.getDataset();\n var meta = me.getMeta();\n var start = me.chart.options.startAngle || 0;\n var starts = me._starts = [];\n var angles = me._angles = [];\n var arcs = meta.data;\n var i, ilen, angle;\n\n me._updateRadius();\n\n meta.count = me.countVisibleElements();\n\n for (i = 0, ilen = dataset.data.length; i < ilen; i++) {\n starts[i] = start;\n angle = me._computeAngle(i);\n angles[i] = angle;\n start += angle;\n }\n\n for (i = 0, ilen = arcs.length; i < ilen; ++i) {\n arcs[i]._options = me._resolveDataElementOptions(arcs[i], i);\n me.updateElement(arcs[i], i, reset);\n }\n },\n\n /**\n * @private\n */\n _updateRadius: function _updateRadius() {\n var me = this;\n var chart = me.chart;\n var chartArea = chart.chartArea;\n var opts = chart.options;\n var minSize = Math.min(chartArea.right - chartArea.left, chartArea.bottom - chartArea.top);\n chart.outerRadius = Math.max(minSize / 2, 0);\n chart.innerRadius = Math.max(opts.cutoutPercentage ? chart.outerRadius / 100 * opts.cutoutPercentage : 1, 0);\n chart.radiusLength = (chart.outerRadius - chart.innerRadius) / chart.getVisibleDatasetCount();\n me.outerRadius = chart.outerRadius - chart.radiusLength * me.index;\n me.innerRadius = me.outerRadius - chart.radiusLength;\n },\n updateElement: function updateElement(arc, index, reset) {\n var me = this;\n var chart = me.chart;\n var dataset = me.getDataset();\n var opts = chart.options;\n var animationOpts = opts.animation;\n var scale = chart.scale;\n var labels = chart.data.labels;\n var centerX = scale.xCenter;\n var centerY = scale.yCenter; // var negHalfPI = -0.5 * Math.PI;\n\n var datasetStartAngle = opts.startAngle;\n var distance = arc.hidden ? 0 : scale.getDistanceFromCenterForValue(dataset.data[index]);\n var startAngle = me._starts[index];\n var endAngle = startAngle + (arc.hidden ? 0 : me._angles[index]);\n var resetRadius = animationOpts.animateScale ? 0 : scale.getDistanceFromCenterForValue(dataset.data[index]);\n var options = arc._options || {};\n helpers$1.extend(arc, {\n // Utility\n _datasetIndex: me.index,\n _index: index,\n _scale: scale,\n // Desired view properties\n _model: {\n backgroundColor: options.backgroundColor,\n borderColor: options.borderColor,\n borderWidth: options.borderWidth,\n borderAlign: options.borderAlign,\n x: centerX,\n y: centerY,\n innerRadius: 0,\n outerRadius: reset ? resetRadius : distance,\n startAngle: reset && animationOpts.animateRotate ? datasetStartAngle : startAngle,\n endAngle: reset && animationOpts.animateRotate ? datasetStartAngle : endAngle,\n label: helpers$1.valueAtIndexOrDefault(labels, index, labels[index])\n }\n });\n arc.pivot();\n },\n countVisibleElements: function countVisibleElements() {\n var dataset = this.getDataset();\n var meta = this.getMeta();\n var count = 0;\n helpers$1.each(meta.data, function (element, index) {\n if (!isNaN(dataset.data[index]) && !element.hidden) {\n count++;\n }\n });\n return count;\n },\n\n /**\n * @protected\n */\n setHoverStyle: function setHoverStyle(arc) {\n var model = arc._model;\n var options = arc._options;\n var getHoverColor = helpers$1.getHoverColor;\n var valueOrDefault = helpers$1.valueOrDefault;\n arc.$previousStyle = {\n backgroundColor: model.backgroundColor,\n borderColor: model.borderColor,\n borderWidth: model.borderWidth\n };\n model.backgroundColor = valueOrDefault(options.hoverBackgroundColor, getHoverColor(options.backgroundColor));\n model.borderColor = valueOrDefault(options.hoverBorderColor, getHoverColor(options.borderColor));\n model.borderWidth = valueOrDefault(options.hoverBorderWidth, options.borderWidth);\n },\n\n /**\n * @private\n */\n _computeAngle: function _computeAngle(index) {\n var me = this;\n var count = this.getMeta().count;\n var dataset = me.getDataset();\n var meta = me.getMeta();\n\n if (isNaN(dataset.data[index]) || meta.data[index].hidden) {\n return 0;\n } // Scriptable options\n\n\n var context = {\n chart: me.chart,\n dataIndex: index,\n dataset: dataset,\n datasetIndex: me.index\n };\n return resolve$3([me.chart.options.elements.arc.angle, 2 * Math.PI / count], context, index);\n }\n });\n\n core_defaults._set('pie', helpers$1.clone(core_defaults.doughnut));\n\n core_defaults._set('pie', {\n cutoutPercentage: 0\n }); // Pie charts are Doughnut chart with different defaults\n\n\n var controller_pie = controller_doughnut;\n var valueOrDefault$7 = helpers$1.valueOrDefault;\n\n core_defaults._set('radar', {\n spanGaps: false,\n scale: {\n type: 'radialLinear'\n },\n elements: {\n line: {\n fill: 'start',\n tension: 0 // no bezier in radar\n\n }\n }\n });\n\n var controller_radar = core_datasetController.extend({\n datasetElementType: elements.Line,\n dataElementType: elements.Point,\n linkScales: helpers$1.noop,\n\n /**\n * @private\n */\n _datasetElementOptions: ['backgroundColor', 'borderWidth', 'borderColor', 'borderCapStyle', 'borderDash', 'borderDashOffset', 'borderJoinStyle', 'fill'],\n\n /**\n * @private\n */\n _dataElementOptions: {\n backgroundColor: 'pointBackgroundColor',\n borderColor: 'pointBorderColor',\n borderWidth: 'pointBorderWidth',\n hitRadius: 'pointHitRadius',\n hoverBackgroundColor: 'pointHoverBackgroundColor',\n hoverBorderColor: 'pointHoverBorderColor',\n hoverBorderWidth: 'pointHoverBorderWidth',\n hoverRadius: 'pointHoverRadius',\n pointStyle: 'pointStyle',\n radius: 'pointRadius',\n rotation: 'pointRotation'\n },\n\n /**\n * @private\n */\n _getIndexScaleId: function _getIndexScaleId() {\n return this.chart.scale.id;\n },\n\n /**\n * @private\n */\n _getValueScaleId: function _getValueScaleId() {\n return this.chart.scale.id;\n },\n update: function update(reset) {\n var me = this;\n var meta = me.getMeta();\n var line = meta.dataset;\n var points = meta.data || [];\n var scale = me.chart.scale;\n var config = me._config;\n var i, ilen; // Compatibility: If the properties are defined with only the old name, use those values\n\n if (config.tension !== undefined && config.lineTension === undefined) {\n config.lineTension = config.tension;\n } // Utility\n\n\n line._scale = scale;\n line._datasetIndex = me.index; // Data\n\n line._children = points;\n line._loop = true; // Model\n\n line._model = me._resolveDatasetElementOptions(line);\n line.pivot(); // Update Points\n\n for (i = 0, ilen = points.length; i < ilen; ++i) {\n me.updateElement(points[i], i, reset);\n } // Update bezier control points\n\n\n me.updateBezierControlPoints(); // Now pivot the point for animation\n\n for (i = 0, ilen = points.length; i < ilen; ++i) {\n points[i].pivot();\n }\n },\n updateElement: function updateElement(point, index, reset) {\n var me = this;\n var custom = point.custom || {};\n var dataset = me.getDataset();\n var scale = me.chart.scale;\n var pointPosition = scale.getPointPositionForValue(index, dataset.data[index]);\n\n var options = me._resolveDataElementOptions(point, index);\n\n var lineModel = me.getMeta().dataset._model;\n\n var x = reset ? scale.xCenter : pointPosition.x;\n var y = reset ? scale.yCenter : pointPosition.y; // Utility\n\n point._scale = scale;\n point._options = options;\n point._datasetIndex = me.index;\n point._index = index; // Desired view properties\n\n point._model = {\n x: x,\n // value not used in dataset scale, but we want a consistent API between scales\n y: y,\n skip: custom.skip || isNaN(x) || isNaN(y),\n // Appearance\n radius: options.radius,\n pointStyle: options.pointStyle,\n rotation: options.rotation,\n backgroundColor: options.backgroundColor,\n borderColor: options.borderColor,\n borderWidth: options.borderWidth,\n tension: valueOrDefault$7(custom.tension, lineModel ? lineModel.tension : 0),\n // Tooltip\n hitRadius: options.hitRadius\n };\n },\n\n /**\n * @private\n */\n _resolveDatasetElementOptions: function _resolveDatasetElementOptions() {\n var me = this;\n var config = me._config;\n var options = me.chart.options;\n\n var values = core_datasetController.prototype._resolveDatasetElementOptions.apply(me, arguments);\n\n values.spanGaps = valueOrDefault$7(config.spanGaps, options.spanGaps);\n values.tension = valueOrDefault$7(config.lineTension, options.elements.line.tension);\n return values;\n },\n updateBezierControlPoints: function updateBezierControlPoints() {\n var me = this;\n var meta = me.getMeta();\n var area = me.chart.chartArea;\n var points = meta.data || [];\n var i, ilen, model, controlPoints; // Only consider points that are drawn in case the spanGaps option is used\n\n if (meta.dataset._model.spanGaps) {\n points = points.filter(function (pt) {\n return !pt._model.skip;\n });\n }\n\n function capControlPoint(pt, min, max) {\n return Math.max(Math.min(pt, max), min);\n }\n\n for (i = 0, ilen = points.length; i < ilen; ++i) {\n model = points[i]._model;\n controlPoints = helpers$1.splineCurve(helpers$1.previousItem(points, i, true)._model, model, helpers$1.nextItem(points, i, true)._model, model.tension); // Prevent the bezier going outside of the bounds of the graph\n\n model.controlPointPreviousX = capControlPoint(controlPoints.previous.x, area.left, area.right);\n model.controlPointPreviousY = capControlPoint(controlPoints.previous.y, area.top, area.bottom);\n model.controlPointNextX = capControlPoint(controlPoints.next.x, area.left, area.right);\n model.controlPointNextY = capControlPoint(controlPoints.next.y, area.top, area.bottom);\n }\n },\n setHoverStyle: function setHoverStyle(point) {\n var model = point._model;\n var options = point._options;\n var getHoverColor = helpers$1.getHoverColor;\n point.$previousStyle = {\n backgroundColor: model.backgroundColor,\n borderColor: model.borderColor,\n borderWidth: model.borderWidth,\n radius: model.radius\n };\n model.backgroundColor = valueOrDefault$7(options.hoverBackgroundColor, getHoverColor(options.backgroundColor));\n model.borderColor = valueOrDefault$7(options.hoverBorderColor, getHoverColor(options.borderColor));\n model.borderWidth = valueOrDefault$7(options.hoverBorderWidth, options.borderWidth);\n model.radius = valueOrDefault$7(options.hoverRadius, options.radius);\n }\n });\n\n core_defaults._set('scatter', {\n hover: {\n mode: 'single'\n },\n scales: {\n xAxes: [{\n id: 'x-axis-1',\n // need an ID so datasets can reference the scale\n type: 'linear',\n // scatter should not use a category axis\n position: 'bottom'\n }],\n yAxes: [{\n id: 'y-axis-1',\n type: 'linear',\n position: 'left'\n }]\n },\n tooltips: {\n callbacks: {\n title: function title() {\n return ''; // doesn't make sense for scatter since data are formatted as a point\n },\n label: function label(item) {\n return '(' + item.xLabel + ', ' + item.yLabel + ')';\n }\n }\n }\n });\n\n core_defaults._set('global', {\n datasets: {\n scatter: {\n showLine: false\n }\n }\n }); // Scatter charts use line controllers\n\n\n var controller_scatter = controller_line; // NOTE export a map in which the key represents the controller type, not\n // the class, and so must be CamelCase in order to be correctly retrieved\n // by the controller in core.controller.js (`controllers[meta.type]`).\n\n var controllers = {\n bar: controller_bar,\n bubble: controller_bubble,\n doughnut: controller_doughnut,\n horizontalBar: controller_horizontalBar,\n line: controller_line,\n polarArea: controller_polarArea,\n pie: controller_pie,\n radar: controller_radar,\n scatter: controller_scatter\n };\n /**\n * Helper function to get relative position for an event\n * @param {Event|IEvent} event - The event to get the position for\n * @param {Chart} chart - The chart\n * @returns {object} the event position\n */\n\n function getRelativePosition(e, chart) {\n if (e[\"native\"]) {\n return {\n x: e.x,\n y: e.y\n };\n }\n\n return helpers$1.getRelativePosition(e, chart);\n }\n /**\n * Helper function to traverse all of the visible elements in the chart\n * @param {Chart} chart - the chart\n * @param {function} handler - the callback to execute for each visible item\n */\n\n\n function parseVisibleItems(chart, handler) {\n var metasets = chart._getSortedVisibleDatasetMetas();\n\n var metadata, i, j, ilen, jlen, element;\n\n for (i = 0, ilen = metasets.length; i < ilen; ++i) {\n metadata = metasets[i].data;\n\n for (j = 0, jlen = metadata.length; j < jlen; ++j) {\n element = metadata[j];\n\n if (!element._view.skip) {\n handler(element);\n }\n }\n }\n }\n /**\n * Helper function to get the items that intersect the event position\n * @param {ChartElement[]} items - elements to filter\n * @param {object} position - the point to be nearest to\n * @return {ChartElement[]} the nearest items\n */\n\n\n function getIntersectItems(chart, position) {\n var elements = [];\n parseVisibleItems(chart, function (element) {\n if (element.inRange(position.x, position.y)) {\n elements.push(element);\n }\n });\n return elements;\n }\n /**\n * Helper function to get the items nearest to the event position considering all visible items in teh chart\n * @param {Chart} chart - the chart to look at elements from\n * @param {object} position - the point to be nearest to\n * @param {boolean} intersect - if true, only consider items that intersect the position\n * @param {function} distanceMetric - function to provide the distance between points\n * @return {ChartElement[]} the nearest items\n */\n\n\n function getNearestItems(chart, position, intersect, distanceMetric) {\n var minDistance = Number.POSITIVE_INFINITY;\n var nearestItems = [];\n parseVisibleItems(chart, function (element) {\n if (intersect && !element.inRange(position.x, position.y)) {\n return;\n }\n\n var center = element.getCenterPoint();\n var distance = distanceMetric(position, center);\n\n if (distance < minDistance) {\n nearestItems = [element];\n minDistance = distance;\n } else if (distance === minDistance) {\n // Can have multiple items at the same distance in which case we sort by size\n nearestItems.push(element);\n }\n });\n return nearestItems;\n }\n /**\n * Get a distance metric function for two points based on the\n * axis mode setting\n * @param {string} axis - the axis mode. x|y|xy\n */\n\n\n function getDistanceMetricForAxis(axis) {\n var useX = axis.indexOf('x') !== -1;\n var useY = axis.indexOf('y') !== -1;\n return function (pt1, pt2) {\n var deltaX = useX ? Math.abs(pt1.x - pt2.x) : 0;\n var deltaY = useY ? Math.abs(pt1.y - pt2.y) : 0;\n return Math.sqrt(Math.pow(deltaX, 2) + Math.pow(deltaY, 2));\n };\n }\n\n function indexMode(chart, e, options) {\n var position = getRelativePosition(e, chart); // Default axis for index mode is 'x' to match old behaviour\n\n options.axis = options.axis || 'x';\n var distanceMetric = getDistanceMetricForAxis(options.axis);\n var items = options.intersect ? getIntersectItems(chart, position) : getNearestItems(chart, position, false, distanceMetric);\n var elements = [];\n\n if (!items.length) {\n return [];\n }\n\n chart._getSortedVisibleDatasetMetas().forEach(function (meta) {\n var element = meta.data[items[0]._index]; // don't count items that are skipped (null data)\n\n if (element && !element._view.skip) {\n elements.push(element);\n }\n });\n\n return elements;\n }\n /**\n * @interface IInteractionOptions\n */\n\n /**\n * If true, only consider items that intersect the point\n * @name IInterfaceOptions#boolean\n * @type Boolean\n */\n\n /**\n * Contains interaction related functions\n * @namespace Chart.Interaction\n */\n\n\n var core_interaction = {\n // Helper function for different modes\n modes: {\n single: function single(chart, e) {\n var position = getRelativePosition(e, chart);\n var elements = [];\n parseVisibleItems(chart, function (element) {\n if (element.inRange(position.x, position.y)) {\n elements.push(element);\n return elements;\n }\n });\n return elements.slice(0, 1);\n },\n\n /**\n * @function Chart.Interaction.modes.label\n * @deprecated since version 2.4.0\n * @todo remove at version 3\n * @private\n */\n label: indexMode,\n\n /**\n * Returns items at the same index. If the options.intersect parameter is true, we only return items if we intersect something\n * If the options.intersect mode is false, we find the nearest item and return the items at the same index as that item\n * @function Chart.Interaction.modes.index\n * @since v2.4.0\n * @param {Chart} chart - the chart we are returning items from\n * @param {Event} e - the event we are find things at\n * @param {IInteractionOptions} options - options to use during interaction\n * @return {Chart.Element[]} Array of elements that are under the point. If none are found, an empty array is returned\n */\n index: indexMode,\n\n /**\n * Returns items in the same dataset. If the options.intersect parameter is true, we only return items if we intersect something\n * If the options.intersect is false, we find the nearest item and return the items in that dataset\n * @function Chart.Interaction.modes.dataset\n * @param {Chart} chart - the chart we are returning items from\n * @param {Event} e - the event we are find things at\n * @param {IInteractionOptions} options - options to use during interaction\n * @return {Chart.Element[]} Array of elements that are under the point. If none are found, an empty array is returned\n */\n dataset: function dataset(chart, e, options) {\n var position = getRelativePosition(e, chart);\n options.axis = options.axis || 'xy';\n var distanceMetric = getDistanceMetricForAxis(options.axis);\n var items = options.intersect ? getIntersectItems(chart, position) : getNearestItems(chart, position, false, distanceMetric);\n\n if (items.length > 0) {\n items = chart.getDatasetMeta(items[0]._datasetIndex).data;\n }\n\n return items;\n },\n\n /**\n * @function Chart.Interaction.modes.x-axis\n * @deprecated since version 2.4.0. Use index mode and intersect == true\n * @todo remove at version 3\n * @private\n */\n 'x-axis': function xAxis(chart, e) {\n return indexMode(chart, e, {\n intersect: false\n });\n },\n\n /**\n * Point mode returns all elements that hit test based on the event position\n * of the event\n * @function Chart.Interaction.modes.intersect\n * @param {Chart} chart - the chart we are returning items from\n * @param {Event} e - the event we are find things at\n * @return {Chart.Element[]} Array of elements that are under the point. If none are found, an empty array is returned\n */\n point: function point(chart, e) {\n var position = getRelativePosition(e, chart);\n return getIntersectItems(chart, position);\n },\n\n /**\n * nearest mode returns the element closest to the point\n * @function Chart.Interaction.modes.intersect\n * @param {Chart} chart - the chart we are returning items from\n * @param {Event} e - the event we are find things at\n * @param {IInteractionOptions} options - options to use\n * @return {Chart.Element[]} Array of elements that are under the point. If none are found, an empty array is returned\n */\n nearest: function nearest(chart, e, options) {\n var position = getRelativePosition(e, chart);\n options.axis = options.axis || 'xy';\n var distanceMetric = getDistanceMetricForAxis(options.axis);\n return getNearestItems(chart, position, options.intersect, distanceMetric);\n },\n\n /**\n * x mode returns the elements that hit-test at the current x coordinate\n * @function Chart.Interaction.modes.x\n * @param {Chart} chart - the chart we are returning items from\n * @param {Event} e - the event we are find things at\n * @param {IInteractionOptions} options - options to use\n * @return {Chart.Element[]} Array of elements that are under the point. If none are found, an empty array is returned\n */\n x: function x(chart, e, options) {\n var position = getRelativePosition(e, chart);\n var items = [];\n var intersectsItem = false;\n parseVisibleItems(chart, function (element) {\n if (element.inXRange(position.x)) {\n items.push(element);\n }\n\n if (element.inRange(position.x, position.y)) {\n intersectsItem = true;\n }\n }); // If we want to trigger on an intersect and we don't have any items\n // that intersect the position, return nothing\n\n if (options.intersect && !intersectsItem) {\n items = [];\n }\n\n return items;\n },\n\n /**\n * y mode returns the elements that hit-test at the current y coordinate\n * @function Chart.Interaction.modes.y\n * @param {Chart} chart - the chart we are returning items from\n * @param {Event} e - the event we are find things at\n * @param {IInteractionOptions} options - options to use\n * @return {Chart.Element[]} Array of elements that are under the point. If none are found, an empty array is returned\n */\n y: function y(chart, e, options) {\n var position = getRelativePosition(e, chart);\n var items = [];\n var intersectsItem = false;\n parseVisibleItems(chart, function (element) {\n if (element.inYRange(position.y)) {\n items.push(element);\n }\n\n if (element.inRange(position.x, position.y)) {\n intersectsItem = true;\n }\n }); // If we want to trigger on an intersect and we don't have any items\n // that intersect the position, return nothing\n\n if (options.intersect && !intersectsItem) {\n items = [];\n }\n\n return items;\n }\n }\n };\n var extend = helpers$1.extend;\n\n function filterByPosition(array, position) {\n return helpers$1.where(array, function (v) {\n return v.pos === position;\n });\n }\n\n function sortByWeight(array, reverse) {\n return array.sort(function (a, b) {\n var v0 = reverse ? b : a;\n var v1 = reverse ? a : b;\n return v0.weight === v1.weight ? v0.index - v1.index : v0.weight - v1.weight;\n });\n }\n\n function wrapBoxes(boxes) {\n var layoutBoxes = [];\n var i, ilen, box;\n\n for (i = 0, ilen = (boxes || []).length; i < ilen; ++i) {\n box = boxes[i];\n layoutBoxes.push({\n index: i,\n box: box,\n pos: box.position,\n horizontal: box.isHorizontal(),\n weight: box.weight\n });\n }\n\n return layoutBoxes;\n }\n\n function setLayoutDims(layouts, params) {\n var i, ilen, layout;\n\n for (i = 0, ilen = layouts.length; i < ilen; ++i) {\n layout = layouts[i]; // store width used instead of chartArea.w in fitBoxes\n\n layout.width = layout.horizontal ? layout.box.fullWidth && params.availableWidth : params.vBoxMaxWidth; // store height used instead of chartArea.h in fitBoxes\n\n layout.height = layout.horizontal && params.hBoxMaxHeight;\n }\n }\n\n function buildLayoutBoxes(boxes) {\n var layoutBoxes = wrapBoxes(boxes);\n var left = sortByWeight(filterByPosition(layoutBoxes, 'left'), true);\n var right = sortByWeight(filterByPosition(layoutBoxes, 'right'));\n var top = sortByWeight(filterByPosition(layoutBoxes, 'top'), true);\n var bottom = sortByWeight(filterByPosition(layoutBoxes, 'bottom'));\n return {\n leftAndTop: left.concat(top),\n rightAndBottom: right.concat(bottom),\n chartArea: filterByPosition(layoutBoxes, 'chartArea'),\n vertical: left.concat(right),\n horizontal: top.concat(bottom)\n };\n }\n\n function getCombinedMax(maxPadding, chartArea, a, b) {\n return Math.max(maxPadding[a], chartArea[a]) + Math.max(maxPadding[b], chartArea[b]);\n }\n\n function updateDims(chartArea, params, layout) {\n var box = layout.box;\n var maxPadding = chartArea.maxPadding;\n var newWidth, newHeight;\n\n if (layout.size) {\n // this layout was already counted for, lets first reduce old size\n chartArea[layout.pos] -= layout.size;\n }\n\n layout.size = layout.horizontal ? box.height : box.width;\n chartArea[layout.pos] += layout.size;\n\n if (box.getPadding) {\n var boxPadding = box.getPadding();\n maxPadding.top = Math.max(maxPadding.top, boxPadding.top);\n maxPadding.left = Math.max(maxPadding.left, boxPadding.left);\n maxPadding.bottom = Math.max(maxPadding.bottom, boxPadding.bottom);\n maxPadding.right = Math.max(maxPadding.right, boxPadding.right);\n }\n\n newWidth = params.outerWidth - getCombinedMax(maxPadding, chartArea, 'left', 'right');\n newHeight = params.outerHeight - getCombinedMax(maxPadding, chartArea, 'top', 'bottom');\n\n if (newWidth !== chartArea.w || newHeight !== chartArea.h) {\n chartArea.w = newWidth;\n chartArea.h = newHeight; // return true if chart area changed in layout's direction\n\n return layout.horizontal ? newWidth !== chartArea.w : newHeight !== chartArea.h;\n }\n }\n\n function handleMaxPadding(chartArea) {\n var maxPadding = chartArea.maxPadding;\n\n function updatePos(pos) {\n var change = Math.max(maxPadding[pos] - chartArea[pos], 0);\n chartArea[pos] += change;\n return change;\n }\n\n chartArea.y += updatePos('top');\n chartArea.x += updatePos('left');\n updatePos('right');\n updatePos('bottom');\n }\n\n function getMargins(horizontal, chartArea) {\n var maxPadding = chartArea.maxPadding;\n\n function marginForPositions(positions) {\n var margin = {\n left: 0,\n top: 0,\n right: 0,\n bottom: 0\n };\n positions.forEach(function (pos) {\n margin[pos] = Math.max(chartArea[pos], maxPadding[pos]);\n });\n return margin;\n }\n\n return horizontal ? marginForPositions(['left', 'right']) : marginForPositions(['top', 'bottom']);\n }\n\n function fitBoxes(boxes, chartArea, params) {\n var refitBoxes = [];\n var i, ilen, layout, box, refit, changed;\n\n for (i = 0, ilen = boxes.length; i < ilen; ++i) {\n layout = boxes[i];\n box = layout.box;\n box.update(layout.width || chartArea.w, layout.height || chartArea.h, getMargins(layout.horizontal, chartArea));\n\n if (updateDims(chartArea, params, layout)) {\n changed = true;\n\n if (refitBoxes.length) {\n // Dimensions changed and there were non full width boxes before this\n // -> we have to refit those\n refit = true;\n }\n }\n\n if (!box.fullWidth) {\n // fullWidth boxes don't need to be re-fitted in any case\n refitBoxes.push(layout);\n }\n }\n\n return refit ? fitBoxes(refitBoxes, chartArea, params) || changed : changed;\n }\n\n function placeBoxes(boxes, chartArea, params) {\n var userPadding = params.padding;\n var x = chartArea.x;\n var y = chartArea.y;\n var i, ilen, layout, box;\n\n for (i = 0, ilen = boxes.length; i < ilen; ++i) {\n layout = boxes[i];\n box = layout.box;\n\n if (layout.horizontal) {\n box.left = box.fullWidth ? userPadding.left : chartArea.left;\n box.right = box.fullWidth ? params.outerWidth - userPadding.right : chartArea.left + chartArea.w;\n box.top = y;\n box.bottom = y + box.height;\n box.width = box.right - box.left;\n y = box.bottom;\n } else {\n box.left = x;\n box.right = x + box.width;\n box.top = chartArea.top;\n box.bottom = chartArea.top + chartArea.h;\n box.height = box.bottom - box.top;\n x = box.right;\n }\n }\n\n chartArea.x = x;\n chartArea.y = y;\n }\n\n core_defaults._set('global', {\n layout: {\n padding: {\n top: 0,\n right: 0,\n bottom: 0,\n left: 0\n }\n }\n });\n /**\n * @interface ILayoutItem\n * @prop {string} position - The position of the item in the chart layout. Possible values are\n * 'left', 'top', 'right', 'bottom', and 'chartArea'\n * @prop {number} weight - The weight used to sort the item. Higher weights are further away from the chart area\n * @prop {boolean} fullWidth - if true, and the item is horizontal, then push vertical boxes down\n * @prop {function} isHorizontal - returns true if the layout item is horizontal (ie. top or bottom)\n * @prop {function} update - Takes two parameters: width and height. Returns size of item\n * @prop {function} getPadding - Returns an object with padding on the edges\n * @prop {number} width - Width of item. Must be valid after update()\n * @prop {number} height - Height of item. Must be valid after update()\n * @prop {number} left - Left edge of the item. Set by layout system and cannot be used in update\n * @prop {number} top - Top edge of the item. Set by layout system and cannot be used in update\n * @prop {number} right - Right edge of the item. Set by layout system and cannot be used in update\n * @prop {number} bottom - Bottom edge of the item. Set by layout system and cannot be used in update\n */\n // The layout service is very self explanatory. It's responsible for the layout within a chart.\n // Scales, Legends and Plugins all rely on the layout service and can easily register to be placed anywhere they need\n // It is this service's responsibility of carrying out that layout.\n\n\n var core_layouts = {\n defaults: {},\n\n /**\n * Register a box to a chart.\n * A box is simply a reference to an object that requires layout. eg. Scales, Legend, Title.\n * @param {Chart} chart - the chart to use\n * @param {ILayoutItem} item - the item to add to be layed out\n */\n addBox: function addBox(chart, item) {\n if (!chart.boxes) {\n chart.boxes = [];\n } // initialize item with default values\n\n\n item.fullWidth = item.fullWidth || false;\n item.position = item.position || 'top';\n item.weight = item.weight || 0;\n\n item._layers = item._layers || function () {\n return [{\n z: 0,\n draw: function draw() {\n item.draw.apply(item, arguments);\n }\n }];\n };\n\n chart.boxes.push(item);\n },\n\n /**\n * Remove a layoutItem from a chart\n * @param {Chart} chart - the chart to remove the box from\n * @param {ILayoutItem} layoutItem - the item to remove from the layout\n */\n removeBox: function removeBox(chart, layoutItem) {\n var index = chart.boxes ? chart.boxes.indexOf(layoutItem) : -1;\n\n if (index !== -1) {\n chart.boxes.splice(index, 1);\n }\n },\n\n /**\n * Sets (or updates) options on the given `item`.\n * @param {Chart} chart - the chart in which the item lives (or will be added to)\n * @param {ILayoutItem} item - the item to configure with the given options\n * @param {object} options - the new item options.\n */\n configure: function configure(chart, item, options) {\n var props = ['fullWidth', 'position', 'weight'];\n var ilen = props.length;\n var i = 0;\n var prop;\n\n for (; i < ilen; ++i) {\n prop = props[i];\n\n if (options.hasOwnProperty(prop)) {\n item[prop] = options[prop];\n }\n }\n },\n\n /**\n * Fits boxes of the given chart into the given size by having each box measure itself\n * then running a fitting algorithm\n * @param {Chart} chart - the chart\n * @param {number} width - the width to fit into\n * @param {number} height - the height to fit into\n */\n update: function update(chart, width, height) {\n if (!chart) {\n return;\n }\n\n var layoutOptions = chart.options.layout || {};\n var padding = helpers$1.options.toPadding(layoutOptions.padding);\n var availableWidth = width - padding.width;\n var availableHeight = height - padding.height;\n var boxes = buildLayoutBoxes(chart.boxes);\n var verticalBoxes = boxes.vertical;\n var horizontalBoxes = boxes.horizontal; // Essentially we now have any number of boxes on each of the 4 sides.\n // Our canvas looks like the following.\n // The areas L1 and L2 are the left axes. R1 is the right axis, T1 is the top axis and\n // B1 is the bottom axis\n // There are also 4 quadrant-like locations (left to right instead of clockwise) reserved for chart overlays\n // These locations are single-box locations only, when trying to register a chartArea location that is already taken,\n // an error will be thrown.\n //\n // |----------------------------------------------------|\n // | T1 (Full Width) |\n // |----------------------------------------------------|\n // | | | T2 | |\n // | |----|-------------------------------------|----|\n // | | | C1 | | C2 | |\n // | | |----| |----| |\n // | | | | |\n // | L1 | L2 | ChartArea (C0) | R1 |\n // | | | | |\n // | | |----| |----| |\n // | | | C3 | | C4 | |\n // | |----|-------------------------------------|----|\n // | | | B1 | |\n // |----------------------------------------------------|\n // | B2 (Full Width) |\n // |----------------------------------------------------|\n //\n\n var params = Object.freeze({\n outerWidth: width,\n outerHeight: height,\n padding: padding,\n availableWidth: availableWidth,\n vBoxMaxWidth: availableWidth / 2 / verticalBoxes.length,\n hBoxMaxHeight: availableHeight / 2\n });\n var chartArea = extend({\n maxPadding: extend({}, padding),\n w: availableWidth,\n h: availableHeight,\n x: padding.left,\n y: padding.top\n }, padding);\n setLayoutDims(verticalBoxes.concat(horizontalBoxes), params); // First fit vertical boxes\n\n fitBoxes(verticalBoxes, chartArea, params); // Then fit horizontal boxes\n\n if (fitBoxes(horizontalBoxes, chartArea, params)) {\n // if the area changed, re-fit vertical boxes\n fitBoxes(verticalBoxes, chartArea, params);\n }\n\n handleMaxPadding(chartArea); // Finally place the boxes to correct coordinates\n\n placeBoxes(boxes.leftAndTop, chartArea, params); // Move to opposite side of chart\n\n chartArea.x += chartArea.w;\n chartArea.y += chartArea.h;\n placeBoxes(boxes.rightAndBottom, chartArea, params);\n chart.chartArea = {\n left: chartArea.left,\n top: chartArea.top,\n right: chartArea.left + chartArea.w,\n bottom: chartArea.top + chartArea.h\n }; // Finally update boxes in chartArea (radial scale for example)\n\n helpers$1.each(boxes.chartArea, function (layout) {\n var box = layout.box;\n extend(box, chart.chartArea);\n box.update(chartArea.w, chartArea.h);\n });\n }\n };\n /**\n * Platform fallback implementation (minimal).\n * @see https://github.com/chartjs/Chart.js/pull/4591#issuecomment-319575939\n */\n\n var platform_basic = {\n acquireContext: function acquireContext(item) {\n if (item && item.canvas) {\n // Support for any object associated to a canvas (including a context2d)\n item = item.canvas;\n }\n\n return item && item.getContext('2d') || null;\n }\n };\n var platform_dom = \"/*\\n * DOM element rendering detection\\n * https://davidwalsh.name/detect-node-insertion\\n */\\n@keyframes chartjs-render-animation {\\n\\tfrom { opacity: 0.99; }\\n\\tto { opacity: 1; }\\n}\\n\\n.chartjs-render-monitor {\\n\\tanimation: chartjs-render-animation 0.001s;\\n}\\n\\n/*\\n * DOM element resizing detection\\n * https://github.com/marcj/css-element-queries\\n */\\n.chartjs-size-monitor,\\n.chartjs-size-monitor-expand,\\n.chartjs-size-monitor-shrink {\\n\\tposition: absolute;\\n\\tdirection: ltr;\\n\\tleft: 0;\\n\\ttop: 0;\\n\\tright: 0;\\n\\tbottom: 0;\\n\\toverflow: hidden;\\n\\tpointer-events: none;\\n\\tvisibility: hidden;\\n\\tz-index: -1;\\n}\\n\\n.chartjs-size-monitor-expand > div {\\n\\tposition: absolute;\\n\\twidth: 1000000px;\\n\\theight: 1000000px;\\n\\tleft: 0;\\n\\ttop: 0;\\n}\\n\\n.chartjs-size-monitor-shrink > div {\\n\\tposition: absolute;\\n\\twidth: 200%;\\n\\theight: 200%;\\n\\tleft: 0;\\n\\ttop: 0;\\n}\\n\";\n var platform_dom$1 =\n /*#__PURE__*/\n Object.freeze({\n __proto__: null,\n 'default': platform_dom\n });\n var stylesheet = getCjsExportFromNamespace(platform_dom$1);\n var EXPANDO_KEY = '$chartjs';\n var CSS_PREFIX = 'chartjs-';\n var CSS_SIZE_MONITOR = CSS_PREFIX + 'size-monitor';\n var CSS_RENDER_MONITOR = CSS_PREFIX + 'render-monitor';\n var CSS_RENDER_ANIMATION = CSS_PREFIX + 'render-animation';\n var ANIMATION_START_EVENTS = ['animationstart', 'webkitAnimationStart'];\n /**\n * DOM event types -> Chart.js event types.\n * Note: only events with different types are mapped.\n * @see https://developer.mozilla.org/en-US/docs/Web/Events\n */\n\n var EVENT_TYPES = {\n touchstart: 'mousedown',\n touchmove: 'mousemove',\n touchend: 'mouseup',\n pointerenter: 'mouseenter',\n pointerdown: 'mousedown',\n pointermove: 'mousemove',\n pointerup: 'mouseup',\n pointerleave: 'mouseout',\n pointerout: 'mouseout'\n };\n /**\n * The \"used\" size is the final value of a dimension property after all calculations have\n * been performed. This method uses the computed style of `element` but returns undefined\n * if the computed style is not expressed in pixels. That can happen in some cases where\n * `element` has a size relative to its parent and this last one is not yet displayed,\n * for example because of `display: none` on a parent node.\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/used_value\n * @returns {number} Size in pixels or undefined if unknown.\n */\n\n function readUsedSize(element, property) {\n var value = helpers$1.getStyle(element, property);\n var matches = value && value.match(/^(\\d+)(\\.\\d+)?px$/);\n return matches ? Number(matches[1]) : undefined;\n }\n /**\n * Initializes the canvas style and render size without modifying the canvas display size,\n * since responsiveness is handled by the controller.resize() method. The config is used\n * to determine the aspect ratio to apply in case no explicit height has been specified.\n */\n\n\n function initCanvas(canvas, config) {\n var style = canvas.style; // NOTE(SB) canvas.getAttribute('width') !== canvas.width: in the first case it\n // returns null or '' if no explicit value has been set to the canvas attribute.\n\n var renderHeight = canvas.getAttribute('height');\n var renderWidth = canvas.getAttribute('width'); // Chart.js modifies some canvas values that we want to restore on destroy\n\n canvas[EXPANDO_KEY] = {\n initial: {\n height: renderHeight,\n width: renderWidth,\n style: {\n display: style.display,\n height: style.height,\n width: style.width\n }\n }\n }; // Force canvas to display as block to avoid extra space caused by inline\n // elements, which would interfere with the responsive resize process.\n // https://github.com/chartjs/Chart.js/issues/2538\n\n style.display = style.display || 'block';\n\n if (renderWidth === null || renderWidth === '') {\n var displayWidth = readUsedSize(canvas, 'width');\n\n if (displayWidth !== undefined) {\n canvas.width = displayWidth;\n }\n }\n\n if (renderHeight === null || renderHeight === '') {\n if (canvas.style.height === '') {\n // If no explicit render height and style height, let's apply the aspect ratio,\n // which one can be specified by the user but also by charts as default option\n // (i.e. options.aspectRatio). If not specified, use canvas aspect ratio of 2.\n canvas.height = canvas.width / (config.options.aspectRatio || 2);\n } else {\n var displayHeight = readUsedSize(canvas, 'height');\n\n if (displayWidth !== undefined) {\n canvas.height = displayHeight;\n }\n }\n }\n\n return canvas;\n }\n /**\n * Detects support for options object argument in addEventListener.\n * https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#Safely_detecting_option_support\n * @private\n */\n\n\n var supportsEventListenerOptions = function () {\n var supports = false;\n\n try {\n var options = Object.defineProperty({}, 'passive', {\n // eslint-disable-next-line getter-return\n get: function get() {\n supports = true;\n }\n });\n window.addEventListener('e', null, options);\n } catch (e) {// continue regardless of error\n }\n\n return supports;\n }(); // Default passive to true as expected by Chrome for 'touchstart' and 'touchend' events.\n // https://github.com/chartjs/Chart.js/issues/4287\n\n\n var eventListenerOptions = supportsEventListenerOptions ? {\n passive: true\n } : false;\n\n function addListener(node, type, listener) {\n node.addEventListener(type, listener, eventListenerOptions);\n }\n\n function removeListener(node, type, listener) {\n node.removeEventListener(type, listener, eventListenerOptions);\n }\n\n function createEvent(type, chart, x, y, nativeEvent) {\n return {\n type: type,\n chart: chart,\n \"native\": nativeEvent || null,\n x: x !== undefined ? x : null,\n y: y !== undefined ? y : null\n };\n }\n\n function fromNativeEvent(event, chart) {\n var type = EVENT_TYPES[event.type] || event.type;\n var pos = helpers$1.getRelativePosition(event, chart);\n return createEvent(type, chart, pos.x, pos.y, event);\n }\n\n function throttled(fn, thisArg) {\n var ticking = false;\n var args = [];\n return function () {\n args = Array.prototype.slice.call(arguments);\n thisArg = thisArg || this;\n\n if (!ticking) {\n ticking = true;\n helpers$1.requestAnimFrame.call(window, function () {\n ticking = false;\n fn.apply(thisArg, args);\n });\n }\n };\n }\n\n function createDiv(cls) {\n var el = document.createElement('div');\n el.className = cls || '';\n return el;\n } // Implementation based on https://github.com/marcj/css-element-queries\n\n\n function createResizer(handler) {\n var maxSize = 1000000; // NOTE(SB) Don't use innerHTML because it could be considered unsafe.\n // https://github.com/chartjs/Chart.js/issues/5902\n\n var resizer = createDiv(CSS_SIZE_MONITOR);\n var expand = createDiv(CSS_SIZE_MONITOR + '-expand');\n var shrink = createDiv(CSS_SIZE_MONITOR + '-shrink');\n expand.appendChild(createDiv());\n shrink.appendChild(createDiv());\n resizer.appendChild(expand);\n resizer.appendChild(shrink);\n\n resizer._reset = function () {\n expand.scrollLeft = maxSize;\n expand.scrollTop = maxSize;\n shrink.scrollLeft = maxSize;\n shrink.scrollTop = maxSize;\n };\n\n var onScroll = function onScroll() {\n resizer._reset();\n\n handler();\n };\n\n addListener(expand, 'scroll', onScroll.bind(expand, 'expand'));\n addListener(shrink, 'scroll', onScroll.bind(shrink, 'shrink'));\n return resizer;\n } // https://davidwalsh.name/detect-node-insertion\n\n\n function watchForRender(node, handler) {\n var expando = node[EXPANDO_KEY] || (node[EXPANDO_KEY] = {});\n\n var proxy = expando.renderProxy = function (e) {\n if (e.animationName === CSS_RENDER_ANIMATION) {\n handler();\n }\n };\n\n helpers$1.each(ANIMATION_START_EVENTS, function (type) {\n addListener(node, type, proxy);\n }); // #4737: Chrome might skip the CSS animation when the CSS_RENDER_MONITOR class\n // is removed then added back immediately (same animation frame?). Accessing the\n // `offsetParent` property will force a reflow and re-evaluate the CSS animation.\n // https://gist.github.com/paulirish/5d52fb081b3570c81e3a#box-metrics\n // https://github.com/chartjs/Chart.js/issues/4737\n\n expando.reflow = !!node.offsetParent;\n node.classList.add(CSS_RENDER_MONITOR);\n }\n\n function unwatchForRender(node) {\n var expando = node[EXPANDO_KEY] || {};\n var proxy = expando.renderProxy;\n\n if (proxy) {\n helpers$1.each(ANIMATION_START_EVENTS, function (type) {\n removeListener(node, type, proxy);\n });\n delete expando.renderProxy;\n }\n\n node.classList.remove(CSS_RENDER_MONITOR);\n }\n\n function addResizeListener(node, listener, chart) {\n var expando = node[EXPANDO_KEY] || (node[EXPANDO_KEY] = {}); // Let's keep track of this added resizer and thus avoid DOM query when removing it.\n\n var resizer = expando.resizer = createResizer(throttled(function () {\n if (expando.resizer) {\n var container = chart.options.maintainAspectRatio && node.parentNode;\n var w = container ? container.clientWidth : 0;\n listener(createEvent('resize', chart));\n\n if (container && container.clientWidth < w && chart.canvas) {\n // If the container size shrank during chart resize, let's assume\n // scrollbar appeared. So we resize again with the scrollbar visible -\n // effectively making chart smaller and the scrollbar hidden again.\n // Because we are inside `throttled`, and currently `ticking`, scroll\n // events are ignored during this whole 2 resize process.\n // If we assumed wrong and something else happened, we are resizing\n // twice in a frame (potential performance issue)\n listener(createEvent('resize', chart));\n }\n }\n })); // The resizer needs to be attached to the node parent, so we first need to be\n // sure that `node` is attached to the DOM before injecting the resizer element.\n\n watchForRender(node, function () {\n if (expando.resizer) {\n var container = node.parentNode;\n\n if (container && container !== resizer.parentNode) {\n container.insertBefore(resizer, container.firstChild);\n } // The container size might have changed, let's reset the resizer state.\n\n\n resizer._reset();\n }\n });\n }\n\n function removeResizeListener(node) {\n var expando = node[EXPANDO_KEY] || {};\n var resizer = expando.resizer;\n delete expando.resizer;\n unwatchForRender(node);\n\n if (resizer && resizer.parentNode) {\n resizer.parentNode.removeChild(resizer);\n }\n }\n /**\n * Injects CSS styles inline if the styles are not already present.\n * @param {HTMLDocument|ShadowRoot} rootNode - the node to contain the