@primeui/chart-core 0.0.1-alpha.1

package/dist/chunk-NKUYIWAP.mjs

@@ -0,0 +1,243 @@
+import { perceivedLuminanceFromRGB } from './chunk-QS76E3TD.mjs';
+import { defaultLightTheme } from './chunk-O2X6FF45.mjs';
+import { parseHexColor } from './chunk-SSLTFJ3U.mjs';
+
+// src/utils/theme/defaults.ts
+var LIGHT_MODE_COLORS = {
+  text: "#000000",
+  background: "#ffffff",
+  surfaceBackground: "#f5f5f5"
+};
+var DARK_MODE_COLORS = {
+  text: "#ffffff",
+  background: "#3f3f46",
+  surfaceBackground: "#27272a"
+};
+var DEFAULT_AXIS_COLOR = "#666666";
+var DEFAULT_GRID_COLOR = "#e2e8f0";
+var DEFAULT_TICK_LABEL_COLOR = "#666666";
+var DEFAULT_AXIS_COLOR_DARK = "#a1a1aa";
+var DEFAULT_GRID_COLOR_DARK = "#3f3f46";
+var DEFAULT_TICK_LABEL_COLOR_DARK = "#a1a1aa";
+var DEFAULT_FONT_FAMILY = "system-ui, sans-serif";
+var DEFAULT_TICK_FONT_SIZE = 12;
+var DEFAULT_TITLE_FONT_SIZE = 14;
+var DEFAULT_TICK_LENGTH = 6;
+var DEFAULT_LABEL_PADDING = 8;
+var DEFAULT_TITLE_OFFSET = 45;
+var DEFAULT_CHART_TITLE_FONT_SIZE = 16;
+var DEFAULT_CHART_TITLE_PADDING = 10;
+var DEFAULT_CHART_CAPTION_FONT_SIZE = 13;
+var DEFAULT_CHART_CAPTION_PADDING = { top: 8, bottom: 20 };
+var DEFAULT_CHART_PADDING = 10;
+var DEFAULT_LEGEND_HEIGHT = 30;
+var DEFAULT_LEGEND_WIDTH = 100;
+var DEFAULT_LEGEND_PADDING = 10;
+var DEFAULT_CHART_TITLE_COLOR = "#0f172a";
+var DEFAULT_CHART_TITLE_COLOR_DARK = "#fafafa";
+var DEFAULT_CHART_CAPTION_COLOR = "#94a3b8";
+var DEFAULT_CHART_CAPTION_COLOR_DARK = "#71717a";
+var DEFAULT_DATA_LABEL_COLOR = "#334155";
+var DEFAULT_DATA_LABEL_COLOR_DARK = "#e4e4e7";
+var DEFAULT_ANNOTATION_COLOR = "#334155";
+var DEFAULT_ANNOTATION_COLOR_DARK = "#e4e4e7";
+var DEFAULT_DATA_LABEL_FONT_SIZE = 12;
+var DEFAULT_DATA_LABEL_FONT_FAMILY = DEFAULT_FONT_FAMILY;
+var DEFAULT_BRACKET_COLOR = "#999";
+var DEFAULT_BRACKET_COLOR_DARK = "#71717a";
+var DEFAULT_GROUP_LABEL_COLOR = "#444";
+var DEFAULT_GROUP_LABEL_COLOR_DARK = "#a1a1aa";
+var DEFAULT_GROUP_LABEL_FONT_SIZE = 11;
+var DEFAULT_GROUP_LABEL_FONT_WEIGHT = 600;
+var DEFAULT_CROSSHAIR_COLOR = "rgba(0, 0, 0, 0.5)";
+var DEFAULT_CROSSHAIR_COLOR_DARK = "rgba(255, 255, 255, 0.3)";
+var DEFAULT_REFERENCE_LINE_STROKE = "#94a3b8";
+var DEFAULT_REFERENCE_LINE_WIDTH = 1;
+var DEFAULT_REFERENCE_BAND_FILL = "#0000001a";
+var DEFAULT_REFERENCE_BAND_OPACITY = 1;
+var DEFAULT_REFERENCE_LABEL_FONT_SIZE = 11;
+var DEFAULT_REFERENCE_LABEL_FONT_WEIGHT = 500;
+var DEFAULT_REFERENCE_LABEL_OFFSET = 4;
+var DEFAULT_HOVER_BRIGHTNESS = 1.1;
+var DEFAULT_HOVER_DIM_OPACITY = 0.6;
+var DEFAULT_HOVER_POINT_RADIUS_MULTIPLIER = 1.3;
+var DEFAULT_HOVER_OFFSET = 0;
+var DEFAULT_LINE_WIDTH = 2;
+var DEFAULT_AREA_FILL_OPACITY = 0.3;
+var DEFAULT_LINE_MARKER_SIZE = 4;
+var DEFAULT_SCATTER_MARKER_SIZE = 6;
+var DEFAULT_MIN_BUBBLE_SIZE = 4;
+var DEFAULT_MAX_BUBBLE_SIZE = 40;
+var DEFAULT_SCATTER_HIT_RADIUS = 10;
+var DEFAULT_SCATTER_FILL_OPACITY = 0.7;
+var DEFAULT_SCATTER_BORDER_WIDTH = 1;
+var SCATTER_SPATIAL_INDEX_THRESHOLD = 2e3;
+var SCATTER_BOOST_AUTO_THRESHOLD = 5e4;
+var LINE_BOOST_AUTO_THRESHOLD = 5e4;
+var SCATTER_SVG_CEILING_WARNING = 1e4;
+var SVG_ELEMENT_CEILING_WARNING = 8e3;
+var DEFAULT_RADAR_FILL_OPACITY = 0.2;
+var DEFAULT_RADAR_HIT_RADIUS = 15;
+var DEFAULT_GRID_LEVELS = 5;
+var DEFAULT_RADIAL_LABEL_FONT_SIZE = 12;
+var DEFAULT_POLAR_GAP_PX = 8;
+var DEFAULT_CANDLESTICK_UP_COLOR = "#1eb854";
+var DEFAULT_CANDLESTICK_DOWN_COLOR = "#dc2828";
+var DEFAULT_CANDLESTICK_NEUTRAL_COLOR = "#6b7280";
+var DEFAULT_CANDLESTICK_WICK_WIDTH = 1;
+var DEFAULT_TREEMAP_PADDING = 2;
+var DEFAULT_TREEMAP_GROUP_LABEL_HEIGHT = 18;
+var DEFAULT_TREEMAP_CELL_COLOR = "#3563e9";
+var DEFAULT_TREEMAP_HEADER_BG = "rgba(0,0,0,0.6)";
+var DEFAULT_TREEMAP_HEADER_TEXT_COLOR = "#FFFFFF";
+var DEFAULT_TREEMAP_CELL_BORDER_COLOR = "rgba(0,0,0,0.15)";
+var DEFAULT_TREEMAP_GROUP_COLORS = ["#3563e9", "#e8722d", "#1fbe8b", "#dc2f4f", "#6852d9", "#1dafd9", "#d63384", "#88b83f", "#a855cc", "#d9a422"];
+var DEFAULT_NAV_PADDING_Y = 4;
+var DEFAULT_NAV_PADDING_X = 6;
+var DEFAULT_NAV_MIN_SELECTION_WIDTH = 20;
+var DEFAULT_NAV_HANDLE_WIDTH = 6;
+var DEFAULT_NAV_GRIP_LINE_GAP = 3;
+var DEFAULT_NAV_STYLE = {
+  height: 60,
+  gap: 8,
+  color: "#94a3b8",
+  opacity: 0.3,
+  selectionColor: "rgba(59,130,246,0.7)",
+  selectionFill: "rgba(59,130,246,0.08)",
+  maskColor: "rgba(0,0,0,0.12)"
+};
+var DEFAULT_BG_FILL_EVEN = "rgba(0,0,0,0.03)";
+var DEFAULT_BG_FILL_ODD = "rgba(0,0,0,0.06)";
+var DEFAULT_BRACKET_TICK_SIZE = 5;
+var DEFAULT_BRACKET_GAP = 4;
+var DEFAULT_BRACKET_DEPTH_LAYER_SIZE = 24;
+var DEFAULT_BRACKET_LABEL_OFFSET = 6;
+var DEFAULT_BRACKET_AXIS_TITLE_SPACE = 30;
+var DEFAULT_LABEL_SPACING = 6;
+var DEFAULT_TITLE_LABEL_GAP = 16;
+var DEFAULT_FALLBACK_COLOR = "#808080";
+var DEFAULT_BORDER_COLOR = "#000";
+var BASE_FONT_SIZE = 12;
+function resolveFontSize(defaultPx, globalFont) {
+  if (!globalFont?.size) return defaultPx;
+  return Math.round(defaultPx / BASE_FONT_SIZE * globalFont.size);
+}
+function resolveFontFamily(elementFamily, globalFont) {
+  return elementFamily ?? globalFont?.family ?? DEFAULT_FONT_FAMILY;
+}
+
+// src/utils/theme/resolution.ts
+function resolveTheme(userTheme) {
+  if (!userTheme) return defaultLightTheme;
+  const series = userTheme.series ? defaultLightTheme.series.map((c, i) => userTheme.series[i] ?? c) : defaultLightTheme.series;
+  const axes = userTheme.axes ? defaultLightTheme.axes.map((c, i) => userTheme.axes[i] ?? c) : defaultLightTheme.axes;
+  return {
+    ...defaultLightTheme,
+    ...userTheme,
+    series,
+    axes
+  };
+}
+function resolveAxisColor(theme, index) {
+  return theme.axes[index ?? 0] ?? theme.axes[0] ?? "#666666";
+}
+function themeToCssVars(theme) {
+  if (!theme) return {};
+  const vars = {};
+  if (theme.series) {
+    for (let i = 0; i < theme.series.length; i++) {
+      const c = theme.series[i];
+      if (c) vars[`--p-chart-color-${i}`] = c;
+    }
+  }
+  if (theme.axes) {
+    for (let i = 0; i < 4 && i < theme.axes.length; i++) {
+      const c = theme.axes[i];
+      if (c) vars[`--p-chart-axis-${i}`] = c;
+    }
+  }
+  if (theme.grid) vars["--p-chart-grid"] = theme.grid;
+  if (theme.gridMinor) vars["--p-chart-grid-minor"] = theme.gridMinor;
+  if (theme.tickLabel) vars["--p-chart-tick-label-color"] = theme.tickLabel;
+  if (theme.dataLabel) vars["--p-chart-data-label-color"] = theme.dataLabel;
+  if (theme.dataLabelBackground) vars["--p-chart-data-label-background"] = theme.dataLabelBackground;
+  if (theme.dataLabelBorder) vars["--p-chart-data-label-border"] = theme.dataLabelBorder;
+  if (theme.annotation) vars["--p-chart-annotation-color"] = theme.annotation;
+  if (theme.annotationBackground) vars["--p-chart-annotation-background"] = theme.annotationBackground;
+  if (theme.annotationBorder) vars["--p-chart-annotation-border"] = theme.annotationBorder;
+  if (theme.titleColor) vars["--p-chart-title-color"] = theme.titleColor;
+  if (theme.captionColor) vars["--p-chart-caption-color"] = theme.captionColor;
+  if (theme.bandFill) vars["--p-chart-band-fill"] = theme.bandFill;
+  if (theme.positive) vars["--p-chart-positive"] = theme.positive;
+  if (theme.negative) vars["--p-chart-negative"] = theme.negative;
+  if (theme.candleNeutral) vars["--p-chart-candle-neutral"] = theme.candleNeutral;
+  if (theme.hoverBrightness != null) vars["--p-chart-hover-brightness"] = String(theme.hoverBrightness);
+  if (theme.dimOpacity != null) vars["--p-chart-dim-opacity"] = String(theme.dimOpacity);
+  if (theme.barStrokeWidth != null) vars["--p-chart-bar-stroke-width"] = `${theme.barStrokeWidth}px`;
+  if (theme.tickHalo) vars["--p-chart-tick-halo"] = theme.tickHalo;
+  if (theme.heatColorMin) vars["--p-chart-heat-min"] = theme.heatColorMin;
+  if (theme.heatColorMax) vars["--p-chart-heat-max"] = theme.heatColorMax;
+  if (theme.heatEmpty) vars["--p-chart-heat-empty"] = theme.heatEmpty;
+  if (theme.heatNull) vars["--p-chart-heat-null"] = theme.heatNull;
+  if (theme.tooltipBackground) vars["--p-chart-tooltip-background"] = theme.tooltipBackground;
+  if (theme.tooltipBorder) vars["--p-chart-tooltip-border"] = theme.tooltipBorder;
+  if (theme.tooltipColor) vars["--p-chart-tooltip-color"] = theme.tooltipColor;
+  if (theme.tooltipRadius) vars["--p-chart-tooltip-radius"] = theme.tooltipRadius;
+  if (theme.tooltipBlur) vars["--p-chart-tooltip-blur"] = theme.tooltipBlur;
+  if (theme.tooltipShadow) vars["--p-chart-tooltip-shadow"] = theme.tooltipShadow;
+  if (theme.tooltipPadding) vars["--p-chart-tooltip-padding"] = theme.tooltipPadding;
+  if (theme.legendColor) vars["--p-chart-legend-color"] = theme.legendColor;
+  if (theme.legendBackground) vars["--p-chart-legend-background"] = theme.legendBackground;
+  if (theme.legendBorder) vars["--p-chart-legend-border"] = theme.legendBorder;
+  if (theme.referenceLineColor) vars["--p-chart-reference-line"] = theme.referenceLineColor;
+  if (theme.referenceBandFill) vars["--p-chart-reference-band"] = theme.referenceBandFill;
+  if (theme.navigatorSeries) vars["--p-chart-navigator-series"] = theme.navigatorSeries;
+  if (theme.navigatorMask) vars["--p-chart-navigator-mask"] = theme.navigatorMask;
+  if (theme.navigatorSelectionColor) vars["--p-chart-navigator-selection"] = theme.navigatorSelectionColor;
+  if (theme.navigatorSelectionFill) vars["--p-chart-navigator-selection-fill"] = theme.navigatorSelectionFill;
+  if (theme.treemapCell) vars["--p-chart-treemap-cell"] = theme.treemapCell;
+  if (theme.treemapCellBorder) vars["--p-chart-treemap-cell-border"] = theme.treemapCellBorder;
+  if (theme.treemapHeaderBg) vars["--p-chart-treemap-header-bg"] = theme.treemapHeaderBg;
+  if (theme.treemapHeaderText) vars["--p-chart-treemap-header-text"] = theme.treemapHeaderText;
+  if (theme.borderColor) vars["--p-chart-border"] = theme.borderColor;
+  if (theme.crosshairColor) vars["--p-chart-crosshair-color"] = theme.crosshairColor;
+  if (theme.fontFamily) vars["--p-chart-font-family"] = theme.fontFamily;
+  if (theme.fontSize != null) vars["--p-chart-font-size"] = `${theme.fontSize}px`;
+  return vars;
+}
+function resolveBackgroundColor(container, requestedBg) {
+  if (requestedBg !== "auto") {
+    return requestedBg;
+  }
+  let element = container;
+  const view = container.ownerDocument.defaultView;
+  if (!view) return LIGHT_MODE_COLORS.background;
+  while (element) {
+    const computed = view.getComputedStyle(element);
+    const bg = computed.backgroundColor;
+    if (bg && bg !== "transparent" && bg !== "rgba(0, 0, 0, 0)") {
+      return bg;
+    }
+    element = element.parentElement;
+  }
+  return LIGHT_MODE_COLORS.background;
+}
+function calculateLuminance(r, g, b) {
+  return perceivedLuminanceFromRGB(r, g, b) * 255;
+}
+function isColorDark(color) {
+  if (color.startsWith("#")) {
+    const [r, g, b] = parseHexColor(color);
+    return calculateLuminance(r, g, b) < 128;
+  }
+  const match = color.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
+  if (match) {
+    const r = parseInt(match[1], 10);
+    const g = parseInt(match[2], 10);
+    const b = parseInt(match[3], 10);
+    return calculateLuminance(r, g, b) < 128;
+  }
+  return false;
+}
+
+export { DARK_MODE_COLORS, DEFAULT_ANNOTATION_COLOR, DEFAULT_ANNOTATION_COLOR_DARK, DEFAULT_AREA_FILL_OPACITY, DEFAULT_AXIS_COLOR, DEFAULT_AXIS_COLOR_DARK, DEFAULT_BG_FILL_EVEN, DEFAULT_BG_FILL_ODD, DEFAULT_BORDER_COLOR, DEFAULT_BRACKET_AXIS_TITLE_SPACE, DEFAULT_BRACKET_COLOR, DEFAULT_BRACKET_COLOR_DARK, DEFAULT_BRACKET_DEPTH_LAYER_SIZE, DEFAULT_BRACKET_GAP, DEFAULT_BRACKET_LABEL_OFFSET, DEFAULT_BRACKET_TICK_SIZE, DEFAULT_CANDLESTICK_DOWN_COLOR, DEFAULT_CANDLESTICK_NEUTRAL_COLOR, DEFAULT_CANDLESTICK_UP_COLOR, DEFAULT_CANDLESTICK_WICK_WIDTH, DEFAULT_CHART_CAPTION_COLOR, DEFAULT_CHART_CAPTION_COLOR_DARK, DEFAULT_CHART_CAPTION_FONT_SIZE, DEFAULT_CHART_CAPTION_PADDING, DEFAULT_CHART_PADDING, DEFAULT_CHART_TITLE_COLOR, DEFAULT_CHART_TITLE_COLOR_DARK, DEFAULT_CHART_TITLE_FONT_SIZE, DEFAULT_CHART_TITLE_PADDING, DEFAULT_CROSSHAIR_COLOR, DEFAULT_CROSSHAIR_COLOR_DARK, DEFAULT_DATA_LABEL_COLOR, DEFAULT_DATA_LABEL_COLOR_DARK, DEFAULT_DATA_LABEL_FONT_FAMILY, DEFAULT_DATA_LABEL_FONT_SIZE, DEFAULT_FALLBACK_COLOR, DEFAULT_FONT_FAMILY, DEFAULT_GRID_COLOR, DEFAULT_GRID_COLOR_DARK, DEFAULT_GRID_LEVELS, DEFAULT_GROUP_LABEL_COLOR, DEFAULT_GROUP_LABEL_COLOR_DARK, DEFAULT_GROUP_LABEL_FONT_SIZE, DEFAULT_GROUP_LABEL_FONT_WEIGHT, DEFAULT_HOVER_BRIGHTNESS, DEFAULT_HOVER_DIM_OPACITY, DEFAULT_HOVER_OFFSET, DEFAULT_HOVER_POINT_RADIUS_MULTIPLIER, DEFAULT_LABEL_PADDING, DEFAULT_LABEL_SPACING, DEFAULT_LEGEND_HEIGHT, DEFAULT_LEGEND_PADDING, DEFAULT_LEGEND_WIDTH, DEFAULT_LINE_MARKER_SIZE, DEFAULT_LINE_WIDTH, DEFAULT_MAX_BUBBLE_SIZE, DEFAULT_MIN_BUBBLE_SIZE, DEFAULT_NAV_GRIP_LINE_GAP, DEFAULT_NAV_HANDLE_WIDTH, DEFAULT_NAV_MIN_SELECTION_WIDTH, DEFAULT_NAV_PADDING_X, DEFAULT_NAV_PADDING_Y, DEFAULT_NAV_STYLE, DEFAULT_POLAR_GAP_PX, DEFAULT_RADAR_FILL_OPACITY, DEFAULT_RADAR_HIT_RADIUS, DEFAULT_RADIAL_LABEL_FONT_SIZE, DEFAULT_REFERENCE_BAND_FILL, DEFAULT_REFERENCE_BAND_OPACITY, DEFAULT_REFERENCE_LABEL_FONT_SIZE, DEFAULT_REFERENCE_LABEL_FONT_WEIGHT, DEFAULT_REFERENCE_LABEL_OFFSET, DEFAULT_REFERENCE_LINE_STROKE, DEFAULT_REFERENCE_LINE_WIDTH, DEFAULT_SCATTER_BORDER_WIDTH, DEFAULT_SCATTER_FILL_OPACITY, DEFAULT_SCATTER_HIT_RADIUS, DEFAULT_SCATTER_MARKER_SIZE, DEFAULT_TICK_FONT_SIZE, DEFAULT_TICK_LABEL_COLOR, DEFAULT_TICK_LABEL_COLOR_DARK, DEFAULT_TICK_LENGTH, DEFAULT_TITLE_FONT_SIZE, DEFAULT_TITLE_LABEL_GAP, DEFAULT_TITLE_OFFSET, DEFAULT_TREEMAP_CELL_BORDER_COLOR, DEFAULT_TREEMAP_CELL_COLOR, DEFAULT_TREEMAP_GROUP_COLORS, DEFAULT_TREEMAP_GROUP_LABEL_HEIGHT, DEFAULT_TREEMAP_HEADER_BG, DEFAULT_TREEMAP_HEADER_TEXT_COLOR, DEFAULT_TREEMAP_PADDING, LIGHT_MODE_COLORS, LINE_BOOST_AUTO_THRESHOLD, SCATTER_BOOST_AUTO_THRESHOLD, SCATTER_SPATIAL_INDEX_THRESHOLD, SCATTER_SVG_CEILING_WARNING, SVG_ELEMENT_CEILING_WARNING, calculateLuminance, isColorDark, resolveAxisColor, resolveBackgroundColor, resolveFontFamily, resolveFontSize, resolveTheme, themeToCssVars };

