30:T795,{ const $screen = svg``; const $window = svg``; const $iframe = svg``; const $line1 = svg``; const $line2 = svg``; const $viewport = svg``; [$screen, $window, $iframe, $line1, $line2, $viewport].forEach(n => n.setAttribute('vector-effect', 'non-scaling-stroke')); const $svg = svg`

Colors: ${\n Object.entries(c).map(([k, v]) => html`\n \n ${k}`\n )\n }`;\n \n view.value = c;\n return view;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":3,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":252,"value":"viewof range = {\n const a = html``;\n const b = html``;\n const h = html``;\n const value = [0,0];\n const disconnect = observeViewport((top, bottom) => {\n a.value = value[0] = top;\n b.value = value[1] = bottom;\n h.value = bottom-top;\n });\n invalidation.then(disconnect);\n // Minimize reflow (hopefully).\n const view = html`

top: ${a}, bottom: ${b}, height: ${h}`;\n  view.value = value;\n  return view;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":237,"value":"import {observeViewport} from '@mootari/sticky-positioning'","pinned":true,"hidden":false,"mode":"ojs"},{"id":65,"value":"inspect(window)","pinned":true,"hidden":false,"mode":"ojs"},{"id":295,"value":"inspect(screen)","pinned":true,"hidden":false,"mode":"ojs"},{"id":35,"value":"import {inspect} from '@mootari/inspect-props'","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}