30:T44b,function Select(config) { let { description, id, label, title, options } = config; let optionString = ''; options.forEach(option => { if (option.type === 'optgroup') { optionString += ` `; Object.entries(option.values).forEach(([key, value]) => { optionString += ` `;}) optionString += '' } else if (option.type === 'option') { const optionTemplate = ``; optionString = `${optionString} ${optionTemplate}`; } }); const form = html` `; form.value = {}; if (title) form.prepend(html`

${title}

`); if (description) form.append(html`

${description}

`); form.value[id] = form[id].value; form[id].onchange = () => form.value[id] = form[id].value; return form } 31:T491,colorOptions = ([{ type: "optgroup", label: "Diverging", values: { "Brown/Blue/Green": "schemeBrBG", "Purple/Red/Green": "schemePRGn", "Pink/Yellow/Green": "schemePiYG", "Purple/Orange": "schemePuOr", "Red/Blue": "schemeRdBu", "Red/Grey": "schemeRdGy", "Red/Yellow/Blue": "schemeRdYlBu", "Red/Yellow/Green": "schemeRdYlGn", "Spectral": "schemeSpectral", }}, { type: "optgroup", label: "Single-Hue Sequential", values: { "Blues": "schemeBlues", "Greens": "schemeGreens", "Greys": "schemeGreys", "Oranges": "schemeOranges", "Purples": "schemePurples", "Reds": "schemeReds", }}, { type: "optgroup", label: "Multi-Hue Sequential", values: { "Blue/Green": "schemeBuGn", "Blue/Purple": "schemeBuPu", "Green/Blue": "schemeGnBu", "Orange/Red": "schemeOrRd", "Purple/Blue/Green": "schemePuBuGn", "Purple/Blue": "schemePuBu", "Purple/Red": "schemePuRd", "Red/Purple": "schemeRdPu", "Yellow/Green/Blue": "schemeYlGnBu", "Yellow/Green": "schemeYlGn", "Yellow/Orange/Brown": "schemeYlOrBr", "Yellow/Orange/Red": "schemeYlOrRd", }}])32:[] 2e:{"title":"Helpful Functions","cells":[{"id":0,"value":"md`# Helpful Functions`","pinned":false,"hidden":false,"mode":"ojs"},{"id":68,"value":"function generateSelectTemplateWithName(input, name) {\n let templateString = `'\n return templateString\n} ","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"function generateSelectTemplate(input) {\n let templateString = ''\n return templateString\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":49,"value":"function generateSelectTemplateWithGroups(object) {\n let templateString = ''\n return templateString\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"function generateSelectTemplateWithoutValues(variables) {\n let templateString = ''\n return templateString\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"function concatString (string, chunk) {\n return `${string}${chunk}`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":180,"value":"function generateSelectGroupString(selectGroupOptions) {\n let filterHtmlString = '';\n Object.entries(selectGroupOptions).forEach(([key, value]) => {\n filterHtmlString = `${filterHtmlString}\n

\n ${key}:\n ${generateSelectTemplateWithName(selectGroupOptions[key], key)}\n

`;\n })\n return ``;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":243,"value":"md`## Table HTML`","pinned":false,"hidden":false,"mode":"ojs"},{"id":246,"value":"function generateTableHTML(dataArray, columnNames, limit = 10) {\n const columnHTML = _.reduce(_.map(columnNames, key => `${key}`), concatString, '')\n const rowString = [];\n const rowHTML = _.reduce(_.map(dataArray, (row, index) => {\n const rowData = _.reduce(_.map(columnNames, key => `${row[key]}`), concatString, '');\n if (index < limit) {\n return `${rowString}${rowData}`;\n } else {\n return rowString;\n }\n }), concatString, '');\n \n const htmlString = `\n\n\n${columnHTML}\n\n${rowHTML}\n

`;\n return html`${htmlString}`\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":78,"value":"md`## Select Inputs`","pinned":false,"hidden":false,"mode":"ojs"},{"id":80,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":179,"value":"function SelectGroup(config) {\n let {\n description,\n inputs,\n title,\n } = config;\n \n const form = html`${generateSelectGroupString(inputs)}`;\n form.value = {};\n \n Object.keys(inputs).forEach(input => {\n form.value[input] = form[input].value;\n form[input].onchange = () => form.value[input] = form[input].value;\n });\n \n if (title) form.prepend(html`

${title}

`);\n if (description) form.append(html`

${description}

`);\n \n return form\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"_ = require('lodash')","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"function getPrimaryKey(datum, idVariables) {\n return _.reduce(idVariables, function(primaryKey, id) {\n return primaryKey + datum[id];\n }, '')\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":43,"value":"md`## Color Scale Options`","pinned":false,"hidden":false,"mode":"ojs"},{"id":45,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}