@internetstiftelsen/charts 0.19.1 → 0.19.2

package/dist/tooltip/geometry.js

@@ -525,8 +525,97 @@ function packHorizontalAboveBelowRow(layouts, arrowEdge, bounds) {
         top: getHorizontalAboveBelowTop(layout, arrowEdge),
         arrowEdge,
     }));
+    if (shouldWrapHorizontalAboveBelowRow(placements, arrowEdge, bounds)) {
+        return packHorizontalAboveBelowRows(placements, arrowEdge, bounds);
+    }
     return packHorizontalTooltipRow(placements, bounds);
 }
+function packHorizontalAboveBelowRows(placements, arrowEdge, bounds) {
+    const rows = getHorizontalTooltipRows(placements, bounds);
+    if (arrowEdge === 'bottom') {
+        positionHorizontalTooltipRowsAbove(rows);
+    }
+    else {
+        positionHorizontalTooltipRowsBelow(rows);
+    }
+    return rows.flatMap((row) => packHorizontalTooltipRow(row, bounds));
+}
+function shouldWrapHorizontalAboveBelowRow(placements, arrowEdge, bounds) {
+    if (placements.length < 2) {
+        return false;
+    }
+    const availableWidth = Math.max(0, bounds.maxRight - bounds.minLeft);
+    const totalWidth = placements.reduce((sum, placement, index) => {
+        const gap = index === 0 ? 0 : SPLIT_TOOLTIP_GAP_PX;
+        return sum + gap + placement.layout.width;
+    }, 0);
+    if (totalWidth <= availableWidth) {
+        return false;
+    }
+    return !hasRoomOnOppositeHorizontalTooltipSide(placements, arrowEdge, bounds);
+}
+function hasRoomOnOppositeHorizontalTooltipSide(placements, arrowEdge, bounds) {
+    const rowHeight = getHorizontalTooltipRowHeight(placements);
+    if (arrowEdge === 'top') {
+        const oppositeTop = Math.min(...placements.map((placement) => placement.layout.anchor.top)) -
+            TOOLTIP_OFFSET_PX -
+            rowHeight;
+        return oppositeTop >= bounds.minTop;
+    }
+    const oppositeBottom = Math.max(...placements.map((placement) => placement.layout.anchor.bottom)) +
+        TOOLTIP_OFFSET_PX +
+        rowHeight;
+    return oppositeBottom <= bounds.maxBottom;
+}
+function getHorizontalTooltipRows(placements, bounds) {
+    const availableWidth = Math.max(0, bounds.maxRight - bounds.minLeft);
+    const rows = [];
+    let currentRow = [];
+    let currentRowWidth = 0;
+    placements.forEach((placement) => {
+        const nextRowWidth = currentRow.length === 0
+            ? placement.layout.width
+            : currentRowWidth +
+                SPLIT_TOOLTIP_GAP_PX +
+                placement.layout.width;
+        if (currentRow.length > 0 && nextRowWidth > availableWidth) {
+            rows.push(currentRow);
+            currentRow = [placement];
+            currentRowWidth = placement.layout.width;
+            return;
+        }
+        currentRow.push(placement);
+        currentRowWidth = nextRowWidth;
+    });
+    if (currentRow.length > 0) {
+        rows.push(currentRow);
+    }
+    return rows;
+}
+function positionHorizontalTooltipRowsAbove(rows) {
+    let nextRowBottom = Math.min(...rows.flatMap((row) => row.map((placement) => placement.top + placement.layout.height)));
+    rows.forEach((row) => {
+        const rowHeight = getHorizontalTooltipRowHeight(row);
+        const rowTop = nextRowBottom - rowHeight;
+        row.forEach((placement) => {
+            placement.top = rowTop;
+        });
+        nextRowBottom = rowTop - SPLIT_TOOLTIP_GAP_PX;
+    });
+}
+function positionHorizontalTooltipRowsBelow(rows) {
+    let nextRowTop = Math.max(...rows.flatMap((row) => row.map((placement) => placement.top)));
+    rows.forEach((row) => {
+        const rowHeight = getHorizontalTooltipRowHeight(row);
+        row.forEach((placement) => {
+            placement.top = nextRowTop;
+        });
+        nextRowTop += rowHeight + SPLIT_TOOLTIP_GAP_PX;
+    });
+}
+function getHorizontalTooltipRowHeight(row) {
+    return Math.max(...row.map((placement) => placement.layout.height));
+}
 function packHorizontalTooltipRow(placements, bounds) {
     if (placements.length === 0) {
         return placements;

package/package.json

@@ -1,5 +1,5 @@
 {
-    "version": "0.19.1",
+    "version": "0.19.2",
     "name": "@internetstiftelsen/charts",
     "type": "module",
     "sideEffects": false,