29:null 2a:["$","title",null,{"children":"VisFutures Cards | Uviz | Observable"}] 2f:T6f9,function inputBox(config = {}) { let { formTitle, formDescription, options } = config; const form = input({ formTitle, formDescription, form: html`

${options.map(({title, description, color, gid, cards}, i) => { const input = html` `; input.onclick = () => { if(input.getAttribute("data-selectedCards") != input.getAttribute("data-maxCards")) { form.value = {"id": input.getAttribute("id"), "value": input.getAttribute("data-selectedcards")}; input.setAttribute("data-selectedCards", parseInt(input.getAttribute("data-selectedCards")) + 1) if(input.getAttribute("data-selectedCards") == input.getAttribute("data-maxCards")) { input.disabled = true; } } form["onchange"](); } const tag = html` ${input} `; return tag; })}

`, }); form.output.remove(); return form; }30:T6a8, function input(config) { let { formTitle, formDescription, form, getValue } = config; const wrapper = html`

`; form.append( html`
` ); form.append( html`` ); form.prepend( html`

${formTitle}

` ); form.append( html`

${formDescription}

` ); form.append( html`
` ); form.append( // html`` ); form.append( html`` ); form["onchange"] = e => { e && e.preventDefault(); form.dispatchEvent(new CustomEvent("input", { bubbles: true })); }; form["onsubmit"] = e => { //e && e.preventDefault(); //form.value = getValue(form.input); //form.dispatchEvent(new CustomEvent("input", { bubbles: true })); }; form["onreset"] = e => { for(let i = 0; i < form.input.length; i++) { form.input[i].setAttribute("data-selectedCards", 0); form.input[i].disabled = false; } form.value = {}; e && e.preventDefault(); form.dispatchEvent(new CustomEvent("input", { bubbles: true })); }; wrapper.oninput = e => e && e.stopPropagation() && e.preventDefault(); form["onchange"](); form["onsubmit"](); form["onreset"](); while(form.childNodes.length) { wrapper.appendChild(form.childNodes[0]); } form.append(wrapper); return form; }31:[] 2d:{"id":"51a981cf418ab2ac","slug":null,"title":"VisFutures Cards","thumbnail":"7de4b0b1af16800f2cd0fa0842055fa02ba3f93e4353e252892a44bb95a94cbc","access_level":"unlisted","create_time":"$D2020-12-15T23:42:00.036Z","update_time":"$D2021-02-10T09:33:12.238Z","view_time":null,"first_public_time":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"43bb0790b569329d","login":"uvizlab","name":"Uviz","avatar_url":null,"tier":"starter_2024"},"version":1990,"publish_version":1990,"role":null,"authored":false,"authors":[{"type":"individual","id":"3f3c13d4d7d28817","login":"uvizlab","name":"Uviz","avatar_url":null,"tier":null}],"members":[{"type":"individual","id":"3f3c13d4d7d28817","login":"uvizlab","name":"Uviz","avatar_url":null,"tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":7,"collection":null,"type":"notebook","body":{"title":"VisFutures Cards","cells":[{"id":0,"value":"md`# VisFutures Cards`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":239,"value":"viewof deckInput = inputBox({\n formTitle: \"Decks\",\n formDescription: \"Please select the decks you want to play with.\",\n options: data\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1890,"value":"html`

\n ${selectedCards.length > 0 ? selectedCards.map(displayCards).join('') : \"\"}\n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":245,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1760,"value":"selectedRound = {\n if(!this) {\n return generateRound();\n }\n if(Object.keys(deckInput).length == 0) {\n return generateRound();\n }\n \n return this;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1956,"value":"selectedCards = {\n if(!this) {\n return [];\n }\n if(Object.keys(deckInput).length == 0) {\n return [];\n }\n \n const deck = data.find(x => x.gid === deckInput.id);\n const cards = deck.cards;\n const card = cards[selectedRound[deckInput.id][parseInt(deckInput.value)]];\n \n return [...this, card];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1763,"value":"function generateRound() {\n function shuffle(a) {\n const temp = [...Array(a).keys()];\n \n for(let i = temp.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [temp[i], temp[j]] = [temp[j], temp[i]];\n }\n \n return temp;\n }\n \n const round = {};\n\n for(let i = 0; i < data.length; i++) {\n round[data[i].gid] = shuffle(data[i].cards.length);\n }\n \n return round;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"data = {\n const decks = await d3.csv(\"https://docs.google.com/spreadsheets/d/1cOROwANXBRSQaAEysoA6tUkqslU_GPhXbTtzPO34K8I/export?format=csv&gid=0\");\n \n const cards = await Promise\n .all(decks.map(d => \"https://docs.google.com/spreadsheets/d/1cOROwANXBRSQaAEysoA6tUkqslU_GPhXbTtzPO34K8I/export?format=csv&gid=\".concat(d.gid)).map(d => d3.csv(d)));\n \n const data = decks.map(function(x, i) {\n cards[i].forEach(card => card.deck = x.title);\n cards[i].forEach(card => card.deckColor = x.color);\n \n x.cards = cards[i];\n return x;\n });\n \n return data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":327,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":329,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":679,"value":"displayCards = ({deck, deckColor, title, description, image}, i) => `\n

${deck.toUpperCase()}

${title}

\n ${description ? `${description.length > 200 ? description.substring(0, 200) + \"...\" : description}` : \"\"}\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1941,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":633,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":721,"value":"//TO-CHANGE, too hacky no likey\n\nhtml``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":707,"value":"d3 = require('d3-fetch', 'd3-array@2');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 2e:"$2d:body"