package/dist/chunk-NPDZLYIF.mjs

@@ -0,0 +1,238 @@
+import { DEFAULT_CHART_PADDING, resolveFontSize, DEFAULT_CHART_TITLE_FONT_SIZE, DEFAULT_CHART_TITLE_PADDING, DEFAULT_CHART_CAPTION_FONT_SIZE, DEFAULT_CHART_CAPTION_PADDING, DEFAULT_LEGEND_PADDING, DEFAULT_LEGEND_WIDTH, DEFAULT_LEGEND_HEIGHT } from './chunk-NKUYIWAP.mjs';
+import { calculateArcBoundingBox } from './chunk-RQ3CKQOX.mjs';
+
+// src/utils/layout/layout.utils.ts
+function normalizePadding(padding) {
+  if (typeof padding === "number") {
+    return { top: padding, right: padding, bottom: padding, left: padding };
+  }
+  return {
+    top: padding?.top ?? DEFAULT_CHART_PADDING,
+    right: padding?.right ?? DEFAULT_CHART_PADDING,
+    bottom: padding?.bottom ?? DEFAULT_CHART_PADDING,
+    left: padding?.left ?? DEFAULT_CHART_PADDING
+  };
+}
+function calculateTitleDimensions(title, globalFont) {
+  if (!title?.display || !title.text) {
+    return { height: 0, fontSize: 0, padding: 0 };
+  }
+  const fontSize = title.fontSize ?? resolveFontSize(DEFAULT_CHART_TITLE_FONT_SIZE, globalFont);
+  const padding = title.padding ?? DEFAULT_CHART_TITLE_PADDING;
+  const height = fontSize + padding * 2;
+  return { height, fontSize, padding };
+}
+function calculateTitleArea(title, containerWidth, containerHeight, padding, globalFont) {
+  if (!title?.display) {
+    return null;
+  }
+  const { height } = calculateTitleDimensions(title, globalFont);
+  const position = title.position ?? "top";
+  const x = padding.left;
+  const width = containerWidth - padding.left - padding.right;
+  if (position === "top") {
+    return { x, y: padding.top, width, height };
+  } else {
+    return { x, y: containerHeight - padding.bottom - height, width, height };
+  }
+}
+function calculateTitleLayout(title, caption, containerWidth, containerHeight, padding, floating, globalFont) {
+  const hasTitle = !!title?.display && !!title.text;
+  const hasCaption = !!caption?.display && !!caption.text;
+  if (!hasTitle && !hasCaption) {
+    return { titleArea: null, captionArea: null, totalArea: null, totalHeight: 0, captionIndependentHeight: 0, captionIndependentPosition: null };
+  }
+  const titlePosition = title?.position ?? "top";
+  const captionPosition = caption?.position;
+  const captionIsIndependent = hasCaption && !!captionPosition && captionPosition !== titlePosition;
+  const x = padding.left;
+  const width = containerWidth - padding.left - padding.right;
+  const titleFontSize = title?.fontSize ?? resolveFontSize(DEFAULT_CHART_TITLE_FONT_SIZE, globalFont);
+  const titlePadding = title?.padding ?? DEFAULT_CHART_TITLE_PADDING;
+  const titleHeight = hasTitle ? titleFontSize + titlePadding * 2 : 0;
+  const captionFontSize = caption?.fontSize ?? resolveFontSize(DEFAULT_CHART_CAPTION_FONT_SIZE, globalFont);
+  const captionPaddingRaw = caption?.padding;
+  const captionPaddingTop = typeof captionPaddingRaw === "number" ? captionPaddingRaw : captionPaddingRaw?.top ?? DEFAULT_CHART_CAPTION_PADDING.top;
+  const captionPaddingBottom = typeof captionPaddingRaw === "number" ? captionPaddingRaw : captionPaddingRaw?.bottom ?? DEFAULT_CHART_CAPTION_PADDING.bottom;
+  const captionHeight = hasCaption ? caption?.measuredHeight ?? captionFontSize + captionPaddingTop + captionPaddingBottom : 0;
+  let titleArea = null;
+  let captionArea = null;
+  if (captionIsIndependent) {
+    if (hasTitle) {
+      const startY = titlePosition === "top" ? padding.top : containerHeight - padding.bottom - titleHeight;
+      titleArea = { x, y: startY, width, height: titleHeight };
+    }
+    const capSide = captionPosition;
+    const capY = capSide === "top" ? padding.top : containerHeight - padding.bottom - captionHeight;
+    captionArea = { x, y: capY, width, height: captionHeight };
+    const titleOnlyHeight = titleHeight;
+    const totalArea2 = titleOnlyHeight > 0 && hasTitle ? {
+      x,
+      y: titlePosition === "top" ? padding.top : containerHeight - padding.bottom - titleOnlyHeight,
+      width,
+      height: titleOnlyHeight
+    } : null;
+    return {
+      titleArea,
+      captionArea,
+      totalArea: totalArea2,
+      totalHeight: floating ? 0 : titleOnlyHeight,
+      captionIndependentHeight: floating ? 0 : captionHeight,
+      captionIndependentPosition: capSide
+    };
+  }
+  const stackedHeight = titleHeight + captionHeight;
+  if (titlePosition === "top") {
+    const startY = padding.top;
+    if (hasTitle) {
+      titleArea = { x, y: startY, width, height: titleHeight };
+    }
+    if (hasCaption) {
+      captionArea = { x, y: startY + titleHeight, width, height: captionHeight };
+    }
+  } else {
+    const bottomEdge = containerHeight - padding.bottom;
+    if (hasTitle) {
+      titleArea = { x, y: bottomEdge - titleHeight, width, height: titleHeight };
+    }
+    if (hasCaption) {
+      captionArea = { x, y: bottomEdge - stackedHeight, width, height: captionHeight };
+    }
+  }
+  const totalArea = stackedHeight > 0 ? {
+    x,
+    y: titlePosition === "top" ? padding.top : containerHeight - padding.bottom - stackedHeight,
+    width,
+    height: stackedHeight
+  } : null;
+  return {
+    titleArea,
+    captionArea,
+    totalArea,
+    totalHeight: floating ? 0 : stackedHeight,
+    captionIndependentHeight: 0,
+    captionIndependentPosition: null
+  };
+}
+function calculateLegendDimensions(legend) {
+  if (!legend?.display) {
+    return { width: 0, height: 0, padding: 0 };
+  }
+  const padding = legend.padding ?? DEFAULT_LEGEND_PADDING;
+  const position = legend.position ?? "bottom";
+  if (position === "left" || position === "right") {
+    const width = (legend.width ?? DEFAULT_LEGEND_WIDTH) + padding * 2;
+    return { width, height: 0, padding };
+  } else {
+    const height = (legend.height ?? DEFAULT_LEGEND_HEIGHT) + padding * 2;
+    return { width: 0, height, padding };
+  }
+}
+function calculateLegendArea(legend, containerWidth, containerHeight, padding, titleArea, titlePosition) {
+  if (!legend?.display) {
+    return null;
+  }
+  const position = legend.position ?? "bottom";
+  const legendPadding = legend.padding ?? DEFAULT_LEGEND_PADDING;
+  const titleTopHeight = titlePosition === "top" && titleArea ? titleArea.height : 0;
+  const titleBottomHeight = titlePosition === "bottom" && titleArea ? titleArea.height : 0;
+  if (position === "top") {
+    const y = padding.top + titleTopHeight;
+    const height = (legend.height ?? DEFAULT_LEGEND_HEIGHT) + legendPadding * 2;
+    return {
+      x: padding.left,
+      y,
+      width: containerWidth - padding.left - padding.right,
+      height
+    };
+  }
+  if (position === "bottom") {
+    const height = (legend.height ?? DEFAULT_LEGEND_HEIGHT) + legendPadding * 2;
+    const y = containerHeight - padding.bottom - titleBottomHeight - height;
+    return {
+      x: padding.left,
+      y,
+      width: containerWidth - padding.left - padding.right,
+      height
+    };
+  }
+  if (position === "left") {
+    const width = (legend.width ?? DEFAULT_LEGEND_WIDTH) + legendPadding * 2;
+    const y = padding.top + titleTopHeight;
+    return {
+      x: padding.left,
+      y,
+      width,
+      height: containerHeight - padding.top - padding.bottom - titleTopHeight - titleBottomHeight
+    };
+  }
+  if (position === "right") {
+    const width = (legend.width ?? DEFAULT_LEGEND_WIDTH) + legendPadding * 2;
+    const y = padding.top + titleTopHeight;
+    return {
+      x: containerWidth - padding.right - width,
+      y,
+      width,
+      height: containerHeight - padding.top - padding.bottom - titleTopHeight - titleBottomHeight
+    };
+  }
+  return null;
+}
+function calculateChartArea(containerWidth, containerHeight, padding, titleArea, legendArea, titlePosition, legendPosition) {
+  let x = padding.left;
+  let y = padding.top;
+  let width = containerWidth - padding.left - padding.right;
+  let height = containerHeight - padding.top - padding.bottom;
+  if (titleArea) {
+    if (titlePosition === "top") {
+      y += titleArea.height;
+      height -= titleArea.height;
+    } else if (titlePosition === "bottom") {
+      height -= titleArea.height;
+    }
+  }
+  if (legendArea) {
+    if (legendPosition === "top") {
+      y += legendArea.height;
+      height -= legendArea.height;
+    } else if (legendPosition === "bottom") {
+      height -= legendArea.height;
+    } else if (legendPosition === "left") {
+      x += legendArea.width;
+      width -= legendArea.width;
+    } else if (legendPosition === "right") {
+      width -= legendArea.width;
+    }
+  }
+  return { x, y, width: Math.max(0, width), height: Math.max(0, height) };
+}
+function calculateRadiusAndCenter(chartArea, radiusPercent, partialPieOptions) {
+  const baseCenterX = chartArea.x + chartArea.width / 2;
+  const baseCenterY = chartArea.y + chartArea.height / 2;
+  const rotation = partialPieOptions?.rotation ?? 0;
+  const sweepAngle = partialPieOptions?.sweepAngle ?? 360;
+  if (sweepAngle <= 270 && sweepAngle > 0) {
+    const unitBoundingBox = calculateArcBoundingBox(0, 0, 1, rotation, sweepAngle);
+    const scaleX = chartArea.width / unitBoundingBox.width;
+    const scaleY = chartArea.height / unitBoundingBox.height;
+    const maxRadius2 = Math.min(scaleX, scaleY);
+    const percentage2 = radiusPercent ?? 100;
+    const radius2 = maxRadius2 * (percentage2 / 100);
+    const actualBoundingBox = calculateArcBoundingBox(baseCenterX, baseCenterY, radius2, rotation, sweepAngle);
+    const centerX = baseCenterX + actualBoundingBox.centerOffsetX;
+    const centerY = baseCenterY + actualBoundingBox.centerOffsetY;
+    return {
+      center: { x: centerX, y: centerY },
+      radius: radius2
+    };
+  }
+  const maxRadius = Math.min(chartArea.width, chartArea.height) / 2;
+  const percentage = radiusPercent ?? 100;
+  const radius = maxRadius * (percentage / 100);
+  return {
+    center: { x: baseCenterX, y: baseCenterY },
+    radius
+  };
+}
+
+export { calculateChartArea, calculateLegendArea, calculateLegendDimensions, calculateRadiusAndCenter, calculateTitleArea, calculateTitleDimensions, calculateTitleLayout, normalizePadding };