30:[] 2e:{"title":"Matrix Input","cells":[{"id":0,"value":"md`# Matrix Input`","pinned":false,"hidden":false,"mode":"ojs"},{"id":83,"value":"viewof values = matrix(columns,rows, defaults)","pinned":true,"hidden":false,"mode":"ojs"},{"id":87,"value":"values","pinned":true,"hidden":false,"mode":"ojs"},{"id":119,"value":"defaults = [1,2,3,4,5,1,2,3,4]","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"columns = [1,2,3,4,5]","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"rows = ['Data - Collection','Data - Analysis','Data - Cleaning',\n 'Visualization - Design','Visualization - Building','Visualization - Storytelling',\n 'Society - Community','Society - Management','Society - Leadership',\n ]","pinned":false,"hidden":false,"mode":"ojs"},{"id":74,"value":"function matrix(columns,rows,defaults){\n return form(html`\n \n`,rows,columns)\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":65,"value":"function form(form,rows,columns) {\n const container = html`

${form}`;\n form.addEventListener(\"change\", () => container.dispatchEvent(new CustomEvent(\"input\")));\n form.addEventListener(\"input\", () => container.value = formValue(form));\n const matrixValue = formValue(form);;\n container.value = matrixValue;\n return container\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":67,"value":"function formValue(form) {\n const object = {};\n for (const input of form.elements) {\n if (input.disabled || !input.hasAttribute(\"name\")) continue;\n let value = input.value;\n switch (input.type) {\n case \"range\":\n case \"number\": {\n value = input.valueAsNumber;\n break;\n }\n case \"date\": {\n value = input.valueAsDate;\n break;\n }\n case \"radio\": {\n if (!input.checked) continue;\n break;\n }\n case \"checkbox\": {\n if (input.checked) value = true;\n else if (input.name in object) continue;\n else value = false;\n break;\n }\n case \"file\": {\n value = input.multiple ? input.files : input.files[0];\n break;\n }\n }\n object[input.name] = value;\n }\n return object;\n}","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}

	${c}
${r}