31:Ta79,cell_layer = new deck.ScatterplotLayer({ id: 'cell_layer', data: cell_data, getPosition: apply_map_morph, getFillColor: d => { var inst_color if (select_meta === 'none'){ inst_color = [50, 50, 50, 100] } else if (select_meta === 'leiden'){ if (selected_leidens.length === 0){ // single leiden var rgb = d3.color(cat_colors[d[select_meta]]) inst_color = [rgb.r, rgb.g, rgb.b, 255 * cat_opacity] } else { // multiple leidens if (selected_leidens.includes(d['leiden'])){ var rgb = d3.color(cat_colors[d[select_meta]]) inst_color = [rgb.r, rgb.g, rgb.b, 255 * cat_opacity] } else { inst_color = [50, 50, 50, 10] } } } // else if (select_meta === 'mean-gene'){ // // mean of multiple genes // var inst_opacity = mean_opacity_scale(parseInt(mean_gene_data[d['name']]['mean-gene'])) // if (inst_opacity > 0){ // inst_color = [255, 0, 0, inst_opacity] // } else { // inst_color = [50, 50, 50, 10] // } // } else { // single gene var inst_opacity = opacity_scale(parseInt(gene_data[d['name']][select_meta])) if (inst_opacity > 0){ inst_color = [255, 0, 0, inst_opacity] } else { inst_color = [50, 50, 50, 10] } } return inst_color }, getRadius: radius, pickable: is_pickable, highlightColor: d => [50, 50, 50], radiusMinPixels: radius_min_pixels, updateTriggers: { getFillColor: [select_meta, selected_leidens], // , mean_gene_data], getPosition: map_type }, transitions: transitions, onClick: (info, event) => { if (mutable selected_leidens[0] !== info.object.leiden){ mutable select_meta = 'leiden' mutable selected_leidens = [info.object.leiden] } else { mutable select_meta = 'leiden' mutable selected_leidens = [] } // if (d3.select('#meta_dropdown').select('select').node().value !== info.object.name){ // mutable select_meta = info.object.name // d3.select('#meta_dropdown').select('select').node().value = info.object.name // } else { // mutable select_meta = 'leiden' // d3.select('#meta_dropdown').select('select').node().value = 'leiden' // } } }) 32:T6da,viewof cgm = { // Clustergrammer-GL uses query selectors to re-find the container, so if we // might want multiple instances of Clustergrammer-GL on the page, they’ll // need unique identifiers! (It’d be better if Clustergrammer-GL used // element.querySelector instead of document.querySelector and didn’t dependf // on these identifiers.) const container_Id = DOM.uid("container"); const container = html`

`; // Clustergrammer-GL depends on the container having been inserted into the // document before it’s initialized. We can do this by yielding! However, // since we’re defining this cell as a view, we don’t want the view’s value // to resolve until CGM has initialized. Hence we define the view’s value as // a promise that resolves immediately after. We could simplify this if // Clustergrammer-GL allowed you to pass in a detached container. let resolve; container.value = new Promise(r => resolve = r); yield container; // Initialize CGM. // (We might want to use Observable’s reactive width here?) const cgm = CGM({ network, viz_width: 900, viz_height: 900, container }); // Redefine the order parameters as getters and setters, so that we can intercept // when these change and emit an event. That will allow other cells to listen for // these changes are react accordingly. Object.defineProperties(cgm.params.order.new, { row: reactiveValue(container, "row", cgm.params.order.new.row), col: reactiveValue(container, "col", cgm.params.order.new.col) }); // Resolve the view’s value so that downstream cells can run. resolve(cgm); d3.select('.row_search_container').remove() }33:[{"id":"7d6cecc3bad2ffc762b6a03b9f88ecb2a89dc2073195325a3eadb957a7f9cf8948047e657716fca537b05105f550fefd6203135db3045e9d12497f72efa65b58","href":"https://static.observableusercontent.com/files/7d6cecc3bad2ffc762b6a03b9f88ecb2a89dc2073195325a3eadb957a7f9cf8948047e657716fca537b05105f550fefd6203135db3045e9d12497f72efa65b58","name":"clustergrammer-gl@1.0.22.0.packd.js","type":"application/javascript","lastModified":1629493073679.631,"size":1028473},{"id":"6a9b90129a7b800d57214ca4d9f34fed68298de34b3b11cf12ac5b061ffa0681e1ff04584841c7329e6e02e1b3ca4b97bf0c478d8c0f9d19c07a8484e6da87bf","href":"https://static.observableusercontent.com/files/6a9b90129a7b800d57214ca4d9f34fed68298de34b3b11cf12ac5b061ffa0681e1ff04584841c7329e6e02e1b3ca4b97bf0c478d8c0f9d19c07a8484e6da87bf","name":"leiden_cgm_gene_cats.json","type":"application/json","lastModified":1629493073679.631,"size":524934},{"id":"dcff2df9d365be5fa9515289e89cab9a4e38896e542f877a58dc9b72ed8aba4069c4ea9cc1b5386a1a335866db40bcca4fc65776364114fb462626a6769b8145","href":"https://static.observableusercontent.com/files/dcff2df9d365be5fa9515289e89cab9a4e38896e542f877a58dc9b72ed8aba4069c4ea9cc1b5386a1a335866db40bcca4fc65776364114fb462626a6769b8145","name":"observable_inputs_slice-1_replicate-2.json","type":"application/json","lastModified":1629493073679.631,"size":9676342}] 2f:{"title":"UMAP-Spatial-Heatmap Single-Cell 0.1.0 - big function","cells":[{"id":0,"value":"md`# UMAP-Spatial-Heatmap Single-Cell 0.1.0 - big function`","pinned":false,"hidden":false,"mode":"ojs"},{"id":763,"value":"// dashboard = make_dashboard(container)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1857,"value":"dashboard = outputs['dashboard']","pinned":true,"hidden":false,"mode":"ojs"},{"id":1775,"value":"function make_dashboard(deck_container){\n \n var dashboard_html = html`\n

${viewof map_type}

${viewof select_meta_dropdown}

\n \n

${deck_container}

${viewof cgm}

\n\n

\n\n`\n return dashboard_html\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1850,"value":"function make_dashboard_and_deckgl(){\n var dashboard = make_dashboard(container)\n \n var deckgl = make_deckgl(container)\n \n var outputs = {\n 'dashboard': dashboard,\n 'deckgl': deckgl\n }\n return outputs\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1860,"value":"outputs = make_dashboard_and_deckgl()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1867,"value":"deckgl = outputs['deckgl']","pinned":true,"hidden":false,"mode":"ojs"},{"id":1796,"value":"container = html `

`","pinned":true,"hidden":false,"mode":"ojs"},{"id":1571,"value":"## Dendro Selected Genes","pinned":false,"hidden":false,"mode":"md"},{"id":1391,"value":"mean_gene_data_ini = {\n // selected dendro genes\n ///////////////////////////////\n var mean_gene_data_ini = {}\n promised_selected_genes.forEach((x, i) => {\n \n if (i === 0){\n // initialize gene_data after getting promised gene data (after dendrogram click)\n cell_data.forEach((x,i) => {\n mean_gene_data_ini[i] = ({\n '': i, \n 'mean-gene': 0\n }) \n }) \n }\n\n const gene_name = dendro_selected_genes[i]\n\n // var sum_gene = d3.sum(x, d => d[gene_name])\n \n x.forEach((cell_obj, cell_index) => {\n mean_gene_data_ini[cell_index]['mean-gene'] = mean_gene_data_ini[cell_index]['mean-gene'] + cell_obj[gene_name] // /sum_gene\n })\n })\n\n return mean_gene_data_ini\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1418,"value":"// mean_gene_data = Object.keys(mean_gene_data_ini).map(x => mean_gene_data_ini[x])","pinned":true,"hidden":false,"mode":"ojs"},{"id":774,"value":"viewof select_meta_dropdown = select({'options':['none'].concat(meta_data_cols), value: ini_cat})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1130,"value":"mutable select_meta = select_meta_dropdown","pinned":true,"hidden":false,"mode":"ojs"},{"id":1135,"value":"select_meta_dropdown","pinned":true,"hidden":false,"mode":"ojs"},{"id":777,"value":"ini_cat = inputs['ini_cat']","pinned":true,"hidden":false,"mode":"ojs"},{"id":1639,"value":"promised_selected_genes","pinned":true,"hidden":false,"mode":"ojs"},{"id":1651,"value":"cat_colors","pinned":true,"hidden":false,"mode":"ojs"},{"id":452,"value":"# Data","pinned":false,"hidden":false,"mode":"md"},{"id":503,"value":"cell_data = inputs['data'].map(x => {\n x.tooltip_name = 'Leiden-' + x.leiden\n return x\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":505,"value":"cat_colors = inputs['cat_colors']","pinned":true,"hidden":false,"mode":"ojs"},{"id":501,"value":"inputs = FileAttachment(\"observable_inputs_slice-1_replicate-2.json\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":448,"value":"# Deck.gl","pinned":false,"hidden":false,"mode":"md"},{"id":512,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":546,"value":"radius = 2","pinned":true,"hidden":false,"mode":"ojs"},{"id":548,"value":"radius_min_pixels = 1.5","pinned":true,"hidden":false,"mode":"ojs"},{"id":552,"value":"transitionDuration = 3000","pinned":true,"hidden":false,"mode":"ojs"},{"id":520,"value":"transitions = ({\n getPosition: {\n duration:transitionDuration,\n easing: d3.easeCubic\n }\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":522,"value":"// have deck.gl animate\nfunction apply_map_morph(d){ \n var inst_x\n var inst_y\n if (map_type === 'Spatial'){\n inst_x = d.x\n inst_y = -d.y\n } else {\n inst_x = umap_x_scale(d['umap-x'])\n inst_y = - umap_y_scale(d['umap-y'])\n }\n return [inst_x, inst_y]\n} ","pinned":true,"hidden":false,"mode":"ojs"},{"id":526,"value":"umap_x_scale = d3.scaleLinear()\n .domain([umap_x_min, umap_x_max])\n .range([x_min, x_max]);","pinned":true,"hidden":false,"mode":"ojs"},{"id":528,"value":"umap_y_scale = d3.scaleLinear()\n .domain([umap_y_min, umap_y_max])\n .range([y_min, y_max]);","pinned":true,"hidden":false,"mode":"ojs"},{"id":542,"value":"x_min = Math.min.apply(Math, cell_data.map(function(o) { return parseFloat(o['x']) }))","pinned":true,"hidden":false,"mode":"ojs"},{"id":530,"value":"x_max = Math.max.apply(Math, cell_data.map(function(o) { return parseFloat(o['x']) }))","pinned":true,"hidden":false,"mode":"ojs"},{"id":532,"value":"y_min = Math.min.apply(Math, cell_data.map(function(o) { return parseFloat(o['y']) }))","pinned":true,"hidden":false,"mode":"ojs"},{"id":544,"value":"y_max = Math.max.apply(Math, cell_data.map(function(o) { return parseFloat(o['y']) }))","pinned":true,"hidden":false,"mode":"ojs"},{"id":534,"value":"umap_x_min = Math.min.apply(Math, cell_data.map(function(o) { return parseFloat(o['umap-x']) }))","pinned":true,"hidden":false,"mode":"ojs"},{"id":536,"value":"umap_x_max = Math.max.apply(Math, cell_data.map(function(o) { return parseFloat(o['umap-x']) }))","pinned":true,"hidden":false,"mode":"ojs"},{"id":538,"value":"umap_y_min = Math.min.apply(Math, cell_data.map(function(o) { return parseFloat(o['umap-y']) }))","pinned":true,"hidden":false,"mode":"ojs"},{"id":540,"value":"umap_y_max = Math.max.apply(Math, cell_data.map(function(o) { return parseFloat(o['umap-y']) }))","pinned":true,"hidden":false,"mode":"ojs"},{"id":704,"value":"// mutable visible_transcripts = false","pinned":false,"hidden":false,"mode":"ojs"},{"id":307,"value":"layers = [cell_layer] ","pinned":true,"hidden":false,"mode":"ojs"},{"id":427,"value":"is_pickable = true","pinned":true,"hidden":false,"mode":"ojs"},{"id":1828,"value":"deckgl.setProps({layers: layers});","pinned":true,"hidden":false,"mode":"ojs"},{"id":19,"value":"function make_deckgl(container) {\n \n var initial_view_state = ({\n target: [2000, 7000, 0],\n zoom: -3.5,\n minZoom: -3.75,\n maxZoom:10\n }) \n\n var view = new deck.OrthographicView({id: 'ortho'})\n var deckgl = new deck.DeckGL({\n container,\n views:[view],\n initialViewState: initial_view_state,\n // controller: true,\n controller: {doubleClickZoom: false},\n // getTooltip: ({object}) => {\n // return object && \n // `${object['name']}`\n // // `pos: ${object.x}, ${object['y']}\\n`\n // },\n getTooltip: ({object}) => object && {\n html: `${object.tooltip_name}`,\n style: {\n fontSize: '0.8em',\n padding: '5px',\n }\n },\n // onViewStateChange: ({viewState}) => {\n // debounced_something(viewState)\n // return viewState\n // },\n // onClick: ({info}) => {\n // console.log(info)\n // return info\n // }\n \n });\n \n return deckgl\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1842,"value":"// deckgl = make_deckgl(container)","pinned":true,"hidden":false,"mode":"ojs"},{"id":227,"value":"md`### Variables`","pinned":false,"hidden":false,"mode":"ojs"},{"id":276,"value":"inst_zoom = 6","pinned":false,"hidden":false,"mode":"ojs"},{"id":213,"value":"inst_lat = 1","pinned":false,"hidden":false,"mode":"ojs"},{"id":204,"value":"inst_lng = 1","pinned":false,"hidden":false,"mode":"ojs"},{"id":599,"value":"height = 800","pinned":true,"hidden":false,"mode":"ojs"},{"id":443,"value":"# Requirements","pinned":true,"hidden":false,"mode":"md"},{"id":154,"value":"deck = require.alias({\n // optional dependencies\n h3: {}\n})('deck.gl@latest/dist.min.js')","pinned":true,"hidden":false,"mode":"ojs"},{"id":312,"value":"import {text} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":460,"value":"function load_zip_csv(url) {\n\n const data = fetch(url)\n .then(x => x.arrayBuffer())\n .then(x => jszip.loadAsync(x))\n .then(buf => {\n const file = Object.keys(buf.files)[0];\n const js_array = buf.file(file)\n .async(\"string\")\n .then(x => d3.csvParse(x, d3.autoType))\n return js_array\n }) \n\n return data \n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1656,"value":"fetch","pinned":true,"hidden":false,"mode":"ojs"},{"id":457,"value":"jszip = require(\"jszip@3/dist/jszip.min.js\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":749,"value":"# Cell-Level Gene","pinned":false,"hidden":false,"mode":"md"},{"id":800,"value":"data_ini = inputs['data']","pinned":true,"hidden":false,"mode":"ojs"},{"id":803,"value":"data = data_ini","pinned":true,"hidden":false,"mode":"ojs"},{"id":755,"value":"gene_data_url = 'https://raw.githubusercontent.com/cornhundred/testing_something/master/per-gene-counts_slice-1_replicate-2/' + select_meta + '.csv'","pinned":true,"hidden":false,"mode":"ojs"},{"id":1340,"value":"zip_gene_data_url = 'https://raw.githubusercontent.com/cornhundred/testing_something/master/per-gene-counts_slice-1_replicate-2_zip/' + select_meta + '.csv.zip'","pinned":true,"hidden":false,"mode":"ojs"},{"id":753,"value":"mutable gene_data = {\n var gene_data\n\n // reset gene_data\n if (['none', 'leiden', 'mean-gene'].includes(select_meta)){\n gene_data = ([{}])\n } else {\n gene_data = load_zip_csv(zip_gene_data_url) \n }\n \n return gene_data\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":757,"value":"cat_opacity = 0.9","pinned":true,"hidden":false,"mode":"ojs"},{"id":1607,"value":"// mean_opacity_scale = d3.scaleLinear()\n// .domain([0, mean_gene_max])\n// .range([0, 250])","pinned":true,"hidden":false,"mode":"ojs"},{"id":759,"value":"opacity_scale = d3.scaleLinear()\n .domain([0, gene_max])\n .range([0, 250])","pinned":true,"hidden":false,"mode":"ojs"},{"id":761,"value":"// the maximum opacity will happen when the value reaches 90% of the maximum\ngene_max = Math.max.apply(Math, gene_data.map(function(x) { return parseInt(x[select_meta]) })) * 0.90","pinned":true,"hidden":false,"mode":"ojs"},{"id":1556,"value":"// mean_gene_data","pinned":true,"hidden":false,"mode":"ojs"},{"id":1533,"value":"// mean_gene_max = Math.max.apply(Math, mean_gene_data.map(function(x) { return parseInt(x['mean-gene']) })) * 0.90","pinned":true,"hidden":false,"mode":"ojs"},{"id":767,"value":"ini_map_type = 'UMAP'","pinned":true,"hidden":false,"mode":"ojs"},{"id":769,"value":"viewof map_type = {\n const element = html`\n

`;\n\n d3.select(element)\n .style('padding-right', '25px') \n .selectAll('div')\n .data(['UMAP', 'Spatial'])\n .join('span')\n .on('click', function(d){\n d3.select(element).selectAll('span')\n .style('color', '#808080')\n d3.select(this)\n .style('color', 'blue') \n element.value = d.replace(', ', '')\n element.dispatchEvent(new CustomEvent(\"input\")); \n }) \n .style('min-width', '200px')\n .style('max-width', '200px') \n .style('margin-right', '10px') \n .text(d => d)\n .style('font-weight', '550px') \n .style(\"font-family\", \"sans-serif\")\n .style(\"font-size\", \"16\")\n .style(\"text-anchor\", \"end\")\n .style('font-weight', 'bold')\n .style('color', d => d === 'UMAP' ? 'blue': '#808080')\n .attr('id', d => d)\n \n element.value = ini_map_type\n element.dispatchEvent(new CustomEvent(\"input\"))\n\n return element\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":779,"value":"import {select} from '@jashkenas/inputs'","pinned":true,"hidden":false,"mode":"ojs"},{"id":782,"value":"meta_data_cols = meta_data_cols_ini.concat(gene_names)","pinned":true,"hidden":false,"mode":"ojs"},{"id":794,"value":"non_param_cols = ['x', 'y', 'umap-x', 'umap-y', 'name', 'fov', 'tooltip_name']","pinned":true,"hidden":false,"mode":"ojs"},{"id":784,"value":"meta_data_cols_ini = Object.keys(data[0])\n .filter(x => non_param_cols.includes(x) === false)","pinned":true,"hidden":false,"mode":"ojs"},{"id":786,"value":"gene_names = meta_gene.map(x => x['']).sort()","pinned":true,"hidden":false,"mode":"ojs"},{"id":788,"value":"meta_gene = meta_gene_ini\n .filter(x => x[''].includes('Blank') === false)\n .sort(function(a, b){\n return b['mean'] - a['mean'];\n });","pinned":true,"hidden":false,"mode":"ojs"},{"id":792,"value":"meta_gene_url = 'https://raw.githubusercontent.com/cornhundred/testing_something/master/meta_gene.csv'","pinned":true,"hidden":false,"mode":"ojs"},{"id":790,"value":"meta_gene_ini = d3.csv(meta_gene_url)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1048,"value":"meta_gene_ini[0]","pinned":true,"hidden":false,"mode":"ojs"},{"id":812,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":1164,"value":"## Heatmap","pinned":false,"hidden":false,"mode":"md"},{"id":1168,"value":"CGM = require(await FileAttachment(\"clustergrammer-gl@1.0.22.0.packd.js\").url())","pinned":true,"hidden":false,"mode":"ojs"},{"id":1170,"value":"network = FileAttachment(\"leiden_cgm_gene_cats.json\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1172,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":1261,"value":"mutable selected_leidens = []","pinned":true,"hidden":false,"mode":"ojs"},{"id":1355,"value":"col_selection = Generators.observe(notify => {\n\n const mousemove = () => {\n \n if (cgm.params.tooltip.tooltip_type === 'col-dendro'){\n mutable select_meta = 'leiden'\n mutable dendro_selected_genes = []\n mutable selected_leidens = cgm.params.dendro.selected_clust_names.map(x => x.replace('Leiden-', ''))\n } \n\n }\n \n viewof cgm.addEventListener(\"click\", mousemove);\n notify(cgm.params.dendro.selected_clust_names.map(x => x.replace('Leiden-', '')));\n\n return () => viewof cgm.removeEventListener(\"mousemove\", mousemove);\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1359,"value":"mutable dendro_selected_genes = []","pinned":true,"hidden":false,"mode":"ojs"},{"id":1367,"value":"promised_selected_genes = Promise.all(dendro_selected_genes.map(gene => { \n\n const url = 'https://raw.githubusercontent.com/cornhundred/testing_something/master/per-gene-counts_slice-1_replicate-2_zip/' + String(gene) + '.csv.zip'\n\n const unzipped_csv = load_zip_csv(url)\n \n return unzipped_csv\n}))","pinned":true,"hidden":false,"mode":"ojs"},{"id":1193,"value":"row_selection = Generators.observe(notify => {\n\n const mousemove = () => {\n \n // if (cgm.params.tooltip.tooltip_type.includes('dendro')){\n if (cgm.params.tooltip.tooltip_type === 'row-dendro'){\n \n mutable select_meta = 'mean-gene'\n mutable dendro_selected_genes = cgm.params.dendro.selected_clust_names\n } \n \n }\n \n viewof cgm.addEventListener(\"click\", mousemove);\n // notify(cgm.params.dendro.selected_clust_names.map(x => x.replace('Leiden-', '')));\n\n return () => viewof cgm.removeEventListener(\"mousemove\", mousemove);\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1251,"value":"heatmap_col = Generators.observe(notify => {\n const mouse_click = () => {\n\n // clicking cluster col\n //////////////////////////////\n if (cgm.params.tooltip.tooltip_type === 'col-label'){\n mutable select_meta = 'leiden'\n mutable dendro_selected_genes = []\n mutable selected_leidens = [cgm.params.int.mouseover.col.name.replace('Leiden-', '')] \n }\n \n notify([cgm.params.int.mouseover.col.name])\n }\n \n viewof cgm.addEventListener(\"click\", mouse_click);\n \n notify([cgm.params.int.mouseover.col.name]);\n\n return () => viewof cgm.removeEventListener(\"mousemove\", mouse_click);\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1176,"value":"heatmap_row = Generators.observe(notify => {\n const mouse_click = () => {\n\n // clicking gene row\n //////////////////////////////\n if (cgm.params.tooltip.tooltip_type === 'row-label'){\n var inst_name = cgm.params.int.mouseover.row.name\n mutable dendro_selected_genes = []\n mutable select_meta = inst_name\n d3.select('#meta_dropdown').select('select').node().value = inst_name \n }\n \n notify(cgm.params.int.mouseover.row.name)\n }\n \n viewof cgm.addEventListener(\"click\", mouse_click);\n \n notify(cgm.params.int.mouseover.row.name);\n\n return () => viewof cgm.removeEventListener(\"mousemove\", mouse_click);\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1174,"value":"function reactiveValue(inst_container, name, value) {\n return {\n get() {\n return value;\n },\n set(v) {\n value = v;\n inst_container.dispatchEvent(new CustomEvent(\"input\", {detail: {name, value}}));\n return value;\n }\n };\n}","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}