{"out":"out","id":"example_1_2_4","nodes":[{"id":"out","ref":"return"},{"id":"98b92ur","ref":"html_element"},{"id":"log_state","ref":"array"},{"id":"pw0j0rh","ref":"html_text"},{"id":"5bqy1p1","value":"Quote of the day: "},{"id":"fc6exhh","ref":"html_element"},{"id":"xdbktde","ref":"html_text"},{"id":"hax7ks1","value":"span"},{"id":"esvkjuc","value":"https://api.quotable.io/random"},{"id":"a00j1ce","ref":"array"},{"id":"ziezjep","ref":"call"},{"id":"rx8uvep","value":"json"},{"id":"j94flug","ref":"fetch"},{"id":"vzh4co6","ref":"get"},{"id":"349d9h3","value":"content"},{"id":"rdvagc2","ref":"cache"},{"id":"utility"},{"id":"flow"},{"id":"html"},{"id":"object"},{"id":"custom"},{"id":"state"},{"id":"JSON"},{"id":"log","nodes":[{"id":"in"},{"id":"value","ref":"arg","value":"value"},{"id":"tag","ref":"arg","value":"tag"},{"id":"out","args":[],"script":"console.log(tag ?? _graph.name ?? _graph.id); console.log(value); return value"}],"edges":[{"from":"in","to":"out","as":"input","type":"ref"},{"from":"tag","to":"out","as":"tag"},{"from":"value","to":"out","as":"value"}]},{"id":"fetch","name":"fetch","extern":"utility.fetch"},{"id":"call","name":"call","extern":"utility.call"},{"id":"stringify","name":"stringify","extern":"JSON.stringify"},{"id":"parse","name":"parse","extern":"JSON.parse"},{"id":"add","extern":"utility.add"},{"id":"mult","extern":"utility.mult"},{"id":"divide","extern":"utility.divide"},{"id":"negate","extern":"utility.negate"},{"id":"ancestors","out":"out","nodes":[{"id":"in"},{"id":"graph","ref":"arg","value":"graph"},{"id":"node","ref":"arg","value":"node"},{"id":"out","script":"const parents = (id) => (graph ?? _graph).edges.filter(e => e.to === id).flatMap(e => parents(e.from)).concat([id]); return parents(node ?? graph.out ?? 'out')"}],"edges":[{"from":"in","to":"out","as":"_","type":"ref"},{"from":"graph","to":"out","as":"graph"},{"from":"node","to":"out","as":"node"}]},{"id":"append","type":"(array: A[], item: A) => A[]","nodes":[{"id":"in"},{"id":"array","ref":"arg","value":"array"},{"id":"item","ref":"arg","value":"item"},{"id":"out","script":"return array.concat(Array.isArray(item) ? item : [item])"}],"edges":[{"from":"in","to":"out","as":"_","type":"ref"},{"from":"array","to":"out","as":"array"},{"from":"item","to":"out","as":"item"}]},{"id":"filter","name":"filter","in":"74n1jfm","out":"lahq5z4","description":"Filters an array using `fn: (element) => boolean`","nodes":[{"id":"lahq5z4","args":[],"name":"filter/out","script":"const filter_fn = _lib.no.executeGraphNode({graph: fn.graph ?? _graph, lib: _lib})(typeof fn === 'string' ? fn : fn.fn); return arr.filter(element => filter_fn(Object.assign(fn.args ?? {}, {element})))"},{"id":"x2sz5kb","args":[],"ref":"arg","value":"array"},{"id":"fn","ref":"arg","value":"fn"},{"id":"74n1jfm","args":[],"name":"filter/in"}],"edges":[{"from":"x2sz5kb","to":"lahq5z4","as":"arr"},{"from":"fn","to":"lahq5z4","as":"fn"},{"from":"74n1jfm","to":"lahq5z4","as":"_","type":"ref"}]},{"id":"default","nodes":[{"id":"in"},{"id":"value","ref":"arg","value":"value"},{"id":"otherwise","ref":"arg","value":"otherwise"},{"id":"data"},{"id":"out","script":"return value ?? data['otherwise']"}],"edges":[{"from":"in","to":"out","as":"_args","type":"ref"},{"from":"value","to":"out","as":"value"},{"from":"otherwise","to":"data","as":"otherwise"},{"from":"data","to":"out","as":"data"}]},{"id":"switch","args":["data","input"],"nodes":[{"id":"in"},{"id":"args","ref":"arg","value":"_args"},{"id":"out","ref":"get"},{"id":"input","ref":"arg","value":"input"},{"id":"otherwise","ref":"arg","value":"otherwise"},{"id":"string_input","script":"return new String(input).toString()"}],"edges":[{"from":"in","to":"out","as":"_","type":"ref"},{"from":"args","to":"out","as":"target"},{"from":"input","to":"string_input","as":"input"},{"from":"string_input","to":"out","as":"path"},{"from":"otherwise","to":"out","as":"otherwise"}]},{"id":"if","nodes":[{"id":"in"},{"id":"pred","ref":"arg","value":"pred"},{"id":"true","ref":"arg","value":"true"},{"id":"false","ref":"arg","value":"false"},{"id":"data"},{"id":"out","script":"return !!pred ? data.true_val : data.false_val"}],"edges":[{"from":"in","to":"out","as":"_","type":"ref"},{"from":"true","to":"data","as":"true_val"},{"from":"false","to":"data","as":"false_val"},{"from":"data","to":"out","as":"data"},{"from":"pred","to":"out","as":"pred"}]},{"id":"return","out":"out","nodes":[{"id":"fn_args","ref":"arg","value":"_args"},{"id":"args","ref":"arg","value":"args"},{"id":"fn_el_from","ref":"arg","value":"element.from"},{"id":"fn_el_as","ref":"arg","value":"element.as"},{"id":"fn","script":"return {fn, graph: _lib.no.runtime.get_parent(_graph), args}"},{"id":"fn_run","ref":"run"},{"id":"result_entry","ref":"array"},{"id":"fn_runnable","ref":"runnable"},{"id":"edges","script":"return _lib.no.runtime.get_edges_in(_lib.no.runtime.get_parent(_graph), _graph.node_id).filter(e => e.as !== 'args');"},{"id":"entries","ref":"map"},{"id":"out","script":"return Object.fromEntries(entries)"}],"edges":[{"from":"fn_args","to":"fn","as":"args"},{"from":"fn_el_from","to":"fn","as":"fn"},{"from":"fn","to":"fn_run","as":"runnable"},{"from":"fn_run","to":"result_entry","as":"a1"},{"from":"fn_el_as","to":"result_entry","as":"a0"},{"from":"result_entry","to":"fn_runnable","as":"fn"},{"from":"result","to":"fn_runnable","as":"fn"},{"from":"fn_runnable","to":"entries","as":"fn"},{"from":"edges","to":"entries","as":"array"},{"from":"args","to":"entries","as":"args"},{"from":"entries","to":"out","as":"entries"}]},{"id":"runnable","out":"out","nodes":[{"id":"fn","ref":"arg","value":"fn"},{"id":"value_args","ref":"arg","value":"args"},{"id":"context_args","ref":"arg","value":"_args"},{"id":"fn_path","value":"fn"},{"id":"args_path","value":"args"},{"id":"prune_vals","value":{"args":false}},{"id":"delete_fn","ref":"delete"},{"id":"delete_args","ref":"delete"},{"id":"args","ref":"merge_objects"},{"id":"out","script":"const parent_graph = _lib.no.runtime.get_parent(_graph); const input = _lib.no.runtime.get_edges_in(parent_graph, _graph.node_id).find(i => i.as === 'fn'); return input ? {fn: input.from, graph: parent_graph.id, args: args ?? {}} : false"}],"edges":[{"from":"context_args","to":"delete_fn","as":"target"},{"from":"fn_path","to":"delete_fn","as":"path"},{"from":"delete_fn","to":"delete_args","as":"target"},{"from":"args_path","to":"delete_args","as":"path"},{"from":"delete_args","to":"args","as":"o0"},{"from":"prune_vals","to":"args","as":"o1"},{"from":"value_args","to":"args","as":"o2"},{"from":"args","to":"out","as":"args","type":"resolve"},{"from":"fn","to":"out","as":"fn","type":"ref"}]},{"id":"execute_graph","nodes":[{"id":"in"},{"id":"args","ref":"arg","value":"_args"},{"id":"fn","ref":"arg","value":"fn"},{"id":"fn_graph","ref":"arg","value":"fn_graph"},{"id":"out","script":"const res_graph = fn_graph ?? _graph; return (...inner_args) => {return _lib.no.executeGraphNode({graph: {...res_graph, nodes: [...res_graph.nodes], edges: [...res_graph.edges]}, lib: _lib})(fn)(Object.keys(args).length > 0 ? Object.assign(args, inner_args.length === 1 ? inner_args[0] : inner_args) : inner_args.length === 1 ? inner_args[0] : inner_args);}"}],"edges":[{"from":"in","to":"out","as":"_","type":"ref"},{"from":"args","to":"out","as":"args"},{"from":"fn","to":"out","as":"fn"},{"from":"fn_graph","to":"out","as":"fn_graph"}]},{"id":"apply","script":"return _lib.no.executeGraphNode({graph: fn.graph ?? _graph, lib: _lib})(fn.fn ?? fn)(args);"},{"id":"partial","nodes":[{"id":"in"},{"id":"input_value","ref":"arg","value":"_args"},{"id":"fn","ref":"arg","value":"fn"},{"id":"args","ref":"arg","value":"args"},{"id":"out","script":"return _lib.no.executeGraphNode({graph: _graph, lib: _lib})(fn)(Object.assign({}, _args, args))"}],"edges":[{"from":"in","to":"out","as":"args","type":"ref"},{"from":"fn","to":"out","as":"fn"},{"from":"args","to":"out","as":"args"},{"from":"input_value","to":"out","as":"_args"}]},{"id":"array","name":"array","extern":"utility.new_array"},{"id":"merge_objects","extern":"utility.merge_objects"},{"id":"get","nodes":[{"id":"in"},{"id":"target","ref":"arg","value":"target"},{"id":"path","ref":"arg","value":"path"},{"id":"otherwise","ref":"arg","value":"otherwise"},{"id":"out","extern":"just.get"}],"edges":[{"from":"in","to":"out","as":"input"},{"from":"otherwise","to":"out","as":"def"},{"from":"path","to":"out","as":"path"},{"from":"target","to":"out","as":"target"}]},{"id":"arg","extern":"utility.arg"},{"id":"set","type":"(target: any, value: any, path: string) => any","script":"const keys = path.split('.'); const check = (o, v, k) => k.length === 1 ? {...o, [k[0]]: v, _needsresolve: true} : o.hasOwnProperty(k[0]) ? {...o, [k[0]]: check(o[k[0]], v, k.slice(1)), _needsresolve: true} : o; return check(target, value, keys)"},{"id":"delete","out":"out","nodes":[{"id":"in"},{"id":"target","ref":"arg","value":"target"},{"id":"path","ref":"arg","value":"path"},{"id":"out","script":"const new_val = Object.assign({}, target); delete new_val[path]; return new_val"}],"edges":[{"from":"in","to":"out","as":"args"},{"from":"target","to":"out","as":"target"},{"from":"path","to":"out","as":"path"}]},{"id":"cache","nodes":[{"id":"in"},{"id":"value","ref":"arg","value":"value"},{"id":"recache","ref":"arg","value":"recache"},{"id":"cached","ref":"arg","value":"cached","type":"internal"},{"id":"cache","script":"_lib.no.runtime.update_graph(_graph, {cached: value}); return value;"},{"id":"cached_value","ref":"default"},{"id":"out","ref":"if"}],"edges":[{"from":"in","to":"out","as":"_"},{"from":"value","to":"cache","as":"value"},{"from":"cache","to":"cached_value","as":"otherwise"},{"from":"cached","to":"cached_value","as":"value"},{"from":"cached_value","to":"out","as":"false"},{"from":"cache","to":"out","as":"true"},{"from":"recache","to":"out","as":"pred"}]},{"id":"isunchanged","nodes":[{"id":"in"},{"id":"value","ref":"arg","value":"value"},{"id":"fn","ref":"arg","value":"fn"},{"id":"cached","ref":"arg","value":"cached","type":"internal"},{"id":"eq_default","ref":"eq"},{"id":"eq_runnable","ref":"runnable"},{"id":"fn_runnable","ref":"default"},{"id":"eq_fn_runnable","script":"return {...fn, args: {...(fn.args ?? {}), a, b}}"},{"id":"eq_fn","ref":"run"},{"id":"cache","script":"_lib.no.runtime.update_graph(_graph, {cached: value}); return eq;"},{"id":"out","ref":"if"}],"edges":[{"from":"in","to":"out","as":"_"},{"from":"eq_default","to":"eq_runnable","as":"fn"},{"from":"eq_runnable","to":"fn_runnable","as":"otherwise"},{"from":"fn","to":"fn_runnable","as":"value"},{"from":"fn_runnable","to":"eq_fn_runnable","as":"fn"},{"from":"value","to":"eq_fn_runnable","as":"a"},{"from":"cached","to":"eq_fn_runnable","as":"b"},{"from":"eq_fn_runnable","to":"eq_fn","as":"runnable"},{"from":"eq_fn","to":"out","as":"pred"},{"from":"eq_fn","to":"out","as":"true"},{"from":"value","to":"cache","as":"value"},{"from":"eq_fn","to":"cache","as":"eq"},{"from":"cache","to":"out","as":"false"}]},{"id":"set_arg","nodes":[{"id":"name","ref":"arg","value":"name"},{"id":"value","ref":"arg","value":"value"},{"id":"env","ref":"arg","value":"_args","type":"internal"},{"id":"prev_value","ref":"get"},{"id":"out","script":"if(!_lib.utility.compare(env[name]._value, value)){ _lib.no.runtime.update_graph(_lib.no.runtime.get_parentest(_graph), {[name]: value});} return value;"}],"edges":[{"from":"name","to":"out","as":"name"},{"from":"value","to":"out","as":"value"},{"from":"env","to":"out","as":"env"}]},{"id":"event_publisher","out":"update","nodes":[{"id":"value","ref":"arg","value":"value"},{"id":"name","ref":"arg","value":"name"},{"id":"update","extern":"no.runtime.publish"}],"edges":[{"from":"name","to":"update","as":"event"},{"from":"value","to":"update","as":"data"}]},{"id":"event_publisher_onchange","out":"out","nodes":[{"id":"value","ref":"arg","value":"value"},{"id":"value_eq_a","ref":"arg","value":"a"},{"id":"value_eq_b","ref":"arg","value":"b"},{"id":"value_eq_fn","script":"return _lib.utility.compare(a, b)"},{"id":"value_eq","ref":"runnable"},{"id":"value_unchanged","ref":"isunchanged"},{"id":"publisher","ref":"event_publisher"},{"id":"out","ref":"if"}],"edges":[{"from":"value","to":"value_eq","as":"value"},{"from":"value_eq_a","to":"value_eq_fn","as":"a"},{"from":"value_eq_b","to":"value_eq_fn","as":"b"},{"from":"value_eq_fn","to":"value_eq","as":"fn"},{"from":"value_eq","to":"value_unchanged","as":"fn"},{"from":"value_unchanged","to":"out","as":"pred"},{"from":"publisher","to":"out","as":"false"},{"from":"value","to":"out","as":"true"}]},{"id":"input_value","out":"out","nodes":[{"id":"value","ref":"arg","value":"value"},{"id":"out","script":"const parent = _lib.no.runtime.get_parent(_graph); const graph_node = _lib.no.runtime.get_node(parent, _graph.node_id); if(!_lib.utility.compare(_lib.no.runtime.get_node(parent, _graph.node_id).value, value)) { _lib.no.runtime.add_node(parent, {...graph_node, id: _graph.node_id, value}); } return value"}],"edges":[{"from":"value","to":"out","as":"value","type":"resolve"}]},{"id":"event_subscriber","out":"out","nodes":[{"id":"name","ref":"arg","value":"name"},{"id":"onevent","ref":"arg","value":"onevent"},{"id":"data","ref":"arg","value":"data","type":"internal"},{"id":"add_listener","script":"_lib.no.runtime.add_listener(event, _graph.id, (data) => (_lib.no.runtime.update_args(_graph, {data})), false);","_script":"const parent = _lib.no.runtime.get_parent(_graph); _lib.no.runtime.add_listener(event, _graph.id, (graph, data) => {if(onevent) { _lib.no.runGraph(onevent.graph, onevent.fn, {...onevent.args, data})}}, true)"},{"id":"out","ref":"default"}],"edges":[{"from":"name","to":"add_listener","as":"event"},{"from":"onevent","to":"add_listener","as":"onevent"},{"from":"add_listener","to":"out","as":"otherwise"},{"from":"data","to":"out","as":"value"}]},{"id":"events_broadcast_channel","out":"out","nodes":[{"id":"arg_onmessage","ref":"arg","value":"onmessage"},{"id":"message_data","ref":"arg","value":"message.data.data"},{"id":"message_name","ref":"arg","value":"message.data.name"},{"id":"publish_event","ref":"event_publisher"},{"id":"publish_event_runnable","ref":"runnable"},{"id":"onmessageseq","ref":"sequence"},{"id":"out","script":"const bc = new BroadcastChannel('events'); bc.onmessage = e => { _lib.no.runGraph(onmessage.graph, onmessage.fn, {message: e}, _lib); }; return bc;"}],"edges":[{"from":"message_data","to":"publish_event","as":"value"},{"from":"message_name","to":"publish_event","as":"name"},{"from":"publish_event","to":"publish_event_runnable","as":"fn"},{"from":"publish_event_runnable","to":"onmessageseq","as":"arg0"},{"from":"arg_onmessage","to":"onmessageseq","as":"arg1"},{"from":"onmessageseq","to":"out","as":"onmessage"}]},{"id":"run","out":"out","nodes":[{"id":"runnable","ref":"arg","value":"runnable"},{"id":"out","script":"return _lib.no.runGraph(runnable.graph, runnable.fn, runnable.args, _lib)"}],"edges":[{"from":"runnable","to":"out","as":"runnable"}]},{"id":"map","name":"map","in":"m3b5wg3","out":"handle_promise","nodes":[{"id":"tgurdpo","ref":"call","name":"out"},{"id":"m3b5wg3","name":"in"},{"id":"rielyq8","value":"map","name":"rielyq8"},{"ref":"arg","id":"1rre4bx","value":"array","name":"1rre4bx"},{"ref":"arg","id":"6g75abk","value":"fn","name":"6g75abk"},{"id":"w0zzawl","ref":"array","name":"w0zzawl"},{"id":"args","ref":"arg","value":"args"},{"id":"handle_promise","script":"return _lib.utility.liftarraypromise(array);"},{"id":"pdljod1","name":"pdljod1","script":"return (element, index, array) => _lib.no.runGraph(fn?.graph ?? _graph, fn?.fn ?? fn, Object.assign({}, fn.args, args, {element, index, array}), _lib);"},{"id":"2lvs5dj","script":"return _graph","name":"2lvs5dj"}],"edges":[{"from":"m3b5wg3","to":"tgurdpo","as":"args","type":"ref"},{"from":"rielyq8","to":"tgurdpo","as":"fn"},{"from":"1rre4bx","to":"tgurdpo","as":"self"},{"from":"1rre4bx","to":"pdljod1","as":"arr"},{"from":"w0zzawl","to":"tgurdpo","as":"args","type":"resolve"},{"from":"pdljod1","to":"w0zzawl","as":"a0","type":"resolve"},{"from":"2lvs5dj","to":"pdljod1","as":"graph"},{"from":"args","to":"pdljod1","as":"args"},{"from":"6g75abk","to":"pdljod1","as":"fn"},{"from":"tgurdpo","to":"handle_promise","as":"array"}]},{"id":"sequence","name":"sequence","out":"out","nodes":[{"id":"in"},{"id":"args","ref":"arg","value":"_args"},{"id":"runnable_args","ref":"arg","value":"_args"},{"id":"value_args","ref":"arg","value":"args"},{"id":"context_args","ref":"arg","value":"_args"},{"id":"merged_args","ref":"merge_objects"},{"id":"args_path","value":"args"},{"id":"seq_runnable_args","ref":"delete"},{"name":"in","id":"in"},{"id":"runnables_promise","script":"return Promise.all(promises);"},{"id":"map_runnables","ref":"map"},{"id":"runnables","script":"const runnables = Object.entries(inputs).filter(e => e[0] !== 'args').map(e => [e[0], e[1] && e[1]._Proxy ? e[1]._value : e[1]]).filter(r => r[1] && (!r[1]._Proxy || r[1]._value) && r[1].hasOwnProperty('fn') && r[1].hasOwnProperty('graph')); const filtered_args = Object.fromEntries(Object.entries(args).filter(a => !runnables.find(r => r[0] === a[0]))); return runnables.map(r => r[1]).map(r => ({...r, args: {...r.args, ...filtered_args}}))"},{"id":"element","ref":"arg","value":"element","type":"internal"},{"id":"map_fn","script":"return new Promise((resolve, reject) => resolve(_lib.no.runGraph(runnable.graph, runnable.fn, runnable.args, _lib)));"},{"id":"map_fn_runnable","ref":"runnable"},{"name":"seq_runnable","id":"out","ref":"runnable"}],"edges":[{"from":"in","to":"runnables","as":"inputs"},{"from":"args","to":"runnables","as":"args"},{"from":"element","to":"map_fn","as":"runnable"},{"from":"map_fn","to":"map_fn_runnable","as":"fn"},{"from":"runnable_args","to":"map_runnables","as":"args"},{"from":"runnables","to":"map_runnables","as":"array"},{"from":"map_fn_runnable","to":"map_runnables","as":"fn"},{"from":"map_runnables","to":"runnables_promise","as":"promises"},{"from":"runnables_promise","to":"out","as":"fn"},{"from":"context_args","to":"merged_args","as":"a0"},{"from":"value_args","to":"merged_args","as":"a1"},{"from":"merged_args","to":"seq_runnable_args","as":"target"},{"from":"args_path","to":"seq_runnable_args","as":"path"},{"from":"seq_runnable_args","to":"out","as":"args"}]},{"id":"import_json","name":"import_json","in":"gsiimdp","out":"lapeojg","nodes":[{"id":"lapeojg","script":"const new_nodes = import_graph.nodes.map(n => ({...n, id: name + '.' + n.id}));\n\nconst new_graph = {\n..._graph,\nnodes: [...(new Map(_graph.nodes.concat(new_nodes).map(n => [n.id, n])).values())]\n}\n\n_lib.no.runtime.update_graph(new_graph); return name;","name":"out"},{"id":"gsiimdp","name":"in"},{"id":"3zfjt1h","ref":"call"},{"id":"05eag47","ref":"arg","value":"name"},{"id":"2vtokcl","script":"return fetch(url);"},{"id":"i9x02is","value":"json"},{"id":"irr99xz","ref":"arg","value":"url"}],"edges":[{"from":"gsiimdp","to":"lapeojg","as":"arg0"},{"as":"import_graph","from":"3zfjt1h","to":"lapeojg"},{"from":"05eag47","to":"lapeojg","as":"name"},{"as":"self","from":"2vtokcl","to":"3zfjt1h"},{"from":"i9x02is","to":"3zfjt1h","as":"fn"},{"from":"irr99xz","to":"2vtokcl","as":"url"}]},{"id":"object_entries","name":"object_entries","in":"tkd4tqn","out":"j8c79uf","nodes":[{"name":"out","id":"j8c79uf","ref":"filter"},{"id":"tkd4tqn","name":"in"},{"id":"hfexsuu","script":"return !key?.startsWith('_');"},{"id":"runnable","ref":"runnable"},{"id":"bgi2g37","script":"return Object.entries(obj)"},{"id":"7gqcw0o","ref":"arg","value":"0.0"},{"id":"kpakw50","ref":"arg","value":"object"}],"edges":[{"from":"tkd4tqn","to":"j8c79uf","as":"array"},{"from":"hfexsuu","to":"runnable","as":"fn"},{"from":"runnable","to":"j8c79uf","as":"fn"},{"from":"bgi2g37","to":"j8c79uf","as":"arr"},{"from":"7gqcw0o","to":"hfexsuu","as":"key"},{"from":"kpakw50","to":"bgi2g37","as":"obj"}]},{"id":"css_anim","name":"css_anim","in":"cawqofn","out":"spy9h48","nodes":[{"name":"out","id":"spy9h48","script":"return Object.fromEntries((Array.isArray(arr[0]) ? arr[0] : arr).map((v, i, a) => [Math.floor((i / a.length)*100) + \"%\", v]))"},{"id":"cawqofn","ref":"array","name":"in"}],"edges":[{"as":"arr","from":"cawqofn","to":"spy9h48","type":"resolve"}]},{"id":"css_styles","name":"css_styles","in":"xw3pmx7","out":"5yxmxua","nodes":[{"id":"5yxmxua","ref":"html_element","name":"out"},{"id":"vgv61zj","ref":"html_text"},{"id":"jstjx7g"},{"id":"h40e3j9","value":"style"},{"id":"xw3pmx7","name":"in"},{"id":"jlgp7uy","ref":"call","name":"named_obj/out"},{"id":"o1j78dd","value":"result-view"},{"id":"ij4z84e","ref":"map"},{"id":"q3pwj9j","value":"join"},{"id":"d6h3gdw","ref":"array"},{"id":"j8c79uf","name":"object_entries","ref":"object_entries"},{"id":"n9g4wyq","ref":"runnable"},{"id":"z63iaay","script":"return \"\\n\";"},{"id":"vwsgweb","ref":"default"},{"id":"aelf1a7","script":"return key + '{' + value + '}'","name":"out"},{"id":"mkwx4yx"},{"id":"fzr4mkv","ref":"arg","value":"css_object"},{"id":"5eqf77t","value":"element.0","ref":"arg"},{"id":"5pwetw5","ref":"if"},{"id":"o5ojdyc","script":"return key.startsWith(\"@keyframes\")"},{"id":"1hpnid4","ref":"call"},{"id":"slj7ynn/jlgp7uy","ref":"call","name":"named_obj/out"},{"id":"ft1oksl","ref":"arg","value":"element.0"},{"id":"bbbp82v","ref":"map"},{"id":"cp66ig5","value":"join"},{"id":"uwq9u81","ref":"array"},{"id":"slj7ynn/ij4z84e","ref":"map"},{"id":"slj7ynn/q3pwj9j","value":"join"},{"id":"slj7ynn/d6h3gdw","ref":"array"},{"id":"i1ifamx","ref":"object_entries"},{"id":"druspar","ref":"runnable"},{"id":"gth1wc2","script":"return \"\\n\";"},{"id":"slj7ynn/j8c79uf","name":"object_entries","ref":"object_entries"},{"id":"slj7ynn/n9g4wyq","ref":"runnable"},{"id":"slj7ynn/z63iaay","script":"return \"\\n\";"},{"id":"y25dg2n","value":"element.1","ref":"arg"},{"id":"0d4yh8u","script":"return key + ': ' + value + \";\";"},{"id":"slj7ynn/vwsgweb","ref":"default"},{"id":"slj7ynn/aelf1a7","script":"return key + '{' + value + '}'","name":"out"},{"id":"h13a9fd","ref":"arg","value":"element.0"},{"id":"h7me3v8","ref":"arg","value":"element.1"},{"id":"slj7ynn/mkwx4yx"},{"id":"slj7ynn/fzr4mkv","ref":"arg","value":"element.1"},{"id":"slj7ynn/5eqf77t","value":"element.0","ref":"arg"},{"id":"slj7ynn/1hpnid4","ref":"call"},{"id":"slj7ynn/bbbp82v","ref":"map"},{"id":"slj7ynn/cp66ig5","value":"join"},{"id":"slj7ynn/uwq9u81","ref":"array"},{"id":"slj7ynn/i1ifamx","ref":"object_entries"},{"id":"slj7ynn/druspar","ref":"runnable"},{"id":"slj7ynn/gth1wc2","script":"return \"\\n\";"},{"id":"slj7ynn/y25dg2n","value":"element.1","ref":"arg"},{"id":"slj7ynn/0d4yh8u","script":"return key + ': ' + value + \";\";"},{"id":"slj7ynn/h13a9fd","ref":"arg","value":"element.0"},{"id":"slj7ynn/h7me3v8","ref":"arg","value":"element.1"}],"edges":[{"from":"vgv61zj","to":"5yxmxua","as":"children"},{"from":"jstjx7g","to":"5yxmxua","as":"props"},{"from":"h40e3j9","to":"5yxmxua","as":"dom_type"},{"from":"xw3pmx7","to":"5yxmxua","as":"arg3"},{"from":"jlgp7uy","to":"vgv61zj","as":"text"},{"from":"o1j78dd","to":"jstjx7g","as":"key"},{"from":"ij4z84e","to":"jlgp7uy","as":"self"},{"from":"q3pwj9j","to":"jlgp7uy","as":"fn"},{"from":"d6h3gdw","to":"jlgp7uy","as":"args"},{"from":"j8c79uf","to":"ij4z84e","as":"array"},{"as":"fn","from":"n9g4wyq","to":"ij4z84e"},{"from":"z63iaay","to":"d6h3gdw","as":"arg0"},{"from":"vwsgweb","to":"j8c79uf","as":"object"},{"as":"fn","from":"aelf1a7","to":"n9g4wyq"},{"from":"mkwx4yx","to":"vwsgweb","as":"otherwise"},{"from":"fzr4mkv","to":"vwsgweb","as":"value"},{"from":"5eqf77t","to":"aelf1a7","as":"key"},{"from":"5pwetw5","to":"aelf1a7","as":"value"},{"from":"o5ojdyc","to":"5pwetw5","as":"pred"},{"as":"false","from":"1hpnid4","to":"5pwetw5"},{"from":"slj7ynn/jlgp7uy","to":"5pwetw5","as":"true"},{"as":"key","from":"ft1oksl","to":"o5ojdyc"},{"from":"bbbp82v","to":"1hpnid4","as":"self"},{"from":"cp66ig5","to":"1hpnid4","as":"fn"},{"from":"uwq9u81","to":"1hpnid4","as":"args"},{"from":"slj7ynn/ij4z84e","to":"slj7ynn/jlgp7uy","as":"self"},{"from":"slj7ynn/q3pwj9j","to":"slj7ynn/jlgp7uy","as":"fn"},{"from":"slj7ynn/d6h3gdw","to":"slj7ynn/jlgp7uy","as":"args"},{"from":"i1ifamx","to":"bbbp82v","as":"array"},{"as":"fn","from":"druspar","to":"bbbp82v"},{"from":"gth1wc2","to":"uwq9u81","as":"arg0"},{"from":"slj7ynn/j8c79uf","to":"slj7ynn/ij4z84e","as":"array"},{"as":"fn","from":"slj7ynn/n9g4wyq","to":"slj7ynn/ij4z84e"},{"from":"slj7ynn/z63iaay","to":"slj7ynn/d6h3gdw","as":"arg0"},{"from":"y25dg2n","to":"i1ifamx","as":"object"},{"as":"fn","from":"0d4yh8u","to":"druspar"},{"from":"slj7ynn/vwsgweb","to":"slj7ynn/j8c79uf","as":"object"},{"as":"fn","from":"slj7ynn/aelf1a7","to":"slj7ynn/n9g4wyq"},{"from":"h13a9fd","to":"0d4yh8u","as":"key"},{"from":"h7me3v8","to":"0d4yh8u","as":"value"},{"from":"slj7ynn/mkwx4yx","to":"slj7ynn/vwsgweb","as":"otherwise"},{"from":"slj7ynn/fzr4mkv","to":"slj7ynn/vwsgweb","as":"value"},{"from":"slj7ynn/5eqf77t","to":"slj7ynn/aelf1a7","as":"key"},{"as":"value","from":"slj7ynn/1hpnid4","to":"slj7ynn/aelf1a7"},{"from":"slj7ynn/bbbp82v","to":"slj7ynn/1hpnid4","as":"self"},{"from":"slj7ynn/cp66ig5","to":"slj7ynn/1hpnid4","as":"fn"},{"from":"slj7ynn/uwq9u81","to":"slj7ynn/1hpnid4","as":"args"},{"from":"slj7ynn/i1ifamx","to":"slj7ynn/bbbp82v","as":"array"},{"as":"fn","from":"slj7ynn/druspar","to":"slj7ynn/bbbp82v"},{"from":"slj7ynn/gth1wc2","to":"slj7ynn/uwq9u81","as":"arg0"},{"from":"slj7ynn/y25dg2n","to":"slj7ynn/i1ifamx","as":"object"},{"as":"fn","from":"slj7ynn/0d4yh8u","to":"slj7ynn/druspar"},{"from":"slj7ynn/h13a9fd","to":"slj7ynn/0d4yh8u","as":"key"},{"from":"slj7ynn/h7me3v8","to":"slj7ynn/0d4yh8u","as":"value"}]},{"edges":[{"from":"gvkhkfw","to":"nn4twx9","as":"children"},{"from":"7rhq0q5","to":"nn4twx9","as":"_"},{"from":"4972gx3","to":"gvkhkfw","as":"arg1"},{"from":"1ldhfah","to":"gvkhkfw","as":"arg0"},{"from":"ee5i5r2","to":"4972gx3","as":"dom_type"},{"from":"ro8n2gc","to":"4972gx3","as":"props"},{"from":"wet0jdv","to":"1ldhfah","as":"children"},{"from":"gcuxiw9","to":"1ldhfah","as":"props"},{"from":"875c1wk","to":"1ldhfah","as":"dom_type"},{"from":"t6q6rvf","to":"ro8n2gc","as":"arg0"},{"from":"rjwtb3c","to":"ro8n2gc","as":"props"},{"from":"utkc9o6","to":"wet0jdv","as":"arg0"},{"from":"jxl9r29","to":"gcuxiw9","as":"for"},{"from":"2zxw9oo","to":"t6q6rvf","as":"onkeydown"},{"from":"i7y9dyy","to":"t6q6rvf","as":"onchange"},{"from":"vks4vul","to":"rjwtb3c","as":"value"},{"from":"ddfgy2s","to":"rjwtb3c","as":"otherwise"},{"from":"trd8ptp","to":"utkc9o6","as":"text"},{"from":"zfrrk0z","to":"jxl9r29","as":"value"},{"to":"2zxw9oo","from":"qseh2tb","as":"fn","type":"ref"},{"from":"b0j8nyq","to":"i7y9dyy","as":"dispatch"},{"from":"eotod0l","to":"i7y9dyy","as":"seq"},{"from":"qxwvdfe","to":"i7y9dyy","as":"value"},{"from":"0dnqo5l","to":"i7y9dyy","as":"onchange_fn"},{"from":"1wps21n","to":"qseh2tb","as":"a1"},{"from":"y5q7mbn","to":"qseh2tb","as":"a0"},{"from":"qjc0zt6","to":"eotod0l","as":"arg"},{"from":"widk6u6","to":"qjc0zt6","as":"fn"},{"from":"506ntvb","to":"qjc0zt6","as":"value"},{"from":"4ck1vaf","to":"widk6u6","as":"fn"}],"nodes":[{"id":"nn4twx9","ref":"html_element","inputs":[{"from":"bw4iez5/gvkhkfw","to":"bw4iez5/nn4twx9","as":"children"},{"from":"bw4iez5/7rhq0q5","to":"bw4iez5/nn4twx9","as":"props"}],"name":"out"},{"id":"gvkhkfw","ref":"array"},{"id":"7rhq0q5","name":"in"},{"id":"1ldhfah","ref":"html_element","name":"label"},{"id":"4972gx3","ref":"html_element"},{"id":"wet0jdv","ref":"array"},{"id":"gcuxiw9"},{"id":"875c1wk","value":"label"},{"id":"ee5i5r2","value":"input"},{"id":"ro8n2gc","ref":"merge_objects"},{"id":"n1qcxu2","value":"true"},{"id":"utkc9o6","ref":"html_text"},{"id":"jxl9r29","script":"return \"input-\" + name;"},{"id":"t6q6rvf"},{"id":"rjwtb3c","ref":"default"},{"id":"varubwp"},{"id":"trd8ptp","ref":"arg","value":"name"},{"id":"zfrrk0z","ref":"arg","value":"name"},{"id":"2zxw9oo","ref":"execute_graph","name":"stop_propagation"},{"id":"sjw3rie","ref":"default"},{"id":"vks4vul","ref":"arg","value":"props"},{"id":"ddfgy2s"},{"id":"671rzr9","ref":"arg","value":"name"},{"id":"ccir2fl","ref":"arg","value":"name"},{"id":"qseh2tb","ref":"array"},{"id":"i7y9dyy","ref":"runnable"},{"id":"fihihz0","ref":"arg","value":"oninput"},{"id":"1wps21n","name":"stop propagation effect","out":"hj2cig0","nodes":[{"id":"hj2cig0","ref":"array","name":"stop propagation effect"},{"id":"1pvaim9","ref":"execute_graph"},{"id":"0o86xp3","ref":"arg","value":"1"},{"id":"d60jwms","script":"stopPropagation();"},{"id":"xgbubrq","ref":"arg","value":"1"}],"edges":[{"from":"1pvaim9","to":"hj2cig0","as":"a0"},{"from":"0o86xp3","to":"hj2cig0","as":"a1"},{"from":"d60jwms","to":"1pvaim9","as":"fn","type":"ref"},{"from":"xgbubrq","to":"d60jwms","as":"payload"}]},{"id":"y5q7mbn","ref":"arg","value":"0"},{"id":"y9bkhqc"},{"id":"6m6m1hq_1/ocuonub/qjc0zt6","ref":"event_publisher"},{"id":"nb2sswc","ref":"arg","value":"name"},{"id":"6m6m1hq_1/ocuonub/506ntvb","value":"event.target.value","ref":"arg"},{"id":"6m6m1hq_1/ocuonub/4ck1vaf","ref":"arg","value":"name"}],"out":"nn4twx9","in":"7rhq0q5","name":"input","id":"input"},{"id":"html_text","description":"Some HTML plaintext. Usually used as a child of html_element.","out":"out","nodes":[{"id":"in"},{"id":"text","ref":"arg","value":"text"},{"id":"text_value","value":"text_value"},{"id":"out"}],"edges":[{"from":"in","to":"out","as":"_","type":"ref"},{"from":"text_value","to":"out","as":"dom_type"},{"from":"text","to":"out","as":"text"}]},{"id":"html_element","description":"An HTML Element. `children` is an array of html_element or html_text, `props` are the attributes for the html element as an object.","nodes":[{"id":"in"},{"id":"children","ref":"arg","value":"children"},{"id":"props","ref":"arg","value":"props"},{"id":"dom_type","ref":"arg","value":"dom_type"},{"id":"memo","ref":"arg","value":"memo"},{"id":"element","ref":"arg","value":"element"},{"id":"div","value":"div"},{"id":"filter_children_fn","script":"return element?._Proxy ? element._value : element"},{"id":"filter_children_fn_runnable","ref":"runnable"},{"id":"fill_children_fn","script":"return element.el ?? element"},{"id":"fill_children_fn_runnable","ref":"runnable"},{"id":"filter_children","ref":"filter"},{"id":"wrapped_children","script":"return Array.isArray(children) ? children : [children]"},{"id":"fill_children","ref":"map","_script":"return children === undefined ? [] : children.length !== undefined ? children.map(c => _lib.no.resolve(c)).filter(c => !!c).map(c => c.el ?? c) : [children.el ?? children]"},{"id":"fill_props","script":"return props ?? {}"},{"id":"dom_type_def","ref":"default"},{"id":"out","script":"if(!(typeof dom_type === 'string' && Array.isArray(children))){ throw new Error('invalid element');} children.filter(c => c).forEach(c => {if(typeof c.dom_type !== 'string'){throw new Error ('invalid child element');}}); return {el: {dom_type, props, children, memo}}"}],"edges":[{"from":"children","to":"wrapped_children","as":"children"},{"from":"wrapped_children","to":"filter_children","as":"array"},{"from":"props","to":"fill_props","as":"props","type":"resolve"},{"from":"memo","to":"out","as":"memo"},{"from":"element","to":"filter_children_fn","as":"element"},{"from":"filter_children_fn","to":"filter_children_fn_runnable","as":"fn"},{"from":"filter_children_fn_runnable","to":"filter_children","as":"fn"},{"from":"element","to":"fill_children_fn","as":"element"},{"from":"fill_children_fn","to":"fill_children_fn_runnable","as":"fn"},{"from":"fill_children_fn_runnable","to":"fill_children","as":"fn"},{"from":"filter_children","to":"fill_children","as":"array"},{"from":"fill_children","to":"out","as":"children"},{"from":"fill_props","to":"out","as":"props"},{"from":"dom_type","to":"dom_type_def","as":"value"},{"from":"div","to":"dom_type_def","as":"otherwise"},{"from":"dom_type_def","to":"out","as":"dom_type"},{"from":"in","to":"out","as":"args","type":"ref"}]},{"id":"eq","script":"return a === b;"},{"id":"i6gum94","ref":"input_value","value":"He who fears being conquered is sure of defeat."}],"edges":[{"from":"98b92ur","to":"out","as":"display"},{"from":"pw0j0rh","to":"log_state","as":"arg0"},{"from":"5bqy1p1","to":"pw0j0rh","as":"text"},{"from":"fc6exhh","to":"log_state","as":"arg1"},{"from":"hax7ks1","to":"fc6exhh","as":"dom_type"},{"as":"children","from":"log_state","to":"98b92ur"},{"from":"a00j1ce","to":"fc6exhh","as":"children"},{"as":"arg0","from":"xdbktde","to":"a00j1ce"},{"as":"text","from":"i6gum94","to":"xdbktde"},{"from":"rx8uvep","to":"ziezjep","as":"fn"},{"as":"self","from":"j94flug","to":"ziezjep"},{"as":"url","from":"esvkjuc","to":"j94flug"},{"from":"vzh4co6","to":"i6gum94","as":"value"},{"from":"349d9h3","to":"vzh4co6","as":"path"},{"as":"target","from":"rdvagc2","to":"vzh4co6"},{"as":"value","from":"ziezjep","to":"rdvagc2"}]}