2e:null 2f:["$","title",null,{"children":"Helpful Functions | Komal | Observable"}] 34: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 } 35: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", }}])36:[] 32:{"id":"0f6eb27832de14c8","slug":"helpful-functions","title":"Helpful Functions","thumbnail":"44f22542c3c9f565b34d0bda0ac4e44bdf57c4d41f42bea6aec662c9ee5e6072","access_level":"public","create_time":"$D2018-02-01T22:31:24.228Z","update_time":"$D2018-04-13T03:27:14.994Z","view_time":null,"first_public_time":"$D2018-02-01T22:33:38.186Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"38d67a089fe1f9ce","login":"komalali","name":"Komal","avatar_url":"https://avatars-next.observableusercontent.com/ee865fa0151952831ff053771593ffcb197ed38ba6e9de427a4ccdfd524606de","tier":"starter_2024"},"version":248,"publish_version":248,"role":null,"authored":false,"authors":[{"type":"individual","id":"cb7756b71608abd0","login":"komalali","name":"Komal","avatar_url":"https://avatars-next.observableusercontent.com/ee865fa0151952831ff053771593ffcb197ed38ba6e9de427a4ccdfd524606de","tier":null}],"members":[{"type":"individual","id":"cb7756b71608abd0","login":"komalali","name":"Komal","avatar_url":"https://avatars-next.observableusercontent.com/ee865fa0151952831ff053771593ffcb197ed38ba6e9de427a4ccdfd524606de","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Helpful Functions","cells":[{"id":0,"value":"md`# Helpful Functions`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":68,"value":"function generateSelectTemplateWithName(input, name) {\n let templateString = `'\n return templateString\n} ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"function generateSelectTemplate(input) {\n let templateString = ''\n return templateString\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"function generateSelectTemplateWithGroups(object) {\n let templateString = ''\n return templateString\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"function generateSelectTemplateWithoutValues(variables) {\n let templateString = ''\n return templateString\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"function concatString (string, chunk) {\n return `${string}${chunk}`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":243,"value":"md`## Table HTML`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":78,"value":"md`## Select Inputs`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":80,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"_ = require('lodash')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"md`## Color Scale Options`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W36","stdlib":"1","titling":"auto"}} 33:"$32:body"