@ktnpm_devops/react-component 0.13.1 → 0.14.0

package/dist/index89.cjs

@@ -1,36 +1,87 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-oXC0g";
-const trigger = "krc-trigger-2YW6R";
-const triggerContent = "krc-triggerContent-Nfhff";
-const chevron = "krc-chevron-otnpb";
-const chevronOpen = "krc-chevronOpen-UoLND";
-const badge = "krc-badge-dN-p-";
-const pop = "krc-pop-IfyfL";
-const chips = "krc-chips-J7YEf";
-const clear = "krc-clear--yvPZ";
-const input = "krc-input--QI2U";
+const root = "krc-root-WYIsp";
+const trigger = "krc-trigger-UedSS";
+const active = "krc-active-cH8Tl";
+const triggerContent = "krc-triggerContent-Kkhoi";
+const chevron = "krc-chevron-NoNsI";
+const label = "krc-label-RPlXR";
+const valueGroup = "krc-valueGroup-xfNcx";
+const value = "krc-value-aKdIW";
+const badge = "krc-badge-yVq9o";
+const clear = "krc-clear-11V9Q";
+const panel = "krc-panel-xf2f8";
+const header = "krc-header--VMR-";
+const search = "krc-search-4gQgB";
+const headerActions = "krc-headerActions-orxXD";
+const chip = "krc-chip--n-9m";
+const chipGhost = "krc-chipGhost-oayjh";
+const list = "krc-list-NRoxf";
+const status = "krc-status-j7xbM";
+const statusError = "krc-statusError-u6rfB";
+const option = "krc-option-ZAXum";
+const optionLabel = "krc-optionLabel-MdDyI";
+const optionCount = "krc-optionCount-JSQl9";
+const create = "krc-create-hO8Cq";
+const footer = "krc-footer-2yk6S";
+const selection = "krc-selection-aYDH-";
+const selectionDelta = "krc-selectionDelta-S1dV7";
+const footerActions = "krc-footerActions-77iCX";
 const styles = {
   root,
   trigger,
+  active,
   triggerContent,
   chevron,
-  chevronOpen,
+  label,
+  valueGroup,
+  value,
   badge,
-  pop,
-  chips,
   clear,
-  input
+  panel,
+  header,
+  search,
+  headerActions,
+  chip,
+  chipGhost,
+  list,
+  status,
+  statusError,
+  option,
+  optionLabel,
+  optionCount,
+  create,
+  footer,
+  selection,
+  selectionDelta,
+  footerActions
 };
+exports.active = active;
 exports.badge = badge;
 exports.chevron = chevron;
-exports.chevronOpen = chevronOpen;
-exports.chips = chips;
+exports.chip = chip;
+exports.chipGhost = chipGhost;
 exports.clear = clear;
+exports.create = create;
 exports.default = styles;
-exports.input = input;
-exports.pop = pop;
+exports.footer = footer;
+exports.footerActions = footerActions;
+exports.header = header;
+exports.headerActions = headerActions;
+exports.label = label;
+exports.list = list;
+exports.option = option;
+exports.optionCount = optionCount;
+exports.optionLabel = optionLabel;
+exports.panel = panel;
 exports.root = root;
+exports.search = search;
+exports.selection = selection;
+exports.selectionDelta = selectionDelta;
+exports.status = status;
+exports.statusError = statusError;
 exports.trigger = trigger;
 exports.triggerContent = triggerContent;
+exports.value = value;
+exports.valueGroup = valueGroup;
 //# sourceMappingURL=index89.cjs.map

package/dist/index89.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index89.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index89.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index89.js

