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

`; var reservedKeys = []; var factories = {}; var rvalue = div.rvalue = {} var elements = {}; for (var k in div) reservedKeys.push(k); 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(parNames) { var t = {}; for (var i = 0; i < arguments.length; i++) { var name = arguments[i]; t[name] = factories[name]; } return aggregateIterator(t); } function append(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 = html``; getval = ()=>control.checked; } else if (desc.type == 'number') { control = html``; getval = ()=>control.value; } v.append(control); elements[parname] = control; itfact.set(getval()); control.addEventListener("input", function() { div.dispatchEvent(new CustomEvent("input")); console.log('dispatch'); itfact.set(getval()); rvalue[parname] = getval(); }); // Object.defineProperty(div, parname, { // get: () => itfact.make(), // set: () => { } // }); } for (let i = 0; i < descriptors.length; i++) append(i); function postProcess(obj) { obj.aggregate = aggregate; obj.rvalue = rvalue; obj.elements = elements; return obj; } Object.defineProperty(div, "value", { get: ()=>aggregateIterator(factories, postProcess), set: () => { } }); var t = {}; //div.value = () => aggregateIterator(div.gvalues); return div; } return init; }4c:T619,function aggregateIterator(factories, postFilter, initialValues) { //console.log({aggregateIterator:{factories, initialValues} }); var curValues = Object.assign({agg:1}, initialValues); var out = postFilter ? postFilter(curValues) : curValues; var curPromise = Promise.resolve(out); var curResolve = () => 0; async function* g() { yield curValues; while (true) { let p = curPromise; var x = await p; yield x; } } async function startLoop(key) { let iterator = factories[key].make(); async function get() { let tokenPromise = iterator.next(); // is an async iterator console.log({iterator, tokenPromise }); 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(); console.log({y}); curValues[key] = y; //console.log({ key, curValues }); var debugCount = 0; while(true) { let value = await get(); if (value!=curValues[key]) { curValues[key] = value; var oldResolve = curResolve; curPromise = new Promise(function(resolve) { curResolve = resolve; }); var out = postFilter ? postFilter(curValues) : curValues; oldResolve(curValues); } } } for(var k in factories) startLoop(k); var mainIterator = g(); return mainIterator; } 4d:[] 47:{"id":"8a90c1f13460b86d","slug":"panel_exp_viewof","title":"panel_exp_viewof","thumbnail":"b49b84d474d8af693fc1e1b3b34d2d924bc19d09e2040f584ae24c83f790a9a7","access_level":"public","create_time":"$D2021-05-01T15:43:19.723Z","update_time":"$D2023-04-21T14:47:35.924Z","view_time":null,"first_public_time":"$D2021-05-01T15:43:36.686Z","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":882,"publish_version":null,"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":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"panel_exp_viewof","cells":[{"id":0,"value":"md`# panel_exp_viewof`","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 {},\n {min:0, max:5, step:1, name:'steps'},\n {value:.99},\n {type:'boolean'},\n {name:'t', label:'tuning' },\n {value:true}\n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":693,"value":"uivalue=ui.value","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":430,"value":"uiPar1={ var x=ui.value; return x; }","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":383,"value":"uiRValue={ui; return ui.rvalue; }","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":844,"value":"ui","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":846,"value":"{var x=await ui; console.log({theX:x.next });var a=[];for(var k in x){a.push(k);} return x;}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":573,"value":"uiFirstAndPar1={ ui; return ui.par1;}","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":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":394,"value":"\"aggregate = ui.aggregate('first', 'par1')\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":778,"value":"function iteratorFactory(initialValue) {\n //console.log('generator factory initialValue='+initialValue);\n\tvar curValue = initialValue || 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\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":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"}],"files":"$W4d","stdlib":"1"}} 24:null