@nowline/embed 0.0.0-dev.20261016065603.g2853a46 → 0.0.0-dev.20261016123749.g5260133

package/dist/meta.json

@@ -4988,7 +4988,7 @@
       "format": "esm"
     },
     "../layout/dist/themes/shared.js": {
-      "bytes": 17150,
+      "bytes": 17294,
       "imports": [],
       "format": "esm"
     },
@@ -6419,7 +6419,7 @@
       "format": "esm"
     },
     "../layout/dist/nodes/footnote-node.js": {
-      "bytes": 2844,
+      "bytes": 6739,
       "imports": [
         {
           "path": "../layout/dist/dsl-utils.js",
@@ -6431,6 +6431,11 @@
           "kind": "import-statement",
           "original": "../style-resolution.js"
         },
+        {
+          "path": "../layout/dist/text-measure.js",
+          "kind": "import-statement",
+          "original": "../text-measure.js"
+        },
         {
           "path": "../layout/dist/themes/shared.js",
           "kind": "import-statement",
@@ -10043,7 +10048,7 @@
       "format": "esm"
     },
     "../renderer/dist/svg/render.js": {
-      "bytes": 112640,
+      "bytes": 112254,
       "imports": [
         {
           "path": "../layout/dist/index.js",
@@ -10273,7 +10278,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3666022
+      "bytes": 3671785
     },
     "dist/nowline.min.js": {
       "imports": [],
@@ -11289,7 +11294,7 @@
           "bytesInOutput": 729
         },
         "../layout/dist/nodes/footnote-node.js": {
-          "bytesInOutput": 674
+          "bytesInOutput": 1361
         },
         "../layout/dist/positioned-shift.js": {
           "bytesInOutput": 606
@@ -11424,7 +11429,7 @@
           "bytesInOutput": 727
         },
         "../renderer/dist/svg/render.js": {
-          "bytesInOutput": 31490
+          "bytesInOutput": 31454
         },
         "../browser/dist/pipeline.js": {
           "bytesInOutput": 2126
@@ -11451,7 +11456,7 @@
           "bytesInOutput": 257
         }
       },
-      "bytes": 669246
+      "bytes": 669897
     }
   }
 }

package/dist/nowline.esm.js

