stickyflow 0.9.2 → 0.10.0

package/dist/{chunk-G2N3KJYJ.js → chunk-SDOHUNBW.js}

@@ -1,4 +1,4 @@
-import { componentRegistryVersion, isDimensionObject, isIsometricObject, sflToCanvasState, registerComponentDescriptor, isBuiltInComponentType, getComponentDescriptor, tag, EMPTY_BOUNDS, DOM_CONTRACT_VERSION, edgePointToward, elementCenter, VISIBLE_ISOMETRIC_FACES, isometricFaceCenter, finite, freeformPathData, rotatedBounds, DEFAULT_FONT, isGenericComponent, cleanFootprint, pointAtNormalizedPort, boxBounds, cornersRoundedRectPath, calculateLinkRoute, labelGapDash, getLineMidpoint, personLabelArea, wrapText, heuristicRichMeasure, shadeFill, extrudeFootprint, isometricFaces, roundedPolygonPath, stackSequence, stackRank, topRoundedRectPath, rightRoundedRectPath, leftRoundedRectPath, bottomRoundedRectPath, isHorizontalBar, paint, CHART_TITLE_PROP, chartText, chartTicks, mapChartValue, roundedOrthogonalPathData, localShapePath, pillCornerRadius, isometricBounds, AXIS_SIN, deriveFaceFills, labelTilt, tiltedLabelRoom, resolveChartShadow, CHART_COLORS, angleForAxisValue, horizontalRows, rowTop, categoryProp, isometricTopFaceCenter, ISOMETRIC_SIZE_ATTR, CORNER_RADIUS_ATTR, ISOMETRIC_LABEL_OFFSET_ATTR, PATH_POINTS_ATTR, PATH_TENSION_ATTR, PATH_CLOSED_ATTR, SYMBOL_BOUNDS_ATTR, SYMBOL_POINTS_ATTR, SYMBOL_TENSION_ATTR, SQUARE_CORNER_ATTR, resolvePieRadii, radarCategoryCount, radarRadius, createPieGeometry, DEFAULT_HEX_RADIUS, DEFAULT_HEATMAP_ZONES, axisBands, DEFAULT_ZONE_FILL, representativeColor, computeBoxplotStats, barCategoryCount, ruleAtProp, ruleTextProp, labelBelowFrame, seriesLabelProp, axisLabelProp, seriesColorProp, seriesValueProp, radarSeriesPath, radarRadiusForValue, createPieSlicePath, clipSegmentToRect, formatFieldValue, renderPieLabels, interpolateHexColorStops, contrastTextColor, sameHueTint, isLightColor, barShapePath, linePathData, colorWithAlpha, estimateTextWidth, segmentedBarPath, roundedBarPath, radarPointAt, gapInsetAngle, pieUsesInnerArc, maxPieCornerRadius, pieApexRadius, maxApexCornerRadius, pieArcPoint, sameHueContrastColor, zoneColorAtValue, ellipsizeToWidth, barPath, labelAboveFrame, seriesValueColorProp, stackedSegment, errorBarRange, createVerticalErrorWhiskerNode, formatBarLabel, barLabelSize, CATEGORY_LABEL_ROW, BAR_LABEL, pillPath, resolveRollingNumberStyle, formatRollingNumber } from './chunk-Q6FBISNP.js';
+import { componentRegistryVersion, isDimensionObject, isIsometricObject, sflToCanvasState, registerComponentDescriptor, isBuiltInComponentType, getComponentDescriptor, tag, EMPTY_BOUNDS, DOM_CONTRACT_VERSION, edgePointToward, elementCenter, VISIBLE_ISOMETRIC_FACES, isometricFaceCenter, finite, freeformPathData, rotatedBounds, DEFAULT_FONT, isGenericComponent, cleanFootprint, pointAtNormalizedPort, boxBounds, cornersRoundedRectPath, calculateLinkRoute, labelGapDash, getLineMidpoint, personLabelArea, wrapText, heuristicRichMeasure, shadeFill, extrudeFootprint, isometricFaces, roundedPolygonPath, stackSequence, stackRank, topRoundedRectPath, rightRoundedRectPath, leftRoundedRectPath, bottomRoundedRectPath, paint, CHART_TITLE_PROP, chartText, isHorizontalBar, chartTicks, mapChartValue, roundedOrthogonalPathData, localShapePath, pillCornerRadius, isometricBounds, AXIS_SIN, deriveFaceFills, resolveChartShadow, CHART_COLORS, angleForAxisValue, horizontalRows, rowTop, categoryProp, isometricTopFaceCenter, ISOMETRIC_SIZE_ATTR, CORNER_RADIUS_ATTR, ISOMETRIC_LABEL_OFFSET_ATTR, PATH_POINTS_ATTR, PATH_TENSION_ATTR, PATH_CLOSED_ATTR, SYMBOL_BOUNDS_ATTR, SYMBOL_POINTS_ATTR, SYMBOL_TENSION_ATTR, SQUARE_CORNER_ATTR, labelTilt, tiltedLabelRoom, resolvePieRadii, radarCategoryCount, radarRadius, createPieGeometry, DEFAULT_HEX_RADIUS, DEFAULT_HEATMAP_ZONES, axisBands, DEFAULT_ZONE_FILL, representativeColor, computeBoxplotStats, barCategoryCount, ruleAtProp, ruleTextProp, labelBelowFrame, seriesLabelProp, axisLabelProp, seriesColorProp, seriesValueProp, radarSeriesPath, radarRadiusForValue, createPieSlicePath, renderPieLabels, interpolateHexColorStops, contrastTextColor, formatFieldValue, sameHueTint, isLightColor, barShapePath, linePathData, colorWithAlpha, estimateTextWidth, segmentedBarPath, roundedBarPath, radarPointAt, gapInsetAngle, pieUsesInnerArc, maxPieCornerRadius, pieApexRadius, maxApexCornerRadius, pieArcPoint, sameHueContrastColor, clipSegmentToRect, zoneColorAtValue, ellipsizeToWidth, barPath, labelAboveFrame, seriesValueColorProp, stackedSegment, errorBarRange, createVerticalErrorWhiskerNode, formatBarLabel, barLabelSize, CATEGORY_LABEL_ROW, BAR_LABEL, pillPath, resolveRollingNumberStyle, formatRollingNumber } from './chunk-HRU6VOEC.js';
 
 // src/renderInput/styleDecoding/colorToken.ts
 var COLOR_TOKEN_PATTERN = String.raw`rgba?\([^)]*\)|#[0-9a-fA-F]+|[a-zA-Z][\w-]*`;
