@luscii-healthtech/web-ui 46.3.2 → 46.3.3

package/dist/index.development.js

@@ -6318,20 +6318,29 @@ const calculateSegments = (args) => {
     const lower = Math.min(clampedFrom, clampedTo);
     const startPos = isDescending ? (start - higher) / totalRange * 100 : (lower - start) / totalRange * 100;
     const width = (higher - lower) / totalRange * 100;
+    const visualFrom = isDescending ? higher : lower;
+    const visualTo = isDescending ? lower : higher;
     return {
       startPos,
       width,
       color: section.color,
-      originalSection: section
+      originalSection: section,
+      visualFrom,
+      visualTo
     };
   }).filter((s) => s.width > 0).sort((a, b) => a.startPos - b.startPos);
   let currentPos = 0;
+  let currentValue = start;
   for (const section of normalizedSections) {
     if (section.startPos > currentPos) {
       segments.push({
         widthPercent: section.startPos - currentPos,
         color: "transparent",
-        originalSection: section.originalSection
+        originalSection: {
+          from: currentValue,
+          to: section.visualFrom,
+          color: "transparent"
+        }
       });
     }
     segments.push({
@@ -6340,13 +6349,14 @@ const calculateSegments = (args) => {
       originalSection: section.originalSection
     });
     currentPos = section.startPos + section.width;
+    currentValue = section.visualTo;
   }
   if (currentPos < 100) {
     segments.push({
       widthPercent: 100 - currentPos,
       color: "transparent",
       originalSection: {
-        from: end,
+        from: currentValue,
         to: end,
         color: "transparent"
       }
@@ -6456,7 +6466,10 @@ const RangeCoverageComponent = (_a) => {
         onSectionFocus === null || onSectionFocus === void 0 ? void 0 : onSectionFocus(sectionDataWithBackground);
       }, onMouseLeave: () => {
         onSectionFocus === null || onSectionFocus === void 0 ? void 0 : onSectionFocus(null);
-      } }) }), jsxRuntime.jsx(Tooltip.Content, { container: tooltipContent === null || tooltipContent === void 0 ? void 0 : tooltipContent.container, backgroundColor: "transparent", side: "bottom", sideOffset: 16, children: jsxRuntime.jsx(Card, { border: true, elevation: "medium", children: renderedTooltipContent }) })] }, ariaLabel)
+      } }) }), jsxRuntime.jsx(Tooltip.Content, { container: tooltipContent === null || tooltipContent === void 0 ? void 0 : tooltipContent.container, backgroundColor: "transparent", side: "bottom", sideOffset: 16, style: {
+        minWidth: 200,
+        maxWidth: 600
+      }, children: jsxRuntime.jsx(Card, { border: true, elevation: "medium", width: "full", children: renderedTooltipContent }) })] }, ariaLabel)
     );
   }) }) }), ticks.length > 0 && jsxRuntime.jsx("div", { style: ticksContainerStyle, children: ticks.map((tick, index) => {
     const totalRange = Math.abs(end - start);