2b:null 2c:["$","title",null,{"children":"Animated Solve Analysis Tool (ASAT) | Zhouheng (Jeffrey) Sun | Observable"}] 31:T611,viewof inputs = { let options = Object.keys(examples).map(k => ({ label: k, value: k })) options = [ {label: "Custom", value: "Custom"}, ...options] if (window.location.hash) { options = [ {label: "URL", value: "URL"}, ...options ] } let sel = select({ title: "", options, }) let replay = html``\n button.addEventListener('click', (evt) => {\n evt.preventDefault();\n download();\n })\n async function download() {\n // this will create a link tag on the fly\n // \n var blob = (await fetch(video.src)).blob()\n var link = document.createElement('a');\n link.setAttribute('href', URL.createObjectURL(blob));\n link.setAttribute('download', 'video.webm');\n\n // NOTE: We need to add temporarily the link to the DOM so\n // we can trigger a 'click' on it.\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n }\n return button\n */\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":983,"value":"custom_solve = (\n\n{ stages: [{ name : \"FB\", count : 14, time : 5.04333333333333, moves: \"B' R D' U r' U r2 U2' r' F R2 U' r2 B\", color: \"darkseagreen\"},{ name : \"SS\", count : 7, time : 3.2, moves: \"r' U R2 U2' r U r'\", color: \"orange\"},{ name : \"SP\", count : 10, time : 2.76666666666667, moves: \"M U R' U R U2' M2' r' U' r \", color: \"#f2cd05\"},{ name : \"CMLL\", count : 25, time : 4.53333333333333, moves: \"U2' F R U R' U' R U R' U' F' R U R' U' R' F R2 U' R' U' R U R' F'\", color: \"steelblue\"},{ name : \"EOLRb\", count : 14, time : 4.53333333333333, moves: \"M U2 M' U2' M' U' M' M2 U M' U2' M' U M2'\", color: \"mediumpurple\"},{ name : \"EP\", count : 5, time : 2.2666666666667, moves: \"U M' U2' M' U2' \", color: \"indianred\"}] }\n\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":26,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":439,"value":"video = {\n return html`

`\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1015,"value":"viewof panel = {\n custom_solve;\n let div = html` `\n \n let button = html``\n let body = textarea({\n width: \"100%\",\n rows: 10, \n value: JSON.stringify(solve, undefined, 4) \n })\n \n button.addEventListener('click', () => {\n if (div.contains(body)) {\n div.removeChild(body)\n } else {\n div.appendChild(body)\n }\n })\n\n div.append(button)\n return div\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1167,"value":"{ \n let url = \"https://observablehq.com/@onionhoney/animated-solve-analysis-tool-asat#\" + btoa(JSON.stringify(solve))\n return Object.assign(\n html`