origam 2.16.0 → 2.17.0

package/dist/src/composables/Chart/chart.composable.cjs

@@ -9,21 +9,20 @@ var _enums = require("../../enums/index.cjs");
 var _path = require("../../utils/Chart/path.util.cjs");
 var _chart = require("../../consts/Chart/chart.const.cjs");
 var _color = require("../../utils/Commons/color.util.cjs");
-const DEFAULT_PALETTE = ["primary", "success", "warning", "danger", "info", "secondary", "ghost", "neutral"];
 const resolveColor = raw => {
-  if (!raw) return "currentColor";
+  if (!raw) return _chart.CHART_COLOR_FALLBACK;
   if (/^(#|rgb|hsl|var|currentColor|transparent|linear-gradient|radial-gradient|conic-gradient)/i.test(raw)) {
     return raw;
   }
   if ((0, _color.isIntent)(raw)) {
     return (0, _color.intentBgExpr)(raw, "default");
   }
-  return "currentColor";
+  return _chart.CHART_COLOR_FALLBACK;
 };
 const dashArray = dash => {
-  if (dash === "dotted") return "2 4";
-  if (dash === "solid") return "none";
-  return "6 4";
+  if (dash === "dotted") return _chart.CHART_DASH_ARRAY_DOTTED;
+  if (dash === "solid") return _chart.CHART_DASH_ARRAY_SOLID;
+  return _chart.CHART_DASH_ARRAY_DASHED;
 };
 const resolveCategoryX = (value, categories, plotX0, plotX1) => {
   const idx = typeof value === "string" ? categories.indexOf(value) : value;
@@ -34,8 +33,8 @@ const resolveCategoryX = (value, categories, plotX0, plotX1) => {
 };
 const computePlotBandGeometry = (band, scales, categories, plotX0, plotX1, plotY0, plotY1) => {
   const axis = band.axis ?? "y";
-  const fill = resolveColor(band.color ?? "warning");
-  const opacity = band.opacity ?? 0.15;
+  const fill = resolveColor(band.color ?? _enums.INTENT.WARNING);
+  const opacity = band.opacity ?? _chart.CHART_PLOT_BAND_DEFAULT_OPACITY;
   const labelColor = resolveColor(band.labelColor ?? void 0);
   if (axis === "y") {
     const fromPx2 = scales.y(Number(band.from));
@@ -83,8 +82,8 @@ const computePlotBandGeometry = (band, scales, categories, plotX0, plotX1, plotY
 exports.computePlotBandGeometry = computePlotBandGeometry;
 const computePlotLineGeometry = (line, scales, categories, plotX0, plotX1, plotY0, plotY1) => {
   const axis = line.axis ?? "y";
-  const stroke = resolveColor(line.color ?? "danger");
-  const strokeWidth = line.width ?? 1.5;
+  const stroke = resolveColor(line.color ?? _enums.INTENT.DANGER);
+  const strokeWidth = line.width ?? _chart.CHART_PLOT_LINE_DEFAULT_WIDTH;
   const strokeDasharray = dashArray(line.dash);
   if (axis === "y") {
     const py = scales.y(Number(line.value));
@@ -100,7 +99,7 @@ const computePlotLineGeometry = (line, scales, categories, plotX0, plotX1, plotY
       strokeDasharray,
       label: line.label,
       labelX: isRight ? plotX1 : plotX0,
-      labelY: py - 4,
+      labelY: py - _chart.CHART_PLOT_LINE_LABEL_OFFSET,
       labelAnchor: isRight ? "end" : "start"
     };
   }
@@ -115,29 +114,30 @@ const computePlotLineGeometry = (line, scales, categories, plotX0, plotX1, plotY
     strokeWidth,
     strokeDasharray,
     label: line.label,
-    labelX: px + 4,
-    labelY: plotY0 + 12,
+    labelX: px + _chart.CHART_PLOT_LINE_LABEL_OFFSET,
+    labelY: plotY0 + _chart.CHART_PLOT_LINE_LABEL_TOP_OFFSET,
     labelAnchor: "start"
   };
 };
 exports.computePlotLineGeometry = computePlotLineGeometry;
 const arrowheadPoints = (tx, ty, hx, hy, size) => {
   const angle = Math.atan2(hy - ty, hx - tx);
-  const spread = Math.PI / 5;
+  const spread = _chart.CHART_ANNOTATION_ARROWHEAD_SPREAD;
   const left = angle + Math.PI - spread;
   const right = angle + Math.PI + spread;
   const lx = hx + size * Math.cos(left);
   const ly = hy + size * Math.sin(left);
   const rx = hx + size * Math.cos(right);
   const ry = hy + size * Math.sin(right);
-  return `${hx.toFixed(2)},${hy.toFixed(2)} ${lx.toFixed(2)},${ly.toFixed(2)} ${rx.toFixed(2)},${ry.toFixed(2)}`;
+  const p = _chart.CHART_ANNOTATION_ARROWHEAD_PRECISION;
+  return `${hx.toFixed(p)},${hy.toFixed(p)} ${lx.toFixed(p)},${ly.toFixed(p)} ${rx.toFixed(p)},${ry.toFixed(p)}`;
 };
 const computeAnnotationGeometry = (anno, scales, categories, categoryCount) => {
-  const stroke = resolveColor(anno.color ?? "primary");
-  const strokeWidth = anno.width ?? 1.5;
+  const stroke = resolveColor(anno.color ?? _enums.INTENT.PRIMARY);
+  const strokeWidth = anno.width ?? _chart.CHART_ANNOTATION_DEFAULT_WIDTH;
   const dx = anno.dx ?? 0;
-  const dy = anno.dy ?? -14;
-  const radius = anno.radius ?? 12;
+  const dy = anno.dy ?? _chart.CHART_ANNOTATION_DEFAULT_DY;
+  const radius = anno.radius ?? _chart.CHART_ANNOTATION_DEFAULT_RADIUS;
   const ax = scales.x(anno.x, typeof anno.x === "number" ? anno.x : categories.indexOf(anno.x), categoryCount);
   const ay = scales.y(anno.y);
   const bxRaw = anno.x2 !== void 0 ? anno.x2 : anno.x;
@@ -159,7 +159,7 @@ const computeAnnotationGeometry = (anno, scales, categories, categoryCount) => {
     text: anno.text
   };
   if (anno.kind === "arrow") {
-    const size = Math.max(6, strokeWidth * 4);
+    const size = Math.max(_chart.CHART_ANNOTATION_ARROWHEAD_MIN_SIZE, strokeWidth * _chart.CHART_ANNOTATION_ARROWHEAD_WIDTH_FACTOR);
     return {
       ...base,
       arrowPoints: arrowheadPoints(ax, ay, base.bx, base.by, size)
@@ -167,10 +167,10 @@ const computeAnnotationGeometry = (anno, scales, categories, categoryCount) => {
   }
   if (anno.kind === "label") {
     const text = anno.text ?? "";
-    const charWidth = 7;
-    const padding = 8;
-    const boxW = Math.max(48, text.length * charWidth + padding * 2);
-    const boxH = 24;
+    const charWidth = _chart.CHART_ANNOTATION_LABEL_CHAR_WIDTH;
+    const padding = _chart.CHART_ANNOTATION_LABEL_PADDING;
+    const boxW = Math.max(_chart.CHART_ANNOTATION_LABEL_MIN_WIDTH, text.length * charWidth + padding * 2);
+    const boxH = _chart.CHART_ANNOTATION_LABEL_HEIGHT;
     const calloutX = ax + dx - boxW / 2;
     const calloutY = ay + dy - boxH;
     return {
@@ -216,8 +216,8 @@ const computeYRange = (series, stacked, stacking, yMinOverride, yMaxOverride) =>
   };
   if (stacked && stacking === _enums.CHART_STACKING.PERCENT) {
     return {
-      min: 0,
-      max: 100
+      min: _chart.CHART_PERCENT_MIN,
+      max: _chart.CHART_PERCENT_MAX
     };
   }
   if (stacked) {
@@ -265,9 +265,10 @@ const niceStep = (range, count) => {
   const rough = range / count;
   const pow10 = Math.pow(10, Math.floor(Math.log10(rough)));
   const norm = rough / pow10;
-  let nice;
-  if (norm < 1.5) nice = 1;else if (norm < 3) nice = 2;else if (norm < 7) nice = 5;else nice = 10;
-  return nice * pow10;
+  const rung = _chart.CHART_NICE_STEP_LADDER.find(({
+    below
+  }) => norm < below) ?? _chart.CHART_NICE_STEP_LADDER[_chart.CHART_NICE_STEP_LADDER.length - 1];
+  return rung.step * pow10;
 };
 const useChart = options => {
   const hover = (0, _vue.ref)(null);
@@ -310,7 +311,7 @@ const useChart = options => {
       max
     } = yRange.value;
     const cats = categories.value;
-    const yPxPerUnit = (y1 - y0) / Math.max(1e-9, max - min);
+    const yPxPerUnit = (y1 - y0) / Math.max(_chart.CHART_EPSILON, max - min);
     const x = (value, dataIndex, categoryCount) => {
       if (typeof value === "number" && !cats.length) {
         const count = categoryCount ?? Math.max(1, dataIndex ?? 0);
@@ -342,7 +343,7 @@ const useChart = options => {
       min,
       max
     } = secondaryYRange.value;
-    const yPxPerUnit = (y1 - y0) / Math.max(1e-9, max - min);
+    const yPxPerUnit = (y1 - y0) / Math.max(_chart.CHART_EPSILON, max - min);
     return value => {
       const px = y1 - (value - min) * yPxPerUnit;
       if (px < y0) return y0;
@@ -356,9 +357,9 @@ const useChart = options => {
     let niceMax;
     let step;
     if (isPercentMode) {
-      niceMin = 0;
-      niceMax = 100;
-      step = 25;
+      niceMin = _chart.CHART_PERCENT_MIN;
+      niceMax = _chart.CHART_PERCENT_MAX;
+      step = _chart.CHART_PERCENT_TICK_STEP;
     } else {
       const {
         min,
@@ -370,10 +371,10 @@ const useChart = options => {
     }
     const cats = categories.value;
     const allSeries = options.series();
-    const isBarMode = options.type() === "bar" || allSeries.some(s => s.type === "bar");
+    const isBarMode = options.type() === _enums.CHART_TYPE.BAR || allSeries.some(s => s.type === _enums.CHART_TYPE.BAR);
     const valueTicks = [];
-    for (let v = niceMin; v <= niceMax + 1e-9; v += step) {
-      const label = isPercentMode ? `${Math.round(v)}%` : String(Math.round(v * 1e3) / 1e3);
+    for (let v = niceMin; v <= niceMax + _chart.CHART_EPSILON; v += step) {
+      const label = isPercentMode ? `${Math.round(v)}%` : String(Math.round(v * _chart.CHART_TICK_LABEL_PRECISION_FACTOR) / _chart.CHART_TICK_LABEL_PRECISION_FACTOR);
       valueTicks.push({
         value: v,
         label,
@@ -382,7 +383,7 @@ const useChart = options => {
             x0,
             x1
           } = plot.value;
-          const range = Math.max(1e-9, niceMax - niceMin);
+          const range = Math.max(_chart.CHART_EPSILON, niceMax - niceMin);
           const ratio = (v - niceMin) / range;
           return x0 + ratio * (x1 - x0);
         })() : scales.value.y(v)
@@ -412,7 +413,7 @@ const useChart = options => {
     const secondary = options.secondaryYAxis?.();
     const axis1Series = options.series().filter(s => (s.yAxis ?? 0) === 1 && s.visible !== false);
     const allSeries = options.series();
-    const isBarMode = options.type() === "bar" || allSeries.some(s => s.type === "bar");
+    const isBarMode = options.type() === _enums.CHART_TYPE.BAR || allSeries.some(s => s.type === _enums.CHART_TYPE.BAR);
     if (isBarMode) return [];
     if (!secondary && !axis1Series.length) return [];
     const {
@@ -423,10 +424,10 @@ const useChart = options => {
     const niceMin = Math.floor(min / step) * step;
     const niceMax = Math.ceil(max / step) * step;
     const out = [];
-    for (let v = niceMin; v <= niceMax + 1e-9; v += step) {
+    for (let v = niceMin; v <= niceMax + _chart.CHART_EPSILON; v += step) {
       out.push({
         value: v,
-        label: String(Math.round(v * 1e3) / 1e3),
+        label: String(Math.round(v * _chart.CHART_TICK_LABEL_PRECISION_FACTOR) / _chart.CHART_TICK_LABEL_PRECISION_FACTOR),
         position: scaleY1.value(v)
       });
     }
@@ -435,20 +436,20 @@ const useChart = options => {
   const colorFor = (series, index) => {
     if (series.color) return resolveColor(series.color);
     const scheme = options.colorScheme();
-    const palette = scheme.length ? scheme : DEFAULT_PALETTE;
+    const palette = scheme.length ? scheme : _chart.CHART_DEFAULT_PALETTE;
     return resolveColor(palette[index % palette.length]);
   };
   const legend = (0, _vue.computed)(() => {
     const allSeries = options.series();
-    const pieSeriesList = allSeries.filter(s => effectiveType(s) === "pie" || effectiveType(s) === "donut");
+    const pieSeriesList = allSeries.filter(s => effectiveType(s) === _enums.CHART_TYPE.PIE || effectiveType(s) === _enums.CHART_TYPE.DONUT);
     const cats = options.categories();
-    const scheme = options.colorScheme().length ? options.colorScheme() : DEFAULT_PALETTE;
+    const scheme = options.colorScheme().length ? options.colorScheme() : _chart.CHART_DEFAULT_PALETTE;
     const hidden = options.hiddenLabels?.() ?? /* @__PURE__ */new Set();
     if (pieSeriesList.length === 1 && pieSeriesList[0].data.length > 1) {
       const s = pieSeriesList[0];
       const data = s.data;
       return data.map((entry, i) => {
-        const label = cats[i] ?? (typeof entry === "object" && entry !== null ? String(entry.x) : `Slice ${i + 1}`);
+        const label = cats[i] ?? (typeof entry === "object" && entry !== null ? String(entry.x) : `${_chart.CHART_SLICE_LABEL_PREFIX} ${i + 1}`);
         const labelStr = String(label);
         const sliceSeries = {
           ...s,
@@ -514,7 +515,7 @@ const useChart = options => {
           const y = typeof entry === "number" ? entry : entry?.y ?? 0;
           if (!offsets.has(i)) offsets.set(i, []);
           offsets.get(i)[dataIdx] = runningPct;
-          if (y > 0) runningPct += y / safeTot * 100;
+          if (y > 0) runningPct += y / safeTot * _chart.CHART_PERCENT_MAX;
         }
       }
     } else {
@@ -564,7 +565,7 @@ const useChart = options => {
         const entry = s.data[dataIdx];
         const y = typeof entry === "number" ? entry : entry?.y ?? 0;
         if (!pctMap.has(i)) pctMap.set(i, []);
-        pctMap.get(i)[dataIdx] = y > 0 ? y / safeTot * 100 : 0;
+        pctMap.get(i)[dataIdx] = y > 0 ? y / safeTot * _chart.CHART_PERCENT_MAX : 0;
       }
     }
     return pctMap;
@@ -582,12 +583,12 @@ const useChart = options => {
       cy
     } = plot.value;
     const smoothing = options.smoothing();
-    const pieSeriesList = series.filter(s => effectiveType(s) === "pie" || effectiveType(s) === "donut");
+    const pieSeriesList = series.filter(s => effectiveType(s) === _enums.CHART_TYPE.PIE || effectiveType(s) === _enums.CHART_TYPE.DONUT);
     if (pieSeriesList.length > 0) {
-      const outerR = Math.max(10, Math.min(x1 - x0, y1 - y0) / 2 - 4);
-      const isDonut = effectiveType(pieSeriesList[0]) === "donut";
+      const outerR = Math.max(_chart.CHART_PIE_MIN_RADIUS, Math.min(x1 - x0, y1 - y0) / 2 - _chart.CHART_PIE_RADIUS_INSET);
+      const isDonut = effectiveType(pieSeriesList[0]) === _enums.CHART_TYPE.DONUT;
       const baseInner = isDonut ? outerR * options.donutHoleSize() : 0;
-      const scheme = options.colorScheme().length ? options.colorScheme() : DEFAULT_PALETTE;
+      const scheme = options.colorScheme().length ? options.colorScheme() : _chart.CHART_DEFAULT_PALETTE;
       const visibleSeries = pieSeriesList.filter(s => s.visible !== false);
       if (visibleSeries.length === 0) return out;
       const bandThickness = (outerR - baseInner) / visibleSeries.length;
@@ -601,7 +602,7 @@ const useChart = options => {
       const labelFor = (i, entry) => {
         if (cats2[i] != null) return String(cats2[i]);
         if (entry != null && typeof entry === "object") return String(entry.x);
-        return `Slice ${i + 1}`;
+        return `${_chart.CHART_SLICE_LABEL_PREFIX} ${i + 1}`;
       };
       for (let ringIdx = 0; ringIdx < visibleSeries.length; ringIdx++) {
         const s = visibleSeries[ringIdx];
@@ -645,26 +646,26 @@ const useChart = options => {
       const yFn = seriesAxisIndex === 1 ? scaleY1.value : scales.value.y;
       const seriesRange = seriesAxisIndex === 1 ? secondaryYRange.value : yRange.value;
       const seriesBaseline = yFn(Math.max(0, seriesRange.min));
-      if (kind === "line" || kind === "area" || kind === "spline" || kind === "stepped-line") {
+      if (kind === _enums.CHART_TYPE.LINE || kind === _enums.CHART_TYPE.AREA || kind === _enums.CHART_TYPE.SPLINE || kind === _enums.CHART_TYPE.STEPPED_LINE) {
         const pts = normalised.map(p => [scales.value.x(p.x, p.dataIndex, slotCount.value), yFn(p.y)]);
-        const effectiveSmoothing = kind === "spline" && smoothing === "none" ? "monotone" : smoothing;
+        const effectiveSmoothing = kind === _enums.CHART_TYPE.SPLINE && smoothing === _enums.CHART_SMOOTHING.NONE ? _enums.CHART_SMOOTHING.MONOTONE : smoothing;
         let dLine;
         let areaMode = false;
-        if (kind === "stepped-line") {
+        if (kind === _enums.CHART_TYPE.STEPPED_LINE) {
           dLine = (0, _path.steppedPath)(pts);
           areaMode = "stepped";
-        } else if (effectiveSmoothing === "monotone") {
+        } else if (effectiveSmoothing === _enums.CHART_SMOOTHING.MONOTONE) {
           dLine = (0, _path.monotonePath)(pts);
           areaMode = "monotone";
-        } else if (effectiveSmoothing === "curve") {
+        } else if (effectiveSmoothing === _enums.CHART_SMOOTHING.CURVE) {
           dLine = (0, _path.smoothPath)(pts);
           areaMode = true;
         } else {
           dLine = (0, _path.linePath)(pts);
           areaMode = false;
         }
-        const length = kind === "stepped-line" ? (0, _path.steppedPathLength)(pts) : (0, _path.pathLength)(pts);
-        if (kind === "area") {
+        const length = kind === _enums.CHART_TYPE.STEPPED_LINE ? (0, _path.steppedPathLength)(pts) : (0, _path.pathLength)(pts);
+        if (kind === _enums.CHART_TYPE.AREA) {
           out.push({
             seriesIndex: seriesIdx,
             kind: "path",
@@ -682,7 +683,7 @@ const useChart = options => {
           color,
           series: s,
           pathLength: length,
-          variant: kind === "area" ? "stroke" : void 0
+          variant: kind === _enums.CHART_TYPE.AREA ? "stroke" : void 0
         });
         {
           for (let dataIdx = 0; dataIdx < pts.length; dataIdx++) {
@@ -692,7 +693,7 @@ const useChart = options => {
               circle: {
                 cx: pts[dataIdx][0],
                 cy: pts[dataIdx][1],
-                r: 4
+                r: _chart.CHART_POINT_MARKER_RADIUS
               },
               color,
               series: s,
@@ -702,16 +703,16 @@ const useChart = options => {
         }
         continue;
       }
-      if (kind === "bar" || kind === "column") {
+      if (kind === _enums.CHART_TYPE.BAR || kind === _enums.CHART_TYPE.COLUMN) {
         const visibleCount = series.filter(other => other.visible !== false).length;
         const groupCount = slotCount.value;
-        const slotPx = kind === "column" ? (x1 - x0) / Math.max(1, groupCount) : (y1 - y0) / Math.max(1, groupCount);
+        const slotPx = kind === _enums.CHART_TYPE.COLUMN ? (x1 - x0) / Math.max(1, groupCount) : (y1 - y0) / Math.max(1, groupCount);
         const stacked = options.stacked();
         const isPercent = stacked && effectiveStacking.value === _enums.CHART_STACKING.PERCENT;
         const visibleIdxInGroup = series.slice(0, seriesIdx).filter(other => other.visible !== false).length;
         const stackOff = stackOffsets.value.get(seriesIdx) ?? [];
         const horizRange = yRange.value;
-        const horizSpan = Math.max(1e-9, horizRange.max - horizRange.min);
+        const horizSpan = Math.max(_chart.CHART_EPSILON, horizRange.max - horizRange.min);
         const xValuePx = v => {
           const ratio = (v - horizRange.min) / horizSpan;
           const px = x0 + ratio * (x1 - x0);
@@ -722,10 +723,10 @@ const useChart = options => {
         for (let dataIdx = 0; dataIdx < normalised.length; dataIdx++) {
           const p = normalised[dataIdx];
           const renderY = isPercent ? percentValues.value.get(seriesIdx)?.[dataIdx] ?? 0 : p.y;
-          if (kind === "column") {
+          if (kind === _enums.CHART_TYPE.COLUMN) {
             const centerX = x0 + (dataIdx + 0.5) * slotPx;
-            const barWidth = stacked ? slotPx * 0.7 : slotPx * 0.7 / Math.max(1, visibleCount);
-            const left = stacked ? centerX - barWidth / 2 : centerX - slotPx * 0.7 / 2 + visibleIdxInGroup * barWidth;
+            const barWidth = stacked ? slotPx * _chart.CHART_BAR_SLOT_FILL_RATIO : slotPx * _chart.CHART_BAR_SLOT_FILL_RATIO / Math.max(1, visibleCount);
+            const left = stacked ? centerX - barWidth / 2 : centerX - slotPx * _chart.CHART_BAR_SLOT_FILL_RATIO / 2 + visibleIdxInGroup * barWidth;
             const offset = stacked ? stackOff[dataIdx] ?? 0 : 0;
             const top = yFn(renderY + offset);
             const base = yFn(offset);
@@ -745,8 +746,8 @@ const useChart = options => {
           } else {
             const slots = Math.max(1, groupCount);
             const slotCenterY = slots === 1 ? (y0 + y1) / 2 : y0 + (dataIdx + 0.5) * slotPx;
-            const barHeight = stacked ? slotPx * 0.7 : slotPx * 0.7 / Math.max(1, visibleCount);
-            const top = stacked ? slotCenterY - barHeight / 2 : slotCenterY - slotPx * 0.7 / 2 + visibleIdxInGroup * barHeight;
+            const barHeight = stacked ? slotPx * _chart.CHART_BAR_SLOT_FILL_RATIO : slotPx * _chart.CHART_BAR_SLOT_FILL_RATIO / Math.max(1, visibleCount);
+            const top = stacked ? slotCenterY - barHeight / 2 : slotCenterY - slotPx * _chart.CHART_BAR_SLOT_FILL_RATIO / 2 + visibleIdxInGroup * barHeight;
             const offset = stacked ? stackOff[dataIdx] ?? 0 : 0;
             const rightPx = xValuePx(renderY + offset);
             const basePx = xValuePx(offset);
@@ -767,11 +768,8 @@ const useChart = options => {
         }
         continue;
       }
-      if (kind === "scatter") {
-        const SCATTER_DEFAULT_R = 5;
-        const SCATTER_MIN_R = 5;
-        const SCATTER_MAX_R = 36;
-        const scatterSeries = series.filter(other => effectiveType(other) === "scatter" && other.visible !== false);
+      if (kind === _enums.CHART_TYPE.SCATTER) {
+        const scatterSeries = series.filter(other => effectiveType(other) === _enums.CHART_TYPE.SCATTER && other.visible !== false);
         let xMin = Infinity;
         let xMax = -Infinity;
         let zMin = Infinity;
@@ -790,7 +788,7 @@ const useChart = options => {
             }
           }
         }
-        const xSpan = Math.max(1e-9, xMax - xMin);
+        const xSpan = Math.max(_chart.CHART_EPSILON, xMax - xMin);
         const xPx = v => {
           const ratio = (v - xMin) / xSpan;
           const px = x0 + ratio * (x1 - x0);
@@ -798,11 +796,11 @@ const useChart = options => {
           if (px > x1) return x1;
           return px;
         };
-        const zSpan = Math.max(1e-9, zMax - zMin);
+        const zSpan = Math.max(_chart.CHART_EPSILON, zMax - zMin);
         const radiusFor = z => {
-          if (!hasZ || typeof z !== "number" || !Number.isFinite(z)) return SCATTER_DEFAULT_R;
+          if (!hasZ || typeof z !== "number" || !Number.isFinite(z)) return _chart.CHART_SCATTER_DEFAULT_RADIUS;
           const ratio = zSpan === 0 ? 0.5 : (z - zMin) / zSpan;
-          return SCATTER_MIN_R + ratio * (SCATTER_MAX_R - SCATTER_MIN_R);
+          return _chart.CHART_SCATTER_MIN_RADIUS + ratio * (_chart.CHART_SCATTER_MAX_RADIUS - _chart.CHART_SCATTER_MIN_RADIUS);
         };
         for (let dataIdx = 0; dataIdx < normalised.length; dataIdx++) {
           const p = normalised[dataIdx];
@@ -822,12 +820,12 @@ const useChart = options => {
         }
         continue;
       }
-      if (kind === "radar") {
+      if (kind === _enums.CHART_TYPE.RADAR) {
         const axes = Math.max(cats.length, normalised.length);
         if (!axes) continue;
-        const radius = Math.max(10, Math.min(x1 - x0, y1 - y0) / 2 - 8);
+        const radius = Math.max(_chart.CHART_RADAR_MIN_RADIUS, Math.min(x1 - x0, y1 - y0) / 2 - _chart.CHART_RADAR_RADIUS_INSET);
         const pts = normalised.map((p, i) => {
-          const yRangeSize = Math.max(1e-9, yRange.value.max - yRange.value.min);
+          const yRangeSize = Math.max(_chart.CHART_EPSILON, yRange.value.max - yRange.value.min);
           const ratio = (p.y - yRange.value.min) / yRangeSize;
           const angle = i / axes * Math.PI * 2;
           return (0, _path.polarToCartesian)(cx, cy, radius * ratio, angle);
@@ -846,7 +844,7 @@ const useChart = options => {
             circle: {
               cx: pts[i][0],
               cy: pts[i][1],
-              r: 3.5
+              r: _chart.CHART_RADAR_MARKER_RADIUS
             },
             color,
             series: s,

package/dist/src/composables/Chart/chart.composable.d.ts

@@ -1,6 +1,11 @@
 import { type ComputedRef, type Ref } from 'vue';
-import type { IChartAnnotation, IChartAnnotationGeo, IChartLegendItem, IChartPath, IChartPlotBand, IChartPlotLine, IChartPoint, IChartScales, IChartSeries, IChartTick, IUseChartOptions } from '../../interfaces';
-import type { TChartType } from '../../types';
+import type { IChartAnnotation, IChartAnnotationGeo } from '../../interfaces/Chart/chart-annotation.interface';
+import type { IChartPlotBand } from '../../interfaces/Chart/chart-plot-band.interface';
+import type { IChartPlotLine } from '../../interfaces/Chart/chart-plot-line.interface';
+import type { IChartPoint } from '../../interfaces/Chart/chart-point.interface';
+import type { IChartSeries } from '../../interfaces/Chart/chart-series.interface';
+import type { IChartLegendItem, IChartPath, IChartScales, IChartTick, IUseChartOptions } from '../../interfaces/Chart/chart.interface';
+import type { TChartType } from '../../types/Chart/chart.type';
 /**
  * Compute geometry for a single plot band. Returns an object with
  * SVG rect attributes and label positioning, or `null` when the