@opendata-ai/openchart-vanilla 8.2.1 → 8.2.3

package/dist/{chunk-N5KDVZU7.js → chunk-WG6NOQVC.js}

@@ -15,7 +15,7 @@ import {
   renderSingleMark,
   resolveMarkFill,
   stampAnimationVars
-} from "./chunk-XOZ6AM7C.js";
+} from "./chunk-2CEKMIJH.js";
 import {
   SVG_NS,
   createSVGElement,
@@ -26,6 +26,7 @@ import {
 var DEBOUNCE_MS = 16;
 function observeResize(container, callback) {
   let timeoutId = null;
+  let lastDelivered = null;
   const observer = new ResizeObserver((entries) => {
     if (timeoutId !== null) {
       clearTimeout(timeoutId);
@@ -33,6 +34,10 @@ function observeResize(container, callback) {
     timeoutId = setTimeout(() => {
       for (const entry of entries) {
         const { width, height } = entry.contentRect;
+        if (lastDelivered && lastDelivered.width === width && lastDelivered.height === height) {
+          continue;
+        }
+        lastDelivered = { width, height };
         callback(width, height);
       }
       timeoutId = null;
@@ -959,490 +964,12 @@ import { buildAreaPath as buildAreaPath2, buildLinePath as buildLinePath2, EXIT_
 // src/transition/apply.ts
 import { buildArcPath } from "@opendata-ai/openchart-engine";
 
-// ../../node_modules/.bun/d3-color@3.1.0/node_modules/d3-color/src/define.js
-function define_default(constructor, factory, prototype) {
-  constructor.prototype = factory.prototype = prototype;
-  prototype.constructor = constructor;
-}
-function extend(parent, definition) {
-  var prototype = Object.create(parent.prototype);
-  for (var key in definition) prototype[key] = definition[key];
-  return prototype;
-}
-
-// ../../node_modules/.bun/d3-color@3.1.0/node_modules/d3-color/src/color.js
-function Color() {
-}
-var darker = 0.7;
-var brighter = 1 / darker;
-var reI = "\\s*([+-]?\\d+)\\s*";
-var reN = "\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)\\s*";
-var reP = "\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)%\\s*";
-var reHex = /^#([0-9a-f]{3,8})$/;
-var reRgbInteger = new RegExp(`^rgb\\(${reI},${reI},${reI}\\)$`);
-var reRgbPercent = new RegExp(`^rgb\\(${reP},${reP},${reP}\\)$`);
-var reRgbaInteger = new RegExp(`^rgba\\(${reI},${reI},${reI},${reN}\\)$`);
-var reRgbaPercent = new RegExp(`^rgba\\(${reP},${reP},${reP},${reN}\\)$`);
-var reHslPercent = new RegExp(`^hsl\\(${reN},${reP},${reP}\\)$`);
-var reHslaPercent = new RegExp(`^hsla\\(${reN},${reP},${reP},${reN}\\)$`);
-var named = {
-  aliceblue: 15792383,
-  antiquewhite: 16444375,
-  aqua: 65535,
-  aquamarine: 8388564,
-  azure: 15794175,
-  beige: 16119260,
-  bisque: 16770244,
-  black: 0,
-  blanchedalmond: 16772045,
-  blue: 255,
-  blueviolet: 9055202,
-  brown: 10824234,
-  burlywood: 14596231,
-  cadetblue: 6266528,
-  chartreuse: 8388352,
-  chocolate: 13789470,
-  coral: 16744272,
-  cornflowerblue: 6591981,
-  cornsilk: 16775388,
-  crimson: 14423100,
-  cyan: 65535,
-  darkblue: 139,
-  darkcyan: 35723,
-  darkgoldenrod: 12092939,
-  darkgray: 11119017,
-  darkgreen: 25600,
-  darkgrey: 11119017,
-  darkkhaki: 12433259,
-  darkmagenta: 9109643,
-  darkolivegreen: 5597999,
-  darkorange: 16747520,
-  darkorchid: 10040012,
-  darkred: 9109504,
-  darksalmon: 15308410,
-  darkseagreen: 9419919,
-  darkslateblue: 4734347,
-  darkslategray: 3100495,
-  darkslategrey: 3100495,
-  darkturquoise: 52945,
-  darkviolet: 9699539,
-  deeppink: 16716947,
-  deepskyblue: 49151,
-  dimgray: 6908265,
-  dimgrey: 6908265,
-  dodgerblue: 2003199,
-  firebrick: 11674146,
-  floralwhite: 16775920,
-  forestgreen: 2263842,
-  fuchsia: 16711935,
-  gainsboro: 14474460,
-  ghostwhite: 16316671,
-  gold: 16766720,
-  goldenrod: 14329120,
-  gray: 8421504,
-  green: 32768,
-  greenyellow: 11403055,
-  grey: 8421504,
-  honeydew: 15794160,
-  hotpink: 16738740,
-  indianred: 13458524,
-  indigo: 4915330,
-  ivory: 16777200,
-  khaki: 15787660,
-  lavender: 15132410,
-  lavenderblush: 16773365,
-  lawngreen: 8190976,
-  lemonchiffon: 16775885,
-  lightblue: 11393254,
-  lightcoral: 15761536,
-  lightcyan: 14745599,
-  lightgoldenrodyellow: 16448210,
-  lightgray: 13882323,
-  lightgreen: 9498256,
-  lightgrey: 13882323,
-  lightpink: 16758465,
-  lightsalmon: 16752762,
-  lightseagreen: 2142890,
-  lightskyblue: 8900346,
-  lightslategray: 7833753,
-  lightslategrey: 7833753,
-  lightsteelblue: 11584734,
-  lightyellow: 16777184,
-  lime: 65280,
-  limegreen: 3329330,
-  linen: 16445670,
-  magenta: 16711935,
-  maroon: 8388608,
-  mediumaquamarine: 6737322,
-  mediumblue: 205,
-  mediumorchid: 12211667,
-  mediumpurple: 9662683,
-  mediumseagreen: 3978097,
-  mediumslateblue: 8087790,
-  mediumspringgreen: 64154,
-  mediumturquoise: 4772300,
-  mediumvioletred: 13047173,
-  midnightblue: 1644912,
-  mintcream: 16121850,
-  mistyrose: 16770273,
-  moccasin: 16770229,
-  navajowhite: 16768685,
-  navy: 128,
-  oldlace: 16643558,
-  olive: 8421376,
-  olivedrab: 7048739,
-  orange: 16753920,
-  orangered: 16729344,
-  orchid: 14315734,
-  palegoldenrod: 15657130,
-  palegreen: 10025880,
-  paleturquoise: 11529966,
-  palevioletred: 14381203,
-  papayawhip: 16773077,
-  peachpuff: 16767673,
-  peru: 13468991,
-  pink: 16761035,
-  plum: 14524637,
-  powderblue: 11591910,
-  purple: 8388736,
-  rebeccapurple: 6697881,
-  red: 16711680,
-  rosybrown: 12357519,
-  royalblue: 4286945,
-  saddlebrown: 9127187,
-  salmon: 16416882,
-  sandybrown: 16032864,
-  seagreen: 3050327,
-  seashell: 16774638,
-  sienna: 10506797,
-  silver: 12632256,
-  skyblue: 8900331,
-  slateblue: 6970061,
-  slategray: 7372944,
-  slategrey: 7372944,
-  snow: 16775930,
-  springgreen: 65407,
-  steelblue: 4620980,
-  tan: 13808780,
-  teal: 32896,
-  thistle: 14204888,
-  tomato: 16737095,
-  turquoise: 4251856,
-  violet: 15631086,
-  wheat: 16113331,
-  white: 16777215,
-  whitesmoke: 16119285,
-  yellow: 16776960,
-  yellowgreen: 10145074
-};
-define_default(Color, color, {
-  copy(channels) {
-    return Object.assign(new this.constructor(), this, channels);
-  },
-  displayable() {
-    return this.rgb().displayable();
-  },
-  hex: color_formatHex,
-  // Deprecated! Use color.formatHex.
-  formatHex: color_formatHex,
-  formatHex8: color_formatHex8,
-  formatHsl: color_formatHsl,
-  formatRgb: color_formatRgb,
-  toString: color_formatRgb
-});
-function color_formatHex() {
-  return this.rgb().formatHex();
-}
-function color_formatHex8() {
-  return this.rgb().formatHex8();
-}
-function color_formatHsl() {
-  return hslConvert(this).formatHsl();
-}
-function color_formatRgb() {
-  return this.rgb().formatRgb();
-}
-function color(format) {
-  var m, l;
-  format = (format + "").trim().toLowerCase();
-  return (m = reHex.exec(format)) ? (l = m[1].length, m = parseInt(m[1], 16), l === 6 ? rgbn(m) : l === 3 ? new Rgb(m >> 8 & 15 | m >> 4 & 240, m >> 4 & 15 | m & 240, (m & 15) << 4 | m & 15, 1) : l === 8 ? rgba(m >> 24 & 255, m >> 16 & 255, m >> 8 & 255, (m & 255) / 255) : l === 4 ? rgba(m >> 12 & 15 | m >> 8 & 240, m >> 8 & 15 | m >> 4 & 240, m >> 4 & 15 | m & 240, ((m & 15) << 4 | m & 15) / 255) : null) : (m = reRgbInteger.exec(format)) ? new Rgb(m[1], m[2], m[3], 1) : (m = reRgbPercent.exec(format)) ? new Rgb(m[1] * 255 / 100, m[2] * 255 / 100, m[3] * 255 / 100, 1) : (m = reRgbaInteger.exec(format)) ? rgba(m[1], m[2], m[3], m[4]) : (m = reRgbaPercent.exec(format)) ? rgba(m[1] * 255 / 100, m[2] * 255 / 100, m[3] * 255 / 100, m[4]) : (m = reHslPercent.exec(format)) ? hsla(m[1], m[2] / 100, m[3] / 100, 1) : (m = reHslaPercent.exec(format)) ? hsla(m[1], m[2] / 100, m[3] / 100, m[4]) : named.hasOwnProperty(format) ? rgbn(named[format]) : format === "transparent" ? new Rgb(NaN, NaN, NaN, 0) : null;
-}
-function rgbn(n) {
-  return new Rgb(n >> 16 & 255, n >> 8 & 255, n & 255, 1);
-}
-function rgba(r, g, b, a) {
-  if (a <= 0) r = g = b = NaN;
-  return new Rgb(r, g, b, a);
-}
-function rgbConvert(o) {
-  if (!(o instanceof Color)) o = color(o);
-  if (!o) return new Rgb();
-  o = o.rgb();
-  return new Rgb(o.r, o.g, o.b, o.opacity);
-}
-function rgb(r, g, b, opacity) {
-  return arguments.length === 1 ? rgbConvert(r) : new Rgb(r, g, b, opacity == null ? 1 : opacity);
-}
-function Rgb(r, g, b, opacity) {
-  this.r = +r;
-  this.g = +g;
-  this.b = +b;
-  this.opacity = +opacity;
-}
-define_default(Rgb, rgb, extend(Color, {
-  brighter(k) {
-    k = k == null ? brighter : Math.pow(brighter, k);
-    return new Rgb(this.r * k, this.g * k, this.b * k, this.opacity);
-  },
-  darker(k) {
-    k = k == null ? darker : Math.pow(darker, k);
-    return new Rgb(this.r * k, this.g * k, this.b * k, this.opacity);
-  },
-  rgb() {
-    return this;
-  },
-  clamp() {
-    return new Rgb(clampi(this.r), clampi(this.g), clampi(this.b), clampa(this.opacity));
-  },
-  displayable() {
-    return -0.5 <= this.r && this.r < 255.5 && (-0.5 <= this.g && this.g < 255.5) && (-0.5 <= this.b && this.b < 255.5) && (0 <= this.opacity && this.opacity <= 1);
-  },
-  hex: rgb_formatHex,
-  // Deprecated! Use color.formatHex.
-  formatHex: rgb_formatHex,
-  formatHex8: rgb_formatHex8,
-  formatRgb: rgb_formatRgb,
-  toString: rgb_formatRgb
-}));
-function rgb_formatHex() {
-  return `#${hex(this.r)}${hex(this.g)}${hex(this.b)}`;
-}
-function rgb_formatHex8() {
-  return `#${hex(this.r)}${hex(this.g)}${hex(this.b)}${hex((isNaN(this.opacity) ? 1 : this.opacity) * 255)}`;
-}
-function rgb_formatRgb() {
-  const a = clampa(this.opacity);
-  return `${a === 1 ? "rgb(" : "rgba("}${clampi(this.r)}, ${clampi(this.g)}, ${clampi(this.b)}${a === 1 ? ")" : `, ${a})`}`;
-}
-function clampa(opacity) {
-  return isNaN(opacity) ? 1 : Math.max(0, Math.min(1, opacity));
-}
-function clampi(value) {
-  return Math.max(0, Math.min(255, Math.round(value) || 0));
-}
-function hex(value) {
-  value = clampi(value);
-  return (value < 16 ? "0" : "") + value.toString(16);
-}
-function hsla(h, s, l, a) {
-  if (a <= 0) h = s = l = NaN;
-  else if (l <= 0 || l >= 1) h = s = NaN;
-  else if (s <= 0) h = NaN;
-  return new Hsl(h, s, l, a);
-}
-function hslConvert(o) {
-  if (o instanceof Hsl) return new Hsl(o.h, o.s, o.l, o.opacity);
-  if (!(o instanceof Color)) o = color(o);
-  if (!o) return new Hsl();
-  if (o instanceof Hsl) return o;
-  o = o.rgb();
-  var r = o.r / 255, g = o.g / 255, b = o.b / 255, min = Math.min(r, g, b), max = Math.max(r, g, b), h = NaN, s = max - min, l = (max + min) / 2;
-  if (s) {
-    if (r === max) h = (g - b) / s + (g < b) * 6;
-    else if (g === max) h = (b - r) / s + 2;
-    else h = (r - g) / s + 4;
-    s /= l < 0.5 ? max + min : 2 - max - min;
-    h *= 60;
-  } else {
-    s = l > 0 && l < 1 ? 0 : h;
-  }
-  return new Hsl(h, s, l, o.opacity);
-}
-function hsl(h, s, l, opacity) {
-  return arguments.length === 1 ? hslConvert(h) : new Hsl(h, s, l, opacity == null ? 1 : opacity);
-}
-function Hsl(h, s, l, opacity) {
-  this.h = +h;
-  this.s = +s;
-  this.l = +l;
-  this.opacity = +opacity;
-}
-define_default(Hsl, hsl, extend(Color, {
-  brighter(k) {
-    k = k == null ? brighter : Math.pow(brighter, k);
-    return new Hsl(this.h, this.s, this.l * k, this.opacity);
-  },
-  darker(k) {
-    k = k == null ? darker : Math.pow(darker, k);
-    return new Hsl(this.h, this.s, this.l * k, this.opacity);
-  },
-  rgb() {
-    var h = this.h % 360 + (this.h < 0) * 360, s = isNaN(h) || isNaN(this.s) ? 0 : this.s, l = this.l, m2 = l + (l < 0.5 ? l : 1 - l) * s, m1 = 2 * l - m2;
-    return new Rgb(
-      hsl2rgb(h >= 240 ? h - 240 : h + 120, m1, m2),
-      hsl2rgb(h, m1, m2),
-      hsl2rgb(h < 120 ? h + 240 : h - 120, m1, m2),
-      this.opacity
-    );
-  },
-  clamp() {
-    return new Hsl(clamph(this.h), clampt(this.s), clampt(this.l), clampa(this.opacity));
-  },
-  displayable() {
-    return (0 <= this.s && this.s <= 1 || isNaN(this.s)) && (0 <= this.l && this.l <= 1) && (0 <= this.opacity && this.opacity <= 1);
-  },
-  formatHsl() {
-    const a = clampa(this.opacity);
-    return `${a === 1 ? "hsl(" : "hsla("}${clamph(this.h)}, ${clampt(this.s) * 100}%, ${clampt(this.l) * 100}%${a === 1 ? ")" : `, ${a})`}`;
-  }
-}));
-function clamph(value) {
-  value = (value || 0) % 360;
-  return value < 0 ? value + 360 : value;
-}
-function clampt(value) {
-  return Math.max(0, Math.min(1, value || 0));
-}
-function hsl2rgb(h, m1, m2) {
-  return (h < 60 ? m1 + (m2 - m1) * h / 60 : h < 180 ? m2 : h < 240 ? m1 + (m2 - m1) * (240 - h) / 60 : m1) * 255;
-}
-
-// ../../node_modules/.bun/d3-interpolate@3.0.1/node_modules/d3-interpolate/src/basis.js
-function basis(t1, v0, v1, v2, v3) {
-  var t2 = t1 * t1, t3 = t2 * t1;
-  return ((1 - 3 * t1 + 3 * t2 - t3) * v0 + (4 - 6 * t2 + 3 * t3) * v1 + (1 + 3 * t1 + 3 * t2 - 3 * t3) * v2 + t3 * v3) / 6;
-}
-function basis_default(values) {
-  var n = values.length - 1;
-  return function(t) {
-    var i = t <= 0 ? t = 0 : t >= 1 ? (t = 1, n - 1) : Math.floor(t * n), v1 = values[i], v2 = values[i + 1], v0 = i > 0 ? values[i - 1] : 2 * v1 - v2, v3 = i < n - 1 ? values[i + 2] : 2 * v2 - v1;
-    return basis((t - i / n) * n, v0, v1, v2, v3);
-  };
-}
-
-// ../../node_modules/.bun/d3-interpolate@3.0.1/node_modules/d3-interpolate/src/basisClosed.js
-function basisClosed_default(values) {
-  var n = values.length;
-  return function(t) {
-    var i = Math.floor(((t %= 1) < 0 ? ++t : t) * n), v0 = values[(i + n - 1) % n], v1 = values[i % n], v2 = values[(i + 1) % n], v3 = values[(i + 2) % n];
-    return basis((t - i / n) * n, v0, v1, v2, v3);
-  };
-}
-
-// ../../node_modules/.bun/d3-interpolate@3.0.1/node_modules/d3-interpolate/src/constant.js
-var constant_default = (x) => () => x;
-
-// ../../node_modules/.bun/d3-interpolate@3.0.1/node_modules/d3-interpolate/src/color.js
-function linear2(a, d) {
-  return function(t) {
-    return a + t * d;
-  };
-}
-function exponential(a, b, y) {
-  return a = Math.pow(a, y), b = Math.pow(b, y) - a, y = 1 / y, function(t) {
-    return Math.pow(a + t * b, y);
-  };
-}
-function gamma(y) {
-  return (y = +y) === 1 ? nogamma : function(a, b) {
-    return b - a ? exponential(a, b, y) : constant_default(isNaN(a) ? b : a);
-  };
-}
-function nogamma(a, b) {
-  var d = b - a;
-  return d ? linear2(a, d) : constant_default(isNaN(a) ? b : a);
-}
-
-// ../../node_modules/.bun/d3-interpolate@3.0.1/node_modules/d3-interpolate/src/rgb.js
-var rgb_default = (function rgbGamma(y) {
-  var color2 = gamma(y);
-  function rgb2(start, end) {
-    var r = color2((start = rgb(start)).r, (end = rgb(end)).r), g = color2(start.g, end.g), b = color2(start.b, end.b), opacity = nogamma(start.opacity, end.opacity);
-    return function(t) {
-      start.r = r(t);
-      start.g = g(t);
-      start.b = b(t);
-      start.opacity = opacity(t);
-      return start + "";
-    };
-  }
-  rgb2.gamma = rgbGamma;
-  return rgb2;
-})(1);
-function rgbSpline(spline) {
-  return function(colors) {
-    var n = colors.length, r = new Array(n), g = new Array(n), b = new Array(n), i, color2;
-    for (i = 0; i < n; ++i) {
-      color2 = rgb(colors[i]);
-      r[i] = color2.r || 0;
-      g[i] = color2.g || 0;
-      b[i] = color2.b || 0;
-    }
-    r = spline(r);
-    g = spline(g);
-    b = spline(b);
-    color2.opacity = 1;
-    return function(t) {
-      color2.r = r(t);
-      color2.g = g(t);
-      color2.b = b(t);
-      return color2 + "";
-    };
-  };
-}
-var rgbBasis = rgbSpline(basis_default);
-var rgbBasisClosed = rgbSpline(basisClosed_default);
-
-// ../../node_modules/.bun/d3-interpolate@3.0.1/node_modules/d3-interpolate/src/zoom.js
-var epsilon2 = 1e-12;
-function cosh(x) {
-  return ((x = Math.exp(x)) + 1 / x) / 2;
-}
-function sinh(x) {
-  return ((x = Math.exp(x)) - 1 / x) / 2;
-}
-function tanh(x) {
-  return ((x = Math.exp(2 * x)) - 1) / (x + 1);
-}
-var zoom_default = (function zoomRho(rho, rho2, rho4) {
-  function zoom(p0, p1) {
-    var ux0 = p0[0], uy0 = p0[1], w0 = p0[2], ux1 = p1[0], uy1 = p1[1], w1 = p1[2], dx = ux1 - ux0, dy = uy1 - uy0, d2 = dx * dx + dy * dy, i, S;
-    if (d2 < epsilon2) {
-      S = Math.log(w1 / w0) / rho;
-      i = function(t) {
-        return [
-          ux0 + t * dx,
-          uy0 + t * dy,
-          w0 * Math.exp(rho * t * S)
-        ];
-      };
-    } else {
-      var d1 = Math.sqrt(d2), b0 = (w1 * w1 - w0 * w0 + rho4 * d2) / (2 * w0 * rho2 * d1), b1 = (w1 * w1 - w0 * w0 - rho4 * d2) / (2 * w1 * rho2 * d1), r0 = Math.log(Math.sqrt(b0 * b0 + 1) - b0), r1 = Math.log(Math.sqrt(b1 * b1 + 1) - b1);
-      S = (r1 - r0) / rho;
-      i = function(t) {
-        var s = t * S, coshr0 = cosh(r0), u = w0 / (rho2 * d1) * (coshr0 * tanh(rho * s + r0) - sinh(r0));
-        return [
-          ux0 + u * dx,
-          uy0 + u * dy,
-          w0 * coshr0 / cosh(rho * s + r0)
-        ];
-      };
-    }
-    i.duration = S * 1e3 * rho / Math.SQRT2;
-    return i;
-  }
-  zoom.rho = function(_) {
-    var _1 = Math.max(1e-3, +_), _2 = _1 * _1, _4 = _2 * _2;
-    return zoomRho(_1, _2, _4);
-  };
-  return zoom;
-})(Math.SQRT2, 2, 4);
-
 // src/transition/canvas-tweens.ts
 import { serializeKeyValue as serializeKeyValue2 } from "@opendata-ai/openchart-engine";
 
 // src/transition/chrome-tweens.ts
 import { serializeKeyValue } from "@opendata-ai/openchart-engine";
+import { interpolateRgb } from "d3-interpolate";
 function markShapeElement(el, attr) {
   if (el.tagName === "circle" || el.tagName === "rect" || el.tagName === "path") return el;
   if (attr === "stroke") {
@@ -1476,7 +1003,8 @@ function buildColorTweens(prevLayout, nextLayout, dom, tweens) {
         el: markShapeElement(group, attr),
         attr,
         from,
-        to
+        to,
+        interpolator: interpolateRgb(from, to)
       });
     }
   }
@@ -1524,9 +1052,13 @@ function buildAxisTweens(svg, prevLayout, nextLayout, tweens, ghosts) {
 }
 function computeGridlineDeltas(prevAxis, nextAxis) {
   const byValue = (axis) => {
+    const glByPosition = /* @__PURE__ */ new Map();
+    for (const g of axis.gridlines) {
+      if (!glByPosition.has(g.position)) glByPosition.set(g.position, g);
+    }
     const map = /* @__PURE__ */ new Map();
     for (const tick of axis.ticks) {
-      const matching = axis.gridlines.find((g) => g.position === tick.position);
+      const matching = glByPosition.get(tick.position);
       if (matching) map.set(serializeKeyValue(tick.value), matching.position);
     }
     return map;
@@ -1581,9 +1113,14 @@ function buildSingleAxisTweens(svg, prevAxis, nextAxis, orientation, layout, twe
       });
     }
   }
+  const prevTickByKey = /* @__PURE__ */ new Map();
+  for (const t of prevAxis.ticks) {
+    const k = serializeKeyValue(t.value);
+    if (!prevTickByKey.has(k)) prevTickByKey.set(k, t);
+  }
   for (const [key, prevPos] of prevTickMap) {
     if (nextTickMap.has(key)) continue;
-    const prevTick = prevAxis.ticks.find((t) => serializeKeyValue(t.value) === key);
+    const prevTick = prevTickByKey.get(key);
     if (!prevTick) continue;
     const ghost = document.createElementNS("http://www.w3.org/2000/svg", "text");
     ghost.setAttribute("class", "oc-axis-tick oc-ghost");
@@ -1893,13 +1430,25 @@ import { buildAreaPath, buildLinePath } from "@opendata-ai/openchart-engine";
 function geomFromMark(m) {
   return { x: m.x, y: m.y, width: m.width, height: m.height };
 }
-function applyGeomToElement(el, geom, mark) {
-  const shapeEl = el.querySelector("rect, path");
+function resolveRectShapeElement(el) {
+  return el.querySelector("rect, path");
+}
+function applyGeomToElement(el, geom, mark, cachedShapeEl, scratch) {
+  const shapeEl = cachedShapeEl !== void 0 ? cachedShapeEl : resolveRectShapeElement(el);
   if (!shapeEl) return;
   const sides = mark.cornerRadiusSides;
   const partialCorners = !!sides && (!sides.tl || !sides.tr || !sides.br || !sides.bl) && !!mark.cornerRadius;
   if (partialCorners && shapeEl.tagName === "path") {
-    const tempMark = { ...mark, ...geom };
+    let tempMark;
+    if (scratch) {
+      scratch.x = geom.x;
+      scratch.y = geom.y;
+      scratch.width = geom.width;
+      scratch.height = geom.height;
+      tempMark = scratch;
+    } else {
+      tempMark = { ...mark, ...geom };
+    }
     shapeEl.setAttribute("d", rectPathWithCorners(tempMark, sides));
   } else {
     shapeEl.setAttribute("x", String(geom.x));
@@ -2097,26 +1646,38 @@ function findRemovalPosition(key, merged, mergedIndex, prevByKey, nextByKey, pre
   }
   return prevPt;
 }
-function interpolatePoints(fromPts, toPts, t) {
+function interpolatePoints(fromPts, toPts, t, out) {
   const len = Math.min(fromPts.length, toPts.length);
-  const result = new Array(len);
+  const result = out ?? new Array(len);
   for (let i = 0; i < len; i++) {
-    result[i] = lerpPoint(fromPts[i], toPts[i], t);
+    const from = fromPts[i];
+    const to = toPts[i];
+    const existing = result[i];
+    if (existing) {
+      existing.x = from.x + (to.x - from.x) * t;
+      existing.y = from.y + (to.y - from.y) * t;
+    } else {
+      result[i] = lerpPoint(from, to, t);
+    }
   }
+  if (result.length !== len) result.length = len;
   return result;
 }
-function applyLinePath(el, points, interpolate) {
-  const pathEl = el.querySelector("path");
+function applyLinePath(el, points, interpolate, cachedPathEl) {
+  const pathEl = cachedPathEl !== void 0 ? cachedPathEl : el.querySelector("path");
   if (!pathEl) return;
   pathEl.setAttribute("d", buildLinePath(points, interpolate));
 }
-function applyAreaPaths(el, topPoints, bottomPoints, interpolate, hasStroke) {
-  const paths = el.querySelectorAll("path");
-  if (paths[0]) {
-    paths[0].setAttribute("d", buildAreaPath(topPoints, bottomPoints, interpolate));
+function applyAreaPaths(el, topPoints, bottomPoints, interpolate, hasStroke, cachedFillPathEl, cachedTopPathEl) {
+  const fillPathEl = cachedFillPathEl !== void 0 ? cachedFillPathEl : el.querySelectorAll("path")[0] ?? null;
+  if (fillPathEl) {
+    fillPathEl.setAttribute("d", buildAreaPath(topPoints, bottomPoints, interpolate));
   }
-  if (hasStroke && paths[1]) {
-    paths[1].setAttribute("d", buildLinePath(topPoints, interpolate));
+  if (hasStroke) {
+    const topPathEl = cachedTopPathEl !== void 0 ? cachedTopPathEl : el.querySelectorAll("path")[1] ?? null;
+    if (topPathEl) {
+      topPathEl.setAttribute("d", buildLinePath(topPoints, interpolate));
+    }
   }
 }
 function applyFinalLinePath(el, mark) {
@@ -2161,6 +1722,9 @@ function getKeyForTween(tw) {
 function resolveLineElement(el) {
   return el.tagName === "line" ? el : el.querySelector("line") ?? el;
 }
+function resolveTweenLineElement(tw) {
+  return tw.lineEl ?? resolveLineElement(tw.el);
+}
 function applyTweenState(tw, elapsed, update, exit, enterDelay, enterDuration) {
   if (tw.tweenType === "canvasPoints") {
     applyCanvasPointsState(tw, elapsed, update, exit, enterDelay, enterDuration);
@@ -2186,18 +1750,26 @@ function applyTweenState(tw, elapsed, update, exit, enterDelay, enterDuration) {
   switch (tw.tweenType) {
     case "rect": {
       const geom = lerpGeom(tw.from, tw.to, eased);
-      applyGeomToElement(tw.el, geom, tw.mark);
+      applyGeomToElement(tw.el, geom, tw.mark, tw.shapeEl, tw.cornerScratch);
       break;
     }
     case "line": {
-      const pts = interpolatePoints(tw.fromPts, tw.toPts, eased);
-      applyLinePath(tw.el, pts, tw.interpolate);
+      tw.ptsBuffer = interpolatePoints(tw.fromPts, tw.toPts, eased, tw.ptsBuffer);
+      applyLinePath(tw.el, tw.ptsBuffer, tw.interpolate, tw.pathEl);
       break;
     }
     case "area": {
-      const top = interpolatePoints(tw.fromTop, tw.toTop, eased);
-      const bottom = interpolatePoints(tw.fromBottom, tw.toBottom, eased);
-      applyAreaPaths(tw.el, top, bottom, tw.interpolate, tw.hasStroke);
+      tw.topBuffer = interpolatePoints(tw.fromTop, tw.toTop, eased, tw.topBuffer);
+      tw.bottomBuffer = interpolatePoints(tw.fromBottom, tw.toBottom, eased, tw.bottomBuffer);
+      applyAreaPaths(
+        tw.el,
+        tw.topBuffer,
+        tw.bottomBuffer,
+        tw.interpolate,
+        tw.hasStroke,
+        tw.fillPathEl,
+        tw.topPathEl
+      );
       break;
     }
     case "arc": {
@@ -2217,7 +1789,7 @@ function applyTweenState(tw, elapsed, update, exit, enterDelay, enterDuration) {
     }
     case "rule":
     case "tick": {
-      const lineEl = resolveLineElement(tw.el);
+      const lineEl = resolveTweenLineElement(tw);
       lineEl.setAttribute("x1", String(tw.fromX1 + (tw.toX1 - tw.fromX1) * eased));
       lineEl.setAttribute("y1", String(tw.fromY1 + (tw.toY1 - tw.fromY1) * eased));
       lineEl.setAttribute("x2", String(tw.fromX2 + (tw.toX2 - tw.fromX2) * eased));
@@ -2255,7 +1827,7 @@ function applyTweenState(tw, elapsed, update, exit, enterDelay, enterDuration) {
       break;
     }
     case "color": {
-      tw.el.setAttribute(tw.attr, rgb_default(tw.from, tw.to)(eased));
+      tw.el.setAttribute(tw.attr, tw.interpolator(eased));
       break;
     }
     case "annotation": {
@@ -2283,13 +1855,21 @@ function snapTweenToFinal(tw) {
   }
   switch (tw.tweenType) {
     case "rect":
-      applyGeomToElement(tw.el, tw.to, tw.mark);
+      applyGeomToElement(tw.el, tw.to, tw.mark, tw.shapeEl, tw.cornerScratch);
       break;
     case "line":
-      applyLinePath(tw.el, tw.toPts, tw.interpolate);
+      applyLinePath(tw.el, tw.toPts, tw.interpolate, tw.pathEl);
       break;
     case "area":
-      applyAreaPaths(tw.el, tw.toTop, tw.toBottom, tw.interpolate, tw.hasStroke);
+      applyAreaPaths(
+        tw.el,
+        tw.toTop,
+        tw.toBottom,
+        tw.interpolate,
+        tw.hasStroke,
+        tw.fillPathEl,
+        tw.topPathEl
+      );
       break;
     case "arc": {
       const pathEl = tw.el.tagName === "path" ? tw.el : tw.el.querySelector("path");
@@ -2306,7 +1886,7 @@ function snapTweenToFinal(tw) {
       break;
     case "rule":
     case "tick": {
-      const lineEl = resolveLineElement(tw.el);
+      const lineEl = resolveTweenLineElement(tw);
       lineEl.setAttribute("x1", String(tw.toX1));
       lineEl.setAttribute("y1", String(tw.toY1));
       lineEl.setAttribute("x2", String(tw.toX2));
@@ -2378,6 +1958,21 @@ function buildMarkDomIndex(marksContainer) {
 }
 
 // src/transition/svg-tweens.ts
+function buildCornerScratch(mark) {
+  const sides = mark.cornerRadiusSides;
+  const partialCorners = !!sides && (!sides.tl || !sides.tr || !sides.br || !sides.bl) && !!mark.cornerRadius;
+  return partialCorners ? { ...mark } : void 0;
+}
+function resolveLinePathEl(el) {
+  return el.querySelector("path");
+}
+function resolveAreaPathEls(el) {
+  const paths = el.querySelectorAll("path");
+  return {
+    fillPathEl: paths[0] ?? null,
+    topPathEl: paths[1] ?? null
+  };
+}
 function resolveGhostGradientFill(mark, ghostGradientMap) {
   if (!mark.fill || typeof mark.fill === "string" || ghostGradientMap.size === 0) return mark;
   const resolved = resolveMarkFill(mark.fill, ghostGradientMap);
@@ -2410,7 +2005,9 @@ function buildRectTweens(prevLayout, nextLayout, marksContainer, dom, tweens, gh
       el,
       from: fromGeom,
       to: geomFromMark(next),
-      mark: next
+      mark: next,
+      shapeEl: resolveRectShapeElement(el),
+      cornerScratch: buildCornerScratch(next)
     });
   }
   for (const [key, next] of nextByKey) {
@@ -2429,7 +2026,9 @@ function buildRectTweens(prevLayout, nextLayout, marksContainer, dom, tweens, gh
       el,
       from: fromGeom,
       to: geomFromMark(next),
-      mark: next
+      mark: next,
+      shapeEl: resolveRectShapeElement(el),
+      cornerScratch: buildCornerScratch(next)
     });
   }
   for (const [key, prev] of prevByKey) {
@@ -2456,6 +2055,8 @@ function buildRectTweens(prevLayout, nextLayout, marksContainer, dom, tweens, gh
       from: geomFromMark(prev),
       to: toGeom,
       mark: prev,
+      shapeEl: resolveRectShapeElement(ghost),
+      cornerScratch: buildCornerScratch(prev),
       ghost,
       fromOpacity: 1,
       toOpacity: 0
@@ -2500,7 +2101,8 @@ function buildLineTweens(prevLayout, nextLayout, marksContainer, dom, tweens, gh
         interpolate: next.interpolate,
         ghost,
         fromOpacity: 1,
-        toOpacity: 0
+        toOpacity: 0,
+        pathEl: ghostPath
       });
       tweens.push({
         tweenType: "line",
@@ -2511,7 +2113,8 @@ function buildLineTweens(prevLayout, nextLayout, marksContainer, dom, tweens, gh
         finalPoints: next.points,
         interpolate: next.interpolate,
         fromOpacity: 0,
-        toOpacity: 1
+        toOpacity: 1,
+        pathEl: resolveLinePathEl(el)
       });
       continue;
     }
@@ -2538,7 +2141,8 @@ function buildLineTweens(prevLayout, nextLayout, marksContainer, dom, tweens, gh
           interpolate: prev.interpolate,
           ghost,
           fromOpacity: 1,
-          toOpacity: 0
+          toOpacity: 0,
+          pathEl: resolveLinePathEl(ghost)
         });
       }
       tweens.push({
@@ -2550,7 +2154,8 @@ function buildLineTweens(prevLayout, nextLayout, marksContainer, dom, tweens, gh
         finalPoints: next.points,
         interpolate: next.interpolate,
         fromOpacity: 0,
-        toOpacity: 1
+        toOpacity: 1,
+        pathEl: resolveLinePathEl(el)
       });
     } else {
       const [fromPts, toPts] = normalizePointArrays(prev.points, next.points, prevPKs, nextPKs);
@@ -2561,7 +2166,8 @@ function buildLineTweens(prevLayout, nextLayout, marksContainer, dom, tweens, gh
         fromPts,
         toPts,
         finalPoints: next.points,
-        interpolate: next.interpolate
+        interpolate: next.interpolate,
+        pathEl: resolveLinePathEl(el)
       });
     }
   }
@@ -2578,7 +2184,8 @@ function buildLineTweens(prevLayout, nextLayout, marksContainer, dom, tweens, gh
       finalPoints: next.points,
       interpolate: next.interpolate,
       fromOpacity: 0,
-      toOpacity: 1
+      toOpacity: 1,
+      pathEl: resolveLinePathEl(el)
     });
   }
   for (const [key, prev] of prevByKey) {
@@ -2600,6 +2207,7 @@ function buildLineTweens(prevLayout, nextLayout, marksContainer, dom, tweens, gh
       finalPoints: prev.points,
       interpolate: prev.interpolate,
       ghost,
+      pathEl: resolveLinePathEl(ghost),
       fromOpacity: 1,
       toOpacity: 0
     });
@@ -2647,8 +2255,11 @@ function buildAreaTweens(prevLayout, nextLayout, marksContainer, dom, tweens, gh
         hasStroke: !!next.stroke && !!next.topPath,
         ghost,
         fromOpacity: 1,
-        toOpacity: 0
+        toOpacity: 0,
+        fillPathEl: ghostPaths[0] ?? null,
+        topPathEl: ghostPaths[1] ?? null
       });
+      const enterPaths = resolveAreaPathEls(el);
       tweens.push({
         tweenType: "area",
         kind: "enter",
@@ -2662,7 +2273,9 @@ function buildAreaTweens(prevLayout, nextLayout, marksContainer, dom, tweens, gh
         interpolate: next.interpolate,
         hasStroke: !!next.stroke && !!next.topPath,
         fromOpacity: 0,
-        toOpacity: 1
+        toOpacity: 1,
+        fillPathEl: enterPaths.fillPathEl,
+        topPathEl: enterPaths.topPathEl
       });
       continue;
     }
@@ -2693,7 +2306,8 @@ function buildAreaTweens(prevLayout, nextLayout, marksContainer, dom, tweens, gh
           hasStroke: !!prev.stroke && !!prev.topPath,
           ghost,
           fromOpacity: 1,
-          toOpacity: 0
+          toOpacity: 0,
+          ...resolveAreaPathEls(ghost)
         });
       }
       tweens.push({
@@ -2709,7 +2323,8 @@ function buildAreaTweens(prevLayout, nextLayout, marksContainer, dom, tweens, gh
         interpolate: next.interpolate,
         hasStroke: !!next.stroke && !!next.topPath,
         fromOpacity: 0,
-        toOpacity: 1
+        toOpacity: 1,
+        ...resolveAreaPathEls(el)
       });
     } else {
       const [fromTop, toTop] = normalizePointArrays(
@@ -2735,7 +2350,8 @@ function buildAreaTweens(prevLayout, nextLayout, marksContainer, dom, tweens, gh
         finalTopPoints: next.topPoints,
         finalBottomPoints: next.bottomPoints,
         interpolate: next.interpolate,
-        hasStroke: !!next.stroke && !!next.topPath
+        hasStroke: !!next.stroke && !!next.topPath,
+        ...resolveAreaPathEls(el)
       });
     }
   }
@@ -2756,7 +2372,8 @@ function buildAreaTweens(prevLayout, nextLayout, marksContainer, dom, tweens, gh
       interpolate: next.interpolate,
       hasStroke: !!next.stroke && !!next.topPath,
       fromOpacity: 0,
-      toOpacity: 1
+      toOpacity: 1,
+      ...resolveAreaPathEls(el)
     });
   }
   for (const [key, prev] of prevByKey) {
@@ -2784,7 +2401,8 @@ function buildAreaTweens(prevLayout, nextLayout, marksContainer, dom, tweens, gh
       hasStroke: !!prev.stroke && !!prev.topPath,
       ghost,
       fromOpacity: 1,
-      toOpacity: 0
+      toOpacity: 0,
+      ...resolveAreaPathEls(ghost)
     });
   }
 }
@@ -3004,7 +2622,8 @@ function buildRuleTweens(prevLayout, nextLayout, marksContainer, dom, tweens, gh
       toX1: next.x1,
       toY1: next.y1,
       toX2: next.x2,
-      toY2: next.y2
+      toY2: next.y2,
+      lineEl: resolveLineElement(el)
     });
   }
   for (const [key, next] of nextByKey) {
@@ -3024,7 +2643,8 @@ function buildRuleTweens(prevLayout, nextLayout, marksContainer, dom, tweens, gh
       toX2: next.x2,
       toY2: next.y2,
       fromOpacity: 0,
-      toOpacity: 1
+      toOpacity: 1,
+      lineEl: resolveLineElement(el)
     });
   }
   for (const [key, prev] of prevByKey) {
@@ -3051,7 +2671,8 @@ function buildRuleTweens(prevLayout, nextLayout, marksContainer, dom, tweens, gh
       toY2: prev.y2,
       ghost,
       fromOpacity: 1,
-      toOpacity: 0
+      toOpacity: 0,
+      lineEl: resolveLineElement(ghost)
     });
   }
 }
@@ -3095,7 +2716,8 @@ function buildTickTweens(prevLayout, nextLayout, marksContainer, dom, tweens, gh
       toX1: nEnd.x1,
       toY1: nEnd.y1,
       toX2: nEnd.x2,
-      toY2: nEnd.y2
+      toY2: nEnd.y2,
+      lineEl: resolveLineElement(el)
     });
   }
   for (const [key, next] of nextByKey) {
@@ -3116,7 +2738,8 @@ function buildTickTweens(prevLayout, nextLayout, marksContainer, dom, tweens, gh
       toX2: nEnd.x2,
       toY2: nEnd.y2,
       fromOpacity: 0,
-      toOpacity: 1
+      toOpacity: 1,
+      lineEl: resolveLineElement(el)
     });
   }
   for (const [key, prev] of prevByKey) {
@@ -3144,7 +2767,8 @@ function buildTickTweens(prevLayout, nextLayout, marksContainer, dom, tweens, gh
       toY2: pEnd.y2,
       ghost,
       fromOpacity: 1,
-      toOpacity: 0
+      toOpacity: 0,
+      lineEl: resolveLineElement(ghost)
     });
   }
 }
@@ -3577,7 +3201,7 @@ function createYouDrawIt(options) {
   let svgEl = null;
   const guessByX = /* @__PURE__ */ new Map();
   let cleanupPointerEvents = null;
-  function buildHatchPattern(id, color2) {
+  function buildHatchPattern(id, color) {
     const pattern = document.createElementNS(SVG_NS, "pattern");
     pattern.setAttribute("id", id);
     pattern.setAttribute("patternUnits", "userSpaceOnUse");
@@ -3585,7 +3209,7 @@ function createYouDrawIt(options) {
     pattern.setAttribute("height", "8");
     pattern.setAttribute("patternTransform", "rotate(45)");
     const line = document.createElementNS(SVG_NS, "line");
-    setAttrs(line, { x1: 0, y1: 0, x2: 0, y2: 8, stroke: color2, "stroke-width": 1 });
+    setAttrs(line, { x1: 0, y1: 0, x2: 0, y2: 8, stroke: color, "stroke-width": 1 });
     line.setAttribute("stroke-opacity", "0.5");
     pattern.appendChild(line);
     return pattern;
@@ -4066,12 +3690,12 @@ function collectSeriesGroups(layout) {
       const key = mark.seriesKey ?? "__default__";
       const existingType = markTypeByKey.get(key);
       if (existingType === "line" && mark.type === "area") continue;
-      const color2 = mark.type === "line" ? mark.stroke : getRepresentativeColor(mark.fill);
+      const color = mark.type === "line" ? mark.stroke : getRepresentativeColor(mark.fill);
       const pointsByX = /* @__PURE__ */ new Map();
       for (const dp of mark.dataPoints) {
         pointsByX.set(snapKey(dp.x), { ...dp });
       }
-      byKey.set(key, { seriesKey: key, color: color2, pointsByX });
+      byKey.set(key, { seriesKey: key, color, pointsByX });
       markTypeByKey.set(key, mark.type);
     }
   }
@@ -4109,7 +3733,9 @@ function buildSliceTooltip(hits) {
     const tip = point.tooltip;
     if (!tip) continue;
     if (isMulti) {
-      const yField = tip.fields.find((f) => !f.color && f.label !== title) ?? tip.fields[tip.fields.length - 1] ?? null;
+      const yField = tip.fields.find(
+        (f) => !f.color && f.label !== title && f.value !== title && f.value !== group.seriesKey
+      ) ?? tip.fields[tip.fields.length - 1] ?? null;
       if (!yField) continue;
       fields.push({
         label: group.seriesKey,
@@ -5520,302 +5146,8 @@ var AnimationScheduler = class {
   }
 };
 
-// ../../node_modules/.bun/d3-quadtree@3.0.1/node_modules/d3-quadtree/src/add.js
-function add_default(d) {
-  const x = +this._x.call(null, d), y = +this._y.call(null, d);
-  return add(this.cover(x, y), x, y, d);
-}
-function add(tree, x, y, d) {
-  if (isNaN(x) || isNaN(y)) return tree;
-  var parent, node = tree._root, leaf = { data: d }, x0 = tree._x0, y0 = tree._y0, x1 = tree._x1, y1 = tree._y1, xm, ym, xp, yp, right, bottom, i, j;
-  if (!node) return tree._root = leaf, tree;
-  while (node.length) {
-    if (right = x >= (xm = (x0 + x1) / 2)) x0 = xm;
-    else x1 = xm;
-    if (bottom = y >= (ym = (y0 + y1) / 2)) y0 = ym;
-    else y1 = ym;
-    if (parent = node, !(node = node[i = bottom << 1 | right])) return parent[i] = leaf, tree;
-  }
-  xp = +tree._x.call(null, node.data);
-  yp = +tree._y.call(null, node.data);
-  if (x === xp && y === yp) return leaf.next = node, parent ? parent[i] = leaf : tree._root = leaf, tree;
-  do {
-    parent = parent ? parent[i] = new Array(4) : tree._root = new Array(4);
-    if (right = x >= (xm = (x0 + x1) / 2)) x0 = xm;
-    else x1 = xm;
-    if (bottom = y >= (ym = (y0 + y1) / 2)) y0 = ym;
-    else y1 = ym;
-  } while ((i = bottom << 1 | right) === (j = (yp >= ym) << 1 | xp >= xm));
-  return parent[j] = node, parent[i] = leaf, tree;
-}
-function addAll(data) {
-  var d, i, n = data.length, x, y, xz = new Array(n), yz = new Array(n), x0 = Infinity, y0 = Infinity, x1 = -Infinity, y1 = -Infinity;
-  for (i = 0; i < n; ++i) {
-    if (isNaN(x = +this._x.call(null, d = data[i])) || isNaN(y = +this._y.call(null, d))) continue;
-    xz[i] = x;
-    yz[i] = y;
-    if (x < x0) x0 = x;
-    if (x > x1) x1 = x;
-    if (y < y0) y0 = y;
-    if (y > y1) y1 = y;
-  }
-  if (x0 > x1 || y0 > y1) return this;
-  this.cover(x0, y0).cover(x1, y1);
-  for (i = 0; i < n; ++i) {
-    add(this, xz[i], yz[i], data[i]);
-  }
-  return this;
-}
-
-// ../../node_modules/.bun/d3-quadtree@3.0.1/node_modules/d3-quadtree/src/cover.js
-function cover_default(x, y) {
-  if (isNaN(x = +x) || isNaN(y = +y)) return this;
-  var x0 = this._x0, y0 = this._y0, x1 = this._x1, y1 = this._y1;
-  if (isNaN(x0)) {
-    x1 = (x0 = Math.floor(x)) + 1;
-    y1 = (y0 = Math.floor(y)) + 1;
-  } else {
-    var z = x1 - x0 || 1, node = this._root, parent, i;
-    while (x0 > x || x >= x1 || y0 > y || y >= y1) {
-      i = (y < y0) << 1 | x < x0;
-      parent = new Array(4), parent[i] = node, node = parent, z *= 2;
-      switch (i) {
-        case 0:
-          x1 = x0 + z, y1 = y0 + z;
-          break;
-        case 1:
-          x0 = x1 - z, y1 = y0 + z;
-          break;
-        case 2:
-          x1 = x0 + z, y0 = y1 - z;
-          break;
-        case 3:
-          x0 = x1 - z, y0 = y1 - z;
-          break;
-      }
-    }
-    if (this._root && this._root.length) this._root = node;
-  }
-  this._x0 = x0;
-  this._y0 = y0;
-  this._x1 = x1;
-  this._y1 = y1;
-  return this;
-}
-
-// ../../node_modules/.bun/d3-quadtree@3.0.1/node_modules/d3-quadtree/src/data.js
-function data_default() {
-  var data = [];
-  this.visit(function(node) {
-    if (!node.length) do
-      data.push(node.data);
-    while (node = node.next);
-  });
-  return data;
-}
-
-// ../../node_modules/.bun/d3-quadtree@3.0.1/node_modules/d3-quadtree/src/extent.js
-function extent_default(_) {
-  return arguments.length ? this.cover(+_[0][0], +_[0][1]).cover(+_[1][0], +_[1][1]) : isNaN(this._x0) ? void 0 : [[this._x0, this._y0], [this._x1, this._y1]];
-}
-
-// ../../node_modules/.bun/d3-quadtree@3.0.1/node_modules/d3-quadtree/src/quad.js
-function quad_default(node, x0, y0, x1, y1) {
-  this.node = node;
-  this.x0 = x0;
-  this.y0 = y0;
-  this.x1 = x1;
-  this.y1 = y1;
-}
-
-// ../../node_modules/.bun/d3-quadtree@3.0.1/node_modules/d3-quadtree/src/find.js
-function find_default(x, y, radius) {
-  var data, x0 = this._x0, y0 = this._y0, x1, y1, x2, y2, x3 = this._x1, y3 = this._y1, quads = [], node = this._root, q, i;
-  if (node) quads.push(new quad_default(node, x0, y0, x3, y3));
-  if (radius == null) radius = Infinity;
-  else {
-    x0 = x - radius, y0 = y - radius;
-    x3 = x + radius, y3 = y + radius;
-    radius *= radius;
-  }
-  while (q = quads.pop()) {
-    if (!(node = q.node) || (x1 = q.x0) > x3 || (y1 = q.y0) > y3 || (x2 = q.x1) < x0 || (y2 = q.y1) < y0) continue;
-    if (node.length) {
-      var xm = (x1 + x2) / 2, ym = (y1 + y2) / 2;
-      quads.push(
-        new quad_default(node[3], xm, ym, x2, y2),
-        new quad_default(node[2], x1, ym, xm, y2),
-        new quad_default(node[1], xm, y1, x2, ym),
-        new quad_default(node[0], x1, y1, xm, ym)
-      );
-      if (i = (y >= ym) << 1 | x >= xm) {
-        q = quads[quads.length - 1];
-        quads[quads.length - 1] = quads[quads.length - 1 - i];
-        quads[quads.length - 1 - i] = q;
-      }
-    } else {
-      var dx = x - +this._x.call(null, node.data), dy = y - +this._y.call(null, node.data), d2 = dx * dx + dy * dy;
-      if (d2 < radius) {
-        var d = Math.sqrt(radius = d2);
-        x0 = x - d, y0 = y - d;
-        x3 = x + d, y3 = y + d;
-        data = node.data;
-      }
-    }
-  }
-  return data;
-}
-
-// ../../node_modules/.bun/d3-quadtree@3.0.1/node_modules/d3-quadtree/src/remove.js
-function remove_default(d) {
-  if (isNaN(x = +this._x.call(null, d)) || isNaN(y = +this._y.call(null, d))) return this;
-  var parent, node = this._root, retainer, previous, next, x0 = this._x0, y0 = this._y0, x1 = this._x1, y1 = this._y1, x, y, xm, ym, right, bottom, i, j;
-  if (!node) return this;
-  if (node.length) while (true) {
-    if (right = x >= (xm = (x0 + x1) / 2)) x0 = xm;
-    else x1 = xm;
-    if (bottom = y >= (ym = (y0 + y1) / 2)) y0 = ym;
-    else y1 = ym;
-    if (!(parent = node, node = node[i = bottom << 1 | right])) return this;
-    if (!node.length) break;
-    if (parent[i + 1 & 3] || parent[i + 2 & 3] || parent[i + 3 & 3]) retainer = parent, j = i;
-  }
-  while (node.data !== d) if (!(previous = node, node = node.next)) return this;
-  if (next = node.next) delete node.next;
-  if (previous) return next ? previous.next = next : delete previous.next, this;
-  if (!parent) return this._root = next, this;
-  next ? parent[i] = next : delete parent[i];
-  if ((node = parent[0] || parent[1] || parent[2] || parent[3]) && node === (parent[3] || parent[2] || parent[1] || parent[0]) && !node.length) {
-    if (retainer) retainer[j] = node;
-    else this._root = node;
-  }
-  return this;
-}
-function removeAll(data) {
-  for (var i = 0, n = data.length; i < n; ++i) this.remove(data[i]);
-  return this;
-}
-
-// ../../node_modules/.bun/d3-quadtree@3.0.1/node_modules/d3-quadtree/src/root.js
-function root_default() {
-  return this._root;
-}
-
-// ../../node_modules/.bun/d3-quadtree@3.0.1/node_modules/d3-quadtree/src/size.js
-function size_default() {
-  var size = 0;
-  this.visit(function(node) {
-    if (!node.length) do
-      ++size;
-    while (node = node.next);
-  });
-  return size;
-}
-
-// ../../node_modules/.bun/d3-quadtree@3.0.1/node_modules/d3-quadtree/src/visit.js
-function visit_default(callback) {
-  var quads = [], q, node = this._root, child, x0, y0, x1, y1;
-  if (node) quads.push(new quad_default(node, this._x0, this._y0, this._x1, this._y1));
-  while (q = quads.pop()) {
-    if (!callback(node = q.node, x0 = q.x0, y0 = q.y0, x1 = q.x1, y1 = q.y1) && node.length) {
-      var xm = (x0 + x1) / 2, ym = (y0 + y1) / 2;
-      if (child = node[3]) quads.push(new quad_default(child, xm, ym, x1, y1));
-      if (child = node[2]) quads.push(new quad_default(child, x0, ym, xm, y1));
-      if (child = node[1]) quads.push(new quad_default(child, xm, y0, x1, ym));
-      if (child = node[0]) quads.push(new quad_default(child, x0, y0, xm, ym));
-    }
-  }
-  return this;
-}
-
-// ../../node_modules/.bun/d3-quadtree@3.0.1/node_modules/d3-quadtree/src/visitAfter.js
-function visitAfter_default(callback) {
-  var quads = [], next = [], q;
-  if (this._root) quads.push(new quad_default(this._root, this._x0, this._y0, this._x1, this._y1));
-  while (q = quads.pop()) {
-    var node = q.node;
-    if (node.length) {
-      var child, x0 = q.x0, y0 = q.y0, x1 = q.x1, y1 = q.y1, xm = (x0 + x1) / 2, ym = (y0 + y1) / 2;
-      if (child = node[0]) quads.push(new quad_default(child, x0, y0, xm, ym));
-      if (child = node[1]) quads.push(new quad_default(child, xm, y0, x1, ym));
-      if (child = node[2]) quads.push(new quad_default(child, x0, ym, xm, y1));
-      if (child = node[3]) quads.push(new quad_default(child, xm, ym, x1, y1));
-    }
-    next.push(q);
-  }
-  while (q = next.pop()) {
-    callback(q.node, q.x0, q.y0, q.x1, q.y1);
-  }
-  return this;
-}
-
-// ../../node_modules/.bun/d3-quadtree@3.0.1/node_modules/d3-quadtree/src/x.js
-function defaultX(d) {
-  return d[0];
-}
-function x_default(_) {
-  return arguments.length ? (this._x = _, this) : this._x;
-}
-
-// ../../node_modules/.bun/d3-quadtree@3.0.1/node_modules/d3-quadtree/src/y.js
-function defaultY(d) {
-  return d[1];
-}
-function y_default(_) {
-  return arguments.length ? (this._y = _, this) : this._y;
-}
-
-// ../../node_modules/.bun/d3-quadtree@3.0.1/node_modules/d3-quadtree/src/quadtree.js
-function quadtree(nodes, x, y) {
-  var tree = new Quadtree(x == null ? defaultX : x, y == null ? defaultY : y, NaN, NaN, NaN, NaN);
-  return nodes == null ? tree : tree.addAll(nodes);
-}
-function Quadtree(x, y, x0, y0, x1, y1) {
-  this._x = x;
-  this._y = y;
-  this._x0 = x0;
-  this._y0 = y0;
-  this._x1 = x1;
-  this._y1 = y1;
-  this._root = void 0;
-}
-function leaf_copy(leaf) {
-  var copy = { data: leaf.data }, next = copy;
-  while (leaf = leaf.next) next = next.next = { data: leaf.data };
-  return copy;
-}
-var treeProto = quadtree.prototype = Quadtree.prototype;
-treeProto.copy = function() {
-  var copy = new Quadtree(this._x, this._y, this._x0, this._y0, this._x1, this._y1), node = this._root, nodes, child;
-  if (!node) return copy;
-  if (!node.length) return copy._root = leaf_copy(node), copy;
-  nodes = [{ source: node, target: copy._root = new Array(4) }];
-  while (node = nodes.pop()) {
-    for (var i = 0; i < 4; ++i) {
-      if (child = node.source[i]) {
-        if (child.length) nodes.push({ source: child, target: node.target[i] = new Array(4) });
-        else node.target[i] = leaf_copy(child);
-      }
-    }
-  }
-  return copy;
-};
-treeProto.add = add_default;
-treeProto.addAll = addAll;
-treeProto.cover = cover_default;
-treeProto.data = data_default;
-treeProto.extent = extent_default;
-treeProto.find = find_default;
-treeProto.remove = remove_default;
-treeProto.removeAll = removeAll;
-treeProto.root = root_default;
-treeProto.size = size_default;
-treeProto.visit = visit_default;
-treeProto.visitAfter = visitAfter_default;
-treeProto.x = x_default;
-treeProto.y = y_default;
-
 // src/spatial-index.ts
+import { quadtree } from "d3-quadtree";
 var SpatialIndex = class {
   tree = null;
   nodes = [];
@@ -7899,6 +7231,7 @@ function renderMapSVG(layout, opts) {
 }
 
 // src/map-transition.ts
+import { interpolateRgb as interpolateRgb2 } from "d3-interpolate";
 function numAttr(el, name) {
   const raw = el.getAttribute(name);
   if (raw === null) return void 0;
@@ -7956,7 +7289,7 @@ function runMapFillTransition(svg, prev, opts) {
     const to = p.getAttribute("fill");
     const from = key ? snapshot.fills.get(key) : void 0;
     if (from && to && from !== to) {
-      tweens.push({ kind: "fill", el: p, to, interp: rgb_default(from, to) });
+      tweens.push({ kind: "fill", el: p, to, interp: interpolateRgb2(from, to) });
       p.setAttribute("fill", from);
     }
   }
@@ -7971,7 +7304,7 @@ function runMapFillTransition(svg, prev, opts) {
         kind: "fill",
         el: p,
         to: toFill,
-        interp: rgb_default(before.fill, toFill)
+        interp: interpolateRgb2(before.fill, toFill)
       });
       p.setAttribute("fill", before.fill);
     }
@@ -8082,12 +7415,17 @@ function createGeoMap(container, spec, options) {
   }
   function wireTooltipAndInteraction(svg, layout) {
     const cleanups = [];
+    const featuresById = /* @__PURE__ */ new Map();
+    for (const f of layout.features) {
+      const key = String(f.id);
+      if (!featuresById.has(key)) featuresById.set(key, f);
+    }
     const featureElements = svg.querySelectorAll(".oc-map-feature");
     for (const el of featureElements) {
       const featureId = el.getAttribute("data-feature-id");
       if (!featureId) continue;
       const content = layout.tooltipDescriptors.get(featureId);
-      const feature = layout.features.find((f) => String(f.id) === featureId);
+      const feature = featuresById.get(featureId);
       const handleMouseEnter = (e) => {
         const mouseEvent = e;
         el.style.setProperty("cursor", "pointer");
@@ -8211,6 +7549,13 @@ function createGeoMap(container, spec, options) {
   }
   function resolveCamera() {
     if (currentFocusIds && currentFocusIds.length > 0) {
+      const lf = currentLayout.focus;
+      if (lf && lf.ids.length === currentFocusIds.length) {
+        const lfSet = new Set(lf.ids.map(String));
+        if (currentFocusIds.every((id) => lfSet.has(String(id)))) {
+          return cameraForTarget(currentLayout, lf.target);
+        }
+      }
       const target = focusTargetForFeatures(currentLayout, currentFocusIds);
       return cameraForTarget(currentLayout, target);
     }
@@ -8535,7 +7880,6 @@ export {
   materializeCanvasModeSVG,
   applySrOnlyStyles,
   AnimationScheduler,
-  quadtree,
   SpatialIndex,
   clamp01,
   lerp,
@@ -8543,7 +7887,6 @@ export {
   prefersReducedMotion,
   createTween,
   createTextEditOverlay,
-  zoom_default,
   DEFAULT_UPDATE_MAX_MARKS,
   CANVAS_DEFAULT_UPDATE_MAX_MARKS,
   canTransitionSpecShape,
@@ -8562,4 +7905,4 @@ export {
   scrubCamera,
   createGeoMap
 };
-//# sourceMappingURL=chunk-N5KDVZU7.js.map
+//# sourceMappingURL=chunk-WG6NOQVC.js.map