@dynatrace/strato-components 3.11.2 → 3.12.0

package/charts/meter-bar/shared/components/meter-bar-layout/slots/Value/Value.css

@@ -1,4 +1,4 @@
-._1euwfb00-3-11-2 {
+._1euwfb00-3-12-0 {
   font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-default-size, 12px);
   font-weight: var(--dt-typography-text-small-default-weight, 400);

package/charts/meter-bar/shared/components/meter-bar-layout/slots/Value/Value.sty.js

@@ -21,4 +21,4 @@ __export(Value_css_exports, {
 });
 module.exports = __toCommonJS(Value_css_exports);
 var import_Value_css_ts_vanilla = require("./Value.css");
-var valueStyle = "_1euwfb00-3-11-2";
+var valueStyle = "_1euwfb00-3-12-0";

package/charts/meter-bar/shared/components/meter-bar-plot/MeterBarPlot.css

@@ -1,4 +1,4 @@
-._12md1g60-3-11-2 {
+._12md1g60-3-12-0 {
   background-color: var(--dt-colors-theme-neutral-40, #dadbe4);
   width: 100%;
   display: block;

package/charts/meter-bar/shared/components/meter-bar-plot/MeterBarPlot.sty.js

@@ -21,4 +21,4 @@ __export(MeterBarPlot_css_exports, {
 });
 module.exports = __toCommonJS(MeterBarPlot_css_exports);
 var import_MeterBarPlot_css_ts_vanilla = require("./MeterBarPlot.css");
-var svgElement = "_12md1g60-3-11-2";
+var svgElement = "_12md1g60-3-12-0";

package/charts/meter-bar/shared/styles/element-size.css

@@ -1,12 +1,12 @@
-._1ckoljy1-3-11-2 {
+._1ckoljy1-3-12-0 {
   height: 100%;
 }
-._1ckoljy2-3-11-2 {
+._1ckoljy2-3-12-0 {
   height: 16px;
 }
-._1ckoljy3-3-11-2 {
+._1ckoljy3-3-12-0 {
   height: 24px;
 }
-._1ckoljy4-3-11-2 {
+._1ckoljy4-3-12-0 {
   height: 8px;
 }

package/charts/meter-bar/shared/styles/element-size.sty.js

@@ -22,4 +22,4 @@ __export(element_size_css_exports, {
 module.exports = __toCommonJS(element_size_css_exports);
 var import_element_size_css_ts_vanilla = require("./element-size.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var elementSize = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1ckoljy0-3-11-2", variantClassNames: { size: { auto: "_1ckoljy1-3-11-2", size16: "_1ckoljy2-3-11-2", size24: "_1ckoljy3-3-11-2", size8: "_1ckoljy4-3-11-2" } }, defaultVariants: { size: "size16" }, compoundVariants: [] });
+var elementSize = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1ckoljy0-3-12-0", variantClassNames: { size: { auto: "_1ckoljy1-3-12-0", size16: "_1ckoljy2-3-12-0", size24: "_1ckoljy3-3-12-0", size8: "_1ckoljy4-3-12-0" } }, defaultVariants: { size: "size16" }, compoundVariants: [] });

package/charts/meter-bar/shared/styles.css

@@ -1,4 +1,4 @@
-._16sdwow0-3-11-2 {
+._16sdwow0-3-12-0 {
   position: relative;
   z-index: 1;
 }

package/charts/meter-bar/shared/styles.sty.js

@@ -23,4 +23,4 @@ __export(styles_css_exports, {
 module.exports = __toCommonJS(styles_css_exports);
 var import_styles_css_ts_vanilla = require("./styles.css");
 var consumerLoadingStyle = { position: "absolute", top: 0, width: "100%", height: "100%", zIndex: 1, pointerEvents: "none", backgroundColor: "var(--dt-colors-background-base-default, #f9f9fa)", opacity: 0.4 };
-var container = "_16sdwow0-3-11-2";
+var container = "_16sdwow0-3-12-0";

package/charts/meter-bar/single-meter-bar/components/MeterBarChartThresholdIntervals/MeterBarChartThresholdIntervals.css

@@ -1,4 +1,4 @@
-._n2jd1m0-3-11-2 {
+._n2jd1m0-3-12-0 {
   display: block;
   width: 100%;
   overflow: visible;

package/charts/meter-bar/single-meter-bar/components/MeterBarChartThresholdIntervals/MeterBarChartThresholdIntervals.sty.js

@@ -21,4 +21,4 @@ __export(MeterBarChartThresholdIntervals_css_exports, {
 });
 module.exports = __toCommonJS(MeterBarChartThresholdIntervals_css_exports);
 var import_MeterBarChartThresholdIntervals_css_ts_vanilla = require("./MeterBarChartThresholdIntervals.css");
-var thresholdIntervals = "_n2jd1m0-3-11-2";
+var thresholdIntervals = "_n2jd1m0-3-12-0";

package/charts/pie/components/InnerWrapper/components/InnerContainer/InnerContainer.css

@@ -1,3 +1,3 @@
-._1cob19w0-3-11-2 {
+._1cob19w0-3-12-0 {
   position: absolute;
 }

package/charts/pie/components/InnerWrapper/components/InnerContainer/InnerContainer.sty.js

@@ -21,4 +21,4 @@ __export(InnerContainer_css_exports, {
 });
 module.exports = __toCommonJS(InnerContainer_css_exports);
 var import_InnerContainer_css_ts_vanilla = require("./InnerContainer.css");
-var container = "_1cob19w0-3-11-2";
+var container = "_1cob19w0-3-12-0";

package/charts/pie/components/InnerWrapper/components/InnerDonut/InnerDonut.css

@@ -1,3 +1,3 @@
-._1gn0gqx0-3-11-2 {
+._1gn0gqx0-3-12-0 {
   overflow: hidden;
 }

package/charts/pie/components/InnerWrapper/components/InnerDonut/InnerDonut.sty.js

@@ -21,4 +21,4 @@ __export(InnerDonut_css_exports, {
 });
 module.exports = __toCommonJS(InnerDonut_css_exports);
 var import_InnerDonut_css_ts_vanilla = require("./InnerDonut.css");
-var container = "_1gn0gqx0-3-11-2";
+var container = "_1gn0gqx0-3-12-0";

package/charts/pie/components/PieChartOverlays/PieChartOverlays.css

@@ -1,4 +1,4 @@
-._jxp4cr0-3-11-2 {
+._jxp4cr0-3-12-0 {
   position: relative;
   height: 100%;
   z-index: 1;

package/charts/pie/components/PieChartOverlays/PieChartOverlays.sty.js

@@ -21,4 +21,4 @@ __export(PieChartOverlays_css_exports, {
 });
 module.exports = __toCommonJS(PieChartOverlays_css_exports);
 var import_PieChartOverlays_css_ts_vanilla = require("./PieChartOverlays.css");
-var container = "_jxp4cr0-3-11-2";
+var container = "_jxp4cr0-3-12-0";

package/charts/pie/components/PieChartPlot/PieChartPlot.css

@@ -1,3 +1,3 @@
-._1iotdmn0-3-11-2 {
+._1iotdmn0-3-12-0 {
   position: relative;
 }

package/charts/pie/components/PieChartPlot/PieChartPlot.sty.js

@@ -21,4 +21,4 @@ __export(PieChartPlot_css_exports, {
 });
 module.exports = __toCommonJS(PieChartPlot_css_exports);
 var import_PieChartPlot_css_ts_vanilla = require("./PieChartPlot.css");
-var container = "_1iotdmn0-3-11-2";
+var container = "_1iotdmn0-3-12-0";

package/charts/sankey-chart/SankeyChart.css

@@ -1,5 +1,15 @@
-._s3m3d0-3-11-2 {
+._s3m3d0-3-12-0 {
   position: relative;
   width: 100%;
   height: 100%;
+}
+._s3m3d1-3-12-0 {
+  display: grid;
+  grid-template-columns: minmax(0, auto) minmax(60%, 1fr) minmax(0, auto);
+  width: 100%;
+  height: 100%;
+}
+._s3m3d2-3-12-0 {
+  position: relative;
+  overflow: hidden;
 }

package/charts/sankey-chart/SankeyChart.css.d.ts

@@ -1,2 +1,4 @@
+export declare const graphAreaWrapper: string;
 export declare const graphAreaContainer: string;
+export declare const graphAreaCell: string;
 //# sourceMappingURL=SankeyChart.css.d.ts.map

package/charts/sankey-chart/SankeyChart.sty.js

@@ -17,8 +17,12 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var SankeyChart_css_exports = {};
 __export(SankeyChart_css_exports, {
-  graphAreaContainer: () => graphAreaContainer
+  graphAreaCell: () => graphAreaCell,
+  graphAreaContainer: () => graphAreaContainer,
+  graphAreaWrapper: () => graphAreaWrapper
 });
 module.exports = __toCommonJS(SankeyChart_css_exports);
 var import_SankeyChart_css_ts_vanilla = require("./SankeyChart.css");
-var graphAreaContainer = "_s3m3d0-3-11-2";
+var graphAreaCell = "_s3m3d2-3-12-0";
+var graphAreaContainer = "_s3m3d1-3-12-0";
+var graphAreaWrapper = "_s3m3d0-3-12-0";

package/charts/sankey-chart/SankeyChartRoot.js

@@ -44,6 +44,7 @@ const SankeyChartRoot = (props) => {
     height,
     loading = false,
     truncationMode = import_constants.DEFAULT_TRUNCATION_MODE,
+    colorPalette = "categorical",
     children
   } = props;
   const { nodes: nodesConfig } = (0, import_iterate_slots.iterateSlots)(children);
@@ -52,6 +53,7 @@ const SankeyChartRoot = (props) => {
     {
       nodesConfig,
       truncationMode,
+      colorPalette,
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_SankeyDataProvider.SankeyDataProvider,
         {

package/charts/sankey-chart/components/SankeyCanvas.css

@@ -1,5 +1,4 @@
-._1hfx9ue0-3-11-2 {
+._1hfx9ue0-3-12-0 {
   position: absolute;
-  top: 0;
-  left: 0;
+  inset: 0;
 }

package/charts/sankey-chart/components/SankeyCanvas.d.ts

@@ -1,5 +1,13 @@
-export declare function SankeyCanvas(): import("react").JSX.Element;
+import type { SankeyLayoutModel } from '../types/sankey-internal.js';
+interface SankeyCanvasProps {
+    nodeColors: Map<string, string>;
+    layout: SankeyLayoutModel;
+    width: number;
+    height: number;
+}
+export declare function SankeyCanvas({ nodeColors, layout, width, height, }: Readonly<SankeyCanvasProps>): import("react").JSX.Element;
 export declare namespace SankeyCanvas {
     var displayName: string;
 }
+export {};
 //# sourceMappingURL=SankeyCanvas.d.ts.map

package/charts/sankey-chart/components/SankeyCanvas.js

@@ -25,22 +25,23 @@ var import_react = require("react");
 var import_SankeyCanvas_css = require("./SankeyCanvas.sty.js");
 var import_Canvas = require("../../core/components/canvas/Canvas.js");
 var import_CanvasContext = require("../../core/components/canvas/CanvasContext.js");
-var import_useGraphSize = require("../../core/components/chart-layout/hooks/useGraphSize.js");
 var import_use_draw_sankey = require("../hooks/use-draw-sankey.js");
-var import_use_sankey_layout = require("../hooks/use-sankey-layout.js");
-function SankeyDraw({ layout }) {
-  (0, import_use_draw_sankey.useDrawSankey)(layout);
+function SankeyDraw({ layout, nodeColors }) {
+  (0, import_use_draw_sankey.useDrawSankey)(layout, nodeColors);
   return null;
 }
 SankeyDraw["displayName"] = "SankeyDraw";
-function SankeyCanvas() {
-  const { width, height } = (0, import_useGraphSize.useGraphSize)();
-  const layout = (0, import_use_sankey_layout.useSankeyLayout)();
+function SankeyCanvas({
+  nodeColors,
+  layout,
+  width,
+  height
+}) {
   const shapeRefs = (0, import_react.useRef)(/* @__PURE__ */ new Map());
   const canvasContextValue = (0, import_react.useMemo)(
     () => ({ shapeRefs: shapeRefs.current }),
     []
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: import_SankeyCanvas_css.canvasContainer, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CanvasContext.CanvasContext.Provider, { value: canvasContextValue, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Canvas.Canvas, { width, height, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SankeyDraw, { layout }) }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: import_SankeyCanvas_css.canvasContainer, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CanvasContext.CanvasContext.Provider, { value: canvasContextValue, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Canvas.Canvas, { width, height, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SankeyDraw, { layout, nodeColors }) }) }) });
 }
 SankeyCanvas["displayName"] = "SankeyCanvas";

package/charts/sankey-chart/components/SankeyCanvas.sty.js

@@ -21,4 +21,4 @@ __export(SankeyCanvas_css_exports, {
 });
 module.exports = __toCommonJS(SankeyCanvas_css_exports);
 var import_SankeyCanvas_css_ts_vanilla = require("./SankeyCanvas.css");
-var canvasContainer = "_1hfx9ue0-3-11-2";
+var canvasContainer = "_1hfx9ue0-3-12-0";

package/charts/sankey-chart/components/SankeyGraphArea.js

@@ -23,7 +23,75 @@ module.exports = __toCommonJS(SankeyGraphArea_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_SankeyChart_css = require("../SankeyChart.sty.js");
 var import_SankeyCanvas = require("./SankeyCanvas.js");
+var import_SankeyLabelOverlay = require("./SankeyLabelOverlay.js");
+var import_SankeyOverlay = require("./SankeyOverlay.js");
+var import_useResizeObserver = require("../../../core/hooks/useResizeObserver.js");
+var import_useGraphSize = require("../../core/components/chart-layout/hooks/useGraphSize.js");
+var import_OverlayContext = require("../../core/components/overlay-tooltip/contexts/OverlayContext.js");
+var import_constants = require("../constants.js");
+var import_use_node_colors = require("../hooks/use-node-colors.js");
+var import_use_sankey_layout = require("../hooks/use-sankey-layout.js");
+var import_SankeyHoverStoreProvider = require("../providers/SankeyHoverStoreProvider.js");
+var import_SankeyLayoutProvider = require("../providers/SankeyLayoutProvider.js");
+function SankeyGraphAreaContent({
+  outerRef,
+  canvasRef,
+  canvasWidth,
+  height,
+  maxSideLabelWidth,
+  nodeColors
+}) {
+  const layout = (0, import_use_sankey_layout.useSankeyLayout)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref: outerRef, className: import_SankeyChart_css.graphAreaContainer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: import_SankeyChart_css.graphAreaCell, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_SankeyLabelOverlay.SankeyLabelOverlay,
+      {
+        zone: "left",
+        layout,
+        maxWidth: maxSideLabelWidth
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref: canvasRef, className: import_SankeyChart_css.graphAreaCell, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_SankeyCanvas.SankeyCanvas,
+        {
+          width: canvasWidth,
+          height,
+          layout,
+          nodeColors
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SankeyLabelOverlay.SankeyLabelOverlay, { zone: "inside", layout }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SankeyOverlay.SankeyOverlay, {})
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: import_SankeyChart_css.graphAreaCell, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_SankeyLabelOverlay.SankeyLabelOverlay,
+      {
+        zone: "right",
+        layout,
+        maxWidth: maxSideLabelWidth
+      }
+    ) })
+  ] });
+}
+SankeyGraphAreaContent["displayName"] = "SankeyGraphAreaContent";
 function SankeyGraphArea() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: import_SankeyChart_css.graphAreaContainer, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SankeyCanvas.SankeyCanvas, {}) });
+  const { height } = (0, import_useGraphSize.useGraphSize)();
+  const nodeColors = (0, import_use_node_colors.useNodeColors)();
+  const { ref: outerRef, width: outerWidth } = (0, import_useResizeObserver.useResizeObserver)();
+  const { ref: canvasRef, width: measuredWidth } = (0, import_useResizeObserver.useResizeObserver)();
+  const canvasWidth = measuredWidth ?? 0;
+  const maxSideLabelWidth = outerWidth !== void 0 && outerWidth > 0 ? Math.floor(outerWidth * import_constants.MAX_SIDE_LABEL_WIDTH_RATIO) : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: import_SankeyChart_css.graphAreaWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SankeyHoverStoreProvider.SankeyHoverStoreProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SankeyLayoutProvider.SankeyLayoutProvider, { width: canvasWidth, height, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_OverlayContext.OverlayProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    SankeyGraphAreaContent,
+    {
+      outerRef,
+      canvasRef,
+      canvasWidth,
+      height,
+      maxSideLabelWidth,
+      nodeColors
+    }
+  ) }) }) }) });
 }
 SankeyGraphArea["displayName"] = "SankeyGraphArea";

package/charts/sankey-chart/components/SankeyLabelOverlay.css

@@ -0,0 +1,74 @@
+._1wbek5q0-3-12-0 {
+  position: relative;
+  height: 100%;
+  pointer-events: none;
+}
+._1wbek5q1-3-12-0 {
+  position: absolute;
+  left: 0;
+  right: 0;
+  display: flex;
+  align-items: center;
+}
+._1wbek5q2-3-12-0 {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  vertical-align: middle;
+  font-size: var(--dt-typography-text-base-emphasized-size, 14px);
+  font-family: var(--dt-typography-text-base-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
+  font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
+  font-style: normal;
+  letter-spacing: 0px;
+  line-height: var(--dt-typography-text-base-emphasized-line-height, 1.4285714286);
+  color: var(--dt-colors-text-neutral-default, #2f2f4f);
+  width: 100%;
+  text-align: right;
+}
+._1wbek5q3-3-12-0 {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  vertical-align: middle;
+  font-size: var(--dt-typography-text-base-emphasized-size, 14px);
+  font-family: var(--dt-typography-text-base-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
+  font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
+  font-style: normal;
+  letter-spacing: 0px;
+  line-height: var(--dt-typography-text-base-emphasized-line-height, 1.4285714286);
+  color: var(--dt-colors-text-neutral-default, #2f2f4f);
+  width: 100%;
+}
+._1wbek5q4-3-12-0 {
+  position: absolute;
+  inset: 0;
+  overflow: hidden;
+  pointer-events: none;
+}
+._1wbek5q5-3-12-0 {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  pointer-events: none;
+}
+._1wbek5q6-3-12-0 {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  vertical-align: middle;
+  font-size: var(--dt-typography-text-base-emphasized-size, 14px);
+  font-family: var(--dt-typography-text-base-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
+  font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
+  font-style: normal;
+  letter-spacing: 0px;
+  line-height: var(--dt-typography-text-base-emphasized-line-height, 1.4285714286);
+  color: var(--dt-colors-text-neutral-default, #2f2f4f);
+  max-width: 100%;
+  -webkit-text-stroke: 2px var(--dt-colors-border-neutral-on-accent-default, #f3f3f6);
+  paint-order: stroke fill;
+}
+._1wbek5q7-3-12-0 {
+  position: relative;
+  pointer-events: auto;
+  z-index: 1;
+}

package/charts/sankey-chart/components/SankeyLabelOverlay.css.d.ts

@@ -0,0 +1,9 @@
+export declare const sideLabelContainer: string;
+export declare const sideLabelPositioner: string;
+export declare const leftZoneLabel: string;
+export declare const rightZoneLabel: string;
+export declare const insideZoneOverlay: string;
+export declare const insideLabelPositioner: string;
+export declare const insideZoneLabel: string;
+export declare const interactiveLabel: string;
+//# sourceMappingURL=SankeyLabelOverlay.css.d.ts.map

package/charts/sankey-chart/components/SankeyLabelOverlay.d.ts

@@ -0,0 +1,13 @@
+import type { SankeyLayoutModel } from '../types/sankey-internal.js';
+type SankeyLabelZone = 'left' | 'inside' | 'right';
+interface SankeyLabelOverlayProps {
+    zone: SankeyLabelZone;
+    layout: SankeyLayoutModel;
+    maxWidth?: number;
+}
+export declare function SankeyLabelOverlay({ zone, layout, maxWidth, }: Readonly<SankeyLabelOverlayProps>): import("react").JSX.Element | null;
+export declare namespace SankeyLabelOverlay {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=SankeyLabelOverlay.d.ts.map

package/charts/sankey-chart/components/SankeyLabelOverlay.js

@@ -0,0 +1,180 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SankeyLabelOverlay_exports = {};
+__export(SankeyLabelOverlay_exports, {
+  SankeyLabelOverlay: () => SankeyLabelOverlay
+});
+module.exports = __toCommonJS(SankeyLabelOverlay_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_react = require("react");
+var import_SankeyLabelOverlay_css = require("./SankeyLabelOverlay.sty.js");
+var import_Tooltip = require("../../../overlays/tooltip/Tooltip.js");
+var import_chars_font_width_map = require("../../core/components/text-ellipsis/chars-font-width-map.js");
+var import_truncate_string = require("../../core/components/text-ellipsis/truncate-string.js");
+var import_constants = require("../constants.js");
+var import_SankeyTruncationMode_context = require("../context/SankeyTruncationMode.context.js");
+function hasGeometry(node) {
+  return node.x0 !== void 0 && node.x1 !== void 0 && node.y0 !== void 0 && node.y1 !== void 0;
+}
+function getVisualColumns(nodes) {
+  return [...new Set(nodes.map((n) => n.x0))].sort((a, b) => a - b);
+}
+function getInsideLabelMaxWidth(node, visualColumns) {
+  const nextColX0 = visualColumns.find((x) => x > node.x0) ?? node.x1;
+  return Math.max(0, (nextColX0 - node.x1) * import_constants.INSIDE_LABEL_WIDTH_RATIO);
+}
+function getMaxLabelWidth(columnNodes) {
+  let max = 0;
+  for (const node of columnNodes) {
+    const w = (0, import_truncate_string.calculateWidth)(
+      node.label ?? "",
+      import_chars_font_width_map.charsFontWidth14pixelsSize500Map
+    );
+    if (w > max) {
+      max = w;
+    }
+  }
+  return Math.ceil(max);
+}
+function renderSideLabels(columnNodes, labelClassName, truncationMode, maxWidth) {
+  const measuredWidth = getMaxLabelWidth(columnNodes);
+  const effectiveWidth = maxWidth !== void 0 && maxWidth > 0 ? Math.min(measuredWidth, maxWidth) : measuredWidth;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: import_SankeyLabelOverlay_css.sideLabelContainer, style: { width: effectiveWidth }, children: columnNodes.map((node) => {
+    const fullLabel = node.label ?? "";
+    const label = (0, import_truncate_string.truncateString)(
+      fullLabel,
+      effectiveWidth,
+      import_chars_font_width_map.charsFontWidth14pixelsSize500Map,
+      truncationMode
+    );
+    const isTruncated = label !== fullLabel;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: import_SankeyLabelOverlay_css.sideLabelPositioner,
+        style: { top: node.y0, height: node.y1 - node.y0 },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tooltip.Tooltip, { text: fullLabel, disabled: !isTruncated, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            className: (0, import_clsx.default)(
+              labelClassName,
+              isTruncated && import_SankeyLabelOverlay_css.interactiveLabel
+            ),
+            children: label
+          }
+        ) })
+      },
+      node.id
+    );
+  }) });
+}
+function SankeyLabelOverlay({
+  zone,
+  layout,
+  maxWidth
+}) {
+  const truncationMode = (0, import_react.useContext)(import_SankeyTruncationMode_context.SankeyTruncationModeContext);
+  const validNodes = layout.nodes.filter(hasGeometry);
+  if (validNodes.length === 0) {
+    return null;
+  }
+  const visualColumns = getVisualColumns(validNodes);
+  const leftX0 = visualColumns[0];
+  const rightX0 = visualColumns[visualColumns.length - 1];
+  const hasMultipleColumns = visualColumns.length > 1;
+  if (zone === "left") {
+    const columnNodes = validNodes.filter((n) => n.x0 === leftX0);
+    if (columnNodes.length === 0) {
+      return null;
+    }
+    return renderSideLabels(
+      columnNodes,
+      import_SankeyLabelOverlay_css.leftZoneLabel,
+      truncationMode,
+      maxWidth
+    );
+  }
+  if (zone === "right") {
+    if (!hasMultipleColumns) {
+      return null;
+    }
+    const lastColumnNodes = validNodes.filter((n) => n.x0 === rightX0);
+    if (lastColumnNodes.length === 0) {
+      return null;
+    }
+    return renderSideLabels(
+      lastColumnNodes,
+      import_SankeyLabelOverlay_css.rightZoneLabel,
+      truncationMode,
+      maxWidth
+    );
+  }
+  const middleNodes = validNodes.filter(
+    (n) => n.x0 !== leftX0 && (!hasMultipleColumns || n.x0 !== rightX0)
+  );
+  if (middleNodes.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: import_SankeyLabelOverlay_css.insideZoneOverlay, children: middleNodes.map((node) => {
+    const nodeHeight = node.y1 - node.y0;
+    const insideWidth = getInsideLabelMaxWidth(node, visualColumns);
+    const fullLabel = node.label ?? "";
+    const label = (0, import_truncate_string.truncateString)(
+      fullLabel,
+      insideWidth,
+      import_chars_font_width_map.charsFontWidth14pixelsSize500Map,
+      truncationMode
+    );
+    const isTruncated = label !== fullLabel;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: import_SankeyLabelOverlay_css.insideLabelPositioner,
+        style: {
+          top: node.y0,
+          height: nodeHeight,
+          left: node.x1 + import_constants.INSIDE_LABEL_PADDING,
+          maxWidth: insideWidth
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tooltip.Tooltip, { text: fullLabel, disabled: !isTruncated, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            className: (0, import_clsx.default)(
+              import_SankeyLabelOverlay_css.insideZoneLabel,
+              isTruncated && import_SankeyLabelOverlay_css.interactiveLabel
+            ),
+            children: label
+          }
+        ) })
+      },
+      node.id
+    );
+  }) });
+}
+SankeyLabelOverlay["displayName"] = "SankeyLabelOverlay";