@@ -1625,21 +1625,26 @@ function readout(component, fraction) {
   }
   return display === "value" ? Number(component.value).toFixed(decimals(numberProperty2(component, "step"))) : "";
 }
-function buildKnob(component, index) {
-  const box = controlBox(component, index, { width: 96, height: 96 });
+function dialOf(component, box) {
   const min = numberProperty2(component, "min");
   const max = numberProperty2(component, "max");
-  const fraction = Math.min(1, Math.max(0, (Number(component.value) - min) / (max - min || 1)));
-  const start = numberProperty2(component, "start");
-  const sweep = Math.min(360, Math.max(1, numberProperty2(component, "sweep")));
   const thickness = Math.min(numberProperty2(component, "thickness"), Math.min(box.width, box.height) / 3);
-  const cx = box.x + box.width / 2;
-  const cy = box.y + box.height / 2;
   const radius = Math.max(1, Math.min(box.width, box.height) / 2 - thickness / 2);
-  const circumference = 2 * Math.PI * radius;
-  const round2 = textProperty(component, "rounded") !== "false";
-  const angle = (start - fraction * sweep) * Math.PI / 180;
-  const arc = (part, order, color, length, extra = {}) => ({
+  return {
+    cx: box.x + box.width / 2,
+    cy: box.y + box.height / 2,
+    radius,
+    thickness,
+    fraction: Math.min(1, Math.max(0, (Number(component.value) - min) / (max - min || 1))),
+    start: numberProperty2(component, "start"),
+    sweep: Math.min(360, Math.max(1, numberProperty2(component, "sweep"))),
+    circumference: 2 * Math.PI * radius,
+    rounded: textProperty(component, "rounded") !== "false"
+  };
+}
+function arcNode(component, box, dial, part, order, color, length, extra = {}) {
+  const { cx, cy, radius, thickness } = dial;
+  return {
     id: `widget-${component.id}-${part}`,
     type: "ellipse",
     order: box.order + order,
@@ -1648,59 +1653,62 @@ function buildKnob(component, index) {
     cy,
     rx: radius,
     ry: radius,
-    rotation: -start,
+    rotation: -dial.start,
     style: fade(component, {
       fill: { kind: "none" },
       stroke: solid(color),
       strokeWidth: thickness,
-      dash: [Math.max(1e-3, length), circumference],
-      lineCap: round2 ? "round" : "butt",
+      dash: [Math.max(1e-3, length), dial.circumference],
+      lineCap: dial.rounded ? "round" : "butt",
       ...extra
     })
-  });
+  };
+}
+function discNode(component, box, part, order, center, radius, fill2) {
+  return {
+    id: `widget-${component.id}-${part}`,
+    type: "ellipse",
+    order: box.order + order,
+    bounds: rotatedBounds({ x: center.x - radius, y: center.y - radius, width: radius * 2, height: radius * 2 }, 0, 0),
+    cx: center.x,
+    cy: center.y,
+    rx: radius,
+    ry: radius,
+    style: fade(component, { fill: solid(fill2), stroke: { kind: "none" } })
+  };
+}
+function buildKnob(component, index) {
+  const box = controlBox(component, index, { width: 96, height: 96 });
+  const dial = dialOf(component, box);
+  const { cx, cy, radius, thickness, fraction, sweep, circumference } = dial;
+  const angle = (dial.start - fraction * sweep) * Math.PI / 180;
   const faceRadius = Math.max(1, radius - thickness / 2 - Math.max(2, thickness * 0.4));
   const dotRadius = thickness / 2 * DOT_RATIO + 1;
   const nodes = [
     hitArea(component, box),
-    arc("track", 0.1, textProperty(component, "track"), sweep / 360 * circumference),
-    arc("fill", 0.2, textProperty(component, "accent"), fraction * sweep / 360 * circumference, {
-      opacity: fraction > 0 ? 1 : 0
-    }),
-    {
-      id: `widget-${component.id}-face`,
-      type: "ellipse",
-      order: box.order + 0.3,
-      bounds: rotatedBounds(
-        { x: cx - faceRadius, y: cy - faceRadius, width: faceRadius * 2, height: faceRadius * 2 },
-        0,
-        0
-      ),
-      cx,
-      cy,
-      rx: faceRadius,
-      ry: faceRadius,
-      style: fade(component, { fill: solid(textProperty(component, "face")), stroke: { kind: "none" } })
-    },
-    {
-      id: `widget-${component.id}-dot`,
-      type: "ellipse",
-      order: box.order + 0.4,
-      bounds: rotatedBounds(
-        {
-          x: cx + radius * Math.cos(angle) - dotRadius,
-          y: cy - radius * Math.sin(angle) - dotRadius,
-          width: dotRadius * 2,
-          height: dotRadius * 2
-        },
-        0,
-        0
-      ),
-      cx: cx + radius * Math.cos(angle),
-      cy: cy - radius * Math.sin(angle),
-      rx: dotRadius,
-      ry: dotRadius,
-      style: fade(component, { fill: solid(textProperty(component, "dot")), stroke: { kind: "none" } })
-    }
+    arcNode(component, box, dial, "track", 0.1, textProperty(component, "track"), sweep / 360 * circumference),
+    arcNode(
+      component,
+      box,
+      dial,
+      "fill",
+      0.2,
+      textProperty(component, "accent"),
+      fraction * sweep / 360 * circumference,
+      {
+        opacity: fraction > 0 ? 1 : 0
+      }
+    ),
+    discNode(component, box, "face", 0.3, { x: cx, y: cy }, faceRadius, textProperty(component, "face")),
+    discNode(
+      component,
+      box,
+      "dot",
+      0.4,
+      { x: cx + radius * Math.cos(angle), y: cy - radius * Math.sin(angle) },
+      dotRadius,
+      textProperty(component, "dot")
+    )
   ];
   const text = readout(component, fraction);
   if (text) {
@@ -1731,62 +1739,68 @@ function readout2(component, fraction) {
   }
   return display === "value" ? String(Number(component.value)) : "";
 }
+function buildRing(component, box, fraction, round2) {
+  const thickness = Math.min(numberProperty2(component, "thickness"), Math.min(box.width, box.height) / 2);
+  const radius = Math.max(1, Math.min(box.width, box.height) / 2 - thickness / 2);
+  const circumference = 2 * Math.PI * radius;
+  const cx = box.x + box.width / 2;
+  const cy = box.y + box.height / 2;
+  const ring = (part, order, color, extra) => ({
+    id: `widget-${component.id}-${part}`,
+    type: "ellipse",
+    order: box.order + order,
+    bounds: rotatedBounds({ x: cx - radius, y: cy - radius, width: radius * 2, height: radius * 2 }, 0, thickness),
+    cx,
+    cy,
+    rx: radius,
+    ry: radius,
+    rotation: -90,
+    style: fade(component, { fill: { kind: "none" }, stroke: solid(color), strokeWidth: thickness, ...extra })
+  });
+  return [
+    ring("track", 0.1, textProperty(component, "track"), {}),
+    ring("fill", 0.2, textProperty(component, "accent"), {
+      dash: [Math.max(1e-3, fraction * circumference), circumference],
+      lineCap: round2 ? "round" : "butt",
+      opacity: fraction > 0 ? 1 : 0
+    })
+  ];
+}
+function buildBar(component, box, fraction, round2) {
+  const vertical = textProperty(component, "direction") === "vertical";
+  const radius = round2 ? (vertical ? box.width : box.height) / 2 : 0;
+  const bar = (part, order, length, color, opacity) => {
+    const shape = vertical ? { x: box.x, y: box.y + box.height - length, width: box.width, height: length } : { x: box.x, y: box.y, width: length, height: box.height };
+    return {
+      id: `widget-${component.id}-${part}`,
+      type: "rect",
+      order: box.order + order,
+      bounds: rotatedBounds(shape, 0, 0),
+      ...shape,
+      rx: radius,
+      style: fade(component, {
+        fill: solid(color),
+        stroke: { kind: "none" },
+        ...opacity === void 0 ? {} : { opacity }
+      })
+    };
+  };
+  const full = vertical ? box.height : box.width;
+  return [
+    bar("track", 0.1, full, textProperty(component, "track")),
+    bar("fill", 0.2, Math.max(0, fraction * full), textProperty(component, "accent"), fraction > 0 ? 1 : 0)
+  ];
+}
 function buildProgress(component, index) {
   const box = controlBox(component, index, { width: 220, height: 12 });
   const min = numberProperty2(component, "min");
   const max = numberProperty2(component, "max");
   const fraction = Math.min(1, Math.max(0, (Number(component.value) - min) / (max - min || 1)));
   const round2 = textProperty(component, "rounded") !== "false";
-  const nodes = [hitArea(component, box)];
-  if (textProperty(component, "variant") === "ring") {
-    const thickness = Math.min(numberProperty2(component, "thickness"), Math.min(box.width, box.height) / 2);
-    const radius = Math.max(1, Math.min(box.width, box.height) / 2 - thickness / 2);
-    const circumference = 2 * Math.PI * radius;
-    const cx = box.x + box.width / 2;
-    const cy = box.y + box.height / 2;
-    const ring = (part, order, color, extra) => ({
-      id: `widget-${component.id}-${part}`,
-      type: "ellipse",
-      order: box.order + order,
-      bounds: rotatedBounds({ x: cx - radius, y: cy - radius, width: radius * 2, height: radius * 2 }, 0, thickness),
-      cx,
-      cy,
-      rx: radius,
-      ry: radius,
-      rotation: -90,
-      style: fade(component, { fill: { kind: "none" }, stroke: solid(color), strokeWidth: thickness, ...extra })
-    });
-    nodes.push(ring("track", 0.1, textProperty(component, "track"), {}));
-    nodes.push(
-      ring("fill", 0.2, textProperty(component, "accent"), {
-        dash: [Math.max(1e-3, fraction * circumference), circumference],
-        lineCap: round2 ? "round" : "butt",
-        opacity: fraction > 0 ? 1 : 0
-      })
-    );
-  } else {
-    const vertical = textProperty(component, "direction") === "vertical";
-    const radius = round2 ? (vertical ? box.width : box.height) / 2 : 0;
-    const bar = (part, order, length, color, opacity) => {
-      const shape = vertical ? { x: box.x, y: box.y + box.height - length, width: box.width, height: length } : { x: box.x, y: box.y, width: length, height: box.height };
-      return {
-        id: `widget-${component.id}-${part}`,
-        type: "rect",
-        order: box.order + order,
-        bounds: rotatedBounds(shape, 0, 0),
-        ...shape,
-        rx: radius,
-        style: fade(component, {
-          fill: solid(color),
-          stroke: { kind: "none" },
-          ...opacity === void 0 ? {} : { opacity }
-        })
-      };
-    };
-    const full = vertical ? box.height : box.width;
-    nodes.push(bar("track", 0.1, full, textProperty(component, "track")));
-    nodes.push(bar("fill", 0.2, Math.max(0, fraction * full), textProperty(component, "accent"), fraction > 0 ? 1 : 0));
-  }
+  const nodes = [
+    hitArea(component, box),
+    ...textProperty(component, "variant") === "ring" ? buildRing(component, box, fraction, round2) : buildBar(component, box, fraction, round2)
+  ];
   const text = readout2(component, fraction);
   if (text) {
     const label = {
@@ -1905,12 +1919,15 @@ function ticks(component, box, vertical, reach, offset) {
     return rect(component, box, `tick-${index}`, 0.15, shape, color);
   });
 }
+function alongOf(box, reach, vertical) {
+  return (fraction) => vertical ? box.y + box.height - reach - fraction * (box.height - reach * 2) : box.x + reach + fraction * (box.width - reach * 2);
+}
 function buildLine(component, box, thumbs, vertical) {
   const reach = sliderReach("line", vertical ? box.width : box.height);
   const radius = reach * numberProperty2(component, "thumbSize") / 100;
   const thickness = Math.min(numberProperty2(component, "trackHeight"), vertical ? box.width : box.height);
   const mid = vertical ? box.x + box.width / 2 : box.y + box.height / 2;
-  const along2 = (fraction) => vertical ? box.y + box.height - reach - fraction * (box.height - reach * 2) : box.x + reach + fraction * (box.width - reach * 2);
+  const along2 = alongOf(box, reach, vertical);
   const line = (start, end) => vertical ? {
     x: mid - thickness / 2,
     y: Math.min(start, end),
@@ -1959,69 +1976,57 @@ function buildLine(component, box, thumbs, vertical) {
     thumb(thumbs.two ? "thumb-end" : "thumb", thumbs.to, 0.31)
   ];
 }
-function buildField(component, box, thumbs, vertical) {
-  const reach = sliderReach("field", vertical ? box.width : box.height);
-  const radius = Math.min(numberProperty2(component, "radius"), Math.min(box.width, box.height) / 2);
-  const whole = { x: box.x, y: box.y, width: box.width, height: box.height, rx: radius };
-  const along2 = (fraction) => vertical ? box.y + box.height - reach - fraction * (box.height - reach * 2) : box.x + reach + fraction * (box.width - reach * 2);
-  const start = thumbs.two ? along2(thumbs.from) : vertical ? box.y + box.height : box.x;
-  const end = along2(thumbs.to);
+function fieldFill(whole, box, thumbs, vertical, start, end) {
   const first = Math.min(start, end) - (thumbs.two ? HANDLE_WIDTH / 2 : 0);
   const last = Math.max(start, end) + HANDLE_WIDTH / 2;
-  const filled = vertical ? {
+  return vertical ? {
     ...whole,
     y: thumbs.two ? first : end - HANDLE_WIDTH / 2,
     height: thumbs.two ? last - first : Math.max(0, box.y + box.height - end + HANDLE_WIDTH / 2),
-    rx: thumbs.two ? 0 : radius
+    rx: thumbs.two ? 0 : whole.rx
   } : {
     ...whole,
     x: thumbs.two ? first : box.x,
     width: thumbs.two ? last - first : Math.max(0, end + HANDLE_WIDTH / 2 - box.x),
-    rx: thumbs.two ? 0 : radius
+    rx: thumbs.two ? 0 : whole.rx
   };
+}
+function fieldHandle(component, box, vertical, part, at) {
   const handleLength = (vertical ? box.width : box.height) * 0.5;
-  const handle = (part, at) => {
-    const shape = vertical ? {
-      x: box.x + (box.width - handleLength) / 2,
-      y: at - HANDLE_WIDTH / 2,
-      width: handleLength,
-      height: HANDLE_WIDTH,
-      rx: HANDLE_WIDTH / 2
-    } : {
-      x: at - HANDLE_WIDTH / 2,
-      y: box.y + (box.height - handleLength) / 2,
-      width: HANDLE_WIDTH,
-      height: handleLength,
-      rx: HANDLE_WIDTH / 2
-    };
-    return rect(component, box, part, 0.3, shape, textProperty(component, "accent"));
+  const shape = vertical ? {
+    x: box.x + (box.width - handleLength) / 2,
+    y: at - HANDLE_WIDTH / 2,
+    width: handleLength,
+    height: HANDLE_WIDTH,
+    rx: HANDLE_WIDTH / 2
+  } : {
+    x: at - HANDLE_WIDTH / 2,
+    y: box.y + (box.height - handleLength) / 2,
+    width: HANDLE_WIDTH,
+    height: handleLength,
+    rx: HANDLE_WIDTH / 2
   };
-  const nodes = [
-    rect(component, box, "track", 0.1, whole, textProperty(component, "surface")),
-    rect(component, box, "fill", 0.2, filled, textProperty(component, "fill")),
-    ...thumbs.two ? [handle("handle-start", start)] : [],
-    handle(thumbs.two ? "handle-end" : "handle", end)
-  ];
+  return rect(component, box, part, 0.3, shape, textProperty(component, "accent"));
+}
+function fieldTexts(component, box, thumbs, vertical) {
   const text = {
     color: ink(component, textProperty(component, "textColor")),
     fontSize: numberProperty2(component, "fontSize")
   };
   const value = readout3(component, thumbs);
   if (vertical) {
-    if (value) {
-      nodes.push(
-        labelText(
-          component,
-          "value",
-          { x: box.x, y: box.y + 6, width: box.width, height: 20 },
-          { ...text, text: value, align: "center" },
-          box.order + 0.4
-        )
-      );
-    }
-    return nodes;
+    return value ? [
+      labelText(
+        component,
+        "value",
+        { x: box.x, y: box.y + 6, width: box.width, height: 20 },
+        { ...text, text: value, align: "center" },
+        box.order + 0.4
+      )
+    ] : [];
   }
   const inner = { y: box.y, height: box.height, width: Math.max(0, box.width / 2 - TEXT_PADDING) };
+  const nodes = [];
   if (component.label) {
     nodes.push(
       labelText(
@@ -2044,9 +2049,31 @@ function buildField(component, box, thumbs, vertical) {
       )
     );
   }
-  nodes.push(...ticks(component, box, false, reach, box.height - TICK_LENGTH - 5));
   return nodes;
 }
+function buildField(component, box, thumbs, vertical) {
+  const reach = sliderReach("field", vertical ? box.width : box.height);
+  const radius = Math.min(numberProperty2(component, "radius"), Math.min(box.width, box.height) / 2);
+  const whole = { x: box.x, y: box.y, width: box.width, height: box.height, rx: radius };
+  const along2 = alongOf(box, reach, vertical);
+  const start = thumbs.two ? along2(thumbs.from) : vertical ? box.y + box.height : box.x;
+  const end = along2(thumbs.to);
+  return [
+    rect(component, box, "track", 0.1, whole, textProperty(component, "surface")),
+    rect(
+      component,
+      box,
+      "fill",
+      0.2,
+      fieldFill(whole, box, thumbs, vertical, start, end),
+      textProperty(component, "fill")
+    ),
+    ...thumbs.two ? [fieldHandle(component, box, vertical, "handle-start", start)] : [],
+    fieldHandle(component, box, vertical, thumbs.two ? "handle-end" : "handle", end),
+    ...fieldTexts(component, box, thumbs, vertical),
+    ...vertical ? [] : ticks(component, box, false, reach, box.height - TICK_LENGTH - 5)
+  ];
+}
 function buildSlider(component, index) {
   const field = textProperty(component, "variant") === "field";
   const vertical = textProperty(component, "direction") === "vertical";
@@ -4146,27 +4173,46 @@ function tiltedBottomRoom(chart) {
   const labels = chart.chartType === "bar" && !isHorizontalBar(chart) ? chart.config?.categories ?? [] : chart.chartType === "boxplot" && !isHorizontalBoxplot(chart) ? chart.series.map((series) => series.label || series.id) : [];
   return labels.length > 0 ? Math.max(0, tiltedLabelRoom(chart, labels, tilt) - 18) : 0;
 }
-function decorations(chart) {
-  const showLabels = chart.showAxisLabels !== false;
+function legendPlaceOf(chart) {
   const showLegend = chart.showLegend !== false;
-  const legendPosition = chart.legendPosition ?? "top";
-  const legendAtTop = legendPosition === "top";
-  const hasLegendItems = showLegend && chart.series.length > 0;
-  const legendStacked = hasLegendItems && isStackedLegendPosition(legendPosition);
-  const sideColumnWidth = legendStacked ? stackedLegendColumnWidth(chart) + LEGEND_COLUMN_GAP : 0;
-  const treemapSide = treemapSideLegendSide(chart, showLegend);
-  const tickX = xLabelOffset(chart);
-  const tickY = yLabelOffset(chart);
-  const padLeft = tickY + (showLabels ? leftLabelWidth(chart) : 12) + (legendPosition === "bottomLeft" ? sideColumnWidth : 0) + (treemapSide === "left" ? TREEMAP_SIDE_LEGEND_WIDTH : 0);
-  const padRight = 24 + (legendPosition === "bottomRight" ? sideColumnWidth : 0) + (treemapSide === "right" ? TREEMAP_SIDE_LEGEND_WIDTH : 0);
+  const position = chart.legendPosition ?? "top";
+  const hasItems = showLegend && chart.series.length > 0;
+  const stacked = hasItems && isStackedLegendPosition(position);
+  return {
+    showLegend,
+    position,
+    atTop: position === "top",
+    hasItems,
+    stacked,
+    sideColumnWidth: stacked ? stackedLegendColumnWidth(chart) + LEGEND_COLUMN_GAP : 0,
+    treemapSide: treemapSideLegendSide(chart, showLegend)
+  };
+}
+function padLeftOf(chart, showLabels, legend) {
+  return yLabelOffset(chart) + (showLabels ? leftLabelWidth(chart) : 12) + (legend.position === "bottomLeft" ? legend.sideColumnWidth : 0) + (legend.treemapSide === "left" ? TREEMAP_SIDE_LEGEND_WIDTH : 0);
+}
+function padRightOf(legend) {
+  return 24 + (legend.position === "bottomRight" ? legend.sideColumnWidth : 0) + (legend.treemapSide === "right" ? TREEMAP_SIDE_LEGEND_WIDTH : 0);
+}
+function padBottomOf(chart, showLabels, legend) {
   const valueRow = chart.chartType === "bar" && chart.config?.showBarLabels === true && chart.config.barLabelPosition === "axis";
   const horizontalValueAxis = isHorizontalBar(chart) && chart.showValueAxis !== false;
-  const basePadBottom = showLabels ? isHorizontalBar(chart) ? horizontalValueAxis ? 34 : 12 : (chart.axisX.label ? 52 : 34) + (valueRow ? 18 : 0) : 12;
-  const hasColorBar = chart.chartType === "field" && showLegend && Boolean(chart.config?.scale?.stops.length);
-  const legendAtBottomRow = hasLegendItems && !legendAtTop && !legendStacked;
-  const padBottom = tickX + basePadBottom + (showLabels ? tiltedBottomRoom(chart) : 0) + (hasColorBar ? 44 : 0) + (legendAtBottomRow ? 16 + LEGEND_ROW_HEIGHT : 0);
+  const base = showLabels ? isHorizontalBar(chart) ? horizontalValueAxis ? 34 : 12 : (chart.axisX.label ? 52 : 34) + (valueRow ? 18 : 0) : 12;
+  const hasColorBar = chart.chartType === "field" && legend.showLegend && Boolean(chart.config?.scale?.stops.length);
+  const legendInRow = legend.hasItems && !legend.atTop && !legend.stacked;
+  return xLabelOffset(chart) + base + (showLabels ? tiltedBottomRoom(chart) : 0) + (hasColorBar ? 44 : 0) + (legendInRow ? 16 + LEGEND_ROW_HEIGHT : 0);
+}
+function padTopOf(chart, legend) {
   const titleHeight = chart.title ? Math.max(44, 20 + finite(chart.titleSize, 14) * 1.6) : 0;
-  const padTop = titleHeight || (legendAtTop && hasLegendItems ? 44 : 24);
+  return titleHeight || (legend.atTop && legend.hasItems ? 44 : 24);
+}
+function decorations(chart) {
+  const showLabels = chart.showAxisLabels !== false;
+  const legend = legendPlaceOf(chart);
+  const padLeft = padLeftOf(chart, showLabels, legend);
+  const padRight = padRightOf(legend);
+  const padBottom = padBottomOf(chart, showLabels, legend);
+  const padTop = padTopOf(chart, legend);
   return {
     bounds: boxBounds(
       { x: chart.x, y: chart.y, width: chart.width, height: chart.height },
@@ -4179,7 +4225,7 @@ function decorations(chart) {
       height: Math.max(1, chart.height - padTop - padBottom)
     },
     showLabels,
-    showLegend,
+    showLegend: legend.showLegend,
     padLeft
   };
 }
@@ -8084,25 +8130,23 @@ function labelPlacement2(context, geometry, angles, series, fillColor) {
   );
   return { point, color, outside, mid, tickStart };
 }
-function createWedgeLabel(context, geometry, angles, series, value, fillColor) {
-  const placement = labelPlacement2(context, geometry, angles, series, fillColor);
-  if (!placement) {
-    return [];
-  }
-  const { chart, bounds, nextOrder } = context;
-  const { point, color, outside, mid, tickStart } = placement;
-  const { nameSize, valueSize } = labelSizes(chart);
-  const lineHeight = Math.max(nameSize, valueSize) * 1.2;
+function labelTick(context, series, placement, lineHeight) {
+  const { point, color, outside, tickStart } = placement;
   const tickEnd = outside ? clipSegmentToRect(tickStart, point, LABEL_WIDTH2 / 2, lineHeight) : tickStart;
-  const tick = {
+  return {
     type: "path",
-    id: `chart-polar-area-label-tick-${chart.id}-${series.id}`,
-    order: nextOrder(),
-    bounds,
+    id: `chart-polar-area-label-tick-${context.chart.id}-${series.id}`,
+    order: context.nextOrder(),
+    bounds: context.bounds,
     d: `M ${tickStart.x} ${tickStart.y} L ${tickEnd.x} ${tickEnd.y}`,
     detail: { of: "chartSeries", series: series.id, mark: "polar-area-label-tick" },
     style: outside ? { stroke: { kind: "solid", color }, strokeWidth: 1.5 } : { stroke: { kind: "none" } }
   };
+}
+function labelTexts(context, geometry, series, value, placement) {
+  const { chart, bounds, nextOrder } = context;
+  const { point, color, outside, mid } = placement;
+  const { nameSize, valueSize } = labelSizes(chart);
   const detail = {
     of: "chartSeries",
     series: series.id,
@@ -8154,7 +8198,16 @@ function createWedgeLabel(context, geometry, angles, series, value, fillColor) {
     prop: seriesValueProp(series.id, 0),
     propKind: "value"
   };
-  return [tick, nameText, valueText];
+  return [nameText, valueText];
+}
+function createWedgeLabel(context, geometry, angles, series, value, fillColor) {
+  const placement = labelPlacement2(context, geometry, angles, series, fillColor);
+  if (!placement) {
+    return [];
+  }
+  const { nameSize, valueSize } = labelSizes(context.chart);
+  const tick = labelTick(context, series, placement, Math.max(nameSize, valueSize) * 1.2);
+  return [tick, ...labelTexts(context, geometry, series, value, placement)];
 }
 function addOffset(point, dx, dy) {
   return { x: point.x + dx, y: point.y + dy };
@@ -10340,5 +10393,5 @@ function defineComponent(definition) {
 }
 
 export { collectCanvasObjects, decodeColor, decodeShadow, defineComponent, render, renderCanvas, sflToRenderInput, sliderReach };
-//# sourceMappingURL=chunk-G2N3KJYJ.js.map
-//# sourceMappingURL=chunk-G2N3KJYJ.js.map
+//# sourceMappingURL=chunk-SDOHUNBW.js.map
+//# sourceMappingURL=chunk-SDOHUNBW.js.map