1<!DOCTYPE html> 2<html> 3 <head> 4 <script src="runtime.mjs" type="module"></script> 5 </head> 6 <body> 7 <div id="render"></div> 8 <template id="terminus"> 9 <div> 10 <h1><slot name="func-name"></slot></h1> 11 <slot name="parameters"></slot> 12 <button type="submit" data-submit>Submit</button> 13 <div> 14 Output 15 <p><slot name="output">Output Shown Here</slot></p> 16 </div> 17 </div> 18 </template> 19 20 <template id="parameter"> 21 <div> 22 <slot name="param-name"></slot> 23 <slot name="parameter"></slot> 24 </div> 25 </template> 26 27 <template id="enum"> 28 <select data-oninput data-options> 29 <!-- Select doesn't evaluate anything other than option nodes, so to allow dropdowns (in addition to other HTML elements), we just search for data-options to append options to.--> 30 </select> 31 </template> 32 33 <template id="enum-option"> 34 <option> 35 <slot name="option-text"></slot> 36 </option> 37 </template> 38 39 <template id="string"> 40 <input type="text" data-oninput/> 41 </template> 42 43 <template id="string-array"> 44 <textarea data-oninput></textarea> 45 </template> 46 47 <template id="number"> 48 <!-- Floats not supported by the example ICU4XFixedDecimal type for whatever reason. --> 49 <input type="number" data-oninput/> 50 </template> 51 52 <template id="boolean"> 53 <input type="checkbox" id="bool" data-oninput/> 54 </template> 55 </body> 56</html>