@diagrammo/dgmo 0.18.0 → 0.18.1

package/README.md

@@ -344,8 +344,8 @@ Alex Chen
   [Platform Team]
     goal: Core infrastructure
 
-    Alice Park | role: Senior Engineer, location: NY
-    Bob Torres | role: Junior Engineer, location: SF
+    Alice Park role: Senior Engineer, location: NY
+    Bob Torres role: Junior Engineer, location: SF
 `;
 
 const parsed = parseOrg(content, colors);
@@ -366,10 +366,10 @@ Jane Smith
   location: NY
 ```
 
-Or single-line with pipe delimiter:
+Or single-line with same-line metadata:
 
 ```
-Jane Smith | role: CEO, location: NY
+Jane Smith role: CEO, location: NY
 ```
 
 **Team containers** — grouping constructs rendered as labeled boxes:

package/dist/advanced.cjs

@@ -3301,7 +3301,7 @@ function capsuleWidth(name, entries, containerWidth, addonWidth = 0) {
   const baseW = LEGEND_CAPSULE_PAD * 2 + pw + 4 + addonWidth;
   const ew = entriesWidth(entries);
   const singleRowW = baseW + ew;
-  if (singleRowW <= maxCapsuleW) {
+  if (singleRowW <= maxCapsuleW + 0.5) {
     return {
       width: singleRowW,
       entryRows: 1,
@@ -50008,7 +50008,7 @@ function renderMarkers(g, markers, scale, isVertical, innerWidth, innerHeight, o
       });
     } else {
       const labelY = useReservedRow ? reservedLabelY : 6;
-      const diamondY = useReservedRow ? -2 : labelY + 14;
+      const diamondY = useReservedRow ? -(diamondSize + 1) : labelY + 14;
       const lineTop = diamondY + diamondSize;
       let displayLabel = marker.label;
       let truncated = false;
@@ -50993,7 +50993,7 @@ function renderTimelineHorizontalGrouped(container, parsed, palette, isDark, set
     const bandX = -margin.left + 5;
     const bandW = margin.left - 7;
     const bandY = curY;
-    const bandH = rowH;
+    const bandH = sBarH;
     const sBandRx = ctx.structural(4);
     const sBandAccentW = ctx.structural(4);
     const clipId = `tl-band-clip-${tlBandClipCounter++}`;
@@ -51001,7 +51001,7 @@ function renderTimelineHorizontalGrouped(container, parsed, palette, isDark, set
     g.append("rect").attr("class", "tl-group-header-bg").attr("data-group", lane.name).attr("x", bandX).attr("y", bandY).attr("width", bandW).attr("height", bandH).attr("rx", sBandRx).attr("fill", shapeFill(palette, laneColor, isDark, { solid })).style("pointer-events", "none");
     g.append("rect").attr("class", "tl-group-header-accent").attr("data-group", lane.name).attr("x", bandX).attr("y", bandY).attr("width", sBandAccentW).attr("height", bandH).attr("fill", laneColor).attr("clip-path", `url(#${clipId})`).style("pointer-events", "none");
     const headerG = g.append("g").attr("class", "tl-group-header").attr("data-group", lane.name).style("cursor", "pointer").on("mouseenter", () => fadeToGroup(g, lane.name)).on("mouseleave", () => fadeReset(g)).on("click", () => toggleGroup(lane.name));
-    headerG.append("text").attr("x", -margin.left + ctx.aesthetic(10)).attr("y", curY + rowH / 2).attr("dy", "0.35em").attr("text-anchor", "start").attr("fill", textColor).attr("font-size", `${sLaneHeaderFont}px`).attr("font-weight", "600").text(`${toggleIcon} ${lane.name}`);
+    headerG.append("text").attr("x", -margin.left + ctx.aesthetic(10)).attr("y", curY + sBarH / 2).attr("dy", "0.35em").attr("text-anchor", "start").attr("fill", textColor).attr("font-size", `${sLaneHeaderFont}px`).attr("font-weight", "600").text(`${toggleIcon} ${lane.name}`);
     if (lane.events.length > 0) {
       const evDates = lane.events.map((ev) => parseTimelineDate(ev.date));
       const evEndDates = lane.events.filter((ev) => ev.endDate).map((ev) => parseTimelineDate(ev.endDate));
@@ -51011,7 +51011,7 @@ function renderTimelineHorizontalGrouped(container, parsed, palette, isDark, set
       const sx2 = xScale(laneMaxD);
       const groupBarW = Math.max(sx2 - sx1, ctx.structural(20));
       const groupBarG = g.append("g").attr("class", isCollapsed ? "tl-group-summary" : "tl-group-bar").attr("data-group", lane.name).style("cursor", "pointer").on("mouseenter", () => fadeToGroup(g, lane.name)).on("mouseleave", () => fadeReset(g)).on("click", () => toggleGroup(lane.name));
-      groupBarG.append("rect").attr("x", sx1).attr("y", curY).attr("width", groupBarW).attr("height", rowH).attr("rx", sBarRx).attr("fill", shapeFill(palette, laneColor, isDark, { solid })).attr("stroke", laneColor).attr("stroke-width", sBarStroke);
+      groupBarG.append("rect").attr("x", sx1).attr("y", curY).attr("width", groupBarW).attr("height", sBarH).attr("rx", sBarRx).attr("fill", shapeFill(palette, laneColor, isDark, { solid })).attr("stroke", laneColor).attr("stroke-width", sBarStroke);
     }
     if (isCollapsed) {
       curY += rowH + sGroupGap;

package/dist/advanced.js

@@ -3299,7 +3299,7 @@ function capsuleWidth(name, entries, containerWidth, addonWidth = 0) {
   const baseW = LEGEND_CAPSULE_PAD * 2 + pw + 4 + addonWidth;
   const ew = entriesWidth(entries);
   const singleRowW = baseW + ew;
-  if (singleRowW <= maxCapsuleW) {
+  if (singleRowW <= maxCapsuleW + 0.5) {
     return {
       width: singleRowW,
       entryRows: 1,
@@ -50029,7 +50029,7 @@ function renderMarkers(g, markers, scale, isVertical, innerWidth, innerHeight, o
       });
     } else {
       const labelY = useReservedRow ? reservedLabelY : 6;
-      const diamondY = useReservedRow ? -2 : labelY + 14;
+      const diamondY = useReservedRow ? -(diamondSize + 1) : labelY + 14;
       const lineTop = diamondY + diamondSize;
       let displayLabel = marker.label;
       let truncated = false;
@@ -51014,7 +51014,7 @@ function renderTimelineHorizontalGrouped(container, parsed, palette, isDark, set
     const bandX = -margin.left + 5;
     const bandW = margin.left - 7;
     const bandY = curY;
-    const bandH = rowH;
+    const bandH = sBarH;
     const sBandRx = ctx.structural(4);
     const sBandAccentW = ctx.structural(4);
     const clipId = `tl-band-clip-${tlBandClipCounter++}`;
@@ -51022,7 +51022,7 @@ function renderTimelineHorizontalGrouped(container, parsed, palette, isDark, set
     g.append("rect").attr("class", "tl-group-header-bg").attr("data-group", lane.name).attr("x", bandX).attr("y", bandY).attr("width", bandW).attr("height", bandH).attr("rx", sBandRx).attr("fill", shapeFill(palette, laneColor, isDark, { solid })).style("pointer-events", "none");
     g.append("rect").attr("class", "tl-group-header-accent").attr("data-group", lane.name).attr("x", bandX).attr("y", bandY).attr("width", sBandAccentW).attr("height", bandH).attr("fill", laneColor).attr("clip-path", `url(#${clipId})`).style("pointer-events", "none");
     const headerG = g.append("g").attr("class", "tl-group-header").attr("data-group", lane.name).style("cursor", "pointer").on("mouseenter", () => fadeToGroup(g, lane.name)).on("mouseleave", () => fadeReset(g)).on("click", () => toggleGroup(lane.name));
-    headerG.append("text").attr("x", -margin.left + ctx.aesthetic(10)).attr("y", curY + rowH / 2).attr("dy", "0.35em").attr("text-anchor", "start").attr("fill", textColor).attr("font-size", `${sLaneHeaderFont}px`).attr("font-weight", "600").text(`${toggleIcon} ${lane.name}`);
+    headerG.append("text").attr("x", -margin.left + ctx.aesthetic(10)).attr("y", curY + sBarH / 2).attr("dy", "0.35em").attr("text-anchor", "start").attr("fill", textColor).attr("font-size", `${sLaneHeaderFont}px`).attr("font-weight", "600").text(`${toggleIcon} ${lane.name}`);
     if (lane.events.length > 0) {
       const evDates = lane.events.map((ev) => parseTimelineDate(ev.date));
       const evEndDates = lane.events.filter((ev) => ev.endDate).map((ev) => parseTimelineDate(ev.endDate));
@@ -51032,7 +51032,7 @@ function renderTimelineHorizontalGrouped(container, parsed, palette, isDark, set
       const sx2 = xScale(laneMaxD);
       const groupBarW = Math.max(sx2 - sx1, ctx.structural(20));
       const groupBarG = g.append("g").attr("class", isCollapsed ? "tl-group-summary" : "tl-group-bar").attr("data-group", lane.name).style("cursor", "pointer").on("mouseenter", () => fadeToGroup(g, lane.name)).on("mouseleave", () => fadeReset(g)).on("click", () => toggleGroup(lane.name));
-      groupBarG.append("rect").attr("x", sx1).attr("y", curY).attr("width", groupBarW).attr("height", rowH).attr("rx", sBarRx).attr("fill", shapeFill(palette, laneColor, isDark, { solid })).attr("stroke", laneColor).attr("stroke-width", sBarStroke);
+      groupBarG.append("rect").attr("x", sx1).attr("y", curY).attr("width", groupBarW).attr("height", sBarH).attr("rx", sBarRx).attr("fill", shapeFill(palette, laneColor, isDark, { solid })).attr("stroke", laneColor).attr("stroke-width", sBarStroke);
     }
     if (isCollapsed) {
       curY += rowH + sGroupGap;

package/dist/auto.cjs

@@ -3204,7 +3204,7 @@ function capsuleWidth(name, entries, containerWidth, addonWidth = 0) {
   const baseW = LEGEND_CAPSULE_PAD * 2 + pw + 4 + addonWidth;
   const ew = entriesWidth(entries);
   const singleRowW = baseW + ew;
-  if (singleRowW <= maxCapsuleW) {
+  if (singleRowW <= maxCapsuleW + 0.5) {
     return {
       width: singleRowW,
       entryRows: 1,
@@ -49646,7 +49646,7 @@ function renderMarkers(g, markers, scale, isVertical, innerWidth, innerHeight, o
       });
     } else {
       const labelY = useReservedRow ? reservedLabelY : 6;
-      const diamondY = useReservedRow ? -2 : labelY + 14;
+      const diamondY = useReservedRow ? -(diamondSize + 1) : labelY + 14;
       const lineTop = diamondY + diamondSize;
       let displayLabel = marker.label;
       let truncated = false;
@@ -50631,7 +50631,7 @@ function renderTimelineHorizontalGrouped(container, parsed, palette, isDark, set
     const bandX = -margin.left + 5;
     const bandW = margin.left - 7;
     const bandY = curY;
-    const bandH = rowH;
+    const bandH = sBarH;
     const sBandRx = ctx.structural(4);
     const sBandAccentW = ctx.structural(4);
     const clipId = `tl-band-clip-${tlBandClipCounter++}`;
@@ -50639,7 +50639,7 @@ function renderTimelineHorizontalGrouped(container, parsed, palette, isDark, set
     g.append("rect").attr("class", "tl-group-header-bg").attr("data-group", lane.name).attr("x", bandX).attr("y", bandY).attr("width", bandW).attr("height", bandH).attr("rx", sBandRx).attr("fill", shapeFill(palette, laneColor, isDark, { solid })).style("pointer-events", "none");
     g.append("rect").attr("class", "tl-group-header-accent").attr("data-group", lane.name).attr("x", bandX).attr("y", bandY).attr("width", sBandAccentW).attr("height", bandH).attr("fill", laneColor).attr("clip-path", `url(#${clipId})`).style("pointer-events", "none");
     const headerG = g.append("g").attr("class", "tl-group-header").attr("data-group", lane.name).style("cursor", "pointer").on("mouseenter", () => fadeToGroup(g, lane.name)).on("mouseleave", () => fadeReset(g)).on("click", () => toggleGroup(lane.name));
-    headerG.append("text").attr("x", -margin.left + ctx.aesthetic(10)).attr("y", curY + rowH / 2).attr("dy", "0.35em").attr("text-anchor", "start").attr("fill", textColor).attr("font-size", `${sLaneHeaderFont}px`).attr("font-weight", "600").text(`${toggleIcon} ${lane.name}`);
+    headerG.append("text").attr("x", -margin.left + ctx.aesthetic(10)).attr("y", curY + sBarH / 2).attr("dy", "0.35em").attr("text-anchor", "start").attr("fill", textColor).attr("font-size", `${sLaneHeaderFont}px`).attr("font-weight", "600").text(`${toggleIcon} ${lane.name}`);
     if (lane.events.length > 0) {
       const evDates = lane.events.map((ev) => parseTimelineDate(ev.date));
       const evEndDates = lane.events.filter((ev) => ev.endDate).map((ev) => parseTimelineDate(ev.endDate));
@@ -50649,7 +50649,7 @@ function renderTimelineHorizontalGrouped(container, parsed, palette, isDark, set
       const sx2 = xScale(laneMaxD);
       const groupBarW = Math.max(sx2 - sx1, ctx.structural(20));
       const groupBarG = g.append("g").attr("class", isCollapsed ? "tl-group-summary" : "tl-group-bar").attr("data-group", lane.name).style("cursor", "pointer").on("mouseenter", () => fadeToGroup(g, lane.name)).on("mouseleave", () => fadeReset(g)).on("click", () => toggleGroup(lane.name));
-      groupBarG.append("rect").attr("x", sx1).attr("y", curY).attr("width", groupBarW).attr("height", rowH).attr("rx", sBarRx).attr("fill", shapeFill(palette, laneColor, isDark, { solid })).attr("stroke", laneColor).attr("stroke-width", sBarStroke);
+      groupBarG.append("rect").attr("x", sx1).attr("y", curY).attr("width", groupBarW).attr("height", sBarH).attr("rx", sBarRx).attr("fill", shapeFill(palette, laneColor, isDark, { solid })).attr("stroke", laneColor).attr("stroke-width", sBarStroke);
     }
     if (isCollapsed) {
       curY += rowH + sGroupGap;
@@ -54512,7 +54512,7 @@ pre.dgmo, code.language-dgmo, pre > code.language-dgmo,
 
 // src/auto/index.ts
 init_safe_href();
-var VERSION = "0.18.0";
+var VERSION = "0.18.1";
 var DEFAULTS = {
   theme: "auto",
   palette: "nord",