2b:null 2c:["$","title",null,{"children":"Cas9 | Guillaume Levrier | Observable"}] 31:T8dd,function input(config) { let { form, type = "text", attributes = {}, action, getValue, title, description, format, display, submit, options } = config; const wrapper = html`

`; if (!form) form = html``; Object.keys(attributes).forEach(key => { const val = attributes[key]; if (val != null) form.input.setAttribute(key, val); }); if (submit) form.append( html`` ); form.append( html`` ); if (title) form.prepend( html`

${title}

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

${description}

` ); if (format) format = typeof format === "function" ? format : d3format.format(format); if (action) { action(form); } else { const verb = submit ? "onsubmit" : type == "button" ? "onclick" : type == "checkbox" || type == "radio" ? "onchange" : "oninput"; form[verb] = e => { e && e.preventDefault(); const value = getValue ? getValue(form.input) : form.input.value; if (form.output) { const out = display ? display(value) : format ? format(value) : value; if (out instanceof window.Element) { while (form.output.hasChildNodes()) { form.output.removeChild(form.output.lastChild); } form.output.append(out); } else { form.output.value = out; } } form.value = value; if (verb !== "oninput") form.dispatchEvent(new CustomEvent("input", { bubbles: true })); }; if (verb !== "oninput") wrapper.oninput = e => e && e.stopPropagation() && e.preventDefault(); if (verb !== "onsubmit") form.onsubmit = e => e && e.preventDefault(); form[verb](); } while (form.childNodes.length) { wrapper.appendChild(form.childNodes[0]); } form.append(wrapper); return form; }32:[] 2f:{"id":"c50ac8c3b08ed995","slug":"cas9","title":"Cas9","thumbnail":"0894101e62338b80648879a04e2c84378918f1c3e7504673ec0cd1591bdb5cb5","access_level":"public","create_time":"$D2020-02-06T19:06:33.047Z","update_time":"$D2020-04-24T21:56:19.489Z","view_time":null,"first_public_time":"$D2020-02-11T02:28:15.341Z","fork":{"id":"94830678170313cd","slug":"cas9-using-ngl","title":"Cas9 using NGL","owner":{"id":"f8fed3350d7fafa7","login":"guillaume-levrier","name":"Guillaume Levrier"}},"stars":0,"starred":false,"owner":{"type":"team","id":"f8fed3350d7fafa7","login":"guillaume-levrier","name":"Guillaume Levrier","avatar_url":"https://avatars-next.observableusercontent.com/2be061bfee3823f826a256fd3e56e2190b4dd63025be50e98b11f0a82d53c8ff","tier":"starter_2024"},"version":215,"publish_version":215,"role":null,"authored":false,"authors":[{"type":"individual","id":"93dac6f26e397809","login":"guillaume-levrier","name":"Guillaume Levrier","avatar_url":"https://avatars-next.observableusercontent.com/2be061bfee3823f826a256fd3e56e2190b4dd63025be50e98b11f0a82d53c8ff","tier":null}],"members":[{"type":"individual","id":"93dac6f26e397809","login":"guillaume-levrier","name":"Guillaume Levrier","avatar_url":"https://avatars-next.observableusercontent.com/2be061bfee3823f826a256fd3e56e2190b4dd63025be50e98b11f0a82d53c8ff","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Cas9","cells":[{"id":159,"value":"md`# Cas9`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":164,"value":"viewof moleculeCode = text({placeholder: \"5F9R\", description: \"Change PDB code above\",value:\"5F9R\",submit:\"Load\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":14,"value":"viewport = DOM.element(\"div\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":17,"value":"viewport.id=\"viewport\";","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":189,"value":"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":21,"value":"viewport.style.height=\"400px\";","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":47,"value":"stage.setSpin(true);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":8,"value":"stage.loadFile(\"rcsb://\"+moleculeCode).then(d=>{\n d.addRepresentation(\"spacefill\",{color: \"moleculetype\"})\n stage.autoView();\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6,"value":"stage = new NGL.Stage( \"viewport\" ,{ backgroundColor: \"white\" });","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2,"value":"NGL = require(\"https://cdn.rawgit.com/arose/ngl/v2.0.0-dev.37/dist/ngl.js\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":197,"value":"addLegend(viewport,\"Source: PDB 5F9R - Cas9\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":194,"value":"function addLegend(div,legendText){\n let legend=DOM.element(\"div\")\n legend.innerText=legendText;\n legend.style=\"font-family:sans-serif;position:absolute;z-index:20;bottom:0;background-color:white;padding:5px;border:1px solid #141414\";\n div.append(legend)\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":166,"value":"function text(config = {}) {\n const {\n value,\n title,\n description,\n autocomplete = \"off\",\n maxlength,\n minlength,\n pattern,\n placeholder,\n size,\n submit\n } = typeof config === \"string\" ? {value: config} : config;\n const form = input({\n type: \"text\",\n title,\n description,\n submit,\n attributes: {\n value,\n autocomplete,\n maxlength,\n minlength,\n pattern,\n placeholder,\n size\n }\n });\n form.output.remove();\n form.input.style.fontSize = \"1em\";\n return form;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":170,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":172,"value":"d3 = require(\"d3\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":176,"value":"d3format=d3","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"