@ktnpm_devops/react-component 0.14.0 → 0.16.0

package/dist/index103.cjs

@@ -1,21 +1,95 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-LQf3S";
-const item = "krc-item-Y5RvK";
-const disabled = "krc-disabled-wnQRZ";
-const focused = "krc-focused-hDoa3";
-const icon = "krc-icon-q-Jmu";
-const styles = {
-  root,
-  item,
-  disabled,
-  focused,
-  icon
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const constants = require("./index63.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
 };
-exports.default = styles;
-exports.disabled = disabled;
-exports.focused = focused;
-exports.icon = icon;
-exports.item = item;
-exports.root = root;
+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]);
+  }
+  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 {
+    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.buildScatterOption = buildScatterOption;
 //# sourceMappingURL=index103.cjs.map

package/dist/index103.cjs.map

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

@@ -1,21 +1,95 @@
-const root = "krc-root-LQf3S";
-const item = "krc-item-Y5RvK";
-const disabled = "krc-disabled-wnQRZ";
-const focused = "krc-focused-hDoa3";
-const icon = "krc-icon-q-Jmu";
-const styles = {
-  root,
-  item,
-  disabled,
-  focused,
-  icon
+import { CHART_COLORS, SCATTER } from "./index63.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 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 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 {
+    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 {
-  styles as default,
-  disabled,
-  focused,
-  icon,
-  item,
-  root
+  buildScatterOption
 };
 //# sourceMappingURL=index103.js.map

package/dist/index103.js.map

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

@@ -1,12 +1,42 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root--zhUO";
-const dot = "krc-dot-uJk1V";
+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,
-  dot
+  header,
+  title,
+  headerActions,
+  toolbar,
+  warning,
+  chartContainer,
+  loading,
+  empty,
+  error,
+  retryButton,
+  compact
 };
+exports.chartContainer = chartContainer;
+exports.compact = compact;
 exports.default = styles;
-exports.dot = dot;
+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=index104.cjs.map

package/dist/index104.cjs.map

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

package/dist/index104.js

@@ -1,12 +1,42 @@
-const root = "krc-root--zhUO";
-const dot = "krc-dot-uJk1V";
+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,
-  dot
+  header,
+  title,
+  headerActions,
+  toolbar,
+  warning,
+  chartContainer,
+  loading,
+  empty,
+  error,
+  retryButton,
+  compact
 };
 export {
+  chartContainer,
+  compact,
   styles as default,
-  dot,
-  root
+  empty,
+  error,
+  header,
+  headerActions,
+  loading,
+  retryButton,
+  root,
+  title,
+  toolbar,
+  warning
 };
 //# sourceMappingURL=index104.js.map

package/dist/index104.js.map

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

package/dist/index105.cjs

@@ -1,18 +1,118 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "krc-root-la9-1";
-const logo = "krc-logo-b73UT";
-const card = "krc-card-1ev-q";
-const footer = "krc-footer-E0B15";
-const styles = {
-  root,
-  logo,
-  card,
-  footer
-};
-exports.card = card;
-exports.default = styles;
-exports.footer = footer;
-exports.logo = logo;
-exports.root = root;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const constants = require("./index63.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 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;
+  }
+  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
+    } : {}
+  }));
+  return {
+    tooltip: {
+      trigger: "axis",
+      axisPointer: { type: "cross" }
+    },
+    legend: {
+      show: config.showLegend,
+      type: "scroll",
+      bottom: 0,
+      selected: buildLegendSelected(seriesGroups, config.hiddenSeries)
+    },
+    grid: {
+      left: "3%",
+      right: "4%",
+      bottom: config.showLegend ? "15%" : "3%",
+      containLabel: true
+    },
+    xAxis: { type: "time" },
+    yAxis: { type: "value" },
+    series
+  };
+}
+exports.buildMarkAreas = buildMarkAreas;
+exports.buildMarkLines = buildMarkLines;
+exports.buildReferenceLines = buildReferenceLines;
+exports.buildTemporalTrendOption = buildTemporalTrendOption;
+exports.groupByCategory = groupByCategory;
 //# sourceMappingURL=index105.cjs.map

