2f:T424,columns = (args, borders = false) => { const form = html`` form.value = {} let cols = 0 for (const key in args) { let cur_child = args[key]; console.log(Object.keys(args).length); if (Object.keys(args).length > 1) { cur_child.style = `border: 1px solid; padding: 5px;` } else { cur_child.style = `border: 1px solid; padding: 5px; grid-column:1/span 2; width:96%; padding: 2.5px; justify-content:center; align-text: center; display: flex;` } form.appendChild(cur_child); cols++ } //form.style = `display: grid; grid-gap: 10px 15px; grid-template-columns: repeat(${cols}, auto); grid-auto-flow: dense; width:100%` form.style = `display: grid; grid-gap: 5px 5px; grid-template-columns: repeat(${cols}, 48%); grid-auto-flow: dense; width:100%; height:100%; padding:5px;` form.oninput = () => { form.value = Object.keys(args).reduce((result, key) => { result[key] = args[key].value return result }, Array.isArray(args) ? [] : {}) } form.oninput() return form }30:T420,// https://observablehq.com/@tomlarkworthy/local-storage-view localStorageView = ( key, { bindTo = undefined, defaultValue = null, json = false } = {} ) => { const id = DOM.uid().id; const ui = htl.html`

localStorageView("${key}"): ${inspect( localStorage.getItem(key) || defaultValue )}

`; const holder = ui.querySelector(`#${id}`); const view = Object.defineProperty(ui, "value", { get: () => { const val = json ? JSON.parse(localStorage.getItem(key)) : localStorage.getItem(key); return val || defaultValue; }, set: (value) => { value = json ? JSON.stringify(value) : value; holder.removeChild(holder.firstChild); holder.appendChild(inspect(localStorage.getItem(key) || defaultValue)); localStorage.setItem(key, value); }, enumerable: true }); if (bindTo) { Inputs.bind(bindTo, view); } return view; }31:[] 2d:{"title":"Power Measures in Normal-Form Games","cells":[{"id":0,"value":"# Power Measures in Normal-Form Games","pinned":false,"hidden":false,"mode":"md"},{"id":2098,"value":"| | C | D |\n| -- | ------ | -------- |\n| C | ${viewof m00} | ${viewof m01} |\n| D | ${viewof m10} | ${viewof m11} |\n\n","pinned":false,"hidden":false,"mode":"md"},{"id":2284,"value":"| | C | D |\n| -- | -- | -- |\n| C | ${hi(m00,m10,0)} ${payoff(m00,0)} , ${payoff(m00,1)} ${hi(m00,m01,1)} | ${hi(m01,m11,0)} ${payoff(m01,0)} , ${payoff(m01,1)} ${hi(m01,m00,1)} |\n| D | ${hi(m10,m00,0)} ${payoff(m10,0)} , ${payoff(m10,1)} ${hi(m10,m11,1)} | ${hi(m11,m01,0)} ${payoff(m11,0)} , ${payoff(m11,1)} ${hi(m11,m10,1)} |","pinned":false,"hidden":false,"mode":"md"},{"id":2069,"value":"Game with ${tex`(u_1,u_1)`}:\n\n| | C | D |\n| -- | -- | -- |\n| C | ${hi(m00,m10,0)} ${payoff(m00,0)} , ${payoff(m00,0)} ${hi(m00,m01,0)} | ${hi(m01,m11,0)} ${payoff(m01,0)} , ${payoff(m01,0)} ${hi(m01,m00,0)} |\n| D | ${hi(m10,m00,0)} ${payoff(m10,0)} , ${payoff(m10,0)} ${hi(m10,m11,0)} | ${hi(m11,m01,0)} ${payoff(m11,0)} , ${payoff(m11,0)} ${hi(m11,m10,0)} |","pinned":false,"hidden":false,"mode":"md"},{"id":2126,"value":"And with ${tex`(u_2,u_2)`}:\n\n| | C | D |\n| -- | -- | -- |\n| C | ${hi(m00,m10,1)} ${payoff(m00,1)} , ${payoff(m00,1)} ${hi(m00,m01,1)} | ${hi(m01,m11,1)} ${payoff(m01,1)} , ${payoff(m01,1)} ${hi(m01,m00,1)} |\n| D | ${hi(m10,m00,1)} ${payoff(m10,1)} , ${payoff(m10,1)} ${hi(m10,m11,1)} | ${hi(m11,m01,1)} ${payoff(m11,1)} , ${payoff(m11,1)} ${hi(m11,m10,1)} |","pinned":false,"hidden":false,"mode":"md"},{"id":1973,"value":"viewof m00 = Inputs.text({placeholder: \"0,0\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":2129,"value":"viewof m00storage = localStorageView(\"m00\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":2143,"value":"Inputs.bind(viewof m00, viewof m00storage)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1980,"value":"viewof m10 = Inputs.text({placeholder: \"1,0\", value: \"0,0\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":2172,"value":"viewof m10storage = localStorageView(\"m10\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":2174,"value":"Inputs.bind(viewof m10, viewof m10storage)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1984,"value":"viewof m01 = Inputs.text({placeholder: \"0,1\", value: \"0,0\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":2180,"value":"viewof m01storage = localStorageView(\"m01\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":2231,"value":"localStorageView.value","pinned":true,"hidden":false,"mode":"ojs"},{"id":2182,"value":"Inputs.bind(viewof m01, viewof m01storage)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1986,"value":"viewof m11 = Inputs.text({placeholder: \"1,1\", value: \"0,0\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":2184,"value":"viewof m11storage = localStorageView(\"m11\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":2186,"value":"Inputs.bind(viewof m11, viewof m11storage)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1778,"value":"viewof instructions = columns({\n col1: md`P1:\\n* ${tex`u_1(CC) = `} ${payoff(m00,0)}\\n* ${tex`u_1(CD) = `} ${payoff(m01,0)}\\n* ${tex`u_1(DC) = `} ${payoff(m10,0)}\\n* ${tex`u_1(DD) = `} ${payoff(m11,0)}`,\n col2: md`P2:\\n* ${tex`u_2(CC) = `} ${payoff(m00,1)}\\n* ${tex`u_2(CD) = `} ${payoff(m01,1)}\\n* ${tex`u_2(DC) = `} ${payoff(m10,1)}\\n* ${tex`u_2(DD) = `} ${payoff(m11,1)}`,\n /*col2: Inputs.form({\n header: md`The goal:`,\n a: ,\n b: \n })*/\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1945,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":2013,"value":"function payoff(m,p) {\n return(m.split(\",\")[p])\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":2088,"value":"function higher(cell_a, cell_b, player_num) {\n return(payoff(cell_a, player_num) >= payoff(cell_b, player_num))\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":2103,"value":"function hi(cell_a, cell_b, player_num) {\n return(higher(cell_a, cell_b, player_num) ? \"**\" : \"\")\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1677,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":1594,"value":"viewof resultTable = Inputs.form({\n prodInputs: columns({\n cResult: centerCell(capUsed),\n lResult: centerCell(laborUsed)\n }),\n prodOutputs: columns({\n b: centerCell(cornProd),\n })\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":582,"value":"viewof param_reset_button = Inputs.button(\"Reset Function Parameters\", {reduce: resetParams});","pinned":false,"hidden":false,"mode":"ojs"},{"id":901,"value":"

","pinned":false,"hidden":false,"mode":"html"},{"id":473,"value":"## (Imports and Stylesheets Below Here... No need to change anything)","pinned":false,"hidden":false,"mode":"md"},{"id":1220,"value":"K = k_A + k_I","pinned":false,"hidden":false,"mode":"ojs"},{"id":1218,"value":"L = l_A + l_I","pinned":false,"hidden":false,"mode":"ojs"},{"id":1531,"value":"function productionDesc(l, k, q) {\n return md`${myRound(l,1)} hrs of labor + ${myRound(k,1)} units corn ${tex`\\rightarrow_A`} ${myRound(q,2)} units corn (gross)`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1580,"value":"Definition of A:","pinned":false,"hidden":false,"mode":"md"},{"id":1824,"value":"viewof l_A = Inputs.text()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1830,"value":"viewof k_A = Inputs.range([0,0.5], {step: 0.5, value:0.0, label: html`${tex`k_A`}: Capital Invested`})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1584,"value":"Definition of I:","pinned":false,"hidden":false,"mode":"md"},{"id":1839,"value":"viewof l_I = Inputs.range([0, 8], {step: 0.5, value:0.0, label: html`${tex`\\ell_I`}: Hours of Labor`})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1841,"value":"viewof k_I = Inputs.range([0,0.5], {step: 0.5, value:0.0, label: html`${tex`k_I`}: Capital Invested`})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1588,"value":"Definition of Q:","pinned":false,"hidden":false,"mode":"md"},{"id":1223,"value":"Q = ({\n A: l_A / 3,\n I: Math.min(2*l_I, 2*k_I),\n total() {\n return this.A + this.I;\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1683,"value":"capUsed:","pinned":false,"hidden":false,"mode":"md"},{"id":1604,"value":"capUsed = md`${myRound(K)} / 0.5 ${K <= 0.5 ? `✅ capital constraint satisfied`: `❌ capital constraint exceeded!`}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1746,"value":"laborUsed:","pinned":false,"hidden":false,"mode":"md"},{"id":1599,"value":"laborUsed = md`Total labor hours: ${myRound(L)} / 16 ${L <= 2 ? `✅ labor time minimized`: `❌ More labor than necessary!`}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1710,"value":"cornProd:","pinned":false,"hidden":false,"mode":"md"},{"id":1590,"value":"cornProd = md`Corn produced: ${myRound(Q.total())} / 1.5 ${Q.total() >= 1.5 ? `✅ subsistence requirement met`: `❌ subsistence not met!`}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":507,"value":"### (Button/slider handlers)","pinned":false,"hidden":false,"mode":"md"},{"id":1815,"value":"function resetParams() {\n set(viewof l_A, 0);\n set(viewof k_A, 0);\n set(viewof l_I, 0);\n set(viewof k_I, 0);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":596,"value":"### (Helper fns)","pinned":false,"hidden":false,"mode":"md"},{"id":1416,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":1652,"value":"function centerCell(orig_cell) {\n return html`

${orig_cell}

`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1326,"value":"function myRound(orig_num, num_decimals) {\n return orig_num.toLocaleString(undefined, {maximumFractionDigits: num_decimals, minimumFractionDigits: num_decimals})\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":875,"value":"$$ = require(\"jquery\");","pinned":false,"hidden":false,"mode":"ojs"},{"id":600,"value":"function set(input, value) {\n input.value = value;\n input.dispatchEvent(new Event(\"input\"));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2138,"value":"import { inspect } from \"@observablehq/inspector\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":2131,"value":"import { localStorage } from '@mbostock/safe-local-storage'","pinned":true,"hidden":false,"mode":"ojs"},{"id":2136,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}