31:T662,function input(config) { let {form, type = "text", attributes = {}, action, getValue, title, description, format, display, submit, options} = config; if (!form) form = html``; const input = form.input; Object.keys(attributes).forEach(key => { const val = attributes[key]; if (val != null) input.setAttribute(key, val); }); if (submit) form.append(html``); form.append(html``); if (title) form.prepend(html`

${title}

`); if (description) form.append(html`

${description}

`); if (format) format = d3format.format(format); if (action) { action(form); } else { const verb = submit ? "onsubmit" : type == "button" ? "onclick" : type == "checkbox" || type == "radio" ? "onchange" : "oninput"; form[verb] = (e) => { e && e.preventDefault(); const value = getValue ? getValue(input) : input.value; if (form.output) form.output.value = display ? display(value) : format ? format(value) : value; form.value = value; if (verb !== "oninput") form.dispatchEvent(new CustomEvent("input")); }; if (verb !== "oninput") input.oninput = e => e && e.stopPropagation() && e.preventDefault(); if (verb !== "onsubmit") form.onsubmit = (e) => e && e.preventDefault(); form[verb](); } return form; }32:[] 2f:{"title":"Dynamic Case Naming","cells":[{"id":0,"value":"md`# Dynamic Case Naming`","pinned":false,"hidden":false,"mode":"ojs"},{"id":31,"value":"md`This notebook is intended to model a programmatic interface for dynamically generating case names, according to CAO's established naming conventions.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":81,"value":"md`This notebook borrows a lot from Jeremy Ashkenas's ['Inputs'](https://beta.observablehq.com/@jashkenas/inputs) notebook.
Thanks [Jeremy](https://beta.observablehq.com/@jashkenas)!`","pinned":false,"hidden":false,"mode":"ojs"},{"id":33,"value":"md`## Rendered Name`","pinned":false,"hidden":false,"mode":"ojs"},{"id":50,"value":"case_short_name = md`${project_client_cao}-${case_count}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"case_short_name_ext = md`${project_client_cao}-${case_count}/${project_location_cao}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"case_name = md`${project_country_cao}: ${project_client_cao}-${case_count}/${project_location_cao}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":77,"value":"md`## User Inputs`","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"viewof project_country_cao = text({title: \"CAO Complaint / Project Country\", placeholder: \"Enter country of complaint.\", value: \"Indonesia\", description: \"Note: Default country value is inhereited from IFC/MIGA project country.\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":26,"value":"viewof project_location_cao = text({title: \"CAO Complaint Locality\", placeholder: \"Enter complaint locality.\", value: \"Weda Bay\", description: \"Note: This is the region / area from which the complaint orginates.\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":17,"value":"viewof project_client_cao = text({title: \"CAO Project Client\", placeholder: \"Enter client / project name\", value: \"PT Weda Bay Nickel\", description: \"Note: This is the name of the client being financed/guaranteed by IFC/MIGA.\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":22,"value":"viewof case_count = text({title: \"CAO Case Count\", placeholder: \"Enter the CAO case number.\", value: \"01\", description: \"Note: This number reflects how many complaints CAO has received regarding this project.\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":35,"value":"md`## JavaScript`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"function text(config = {}) {\n const {value, title, description, autocomplete, maxlength, minlength, pattern, placeholder, size, submit} = config;\n if (typeof config == \"string\") value = config;\n const form = input({\n type: \"text\", title, description, submit,\n attributes: {value, autocomplete, maxlength, minlength, pattern, placeholder, size}\n });\n form.output.remove();\n form.input.style.fontSize = \"1em\";\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"d3format = require(\"d3-format\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}