2b:null 2c:["$","title",null,{"children":"Form Functions | Mathematica | Observable"}] 31:T5b3,function makeSelectorItem(config, group) { const styles = { group: 'display: inline-flex; flex-direction: column; padding: 6px 0;', block: 'vertical-align: top; display: inline-block; width: 270px; padding: 6px 16px 6px 0; margin-bottom: 8px;', title: 'display: block; font: 700 0.9rem sans-serif;', instructions: 'display: block; font-size: 0.85rem; font-style: italic;' }; const makeSelectorHtml = item => html`

${ item.title } ${ item.instructions } ${ item.type === 'single' ? makeSingleDropdown(item, group) : item.type === 'multi' ? makeMultiDropdown(item, group) : item.type === 'toggle' ? makeCheckboxToggle(item, group) : item.type === 'color' ? makeColorSelect(item, group) : console.log('oops, weird selector obj') }

`; if (Array.isArray(config)) { return html`

${config.map(item => makeSelectorHtml(item))}

`; } else { return makeSelectorHtml(config); } }32:[] 2f:{"id":"b7e1347d863e6241","slug":"form-functions","title":"Form Functions","thumbnail":"d9d4ac52fcaf8f9a301686b8b09e545447a5cc859823e21be3357e5fe1464adc","access_level":"public","create_time":"$D2020-09-03T23:29:56.911Z","update_time":"$D2020-09-04T03:55:33.876Z","view_time":null,"first_public_time":"$D2020-09-03T23:35:44.604Z","fork":false,"stars":2,"starred":false,"owner":{"type":"team","id":"751d093900e99649","login":"mathematica","name":"Mathematica","avatar_url":"https://avatars-next.observableusercontent.com/e267be864f6d52cba12a3a1c2898e564177d6542d7c4a921e56b973a112eddcf","tier":"starter_2024"},"version":47,"publish_version":47,"role":null,"authored":false,"authors":[{"type":"individual","id":"06c9c56537cc9419","login":"stephanietuerk","name":"Stephanie Tuerk","avatar_url":"https://avatars-next.observableusercontent.com/fd20d414d35cafe26a79b8e6c7b5a1c053320c918647f47ffdd64ff133c2e2ce","tier":null}],"members":[{"type":"individual","id":"06c9c56537cc9419","login":"stephanietuerk","name":"Stephanie Tuerk","avatar_url":"https://avatars-next.observableusercontent.com/fd20d414d35cafe26a79b8e6c7b5a1c053320c918647f47ffdd64ff133c2e2ce","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"Form Functions","cells":[{"id":0,"value":"md`# Form Functions\nThis are a suite of functions that can be used to make blocks selectors in a single form using a simple config object. The intention is to import *makeSelectorGroup* into other notebooks.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"function makeSelectorGroup(selection) {\n const newForm = html``;\n const observeForm = form(newForm);\n return observeForm;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"function makeSingleDropdown(selectorObj, groupName) {\n return html`\n `;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"function makeMultiDropdown(selectorObj, groupName) {\n return html`\n `;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"function makeCheckboxToggle(selectorObj, groupName) {\n const styles = 'transform: scale(1.3, 1.3);';\n const isOn = selectorObj.selected;\n const isDisabled = selectorObj.disabled;\n const status = isDisabled ? 'disabled' : isOn ? 'checked' : '';\n return html``;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"function makeColorSelect(selectorObj, groupName) {\n const isDisabled = selectorObj.disabled;\n return html`\n \n `;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"import { form, formValue } from \"@mbostock/form-input\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"