25:["$","title",null,{"children":"panel-viewof-2 | Paolo Andrenacci | Observable"}] 4b:Tbcd,Panel = { function init(descriptors) { var div = html`

`; var factories = {}; var rvalue = div.rvalue = {} var elements = div.elements = {}; function normalize(desc, index) { var defdesc = { type: 'number', min: 0, max: 1, step: 0.001, label: null, name: 'par' + index, value: 0.5 }; desc = Object.assign({}, defdesc, desc); if (!desc.label) desc.label = desc.name; if (desc.type == 'boolean' && typeof (desc.value) != 'boolean') desc.value = false; if (desc.value == 'boolean') desc.type = 'boolean'; return desc; } div.appendChild(PanelCss); function aggregate() { var parNames = [].slice.call(arguments); if (arguments.length==0 || parNames[0]=='*') return aggregateIterator(factories) var t = {}; for (var i = 0; i < parNames.length; i++) { var name = arguments[i]; t[name] = factories[name]; } return aggregateIterator(t); } div.watch = aggregate; function appendElement(i) { let desc = normalize(descriptors[i],i) let parname = desc.name; var el = html`

`; div.appendChild(el); el.appendChild(html`

${desc.label}

`); let v = html`

`; el.appendChild(v); rvalue[parname] = desc.value; let itfact = factories[parname] = iteratorFactory(desc.name); let getval, control; if (desc.type == 'boolean' || typeof (desc.value) == 'boolean') { var initCheck = desc.value ? "checked" : ""; control= Toggle({label: null, value:desc.value}); getval = ()=>control.value; } else if (desc.type == 'button') { control = Button("Replay"); getval = ()=>control.value; } else if (desc.type == 'number') { // default //control = Range([desc.min, desc.max], {step: desc.step, label: desc.label}); control = html``; getval = ()=>control.value; } v.append(control); elements[parname] = control; itfact.set(getval()); control.addEventListener("input", function() { div.dispatchEvent(new CustomEvent("input")); itfact.set(getval()); rvalue[parname] = getval(); }); var safeParName=parname; while(true) { if (typeof(div[safeParName])=='undefined') break; safeParName = "_"+safeParName; } el.setAttribute('title', safeParName); Object.defineProperty(div, safeParName, { get: () => itfact.make(), set: () => { } }); } for (let i = 0; i < descriptors.length; i++) appendElement(i); Object.defineProperty(div, "value", { get: ()=>{ console.log('get value'); return aggregateIterator(factories);}, set: () => { } }); var t = {}; //div.value = () => aggregateIterator(div.gvalues); return div; } return init; }4c:T5fe,function aggregateIterator(factories, initialValues) { var curValues = Object.assign({}, initialValues); var curPromise = Promise.resolve(curValues); var curResolve = () => 0; function nextPromise() { var oldResolve = curResolve; curPromise = new Promise(function(resolve) { curResolve = resolve; }); oldResolve(curValues); } async function* generator() { yield curValues; while (true) { let p = curPromise; var x = await p; console.log('aggr yield'); yield x; nextPromise() } } async function startLoop(key) { let iterator = factories[key].make(); async function get() { let tokenPromise = iterator.next(); // is an async iterator let token = await tokenPromise; // token = {done:..., value:...} let valuePromise = token.value; // my value is a Promise let value = await valuePromise; // console.log({iterator, tokenPromise, token, valuePromise, value}); return value; } var y = await get(); curValues[key] = y; var debugCount = 0; while(true) { let value = await get(); if (value!=curValues[key]) { curValues[key] = value; nextPromise(); // var oldResolve = curResolve; // curPromise = new Promise(function(resolve) { // curResolve = resolve; // }); // oldResolve(curValues); } } } for(var k in factories) startLoop(k); var mainIterator = generator(); return mainIterator; } 4d:[] 47:{"id":"70d65f2f0277f661","slug":"panel-viewof-2","title":"panel-viewof-2","thumbnail":"65041ef63a2d13eeeae3f0767744c6a1e029e4b7b37f5d3ae36af1504bf66821","access_level":"public","create_time":"$D2021-05-03T13:10:48.195Z","update_time":"$D2021-05-04T07:21:24.181Z","view_time":null,"first_public_time":"$D2021-05-03T13:11:14.895Z","has_unpublished_edits":null,"fork":{"id":"51b703684695af76","slug":"panel","title":"panel","owner":{"id":"3b42508407aca5a3","login":"zawinul","name":"Paolo Andrenacci"}},"stars":0,"starred":false,"owner":{"type":"team","id":"3b42508407aca5a3","login":"zawinul","name":"Paolo Andrenacci","avatar_url":"https://avatars-next.observableusercontent.com/5cf0f05427bb66405cd76829c2ade969967efb177b4ffefd635433c153ce8f46","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":1051,"publish_version":1051,"role":null,"authored":false,"authors":[{"type":"individual","id":"ed8740f4700202b7","login":"zawinul","name":"Paolo Andrenacci","avatar_url":"https://avatars-next.observableusercontent.com/5cf0f05427bb66405cd76829c2ade969967efb177b4ffefd635433c153ce8f46","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"ed8740f4700202b7","login":"zawinul","name":"Paolo Andrenacci","avatar_url":"https://avatars-next.observableusercontent.com/5cf0f05427bb66405cd76829c2ade969967efb177b4ffefd635433c153ce8f46","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"panel-viewof-2","cells":[{"id":0,"value":"md`# panel-viewof-2`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":101,"value":"ui=Panel([\n {name:'first', label:'first par', value:.2},\n {name:'second', max:1000000, value:100000, step:1},\n //{min:0, max:5, step:1, name:'steps'},\n {value:.99, name:'style'},\n {type:'button'},\n //{name:'t', label:'tuning' },\n {value:false}\n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":965,"value":"ui.value","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":693,"value":"w1=ui.value; // all the items, react to changes","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":994,"value":"w2=ui.watch('*')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1025,"value":"ui.watch('*')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1027,"value":"ui.value","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1029,"value":"{ debugger; return ui.value.first;}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1001,"value":"test={ var x =ui.watch('first','second','par4'); while(true) { var z= await x.next(); console.log('testyield');yield z.value; } }","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1008,"value":"test.first","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":947,"value":"ui.value.first // this does not work, I don't know why","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":924,"value":"ui.first","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":927,"value":"ui.style","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":888,"value":"ui._style // style is an existing tag of ui so we need an alias, hover with mouse on the control to see the alias","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":383,"value":"ui.rvalue // instantaneous read of values, does not react to changes","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":911,"value":"{ while(true) { await Promises.delay(1000,0); yield ui.rvalue;} } // polling","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":573,"value":"ui.watch(\"first\", \"par3\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":778,"value":"function iteratorFactory(name) {\n\tvar curValue = null;\n\tvar curPromise = Promise.resolve(curValue);\n\tvar curResolve = () => 0;\n\n\tfunction set(val) {\n\t\tif (val != curValue) {\n\t\t\tvar oldResolve = curResolve;\n\t\t\tcurPromise = new Promise(function (resolve) {\n\t\t\t\tcurResolve = resolve;\n\t\t\t});\n\t\t\tcurValue = val;\n\t\t\toldResolve(val);\n\t\t}\n\t}\n\n\tfunction make() {\n\t\tasync function* g() {\n yield curValue;\n\t\t\twhile (true) {\n\t\t\t\tlet p = curPromise;\n\t\t\t\tvar x = await p;\n console.log('yield '+name);\n\t\t\t\tyield x;\n\t\t\t}\n\t\t}\n\t\treturn g();\n\t}\n\treturn {make, set};\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":87,"value":"$4b","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":216,"value":"$4c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":109,"value":"PanelCss = html`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":962,"value":"import {Button, Checkbox, Toggle, Radio, Range, Select, Text, Textarea, Search, Table} from \"@observablehq/inputs\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4d","stdlib":"1"}} 24:null