@opendata-ai/openchart-vanilla 7.1.1 → 7.1.3

package/dist/index.js

@@ -5534,8 +5534,8 @@ function renderBrand(parent, layout) {
   const text = createSVGElement2("text");
   setAttrs2(text, {
     x: rightEdge,
-    y: chromeY + BRAND_LARGE,
-    "dominant-baseline": "alphabetic",
+    y: chromeY,
+    "dominant-baseline": "hanging",
     "font-family": layout.theme.fonts.family,
     "font-size": BRAND_FONT_SIZE2,
     "text-anchor": "end",
@@ -5703,36 +5703,18 @@ function renderEndpointLabels(parent, layout) {
       entryG.appendChild(leader);
     }
     const rowY = entry.labelY + labelFontSize / 2;
-    const chipHeight = Math.max(12, Math.round(ep.swatchSize * 0.85));
-    const chipY = rowY - chipHeight / 2;
-    const chip = createSVGElement2("rect");
-    chip.setAttribute("class", "oc-endpoint-swatch-chip");
-    setAttrs2(chip, {
-      x: chipX,
-      y: chipY,
-      width: chipWidth,
-      height: chipHeight,
-      rx: 3,
-      ry: 3,
-      fill: ep.swatchChipFill
-    });
-    entryG.appendChild(chip);
-    const barWidth = Math.max(8, chipWidth - 8);
-    const barHeight = 3;
-    const barX = chipX + (chipWidth - barWidth) / 2;
-    const barY = rowY - barHeight / 2;
-    const bar = createSVGElement2("rect");
-    bar.setAttribute("class", "oc-endpoint-swatch-bar");
-    setAttrs2(bar, {
-      x: barX,
-      y: barY,
-      width: barWidth,
-      height: barHeight,
-      rx: barHeight / 2,
-      ry: barHeight / 2,
-      fill: entry.color
+    const line = createSVGElement2("line");
+    line.setAttribute("class", "oc-endpoint-swatch-line");
+    setAttrs2(line, {
+      x1: chipX,
+      y1: rowY,
+      x2: chipX + chipWidth,
+      y2: rowY,
+      stroke: entry.color,
+      "stroke-width": 2,
+      "stroke-linecap": "round"
     });
-    entryG.appendChild(bar);
+    entryG.appendChild(line);
     const label = createSVGElement2("text");
     label.setAttribute("class", "oc-endpoint-label");
     setAttrs2(label, { x: textX, y: entry.labelY + labelFontSize });
@@ -5822,46 +5804,45 @@ function renderLegend(parent, legend) {
         entryG.setAttribute("opacity", "0.3");
       }
     }
+    const midX = offsetX + legend.swatchSize / 2;
+    const midY = offsetY + legend.swatchSize / 2;
     if (entry.shape === "circle") {
       const circle = createSVGElement2("circle");
       setAttrs2(circle, {
-        cx: offsetX + legend.swatchSize / 2,
-        cy: offsetY + legend.swatchSize / 2,
+        cx: midX,
+        cy: midY,
         r: legend.swatchSize / 2,
         fill: entry.color
       });
       entryG.appendChild(circle);
-    } else {
-      const chipHeight = Math.max(12, Math.round(legend.swatchSize * 0.85));
-      const chipY = offsetY + legend.swatchSize / 2 - chipHeight / 2;
-      const chip = createSVGElement2("rect");
-      chip.setAttribute("class", "oc-legend-swatch-chip");
-      setAttrs2(chip, {
-        x: offsetX,
-        y: chipY,
-        width: legend.swatchSize,
-        height: chipHeight,
-        rx: 3,
-        ry: 3,
-        fill: legend.swatchChipFill
+    } else if (entry.shape === "line") {
+      const lineWidth = legend.swatchSize;
+      const line = createSVGElement2("line");
+      line.setAttribute("class", "oc-legend-swatch-line");
+      setAttrs2(line, {
+        x1: offsetX,
+        y1: midY,
+        x2: offsetX + lineWidth,
+        y2: midY,
+        stroke: entry.color,
+        "stroke-width": 2,
+        "stroke-linecap": "round"
       });
-      entryG.appendChild(chip);
-      const barWidth = Math.max(8, legend.swatchSize - 8);
-      const barHeight = 3;
-      const barX = offsetX + (legend.swatchSize - barWidth) / 2;
-      const barY = offsetY + legend.swatchSize / 2 - barHeight / 2;
-      const bar = createSVGElement2("rect");
-      bar.setAttribute("class", "oc-legend-swatch-bar");
-      setAttrs2(bar, {
-        x: barX,
-        y: barY,
-        width: barWidth,
-        height: barHeight,
-        rx: barHeight / 2,
-        ry: barHeight / 2,
+      entryG.appendChild(line);
+    } else {
+      const rectSize = Math.round(legend.swatchSize * 0.6);
+      const rect = createSVGElement2("rect");
+      rect.setAttribute("class", "oc-legend-swatch-rect");
+      setAttrs2(rect, {
+        x: offsetX + (legend.swatchSize - rectSize) / 2,
+        y: midY - rectSize / 2,
+        width: rectSize,
+        height: rectSize,
+        rx: 2,
+        ry: 2,
         fill: entry.color
       });
-      entryG.appendChild(bar);
+      entryG.appendChild(rect);
     }
     const label = createSVGElement2("text");
     setAttrs2(label, {