@diagrammo/dgmo 0.91.0 → 0.92.0

package/dist/{chunk-PUZ63XZM.js → chunk-BZX7QCXJ.js}

@@ -6,7 +6,7 @@ import {
   layoutC4Containers,
   layoutC4Context,
   layoutC4Deployment
-} from "./chunk-K3BYD3WU.js";
+} from "./chunk-5KKZXA44.js";
 import {
   appendArrowheadMarkers,
   appendReverseArrowheadMarkers
@@ -16,7 +16,7 @@ import {
 } from "./chunk-S7W75MIM.js";
 import {
   renderIntegratedLegend
-} from "./chunk-QVKTAU7P.js";
+} from "./chunk-NMS5XSLX.js";
 import {
   ARROWHEAD_HEIGHT,
   ARROWHEAD_WIDTH,
@@ -33,7 +33,7 @@ import {
 } from "./chunk-XCKNFFKM.js";
 import {
   serializeSvg
-} from "./chunk-OOCVGX4W.js";
+} from "./chunk-CYRB2JTN.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT
@@ -43,20 +43,20 @@ import {
 } from "./chunk-ICLB27PZ.js";
 import {
   parseC4
-} from "./chunk-EP7BT3HU.js";
+} from "./chunk-BEA4D7OS.js";
 import {
   preprocessDescriptionLine
 } from "./chunk-IYULMRBE.js";
 import {
   resolveGroupTagColor,
   tagAttrKey
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   fillModeFromOptions
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   LEGEND_HEIGHT
-} from "./chunk-I6GGMCTV.js";
+} from "./chunk-UOCWYLYT.js";
 import {
   measureText,
   wrapTextToWidth
@@ -66,7 +66,7 @@ import {
   groupFill,
   mix,
   shapeFill
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 
 // src/c4/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -229,13 +229,16 @@ function renderC4Context(container, parsed, layout, palette, isDark, onClickItem
       const tagKey = tagAttrKey(activeTagGroup);
       const tagValue = node.metadata[tagKey];
       if (tagValue) {
-        nodeG.attr(`data-tag-${tagKey}`, tagValue.toLowerCase());
+        nodeG.attr(`data-tag-${tagAttrKey(tagKey)}`, tagValue.toLowerCase());
       } else {
         const tagGroup = parsed.tagGroups.find(
           (g) => tagAttrKey(g.name) === tagKey || g.alias?.toLowerCase() === tagKey
         );
         if (tagGroup?.defaultValue) {
-          nodeG.attr(`data-tag-${tagKey}`, tagGroup.defaultValue.toLowerCase());
+          nodeG.attr(
+            `data-tag-${tagAttrKey(tagKey)}`,
+            tagGroup.defaultValue.toLowerCase()
+          );
         }
       }
     }
@@ -268,12 +271,7 @@ function renderC4Context(container, parsed, layout, palette, isDark, onClickItem
       const totalWidth = PERSON_ICON_W + gap + textWidth;
       const iconCx = -totalWidth / 2 + PERSON_ICON_W / 2;
       const textX = iconCx + PERSON_ICON_W / 2 + gap;
-      drawPersonIcon(
-        nodeG,
-        iconCx,
-        yPos + LABEL_FONT_SIZE / 2 - 2,
-        stroke
-      );
+      drawPersonIcon(nodeG, iconCx, yPos + LABEL_FONT_SIZE / 2 - 2, stroke);
       nodeG.append("text").attr("x", textX).attr("y", yPos + LABEL_FONT_SIZE / 2).attr("text-anchor", "start").attr("dominant-baseline", "central").attr("fill", onFillText).attr("font-size", LABEL_FONT_SIZE).attr("font-weight", "bold").text(node.name);
     } else {
       nodeG.append("text").attr("x", 0).attr("y", yPos + LABEL_FONT_SIZE / 2).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("fill", onFillText).attr("font-size", LABEL_FONT_SIZE).attr("font-weight", "bold").text(node.name);
@@ -860,13 +858,16 @@ function renderC4Containers(container, parsed, layout, palette, isDark, onClickI
       const tagKey = tagAttrKey(activeTagGroup);
       const tagValue = node.metadata[tagKey];
       if (tagValue) {
-        nodeG.attr(`data-tag-${tagKey}`, tagValue.toLowerCase());
+        nodeG.attr(`data-tag-${tagAttrKey(tagKey)}`, tagValue.toLowerCase());
       } else {
         const tagGroup = parsed.tagGroups.find(
           (g) => tagAttrKey(g.name) === tagKey || g.alias?.toLowerCase() === tagKey
         );
         if (tagGroup?.defaultValue) {
-          nodeG.attr(`data-tag-${tagKey}`, tagGroup.defaultValue.toLowerCase());
+          nodeG.attr(
+            `data-tag-${tagAttrKey(tagKey)}`,
+            tagGroup.defaultValue.toLowerCase()
+          );
         }
       }
     }
@@ -894,14 +895,7 @@ function renderC4Containers(container, parsed, layout, palette, isDark, onClickI
     const shape = node.shape ?? "default";
     const isExternalShape = shape === "external";
     if (shape === "database" || shape === "cache") {
-      drawCylinderCard(
-        nodeG,
-        w,
-        h,
-        fill,
-        stroke,
-        shape === "cache"
-      );
+      drawCylinderCard(nodeG, w, h, fill, stroke, shape === "cache");
     } else if (shape === "cloud") {
       drawCloudCard(nodeG, w, h, fill, stroke);
     } else if (shape === "queue") {
@@ -927,12 +921,7 @@ function renderC4Containers(container, parsed, layout, palette, isDark, onClickI
       const totalWidth = PERSON_ICON_W + gap + textWidth;
       const iconCx = -totalWidth / 2 + PERSON_ICON_W / 2;
       const textX = iconCx + PERSON_ICON_W / 2 + gap;
-      drawPersonIcon(
-        nodeG,
-        iconCx,
-        yPos + LABEL_FONT_SIZE / 2 - 2,
-        stroke
-      );
+      drawPersonIcon(nodeG, iconCx, yPos + LABEL_FONT_SIZE / 2 - 2, stroke);
       nodeG.append("text").attr("x", textX).attr("y", yPos + LABEL_FONT_SIZE / 2).attr("text-anchor", "start").attr("dominant-baseline", "central").attr("fill", onFillText).attr("font-size", LABEL_FONT_SIZE).attr("font-weight", "bold").text(node.name);
     } else {
       nodeG.append("text").attr("x", 0).attr("y", yPos + LABEL_FONT_SIZE / 2).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("fill", onFillText).attr("font-size", LABEL_FONT_SIZE).attr("font-weight", "bold").text(node.name);

package/dist/{chunk-37QQXKFV.js → chunk-CDM6XMOT.js}

@@ -7,7 +7,7 @@ import {
 import {
   parseDateToken,
   toInternal
-} from "./chunk-DAOFNU6J.js";
+} from "./chunk-MKSTL6DR.js";
 import {
   normalizeName
 } from "./chunk-NOTA6TEI.js";
@@ -21,7 +21,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   PERT_REGISTRY,
   extractColor,
@@ -31,7 +31,7 @@ import {
   splitNameAndMeta,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   emit,
   makeDgmoError,

package/dist/{chunk-53BJIOLF.js → chunk-CN4RDJDV.js}

@@ -1,13 +1,13 @@
 import {
   resolveTagColor,
   tagAttrKey
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   mix
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 import {
   resolveColor
-} from "./chunk-2M4IGSCY.js";
+} from "./chunk-3J7O3CU6.js";
 
 // src/treemap/treemap-shared.ts
 import { scaleLinear } from "d3-scale";

package/dist/{chunk-OOCVGX4W.js → chunk-CYRB2JTN.js}

@@ -1,6 +1,6 @@
 import {
   LEGEND_PILL_TOGGLE_CLASS
-} from "./chunk-I6GGMCTV.js";
+} from "./chunk-UOCWYLYT.js";
 
 // src/utils/svg-serialize.ts
 var BARE_AMPERSAND = /&(?![a-zA-Z][a-zA-Z0-9]*;|#\d+;|#[xX][0-9a-fA-F]+;)/g;

package/dist/{chunk-IHK3Y2HG.js → chunk-DEFBUZWV.js}

@@ -1,7 +1,7 @@
 import {
   parseFirstLine,
   recognizeGlobalBoolean
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   makeDgmoError,
   makeFail,

package/dist/{chunk-NTJ5HVV6.js → chunk-DGUGE67L.js}

@@ -1,6 +1,6 @@
 import {
   buildSwatches
-} from "./chunk-G2KHLANR.js";
+} from "./chunk-T7NWBVSC.js";
 import {
   now
 } from "./chunk-3DPOIW3W.js";
@@ -21,10 +21,10 @@ import {
   contrastText,
   mix,
   themeBaseBg
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 import {
   resolveColor
-} from "./chunk-2M4IGSCY.js";
+} from "./chunk-3J7O3CU6.js";
 
 // src/clock/renderer.ts
 import * as d3Selection from "d3-selection";

package/dist/{chunk-3SLRZKLB.js → chunk-DRFGIOZ6.js}

@@ -1,6 +1,6 @@
 import {
   tryCollectNote
-} from "./chunk-KSZHIAI2.js";
+} from "./chunk-3Y63RFJL.js";
 import {
   resolveNotes
 } from "./chunk-O753JUEZ.js";
@@ -20,7 +20,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   AliasRegistry,
   ER_REGISTRY,
@@ -34,10 +34,10 @@ import {
   tryParseSharedOption,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   resolveColorWithDiagnostic
-} from "./chunk-2M4IGSCY.js";
+} from "./chunk-3J7O3CU6.js";
 import {
   NAME_DIAGNOSTIC_CODES,
   formatDgmoError,

package/dist/{chunk-EDPDAUBL.js → chunk-DUPZ2BBY.js}

@@ -1,14 +1,14 @@
 import {
   drawCylinderCard,
   drawQueueCard
-} from "./chunk-PUZ63XZM.js";
+} from "./chunk-BZX7QCXJ.js";
 import {
   CYLINDER_RY,
   QUEUE_CAP
-} from "./chunk-K3BYD3WU.js";
+} from "./chunk-5KKZXA44.js";
 import {
   renderChartTitle
-} from "./chunk-X6IZP2BD.js";
+} from "./chunk-Q6W2K33N.js";
 import {
   TITLE_FONT_SIZE
 } from "./chunk-VLC6WNRD.js";
@@ -24,7 +24,7 @@ import {
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 
 // src/whiteboard/renderer.ts
 import * as d3 from "d3-selection";
@@ -787,7 +787,19 @@ function renderWhiteboard(container, parsed, palette, isDark, options = {}) {
       }
     }
   };
-  for (const el of elements) drawElement(el);
+  for (const el of inDrawOrder(elements)) drawElement(el);
+}
+var DRAW_BAND = {
+  image: 0,
+  shape: 1,
+  note: 2,
+  arrow: 3,
+  line: 3,
+  text: 4,
+  ink: 5
+};
+function inDrawOrder(elements) {
+  return elements.map((el, i) => ({ el, i })).sort((a, b) => DRAW_BAND[a.el.kind] - DRAW_BAND[b.el.kind] || a.i - b.i).map(({ el }) => el);
 }
 function appendLines(t, lines, x, firstY, lh) {
   lines.forEach((ln, i) => {

package/dist/{chunk-HLE5QGZJ.js → chunk-EBIDNRSR.js}

@@ -1,6 +1,6 @@
 import {
   fillModeFromOptions
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   measureText,
   wrapTextToWidth
@@ -8,7 +8,7 @@ import {
 import {
   mix,
   shapeFill
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 
 // src/journey-map/layout.ts
 var PADDING = 24;

package/dist/{chunk-N254IJM2.js → chunk-EBSFSOJC.js}

@@ -1,3 +1,8 @@
+import {
+  FULL_TEXT_ATTR,
+  fullNodeText,
+  isCutShort
+} from "./chunk-B5DHFFZP.js";
 import {
   appendArrowheadMarkers,
   appendReverseArrowheadMarkers
@@ -8,7 +13,7 @@ import {
   renderNoteBadge,
   renderNoteBox,
   renderNoteConnector
-} from "./chunk-KATED53P.js";
+} from "./chunk-JRWUHLRP.js";
 import {
   wrapDescriptionLines
 } from "./chunk-NPWVOFB3.js";
@@ -21,7 +26,7 @@ import {
 } from "./chunk-24YPR5EH.js";
 import {
   renderIntegratedLegend
-} from "./chunk-QVKTAU7P.js";
+} from "./chunk-NMS5XSLX.js";
 import {
   ARROWHEAD_HEIGHT,
   ARROWHEAD_WIDTH,
@@ -34,11 +39,11 @@ import {
 } from "./chunk-XCKNFFKM.js";
 import {
   layoutInlineHeader
-} from "./chunk-CNUN5GO6.js";
+} from "./chunk-42UJ23H3.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-NS7L7YKH.js";
+} from "./chunk-JILEYZ2V.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -49,13 +54,14 @@ import {
 } from "./chunk-ICLB27PZ.js";
 import {
   resolveGroupTagColor,
-  resolveTagColor
-} from "./chunk-QKJ6MQXW.js";
+  resolveTagColor,
+  tagAttrKey
+} from "./chunk-4SACN2C5.js";
 import {
   fillModeFromOptions,
   legendInlineRequested,
   legendSuppressed
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   CHAR_WIDTH_RATIO,
   measureText,
@@ -70,10 +76,10 @@ import {
   shapeFill,
   themeBaseBg,
   valueRampColor
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 import {
   resolveColor
-} from "./chunk-2M4IGSCY.js";
+} from "./chunk-3J7O3CU6.js";
 
 // src/boxes-and-lines/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -568,7 +574,7 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
     const dividerStroke = fillMode === "solid" ? colors.text : colors.stroke;
     const nodeG = diagramG.append("g").attr("class", "bl-node").attr("transform", `translate(${ln.x},${ln.y})`).attr("data-line-number", node.lineNumber).attr("data-node-id", node.label).style("cursor", onClickItem ? "pointer" : "default").style("--bl-node-stroke", colors.stroke);
     for (const [key, val] of Object.entries(node.metadata)) {
-      nodeG.attr(`data-tag-${key.toLowerCase()}`, val.toLowerCase());
+      nodeG.attr(`data-tag-${tagAttrKey(key)}`, val.toLowerCase());
     }
     if (node.value !== void 0) {
       nodeG.attr("data-value", node.value);
@@ -584,10 +590,14 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
     const y = -ln.height / 2;
     nodeG.append("rect").attr("x", x).attr("y", y).attr("width", ln.width).attr("height", ln.height).attr("rx", NODE_RX).attr("ry", NODE_RX).attr("fill", colors.fill).attr("stroke", colors.stroke).attr("stroke-width", sNodeStrokeWidth);
     const desc = node.description;
+    let textCut;
+    let drawnDesc = [];
     if (desc && desc.length > 0 && !hideDescriptions) {
       const MAX_LABEL_LINES = 3;
       const fitted = fitLabelToHeader(node.label, ln.width, MAX_LABEL_LINES);
       const labelLines = fitted.lines;
+      textCut = isCutShort(labelLines, [node.label]);
+      drawnDesc = desc;
       const labelLineH = fitted.fontSize * 1.3;
       const labelTotalH = labelLines.length * labelLineH;
       const headerH = labelTotalH + 12;
@@ -641,6 +651,7 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
         renderInlineText(textEl, lineText, palette, sDescFontSize);
       }
       if (truncated) {
+        textCut = true;
         const fullText = desc.join(" ");
         const tooltipText = fullText.length > 200 ? fullText.slice(0, 199) + "\u2026" : fullText;
         nodeG.append("title").text(tooltipText);
@@ -654,6 +665,7 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
       const headerH = ln.height / 2;
       const sepY = -ln.height / 2 + headerH;
       const fitted = fitLabelToHeader(node.label, ln.width, 2);
+      textCut = isCutShort(fitted.lines, [node.label]);
       const labelLineH = fitted.fontSize * 1.3;
       const labelTotalH = fitted.lines.length * labelLineH;
       const headerCenterY = -ln.height / 2 + headerH / 2;
@@ -671,12 +683,16 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
         Math.floor((ln.height - 16) / (sMinNodeFontSize * 1.3))
       );
       const fitted = fitLabelToHeader(node.label, ln.width, maxLabelLines);
+      textCut = isCutShort(fitted.lines, [node.label]);
       const lineH = fitted.fontSize * 1.3;
       const totalH = fitted.lines.length * lineH;
       for (let li = 0; li < fitted.lines.length; li++) {
         nodeG.append("text").attr("x", 0).attr("y", -totalH / 2 + lineH / 2 + li * lineH).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-size", fitted.fontSize).attr("font-weight", "bold").attr("fill", colors.text).text(fitted.lines[li]);
       }
     }
+    if (textCut) {
+      nodeG.attr(FULL_TEXT_ATTR, fullNodeText(node.label, drawnDesc));
+    }
     if (ln.note) {
       if (ln.note.collapsed) {
         renderNoteBadge(

package/dist/{chunk-MKFQ5E7J.js → chunk-EBVVMUAA.js}

@@ -5,7 +5,7 @@ import {
   parseFirstLine,
   splitNameAndMeta,
   warnUnknownMetaKeys
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   makeDgmoError,
   makeFail,

package/dist/{chunk-FJCYK4K3.js → chunk-F7326NVM.js}

@@ -9,7 +9,7 @@ import {
   keepSwimlaneToggleFocus,
   renderIntegratedLegend,
   wireSwimlaneToggle
-} from "./chunk-QVKTAU7P.js";
+} from "./chunk-NMS5XSLX.js";
 import {
   EDGE_DASH,
   GRID_DASH,
@@ -20,21 +20,21 @@ import {
   hideTooltip,
   renderChartTitle,
   showTooltip
-} from "./chunk-X6IZP2BD.js";
+} from "./chunk-Q6W2K33N.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
 import {
   parseTimelineDate
-} from "./chunk-OYKNMFUY.js";
+} from "./chunk-BQO24BDM.js";
 import {
   DEFAULT_PALETTE_ID,
   getPalette
-} from "./chunk-4HG4PYHM.js";
+} from "./chunk-7ENDOHAA.js";
 import {
   resolveTagColor,
   tagAttrKey
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   LEGEND_CAPSULE_PAD,
   LEGEND_DOT_R,
@@ -47,14 +47,14 @@ import {
   legendChromeColors,
   measureLegendText,
   truncateLegendText
-} from "./chunk-I6GGMCTV.js";
+} from "./chunk-UOCWYLYT.js";
 import {
   getEraColors,
   getSeriesColors,
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 
 // src/embed/escape.ts
 var HTML_ENTITIES = {
@@ -537,7 +537,7 @@ function makeTimelineHoverHelpers() {
     g.selectAll(".tl-era").attr("opacity", 1);
   }
   function fadeToTagValue(g, tagKey, tagValue) {
-    const attrName = `data-tag-${tagKey}`;
+    const attrName = `data-tag-${tagAttrKey(tagKey)}`;
     g.selectAll(".tl-event").each(function() {
       const el = d3Selection.select(this);
       const val = el.attr(attrName);
@@ -564,7 +564,7 @@ function makeTimelineHoverHelpers() {
   }
   function setTagAttrs(evG, ev) {
     for (const [key, value] of Object.entries(ev.metadata)) {
-      evG.attr(`data-tag-${key}`, value.toLowerCase());
+      evG.attr(`data-tag-${tagAttrKey(key)}`, value.toLowerCase());
     }
   }
   return {

package/dist/{chunk-F2436VRR.js → chunk-FSJ3ZA6N.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-24YPR5EH.js";
 import {
   renderIntegratedLegend
-} from "./chunk-QVKTAU7P.js";
+} from "./chunk-NMS5XSLX.js";
 import {
   ARROWHEAD_HEIGHT,
   ARROWHEAD_WIDTH
@@ -24,10 +24,10 @@ import {
 } from "./chunk-ICLB27PZ.js";
 import {
   fillModeFromOptions
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   LEGEND_HEIGHT
-} from "./chunk-I6GGMCTV.js";
+} from "./chunk-UOCWYLYT.js";
 import {
   measureText,
   wrapTextToWidth
@@ -35,10 +35,10 @@ import {
 import {
   contrastText,
   shapeFill
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 import {
   resolveColor
-} from "./chunk-2M4IGSCY.js";
+} from "./chunk-3J7O3CU6.js";
 
 // src/cycle/renderer.ts
 import * as d3Selection from "d3-selection";