30:T217f,// https://cdn.jsdelivr.net/npm/choices.js/public/assets/styles/choices.min.css with a couple of tweaks html``31:[] 2e:{"title":"Hello, Choices!","cells":[{"id":0,"value":"md`# Hello, Choices!\n\nA quick demo of [Choices.js](https://github.com/jshjohnson/Choices)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":296,"value":"viewof selection = {\n // create a multi select element and add it to the DOM\n const select = html``\n document.body.appendChild(select)\n // initialise choices\n new Choices(select, {\n removeItemButton: true,\n choices: options\n })\n // set event listeners (adapted from https://observablehq.com/@mbostock/form-input)\n const container = html`

${select.closest(\".choices\")}

`\n container.addEventListener(\"change\", () => container.dispatchEvent(new CustomEvent(\"input\")));\n container.addEventListener(\"input\", () => container.value = Array.from(select, d => d.value));\n container.value = [];\n return container\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":771,"value":"selection","pinned":false,"hidden":false,"mode":"ojs"},{"id":910,"value":"md`---\n\n## Appendix`","pinned":false,"hidden":false,"mode":"ojs"},{"id":496,"value":"options = [\n { value: \"One\", label: \"Label one\" },\n { value: \"Two\", label: \"Label two\" },\n { value: \"Three\", label: \"Label three\" }\n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":171,"value":"Choices = require(\"choices.js@9.0.1/public/assets/scripts/choices.js\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":177,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}