| 548 | svg.appendChild(packet); |
| 549 | |
| 550 | function addBoxLabels(g, cx, top, h, eyebrow, label, sub) { |
| 551 | const e = svgEl("text", { x: cx, y: top + 22, "text-anchor": "middle", "font-family": "var(--md-code-font-family)", "font-size": "10", "letter-spacing": "1.5", fill: "var(--md-primary-fg-color)", opacity: "0.85" }); |
| 552 | e.textContent = eyebrow; |
| 553 | g.appendChild(e); |
| 554 | const l = svgEl("text", { x: cx, y: top + h / 2 + 6, "text-anchor": "middle", "font-family": "var(--md-text-font-family)", "font-size": "14", "font-weight": "600", fill: "var(--md-default-fg-color)" }); |
| 555 | l.textContent = label; |
| 556 | g.appendChild(l); |
| 557 | const s = svgEl("text", { x: cx, y: top + h - 12, "text-anchor": "middle", "font-family": "var(--md-code-font-family)", "font-size": "10.5", fill: "var(--md-default-fg-color--light)" }); |
| 558 | s.textContent = sub; |
| 559 | g.appendChild(s); |
| 560 | } |
| 561 | |
| 562 | function setHighlight(id) { |
| 563 | Object.entries(subBoxes).forEach(([k, rect]) => { |