30:T41c,async function createApp(iframe) { // app is the same as iframe! const app = await layout(iframe, { leftSideBarWidth: width / 4, rightSideBarWidth: 400, headerHeight: height / 5, sizeTolerance: 4 }); // Attach HTML elements to your application, part by part // // app.parts.header.appendChild(...); // // For example: function showColor(part, color, label = '') { part.style.setProperty('display', 'flex'); part.appendChild( html`

${label}

` ); } showColor(app.parts.header, 'lightpink', 'header'); showColor(app.parts.topLeft, 'coral', 'topLeft'); showColor(app.parts.topRight, 'yellow', 'topRight'); showColor(app.parts.bottomLeft, 'lightblue', 'bottomLeft'); showColor(app.parts.bottomRight, 'lightgreen', 'bottomRight'); showColor(app.parts.footer, 'wheat', 'footer'); return iframe; }31:T105b,// See https://observablehq.com/@severo/iframe-and-load-event function layout( iframe, { topLeftWidth = width / 2, topLeftHeight, headerHeight = height / 6, footerHeight = height / 6, sizeTolerance = 0, debug = false, invalidation = disposal(iframe) } = {} ) { if (!(iframe instanceof HTMLIFrameElement)) { throw new Error('iframe must be an existing