@@ -1,36 +1,87 @@
-const root = "krc-root-oXC0g";
-const trigger = "krc-trigger-2YW6R";
-const triggerContent = "krc-triggerContent-Nfhff";
-const chevron = "krc-chevron-otnpb";
-const chevronOpen = "krc-chevronOpen-UoLND";
-const badge = "krc-badge-dN-p-";
-const pop = "krc-pop-IfyfL";
-const chips = "krc-chips-J7YEf";
-const clear = "krc-clear--yvPZ";
-const input = "krc-input--QI2U";
+const root = "krc-root-WYIsp";
+const trigger = "krc-trigger-UedSS";
+const active = "krc-active-cH8Tl";
+const triggerContent = "krc-triggerContent-Kkhoi";
+const chevron = "krc-chevron-NoNsI";
+const label = "krc-label-RPlXR";
+const valueGroup = "krc-valueGroup-xfNcx";
+const value = "krc-value-aKdIW";
+const badge = "krc-badge-yVq9o";
+const clear = "krc-clear-11V9Q";
+const panel = "krc-panel-xf2f8";
+const header = "krc-header--VMR-";
+const search = "krc-search-4gQgB";
+const headerActions = "krc-headerActions-orxXD";
+const chip = "krc-chip--n-9m";
+const chipGhost = "krc-chipGhost-oayjh";
+const list = "krc-list-NRoxf";
+const status = "krc-status-j7xbM";
+const statusError = "krc-statusError-u6rfB";
+const option = "krc-option-ZAXum";
+const optionLabel = "krc-optionLabel-MdDyI";
+const optionCount = "krc-optionCount-JSQl9";
+const create = "krc-create-hO8Cq";
+const footer = "krc-footer-2yk6S";
+const selection = "krc-selection-aYDH-";
+const selectionDelta = "krc-selectionDelta-S1dV7";
+const footerActions = "krc-footerActions-77iCX";
 const styles = {
   root,
   trigger,
+  active,
   triggerContent,
   chevron,
-  chevronOpen,
+  label,
+  valueGroup,
+  value,
   badge,
-  pop,
-  chips,
   clear,
-  input
+  panel,
+  header,
+  search,
+  headerActions,
+  chip,
+  chipGhost,
+  list,
+  status,
+  statusError,
+  option,
+  optionLabel,
+  optionCount,
+  create,
+  footer,
+  selection,
+  selectionDelta,
+  footerActions
 };
 export {
+  active,
   badge,
   chevron,
-  chevronOpen,
-  chips,
+  chip,
+  chipGhost,
   clear,
+  create,
   styles as default,
-  input,
-  pop,
+  footer,
+  footerActions,
+  header,
+  headerActions,
+  label,
+  list,
+  option,
+  optionCount,
+  optionLabel,
+  panel,
   root,
+  search,
+  selection,
+  selectionDelta,
+  status,
+  statusError,
   trigger,
-  triggerContent
+  triggerContent,
+  value,
+  valueGroup
 };
 //# sourceMappingURL=index89.js.map

package/dist/index89.js.map

@@ -1 +1 @@
-{"version":3,"file":"index89.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index89.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index90.cjs

@@ -1,24 +1,42 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-pS02L";
-const sidebar = "krc-sidebar-n1HeR";
-const conversationList = "krc-conversationList-E8ODD";
-const mainArea = "krc-mainArea-E0cNf";
-const messages = "krc-messages-S9aU-";
-const input = "krc-input-HAMJ3";
-const styles = {
-  root,
-  sidebar,
-  conversationList,
-  mainArea,
-  messages,
-  input
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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()];
 };
-exports.conversationList = conversationList;
-exports.default = styles;
-exports.input = input;
-exports.mainArea = mainArea;
-exports.messages = messages;
-exports.root = root;
-exports.sidebar = sidebar;
+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
+    }
+  };
+};
+exports.foldPoints = foldPoints;
 //# sourceMappingURL=index90.cjs.map

package/dist/index90.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index90.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index90.cjs","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/index90.js

