30:T421,class WordCount extends HTMLElement { constructor() { // Always call super first in constructor super(); // Element functionality written in here // Create a shadow root this.attachShadow({ mode: 'open' }); // sets and returns 'this.shadowRoot' let body = JSON.parse(atob(this.getAttribute('body'))); let inspected = htl`

`; this.inspector = new Inspector(inspected); // Create (nested) span elements let wrapper = htl` ${inspected} `; // attach the created elements to the shadow DOM this.shadowRoot.append(wrapper); } connectedCallback() { console.log('HEY'); let body = JSON.parse(atob(this.getAttribute('body'))); this.inspector.fulfilled(body); } disconnectedCallback() { console.log("BYE"); } }31:[] 2e:{"title":"XLSX Playground","cells":[{"id":0,"value":"md`# XLSX Playground`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"XLSX = require('xlsx')","pinned":true,"hidden":false,"mode":"ojs"},{"id":8,"value":"ws_name = \"SheetJS\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":7,"value":"/* make worksheet */\nws = XLSX.utils.aoa_to_sheet([\n [\"S\", \"h\", \"e\", \"e\", \"t\", \"J\", \"S\"],\n [1, 2, 3, 4, 5],\n [1, 2, 3, 4, 5]\n])","pinned":true,"hidden":false,"mode":"ojs"},{"id":31,"value":"Infinity === Infinity","pinned":true,"hidden":false,"mode":"ojs"},{"id":17,"value":"wb = {\n /* Add the worksheet to the workbook */\n var wb = XLSX.utils.book_new();\n XLSX.utils.book_append_sheet(wb, ws, ws_name);\n return wb;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":22,"value":"XLSX.utils.sheet_to_json(ws)","pinned":true,"hidden":false,"mode":"ojs"},{"id":26,"value":"XLSX.utils.json_to_sheet([{ S: 1, h: 2, e: 3, e_1: 4, t: 5 }])","pinned":true,"hidden":false,"mode":"ojs"},{"id":34,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs"},{"id":48,"value":"id_counter = ({ value: 5 })","pinned":true,"hidden":false,"mode":"ojs"},{"id":64,"value":"id_counter","pinned":true,"hidden":false,"mode":"ojs"},{"id":40,"value":"custom_element_name = {\n id_counter.value = id_counter.value + 1;\n let name = `popup-infov${id_counter.value}`;\n customElements.define(name, WordCount);\n return name;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":111,"value":"data = btoa(\n JSON.stringify({\n x: 10,\n y: 20\n })\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":142,"value":"html`\n<${custom_element_name}\n body=${data}\n src=\"http://localhost:1234/notebook/123/bond/x\"\n>\n Pluto not loaded\n\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":151,"value":"url = new URL(\"http://localhost:1234/notebook/123/bond/x\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":155,"value":"url.pathname","pinned":true,"hidden":false,"mode":"ojs"},{"id":148,"value":"html`\n\n Pluto not loaded\n\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":81,"value":"htl = (await require('htl')).html","pinned":false,"hidden":false,"mode":"ojs"},{"id":118,"value":"Inspector = (await require('@observablehq/inspector')).Inspector","pinned":false,"hidden":false,"mode":"ojs"},{"id":41,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}