@@ -1,4 +1,4 @@
-/*! @nowline/embed 0.0.0-dev.20261016065603.g2853a46 sha=2853a46 built=2026-10-16T06:52:06Z */
+/*! @nowline/embed 0.0.0-dev.20261016123749.g5260133 sha=5260133 built=2026-10-16T12:32:36Z */
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -33357,45 +33357,100 @@ function buildDependencies(items, swimlanes, includes, ctx) {
 function indexFootnotes(footnotes, precedingCount = 0) {
   const index = /* @__PURE__ */ new Map();
   const hosts = /* @__PURE__ */ new Map();
-  const ordered = [...footnotes.entries()].sort(([a], [b]) => a.localeCompare(b));
-  ordered.forEach(([id, f], i2) => {
+  [...footnotes.entries()].forEach(([id, f], i2) => {
     index.set(id, precedingCount + i2 + 1);
     hosts.set(id, propValues(f.properties, "on"));
   });
   return { index, hosts };
 }
+var FOOTNOTE_TEXT_FONT_SIZE_PX = 11;
+var FOOTNOTE_DESCRIPTION_MIN_OFFSET_PX = 120;
+var FOOTNOTE_TITLE_CHAR_ADVANCE_PX = 6;
+var DESCRIPTION_LEAD = "\u2014 ";
 function buildFootnotePanel(footnotes, ctx, chartBottomY, chartRightX, regions = []) {
+  const boxX = FOOTNOTE_PANEL_PADDING_PX;
+  const boxY = chartBottomY + FOOTNOTE_PANEL_PADDING_PX;
+  const boxWidth = chartRightX - 2 * FOOTNOTE_PANEL_PADDING_PX;
+  const titleX = boxX + 2 * FOOTNOTE_PANEL_PADDING_PX;
+  const textRightX = boxX + boxWidth - FOOTNOTE_PANEL_PADDING_PX;
+  const firstRowY = boxY + FOOTNOTE_HEADER_HEIGHT_PX + FOOTNOTE_PANEL_PADDING_PX;
   const entries = [];
+  let row = 0;
   const add = (decls, source, region) => {
-    const ordered = [...decls.entries()].sort(([a], [b]) => a.localeCompare(b));
-    for (const [id, f] of ordered) {
+    for (const [id, f] of decls) {
+      const title = f.title ?? id;
+      const description = f.description?.text;
+      const lines = entryLines(title, description, titleX, textRightX);
+      const y = firstRowY + row * FOOTNOTE_ROW_HEIGHT;
+      const at = (l) => ({
+        x: l.x,
+        y: y + l.row * FOOTNOTE_ROW_HEIGHT,
+        text: l.text
+      });
       const entry = {
         number: source.footnoteIndex.get(id) ?? entries.length + 1,
-        title: f.title ?? id,
-        description: f.description?.text,
+        y,
+        title,
+        titleLines: lines.title.map(at),
+        description,
         style: resolveStyle("footnote", f.properties, source.styleCtx)
       };
+      if (lines.description.length > 0)
+        entry.descriptionLines = lines.description.map(at);
       if (region !== void 0)
         entry.region = region;
       entries.push(entry);
+      row += lines.rows;
     }
   };
   add(footnotes, ctx);
-  let headings = 0;
   for (const r of regions) {
     if (r.footnotes.size === 0)
       continue;
+    const headingY = firstRowY + row * FOOTNOTE_ROW_HEIGHT;
+    row += 1;
+    const first2 = entries.length;
     add(r.footnotes, r.ctx, r.title);
-    headings += 1;
+    entries[first2].regionHeadingY = headingY;
   }
   const box = {
-    x: FOOTNOTE_PANEL_PADDING_PX,
-    y: chartBottomY + FOOTNOTE_PANEL_PADDING_PX,
-    width: chartRightX - 2 * FOOTNOTE_PANEL_PADDING_PX,
-    height: entries.length === 0 ? 0 : FOOTNOTE_HEADER_HEIGHT_PX + (entries.length + headings) * FOOTNOTE_ROW_HEIGHT + FOOTNOTE_PANEL_PADDING_PX
+    x: boxX,
+    y: boxY,
+    width: boxWidth,
+    height: entries.length === 0 ? 0 : FOOTNOTE_HEADER_HEIGHT_PX + row * FOOTNOTE_ROW_HEIGHT + FOOTNOTE_PANEL_PADDING_PX
   };
   return { box, entries };
 }
+function entryLines(title, description, titleX, textRightX) {
+  const fullWidth = textRightX - titleX;
+  const titleRows = fitsOrWraps(title, fullWidth, fullWidth);
+  const titleLines = titleRows.map((text, row) => ({ x: titleX, row, text }));
+  if (!description)
+    return { title: titleLines, description: [], rows: titleRows.length };
+  const leadWidth = estimateTextWidth(DESCRIPTION_LEAD, FOOTNOTE_TEXT_FONT_SIZE_PX);
+  const firstWord = description.trim().split(/\s+/)[0] ?? "";
+  const columnX = titleX + Math.max(FOOTNOTE_DESCRIPTION_MIN_OFFSET_PX, title.length * FOOTNOTE_TITLE_CHAR_ADVANCE_PX);
+  const besideTitle = titleRows.length === 1 && leadWidth + estimateTextWidth(firstWord, FOOTNOTE_TEXT_FONT_SIZE_PX) <= textRightX - columnX;
+  const firstX = besideTitle ? columnX : titleX;
+  const firstRow = besideTitle ? titleRows.length - 1 : titleRows.length;
+  const rows = fitsOrWraps(description, fullWidth, textRightX - firstX - leadWidth);
+  const descriptionLines = rows.map((text, i2) => ({
+    x: i2 === 0 ? firstX : titleX,
+    row: firstRow + i2,
+    text: i2 === 0 ? `${DESCRIPTION_LEAD}${text}` : text
+  }));
+  return {
+    title: titleLines,
+    description: descriptionLines,
+    rows: firstRow + rows.length
+  };
+}
+function fitsOrWraps(text, width, firstWidth) {
+  if (estimateTextWidth(text, FOOTNOTE_TEXT_FONT_SIZE_PX) <= firstWidth)
+    return [text];
+  const rows = wrapText(text, width, FOOTNOTE_TEXT_FONT_SIZE_PX, firstWidth);
+  return rows.length > 0 ? rows : [text];
+}
 
 // ../layout/dist/positioned-shift.js
 function shiftTrackChildY(child, dy) {
@@ -38941,50 +38996,44 @@ function renderFootnotes(f, idPrefix, palette, fonts) {
     "font-weight": 700,
     fill: headerColor
   }, "Footnotes"));
-  const firstEntryBaselineY = f.box.y + FOOTNOTE_HEADER_HEIGHT_PX + FOOTNOTE_PANEL_PADDING_PX;
   const numberX = f.box.x + FOOTNOTE_PANEL_PADDING_PX;
-  const titleX = numberX + FOOTNOTE_PANEL_PADDING_PX;
-  let row = 0;
-  let region;
   for (const e of f.entries) {
-    if (e.region !== void 0 && e.region !== region) {
-      region = e.region;
+    if (e.region !== void 0 && e.regionHeadingY !== void 0) {
       parts.push(textTag({
         x: num(numberX),
-        y: num(firstEntryBaselineY + row * FOOTNOTE_ROW_HEIGHT),
+        y: num(e.regionHeadingY),
         "font-family": fonts.sans,
         "font-size": 10,
         "font-weight": 700,
         fill: headerColor
       }, e.region));
-      row += 1;
     }
-    const y = firstEntryBaselineY + row * FOOTNOTE_ROW_HEIGHT;
-    row += 1;
     parts.push(textTag({
       x: num(numberX),
-      y: num(y),
+      y: num(e.y),
       "font-family": fonts.sans,
       "font-size": 10,
       "font-weight": 700,
       fill: numberColor
     }, String(e.number)));
-    parts.push(textTag({
-      x: num(titleX),
-      y: num(y),
-      "font-family": fonts.sans,
-      "font-size": 11,
-      "font-weight": 600,
-      fill: titleColor
-    }, e.title));
-    if (e.description) {
+    for (const line of e.titleLines) {
+      parts.push(textTag({
+        x: num(line.x),
+        y: num(line.y),
+        "font-family": fonts.sans,
+        "font-size": 11,
+        "font-weight": 600,
+        fill: titleColor
+      }, line.text));
+    }
+    for (const line of e.descriptionLines ?? []) {
       parts.push(textTag({
-        x: num(titleX + Math.max(120, e.title.length * 6)),
-        y: num(y),
+        x: num(line.x),
+        y: num(line.y),
         "font-family": fonts.sans,
         "font-size": 11,
         fill: descColor
-      }, `\u2014 ${e.description}`));
+      }, line.text));
     }
   }
   return tag("g", { "data-layer": "footnotes" }, parts.join(""));
@@ -40518,8 +40567,8 @@ function effectiveTheme(theme, systemTheme) {
 }
 
 // src/index.ts
-var version = true ? "0.0.0-dev.20261016065603.g2853a46" : "0.0.0";
-var sha = true ? "2853a46" : "unknown";
+var version = true ? "0.0.0-dev.20261016123749.g5260133" : "0.0.0";
+var sha = true ? "5260133" : "unknown";
 var DEFAULT_SELECTOR = "pre code.language-nowline, code.language-nowline";
 var initialConfig = {
   theme: "auto",