@@ -1,24 +1,42 @@
-const root = "krc-root-pS02L";
-const sidebar = "krc-sidebar-n1HeR";
-const conversationList = "krc-conversationList-E8ODD";
-const mainArea = "krc-mainArea-E0cNf";
-const messages = "krc-messages-S9aU-";
-const input = "krc-input-HAMJ3";
-const styles = {
-  root,
-  sidebar,
-  conversationList,
-  mainArea,
-  messages,
-  input
+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 {
-  conversationList,
-  styles as default,
-  input,
-  mainArea,
-  messages,
-  root,
-  sidebar
+  foldPoints
 };
 //# sourceMappingURL=index90.js.map

package/dist/index90.js.map

@@ -1 +1 @@
-{"version":3,"file":"index90.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
+{"version":3,"file":"index90.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/index91.cjs

@@ -1,118 +1,95 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const constants = require("./index59.cjs");
-function groupByCategory(data, limit, order = "total") {
-  const grouped = /* @__PURE__ */ new Map();
-  for (const point of data) {
-    const key = point.category ?? "Unknown";
-    if (!grouped.has(key)) {
-      grouped.set(key, []);
-    }
-    grouped.get(key).push({
-      ts: point.ts ?? "",
-      value: point.value
-    });
+const constants = require("./index71.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 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 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]);
   }
-  const entries = order === "first-seen" ? [...grouped.entries()] : [...grouped.entries()].sort(
-    (a, b) => b[1].reduce((sum, p) => sum + p.value, 0) - a[1].reduce((sum, p) => sum + p.value, 0)
-  );
-  if (entries.length <= limit) {
-    return entries;
+  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)}`);
   }
-  const top = entries.slice(0, limit - 1);
-  const rest = entries.slice(limit - 1);
-  const otherMap = /* @__PURE__ */ new Map();
-  for (const [, points] of rest) {
-    for (const p of points) {
-      otherMap.set(p.ts, (otherMap.get(p.ts) ?? 0) + p.value);
-    }
-  }
-  const otherPoints = [...otherMap.entries()].map(([ts, value]) => ({
-    ts,
-    value
-  }));
-  return [...top, ["Other", otherPoints]];
-}
-function buildMarkAreas(annotations) {
-  return annotations.filter((a) => a.end).map((a) => [
-    {
-      name: a.label,
-      xAxis: a.start,
-      itemStyle: { color: a.color ?? "rgba(255,107,90,0.1)" }
-    },
-    { xAxis: a.end }
-  ]);
-}
-function buildMarkLines(annotations) {
-  return annotations.filter((a) => !a.end).map((a) => ({
-    name: a.label,
-    xAxis: a.start,
-    lineStyle: { color: a.color ?? constants.CHART_COLORS[0], type: "dashed" },
-    label: { formatter: a.label, position: "end" }
-  }));
-}
-function buildReferenceLines(referenceLines) {
-  return referenceLines.map((r) => ({
-    name: r.label ?? String(r.value),
-    yAxis: r.value,
-    lineStyle: {
-      color: r.color ?? constants.CHART_COLORS[0],
-      type: r.dashed === false ? "solid" : "dashed"
-    },
-    label: {
-      formatter: r.label ?? String(r.value),
-      position: "insideEndTop"
-    }
-  }));
-}
-function buildLegendSelected(seriesGroups, hiddenSeries) {
-  if (!hiddenSeries) return void 0;
-  const hidden = hiddenSeries instanceof Set ? hiddenSeries : new Set(hiddenSeries);
-  return Object.fromEntries(seriesGroups.map(([name]) => [name, !hidden.has(name)]));
-}
-function buildTemporalTrendOption(seriesGroups, config) {
-  const markAreas = buildMarkAreas(config.annotations);
-  const markLines = [
-    ...buildMarkLines(config.annotations),
-    ...buildReferenceLines(config.referenceLines)
-  ];
-  const series = seriesGroups.map(([name, points], idx) => ({
-    name,
-    type: "line",
-    ...config.stacked ? { stack: "total", areaStyle: {} } : {},
-    emphasis: { focus: "series" },
-    color: constants.CHART_COLORS[idx % constants.CHART_COLORS.length],
-    data: points.sort((a, b) => a.ts < b.ts ? -1 : 1).map((p) => [p.ts, p.value]),
-    ...idx === 0 && (markAreas.length > 0 || markLines.length > 0) ? {
-      markArea: markAreas.length > 0 ? { silent: true, data: markAreas } : void 0,
-      markLine: markLines.length > 0 ? { silent: true, symbol: "none", data: markLines } : void 0
-    } : {}
+  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 {
-    tooltip: {
-      trigger: "axis",
-      axisPointer: { type: "cross" }
-    },
-    legend: {
-      show: config.showLegend,
-      type: "scroll",
-      bottom: 0,
-      selected: buildLegendSelected(seriesGroups, config.hiddenSeries)
-    },
+    tooltip: { trigger: "item", formatter: buildTooltipFormatter(config) },
+    legend: config.showLegend ? { bottom: 0, type: "scroll" } : void 0,
     grid: {
-      left: "3%",
-      right: "4%",
-      bottom: config.showLegend ? "15%" : "3%",
+      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: "time" },
-    yAxis: { type: "value" },
+    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.buildMarkAreas = buildMarkAreas;
-exports.buildMarkLines = buildMarkLines;
-exports.buildReferenceLines = buildReferenceLines;
-exports.buildTemporalTrendOption = buildTemporalTrendOption;
-exports.groupByCategory = groupByCategory;
+};
+exports.buildScatterOption = buildScatterOption;
 //# sourceMappingURL=index91.cjs.map