//referedimport {coordinates} from @jashkenas/inputs function dimensions(config = {}) { const { value = [], title, description, submit } = Array.isArray(config) ? { value: config } : config; let [maxWidth, aspectRatio, fontSize, paddingTop, paddingBottom, paddingLeft, paddingRight, columnWidth, columnPadding] = value; maxWidth = maxWidth != null ? maxWidth : ""; aspectRatio = aspectRatio != null ? aspectRatio : ""; fontSize = fontSize != null ? fontSize : ""; paddingTop = paddingTop != null ? paddingTop : ""; paddingBottom = paddingBottom != null ? paddingBottom : ""; paddingLeft = paddingLeft != null ? paddingLeft : ""; paddingRight = paddingRight != null ? paddingRight : ""; columnWidth = columnWidth != null ? columnWidth : ""; columnPadding = columnPadding != null ? columnPadding : ""; //= != null ? : ""; const maxWidth_element = html``; const aspectRatio_element = html``; const fontSize_element = html``; const paddingTop_element = html``; const paddingBottom_element = html``; const paddingLeft_element = html``; const paddingRight_element = html``; const columnWidth_element = html``; const columnPadding_element = html``; const form = input({ type: "dimensions", title, description, submit, getValue: () => { const maxWidth = maxWidth_element.valueAsNumber; const aspectRatio = aspectRatio_element.valueAsNumber; const fontSize = fontSize_element.valueAsNumber; const paddingTop = paddingTop_element.valueAsNumber; const paddingBottom = paddingBottom_element.valueAsNumber; const paddingLeft = paddingLeft_element.valueAsNumber; const paddingRight = paddingRight_element.valueAsNumber; const columnWidth = columnWidth_element.valueAsNumber; const columnPadding = columnPadding_element.valueAsNumber; //const = _element.valueAsNumber; return { maxWidth: isNaN(maxWidth) ? null : maxWidth, aspectRatio: isNaN(aspectRatio) ? null : aspectRatio, fontSize: isNaN(fontSize) ? null : fontSize, paddingTop: isNaN(paddingTop) ? null : paddingTop, paddingBottom: isNaN(paddingBottom) ? null : paddingBottom, paddingLeft: isNaN(paddingLeft) ? null : paddingLeft, paddingRight: isNaN(paddingRight) ? null : paddingRight, columnWidth: isNaN(columnWidth) ? null : columnWidth, columnPadding: isNaN(columnPadding) ? null : columnPadding, } }, form: html`

Figure width(in): ${maxWidth_element} Aspect ratio: ${aspectRatio_element}
Font size(pt): ${fontSize_element}

Spacing beteen Sankey edges to Figure edges in times of Font size:

Top: ${paddingTop_element} Bottom: ${paddingBottom_element} Left: ${paddingLeft_element} Right: ${paddingRight_element}

Sankey column dimensions in pixel:

Column width: ${columnWidth_element} Column padding: ${columnPadding_element}

` }); form.output.remove(); return form; }