${assay.description}
${dateStart}–${dateEnd}
${assays[i].displayName}
`\n );\n }\n _legend.innerHTML = itemList.join('');\n };\n\n return legend;\n}\n","import { select } from './d3';\nimport stackedArea from './stackedArea';\nimport tooltip from './tooltip';\nimport legend from './legend';\n\nexport default function detectionRateChart() {\n let assays = [];\n let detections = [];\n let selectedDetections = [];\n let stackedAreaChart = stackedArea();\n let chartTooltip = tooltip();\n let chartLegend = legend();\n let initialized = false;\n const CHART_TYPES = {\n AREA: 'area',\n LINE: 'line',\n };\n\n function chart() {}\n\n function getLegendAssays(detectionList) {\n let names = [];\n let legendAssays = [];\n let l = detectionList.length;\n\n for (let i = 0; i < l; i++) {\n if (names[detectionList[i].assayName]) continue;\n names[detectionList[i].assayName] = true;\n legendAssays.push(assays.find((a) => a.assayName === detectionList[i].assayName));\n }\n return legendAssays;\n }\n\n function filter(action, assay) {\n let newList = selectedDetections;\n\n let childAssays = [];\n if (assay.isGroup) {\n childAssays = assays\n .filter((a) => a.assayGroup === assay.assayName && !a.isGroup)\n .map((c) => c.assayName);\n //Remove any children\n newList = newList.filter((d) => !childAssays.includes(d.assayName));\n }\n\n if (action === 'add') {\n const assayDetections = detections.filter((d) => {\n if (assay.isGroup) {\n return childAssays.includes(d.assayName);\n } else {\n return d.assayName === assay.assayName;\n }\n });\n\n return newList.concat(assayDetections);\n }\n\n return newList.filter((d) => d.assayName !== assay.assayName);\n }\n\n chart.getAllowedTypes = function () {\n return CHART_TYPES;\n };\n\n chart.setChartType = function (chartType) {\n switch (chartType) {\n case CHART_TYPES.AREA:\n stackedAreaChart.changeType(chartType);\n break;\n case CHART_TYPES.LINE:\n stackedAreaChart.changeType(chartType);\n break;\n default:\n throw new Error('Invalid chart type.');\n }\n };\n\n chart.filter = function (data) {\n if (!data) {\n selectedDetections = [];\n const allGroups = detections.filter((d) => d.isGroup);\n stackedAreaChart.update(allGroups);\n chartLegend.render(assays.filter((d) => d.isGroup));\n } else {\n const assay = assays.find((a) => a.assayName === data.assayName);\n\n selectedDetections = filter(data.action, assay);\n\n if (selectedDetections.length > 0) {\n stackedAreaChart.update(selectedDetections);\n\n chartLegend.render(getLegendAssays(selectedDetections));\n } else {\n const allGroups = detections.filter((d) => d.isGroup);\n stackedAreaChart.update(allGroups);\n chartLegend.render(getLegendAssays(allGroups));\n }\n }\n };\n\n chart.initialize = function (_assays, _detections) {\n assays = _assays;\n detections = _detections;\n selectedDetections = [];\n\n const allGroups = _detections.filter((d) => d.isGroup);\n\n chartLegend();\n chartLegend.render(assays.filter((d) => d.isGroup));\n\n if (initialized) {\n stackedAreaChart.update(allGroups, assays);\n } else {\n stackedAreaChart\n .on('chartMouseOver', chartTooltip.show)\n .on('chartMouseOut', chartTooltip.hide)\n .on('chartMouseMove', chartTooltip.update);\n select('#dataviz').datum({ detections: allGroups, assays: assays }).call(stackedAreaChart);\n\n select('#dataviz').datum([]).call(chartTooltip);\n\n initialized = true;\n }\n };\n\n return chart;\n}\n","let subscribers = {};\n\nconst publish = function (event, data) {\n if (!subscribers[event]) return;\n\n subscribers[event].forEach((subscriberCallback) => subscriberCallback(data));\n};\n\nconst subscribe = function (event, callback) {\n if (!subscribers[event]) {\n subscribers[event] = [];\n }\n\n subscribers[event].push(callback);\n};\n\nexport { publish, subscribe };\n","import { publish } from './pubsub';\n\nexport default function pathogenMenu() {\n let _assays = [];\n let menuElement = {};\n let resetElement = {};\n let descriptionElement = {};\n\n function menu() {}\n\n function toggleSelection(element, isGroup) {\n const action = element.classList.contains('active') ? 'remove' : 'add';\n element.classList.toggle('active');\n\n if (isGroup) {\n const children = element.querySelectorAll('.pathogen');\n if (action === 'remove') {\n children.forEach((c) => c.classList.remove('active'));\n } else {\n children.forEach((c) => c.classList.add('active'));\n }\n }\n\n return action;\n }\n\n function showDescription(assay) {\n const content = document.querySelector('#description-overlay .content');\n content.innerHTML = `${assay.description}