package/dist/index105.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index105.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index105.cjs","sources":["../src/charts/TemporalTrendChartCard/buildChartOption.ts"],"sourcesContent":["import type {\n  ChartSeriesPoint,\n  ChartAnnotation,\n  ReferenceLine,\n} from '../../types/chart.types';\nimport type { TemporalSeriesOrder } from './TemporalTrendChartCard.types';\nimport { CHART_COLORS } from '../../constants';\n\n/** A category and its points, sorted by the active series order. */\nexport type SeriesGroup = [string, { ts: string; value: number }[]];\n\nexport interface TemporalTrendOptionConfig {\n  annotations: ChartAnnotation[];\n  referenceLines: ReferenceLine[];\n  showLegend: boolean;\n  stacked: boolean;\n  /** Series to start hidden. `undefined` leaves legend selection uncontrolled. */\n  hiddenSeries?: Set<string> | string[];\n}\n\n/** Group data points by category, returning sorted series keyed by category name. */\nexport function groupByCategory(\n  data: ChartSeriesPoint[],\n  limit: number,\n  order: TemporalSeriesOrder = 'total',\n): SeriesGroup[] {\n  const grouped = new Map<string, { ts: string; value: number }[]>();\n\n  for (const point of data) {\n    const key = point.category ?? 'Unknown';\n    if (!grouped.has(key)) {\n      grouped.set(key, []);\n    }\n    grouped.get(key)!.push({\n      ts: point.ts ?? '',\n      value: point.value,\n    });\n  }\n\n  // `first-seen` keeps the Map's insertion order, so each series keeps its\n  // colour when the data is refreshed and the totals move.\n  const entries =\n    order === 'first-seen'\n      ? [...grouped.entries()]\n      : [...grouped.entries()].sort(\n          (a, b) =>\n            b[1].reduce((sum, p) => sum + p.value, 0) -\n            a[1].reduce((sum, p) => sum + p.value, 0),\n        );\n\n  if (entries.length <= limit) {\n    return entries;\n  }\n\n  const top = entries.slice(0, limit - 1);\n  const rest = entries.slice(limit - 1);\n\n  const otherMap = new Map<string, number>();\n  for (const [, points] of rest) {\n    for (const p of points) {\n      otherMap.set(p.ts, (otherMap.get(p.ts) ?? 0) + p.value);\n    }\n  }\n\n  const otherPoints = [...otherMap.entries()].map(([ts, value]) => ({\n    ts,\n    value,\n  }));\n\n  return [...top, ['Other', otherPoints] as SeriesGroup];\n}\n\n/** Build markArea items from range annotations. */\nexport function buildMarkAreas(annotations: ChartAnnotation[]) {\n  return annotations\n    .filter((a) => a.end)\n    .map((a) => [\n      {\n        name: a.label,\n        xAxis: a.start,\n        itemStyle: { color: a.color ?? 'rgba(255,107,90,0.1)' },\n      },\n      { xAxis: a.end },\n    ]);\n}\n\n/** Build markLine items from point annotations. */\nexport function buildMarkLines(annotations: ChartAnnotation[]) {\n  return annotations\n    .filter((a) => !a.end)\n    .map((a) => ({\n      name: a.label,\n      xAxis: a.start,\n      lineStyle: { color: a.color ?? CHART_COLORS[0], type: 'dashed' as const },\n      label: { formatter: a.label, position: 'end' as const },\n    }));\n}\n\n/** Build markLine items from horizontal reference lines (KPI target, threshold). */\nexport function buildReferenceLines(referenceLines: ReferenceLine[]) {\n  return referenceLines.map((r) => ({\n    name: r.label ?? String(r.value),\n    yAxis: r.value,\n    lineStyle: {\n      color: r.color ?? CHART_COLORS[0],\n      type: r.dashed === false ? ('solid' as const) : ('dashed' as const),\n    },\n    label: {\n      formatter: r.label ?? String(r.value),\n      position: 'insideEndTop' as const,\n    },\n  }));\n}\n\n/**\n * Legend selection map. Hiding through the legend rather than filtering the\n * series array keeps every series at its own index, and so at its own colour.\n */\nfunction buildLegendSelected(\n  seriesGroups: SeriesGroup[],\n  hiddenSeries: Set<string> | string[] | undefined,\n) {\n  if (!hiddenSeries) return undefined;\n\n  const hidden = hiddenSeries instanceof Set ? hiddenSeries : new Set(hiddenSeries);\n  return Object.fromEntries(seriesGroups.map(([name]) => [name, !hidden.has(name)]));\n}\n\n/** Assemble the ECharts option for the temporal trend card. */\nexport function buildTemporalTrendOption(\n  seriesGroups: SeriesGroup[],\n  config: TemporalTrendOptionConfig,\n) {\n  const markAreas = buildMarkAreas(config.annotations);\n  const markLines = [\n    ...buildMarkLines(config.annotations),\n    ...buildReferenceLines(config.referenceLines),\n  ];\n\n  const series = seriesGroups.map(([name, points], idx) => ({\n    name,\n    type: 'line' as const,\n    ...(config.stacked ? { stack: 'total', areaStyle: {} } : {}),\n    emphasis: { focus: 'series' as const },\n    color: CHART_COLORS[idx % CHART_COLORS.length],\n    data: points\n      .sort((a, b) => (a.ts < b.ts ? -1 : 1))\n      .map((p) => [p.ts, p.value]),\n    ...(idx === 0 && (markAreas.length > 0 || markLines.length > 0)\n      ? {\n          markArea: markAreas.length > 0 ? { silent: true, data: markAreas } : undefined,\n          markLine:\n            markLines.length > 0\n              ? { silent: true, symbol: 'none', data: markLines }\n              : undefined,\n        }\n      : {}),\n  }));\n\n  return {\n    tooltip: {\n      trigger: 'axis' as const,\n      axisPointer: { type: 'cross' as const },\n    },\n    legend: {\n      show: config.showLegend,\n      type: 'scroll' as const,\n      bottom: 0,\n      selected: buildLegendSelected(seriesGroups, config.hiddenSeries),\n    },\n    grid: {\n      left: '3%',\n      right: '4%',\n      bottom: config.showLegend ? '15%' : '3%',\n      containLabel: true,\n    },\n    xAxis: { type: 'time' as const },\n    yAxis: { type: 'value' as const },\n    series,\n  };\n}\n"],"names":["CHART_COLORS"],"mappings":"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"}

package/dist/index105.js

@@ -1,18 +1,118 @@
-const root = "krc-root-la9-1";
-const logo = "krc-logo-b73UT";
-const card = "krc-card-1ev-q";
-const footer = "krc-footer-E0B15";
-const styles = {
-  root,
-  logo,
-  card,
-  footer
-};
+import { CHART_COLORS } from "./index63.js";
+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 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;
+  }
+  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 ?? 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 ?? 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: CHART_COLORS[idx % 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
+    } : {}
+  }));
+  return {
+    tooltip: {
+      trigger: "axis",
+      axisPointer: { type: "cross" }
+    },
+    legend: {
+      show: config.showLegend,
+      type: "scroll",
+      bottom: 0,
+      selected: buildLegendSelected(seriesGroups, config.hiddenSeries)
+    },
+    grid: {
+      left: "3%",
+      right: "4%",
+      bottom: config.showLegend ? "15%" : "3%",
+      containLabel: true
+    },
+    xAxis: { type: "time" },
+    yAxis: { type: "value" },
+    series
+  };
+}
 export {
-  card,
-  styles as default,
-  footer,
-  logo,
-  root
+  buildMarkAreas,
+  buildMarkLines,
+  buildReferenceLines,
+  buildTemporalTrendOption,
+  groupByCategory
 };
 //# sourceMappingURL=index105.js.map