2a:null 2b:["$","title",null,{"children":"Multi Auto Select | Drew LaMar | Observable"}] 30:Tb8d,function multiAutoSelect(config = {}) { let { value, title, description, disabled, autocomplete = "off", placeholder, size, options, list = "options" } = Array.isArray(config) ? { options: config } : config; let optionsSet = {}; options.forEach(e => { optionsSet[e] = !value.includes(e); }); function addSelectedOption(fm, d) { const ele = html`${d} `; ele.querySelector("button").addEventListener("click", b => { fm.value.splice(fm.value.indexOf(d), 1); optionsSet[d] = true; renderSelection(fm); fm.dispatchEvent(new CustomEvent("input")); fm.input.focus(); }); return ele; }; function renderSelection(fm) { fm.output.innerHTML = ""; for (let o of fm.value) { fm.output.appendChild(addSelectedOption(fm, o)); } const el = document.getElementById(list); if (el) { el.innerHTML = ""; el.appendChild(renderDatalist(fm)); } } function renderDatalist(fm) { return html`${Object.keys(optionsSet).filter(d => optionsSet[d]).map(d => Object.assign(html`