31:T665,// Override this from your app inputEl = html`

`32:[] 2f:{"title":"d3 hierarchy to dom nested lists","cells":[{"id":0,"value":"md`# d3 hierarchy to dom nested lists\n\nProbably over-engineered.\n\nSee [inputEl](#inputEl) for how the tree data is defined.\n\n## Todo\n\n- [ ] ?\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":549,"value":"linksData = {\n const docList = Array.from(\n inputEl.querySelectorAll('[data-doc-parent-href]')\n ).map(docLink => {\n const docHref = docLink.getAttribute('href');\n const docParentHref = docLink.getAttribute('data-doc-parent-href');\n\n return {\n el: docLink,\n id: docHref,\n parent: docParentHref,\n title: docLink.textContent\n };\n });\n\n docList.push({\n el: null,\n id: \"/docs/\",\n parent: null,\n title: \"All Docs\"\n });\n\n return docList;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":388,"value":"// Note: treeData will be mutated by the main viz code on expand / collapse / layout\ntreeData = {\n const tree = d3\n .stratify()\n .id(d => d.id)\n .parentId(d => d.parent)(linksData);\n\n return tree;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":566,"value":"makeIndentedTree = root => {\n const output = html`

`;\n\n const indentChildren = function(node, parentEl) {\n if (!node.children) return;\n const ul = html`

${cloned}