28:null 29:["$","title",null,{"children":"TOC with fancy selectors | Thad Kerosky | Observable"}] 2e:T491,function toc(config) { const selector = config && config.selector ? config.selector : "h1,h2,h3,h4,h5,h6"; const heading = config && config.heading ? config.heading : "Table of Contents"; return Generators.observe(notify => { let headings = []; function observed() { const minSelector = Math.min(...selector.split(",").map(d => +d.replace(/.*h/, ""))); const h = Array.from(document.querySelectorAll(selector)); if (h.length !== headings.length || h.some((h, i) => headings[i] !== h)) { notify(html`${heading}

' : '
'}${DOM.text(h.textContent)}`, {onclick: e => (e.preventDefault(), h.scrollIntoView())} ); })}`); } } const observer = new MutationObserver(observed); observer.observe(document.body, {childList: true, subtree: true}); observed(); return () => observer.disconnect(); }); }2f:[] 2c:{"id":"15f4cff77a03268f","slug":"toc-with-fancy-selectors","title":"TOC with fancy selectors","thumbnail":"9c066e873e56f008f3c99b267d82c29d5d5961cea1aa986a3d07bd37e028c4fd","access_level":"public","create_time":"$D2020-05-24T21:35:31.518Z","update_time":"$D2020-05-24T21:59:00.120Z","view_time":null,"first_public_time":"$D2020-05-24T21:37:11.547Z","has_unpublished_edits":null,"fork":{"id":"0d64f2229c613239","slug":"toc","title":"TOC","owner":{"id":"be420f6a83563b92","login":"harrystevens","name":"Harry Stevens"}},"stars":1,"starred":false,"owner":{"type":"team","id":"5cd4a42aead2029f","login":"thadk","name":"Thad Kerosky","avatar_url":"https://avatars-next.observableusercontent.com/2f2413891eb0ff4669b49685946f849544a1e49e7047923d158638bc30666281","tier":"starter_2024"},"version":186,"publish_version":186,"role":null,"authored":false,"authors":[{"type":"individual","id":"be3e6e81af18a319","login":"thadk","name":"Thad Kerosky","avatar_url":"https://avatars-next.observableusercontent.com/2f2413891eb0ff4669b49685946f849544a1e49e7047923d158638bc30666281","tier":null}],"members":[{"type":"individual","id":"be3e6e81af18a319","login":"thadk","name":"Thad Kerosky","avatar_url":"https://avatars-next.observableusercontent.com/2f2413891eb0ff4669b49685946f849544a1e49e7047923d158638bc30666281","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"TOC with fancy selectors","cells":[{"id":0,"value":"md`# TOC with fancy selectors\n\nThis notebook can generate a table of contents automatically for your notebook.\n\n\\`\\`\\`js\nimport {toc} from \"@thadk/toc-with-fancy-selectors\"\n\\`\\`\\`\n\nHere’s 2 examples:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":171,"value":"toc({selector: \"h2,h3,h4,h5 \"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"toc({selector: \"#example.just-one > h3, #example.just-one > h4,#example.just-one > h5 \", heading: \"Just one section\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"md`## Implementation`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"$2e","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":42,"value":"md`## Hooray\n\nIt worked!`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"md`### This is a sub-section`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"md`A little text`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":158,"value":"html`
A separate sub-sub-section?
A separate sub-sub-section?
`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":139,"value":"html`
${md`\n#### A separate sub-sub-section?\n##### A separate sub-sub-section!\n`}
`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":85,"value":"md`###### A sub-sub-sub-sub-section! (h6!)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":63,"value":"md`### Another sub-section`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2f","stdlib":"1","titling":"auto"}} 2d:"$2c:body"

A separate sub-sub-section?

A separate sub-sub-section?