@ktnpm_devops/react-component 0.17.0 → 0.19.0

package/dist/index96.js

@@ -1,27 +1,42 @@
-const overlay = "krc-overlay-4gFc3";
-const root = "krc-root-eKDda";
-const header = "krc-header-YrzLd";
-const title = "krc-title-9rzEH";
-const closeBtn = "krc-closeBtn-vGJ7P";
-const body = "krc-body-g43Cd";
-const footer = "krc-footer-JRwi5";
-const styles = {
-  overlay,
-  root,
-  header,
-  title,
-  closeBtn,
-  body,
-  footer
+const weightOf = (point) => point.weight ?? 1;
+const fold = (data) => {
+  const byPosition = /* @__PURE__ */ new Map();
+  data.forEach((point, index) => {
+    const key = `${point.x}|${point.y}`;
+    const existing = byPosition.get(key);
+    if (!existing) {
+      byPosition.set(key, { point, index, count: 1 });
+      return;
+    }
+    existing.count += 1;
+    existing.point = {
+      ...existing.point,
+      weight: weightOf(existing.point) + weightOf(point)
+    };
+  });
+  return [...byPosition.values()];
+};
+const sample = (points, cap) => {
+  if (cap <= 1) return points.slice(0, Math.max(cap, 0));
+  const lastIndex = points.length - 1;
+  const step = lastIndex / (cap - 1);
+  return Array.from({ length: cap }, (_, i) => points[Math.round(i * step)]);
+};
+const foldPoints = (data, maxPoints, mergeCoincident) => {
+  const folded = mergeCoincident ? fold(data) : data.map((point, index) => ({ point, index, count: 1 }));
+  const points = folded.length > maxPoints ? sample(folded, maxPoints) : folded;
+  const represented = points.reduce((sum, p) => sum + p.count, 0);
+  return {
+    points,
+    info: {
+      total: data.length,
+      drawn: points.length,
+      merged: represented - points.length,
+      dropped: data.length - represented
+    }
+  };
 };
 export {
-  body,
-  closeBtn,
-  styles as default,
-  footer,
-  header,
-  overlay,
-  root,
-  title
+  foldPoints
 };
 //# sourceMappingURL=index96.js.map

package/dist/index96.js.map

@@ -1 +1 @@
-{"version":3,"file":"index96.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index96.js","sources":["../src/charts/ScatterChartCard/foldPoints.ts"],"sourcesContent":["import type { ScatterPoint, ScatterRenderInfo } from '../../types/chart.types';\n\n/** A drawn mark, standing for one or more coincident source points. */\nexport interface FoldedPoint {\n  /** Representative point. `weight` is the sum across the folded group. */\n  point: ScatterPoint;\n  /** Index of the representative in the original `data` array. */\n  index: number;\n  /** How many source points this mark stands for (1 when nothing folded). */\n  count: number;\n}\n\nexport interface FoldResult {\n  points: FoldedPoint[];\n  info: ScatterRenderInfo;\n}\n\n/** Weight a point contributes when folding; unweighted points count as one. */\nconst weightOf = (point: ScatterPoint) => point.weight ?? 1;\n\n/**\n * Group points sharing the same (x, y) into a single mark, summing their weights.\n * A group of one keeps its original weight — including `undefined`, so a dataset\n * with no weights at all stays unweighted and renders at the base symbol size.\n */\nconst fold = (data: ScatterPoint[]): FoldedPoint[] => {\n  const byPosition = new Map<string, FoldedPoint>();\n\n  data.forEach((point, index) => {\n    const key = `${point.x}|${point.y}`;\n    const existing = byPosition.get(key);\n\n    if (!existing) {\n      byPosition.set(key, { point, index, count: 1 });\n      return;\n    }\n\n    existing.count += 1;\n    existing.point = {\n      ...existing.point,\n      weight: weightOf(existing.point) + weightOf(point),\n    };\n  });\n\n  return [...byPosition.values()];\n};\n\n/**\n * Evenly spread `cap` marks across `points`, always keeping the first and last.\n * Deterministic on purpose: the same data must always draw the same chart.\n */\nconst sample = (points: FoldedPoint[], cap: number): FoldedPoint[] => {\n  if (cap <= 1) return points.slice(0, Math.max(cap, 0));\n\n  const lastIndex = points.length - 1;\n  const step = lastIndex / (cap - 1);\n\n  return Array.from({ length: cap }, (_, i) => points[Math.round(i * step)]);\n};\n\n/**\n * Fold coincident points, then cap the mark count, then report what happened.\n * Folding runs first because it often removes the need to sample at all.\n *\n * The reported counts satisfy `total === drawn + merged + dropped`.\n */\nexport const foldPoints = (\n  data: ScatterPoint[],\n  maxPoints: number,\n  mergeCoincident: boolean,\n): FoldResult => {\n  const folded = mergeCoincident\n    ? fold(data)\n    : data.map((point, index) => ({ point, index, count: 1 }));\n\n  const points = folded.length > maxPoints ? sample(folded, maxPoints) : folded;\n\n  const represented = points.reduce((sum, p) => sum + p.count, 0);\n\n  return {\n    points,\n    info: {\n      total: data.length,\n      drawn: points.length,\n      merged: represented - points.length,\n      dropped: data.length - represented,\n    },\n  };\n};\n"],"names":[],"mappings":"AAkBA,MAAM,WAAW,CAAC,UAAwB,MAAM,UAAU;AAO1D,MAAM,OAAO,CAAC,SAAwC;AACpD,QAAM,iCAAiB,IAAA;AAEvB,OAAK,QAAQ,CAAC,OAAO,UAAU;AAC7B,UAAM,MAAM,GAAG,MAAM,CAAC,IAAI,MAAM,CAAC;AACjC,UAAM,WAAW,WAAW,IAAI,GAAG;AAEnC,QAAI,CAAC,UAAU;AACb,iBAAW,IAAI,KAAK,EAAE,OAAO,OAAO,OAAO,GAAG;AAC9C;AAAA,IACF;AAEA,aAAS,SAAS;AAClB,aAAS,QAAQ;AAAA,MACf,GAAG,SAAS;AAAA,MACZ,QAAQ,SAAS,SAAS,KAAK,IAAI,SAAS,KAAK;AAAA,IAAA;AAAA,EAErD,CAAC;AAED,SAAO,CAAC,GAAG,WAAW,QAAQ;AAChC;AAMA,MAAM,SAAS,CAAC,QAAuB,QAA+B;AACpE,MAAI,OAAO,EAAG,QAAO,OAAO,MAAM,GAAG,KAAK,IAAI,KAAK,CAAC,CAAC;AAErD,QAAM,YAAY,OAAO,SAAS;AAClC,QAAM,OAAO,aAAa,MAAM;AAEhC,SAAO,MAAM,KAAK,EAAE,QAAQ,OAAO,CAAC,GAAG,MAAM,OAAO,KAAK,MAAM,IAAI,IAAI,CAAC,CAAC;AAC3E;AAQO,MAAM,aAAa,CACxB,MACA,WACA,oBACe;AACf,QAAM,SAAS,kBACX,KAAK,IAAI,IACT,KAAK,IAAI,CAAC,OAAO,WAAW,EAAE,OAAO,OAAO,OAAO,IAAI;AAE3D,QAAM,SAAS,OAAO,SAAS,YAAY,OAAO,QAAQ,SAAS,IAAI;AAEvE,QAAM,cAAc,OAAO,OAAO,CAAC,KAAK,MAAM,MAAM,EAAE,OAAO,CAAC;AAE9D,SAAO;AAAA,IACL;AAAA,IACA,MAAM;AAAA,MACJ,OAAO,KAAK;AAAA,MACZ,OAAO,OAAO;AAAA,MACd,QAAQ,cAAc,OAAO;AAAA,MAC7B,SAAS,KAAK,SAAS;AAAA,IAAA;AAAA,EACzB;AAEJ;"}

package/dist/index97.cjs

@@ -1,38 +1,95 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const MAX_LATITUDE = 90;
-const MAX_LONGITUDE = 180;
-const hasUsableCoordinates = (point) => Number.isFinite(point.latitude) && Number.isFinite(point.longitude) && Math.abs(point.latitude) <= MAX_LATITUDE && Math.abs(point.longitude) <= MAX_LONGITUDE;
-const sample = (points, cap) => {
-  if (cap <= 1) return points.slice(0, Math.max(cap, 0));
-  const step = (points.length - 1) / (cap - 1);
-  return Array.from({ length: cap }, (_, i) => points[Math.round(i * step)]);
+const constants = require("./index62.cjs");
+const AXIS_NAME_GAP = { X: 28, Y: 38 };
+const GRID_MARGIN = {
+  BASE: 8,
+  TOP: 16,
+  RIGHT: 16,
+  X_NAME: 23,
+  Y_NAME: 34,
+  LEGEND: 30
 };
-const boundsOf = (points) => {
-  if (points.length === 0) return null;
-  const latitudes = points.map((p) => p.point.latitude);
-  const longitudes = points.map((p) => p.point.longitude);
-  return [
-    [Math.min(...latitudes), Math.min(...longitudes)],
-    [Math.max(...latitudes), Math.max(...longitudes)]
-  ];
+const UNCATEGORISED_SERIES = "Points";
+const escapeHtml = (value) => value.replace(/[&<>"]/g, (char) => `&#${char.charCodeAt(0)};`);
+const symbolSizeFor = (weight, minWeight, maxWeight) => {
+  if (maxWeight === minWeight) return constants.SCATTER.BASE_SYMBOL_SIZE;
+  const ratio = Math.sqrt((weight - minWeight) / (maxWeight - minWeight));
+  return constants.SCATTER.MIN_SYMBOL_SIZE + (constants.SCATTER.MAX_SYMBOL_SIZE - constants.SCATTER.MIN_SYMBOL_SIZE) * ratio;
 };
-const normalizePoints = (points, maxPoints) => {
-  const usable = [];
-  points.forEach((point, sourceIndex) => {
-    if (hasUsableCoordinates(point)) usable.push({ point, sourceIndex });
-  });
-  const drawn = usable.length > maxPoints ? sample(usable, maxPoints) : usable;
+const groupByCategory = (points) => {
+  const groups = /* @__PURE__ */ new Map();
+  for (const folded of points) {
+    const key = folded.point.category ?? UNCATEGORISED_SERIES;
+    const group = groups.get(key);
+    if (group) group.push(folded);
+    else groups.set(key, [folded]);
+  }
+  return groups;
+};
+const toDataItem = (folded, sizeOf) => ({
+  name: folded.point.label,
+  value: [folded.point.x, folded.point.y, folded.count, folded.index],
+  symbolSize: sizeOf(folded.point.weight)
+});
+const buildTooltipFormatter = (config) => (params) => {
+  const { name, seriesName, value, marker } = params;
+  const [x, y, count] = value;
+  const lines = [`${marker} ${escapeHtml(name)}`];
+  lines.push(`${escapeHtml(config.xLabel ?? "x")}: ${x}`);
+  lines.push(`${escapeHtml(config.yLabel ?? "y")}: ${y}`);
+  if (seriesName !== UNCATEGORISED_SERIES) {
+    lines.push(`${escapeHtml(config.categoryLabel ?? "Category")}: ${escapeHtml(seriesName)}`);
+  }
+  if (count > 1) lines.push(`${count} points here`);
+  return lines.join("<br/>");
+};
+const buildScatterOption = (points, config) => {
+  const weights = points.map((p) => p.point.weight).filter((w) => w != null);
+  const minWeight = weights.length > 0 ? Math.min(...weights) : 0;
+  const maxWeight = weights.length > 0 ? Math.max(...weights) : 0;
+  const sizeOf = (weight) => weights.length === 0 ? constants.SCATTER.BASE_SYMBOL_SIZE : symbolSizeFor(weight ?? minWeight, minWeight, maxWeight);
+  const groups = groupByCategory(points);
+  const series = [...groups.entries()].map(([category, group], i) => ({
+    name: category,
+    type: "scatter",
+    data: group.map((folded) => toDataItem(folded, sizeOf)),
+    itemStyle: { color: constants.CHART_COLORS[i % constants.CHART_COLORS.length], opacity: 0.85 },
+    emphasis: { focus: "series" }
+  }));
   return {
-    drawn,
-    bounds: boundsOf(drawn),
-    info: {
-      total: points.length,
-      drawn: drawn.length,
-      skipped: points.length - usable.length,
-      dropped: usable.length - drawn.length
-    }
+    tooltip: { trigger: "item", formatter: buildTooltipFormatter(config) },
+    legend: config.showLegend ? { bottom: 0, type: "scroll" } : void 0,
+    grid: {
+      left: config.yLabel ? GRID_MARGIN.Y_NAME : GRID_MARGIN.BASE,
+      right: GRID_MARGIN.RIGHT,
+      top: GRID_MARGIN.TOP,
+      // Room for the x axis name and the legend, each only when drawn.
+      bottom: GRID_MARGIN.BASE + (config.xLabel ? GRID_MARGIN.X_NAME : 0) + (config.showLegend ? GRID_MARGIN.LEGEND : 0),
+      containLabel: true
+    },
+    xAxis: {
+      type: "value",
+      name: config.xLabel,
+      nameLocation: "middle",
+      nameGap: AXIS_NAME_GAP.X,
+      scale: true
+    },
+    yAxis: {
+      type: "value",
+      name: config.yLabel,
+      nameLocation: "middle",
+      // Without this the y name is drawn horizontally and eats the plot's width.
+      nameRotate: 90,
+      nameGap: AXIS_NAME_GAP.Y,
+      scale: true
+    },
+    dataZoom: config.enableDataZoom ? [
+      { type: "inside", xAxisIndex: 0 },
+      { type: "inside", yAxisIndex: 0 }
+    ] : void 0,
+    series
   };
 };
-exports.normalizePoints = normalizePoints;
+exports.buildScatterOption = buildScatterOption;
 //# sourceMappingURL=index97.cjs.map

package/dist/index97.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index97.cjs","sources":["../src/geo/GeoMapCard/normalizePoints.ts"],"sourcesContent":["import type { GeoPoint, GeoRenderInfo } from '../../types/geo.types';\n\n/** A point that survived validation, paired with where it came from. */\nexport interface DrawnPoint {\n  point: GeoPoint;\n  /** Index in the original `points` array, not in the normalised one. */\n  sourceIndex: number;\n}\n\n/** South-west and north-east corners, in Leaflet's `[lat, lng]` order. */\nexport type GeoBounds = [[number, number], [number, number]];\n\nexport interface NormalizeResult {\n  drawn: DrawnPoint[];\n  bounds: GeoBounds | null;\n  info: GeoRenderInfo;\n}\n\nconst MAX_LATITUDE = 90;\nconst MAX_LONGITUDE = 180;\n\n/**\n * Garbage coordinates are the norm in network inventories, not the exception:\n * nulls, empty strings coerced to NaN and swapped lat/lng all show up.\n */\nconst hasUsableCoordinates = (point: GeoPoint): boolean =>\n  Number.isFinite(point.latitude) &&\n  Number.isFinite(point.longitude) &&\n  Math.abs(point.latitude) <= MAX_LATITUDE &&\n  Math.abs(point.longitude) <= MAX_LONGITUDE;\n\n/**\n * Evenly spread `cap` markers across `points`, always keeping the first and last.\n * Deterministic on purpose: the same data must always draw the same map.\n */\nconst sample = (points: DrawnPoint[], cap: number): DrawnPoint[] => {\n  if (cap <= 1) return points.slice(0, Math.max(cap, 0));\n\n  const step = (points.length - 1) / (cap - 1);\n\n  return Array.from({ length: cap }, (_, i) => points[Math.round(i * step)]);\n};\n\nconst boundsOf = (points: DrawnPoint[]): GeoBounds | null => {\n  if (points.length === 0) return null;\n\n  const latitudes = points.map((p) => p.point.latitude);\n  const longitudes = points.map((p) => p.point.longitude);\n\n  return [\n    [Math.min(...latitudes), Math.min(...longitudes)],\n    [Math.max(...latitudes), Math.max(...longitudes)],\n  ];\n};\n\n/**\n * Drop the unplottable points, cap the marker count, then report what happened.\n *\n * Coincident points are *not* folded the way the scatter chart folds them: on a\n * map two cells at the same site are two cells, and zooming already separates\n * them.\n *\n * The reported counts satisfy `total === drawn + skipped + dropped`.\n */\nexport const normalizePoints = (points: GeoPoint[], maxPoints: number): NormalizeResult => {\n  const usable: DrawnPoint[] = [];\n\n  points.forEach((point, sourceIndex) => {\n    if (hasUsableCoordinates(point)) usable.push({ point, sourceIndex });\n  });\n\n  const drawn = usable.length > maxPoints ? sample(usable, maxPoints) : usable;\n\n  return {\n    drawn,\n    bounds: boundsOf(drawn),\n    info: {\n      total: points.length,\n      drawn: drawn.length,\n      skipped: points.length - usable.length,\n      dropped: usable.length - drawn.length,\n    },\n  };\n};\n"],"names":[],"mappings":";;AAkBA,MAAM,eAAe;AACrB,MAAM,gBAAgB;AAMtB,MAAM,uBAAuB,CAAC,UAC5B,OAAO,SAAS,MAAM,QAAQ,KAC9B,OAAO,SAAS,MAAM,SAAS,KAC/B,KAAK,IAAI,MAAM,QAAQ,KAAK,gBAC5B,KAAK,IAAI,MAAM,SAAS,KAAK;AAM/B,MAAM,SAAS,CAAC,QAAsB,QAA8B;AAClE,MAAI,OAAO,EAAG,QAAO,OAAO,MAAM,GAAG,KAAK,IAAI,KAAK,CAAC,CAAC;AAErD,QAAM,QAAQ,OAAO,SAAS,MAAM,MAAM;AAE1C,SAAO,MAAM,KAAK,EAAE,QAAQ,OAAO,CAAC,GAAG,MAAM,OAAO,KAAK,MAAM,IAAI,IAAI,CAAC,CAAC;AAC3E;AAEA,MAAM,WAAW,CAAC,WAA2C;AAC3D,MAAI,OAAO,WAAW,EAAG,QAAO;AAEhC,QAAM,YAAY,OAAO,IAAI,CAAC,MAAM,EAAE,MAAM,QAAQ;AACpD,QAAM,aAAa,OAAO,IAAI,CAAC,MAAM,EAAE,MAAM,SAAS;AAEtD,SAAO;AAAA,IACL,CAAC,KAAK,IAAI,GAAG,SAAS,GAAG,KAAK,IAAI,GAAG,UAAU,CAAC;AAAA,IAChD,CAAC,KAAK,IAAI,GAAG,SAAS,GAAG,KAAK,IAAI,GAAG,UAAU,CAAC;AAAA,EAAA;AAEpD;AAWO,MAAM,kBAAkB,CAAC,QAAoB,cAAuC;AACzF,QAAM,SAAuB,CAAA;AAE7B,SAAO,QAAQ,CAAC,OAAO,gBAAgB;AACrC,QAAI,qBAAqB,KAAK,EAAG,QAAO,KAAK,EAAE,OAAO,aAAa;AAAA,EACrE,CAAC;AAED,QAAM,QAAQ,OAAO,SAAS,YAAY,OAAO,QAAQ,SAAS,IAAI;AAEtE,SAAO;AAAA,IACL;AAAA,IACA,QAAQ,SAAS,KAAK;AAAA,IACtB,MAAM;AAAA,MACJ,OAAO,OAAO;AAAA,MACd,OAAO,MAAM;AAAA,MACb,SAAS,OAAO,SAAS,OAAO;AAAA,MAChC,SAAS,OAAO,SAAS,MAAM;AAAA,IAAA;AAAA,EACjC;AAEJ;;"}
+{"version":3,"file":"index97.cjs","sources":["../src/charts/ScatterChartCard/buildScatterOption.ts"],"sourcesContent":["import type { FoldedPoint } from './foldPoints';\nimport { CHART_COLORS, SCATTER } from '../../constants';\n\n/** Distance from each axis line to its name (px — echarts canvas attributes, not CSS). */\nconst AXIS_NAME_GAP = { X: 28, Y: 38 } as const;\n\n/**\n * Grid margins (px). `containLabel` reserves room for the tick *labels* only, so\n * the axis names and the legend need their own margin or they get clipped at the\n * canvas edge. Each margin must exceed its `AXIS_NAME_GAP` by a text height.\n */\nconst GRID_MARGIN = {\n  BASE: 8,\n  TOP: 16,\n  RIGHT: 16,\n  X_NAME: 23,\n  Y_NAME: 34,\n  LEGEND: 30,\n} as const;\n\n/** Series name used when no point carries a category. */\nconst UNCATEGORISED_SERIES = 'Points';\n\nexport interface ScatterOptionConfig {\n  xLabel?: string;\n  yLabel?: string;\n  categoryLabel?: string;\n  showLegend: boolean;\n  enableDataZoom: boolean;\n}\n\n/** Point labels come from consumer data and land in the tooltip's HTML. */\nconst escapeHtml = (value: string) =>\n  value.replace(/[&<>\"]/g, (char) => `&#${char.charCodeAt(0)};`);\n\n/**\n * Map a weight onto a symbol diameter. The square root keeps the mark *area*\n * proportional to the weight, which is how a reader compares bubble sizes.\n * A dataset whose weights are all equal carries no size information, so it\n * renders at the base size rather than all-maximum.\n */\nconst symbolSizeFor = (weight: number, minWeight: number, maxWeight: number) => {\n  if (maxWeight === minWeight) return SCATTER.BASE_SYMBOL_SIZE;\n\n  const ratio = Math.sqrt((weight - minWeight) / (maxWeight - minWeight));\n  return SCATTER.MIN_SYMBOL_SIZE + (SCATTER.MAX_SYMBOL_SIZE - SCATTER.MIN_SYMBOL_SIZE) * ratio;\n};\n\n/** Group marks by category, preserving first-appearance order. */\nconst groupByCategory = (points: FoldedPoint[]) => {\n  const groups = new Map<string, FoldedPoint[]>();\n\n  for (const folded of points) {\n    const key = folded.point.category ?? UNCATEGORISED_SERIES;\n    const group = groups.get(key);\n    if (group) group.push(folded);\n    else groups.set(key, [folded]);\n  }\n\n  return groups;\n};\n\n/** `[x, y, count, sourceIndex]` — dims beyond the axes carry the tooltip/click metadata. */\nconst toDataItem = (folded: FoldedPoint, sizeOf: (weight: number | null | undefined) => number) => ({\n  name: folded.point.label,\n  value: [folded.point.x, folded.point.y, folded.count, folded.index],\n  symbolSize: sizeOf(folded.point.weight),\n});\n\nconst buildTooltipFormatter = (config: ScatterOptionConfig) => (params: unknown) => {\n  const { name, seriesName, value, marker } = params as {\n    name: string;\n    seriesName: string;\n    value: [number, number, number, number];\n    marker: string;\n  };\n  const [x, y, count] = value;\n\n  const lines = [`${marker} ${escapeHtml(name)}`];\n  lines.push(`${escapeHtml(config.xLabel ?? 'x')}: ${x}`);\n  lines.push(`${escapeHtml(config.yLabel ?? 'y')}: ${y}`);\n\n  if (seriesName !== UNCATEGORISED_SERIES) {\n    lines.push(`${escapeHtml(config.categoryLabel ?? 'Category')}: ${escapeHtml(seriesName)}`);\n  }\n\n  if (count > 1) lines.push(`${count} points here`);\n\n  return lines.join('<br/>');\n};\n\nexport const buildScatterOption = (points: FoldedPoint[], config: ScatterOptionConfig) => {\n  const weights = points.map((p) => p.point.weight).filter((w): w is number => w != null);\n  const minWeight = weights.length > 0 ? Math.min(...weights) : 0;\n  const maxWeight = weights.length > 0 ? Math.max(...weights) : 0;\n\n  // An absent weight sits at the bottom of the scale once any weight is present,\n  // and yields the base size when none is.\n  const sizeOf = (weight: number | null | undefined) =>\n    weights.length === 0\n      ? SCATTER.BASE_SYMBOL_SIZE\n      : symbolSizeFor(weight ?? minWeight, minWeight, maxWeight);\n\n  const groups = groupByCategory(points);\n  const series = [...groups.entries()].map(([category, group], i) => ({\n    name: category,\n    type: 'scatter' as const,\n    data: group.map((folded) => toDataItem(folded, sizeOf)),\n    itemStyle: { color: CHART_COLORS[i % CHART_COLORS.length], opacity: 0.85 },\n    emphasis: { focus: 'series' as const },\n  }));\n\n  return {\n    tooltip: { trigger: 'item' as const, formatter: buildTooltipFormatter(config) },\n    legend: config.showLegend ? { bottom: 0, type: 'scroll' as const } : undefined,\n    grid: {\n      left: config.yLabel ? GRID_MARGIN.Y_NAME : GRID_MARGIN.BASE,\n      right: GRID_MARGIN.RIGHT,\n      top: GRID_MARGIN.TOP,\n      // Room for the x axis name and the legend, each only when drawn.\n      bottom:\n        GRID_MARGIN.BASE +\n        (config.xLabel ? GRID_MARGIN.X_NAME : 0) +\n        (config.showLegend ? GRID_MARGIN.LEGEND : 0),\n      containLabel: true,\n    },\n    xAxis: {\n      type: 'value' as const,\n      name: config.xLabel,\n      nameLocation: 'middle' as const,\n      nameGap: AXIS_NAME_GAP.X,\n      scale: true,\n    },\n    yAxis: {\n      type: 'value' as const,\n      name: config.yLabel,\n      nameLocation: 'middle' as const,\n      // Without this the y name is drawn horizontally and eats the plot's width.\n      nameRotate: 90,\n      nameGap: AXIS_NAME_GAP.Y,\n      scale: true,\n    },\n    dataZoom: config.enableDataZoom\n      ? [\n          { type: 'inside' as const, xAxisIndex: 0 },\n          { type: 'inside' as const, yAxisIndex: 0 },\n        ]\n      : undefined,\n    series,\n  };\n};\n"],"names":["SCATTER","CHART_COLORS"],"mappings":"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"}

package/dist/index97.js

@@ -1,38 +1,95 @@
-const MAX_LATITUDE = 90;
-const MAX_LONGITUDE = 180;
-const hasUsableCoordinates = (point) => Number.isFinite(point.latitude) && Number.isFinite(point.longitude) && Math.abs(point.latitude) <= MAX_LATITUDE && Math.abs(point.longitude) <= MAX_LONGITUDE;
-const sample = (points, cap) => {
-  if (cap <= 1) return points.slice(0, Math.max(cap, 0));
-  const step = (points.length - 1) / (cap - 1);
-  return Array.from({ length: cap }, (_, i) => points[Math.round(i * step)]);
+import { CHART_COLORS, SCATTER } from "./index62.js";
+const AXIS_NAME_GAP = { X: 28, Y: 38 };
+const GRID_MARGIN = {
+  BASE: 8,
+  TOP: 16,
+  RIGHT: 16,
+  X_NAME: 23,
+  Y_NAME: 34,
+  LEGEND: 30
 };
-const boundsOf = (points) => {
-  if (points.length === 0) return null;
-  const latitudes = points.map((p) => p.point.latitude);
-  const longitudes = points.map((p) => p.point.longitude);
-  return [
-    [Math.min(...latitudes), Math.min(...longitudes)],
-    [Math.max(...latitudes), Math.max(...longitudes)]
-  ];
+const UNCATEGORISED_SERIES = "Points";
+const escapeHtml = (value) => value.replace(/[&<>"]/g, (char) => `&#${char.charCodeAt(0)};`);
+const symbolSizeFor = (weight, minWeight, maxWeight) => {
+  if (maxWeight === minWeight) return SCATTER.BASE_SYMBOL_SIZE;
+  const ratio = Math.sqrt((weight - minWeight) / (maxWeight - minWeight));
+  return SCATTER.MIN_SYMBOL_SIZE + (SCATTER.MAX_SYMBOL_SIZE - SCATTER.MIN_SYMBOL_SIZE) * ratio;
 };
-const normalizePoints = (points, maxPoints) => {
-  const usable = [];
-  points.forEach((point, sourceIndex) => {
-    if (hasUsableCoordinates(point)) usable.push({ point, sourceIndex });
-  });
-  const drawn = usable.length > maxPoints ? sample(usable, maxPoints) : usable;
+const groupByCategory = (points) => {
+  const groups = /* @__PURE__ */ new Map();
+  for (const folded of points) {
+    const key = folded.point.category ?? UNCATEGORISED_SERIES;
+    const group = groups.get(key);
+    if (group) group.push(folded);
+    else groups.set(key, [folded]);
+  }
+  return groups;
+};
+const toDataItem = (folded, sizeOf) => ({
+  name: folded.point.label,
+  value: [folded.point.x, folded.point.y, folded.count, folded.index],
+  symbolSize: sizeOf(folded.point.weight)
+});
+const buildTooltipFormatter = (config) => (params) => {
+  const { name, seriesName, value, marker } = params;
+  const [x, y, count] = value;
+  const lines = [`${marker} ${escapeHtml(name)}`];
+  lines.push(`${escapeHtml(config.xLabel ?? "x")}: ${x}`);
+  lines.push(`${escapeHtml(config.yLabel ?? "y")}: ${y}`);
+  if (seriesName !== UNCATEGORISED_SERIES) {
+    lines.push(`${escapeHtml(config.categoryLabel ?? "Category")}: ${escapeHtml(seriesName)}`);
+  }
+  if (count > 1) lines.push(`${count} points here`);
+  return lines.join("<br/>");
+};
+const buildScatterOption = (points, config) => {
+  const weights = points.map((p) => p.point.weight).filter((w) => w != null);
+  const minWeight = weights.length > 0 ? Math.min(...weights) : 0;
+  const maxWeight = weights.length > 0 ? Math.max(...weights) : 0;
+  const sizeOf = (weight) => weights.length === 0 ? SCATTER.BASE_SYMBOL_SIZE : symbolSizeFor(weight ?? minWeight, minWeight, maxWeight);
+  const groups = groupByCategory(points);
+  const series = [...groups.entries()].map(([category, group], i) => ({
+    name: category,
+    type: "scatter",
+    data: group.map((folded) => toDataItem(folded, sizeOf)),
+    itemStyle: { color: CHART_COLORS[i % CHART_COLORS.length], opacity: 0.85 },
+    emphasis: { focus: "series" }
+  }));
   return {
-    drawn,
-    bounds: boundsOf(drawn),
-    info: {
-      total: points.length,
-      drawn: drawn.length,
-      skipped: points.length - usable.length,
-      dropped: usable.length - drawn.length
-    }
+    tooltip: { trigger: "item", formatter: buildTooltipFormatter(config) },
+    legend: config.showLegend ? { bottom: 0, type: "scroll" } : void 0,
+    grid: {
+      left: config.yLabel ? GRID_MARGIN.Y_NAME : GRID_MARGIN.BASE,
+      right: GRID_MARGIN.RIGHT,
+      top: GRID_MARGIN.TOP,
+      // Room for the x axis name and the legend, each only when drawn.
+      bottom: GRID_MARGIN.BASE + (config.xLabel ? GRID_MARGIN.X_NAME : 0) + (config.showLegend ? GRID_MARGIN.LEGEND : 0),
+      containLabel: true
+    },
+    xAxis: {
+      type: "value",
+      name: config.xLabel,
+      nameLocation: "middle",
+      nameGap: AXIS_NAME_GAP.X,
+      scale: true
+    },
+    yAxis: {
+      type: "value",
+      name: config.yLabel,
+      nameLocation: "middle",
+      // Without this the y name is drawn horizontally and eats the plot's width.
+      nameRotate: 90,
+      nameGap: AXIS_NAME_GAP.Y,
+      scale: true
+    },
+    dataZoom: config.enableDataZoom ? [
+      { type: "inside", xAxisIndex: 0 },
+      { type: "inside", yAxisIndex: 0 }
+    ] : void 0,
+    series
   };
 };
 export {
-  normalizePoints
+  buildScatterOption
 };
 //# sourceMappingURL=index97.js.map

package/dist/index97.js.map

@@ -1 +1 @@
-{"version":3,"file":"index97.js","sources":["../src/geo/GeoMapCard/normalizePoints.ts"],"sourcesContent":["import type { GeoPoint, GeoRenderInfo } from '../../types/geo.types';\n\n/** A point that survived validation, paired with where it came from. */\nexport interface DrawnPoint {\n  point: GeoPoint;\n  /** Index in the original `points` array, not in the normalised one. */\n  sourceIndex: number;\n}\n\n/** South-west and north-east corners, in Leaflet's `[lat, lng]` order. */\nexport type GeoBounds = [[number, number], [number, number]];\n\nexport interface NormalizeResult {\n  drawn: DrawnPoint[];\n  bounds: GeoBounds | null;\n  info: GeoRenderInfo;\n}\n\nconst MAX_LATITUDE = 90;\nconst MAX_LONGITUDE = 180;\n\n/**\n * Garbage coordinates are the norm in network inventories, not the exception:\n * nulls, empty strings coerced to NaN and swapped lat/lng all show up.\n */\nconst hasUsableCoordinates = (point: GeoPoint): boolean =>\n  Number.isFinite(point.latitude) &&\n  Number.isFinite(point.longitude) &&\n  Math.abs(point.latitude) <= MAX_LATITUDE &&\n  Math.abs(point.longitude) <= MAX_LONGITUDE;\n\n/**\n * Evenly spread `cap` markers across `points`, always keeping the first and last.\n * Deterministic on purpose: the same data must always draw the same map.\n */\nconst sample = (points: DrawnPoint[], cap: number): DrawnPoint[] => {\n  if (cap <= 1) return points.slice(0, Math.max(cap, 0));\n\n  const step = (points.length - 1) / (cap - 1);\n\n  return Array.from({ length: cap }, (_, i) => points[Math.round(i * step)]);\n};\n\nconst boundsOf = (points: DrawnPoint[]): GeoBounds | null => {\n  if (points.length === 0) return null;\n\n  const latitudes = points.map((p) => p.point.latitude);\n  const longitudes = points.map((p) => p.point.longitude);\n\n  return [\n    [Math.min(...latitudes), Math.min(...longitudes)],\n    [Math.max(...latitudes), Math.max(...longitudes)],\n  ];\n};\n\n/**\n * Drop the unplottable points, cap the marker count, then report what happened.\n *\n * Coincident points are *not* folded the way the scatter chart folds them: on a\n * map two cells at the same site are two cells, and zooming already separates\n * them.\n *\n * The reported counts satisfy `total === drawn + skipped + dropped`.\n */\nexport const normalizePoints = (points: GeoPoint[], maxPoints: number): NormalizeResult => {\n  const usable: DrawnPoint[] = [];\n\n  points.forEach((point, sourceIndex) => {\n    if (hasUsableCoordinates(point)) usable.push({ point, sourceIndex });\n  });\n\n  const drawn = usable.length > maxPoints ? sample(usable, maxPoints) : usable;\n\n  return {\n    drawn,\n    bounds: boundsOf(drawn),\n    info: {\n      total: points.length,\n      drawn: drawn.length,\n      skipped: points.length - usable.length,\n      dropped: usable.length - drawn.length,\n    },\n  };\n};\n"],"names":[],"mappings":"AAkBA,MAAM,eAAe;AACrB,MAAM,gBAAgB;AAMtB,MAAM,uBAAuB,CAAC,UAC5B,OAAO,SAAS,MAAM,QAAQ,KAC9B,OAAO,SAAS,MAAM,SAAS,KAC/B,KAAK,IAAI,MAAM,QAAQ,KAAK,gBAC5B,KAAK,IAAI,MAAM,SAAS,KAAK;AAM/B,MAAM,SAAS,CAAC,QAAsB,QAA8B;AAClE,MAAI,OAAO,EAAG,QAAO,OAAO,MAAM,GAAG,KAAK,IAAI,KAAK,CAAC,CAAC;AAErD,QAAM,QAAQ,OAAO,SAAS,MAAM,MAAM;AAE1C,SAAO,MAAM,KAAK,EAAE,QAAQ,OAAO,CAAC,GAAG,MAAM,OAAO,KAAK,MAAM,IAAI,IAAI,CAAC,CAAC;AAC3E;AAEA,MAAM,WAAW,CAAC,WAA2C;AAC3D,MAAI,OAAO,WAAW,EAAG,QAAO;AAEhC,QAAM,YAAY,OAAO,IAAI,CAAC,MAAM,EAAE,MAAM,QAAQ;AACpD,QAAM,aAAa,OAAO,IAAI,CAAC,MAAM,EAAE,MAAM,SAAS;AAEtD,SAAO;AAAA,IACL,CAAC,KAAK,IAAI,GAAG,SAAS,GAAG,KAAK,IAAI,GAAG,UAAU,CAAC;AAAA,IAChD,CAAC,KAAK,IAAI,GAAG,SAAS,GAAG,KAAK,IAAI,GAAG,UAAU,CAAC;AAAA,EAAA;AAEpD;AAWO,MAAM,kBAAkB,CAAC,QAAoB,cAAuC;AACzF,QAAM,SAAuB,CAAA;AAE7B,SAAO,QAAQ,CAAC,OAAO,gBAAgB;AACrC,QAAI,qBAAqB,KAAK,EAAG,QAAO,KAAK,EAAE,OAAO,aAAa;AAAA,EACrE,CAAC;AAED,QAAM,QAAQ,OAAO,SAAS,YAAY,OAAO,QAAQ,SAAS,IAAI;AAEtE,SAAO;AAAA,IACL;AAAA,IACA,QAAQ,SAAS,KAAK;AAAA,IACtB,MAAM;AAAA,MACJ,OAAO,OAAO;AAAA,MACd,OAAO,MAAM;AAAA,MACb,SAAS,OAAO,SAAS,OAAO;AAAA,MAChC,SAAS,OAAO,SAAS,MAAM;AAAA,IAAA;AAAA,EACjC;AAEJ;"}
+{"version":3,"file":"index97.js","sources":["../src/charts/ScatterChartCard/buildScatterOption.ts"],"sourcesContent":["import type { FoldedPoint } from './foldPoints';\nimport { CHART_COLORS, SCATTER } from '../../constants';\n\n/** Distance from each axis line to its name (px — echarts canvas attributes, not CSS). */\nconst AXIS_NAME_GAP = { X: 28, Y: 38 } as const;\n\n/**\n * Grid margins (px). `containLabel` reserves room for the tick *labels* only, so\n * the axis names and the legend need their own margin or they get clipped at the\n * canvas edge. Each margin must exceed its `AXIS_NAME_GAP` by a text height.\n */\nconst GRID_MARGIN = {\n  BASE: 8,\n  TOP: 16,\n  RIGHT: 16,\n  X_NAME: 23,\n  Y_NAME: 34,\n  LEGEND: 30,\n} as const;\n\n/** Series name used when no point carries a category. */\nconst UNCATEGORISED_SERIES = 'Points';\n\nexport interface ScatterOptionConfig {\n  xLabel?: string;\n  yLabel?: string;\n  categoryLabel?: string;\n  showLegend: boolean;\n  enableDataZoom: boolean;\n}\n\n/** Point labels come from consumer data and land in the tooltip's HTML. */\nconst escapeHtml = (value: string) =>\n  value.replace(/[&<>\"]/g, (char) => `&#${char.charCodeAt(0)};`);\n\n/**\n * Map a weight onto a symbol diameter. The square root keeps the mark *area*\n * proportional to the weight, which is how a reader compares bubble sizes.\n * A dataset whose weights are all equal carries no size information, so it\n * renders at the base size rather than all-maximum.\n */\nconst symbolSizeFor = (weight: number, minWeight: number, maxWeight: number) => {\n  if (maxWeight === minWeight) return SCATTER.BASE_SYMBOL_SIZE;\n\n  const ratio = Math.sqrt((weight - minWeight) / (maxWeight - minWeight));\n  return SCATTER.MIN_SYMBOL_SIZE + (SCATTER.MAX_SYMBOL_SIZE - SCATTER.MIN_SYMBOL_SIZE) * ratio;\n};\n\n/** Group marks by category, preserving first-appearance order. */\nconst groupByCategory = (points: FoldedPoint[]) => {\n  const groups = new Map<string, FoldedPoint[]>();\n\n  for (const folded of points) {\n    const key = folded.point.category ?? UNCATEGORISED_SERIES;\n    const group = groups.get(key);\n    if (group) group.push(folded);\n    else groups.set(key, [folded]);\n  }\n\n  return groups;\n};\n\n/** `[x, y, count, sourceIndex]` — dims beyond the axes carry the tooltip/click metadata. */\nconst toDataItem = (folded: FoldedPoint, sizeOf: (weight: number | null | undefined) => number) => ({\n  name: folded.point.label,\n  value: [folded.point.x, folded.point.y, folded.count, folded.index],\n  symbolSize: sizeOf(folded.point.weight),\n});\n\nconst buildTooltipFormatter = (config: ScatterOptionConfig) => (params: unknown) => {\n  const { name, seriesName, value, marker } = params as {\n    name: string;\n    seriesName: string;\n    value: [number, number, number, number];\n    marker: string;\n  };\n  const [x, y, count] = value;\n\n  const lines = [`${marker} ${escapeHtml(name)}`];\n  lines.push(`${escapeHtml(config.xLabel ?? 'x')}: ${x}`);\n  lines.push(`${escapeHtml(config.yLabel ?? 'y')}: ${y}`);\n\n  if (seriesName !== UNCATEGORISED_SERIES) {\n    lines.push(`${escapeHtml(config.categoryLabel ?? 'Category')}: ${escapeHtml(seriesName)}`);\n  }\n\n  if (count > 1) lines.push(`${count} points here`);\n\n  return lines.join('<br/>');\n};\n\nexport const buildScatterOption = (points: FoldedPoint[], config: ScatterOptionConfig) => {\n  const weights = points.map((p) => p.point.weight).filter((w): w is number => w != null);\n  const minWeight = weights.length > 0 ? Math.min(...weights) : 0;\n  const maxWeight = weights.length > 0 ? Math.max(...weights) : 0;\n\n  // An absent weight sits at the bottom of the scale once any weight is present,\n  // and yields the base size when none is.\n  const sizeOf = (weight: number | null | undefined) =>\n    weights.length === 0\n      ? SCATTER.BASE_SYMBOL_SIZE\n      : symbolSizeFor(weight ?? minWeight, minWeight, maxWeight);\n\n  const groups = groupByCategory(points);\n  const series = [...groups.entries()].map(([category, group], i) => ({\n    name: category,\n    type: 'scatter' as const,\n    data: group.map((folded) => toDataItem(folded, sizeOf)),\n    itemStyle: { color: CHART_COLORS[i % CHART_COLORS.length], opacity: 0.85 },\n    emphasis: { focus: 'series' as const },\n  }));\n\n  return {\n    tooltip: { trigger: 'item' as const, formatter: buildTooltipFormatter(config) },\n    legend: config.showLegend ? { bottom: 0, type: 'scroll' as const } : undefined,\n    grid: {\n      left: config.yLabel ? GRID_MARGIN.Y_NAME : GRID_MARGIN.BASE,\n      right: GRID_MARGIN.RIGHT,\n      top: GRID_MARGIN.TOP,\n      // Room for the x axis name and the legend, each only when drawn.\n      bottom:\n        GRID_MARGIN.BASE +\n        (config.xLabel ? GRID_MARGIN.X_NAME : 0) +\n        (config.showLegend ? GRID_MARGIN.LEGEND : 0),\n      containLabel: true,\n    },\n    xAxis: {\n      type: 'value' as const,\n      name: config.xLabel,\n      nameLocation: 'middle' as const,\n      nameGap: AXIS_NAME_GAP.X,\n      scale: true,\n    },\n    yAxis: {\n      type: 'value' as const,\n      name: config.yLabel,\n      nameLocation: 'middle' as const,\n      // Without this the y name is drawn horizontally and eats the plot's width.\n      nameRotate: 90,\n      nameGap: AXIS_NAME_GAP.Y,\n      scale: true,\n    },\n    dataZoom: config.enableDataZoom\n      ? [\n          { type: 'inside' as const, xAxisIndex: 0 },\n          { type: 'inside' as const, yAxisIndex: 0 },\n        ]\n      : undefined,\n    series,\n  };\n};\n"],"names":[],"mappings":"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"}

package/dist/index98.cjs

@@ -1,46 +1,42 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const constants = require("./index64.cjs");
-const tokens = require("./index3.cjs");
-const SELECTION_RING = {
-  light: tokens.orbitTokens.purple.base,
-  dark: "#FFFFFF"
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const root = "krc-root-pttoq";
+const header = "krc-header-npqnm";
+const title = "krc-title-Nho7q";
+const headerActions = "krc-headerActions-ealva";
+const toolbar = "krc-toolbar-JDGNF";
+const warning = "krc-warning-zk0fc";
+const chartContainer = "krc-chartContainer-9YPrR";
+const loading = "krc-loading-kZWgE";
+const empty = "krc-empty-JDNOq";
+const error = "krc-error-IULEe";
+const retryButton = "krc-retryButton-GvyS0";
+const compact = "krc-compact-bzibR";
+const styles = {
+  root,
+  header,
+  title,
+  headerActions,
+  toolbar,
+  warning,
+  chartContainer,
+  loading,
+  empty,
+  error,
+  retryButton,
+  compact
 };
-const UNCATEGORISED_COLOR = tokens.orbitTokens.brand.orange;
-const buildCategoryColors = (points) => {
-  const categories = [...new Set(points.map((p) => p.category).filter((c) => c != null))];
-  categories.sort((a, b) => a.localeCompare(b));
-  return new Map(categories.map((category, i) => [category, constants.CHART_COLORS[i % constants.CHART_COLORS.length]]));
-};
-const buildWeightScale = (points) => {
-  const weights = points.map((p) => p.weight).filter((w) => w != null && Number.isFinite(w));
-  if (weights.length === 0) return null;
-  const min = Math.min(...weights);
-  const max = Math.max(...weights);
-  return min === max ? null : { min, max };
-};
-const radiusFor = (weight, scale) => {
-  if (scale == null || weight == null || !Number.isFinite(weight)) return constants.GEO_MAP.BASE_MARKER_RADIUS;
-  const ratio = (weight - scale.min) / (scale.max - scale.min);
-  const clamped = Math.min(Math.max(ratio, 0), 1);
-  const minArea = constants.GEO_MAP.MIN_MARKER_RADIUS ** 2;
-  const maxArea = constants.GEO_MAP.MAX_MARKER_RADIUS ** 2;
-  return Math.sqrt(minArea + clamped * (maxArea - minArea));
-};
-const buildMarkerStyle = (point, { categoryColors, weightScale, selected, theme }) => {
-  const fillColor = (point.category != null ? categoryColors.get(point.category) : void 0) ?? UNCATEGORISED_COLOR;
-  const radius = radiusFor(point.weight, weightScale);
-  return {
-    radius: selected ? radius + constants.GEO_MAP.SELECTED_RADIUS_BOOST : radius,
-    color: selected ? SELECTION_RING[theme] : fillColor,
-    weight: selected ? constants.GEO_MAP.SELECTED_STROKE_WIDTH : constants.GEO_MAP.MARKER_STROKE_WIDTH,
-    fillColor,
-    fillOpacity: selected ? 1 : constants.GEO_MAP.MARKER_FILL_OPACITY
-  };
-};
-const buildLegendItems = (categoryColors) => [...categoryColors].map(([label, color]) => ({ label, color }));
-exports.buildCategoryColors = buildCategoryColors;
-exports.buildLegendItems = buildLegendItems;
-exports.buildMarkerStyle = buildMarkerStyle;
-exports.buildWeightScale = buildWeightScale;
+exports.chartContainer = chartContainer;
+exports.compact = compact;
+exports.default = styles;
+exports.empty = empty;
+exports.error = error;
+exports.header = header;
+exports.headerActions = headerActions;
+exports.loading = loading;
+exports.retryButton = retryButton;
+exports.root = root;
+exports.title = title;
+exports.toolbar = toolbar;
+exports.warning = warning;
 //# sourceMappingURL=index98.cjs.map

package/dist/index98.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index98.cjs","sources":["../src/geo/GeoMapCard/buildMarkerStyle.ts"],"sourcesContent":["import { CHART_COLORS, GEO_MAP } from '../../constants';\nimport { orbitTokens } from '../../tokens/tokens';\nimport type { ThemeMode } from '../../hooks/useThemeMode';\nimport type { GeoLegendItem, GeoPoint } from '../../types/geo.types';\n\n/**\n * Leaflet draws its markers as SVG paths, out of reach of the CSS custom\n * properties, so colours are resolved here as hex — the same exception the\n * ECharts family makes. Everything styled with CSS still uses the tokens.\n */\nexport interface MarkerStyle {\n  radius: number;\n  /** Stroke colour. */\n  color: string;\n  /** Stroke width. */\n  weight: number;\n  fillColor: string;\n  fillOpacity: number;\n}\n\n/** Weight range actually present in the data, or `null` when it carries none. */\nexport interface WeightScale {\n  min: number;\n  max: number;\n}\n\nexport interface MarkerStyleOptions {\n  categoryColors: Map<string, string>;\n  weightScale: WeightScale | null;\n  selected: boolean;\n  theme: ThemeMode;\n}\n\n/** Ring drawn around a selected marker: maximum contrast against the basemap. */\nconst SELECTION_RING: Record<ThemeMode, string> = {\n  light: orbitTokens.purple.base,\n  dark: '#FFFFFF',\n};\n\n/** Colour used when no point carries a category. */\nconst UNCATEGORISED_COLOR = orbitTokens.brand.orange;\n\n/**\n * Categories are sorted before being indexed into the palette, so a colour\n * belongs to a category and not to the order the rows happened to arrive in.\n */\nexport const buildCategoryColors = (points: GeoPoint[]): Map<string, string> => {\n  const categories = [...new Set(points.map((p) => p.category).filter((c): c is string => c != null))];\n\n  categories.sort((a, b) => a.localeCompare(b));\n\n  return new Map(categories.map((category, i) => [category, CHART_COLORS[i % CHART_COLORS.length]]));\n};\n\n/**\n * Null when nothing carries a weight, and also when every weight is equal:\n * a dataset with no size information should render at the base radius rather\n * than paint every marker at the maximum.\n */\nexport const buildWeightScale = (points: GeoPoint[]): WeightScale | null => {\n  const weights = points\n    .map((p) => p.weight)\n    .filter((w): w is number => w != null && Number.isFinite(w));\n\n  if (weights.length === 0) return null;\n\n  const min = Math.min(...weights);\n  const max = Math.max(...weights);\n\n  return min === max ? null : { min, max };\n};\n\n/**\n * Interpolate on the *area*, which is what a reader actually compares, and take\n * the square root to get back to a radius.\n */\nconst radiusFor = (weight: number | null | undefined, scale: WeightScale | null): number => {\n  if (scale == null || weight == null || !Number.isFinite(weight)) return GEO_MAP.BASE_MARKER_RADIUS;\n\n  const ratio = (weight - scale.min) / (scale.max - scale.min);\n  const clamped = Math.min(Math.max(ratio, 0), 1);\n  const minArea = GEO_MAP.MIN_MARKER_RADIUS ** 2;\n  const maxArea = GEO_MAP.MAX_MARKER_RADIUS ** 2;\n\n  return Math.sqrt(minArea + clamped * (maxArea - minArea));\n};\n\n/**\n * Selection changes the radius and the stroke as well as the colour, because\n * colour is never allowed to be the only indicator of a state.\n */\nexport const buildMarkerStyle = (\n  point: GeoPoint,\n  { categoryColors, weightScale, selected, theme }: MarkerStyleOptions,\n): MarkerStyle => {\n  const fillColor =\n    (point.category != null ? categoryColors.get(point.category) : undefined) ?? UNCATEGORISED_COLOR;\n  const radius = radiusFor(point.weight, weightScale);\n\n  return {\n    radius: selected ? radius + GEO_MAP.SELECTED_RADIUS_BOOST : radius,\n    color: selected ? SELECTION_RING[theme] : fillColor,\n    weight: selected ? GEO_MAP.SELECTED_STROKE_WIDTH : GEO_MAP.MARKER_STROKE_WIDTH,\n    fillColor,\n    fillOpacity: selected ? 1 : GEO_MAP.MARKER_FILL_OPACITY,\n  };\n};\n\n/** Legend swatches, in the same order the palette was handed out. */\nexport const buildLegendItems = (categoryColors: Map<string, string>): GeoLegendItem[] =>\n  [...categoryColors].map(([label, color]) => ({ label, color }));\n"],"names":["orbitTokens","CHART_COLORS","GEO_MAP"],"mappings":";;;;AAkCA,MAAM,iBAA4C;AAAA,EAChD,OAAOA,OAAAA,YAAY,OAAO;AAAA,EAC1B,MAAM;AACR;AAGA,MAAM,sBAAsBA,OAAAA,YAAY,MAAM;AAMvC,MAAM,sBAAsB,CAAC,WAA4C;AAC9E,QAAM,aAAa,CAAC,GAAG,IAAI,IAAI,OAAO,IAAI,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,MAAmB,KAAK,IAAI,CAAC,CAAC;AAEnG,aAAW,KAAK,CAAC,GAAG,MAAM,EAAE,cAAc,CAAC,CAAC;AAE5C,SAAO,IAAI,IAAI,WAAW,IAAI,CAAC,UAAU,MAAM,CAAC,UAAUC,UAAAA,aAAa,IAAIA,UAAAA,aAAa,MAAM,CAAC,CAAC,CAAC;AACnG;AAOO,MAAM,mBAAmB,CAAC,WAA2C;AAC1E,QAAM,UAAU,OACb,IAAI,CAAC,MAAM,EAAE,MAAM,EACnB,OAAO,CAAC,MAAmB,KAAK,QAAQ,OAAO,SAAS,CAAC,CAAC;AAE7D,MAAI,QAAQ,WAAW,EAAG,QAAO;AAEjC,QAAM,MAAM,KAAK,IAAI,GAAG,OAAO;AAC/B,QAAM,MAAM,KAAK,IAAI,GAAG,OAAO;AAE/B,SAAO,QAAQ,MAAM,OAAO,EAAE,KAAK,IAAA;AACrC;AAMA,MAAM,YAAY,CAAC,QAAmC,UAAsC;AAC1F,MAAI,SAAS,QAAQ,UAAU,QAAQ,CAAC,OAAO,SAAS,MAAM,EAAG,QAAOC,UAAAA,QAAQ;AAEhF,QAAM,SAAS,SAAS,MAAM,QAAQ,MAAM,MAAM,MAAM;AACxD,QAAM,UAAU,KAAK,IAAI,KAAK,IAAI,OAAO,CAAC,GAAG,CAAC;AAC9C,QAAM,UAAUA,kBAAQ,qBAAqB;AAC7C,QAAM,UAAUA,kBAAQ,qBAAqB;AAE7C,SAAO,KAAK,KAAK,UAAU,WAAW,UAAU,QAAQ;AAC1D;AAMO,MAAM,mBAAmB,CAC9B,OACA,EAAE,gBAAgB,aAAa,UAAU,YACzB;AAChB,QAAM,aACH,MAAM,YAAY,OAAO,eAAe,IAAI,MAAM,QAAQ,IAAI,WAAc;AAC/E,QAAM,SAAS,UAAU,MAAM,QAAQ,WAAW;AAElD,SAAO;AAAA,IACL,QAAQ,WAAW,SAASA,UAAAA,QAAQ,wBAAwB;AAAA,IAC5D,OAAO,WAAW,eAAe,KAAK,IAAI;AAAA,IAC1C,QAAQ,WAAWA,UAAAA,QAAQ,wBAAwBA,UAAAA,QAAQ;AAAA,IAC3D;AAAA,IACA,aAAa,WAAW,IAAIA,kBAAQ;AAAA,EAAA;AAExC;AAGO,MAAM,mBAAmB,CAAC,mBAC/B,CAAC,GAAG,cAAc,EAAE,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO,EAAE,OAAO,QAAQ;;;;;"}
+{"version":3,"file":"index98.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index98.js

@@ -1,46 +1,42 @@
-import { CHART_COLORS, GEO_MAP } from "./index64.js";
-import { orbitTokens } from "./index3.js";
-const SELECTION_RING = {
-  light: orbitTokens.purple.base,
-  dark: "#FFFFFF"
+const root = "krc-root-pttoq";
+const header = "krc-header-npqnm";
+const title = "krc-title-Nho7q";
+const headerActions = "krc-headerActions-ealva";
+const toolbar = "krc-toolbar-JDGNF";
+const warning = "krc-warning-zk0fc";
+const chartContainer = "krc-chartContainer-9YPrR";
+const loading = "krc-loading-kZWgE";
+const empty = "krc-empty-JDNOq";
+const error = "krc-error-IULEe";
+const retryButton = "krc-retryButton-GvyS0";
+const compact = "krc-compact-bzibR";
+const styles = {
+  root,
+  header,
+  title,
+  headerActions,
+  toolbar,
+  warning,
+  chartContainer,
+  loading,
+  empty,
+  error,
+  retryButton,
+  compact
 };
-const UNCATEGORISED_COLOR = orbitTokens.brand.orange;
-const buildCategoryColors = (points) => {
-  const categories = [...new Set(points.map((p) => p.category).filter((c) => c != null))];
-  categories.sort((a, b) => a.localeCompare(b));
-  return new Map(categories.map((category, i) => [category, CHART_COLORS[i % CHART_COLORS.length]]));
-};
-const buildWeightScale = (points) => {
-  const weights = points.map((p) => p.weight).filter((w) => w != null && Number.isFinite(w));
-  if (weights.length === 0) return null;
-  const min = Math.min(...weights);
-  const max = Math.max(...weights);
-  return min === max ? null : { min, max };
-};
-const radiusFor = (weight, scale) => {
-  if (scale == null || weight == null || !Number.isFinite(weight)) return GEO_MAP.BASE_MARKER_RADIUS;
-  const ratio = (weight - scale.min) / (scale.max - scale.min);
-  const clamped = Math.min(Math.max(ratio, 0), 1);
-  const minArea = GEO_MAP.MIN_MARKER_RADIUS ** 2;
-  const maxArea = GEO_MAP.MAX_MARKER_RADIUS ** 2;
-  return Math.sqrt(minArea + clamped * (maxArea - minArea));
-};
-const buildMarkerStyle = (point, { categoryColors, weightScale, selected, theme }) => {
-  const fillColor = (point.category != null ? categoryColors.get(point.category) : void 0) ?? UNCATEGORISED_COLOR;
-  const radius = radiusFor(point.weight, weightScale);
-  return {
-    radius: selected ? radius + GEO_MAP.SELECTED_RADIUS_BOOST : radius,
-    color: selected ? SELECTION_RING[theme] : fillColor,
-    weight: selected ? GEO_MAP.SELECTED_STROKE_WIDTH : GEO_MAP.MARKER_STROKE_WIDTH,
-    fillColor,
-    fillOpacity: selected ? 1 : GEO_MAP.MARKER_FILL_OPACITY
-  };
-};
-const buildLegendItems = (categoryColors) => [...categoryColors].map(([label, color]) => ({ label, color }));
 export {
-  buildCategoryColors,
-  buildLegendItems,
-  buildMarkerStyle,
-  buildWeightScale
+  chartContainer,
+  compact,
+  styles as default,
+  empty,
+  error,
+  header,
+  headerActions,
+  loading,
+  retryButton,
+  root,
+  title,
+  toolbar,
+  warning
 };
 //# sourceMappingURL=index98.js.map