31:T54a,function verticalSliders(config = {}) { const len = (arr) => arr ? arr.length : undefined; let { n = len(config.values) || len(config.mins) || len(config.maxs) || len(config.values) || len(config.names) || len(config.labels) || 1, mins = Array(n).fill(0), maxs = Array(n).fill(1), steps = Array(n).fill("any"), values = mins.map((min, idx) => (maxs[idx] + min) / 2), names = Array(n).fill(0).map((_, idx) => `${idx}`), labels = Array(n).fill("") } = config; return form(html`

${labels.map(label => html``)} ${Array(n).fill(0).map((_, idx) => html``)}

${label}

`) }32:[] 2f:{"title":"Vertical Sliders","cells":[{"id":0,"value":"md`# Vertical Sliders\n\nPut all your controls into a single row for less vertical scrolling\n\n~~~js\nimport {verticalSliders} from '@tomlarkworthy/vertical-sliders'\n~~~\n\nSupported fields in the config are _mins, maxs, steps, values, names, labels_\n\n~~~js\nviewof color = verticalSliders({\n names: [\"r\", \"g\", \"b\"],\n labels:[\"red\", \"green\", \"blue\"],\n maxs: [255,255,255],\n steps: [1,1,1]\n})\n~~~\n\nVertical sliders were used in [@tomlarkworthy/wormhole2](https://observablehq.com/@tomlarkworthy/wormhole2)\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":80,"value":"viewof demo = verticalSliders({\n values: Array(30).fill(0).map((_, i) => Math.sin(i/3 + now/500) / 2 + 0.5),\n labels: Array(30).fill(0).map((_, i) => i)\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":25,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":52,"value":"color","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"viewof color = verticalSliders({\n names: [\"r\", \"g\", \"b\"],\n labels:[\"red\", \"green\", \"blue\"],\n maxs: [255,255,255],\n steps: [1,1,1]\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":129,"value":"import {form} from \"@tomlarkworthy/mutable-form-input\"","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}