30:[] 2e:{"title":"Testing visibility","cells":[{"id":0,"value":"md`# Testing visibility`","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"md`\nLet’s see if as we scroll down the page we can use the \\`visibility\\` promise\nto get our shape to change color....\n\n(Unfortunately this doesn’t work in versions of Safari before 12.1.)\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"html`\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"mutable color = \"black\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":63,"value":"{\n await visibility();\n return mutable color = \"blue\";\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":4,"value":"{\n await visibility();\n return mutable color = \"red\";\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":50,"value":"html`\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":47,"value":"{\n await visibility();\n return mutable color = \"green\";\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":21,"value":"{\n await visibility();\n return mutable color = \"orange\";\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":72,"value":"html`\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":27,"value":"{\n await visibility();\n return mutable color = \"yellow\";\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":31,"value":"{\n await visibility();\n return mutable color = \"olive\";\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":39,"value":"html`\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":41,"value":"{\n await visibility();\n return mutable color = \"teal\";\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":44,"value":"{\n await visibility();\n return mutable color = \"navy\";\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":75,"value":"html`\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":52,"value":"{\n await visibility();\n return mutable color = \"gray\";\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":55,"value":"{\n await visibility();\n return mutable color = \"crimson\";\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":77,"value":"html`\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":58,"value":"{\n await visibility();\n return mutable color = \"sienna\";\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":79,"value":"{\n await visibility();\n return mutable color = \"chartreuse\";\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":84,"value":"html`\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":86,"value":"{\n await visibility();\n return mutable color = \"steelblue\";\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":88,"value":"{\n await visibility();\n return mutable color = \"mediumorchid\";\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":94,"value":"html`\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":96,"value":"{\n await visibility();\n return mutable color = \"peachpuff\";\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":98,"value":"{\n await visibility();\n return mutable color = \"midnightblue\";\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":108,"value":"html`\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":102,"value":"{\n await visibility();\n return mutable color = \"slategray\";\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":105,"value":"{\n await visibility();\n return mutable color = \"sandybrown\";\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":115,"value":"html`\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":110,"value":"{\n await visibility();\n return mutable color = \"tomato\";\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":112,"value":"{\n await visibility();\n return mutable color = \"seagreen\";\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":119,"value":"html`\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":121,"value":"{\n await visibility();\n return mutable color = \"orangered\";\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":126,"value":"{\n await visibility();\n return mutable color = \"olivedrab\";\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":129,"value":"html`\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":131,"value":"{\n await visibility();\n return mutable color = \"firebrick\";\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":134,"value":"{\n await visibility();\n return mutable color = \"lavender\";\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":144,"value":"html`\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":138,"value":"{\n await visibility();\n return mutable color = \"cadetblue\";\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":141,"value":"{\n await visibility();\n return mutable color = \"papayawhip\";\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":146,"value":"html`\n`","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}