@classic-homes/charts-core 0.4.1 → 0.4.2

package/dist/index.cjs

@@ -573,14 +573,39 @@ function generateDataTable(headers, rows) {
 }
 
 // src/utils/merge.ts
-var ALWAYS_REPLACE = ["series", "graphic"];
+var ALWAYS_REPLACE = ["graphic"];
 function countComponents(value) {
   if (value == null || value === false) return 0;
   if (Array.isArray(value)) return value.filter((item) => item != null).length;
   return 1;
 }
+function isRecord(value) {
+  return value !== null && typeof value === "object" && !Array.isArray(value);
+}
+function sameShape(a, b) {
+  if (!isRecord(a) || !isRecord(b)) return !isRecord(a) && !isRecord(b);
+  const keys = Object.keys(a).filter((key) => a[key] !== void 0);
+  const other = Object.keys(b).filter((key) => b[key] !== void 0);
+  if (keys.length !== other.length) return false;
+  return keys.every(
+    (key) => key in b && b[key] !== void 0 && (key === "type" || key === "id" ? a[key] === b[key] : sameShape(a[key], b[key]))
+  );
+}
+function asList(value) {
+  if (value == null || value === false) return [];
+  return Array.isArray(value) ? value : [value];
+}
+function sameSeriesShape(prev, next) {
+  const before = asList(prev);
+  const after = asList(next);
+  return before.length === after.length && before.every((item, i) => sameShape(item, after[i]));
+}
 function getReplaceMerge(prev, next, isComponentType) {
   const types = new Set(ALWAYS_REPLACE);
+  const prior = prev;
+  if (!prior || !sameSeriesShape(prior.series, next.series)) {
+    types.add("series");
+  }
   if (prev) {
     const before = prev;
     const after = next;

package/dist/index.d.cts

@@ -125,8 +125,12 @@ declare function generateDataTable(headers: string[], rows: (string | number)[][
  * rebuilds every component, so legend selection, dataZoom ranges and other
  * interaction state reset on each data update. Instead this replaces only:
  *
- * - `series` and `graphic`, so removed series, mark lines and centre labels
- *   disappear;
+ * - `graphic`, so removed centre labels disappear;
+ * - `series`, unless every series keeps its keys and type and only its
+ *   values change. A replaced series is a new model, which ECharts animates
+ *   in from scratch, so a data refresh with the same shape (often the same
+ *   data) must merge to avoid re-animating the chart; a changed shape is
+ *   replaced so removed series, mark lines and options disappear;
  * - any component type that `next` has fewer of than `prev` (a hidden legend
  *   or tooltip, a dropped volume grid and its axes).
  *

package/dist/index.d.ts

@@ -125,8 +125,12 @@ declare function generateDataTable(headers: string[], rows: (string | number)[][
  * rebuilds every component, so legend selection, dataZoom ranges and other
  * interaction state reset on each data update. Instead this replaces only:
  *
- * - `series` and `graphic`, so removed series, mark lines and centre labels
- *   disappear;
+ * - `graphic`, so removed centre labels disappear;
+ * - `series`, unless every series keeps its keys and type and only its
+ *   values change. A replaced series is a new model, which ECharts animates
+ *   in from scratch, so a data refresh with the same shape (often the same
+ *   data) must merge to avoid re-animating the chart; a changed shape is
+ *   replaced so removed series, mark lines and options disappear;
  * - any component type that `next` has fewer of than `prev` (a hidden legend
  *   or tooltip, a dropped volume grid and its axes).
  *

package/dist/index.js

@@ -252,14 +252,39 @@ function generateDataTable(headers, rows) {
 }
 
 // src/utils/merge.ts
-var ALWAYS_REPLACE = ["series", "graphic"];
+var ALWAYS_REPLACE = ["graphic"];
 function countComponents(value) {
   if (value == null || value === false) return 0;
   if (Array.isArray(value)) return value.filter((item) => item != null).length;
   return 1;
 }
+function isRecord(value) {
+  return value !== null && typeof value === "object" && !Array.isArray(value);
+}
+function sameShape(a, b) {
+  if (!isRecord(a) || !isRecord(b)) return !isRecord(a) && !isRecord(b);
+  const keys = Object.keys(a).filter((key) => a[key] !== void 0);
+  const other = Object.keys(b).filter((key) => b[key] !== void 0);
+  if (keys.length !== other.length) return false;
+  return keys.every(
+    (key) => key in b && b[key] !== void 0 && (key === "type" || key === "id" ? a[key] === b[key] : sameShape(a[key], b[key]))
+  );
+}
+function asList(value) {
+  if (value == null || value === false) return [];
+  return Array.isArray(value) ? value : [value];
+}
+function sameSeriesShape(prev, next) {
+  const before = asList(prev);
+  const after = asList(next);
+  return before.length === after.length && before.every((item, i) => sameShape(item, after[i]));
+}
 function getReplaceMerge(prev, next, isComponentType) {
   const types = new Set(ALWAYS_REPLACE);
+  const prior = prev;
+  if (!prior || !sameSeriesShape(prior.series, next.series)) {
+    types.add("series");
+  }
   if (prev) {
     const before = prev;
     const after = next;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@classic-homes/charts-core",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "description": "Core utilities and theme for Classic Theme charts",
   "type": "module",
   "main": "dist/index.cjs",