2a:null 2b:["$","title",null,{"children":"Notebook Input | Fabian Iwand | Observable"}] 31:Tc8c,function notebookInput(options = {}) { const { submit: submitLabel = 'Submit', value = '', width = null, label = null, datalist = [], ...fetchMetaOptions } = options; const __ns__ = DOM.uid('scope').id; const css = ` #${__ns__} { font: 13px/1.2 var(--sans-serif); display: flex; align-items: baseline; flex-wrap: wrap; max-width: 100%; width: auto; } @media only screen and (min-width: 30em) { #${__ns__} { flex-wrap: nowrap; width: 360px; } } #${__ns__} label { width: 120px; padding: 5px 0 4px 0; margin-right: 6.5px; flex-shrink: 0; } #${__ns__} .${__ns__}-rcol { width: 100%; } #${__ns__} .${__ns__}-input { display: flex; align-items: center; width: 100%; } #${__ns__} input { font: inherit; width: inherit; box-sizing: border-box; } #${__ns__} output { display: block; margin-top: .5em; color: red; } #${__ns__} button { margin-left: 3.25px; flex-shrink: 2.5; font: inherit; width: inherit; } `; const inputId = DOM.uid('input').id; const $label = label != null ? html`${label instanceof Element ? label : DOM.text(label)}` : ''; const $submit = html`