2d:null 2e:["$","title",null,{"children":"Material Design Tooltips | KentR | Observable"}] 33:T42c,function initTooltips(dependencies) { mdcStyles(); document.querySelectorAll(`[data-mdc-tooltip]`) .forEach((anchorEl) => { const anchorSelection = d3.select(anchorEl); const id = DOM.uid("tooltip").id; // Remove any existing tooltip. Otherwise, tooltips for a given anchor will accumulate. const tooltipId = anchorSelection.attr("aria-describedby"); document.getElementById(tooltipId) ?.remove() // Add tooltip to document body. const tooltipEl = htl.html``; document.body.appendChild(tooltipEl); anchorSelection .attr("aria-describedby", id); // Initialize tooltip. const tooltip = new mdc.tooltip.MDCTooltip(tooltipEl); tooltip.setTooltipPosition({ yPos: 1 }) }) }34:[] 31:{"id":"cb633eb433feb673","slug":"material-design-tooltips","title":"Material Design Tooltips","thumbnail":"6d605e78f8f5da3ca52ad7c573d54bf4cebe88f3879823721e8d3e1e2bc55349","access_level":"public","create_time":"$D2022-08-12T15:46:32.821Z","update_time":"$D2022-08-18T03:50:47.058Z","view_time":null,"first_public_time":"$D2022-08-12T16:01:40.012Z","fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"0b116c76f2ee4747","login":"kentr","name":"KentR","avatar_url":"https://avatars-next.observableusercontent.com/a71a34edcdb576764acda858a882c5e4fdc007290690cf9bb3519f759390605b","tier":"starter_2024"},"version":97,"publish_version":97,"role":null,"authored":false,"authors":[{"type":"individual","id":"44febc4992049150","login":"kentr","name":"KentR","avatar_url":"https://avatars-next.observableusercontent.com/ec6b96c3369e11d4cca541530ae49db0f62e35d7da1091af6b1476425f505cf1","tier":null}],"members":[{"type":"individual","id":"44febc4992049150","login":"kentr","name":"KentR","avatar_url":"https://avatars-next.observableusercontent.com/ec6b96c3369e11d4cca541530ae49db0f62e35d7da1091af6b1476425f505cf1","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"179e5667e7aa702c","slug":"material","title":"Material","owner":{"id":"0b116c76f2ee4747","login":"kentr","name":"KentR"}},"type":"notebook","body":{"title":"Material Design Tooltips","cells":[{"id":0,"value":"# Material Design Tooltips","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":7,"value":"tooltipAnchor = {\n\n const anchorEl = htl.html` Link `;\n\n return anchorEl;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"initTooltips([tooltipAnchor])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"import {mdcStyles} from \"@kentr/material-components-web-styles\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":66,"value":"mdc = mdcModule();","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":78,"value":"tooltipAnchor1 = {\n\n const anchorEl = htl.html` Link `;\n\n return anchorEl;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":86,"value":"initTooltips([tooltipAnchor1])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":72,"value":"import {mdcModule} from \"@kentr/material-components-web-styles\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 32:"$31:body"