2e:null 2f:["$","title",null,{"children":"Test: Import views / reference variables in imports | David Eads | Observable"}] 34:[] 32:{"id":"1cfecead532dd02b","slug":"test-import-views-reference-variables-in-imports","title":"Test: Import views / reference variables in imports","thumbnail":"54839f09e5752c129167977289c482790bd802a1769d8c9afc9c8ddbeb0a73a8","access_level":"public","create_time":"$D2020-02-15T17:02:09.070Z","update_time":"$D2020-02-15T17:45:35.373Z","view_time":null,"first_public_time":"$D2020-02-15T17:50:33.805Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"9663adceb2af1acb","login":"eads","name":"David Eads","avatar_url":"https://avatars-next.observableusercontent.com/ed73f86cbd46170a17e3bb2a06a1939ef04e5dc379b856148b769d7ac41ab78b","tier":"starter_2024"},"version":76,"publish_version":76,"role":null,"authored":false,"authors":[{"type":"individual","id":"69810cd3cf4bf30c","login":"eads","name":"David Eads","avatar_url":"https://avatars-next.observableusercontent.com/ed73f86cbd46170a17e3bb2a06a1939ef04e5dc379b856148b769d7ac41ab78b","tier":null}],"members":[{"type":"individual","id":"69810cd3cf4bf30c","login":"eads","name":"David Eads","avatar_url":"https://avatars-next.observableusercontent.com/ed73f86cbd46170a17e3bb2a06a1939ef04e5dc379b856148b769d7ac41ab78b","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"708e6296b1aee1bf","slug":"disappearances-notes-background-experiments","title":"Editorial workflow experiments","owner":{"id":"9663adceb2af1acb","login":"eads","name":"David Eads"}},"type":"notebook","body":{"title":"Test: Import views / reference variables in imports","cells":[{"id":0,"value":"md`# Test: Import views / reference variables in imports\n\nI want to see if we can collect some importable UI elements and reference them elsewhere.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"md`## Form \n\nUse @mbostock's form input helper to make a big state object.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"filterStateForm = form(html``)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":40,"value":"md `## Render the form state`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"viewof filterState = filterStateForm","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"selectedDatasetTable = html`\n ${datasets.map(d => html`\n \n \n `)}\n

${d.toUpperCase()}

${(d === filterState.dataset) ? \"🔵\" : \"⚪\"}

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":72,"value":"md`## Imports + constants`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"datasets = [\"agency 1\", \"agency 2\", \"agency 3\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"import {form} from \"@mbostock/form-input\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 33:"$32:body"