@vc-shell/framework 1.2.4-beta.3 → 1.2.4-beta.4

package/dist/vendor-unovis-ts-Bue71Kwt.js

@@ -0,0 +1,2382 @@
+import { R as ei } from "./vendor-juggle-resize-observer-DiSiNbbT.js";
+import { s as V, p as bt } from "./vendor-d3-selection-CNMxsYiL.js";
+import { m as lt, a as Et, b as ii, c as ni, e as si, d as oi, r as ai, s as ri } from "./vendor-d3-array-9cpTrqlO.js";
+import { i as li } from "./vendor-d3-interpolate-path-CpGLvKgS.js";
+import { s as ci, a as di, c as hi, b as ui, m as fi, d as gi, e as pi, f as vi, g as mi, h as _i, i as bi, j as xi, k as yi, l as ki, n as Si, o as Ci, p as wi, q as Ai, r as Ti, t as $i, u as Ri } from "./vendor-d3-shape-DBhCDMiV.js";
+import { l as Di, p as Mi, b as be, o as Ei, t as Oi, q as Li, a as Pi, d as Bi, s as Fi, u as zi, c as Wi, i as Ii, e as Vi, f as Hi, g as Ni, h as Gi } from "./vendor-d3-scale-CC5rtdt5.js";
+import { i as xe } from "./vendor-d3-transition-BbNQT7qF.js";
+import { a as oe, b as ae, c as re, d as le } from "./vendor-d3-axis-D1_DbKLz.js";
+import { l as ce } from "./vendor-d3-ease-Cr34gv04.js";
+import { s as Yi } from "./vendor-striptags-BrHtQQiF.js";
+import { i as Xi } from "./vendor-d3-interpolate-BYG2gvO4.js";
+import { t as Ui } from "./vendor-throttle-debounce-CX0imT7m.js";
+import { h as ye } from "./vendor-d3-color-BOYE6h_9.js";
+import { c as ji } from "./vendor-emotion-cache-eEZT5l-Q.js";
+import { s as Mt } from "./vendor-emotion-serialize-BSDW8NwU.js";
+import { g as ke, i as qi } from "./vendor-emotion-utils-D7refZTM.js";
+var ct;
+(function(n) {
+  n[n.SVG = 0] = "SVG", n[n.HTML = 1] = "HTML";
+})(ct || (ct = {}));
+var Y;
+(function(n) {
+  n.Fit = "fit", n.Extend = "extend", n.FitWidth = "fit_width";
+})(Y || (Y = {}));
+var G;
+(function(n) {
+  n.Left = "left", n.Right = "right", n.Auto = "auto";
+})(G || (G = {}));
+const B = (n) => typeof n == "number", Gt = (n) => typeof n == "function", it = (n) => Array.isArray(n), Zi = (n) => n instanceof Object, xt = (n) => n.constructor.name !== "Function" && n.constructor.name !== "Object", de = (n) => Zi(n) && !it(n) && !Gt(n) && !xt(n), Qi = (n) => [Object, Array].includes((n || {}).constructor) && !Object.entries(n || {}).length, K = (n, t, e = [], i = /* @__PURE__ */ new Set()) => {
+  if (Array.isArray(n)) {
+    if (!Array.isArray(t) || n.length !== t.length)
+      return !1;
+    if (i.has(n))
+      return !0;
+    i.add(n);
+    for (let s = 0; s < n.length; s++)
+      if (!K(n[s], t[s], e, i))
+        return !1;
+    return !0;
+  }
+  if (n instanceof Date && t instanceof Date)
+    return n.getTime() === t.getTime();
+  if (typeof n == "object" && n !== null && t !== null) {
+    if (typeof t != "object")
+      return !1;
+    if (n === t)
+      return !0;
+    const s = Object.keys(n).filter((a) => !e.includes(a)), o = Object.keys(t).filter((a) => !e.includes(a));
+    if (s.length !== o.length)
+      return !1;
+    if (i.has(n))
+      return !0;
+    i.add(n);
+    for (const a of s)
+      if (!K(n[a], t[a], e, i))
+        return !1;
+    return !0;
+  }
+  return n === t;
+}, Ot = (n) => n.flat(), yt = (n, t = /* @__PURE__ */ new Map()) => {
+  if (typeof n != "object" || n === null)
+    return n;
+  if (n instanceof Date)
+    return new Date(n.getTime());
+  if (n instanceof Array) {
+    const e = [];
+    t.set(n, e);
+    for (const i of n)
+      e.push(t.has(i) ? t.get(i) : yt(i, t));
+    return e;
+  }
+  if (xt(n))
+    return n;
+  if (n instanceof Object) {
+    const e = {};
+    t.set(n, e);
+    const i = n;
+    return Object.keys(n).reduce((s, o) => (s[o] = t.has(i[o]) ? t.get(i[o]) : yt(i[o], t), s), e), e;
+  }
+  return n;
+}, tt = (n, t, e = /* @__PURE__ */ new Map()) => {
+  if (!n || !t || n === t)
+    return n;
+  const i = xt(n) ? n : yt(n);
+  return e.has(t) ? e.get(t) : (e.set(t, i), Object.keys(t).forEach((s) => {
+    s === "__proto__" || s === "constructor" || (de(n[s]) && de(t[s]) ? i[s] = tt(n[s], t[s], e) : xt(t) ? i[s] = t : i[s] = yt(t[s]));
+  }), i);
+}, kt = (n, t, e) => Ui(t, n);
+function Yt(n, t, e) {
+  return Gt(t) ? t(n, e) : t;
+}
+function St(n, t, e) {
+  return Yt(n, t, e);
+}
+function R(n, t, e) {
+  return Yt(n, t, e);
+}
+function ot(n) {
+  return n.filter((t) => t && !B(t));
+}
+function I(n, t, e) {
+  return Math.min(Math.max(n, t), e);
+}
+function Ji(n, t, ...e) {
+  const i = [];
+  let s = 0, o = 0;
+  for (const a of e) {
+    const l = R(n, a, t) || 0;
+    l >= 0 ? i.push(s += l) : i.push(o += l);
+  }
+  return i;
+}
+function Se(n, ...t) {
+  return n ? lt(n, (i, s) => lt(t, (o) => R(i, o, s))) : void 0;
+}
+function Ce(n, ...t) {
+  return n ? Et(n, (i, s) => Et(t, (o) => R(i, o, s))) : void 0;
+}
+function ft(n, ...t) {
+  return [Se(n, ...t), Ce(n, ...t)];
+}
+function Ct(n, t, e, i = G.Auto) {
+  if (n.length <= 1)
+    return n[0];
+  const o = n.map((r, c) => [r, c]).sort(([r, c], [h, d]) => R(r, e, c) - R(h, e, d)), a = o.map(([r, c]) => R(r, e, c)), l = i === G.Right ? ii(a, t, 0, n.length - 1) : ni(a, t, 1, n.length);
+  return i === G.Right ? o[l][0] : i === G.Left ? o[l - 1][0] : t - a[l - 1] > a[l] - t ? o[l][0] : o[l - 1][0];
+}
+function Ki(n, t, e, i = !1) {
+  if (!e)
+    return [];
+  const s = n.filter((o, a) => {
+    const l = R(o, e, a);
+    return l >= t[0] && l <= t[1];
+  });
+  if (i) {
+    if (s.length === 0) {
+      const d = Ct(n, t[0], e, G.Left), u = Ct(n, t[1], e, G.Right);
+      return [d, u].filter(Boolean);
+    }
+    const o = s[0], a = s[s.length - 1], l = n.findIndex((d) => d === o), r = n.findIndex((d) => d === a), c = Math.max(0, l - 1), h = Math.min(n.length - 1, r + 1);
+    return n.slice(c, h + 1);
+  }
+  return s;
+}
+const tn = globalThis.ResizeObserver || ei, Xt = {
+  duration: void 0,
+  margin: {
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0
+  },
+  padding: {
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0
+  },
+  sizing: Y.Fit,
+  width: void 0,
+  height: void 0,
+  svgDefs: void 0,
+  ariaLabel: void 0
+};
+class et {
+  constructor(t) {
+    this._defaultConfig = Xt, this._isFirstRender = !0, this._renderAnimationFrameId = null, this._container = t;
+    const e = V(this._container);
+    e.attr("role", "figure"), this.svg = e.append("svg").style("display", "block").attr("xmlns", "http://www.w3.org/2000/svg").attr("height", et.DEFAULT_CONTAINER_HEIGHT).attr("aria-hidden", !0), this._svgDefs = this.svg.append("defs"), this._svgDefsExternal = this.svg.append("defs"), this.element = this.svg.node();
+  }
+  updateContainer(t) {
+    var e;
+    this.prevConfig = this.config, this.config = tt(this._defaultConfig, t), t?.svgDefs !== ((e = this.prevConfig) === null || e === void 0 ? void 0 : e.svgDefs) && (this._svgDefsExternal.selectAll("*").remove(), this._svgDefsExternal.html(t.svgDefs));
+  }
+  // The `_preRender` step should be used to perform some actions before rendering.
+  // For example, calculating scales, setting component sizes, etc ...
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  _preRender() {
+  }
+  // The `_render` step should be used to perform the actual rendering
+  _render(t) {
+    const { config: e } = this;
+    V(this._container).attr("aria-label", e.ariaLabel), this._isFirstRender = !1;
+  }
+  // Warning: Some Containers (i.e. Single Container) may override this method, so if you introduce any changes here,
+  // make sure to check that other containers didn't break after them.
+  render(t = this.config.duration) {
+    const e = this.config.width || this.containerWidth, i = this.config.height || this.containerHeight;
+    this.svg.attr("width", e).attr("height", i), this._resizeObserver || this._setUpResizeObserver(), cancelAnimationFrame(this._renderAnimationFrameId), this._renderAnimationFrameId = requestAnimationFrame(() => {
+      this._preRender(), this._render(t);
+    });
+  }
+  get containerWidth() {
+    return this.config.width ? this.element.clientWidth : this._container.clientWidth || this._container.getBoundingClientRect().width;
+  }
+  get containerHeight() {
+    return this.config.height ? this.element.clientHeight : this._container.clientHeight || this._container.getBoundingClientRect().height || et.DEFAULT_CONTAINER_HEIGHT;
+  }
+  get width() {
+    return I(this.containerWidth - this.config.margin.left - this.config.margin.right, 0, Number.POSITIVE_INFINITY);
+  }
+  get height() {
+    return I(this.containerHeight - this.config.margin.top - this.config.margin.bottom, 0, Number.POSITIVE_INFINITY);
+  }
+  _removeAllChildren() {
+    for (; this.element.firstChild; )
+      this.element.removeChild(this.element.firstChild);
+  }
+  _onResize() {
+    const { config: t } = this;
+    (t.sizing === Y.Fit || t.sizing === Y.FitWidth) && this.render(0);
+  }
+  _setUpResizeObserver() {
+    if (this._resizeObserver)
+      return;
+    const t = this._container.getBoundingClientRect();
+    this._containerSize = { width: t.width, height: t.height }, this._resizeObserver = new tn((e, i) => {
+      cancelAnimationFrame(this._resizeObserverAnimationFrameId), this._resizeObserverAnimationFrameId = requestAnimationFrame(() => {
+        const s = this._container.getBoundingClientRect(), o = { width: s.width, height: s.height };
+        !K(this._containerSize, o) && o.width && o.height && (this._containerSize = o, this._onResize());
+      });
+    }), this._resizeObserver.observe(this._container);
+  }
+  destroy() {
+    var t;
+    cancelAnimationFrame(this._renderAnimationFrameId), cancelAnimationFrame(this._resizeObserverAnimationFrameId), (t = this._resizeObserver) === null || t === void 0 || t.disconnect(), this.svg.remove();
+  }
+}
+et.DEFAULT_CONTAINER_HEIGHT = 300;
+function he(n, t) {
+  if (n.inserted[t.name] === void 0)
+    return n.insert("", t, n.sheet, !0);
+}
+function ue(n, t, e) {
+  var i = [], s = ke(n, i, e);
+  return i.length < 2 ? e : s + t(i);
+}
+var en = function(t) {
+  var e = ji(t);
+  e.sheet.speedy = function(l) {
+    this.isSpeedy = l;
+  }, e.compat = !0;
+  var i = function() {
+    for (var r = arguments.length, c = new Array(r), h = 0; h < r; h++)
+      c[h] = arguments[h];
+    var d = Mt(c, e.registered, void 0);
+    return qi(e, d), e.key + "-" + d.name;
+  }, s = function() {
+    for (var r = arguments.length, c = new Array(r), h = 0; h < r; h++)
+      c[h] = arguments[h];
+    var d = Mt(c, e.registered), u = "animation-" + d.name;
+    return he(e, {
+      name: d.name,
+      styles: "@keyframes " + u + "{" + d.styles + "}"
+    }), u;
+  }, o = function() {
+    for (var r = arguments.length, c = new Array(r), h = 0; h < r; h++)
+      c[h] = arguments[h];
+    var d = Mt(c, e.registered);
+    he(e, d);
+  }, a = function() {
+    for (var r = arguments.length, c = new Array(r), h = 0; h < r; h++)
+      c[h] = arguments[h];
+    return ue(e.registered, i, nn(c));
+  };
+  return {
+    css: i,
+    cx: a,
+    injectGlobal: o,
+    keyframes: s,
+    hydrate: function(r) {
+      r.forEach(function(c) {
+        e.inserted[c] = !0;
+      });
+    },
+    flush: function() {
+      e.registered = {}, e.inserted = {}, e.sheet.flush();
+    },
+    sheet: e.sheet,
+    cache: e,
+    getRegisteredStyles: ke.bind(null, e.registered),
+    merge: ue.bind(null, e.registered, i)
+  };
+}, nn = function n(t) {
+  for (var e = "", i = 0; i < t.length; i++) {
+    var s = t[i];
+    if (s != null) {
+      var o = void 0;
+      switch (typeof s) {
+        case "boolean":
+          break;
+        case "object": {
+          if (Array.isArray(s))
+            o = n(s);
+          else {
+            o = "";
+            for (var a in s)
+              s[a] && a && (o && (o += " "), o += a);
+          }
+          break;
+        }
+        default:
+          o = s;
+      }
+      o && (e && (e += " "), e += o);
+    }
+  }
+  return e;
+}, we = en({
+  key: "css"
+}), J = we.injectGlobal, A = we.css;
+function Ae() {
+  const n = () => Math.floor((1 + crypto.getRandomValues(new Uint32Array(1))[0]) * 65536).toString(16).substring(1);
+  return `${n() + n()}-${n()}-${n()}-${n()}-${n()}${n()}${n()}`;
+}
+const fe = /* @__PURE__ */ new WeakMap();
+function sn(n, t) {
+  const e = n.substr(4, n.length - 5);
+  let i = fe.get(t);
+  if (i || (i = /* @__PURE__ */ new Map(), fe.set(t, i)), i.has(e))
+    return i.get(e);
+  const s = getComputedStyle(t).getPropertyValue(e);
+  return i.set(e, s), s;
+}
+function on(n, t, e = 0) {
+  const [i, s, o, a] = [
+    n.x + e,
+    n.y + n.height - 2 * e,
+    n.x + n.width - 2 * e,
+    n.y + e
+  ], [l, r, c, h] = [
+    t.x + e,
+    t.y + t.height - 2 * e,
+    t.x + t.width - 2 * e,
+    t.y + e
+  ];
+  return !(s < h || r < a || o < l || c < i);
+}
+const at = globalThis?.UNOVIS_COLORS || ["#4D8CFD", "#FF6B7E", "#F4B83E", "#A6CC74", "#00C19A", "#6859BE"], an = globalThis?.UNOVIS_COLORS_DARK || ["#4D8CFD", "#FF6B7E", "#FFC16D", "#A6CC74", "#00C19A", "#7887E0"], U = (n) => `--vis-${B(n) ? `color${n % at.length}` : n}`;
+function rn(n, t = 0.4) {
+  const e = ye(n);
+  return e.l = e.l * (1 + t), e.formatHex();
+}
+function ln(n, t = 0.4, e = 0.6) {
+  const i = ye(n);
+  return i.s = i.s * (1 - e), i.l = i.l * (1 - t), i.formatHex();
+}
+const wt = 10, Lt = [
+  { id: "stripes-diagonal", svg: '<path d="M-1,1 l2,-2 M0,10 l10,-10 M9,11 l2,-2" stroke="#000"/>' },
+  { id: "dots", svg: '<path d="m0-1.5a1 1 0 010 3m10-3a1 1 0 000 3M5 3.5a1 1 0 010 3 1 1 0 010-3M0 8.5 a1 1 0 010 3m10-3a1 1 0 000 3" fill"#000"/>' },
+  { id: "stripes-vertical", svg: '<path d="M 5,-1 L5,11" stroke="#000"/>' },
+  { id: "crosshatch", svg: '<path d="M0 0L10 10ZM10 0L0 10Z" stroke="#000"/>' },
+  { id: "waves", svg: '<path d="M0 4Q2.5 1 5 4 7.5 7 10 4v2Q7.5 9 5 6 2.5 3 0 6Z" fill="#000"/>' },
+  { id: "circles", svg: '<circle cx="5" cy="5" r="3" stroke="#000" fill="#fff"/>' }
+], Pt = [
+  { id: "circle", marker: '<circle cx="5" cy="5" r="5"/>', dashArray: [] },
+  { id: "triangle", marker: '<path d="M5,0 L10,9 L0,9Z">', dashArray: [9, 1] },
+  { id: "diamond", marker: '<path d="M 0 5 L5 0 L 10 5 L 5 10 L 0 5Z">', dashArray: [2] },
+  { id: "arrow", marker: '<path d="M4 0 0 0 6 5 0 10 4 10 10 5Z">', dashArray: [2, 3, 8, 3] },
+  { id: "square", marker: '<rect x="1" y="1" width="8" height="8"/>', dashArray: [6] },
+  { id: "star", marker: '<path d="m2 9 3-9 3 9L0 3h10Z"/>', dashArray: [1, 6] }
+];
+function j(n) {
+  return `vis-${`pattern-${n.svg ? "fill" : "marker"}`}-${n.id}`;
+}
+const cn = (n) => `<mask id="${j(n)}">
+    <pattern id="${n.id}" viewBox="0 0 10 10" width="${wt}" height="${wt}" patternUnits="userSpaceOnUse">
+      <rect width="100%" height="100%" fill="#fff"/>
+      ${n.svg}
+    </pattern>
+    <rect x="-50%" y="-50%" width="200%" height="200%" fill="url(#${n.id})"/>
+  </mask>`, dn = (n, t) => `<marker id="${j(n)}"
+    fill="var(${U(t)})"
+    markerUnits="userSpaceOnUse"
+    refX="5"
+    refY="5"
+    markerWidth="${wt}"
+    markerHeight="${wt}">
+    ${n.marker}
+  </marker>`;
+function hn() {
+  const n = Lt.map(cn).concat(Pt.map(dn)).join(""), t = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+  t.setAttribute("height", "100%"), t.setAttribute("width", "100%"), t.style.position = "fixed", t.style.zIndex = "-99999999", t.innerHTML = `<defs>${n}</defs>`, document.body.appendChild(t);
+}
+typeof window < "u" && hn();
+const Te = globalThis?.UNOVIS_FONT_W2H_RATIO_DEFAULT || 0.5, $e = globalThis?.UNOVIS_TEXT_SEPARATOR_DEFAULT || [" ", "-", ".", ","], Re = globalThis?.UNOVIS_TEXT_HYPHEN_CHARACTER_DEFAULT || "-", dt = globalThis?.UNOVIS_TEXT_DEFAULT || {
+  // If you change these defaults, don't forget to update the values in the `UnovisText` type in `types/text.ts`
+  text: "",
+  fontSize: 12,
+  fontFamily: "var(--vis-font-family)",
+  lineHeight: 1.25,
+  marginTop: 0,
+  marginBottom: 0
+};
+J`
+  :root {
+    label: vis-root-styles;
+    --vis-font-family: Inter, Arial, "Helvetica Neue", Helvetica, sans-serif;
+    --vis-font-wh-ratio: ${Te};
+    --vis-color-main: var(${U(0)});
+    --vis-color-main-light: ${rn(at[0])};
+    --vis-color-main-dark: ${ln(at[0])};
+    --vis-color-grey: #2a2a2a;
+    ${at.map((n, t) => `${U(t)}: ${n};`)}
+    ${an.map((n, t) => `--vis-dark-color${t}: ${n};`)}
+    ${Lt.map((n, t) => `
+      --${j(n)}: url(#${j(n)});
+      --vis-pattern-fill${t}: var(--${j(n)});
+    `)}
+    ${Pt.map((n, t) => {
+  var e;
+  return `
+      --${j(n)}: url(#${j(n)});
+      --vis-pattern-marker${t}: var(--${j(n)});
+      --vis-pattern-dasharray${t}: ${(e = n.dashArray) === null || e === void 0 ? void 0 : e.join(" ")};
+    `;
+})}
+
+    body.theme-dark {
+      ${at.map((n, t) => `${U(t)}: var(--vis-dark-color${t});`)}
+    }
+
+    body.theme-patterns {
+      ${Lt.map((n, t) => `path[style*="fill: var(${U(t)})"]  {
+        mask: var(--vis-pattern-fill${t});
+      }`)}
+      ${Pt.map((n, t) => `
+      path[stroke="var(${U(t)})"]:not([style*="fill"]),
+      path[style*="stroke: var(${U(t)})"]:not([style*="fill"]) {
+        marker: var(--vis-pattern-marker${t});
+        stroke-dasharray: var(--vis-pattern-dasharray${t});
+      }
+    `)}
+}
+`;
+function Ut(n = window?.document.body) {
+  return n ? +sn("var(--vis-font-wh-ratio)", n) : Te;
+}
+function O(n, t, e) {
+  if (n.nodes().forEach((i) => xe(i)), t) {
+    const i = n.transition().duration(t);
+    return e && i.ease(e), i;
+  } else
+    return n;
+}
+const un = Object.assign(Object.assign({}, Xt), { tooltip: void 0, annotations: void 0 });
+class Cs extends et {
+  constructor(t, e, i) {
+    var s;
+    super(t), this._defaultConfig = un, this.config = this._defaultConfig, e && (this.updateContainer(e, !0), this.component = e.component), i && this.setData(i, !0), !((s = this.component) === null || s === void 0) && s.datamodel.data && this.render();
+  }
+  setData(t, e) {
+    var i;
+    const { config: s } = this;
+    this.component && this.component.setData(t), e || this.render(), (i = s.tooltip) === null || i === void 0 || i.hide();
+  }
+  updateContainer(t, e) {
+    super.updateContainer(t), this._removeAllChildren(), this.component = t.component, t.sizing && (this.component.sizing = t.sizing), this.element.appendChild(this.component.element);
+    const i = t.tooltip;
+    i && (i.hasContainer() || i.setContainer(this._container), i.setComponents([this.component]));
+    const s = t.annotations;
+    s && this.element.appendChild(s.element), this.element.appendChild(this._svgDefs.node()), this.element.appendChild(this._svgDefsExternal.node()), e || this.render();
+  }
+  updateComponent(t, e) {
+    this.component.setConfig(t), e || this.render();
+  }
+  update(t, e, i) {
+    t && this.updateContainer(t, !0), e && this.updateComponent(e, !0), i && this.setData(i, !0), this.render();
+  }
+  getFitWidthScale() {
+    const { config: t, component: e } = this, i = e;
+    if (!i.getWidth)
+      return 1;
+    const s = i.getWidth() + t.margin.left + t.margin.right;
+    return this.width / s;
+  }
+  _preRender() {
+    var t, e;
+    super._preRender(), this.component.setSize(this.width, this.height, this.containerWidth, this.containerHeight), this.component.setContainerMargin(this.config.margin), (t = this.config.annotations) === null || t === void 0 || t.setSize(this.width, this.height, this.containerWidth, this.containerHeight), (e = this.config.annotations) === null || e === void 0 || e.setContainerMargin(this.config.margin);
+  }
+  _render(t) {
+    var e, i;
+    const { config: s, component: o } = this;
+    super._render(t), o.g.attr("transform", `translate(${s.margin.left},${s.margin.top})`), o.render(t), (e = s.annotations) === null || e === void 0 || e.render(t), s.tooltip && s.tooltip.update(), (i = s.onRenderComplete) === null || i === void 0 || i.call(s, this.svg.node(), s.margin, this.containerWidth, this.containerHeight, this.width, this.height);
+  }
+  // Re-defining the `render()` function to handle different sizing techniques (`Sizing.Extend` and `Sizing.FitWidth`)
+  // Not calling `super.render()` because we don't want it to interfere with setting the SVG size here.
+  render(t = this.config.duration) {
+    const { config: e, component: i } = this;
+    if (e.sizing === Y.Extend || e.sizing === Y.FitWidth) {
+      const s = e.sizing === Y.FitWidth, o = i, a = o.getWidth() + e.margin.left + e.margin.right, l = o.getHeight() + e.margin.top + e.margin.bottom, r = s ? this.getFitWidthScale() : 1, c = this.svg.attr("width"), h = this.svg.attr("height"), d = a * r, u = l * r, p = c || h;
+      O(this.svg, p ? t : 0).attr("width", d).attr("height", u).attr("viewBox", `0 0 ${a} ${s ? u : l}`).attr("preserveAspectRatio", "xMinYMin");
+    } else
+      this.svg.attr("width", this.config.width || this.containerWidth).attr("height", this.config.height || this.containerHeight);
+    this._resizeObserver || this._setUpResizeObserver(), cancelAnimationFrame(this._renderAnimationFrameId), this._renderAnimationFrameId = requestAnimationFrame(() => {
+      this._preRender(), this._render(t);
+    });
+  }
+  _onResize() {
+    var t;
+    const { config: e } = this;
+    super._onResize(), (t = e.tooltip) === null || t === void 0 || t.hide();
+  }
+  destroy() {
+    var t, e;
+    const { component: i, config: s } = this;
+    super.destroy(), i?.destroy(), (t = s.tooltip) === null || t === void 0 || t.destroy(), (e = s.annotations) === null || e === void 0 || e.destroy();
+  }
+}
+class jt {
+  constructor(t) {
+    this.data = t;
+  }
+  get data() {
+    return this._data;
+  }
+  set data(t) {
+    this._data = t;
+  }
+}
+var w;
+(function(n) {
+  n.X = "x", n.Y = "y";
+})(w || (w = {}));
+const ge = {
+  scaleLinear: Di,
+  scalePow: Gi,
+  scaleSqrt: Ni,
+  scaleLog: Hi,
+  scaleSymlog: Vi,
+  scaleIdentity: Ii,
+  scaleTime: Wi,
+  scaleUtc: zi,
+  scaleSequential: Fi,
+  scaleDiverging: Bi,
+  scaleQuantize: Pi,
+  scaleQuantile: Li,
+  scaleThreshold: Oi,
+  scaleOrdinal: Ei,
+  scaleBand: be,
+  scalePoint: Mi
+};
+var M;
+(function(n) {
+  n.X = "x", n.Y = "y";
+})(M || (M = {}));
+var F;
+(function(n) {
+  n.West = "west", n.East = "east", n.North = "north", n.South = "south";
+})(F || (F = {}));
+const fn = Object.assign(Object.assign({}, Xt), { components: [], tooltip: void 0, crosshair: void 0, annotations: void 0, xAxis: void 0, yAxis: void 0, autoMargin: !0, xScale: void 0, xDomain: void 0, xDomainMinConstraint: void 0, xDomainMaxConstraint: void 0, xRange: void 0, yScale: void 0, yDomain: void 0, yDomainMinConstraint: void 0, yDomainMaxConstraint: void 0, yRange: void 0, yDirection: F.North, preventEmptyDomain: null, scaleByDomain: !1, clipPathExtend: 2 });
+class ws extends et {
+  constructor(t, e, i) {
+    var s, o;
+    super(t), this._defaultConfig = fn, this.datamodel = new jt(), this.config = this._defaultConfig, this._clipPathId = Ae(), this._axisMargin = { top: 0, bottom: 0, left: 0, right: 0 }, this._firstRender = !0, this._clipPath = this.svg.append("clipPath").attr("id", this._clipPathId), this._clipPath.append("rect");
+    const a = "saturate", l = window.location.href.replace(window.location.hash, "");
+    this.svg.attr("class", A`
+      --highlight-filter-id: url(${l}#${a}); // defining a css variable
+    `), this._svgDefs.append("filter").attr("id", a).attr("filterUnits", "objectBoundingBox").html('<feColorMatrix type="saturate" in="SourceGraphic" values="1.35"/>'), e && this.updateContainer(e, !0), i && this.setData(i, !0), (this.config.xAxis || this.config.yAxis || !((s = this.components) === null || s === void 0) && s.some((r) => r.datamodel.data)) && this.render(), (o = document.fonts) === null || o === void 0 || o.ready.then(() => {
+      this._firstRender || this._renderAxes(0);
+    });
+  }
+  get components() {
+    return this.config.components;
+  }
+  // Overriding ContainerCore default get width method to work with axis auto margin
+  get width() {
+    const t = this._getMargin();
+    return I(this.containerWidth - t.left - t.right, 0, Number.POSITIVE_INFINITY);
+  }
+  // Overriding ContainerCore default get height method to work with axis auto margin
+  get height() {
+    const t = this._getMargin();
+    return I(this.containerHeight - t.top - t.bottom, 0, Number.POSITIVE_INFINITY);
+  }
+  setData(t, e) {
+    var i, s, o, a, l;
+    const { components: r, config: c } = this;
+    if (!t)
+      return;
+    this.datamodel.data = t, r.forEach((d) => {
+      d.setData(t);
+    }), (i = c.crosshair) === null || i === void 0 || i.setData(t), (s = c.xAxis) === null || s === void 0 || s.setData(t), (o = c.yAxis) === null || o === void 0 || o.setData(t), !K(this.datamodel.data, t) && ((a = c.tooltip) === null || a === void 0 || a.hide(), (l = c.crosshair) === null || l === void 0 || l.hide()), e || this.render();
+  }
+  updateContainer(t, e) {
+    super.updateContainer(t), this._removeAllChildren(), this.setData(this.datamodel.data, !0), t.xAxis && (this.config.xAxis.config.type = w.X, this.element.appendChild(t.xAxis.element)), t.yAxis && (this.config.yAxis.config.type = w.Y, this.element.appendChild(t.yAxis.element));
+    for (const a of this.components)
+      this.element.appendChild(a.element);
+    const i = t.tooltip;
+    i && (i.hasContainer() || i.setContainer(this._container), i.setComponents(this.components));
+    const s = t.crosshair;
+    s && (s.setContainer(this.svg), s.tooltip = i, this.element.appendChild(s.element));
+    const o = t.annotations;
+    o && this.element.appendChild(o.element), this.element.appendChild(this._clipPath.node()), this.element.appendChild(this._svgDefs.node()), this.element.appendChild(this._svgDefsExternal.node()), e || this.render();
+  }
+  updateComponents(t, e) {
+    const { config: i } = this;
+    this.components.forEach((s, o) => {
+      t[o] && s.setConfig(t[o]);
+    }), this._updateScales(...this.components, i.xAxis, i.yAxis, i.crosshair), e || this.render();
+  }
+  update(t, e, i) {
+    i && (this.datamodel.data = i), t && this.updateContainer(t, !0), e && this.updateComponents(e, !0), this.render();
+  }
+  _preRender() {
+    const { config: t } = this;
+    super._preRender(), t.autoMargin && this._setAutoMargin();
+    const e = ot([...this.components, t.xAxis, t.yAxis, t.crosshair, t.annotations]), i = this._getMargin();
+    for (const s of e)
+      s.setSize(this.width, this.height, this.containerWidth, this.containerHeight), s.setContainerMargin(i);
+    this._updateScales(...this.components, t.xAxis, t.yAxis, t.crosshair);
+  }
+  _render(t) {
+    var e, i, s, o, a, l;
+    const { config: r } = this;
+    super._render();
+    const c = this._getMargin();
+    for (const u of this.components)
+      u.g.attr("transform", `translate(${c.left},${c.top})`).style("clip-path", u.clippable ? `url(#${this._clipPathId})` : null).style("-webkit-clip-path", u.clippable ? `url(#${this._clipPathId})` : null), u.render(t);
+    this._renderAxes(this._firstRender ? 0 : t);
+    const h = r.clipPathExtend;
+    this._clipPath.select("rect").attr("x", -h).attr("y", -h).attr("width", this.width + 2 * h).attr("height", this.height + 2 * h), (e = r.tooltip) === null || e === void 0 || e.update();
+    const d = r.crosshair;
+    if (d) {
+      const u = this.components.filter((g) => !g.stacked).map((g) => g.config.y), p = this.components.filter((g) => g.stacked).map((g) => g.config.y), f = (i = this.components.find((g) => g.config.baseline)) === null || i === void 0 ? void 0 : i.config, m = f?.baseline;
+      d.accessors = {
+        x: (s = this.components[0]) === null || s === void 0 ? void 0 : s.config.x,
+        y: Ot(u),
+        yStacked: Ot(p),
+        baseline: m
+      }, d.g.attr("transform", `translate(${c.left},${c.top})`).style("clip-path", `url(#${this._clipPathId})`).style("-webkit-clip-path", `url(#${this._clipPathId})`), d.render();
+    }
+    (o = r.annotations) === null || o === void 0 || o.g.attr("transform", `translate(${c.left},${c.top})`), (a = r.annotations) === null || a === void 0 || a.render(), this._firstRender = !1, (l = r.onRenderComplete) === null || l === void 0 || l.call(r, this.svg.node(), c, this._getBleed(this.components), this.containerWidth, this.containerHeight, this.width, this.height);
+  }
+  _updateScales(...t) {
+    const e = ot(t || this.components);
+    this._setScales(...e), this._updateScalesDomain(...e), this._updateScalesRange(...e);
+  }
+  _setScales(...t) {
+    const { config: e } = this;
+    t && (e.xScale && t.forEach((i) => i.setScale(M.X, e.xScale)), e.yScale && t.forEach((i) => i.setScale(M.Y, e.yScale)));
+  }
+  _updateScalesDomain(...t) {
+    const { config: e } = this;
+    if (!t)
+      return;
+    const i = t.filter((s) => !s.config.excludeFromDomainCalculation);
+    Object.values(M).forEach((s) => {
+      var o, a, l, r, c, h, d, u;
+      const [p, f] = si(oi(i.map((k) => k.getDataExtent(s, e.scaleByDomain)))), m = s === M.Y ? e.yDomain : e.xDomain, g = s === M.Y ? e.yDomainMinConstraint : e.xDomainMinConstraint, x = s === M.Y ? e.yDomainMaxConstraint : e.xDomainMaxConstraint, _ = (a = (o = m?.[0]) !== null && o !== void 0 ? o : p) !== null && a !== void 0 ? a : 0, y = (r = (l = m?.[1]) !== null && l !== void 0 ? l : f) !== null && r !== void 0 ? r : 1, b = [
+        I(_, (c = g?.[0]) !== null && c !== void 0 ? c : Number.NEGATIVE_INFINITY, (h = g?.[1]) !== null && h !== void 0 ? h : Number.POSITIVE_INFINITY),
+        I(y, (d = x?.[0]) !== null && d !== void 0 ? d : Number.NEGATIVE_INFINITY, (u = x?.[1]) !== null && u !== void 0 ? u : Number.POSITIVE_INFINITY)
+      ];
+      if (b[0] === b[1]) {
+        const k = i.some((C) => {
+          var $;
+          return (($ = C.datamodel.data) === null || $ === void 0 ? void 0 : $.length) > 0;
+        });
+        (e.preventEmptyDomain || e.preventEmptyDomain === null && (!k || s === M.Y)) && (b[1] = b[0] + 1);
+      }
+      t.forEach((k) => k.setScaleDomain(s, b));
+    });
+  }
+  _updateScalesRange(...t) {
+    var e, i, s, o, a, l;
+    const { config: r } = this;
+    if (!t)
+      return;
+    const c = r.yDirection === F.South, h = [(e = r.padding.left) !== null && e !== void 0 ? e : 0, this.width - ((i = r.padding.right) !== null && i !== void 0 ? i : 0)], d = [this.height - ((s = r.padding.bottom) !== null && s !== void 0 ? s : 0), (o = r.padding.top) !== null && o !== void 0 ? o : 0];
+    c && d.reverse();
+    for (const p of t)
+      p.setSize(this.width, this.height, this.containerWidth, this.containerHeight), p.setScaleRange(M.X, (a = r.xRange) !== null && a !== void 0 ? a : h), p.setScaleRange(M.Y, (l = r.yRange) !== null && l !== void 0 ? l : d);
+    const u = this._getBleed(t);
+    for (const p of t)
+      p.setScaleRange(M.X, [h[0] + u.left, h[1] - u.right]), p.setScaleRange(
+        M.Y,
+        c ? [d[0] + u.top, d[1] - u.bottom] : [d[0] - u.bottom, d[1] + u.top]
+        // if Y axis is directed upwards
+      );
+  }
+  _renderAxes(t) {
+    const { config: { xAxis: e, yAxis: i } } = this, s = this._getMargin();
+    ot([e, i]).forEach((a) => {
+      const l = a.getOffset(s);
+      a.g.attr("transform", `translate(${l.left},${l.top})`), a.render(t);
+    });
+  }
+  _setAutoMargin() {
+    const { config: { xAxis: t, yAxis: e } } = this, i = ot([...this.components, t, e]);
+    this._setScales(...i), this._updateScalesDomain(...i);
+    const s = this._firstRender ? 2 : 1;
+    for (let o = 0; o < s; o += 1) {
+      const a = { top: 0, bottom: 0, left: 0, right: 0 };
+      this._updateScalesRange(...i), ot([t, e]).forEach((r) => {
+        r.preRender();
+        const c = r.getRequiredMargin();
+        a.top < c.top && (a.top = c.top), a.bottom < c.bottom && (a.bottom = c.bottom), a.left < c.left && (a.left = c.left), a.right < c.right && (a.right = c.right);
+      }), this._axisMargin = a;
+    }
+  }
+  _getMargin() {
+    const { config: { margin: t } } = this;
+    return {
+      top: t.top + this._axisMargin.top,
+      bottom: t.bottom + this._axisMargin.bottom,
+      left: t.left + this._axisMargin.left,
+      right: t.right + this._axisMargin.right
+    };
+  }
+  _getBleed(t) {
+    return t.map((e) => e.bleed).reduce((e, i) => {
+      for (const s of Object.keys(e)) {
+        const o = s;
+        e[o] < i[o] && (e[o] = i[o]);
+      }
+      return e;
+    }, { top: 0, bottom: 0, left: 0, right: 0 });
+  }
+  destroy() {
+    const { components: t, config: { tooltip: e, crosshair: i, annotations: s, xAxis: o, yAxis: a } } = this;
+    super.destroy();
+    for (const l of t)
+      l?.destroy();
+    e?.destroy(), i?.destroy(), s?.destroy(), o?.destroy(), a?.destroy();
+  }
+}
+const qt = {
+  duration: 600,
+  events: {},
+  attributes: {}
+};
+class De {
+  constructor(t = ct.SVG) {
+    var e, i;
+    this.type = ct.SVG, this.datamodel = new jt(), this.sizing = Y.Fit, this.events = {}, this._defaultConfig = qt, this._width = 400, this._height = 200, this._containerWidth = void 0, this._containerHeight = void 0, this._containerMargin = { top: 0, bottom: 0, left: 0, right: 0 }, this._setUpComponentEventsThrottled = kt(this._setUpComponentEvents, 500), this._setCustomAttributesThrottled = kt(this._setCustomAttributes, 500), t === ct.SVG ? this.element = document.createElementNS("http://www.w3.org/2000/svg", "g") : this.element = document.createElement("div"), this.uid = Ae(), this.g = V(this.element);
+    const s = (i = (e = this.constructor) === null || e === void 0 ? void 0 : e.selectors) === null || i === void 0 ? void 0 : i.root;
+    s && this.g.attr("class", s);
+  }
+  /** Set the container margin. Called automatically by containers. */
+  setContainerMargin(t) {
+    this._containerMargin = t;
+  }
+  setConfig(t) {
+    this.prevConfig = this.config, this.config = tt(this._defaultConfig, t);
+  }
+  setData(t) {
+    this.datamodel.data = t;
+  }
+  setSize(t, e, i, s) {
+    isFinite(t) && (this._width = t), isFinite(e) && (this._height = e), isFinite(i) && (this._containerWidth = i), isFinite(s) && (this._containerHeight = s);
+  }
+  render(t = this.config.duration) {
+    this._render(t);
+    const e = "animating";
+    t && (this.g.attr(e, ""), this.g.transition(e).duration(t).on("end interrupt", () => {
+      this.g.attr(e, null);
+    })), this._setUpComponentEventsThrottled(), this._setCustomAttributesThrottled();
+  }
+  get bleed() {
+    return { top: 0, bottom: 0, left: 0, right: 0 };
+  }
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  _render(t = this.config.duration) {
+  }
+  _setCustomAttributes() {
+    const t = this.config.attributes;
+    Object.keys(t).forEach((e) => {
+      Object.keys(t[e]).forEach((i) => {
+        this.g.selectAll(`.${e}`).attr(i, t[e][i]);
+      });
+    });
+  }
+  _setUpComponentEvents() {
+    this._bindEvents(this.events), this._bindEvents(this.config.events, ".user");
+  }
+  _bindEvents(t = this.events, e = "") {
+    Object.keys(t).forEach((i) => {
+      Object.keys(t[i]).forEach((s) => {
+        const o = this.g.selectAll(`.${i}`);
+        o.on(s + e, (a, l) => {
+          const r = o.nodes(), c = r.indexOf(a.currentTarget), h = t[i][s];
+          return h?.(l, a, c, r);
+        });
+      });
+    });
+  }
+  destroy() {
+    var t;
+    (t = this.g) === null || t === void 0 || t.remove(), this.element = void 0;
+  }
+  isDestroyed() {
+    return !this.element;
+  }
+}
+class Me extends jt {
+  constructor(t) {
+    super(t);
+  }
+  get data() {
+    var t;
+    return (t = this._data) !== null && t !== void 0 ? t : [];
+  }
+  set data(t) {
+    Array.isArray(t) && (this._data = t);
+  }
+}
+const ht = Object.assign(Object.assign({}, qt), { x: void 0, y: void 0, id: (n, t) => {
+  var e;
+  return (e = n.id) !== null && e !== void 0 ? e : `${t}`;
+}, color: (n) => n.color, xScale: void 0, yScale: void 0, excludeFromDomainCalculation: !1 });
+class Tt extends De {
+  constructor() {
+    super(...arguments), this.datamodel = new Me(), this.clippable = !0, this.stacked = !1, this._defaultConfig = ht, this._xScale = ge.scaleLinear(), this._yScale = ge.scaleLinear();
+  }
+  get xScale() {
+    return this.config.xScale || this._xScale;
+  }
+  get yScale() {
+    return this.config.yScale || this._yScale;
+  }
+  setConfig(t) {
+    var e, i;
+    !((e = this.config) === null || e === void 0) && e.xScale && (t.xScale = this.config.xScale), !((i = this.config) === null || i === void 0) && i.yScale && (t.yScale = this.config.yScale), super.setConfig(t);
+  }
+  setScaleDomain(t, e) {
+    var i, s;
+    t === M.X && ((i = this._xScale) === null || i === void 0 || i.domain(e)), t === M.Y && ((s = this._yScale) === null || s === void 0 || s.domain(e));
+  }
+  setScaleRange(t, e) {
+    var i, s;
+    t === M.X && ((i = this._xScale) === null || i === void 0 || i.range(e)), t === M.Y && ((s = this._yScale) === null || s === void 0 || s.range(e));
+  }
+  setScale(t, e) {
+    e && t === M.X && (this._xScale = e), e && t === M.Y && (this._yScale = e);
+  }
+  getDataExtent(t, e) {
+    const { config: i, datamodel: s } = this;
+    switch (t) {
+      case M.X:
+        return this.getXDataExtent();
+      case M.Y:
+        return this.getYDataExtent(e);
+      default:
+        return ft(s.data, i[t]);
+    }
+  }
+  getXDataExtent() {
+    const { config: t, datamodel: e } = this;
+    return ft(e.data, t.x);
+  }
+  /** Some components override this method to provide custom data extent calculation */
+  getYDataExtent(t) {
+    const { config: e, datamodel: i } = this, s = this.xScale.domain(), o = t ? Ki(i.data, s, e.x, !0) : i.data, a = it(e.y) ? e.y : [e.y];
+    return ft(o, ...a);
+  }
+}
+var v;
+(function(n) {
+  n.Top = "top", n.Bottom = "bottom", n.Left = "left", n.Right = "right", n.Center = "center", n.Auto = "auto";
+})(v || (v = {}));
+var pe;
+(function(n) {
+  n.Absolute = "absolute", n.Fixed = "fixed";
+})(pe || (pe = {}));
+var ve;
+(function(n) {
+  n.Inside = "inside", n.Outside = "outside", n.Center = "center";
+})(ve || (ve = {}));
+var At;
+(function(n) {
+  n.Horizontal = "horizontal", n.Vertical = "vertical";
+})(At || (At = {}));
+const gn = {
+  components: [],
+  container: void 0,
+  followCursor: !0,
+  allowHover: !1,
+  horizontalPlacement: v.Auto,
+  horizontalShift: 0,
+  verticalPlacement: v.Top,
+  verticalShift: 0,
+  attributes: {},
+  triggers: {},
+  className: void 0,
+  showDelay: void 0,
+  hideDelay: void 0
+}, $t = A`
+  label: tooltip;
+  display: inline-block;
+  left: 0;
+  bottom: 0;
+  min-width: max-content;
+  position: absolute;
+  opacity: 0;
+  transition: opacity;
+  transition-duration: var(--vis-tooltip-transition-duration);
+  z-index: 999999;
+  padding: var(--vis-tooltip-padding);
+  color: var(--vis-tooltip-text-color);
+  border-radius: var(--vis-tooltip-border-radius);
+  box-shadow: var(--vis-tooltip-box-shadow);
+  border: solid 1px var(--vis-tooltip-border-color);
+  background-color: var(--vis-tooltip-background-color);
+  backdrop-filter: var(--vis-tooltip-backdrop-filter);
+`, pn = $t, vn = J`
+  :root {
+    --vis-tooltip-background-color: rgba(255, 255, 255, 0.95);
+    --vis-tooltip-border-color: #e5e9f7;
+    --vis-tooltip-text-color: #000;
+    --vis-tooltip-shadow-color: rgba(172, 179, 184, 0.35);
+    --vis-tooltip-backdrop-filter: none;
+    --vis-tooltip-padding: 10px 15px;
+    --vis-tooltip-border-radius: 5px;
+    --vis-tooltip-transition-duration: 300ms;
+    --vis-tooltip-box-shadow: none;
+
+    --vis-dark-tooltip-background-color: rgba(30,30,30, 0.95);
+    --vis-dark-tooltip-text-color: #e5e9f7;
+    --vis-dark-tooltip-border-color: var(--vis-color-grey);
+    --vis-dark-tooltip-shadow-color: rgba(0,0,0, 0.95);
+  }
+
+  body.theme-dark ${`.${$t}`} {
+    --vis-tooltip-background-color: var(--vis-dark-tooltip-background-color);
+    --vis-tooltip-text-color: var(--vis-dark-tooltip-text-color);
+    --vis-tooltip-border-color: var(--vis-dark-tooltip-border-color);
+    --vis-tooltip-shadow-color: var(--vis-dark-tooltip-shadow-color);
+  }
+
+  body.theme-dark {
+    --vis-tooltip-background-color: rgba(30,30,30, 0.95);
+    --vis-tooltip-text-color: #e5e9f7;
+    --vis-tooltip-border-color: var(--vis-color-grey);
+    --vis-tooltip-shadow-color: rgba(0,0,0, 0.95);
+  }
+`, Ee = A`
+  bottom: unset;
+  position: fixed;
+`, gt = A`
+  opacity: 1;
+`, pt = A`
+  display: none;
+`, Oe = A`
+  label: non-interactive;
+  pointer-events: none;
+  user-select: none;
+`, mn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  hidden: pt,
+  nonInteractive: Oe,
+  positionFixed: Ee,
+  root: $t,
+  show: gt,
+  tooltip: pn,
+  variables: vn
+}, Symbol.toStringTag, { value: "Module" }));
+class _n {
+  constructor(t = {}) {
+    this._defaultConfig = gn, this.config = this._defaultConfig, this._setUpEventsThrottled = kt(this._setUpEvents, 500), this._setContainerPositionThrottled = kt(this._setContainerPosition, 500), this._isShown = !1, this.element = document.createElement("div"), this.div = V(this.element).attr("class", $t).classed(gt, !1).classed(pt, !0), this.setConfig(t), this.components = this.config.components, this._mutationObserver = new MutationObserver(() => {
+      this._isShown && (!this.config.followCursor && this._hoveredElement ? this.placeByElement(this._hoveredElement) : this._position && this.place({ x: this._position[0], y: this._position[1] }));
+    }), this._mutationObserver.observe(this.div.node(), { childList: !0, subtree: !0 });
+  }
+  setConfig(t) {
+    var e;
+    this.prevConfig = this.config, this.config = tt(this._defaultConfig, t), this.prevConfig.horizontalPlacement !== this.config.horizontalPlacement && this.overrideHorizontalPlacement(void 0), this.config.container && this.config.container !== ((e = this.prevConfig) === null || e === void 0 ? void 0 : e.container) && this.setContainer(this.config.container), this._setUpAttributes();
+  }
+  setContainer(t) {
+    var e;
+    (e = this.element.parentNode) === null || e === void 0 || e.removeChild(this.element), this._container = t, this._container.appendChild(this.element), this._setContainerPositionThrottled();
+  }
+  getContainer() {
+    return this._container;
+  }
+  hasContainer() {
+    return !!this._container && this._container.isConnected;
+  }
+  setComponents(t) {
+    this.components = t;
+  }
+  update() {
+    this._container && this._setUpEventsThrottled();
+  }
+  /** Show the tooltip immediately by providing content and position */
+  show(t, e) {
+    this.render(t), this.place(e);
+  }
+  _hide() {
+    this.div.classed(gt, !1).on("transitionend", () => {
+      this.div.classed(pt, !this._isShown);
+    }), this._isShown = !1;
+  }
+  /** Hides the tooltip after `hideDelay` */
+  hide() {
+    window.clearTimeout(this._showDelayTimeoutId), this.config.hideDelay ? (window.clearTimeout(this._hideDelayTimeoutId), this._hideDelayTimeoutId = setTimeout(() => this._hide(), this.config.hideDelay)) : this._hide();
+  }
+  _display() {
+    window.clearTimeout(this._hideDelayTimeoutId), this.div.classed(pt, !1).classed(gt, !0), this._isShown = !0;
+  }
+  /** Simply display the tooltip with its previous content on position, taking into account `showDelay` */
+  display() {
+    this._isShown || (this.config.showDelay ? (window.clearTimeout(this._showDelayTimeoutId), this._showDelayTimeoutId = setTimeout(() => {
+      this._display(), this.place({ x: this._position[0], y: this._position[1] });
+    }, this.config.showDelay)) : this._display());
+  }
+  place(t) {
+    if (this._position = [t.x, t.y], !this.hasContainer()) {
+      console.warn("Unovis | Tooltip: Container was not set or is not initialized yet");
+      return;
+    }
+    const { config: e } = this, i = this.element.offsetWidth, s = this.element.offsetHeight, o = this._overriddenHorizontalPlacement || (e.horizontalPlacement === v.Auto ? v.Center : e.horizontalPlacement), a = e.verticalPlacement === v.Auto ? t.y - s < 0 ? v.Bottom : v.Top : e.verticalPlacement, l = 5, r = o === v.Left ? -i - l - e.horizontalShift : o === v.Center ? -i / 2 : l + e.horizontalShift, c = a === v.Bottom ? l + e.verticalShift : a === v.Center ? -s / 2 : -l - e.verticalShift - s, [h, d] = this._constraintPosToContainer(t.x + r, t.y + c, i, s);
+    this._applyPosition(h, d, s);
+  }
+  placeByElement(t) {
+    const { config: e } = this;
+    this._hoveredElement = t;
+    const i = 5, s = this.element.offsetWidth, o = this.element.offsetHeight, a = this.isContainerBody(), l = a ? window.innerWidth : this._container.scrollWidth, r = t.getBoundingClientRect(), c = a ? [r.x, r.y] : bt({
+      clientX: r.x,
+      clientY: r.y,
+      pageX: r.x,
+      pageY: r.y
+    }, this._container), h = this._overriddenHorizontalPlacement || (e.horizontalPlacement === v.Auto ? c[0] - s < 0 ? v.Right : c[0] + s > l ? v.Left : v.Center : e.horizontalPlacement);
+    let d = 0;
+    switch (h) {
+      case v.Left:
+        d = -s - i - e.horizontalShift;
+        break;
+      case v.Right:
+        d = r.width + i + e.horizontalShift;
+        break;
+      case v.Center:
+      default:
+        d = (-s + r.width) / 2;
+        break;
+    }
+    const u = e.verticalPlacement === v.Auto ? h !== v.Center ? v.Center : c[1] - o < 0 ? v.Bottom : v.Top : e.verticalPlacement;
+    let p = -o;
+    switch (u) {
+      case v.Center:
+        p += (o + r.height) / 2;
+        break;
+      case v.Bottom:
+        p += o + r.height + i + e.verticalShift;
+        break;
+      case v.Top:
+      default:
+        p += -i - e.verticalShift;
+        break;
+    }
+    const [f, m] = this._constraintPosToContainer(c[0] + d, c[1] + p, s, o);
+    this._applyPosition(f, m, o);
+  }
+  isContainerBody() {
+    return this._container === document.body;
+  }
+  /** Allows to override the horizontal placement of the tooltip which is useful when you want to define custom positioning behavior.
+   * This method has been added for Crosshair to allow it position tooltip left or right of the crosshair line
+   * (see the `_showTooltip` method of the Crosshair component).
+   */
+  overrideHorizontalPlacement(t) {
+    this._overriddenHorizontalPlacement = t;
+  }
+  render(t) {
+    var e;
+    const { config: i, prevConfig: s } = this;
+    t instanceof HTMLElement ? this.div.select(":first-child").node() !== t && this.div.html("").append(() => t) : t !== null && this.div.html(t || ""), this.div.classed((e = i.className) !== null && e !== void 0 ? e : "", !!i.className).classed(Oe, !i.allowHover), s?.className && s.className !== i.className && this.div.classed(s.className, !1), this.display();
+  }
+  _applyPosition(t, e, i) {
+    const s = this.isContainerBody(), o = s ? window.innerHeight : this._container.scrollHeight;
+    this.div.classed(Ee, s).style("top", s ? `${e}px` : "unset").style("bottom", s ? "unset" : `${o - e - i}px`).style("left", `${t}px`);
+  }
+  _constraintPosToContainer(t, e, i, s) {
+    const o = this.isContainerBody(), a = o ? window.innerHeight : this._container.scrollHeight, l = o ? window.innerWidth : this._container.scrollWidth, r = 10, c = t > l - i - r, h = t < r, d = c ? l - i - r : h ? r : t, u = 10, p = e > a - s - u, f = e < u, m = p ? a - s - u : f ? u : e;
+    return [
+      l < i ? 0 : d,
+      a < s ? 0 : m
+    ];
+  }
+  _setContainerPosition() {
+    var t;
+    this._container !== document.body && ((t = getComputedStyle(this._container)) === null || t === void 0 ? void 0 : t.position) === "static" && (this._container.style.position = "relative");
+  }
+  _setUpEvents() {
+    const { config: t } = this;
+    this.components.forEach((e) => {
+      const i = V(e.element);
+      i.on("mousemove.tooltip", (s) => {
+        const { config: o } = this, a = s.composedPath && s.composedPath() || s.path || [s.target];
+        for (const l of Object.keys(o.triggers)) {
+          const r = o.triggers[l];
+          if (!r)
+            continue;
+          const c = i.selectAll(`.${l}`).nodes();
+          for (const h of a) {
+            if (h === i.node())
+              break;
+            if (h.classList.contains(l)) {
+              const d = c.indexOf(h), u = V(h).datum(), p = r(u, d, c), [f, m] = this.isContainerBody() ? [s.clientX, s.clientY] : bt(s, this._container);
+              p === null ? this.hide() : (this.render(p), o.followCursor ? this.place({ x: f, y: m }) : this.placeByElement(h)), s.stopPropagation();
+              return;
+            }
+          }
+        }
+        this._isShown && this.hide();
+      }).on("mouseleave.tooltip", (s) => {
+        s.stopPropagation(), this.hide();
+      });
+    }), t.allowHover ? this.div.on("mouseenter.tooltip", this._display.bind(this)).on("mouseleave.tooltip", this.hide.bind(this)) : this.div.on("mouseenter.tooltip", null).on("mouseleave.tooltip", null);
+  }
+  _setUpAttributes() {
+    const t = this.config.attributes;
+    t && Object.keys(t).forEach((e) => {
+      this.div.attr(e, t[e]);
+    });
+  }
+  destroy() {
+    var t;
+    this._mutationObserver.disconnect(), window.clearTimeout(this._hideDelayTimeoutId), window.clearTimeout(this._showDelayTimeoutId), (t = this.div) === null || t === void 0 || t.remove();
+  }
+}
+_n.selectors = mn;
+function z(n, t, e, i) {
+  return Array.isArray(t) && isFinite(e) ? t[e % t.length] : St(n, t, e) || (B(e) ? `var(${U(e)})` : null);
+}
+var D;
+(function(n) {
+  n.Basis = "basis", n.BasisClosed = "basisClosed", n.BasisOpen = "basisOpen", n.Bundle = "bundle", n.Cardinal = "cardinal", n.CardinalClosed = "cardinalClosed", n.CardinalOpen = "cardinalOpen", n.CatmullRom = "catmullRom", n.CatmullRomClosed = "catmullRomClosed", n.CatmullRomOpen = "catmullRomOpen", n.Linear = "linear", n.LinearClosed = "linearClosed", n.MonotoneX = "monotoneX", n.MonotoneY = "monotoneY", n.Natural = "natural", n.Step = "step", n.StepAfter = "stepAfter", n.StepBefore = "stepBefore";
+})(D || (D = {}));
+const me = {
+  [D.Basis]: Ai,
+  [D.BasisClosed]: wi,
+  [D.BasisOpen]: Ci,
+  [D.Bundle]: Si,
+  [D.Cardinal]: ki,
+  [D.CardinalClosed]: yi,
+  [D.CardinalOpen]: xi,
+  [D.CatmullRom]: bi,
+  [D.CatmullRomClosed]: _i,
+  [D.CatmullRomOpen]: mi,
+  [D.Linear]: vi,
+  [D.LinearClosed]: pi,
+  [D.MonotoneX]: gi,
+  [D.MonotoneY]: fi,
+  [D.Natural]: ui,
+  [D.Step]: hi,
+  [D.StepAfter]: di,
+  [D.StepBefore]: ci
+}, bn = Object.assign(Object.assign({}, ht), { curveType: D.MonotoneX, lineWidth: 2, lineDashArray: void 0, fallbackValue: void 0, highlightOnHover: !1, cursor: null, interpolateMissingData: !1 }), xn = J`
+  :root {
+    --vis-line-cursor: default;
+    --vis-line-stroke-dasharray: none;
+    --vis-line-stroke-dashoffset: 0;
+
+    --vis-line-gapfill-stroke-dasharray: 2 3;
+    --vis-line-gapfill-stroke-opacity: 0.8;
+    --vis-line-gapfill-stroke-dashoffset: 0;
+  }
+`, yn = A`
+  label: line-component;
+`, rt = A`
+  label: line;
+  transition: opacity 200ms;
+  cursor: var(--vis-line-cursor);
+`, Bt = A`
+  label: linePath;
+  fill: none;
+  stroke-dasharray: var(--vis-line-stroke-dasharray);
+  stroke-dashoffset: var(--vis-line-stroke-dashoffset);
+`, Ft = A`
+  label: lineSelectionHelper;
+  fill: none;
+  stroke: rgba(0, 0, 0, 0);
+  stroke-width: 8px;
+`, zt = A`
+  opacity: 0.2;
+`, Wt = A`
+  label: interpolated-path;
+  fill: none;
+  stroke-dasharray: var(--vis-line-gapfill-stroke-dasharray);
+  stroke-dashoffset: var(--vis-line-gapfill-stroke-dashoffset);
+  stroke-opacity: var(--vis-line-gapfill-stroke-opacity);
+`, kn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  dim: zt,
+  globalStyles: xn,
+  interpolatedPath: Wt,
+  line: rt,
+  linePath: Bt,
+  lineSelectionHelper: Ft,
+  root: yn
+}, Symbol.toStringTag, { value: "Module" }));
+class Zt extends Tt {
+  constructor(t) {
+    super(), this._defaultConfig = bn, this.config = this._defaultConfig, this.curve = me[D.MonotoneX], this.events = {
+      [Zt.selectors.line]: {
+        mouseover: this._highlight.bind(this),
+        mouseleave: this._resetHighlight.bind(this)
+      }
+    }, t && this.setConfig(t);
+  }
+  get bleed() {
+    const { config: { lineWidth: t } } = this, e = this.yScale.domain(), s = (this.yScale.range()[0] > this.yScale.range()[1] ? F.North : F.South) === F.South, o = t > 3, a = t >= 10;
+    return {
+      top: !a && (!s && e[1] === 0 || s && e[0] === 0) ? 0 : t / 2,
+      bottom: !a && (!s && e[0] === 0 || s && e[1] === 0) ? 0 : t / 2,
+      left: o ? t / 2 : 0,
+      right: o ? t / 2 : 0
+    };
+  }
+  _render(t) {
+    super._render(t);
+    const { config: e, datamodel: { data: i } } = this, s = B(t) ? t : e.duration;
+    this.curve = me[e.curveType], this.lineGen = Ti().x((d) => d.x).y((d) => d.y).defined((d) => d.defined).curve(this.curve);
+    const o = it(e.y) ? e.y : [e.y], a = i.map((d, u) => this.xScale(R(d, e.x, u))), l = o.map((d) => {
+      const u = i.map((x, _) => {
+        const y = R(x, d, _), b = (B(y) || y === null) && isFinite(y) ? y : e.fallbackValue, k = e.interpolateMissingData ? (B(y) || y === null) && isFinite(y) : isFinite(b);
+        return {
+          x: a[_],
+          y: this.yScale(b ?? 0),
+          defined: k,
+          value: b
+        };
+      }), p = u.reduce((x, _) => _.defined || x, !1);
+      let f = !1;
+      const m = u.reduce((x, _, y) => {
+        !_.defined && isFinite(e.fallbackValue) && x.push(Object.assign(Object.assign({}, _), { defined: !0 })), !_.defined && !f && (f = !0);
+        const b = y > 0 && !u[y - 1].defined || y < u.length - 1 && !u[y + 1].defined;
+        return _.defined && b && (f || x.push(Object.assign(Object.assign({}, _), { defined: !1 })), x.push(_), f = !1), x;
+      }, []), g = p && u.some((x) => x.value !== null);
+      return {
+        values: u,
+        defined: p,
+        gaps: m,
+        visible: g
+      };
+    }), r = this.g.selectAll(`.${rt}`).data(l), c = r.enter().append("g").attr("class", rt);
+    c.append("path").attr("class", Bt).attr("stroke", (d, u) => z(i, e.color, u)).attr("stroke-opacity", 0).attr("stroke-width", e.lineWidth), c.append("path").attr("class", Ft).attr("d", this._emptyPath()), c.append("path").attr("class", Wt).attr("d", this._emptyPath()).style("opacity", 0);
+    const h = c.merge(r);
+    h.style("cursor", (d, u) => St(i, e.cursor, u)), h.each((d, u, p) => {
+      var f;
+      const m = V(p[u]), g = m.select(`.${Bt}`), x = m.select(`.${Ft}`), _ = m.select(`.${Wt}`), y = d.visible, b = Yt(i, e.lineDashArray, u), k = O(g, s).attr("stroke", z(i, e.color, u)).attr("stroke-width", e.lineWidth).attr("stroke-opacity", y ? 1 : 0).style("stroke-dasharray", (f = b?.join(" ")) !== null && f !== void 0 ? f : null), C = d.values.some((E) => !E.defined), $ = this.lineGen(d.values);
+      if (s && !C) {
+        const E = g.attr("d") || this._emptyPath(), L = $ || this._emptyPath();
+        k.attrTween("d", () => li(E, L));
+      } else d.visible && k.attr("d", $);
+      x.attr("d", $).attr("visibility", y ? null : "hidden"), C && e.interpolateMissingData ? O(_, s).attr("d", this.lineGen(d.gaps)).attr("stroke", z(i, e.color, u)).attr("stroke-width", e.lineWidth - 1).style("opacity", 1) : _.transition().duration(s).style("opacity", 0);
+    }), O(r.exit(), s).style("opacity", 0).remove();
+  }
+  _emptyPath() {
+    const t = this.xScale.range(), e = this.yScale.range();
+    return `M${t[0]},${e[0]} L${t[1]},${e[0]}`;
+  }
+  _highlight(t) {
+    const { config: e } = this;
+    e.highlightOnHover && this.g.selectAll(`.${rt}`).classed(zt, (i) => i !== t);
+  }
+  _resetHighlight() {
+    const { config: t } = this;
+    t.highlightOnHover && this.g.selectAll(`.${rt}`).classed(zt, !1);
+  }
+}
+Zt.selectors = kn;
+function Sn({ x: n, y: t, w: e, h: i, tl: s = !1, tr: o = !1, bl: a = !1, br: l = !1, r = 0 }) {
+  let c;
+  c = `M${n + r},${t}h${e - 2 * r}`;
+  let h = o ? r : 0, d = o ? 0 : r;
+  return c += `a${h},${h} 0 0 1 ${h},${h}`, c += `h${d}v${d}`, c += `v${i - 2 * r}`, h = l ? r : 0, d = l ? 0 : r, c += `a${h},${h} 0 0 1 ${-h},${h}`, c += `v${d}h${-d}`, c += `h${2 * r - e}`, h = a ? r : 0, d = a ? 0 : r, c += `a${h},${h} 0 0 1 ${-h},${-h}`, c += `h${-d}v${-d}`, c += `v${2 * r - i}`, h = s ? r : 0, d = s ? 0 : r, c += `a${h},${h} 0 0 1 ${h},${-h}`, c += `v${-d}h${d}`, c += "z", c;
+}
+const Cn = Object.assign(Object.assign({}, ht), { color: void 0, groupMaxWidth: void 0, groupWidth: void 0, dataStep: void 0, groupPadding: 0.05, barPadding: 0, roundedCorners: 2, barMinHeight: 2, cursor: null, orientation: At.Vertical }), Le = A`
+  label: grouped-bar-component;
+`, wn = J`
+  :root {
+    --vis-grouped-bar-cursor: default;
+    --vis-grouped-bar-fill-color: var(--vis-color-main);
+    --vis-grouped-bar-stroke-color: none;
+    --vis-grouped-bar-stroke-width: 0px;
+    --vis-grouped-bar-hover-stroke-width: 1px;
+    --vis-grouped-bar-hover-stroke-color: none;
+
+
+    /* Dark Theme */
+    --vis-dark-grouped-bar-stroke-color: none;
+  }
+
+  body.theme-dark ${`.${Le}`} {
+    --vis-grouped-bar-stroke-color: var(--vis-dark-grouped-bar-stroke-color);
+  }
+`, vt = A`
+  label: bar;
+  fill: var(--vis-grouped-bar-fill-color);
+  stroke: var(--vis-grouped-bar-stroke-color);
+  stroke-width: var(--vis-grouped-bar-stroke-width);
+  cursor: var(--vis-grouped-bar-cursor);
+
+  &:hover {
+    stroke-width: var(--vis-grouped-bar-hover-stroke-width);
+    stroke: var(--vis-grouped-bar-hover-stroke-color);
+  }
+`, It = A`
+  label: barGroup;
+`, Pe = A`
+  label: barGroupExit;
+`, An = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  bar: vt,
+  barGroup: It,
+  barGroupExit: Pe,
+  globalStyles: wn,
+  root: Le
+}, Symbol.toStringTag, { value: "Module" }));
+class Tn extends Tt {
+  constructor(t) {
+    super(), this._defaultConfig = Cn, this.config = this._defaultConfig, this.getAccessors = () => it(this.config.y) ? this.config.y : [this.config.y], this.events = {}, this._barData = [], t && this.setConfig(t);
+  }
+  get bleed() {
+    if (this._barData = this._getVisibleData(), this._barData.length === 0)
+      return { top: 0, bottom: 0, left: 0, right: 0 };
+    const t = !this.isVertical() && this.dataScale.range()[0] > this.dataScale.range()[1], e = this.dataScale.domain(), i = this._getGroupWidth() / 2, s = this._barData.map((p, f) => R(p, this.config.x, f)), o = lt(s), a = Et(s), l = this.dataScale(o), r = this.dataScale(a), c = this.dataScale.invert(l + (t ? i : -i)), h = this.dataScale.invert(r + (t ? -i : i)), d = c <= e[0] ? this.dataScale(e[0]) - this.dataScale(c) : 0, u = h > e[1] ? this.dataScale(h) - this.dataScale(e[1]) : 0;
+    return {
+      top: this.isVertical() ? 0 : t ? -u : d,
+      bottom: this.isVertical() ? 0 : t ? -d : u,
+      left: this.isVertical() ? d : 0,
+      right: this.isVertical() ? u : 0
+    };
+  }
+  get dataScale() {
+    return this.isVertical() ? this.xScale : this.yScale;
+  }
+  get valueScale() {
+    return this.isVertical() ? this.yScale : this.xScale;
+  }
+  isVertical() {
+    return this.config.orientation === At.Vertical;
+  }
+  _render(t) {
+    const { config: e } = this, i = B(t) ? t : e.duration, s = this._getGroupWidth(), o = this.getAccessors(), a = [-s / 2, s / 2], l = be().domain(ai(o.length)).range(a).paddingInner(e.barPadding).paddingOuter(e.barPadding), r = this.g.selectAll(`.${It}`).data(this._barData, (_, y) => {
+      var b;
+      return `${(b = St(_, e.id, y)) !== null && b !== void 0 ? b : y}`;
+    }), c = (_, y) => {
+      const b = this.dataScale(R(_, e.x, y)), k = this.isVertical() ? b : 0, C = this.isVertical() ? 0 : b;
+      return `translate(${k},${C})`;
+    }, d = r.enter().append("g").attr("class", It).attr("transform", c).style("opacity", 1).merge(r);
+    O(d, i).attr("transform", c).style("opacity", 1);
+    const u = r.exit().attr("class", Pe);
+    O(u, i).style("opacity", 0).remove(), O(u.selectAll(`.${vt}`), i).attr("transform", (_, y, b) => this.isVertical() ? `translate(0,${this.yScale(0)}) scale(1,0)` : `translate(${this.xScale(0)},0) scale(0,1)`);
+    const p = l.bandwidth(), f = d.selectAll(`.${vt}`).data((_) => o.map(() => _)), m = this._getValueAxisDirection(), x = f.enter().append("path").attr("class", vt).attr("d", (_, y) => {
+      const b = l(y), k = this.valueScale(0), C = p;
+      return this._getBarPath(b, k, C, 0, !1, m);
+    }).style("fill", (_, y) => z(_, e.color, y)).merge(f);
+    O(x, i).attr("d", (_, y) => {
+      const b = l(y), k = p, C = R(_, o[y]), $ = C < 0;
+      let E = $ ? this.valueScale(0) : this.valueScale(C || 0), L = Math.abs(this.valueScale(0) - this.valueScale(C)) || 0;
+      if (L < e.barMinHeight) {
+        const T = m === F.North ? -1 : 1;
+        E = this.valueScale(0) + T * e.barMinHeight, L = e.barMinHeight;
+      }
+      return this._getBarPath(b, E, k, L, $, m);
+    }).style("fill", (_, y) => z(_, e.color, y)).style("cursor", (_, y) => St(_, e.cursor, y)), O(f.exit(), i).remove();
+  }
+  _getValueAxisDirection() {
+    return this.valueScale.range()[0] > this.valueScale.range()[1] ? F.North : F.South;
+  }
+  _getVisibleData() {
+    const { config: t, datamodel: { data: e } } = this, i = this._getGroupWidth(), s = e.length < 2 ? 0 : i / 2, o = this.dataScale, a = Math.abs(o.invert(s) - o.invert(0));
+    return e?.filter((r, c) => {
+      const h = R(r, t.x, c), d = o.domain(), u = +d[0], p = +d[1];
+      return h >= u - a && h <= p + a;
+    });
+  }
+  _getBarPath(t, e, i, s, o, a) {
+    const { config: l } = this, r = l.roundedCorners ? B(l.roundedCorners) ? +l.roundedCorners : i / 2 : 0, c = I(r, 0, Math.min(s, i) / 2), h = a === F.North, d = this.isVertical() && o !== h, u = this.isVertical() && o === h, p = !this.isVertical() && o, f = !this.isVertical() && !o;
+    return Sn({
+      x: this.isVertical() ? t : e + (h ? 0 : -s),
+      y: this.isVertical() ? e + (h ? 0 : -s) : t,
+      w: this.isVertical() ? i : s,
+      h: this.isVertical() ? s : i,
+      tl: d || p,
+      tr: d || f,
+      bl: u || p,
+      br: u || f,
+      r: c
+    });
+  }
+  _getGroupWidth() {
+    const { config: t, datamodel: { data: e } } = this;
+    if (Qi(e))
+      return 0;
+    if (t.groupWidth)
+      return lt([t.groupWidth, t.groupMaxWidth]);
+    const i = this.dataScale.bandwidth, s = this.dataScale.domain ? this.dataScale.domain() : [];
+    let a = 1 + (i ? s.length : s[1] - s[0]) / t.dataStep || !i && e.filter((c, h) => {
+      const d = R(c, t.x, h);
+      return d >= s[0] && d <= s[1];
+    }).length || e.length;
+    !i && a >= 2 && (a += 1);
+    const r = (a < 2 ? 1 : 1 - t.groupPadding) * (this.isVertical() ? this._width : this._height) / a;
+    return lt([r, t.groupMaxWidth]);
+  }
+  getValueScaleExtent(t) {
+    const { datamodel: e } = this, i = this.getAccessors(), s = t ? this._getVisibleData() : e.data, o = Se(s, ...i), a = Ce(s, ...i);
+    return [o > 0 ? 0 : o, a < 0 ? 0 : a];
+  }
+  getDataScaleExtent() {
+    const { config: t, datamodel: e } = this;
+    return ft(e.data, t.x);
+  }
+  getYDataExtent(t) {
+    return this.isVertical() ? this.getValueScaleExtent(t) : this.getDataScaleExtent();
+  }
+  getXDataExtent() {
+    return this.isVertical() ? this.getDataScaleExtent() : this.getValueScaleExtent(!1);
+  }
+}
+Tn.selectors = An;
+var q;
+(function(n) {
+  n.Start = "start", n.Middle = "middle", n.End = "end";
+})(q || (q = {}));
+var Q;
+(function(n) {
+  n.Top = "top", n.Middle = "middle", n.Bottom = "bottom";
+})(Q || (Q = {}));
+var N;
+(function(n) {
+  n.Wrap = "wrap", n.Trim = "trim";
+})(N || (N = {}));
+var W;
+(function(n) {
+  n.Left = "left", n.Center = "center", n.Right = "right";
+})(W || (W = {}));
+function $n(n) {
+  switch (n) {
+    case W.Center:
+      return "middle";
+    case W.Right:
+      return "end";
+    case W.Left:
+    default:
+      return "start";
+  }
+}
+const Rn = (n) => {
+  switch (n) {
+    case W.Left:
+      return "start";
+    case W.Right:
+      return "end";
+    case W.Center:
+      return "middle";
+    default:
+      return null;
+  }
+};
+function Dn(n) {
+  return n.replace(/-([a-z])/g, (t, e) => e.toUpperCase());
+}
+function Mn(n) {
+  var t;
+  return (t = n.match(/[A-Z]{2,}(?=[A-Z][a-z0-9]*|\b)|[A-Z]?[a-z0-9]*|[A-Z]|[0-9]+/g)) === null || t === void 0 ? void 0 : t.filter(Boolean).map((e) => e.toLowerCase()).join("-");
+}
+function En(n) {
+  return n.replace(/['"]/g, "&#39;").replace(/\u0000/g, "\\0").replace(/\n/g, "\\n").replace(/\r/g, "\\r").replace(/\v/g, "\\v").replace(/\t/g, "\\t").replace(/\f/g, "\\f");
+}
+function On(n, t = 15) {
+  return n ? n.length > t ? `…${n.substr(n.length - t, t)}` : n : "";
+}
+function Ln(n, t = 15) {
+  if (!n)
+    return "";
+  const e = Math.floor((t - 3) / 2);
+  return n.length > t ? `${n.substr(0, e)}…${n.substr(-e, e)}` : n;
+}
+function Pn(n, t = 15) {
+  return n ? n.length > t ? `${n.substr(0, t)}…` : n : "";
+}
+function Bn(n, t = 15, e = q.Middle) {
+  if (!n)
+    return "";
+  let i = Pn(n, t);
+  return e === q.Start ? i = On(n, t) : e === q.Middle && (i = Ln(n, t)), i;
+}
+function Be(n, t = [" "]) {
+  let e = [n];
+  for (let i = 0; i < t.length; i++) {
+    const s = t[i];
+    e.forEach((o, a) => {
+      const l = o.split(s), r = l.map((c, h) => `${c}${h === l.length - 1 ? "" : s}`);
+      e[a] = r;
+    }), e = Ot(e);
+  }
+  return e;
+}
+function Fe(n, t, e = [" ", "-", ".", ","]) {
+  const i = n.text();
+  if (!i)
+    return;
+  const s = it(e) ? e : [e], o = Be(i, s), a = parseFloat(n.attr("x")) || 0;
+  n.text("");
+  let l = n.append("tspan").attr("x", a), r = `${o[0]}`;
+  l.text(r), o.forEach((c, h) => {
+    if (h === 0)
+      return;
+    const d = `${r}${c}`;
+    l.text(d), l.node().getComputedTextLength() > t ? (l.text(r.trim()), l = n.append("tspan").attr("x", a).attr("dy", "1.2em").text(c), r = c) : r += c;
+  });
+}
+function _e(n, t, e, i, s, o) {
+  var a;
+  t === void 0 && (t = 50), e === void 0 && (e = q.Middle), s === void 0 && (s = +((a = window.getComputedStyle(n.node())) === null || a === void 0 ? void 0 : a.fontSize) || 0), o === void 0 && (o = Ut());
+  const l = n.text() || "", r = l.length, c = s * r * o, d = Math.ceil(r * t / (1.1 * c));
+  return d < r ? (n.text(Bn(l, d, e)), !0) : !1;
+}
+function mt(n, t, e = Ut()) {
+  return n.length * t * e || 0;
+}
+function _t(n, t, e) {
+  const i = "http://www.w3.org/2000/svg", s = document.createElementNS(i, "svg"), o = document.createElementNS(i, "text");
+  o.textContent = n, o.setAttribute("font-size", `${e}`), o.setAttribute("font-family", t), s.appendChild(o), document.body.appendChild(s);
+  const a = o.getComputedTextLength();
+  return document.body.removeChild(s), a;
+}
+function Fn(n, t = void 0, e = !0, i = $e, s = !1) {
+  var o, a, l;
+  const r = `${n.text}`;
+  if (!r)
+    return [];
+  const c = (o = n.fontSize) !== null && o !== void 0 ? o : dt.fontSize, h = (a = n.fontFamily) !== null && a !== void 0 ? a : dt.fontFamily, d = (l = n.fontWidthToHeightRatio) !== null && l !== void 0 ? l : dt.fontWidthToHeightRatio, u = Array.isArray(i) ? i : [i];
+  return r.split(`
+`).map((f) => {
+    const m = [];
+    if (!t)
+      return [f];
+    const g = Be(f, u);
+    let x = "";
+    for (let _ = 0; _ < g.length; _ += 1) {
+      (e ? mt(x + g[_], c, d) : _t(x + g[_], h, c)) < t || _ === 0 ? x += g[_] : (m.push(x.trim()), x = g[_]);
+      const b = 2;
+      if (s)
+        for (; x.trim().length > b && (e ? mt(x, c, d) : _t(x, h, c)) > t; ) {
+          let C = x.trim().length - b;
+          for (; C > 0; ) {
+            const $ = `${x.substring(0, C)}${Re}`;
+            if ((e ? mt($, c, d) : _t($, h, c)) <= t || C === 1) {
+              m.push($.trim()), x = x.substring(C);
+              break;
+            }
+            C--;
+          }
+        }
+    }
+    return x && m.push(x.trim()), m;
+  }).flat();
+}
+function zn(n, t = void 0, e = void 0, i = !0, s = $e, o = !1) {
+  const a = Array.isArray(n) ? n.map((d) => tt(dt, d)) : [tt(dt, n)], l = a.map((d) => Fn(d, t, i, s, o)), r = a[0];
+  let c = -r.fontSize * (r.lineHeight - 1);
+  const h = [];
+  return a.forEach((d, u) => {
+    var p;
+    let f = l[u];
+    const m = u > 0 ? h[u - 1] : void 0, g = m ? m.marginBottom : 0, x = d.marginTop, _ = Math.max(g, x);
+    c += _;
+    const y = d.fontSize * d.lineHeight;
+    let b = 0;
+    for (let k = 0; k < f.length; k += 1) {
+      let C = f[k];
+      c += y;
+      const $ = `${C} …`, E = i ? mt($, d.fontSize, d.fontWidthToHeightRatio) : _t($, d.fontFamily, d.fontSize);
+      if (b = Math.max(E, b), e && c + y > e && k !== f.length - 1) {
+        C.charAt(C.length - 1) === Re && (C = C.substr(0, f[k].length - 1)), E < t ? f[k] = $ : f[k] = `${f[k].substr(0, f[k].length - 2)}…`, f = f.slice(0, k + 1);
+        break;
+      }
+    }
+    h.push(Object.assign(Object.assign({}, d), { _lines: f, _estimatedHeight: c - (m?._estimatedHeight || 0), _maxWidth: Math.max(b, (p = m?._maxWidth) !== null && p !== void 0 ? p : 0) }));
+  }), h;
+}
+function Wn(n, t = 0, e, i) {
+  return n.map((s, o) => {
+    const a = o > 0 ? n[o - 1] : void 0, l = a ? a.marginBottom / a.fontSize : 0, r = s.marginTop / s.fontSize, c = Math.max(l, r), h = {
+      fontSize: s.fontSize,
+      fontFamily: s.fontFamily,
+      fontWeight: s.fontWeight,
+      fill: s.color,
+      y: o === 0 && e
+    };
+    return `<tspan xmlns="http://www.w3.org/2000/svg" ${Object.entries(h).filter(([u, p]) => p).map(([u, p]) => `${Mn(u)}="${En(p.toString())}"`).join(" ")}>${s._lines.map((u, p) => {
+      let f;
+      return o === 0 && p === 0 ? f = c : p === 0 ? f = c + s.lineHeight : f = s.lineHeight, `<tspan x="${t}" dy="${f}em" dominant-baseline="${i ?? "auto"}">${u.length ? u : " "}</tspan>`;
+    }).join("")}</tspan>`;
+  });
+}
+function In(n) {
+  return ri(n, (t) => t._estimatedHeight);
+}
+const Vn = ["text", "tspan", "textPath", "altGlyph", "altGlyphDef", "altGlyphItem", "glyphRef", "textRef", "textArea"];
+function Hn(n, t, e, i) {
+  var s, o;
+  const a = zn(t, e.width, void 0, e.fastMode, e.separator, e.wordBreak), l = (s = e.x) !== null && s !== void 0 ? s : +n.getAttribute("x"), r = (o = e.y) !== null && o !== void 0 ? o : +n.getAttribute("y"), c = l ?? 0;
+  let h = r ?? 0;
+  if (e.textAlign && n.setAttribute("text-anchor", $n(e.textAlign)), e.verticalAlign && e.verticalAlign !== Q.Top) {
+    const u = In(a), p = e.verticalAlign === Q.Middle ? -u / 2 : e.verticalAlign === Q.Bottom ? -u : 0;
+    h += p;
+  }
+  e.textRotationAngle ? n.setAttribute("transform", `rotate(${e.textRotationAngle === 0 || e.textRotationAngle ? e.textRotationAngle : 0} ${c} ${h})`) : n.removeAttribute("transform");
+  const d = new DOMParser();
+  n.textContent = "", a.forEach((u) => {
+    const p = Wn([u], c, h, i).join(""), f = Yi(p, Vn), m = d.parseFromString(f, "image/svg+xml").firstChild;
+    n.appendChild(m);
+  });
+}
+const Nn = Object.assign(Object.assign({}, ht), { position: void 0, type: void 0, label: void 0, labelFontSize: null, labelTextFitMode: N.Wrap, labelTextTrimType: q.Middle, gridLine: !0, tickLine: !0, domainLine: !0, numTicks: void 0, minMaxTicksOnly: !1, minMaxTicksOnlyWhenWidthIsLess: 250, minMaxTicksOnlyShowGridLines: !1, tickTextWidth: void 0, tickTextSeparator: void 0, tickTextForceWordBreak: !1, tickTextTrimType: q.Middle, tickTextFitMode: N.Wrap, tickTextFontSize: null, tickTextAlign: void 0, tickTextColor: null, tickTextAngle: void 0, labelMargin: 8, labelColor: null, tickFormat: void 0, tickValues: void 0, fullSize: !0, tickPadding: 8, tickTextHideOverlapping: void 0 });
+function Gn(n, t) {
+  const e = "--vis-", i = Object.entries(n);
+  return Object.fromEntries(i.map(([s]) => [Dn(s.replace(e, "")), s]));
+}
+function Yn(n, t) {
+  J({
+    ":root": n,
+    [`body.theme-dark .${t}`]: Object.keys(n).filter((e) => e.includes("--vis-dark")).map((e) => ({
+      [e.replace("--vis-dark", "--vis")]: `var(${e})`
+    }))
+  });
+}
+const ze = A`
+  label: axis-component;
+`, Qt = {
+  // Undefined by default to allow proper fallback to var(--vis-font-family)
+  /* --vis-axis-font-family: */
+  "--vis-axis-tick-color": "#e8e9ef",
+  /* --vis-axis-domain-color: // Undefined by default to allow fallback to var(--vis-axis-tick-color) */
+  "--vis-axis-grid-color": "#e8e9ef",
+  "--vis-axis-grid-line-width": "1px",
+  "--vis-axis-grid-line-dasharray": "none",
+  "--vis-axis-label-font-size": "14px",
+  "--vis-axis-label-color": "#6c778c",
+  "--vis-axis-label-weight": "500",
+  "--vis-axis-tick-label-color": "#6c778c",
+  "--vis-axis-tick-label-font-size": "12px",
+  "--vis-axis-tick-label-weight": "500",
+  "--vis-axis-tick-label-cursor": "default",
+  "--vis-axis-tick-label-text-decoration": "none",
+  "--vis-axis-tick-line-width": "1px",
+  "--vis-axis-tick-label-hide-transition": "opacity 400ms ease-in-out",
+  /* --vis-axis-domain-line-width: // Undefined by default to allow fallback to var(--vis-axis-grid-line-width) */
+  "--vis-dark-axis-tick-color": "#6c778c",
+  /* --vis-dark-axis-domain-color: // Undefined by default to allow fallback to var(--vis-dark-axis-tick-color) */
+  "--vis-dark-axis-tick-label-color": "#e8e9ef",
+  "--vis-dark-axis-grid-color": "#6c778c",
+  "--vis-dark-axis-label-color": "#fefefe"
+}, Xn = Gn(Qt);
+Yn(Qt, ze);
+const Jt = A`
+  label: hide-tick-line;
+`, Kt = A`
+  label: hide-domain;
+`, We = A`
+  label: axis;
+
+  user-select: none;
+
+  .domain {
+    stroke: var(--vis-axis-domain-color, var(--vis-axis-tick-color));
+    stroke-width: var(--vis-axis-domain-line-width, var(--vis-axis-grid-line-width));
+    stroke-dasharray: var(--vis-axis-domain-line-dasharray, var(--vis-axis-grid-line-dasharray));
+  }
+
+  &${`.${Jt}`} {
+    .tick > line {
+      opacity: 0;
+    }
+  }
+
+  &${`.${Kt}`} {
+    .domain {
+      opacity: 0;
+    }
+  }
+`, Ie = A`
+  label: grid;
+
+  .domain {
+    opacity: 0;
+  }
+
+  line {
+    stroke: var(--vis-axis-grid-color);
+    stroke-width: var(--vis-axis-grid-line-width);
+    stroke-dasharray: var(--vis-axis-grid-line-dasharray);
+  }
+`, Ve = A`
+  label: tick;
+
+  stroke: none;
+  font-size: var(--vis-axis-tick-label-font-size);
+  font-weight: var(--vis-axis-tick-label-weight);
+
+  line {
+    stroke: var(--vis-axis-tick-color);
+    stroke-width: var(--vis-axis-tick-line-width);
+  }
+
+  text {
+    fill: var(--vis-axis-tick-label-color);
+    cursor: var(--vis-axis-tick-label-cursor);
+    font-family: var(--vis-axis-font-family, var(--vis-font-family));
+    text-decoration: var(--vis-axis-tick-label-text-decoration);
+    stroke: none;
+  }
+`, Vt = A`
+  label: tick-text-exiting;
+`, Ht = A`
+  label: label;
+  fill: var(--vis-axis-label-color);
+  font-size: var(--vis-axis-label-font-size);
+  font-weight: var(--vis-axis-label-weight);
+  font-family: var(--vis-axis-font-family, var(--vis-font-family));
+  text-anchor: middle;
+`, He = A`
+  label: tick-label;
+`, Ne = A`
+  label: tick-label-hideable;
+  opacity: 0;
+  transition: var(--vis-axis-tick-label-hide-transition);
+`, Un = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  axis: We,
+  cssVarDefaults: Qt,
+  grid: Ie,
+  hideDomain: Kt,
+  hideTickLine: Jt,
+  label: Ht,
+  root: ze,
+  tick: Ve,
+  tickLabel: He,
+  tickLabelHideable: Ne,
+  tickTextExiting: Vt,
+  variables: Xn
+}, Symbol.toStringTag, { value: "Module" }));
+class jn extends Tt {
+  constructor(t) {
+    super(), this._defaultConfig = Nn, this.config = this._defaultConfig, this._defaultNumTicks = 3, this.events = {}, t && this.setConfig(t), this.axisGroup = this.g.append("g"), this.gridGroup = this.g.append("g").attr("class", Ie);
+  }
+  /** Renders axis to an invisible grouped to calculate automatic chart margins */
+  preRender() {
+    const { config: t } = this, e = this.g.append("g").attr("opacity", 0);
+    this._renderAxis(e, 0), this._axisRawBBox = e.node().getBBox(), t.tickTextAlign && this._alignTickLabels(), this._renderAxisLabel(e), this._axisSizeBBox = this._getAxisSize(e), this._requiredMargin = this._getRequiredMargin(this._axisSizeBBox), e.remove();
+  }
+  getPosition() {
+    const { config: { type: t, position: e } } = this;
+    return e ?? (t === w.X ? v.Bottom : v.Left);
+  }
+  _getAxisSize(t) {
+    return t.node().getBBox();
+  }
+  _getRequiredMargin(t = this._axisSizeBBox) {
+    const { config: { type: e, position: i } } = this;
+    switch (e) {
+      case w.X: {
+        const o = this._axisSizeBBox.x + this._axisSizeBBox.width, a = this._axisSizeBBox.x < 0 ? Math.abs(this._axisSizeBBox.x) : 0, l = o - this._width > 1 ? o - this._width : 0;
+        switch (i) {
+          case v.Top:
+            return { top: t.height, left: a, right: l };
+          case v.Bottom:
+          default:
+            return { bottom: t.height, left: a, right: l };
+        }
+      }
+      case w.Y: {
+        const s = t.height > this._height ? (t.height - this._height) / 2 : 0, o = s, a = s;
+        switch (i) {
+          case v.Right:
+            return { right: t.width, top: o, bottom: a };
+          case v.Left:
+          default:
+            return { left: t.width, top: o, bottom: a };
+        }
+      }
+    }
+  }
+  getRequiredMargin() {
+    return this._requiredMargin;
+  }
+  /** Calculates axis transform:translate offset based on passed container margins */
+  getOffset(t) {
+    const { config: { type: e, position: i } } = this;
+    switch (e) {
+      case w.X:
+        switch (i) {
+          case v.Top:
+            return { top: t.top, left: t.left };
+          case v.Bottom:
+          default:
+            return { top: t.top + this._height, left: t.left };
+        }
+      case w.Y:
+        switch (i) {
+          case v.Right:
+            return { top: t.top, left: t.left + this._width };
+          case v.Left:
+          default:
+            return { top: t.top, left: t.left };
+        }
+    }
+  }
+  _render(t = this.config.duration, e = this.axisGroup) {
+    const { config: i } = this;
+    if (this._renderAxis(e, t), this._renderAxisLabel(e), i.gridLine) {
+      const s = this._buildGrid();
+      this.gridGroup.selectAll("*").interrupt(), O(this.gridGroup, t).call(s).style("opacity", 1);
+    } else
+      O(this.gridGroup, t).style("opacity", 0);
+    i.tickTextAlign && this._alignTickLabels(), this._resolveTickLabelOverlap(e);
+  }
+  _buildAxis() {
+    const { config: { type: t, position: e, tickPadding: i } } = this, s = this._getNumTicks();
+    switch (t) {
+      case w.X:
+        switch (e) {
+          case v.Top:
+            return le(this.xScale).ticks(s).tickPadding(i);
+          case v.Bottom:
+          default:
+            return re(this.xScale).ticks(s).tickPadding(i);
+        }
+      case w.Y:
+        switch (e) {
+          case v.Right:
+            return ae(this.yScale).ticks(s).tickPadding(i);
+          case v.Left:
+          default:
+            return oe(this.yScale).ticks(s).tickPadding(i);
+        }
+    }
+  }
+  _buildGrid() {
+    const { config: t } = this;
+    let e;
+    switch (t.type) {
+      case w.X:
+        switch (t.position) {
+          case v.Top: {
+            e = le(this.xScale);
+            break;
+          }
+          case v.Bottom:
+          default: {
+            e = re(this.xScale);
+            break;
+          }
+        }
+        e.tickSize(-this._height);
+        break;
+      case w.Y:
+        switch (t.position) {
+          case v.Right: {
+            e = ae(this.yScale);
+            break;
+          }
+          case v.Left:
+          default: {
+            e = oe(this.yScale);
+            break;
+          }
+        }
+        e.tickSize(-this._width);
+    }
+    e.tickSizeOuter(0).tickFormat(() => "");
+    const i = this._getNumTicks() * 2, s = e.scale(), o = s.domain(), a = () => {
+      if (!t.minMaxTicksOnlyShowGridLines)
+        return o;
+      const r = s.ticks(i);
+      if (r.length < 2)
+        return o;
+      const c = +r[1] - +r[0], h = o[1];
+      return +h - +r[r.length - 1] > c / 2 ? [...r, h] : r;
+    }, l = t.tickValues ? this._getConfiguredTickValues() : this._shouldRenderMinMaxTicksOnly() ? a() : s.ticks(i);
+    return e.tickValues(l), e;
+  }
+  _renderAxis(t = this.axisGroup, e = this.config.duration) {
+    const { config: i } = this, s = this._buildAxis(), o = s.scale(), a = i.tickValues ? this._getConfiguredTickValues() : this._shouldRenderMinMaxTicksOnly() ? o.domain() : o.ticks(this._getNumTicks()), l = a.length;
+    s.tickValues(a), t.selectAll("*").interrupt();
+    const r = O(t, e).call(s);
+    t.selectAll("text").attr("dy", null).attr("y", null), r.on("end", () => {
+      this._resolveTickLabelOverlap(t);
+    }), t.selectAll("g.tick").classed(Ve, !0).style("font-size", i.tickTextFontSize);
+    const h = t.selectAll("g.tick > text").filter((f) => a.some((m) => K(f, m))).classed(He, !0).classed(Ne, !!i.tickTextHideOverlapping).style("fill", i.tickTextColor);
+    t.selectAll("g.tick > text").filter((f) => !a.some((m) => K(f, m))).classed(Vt, !0), h.nodes().forEach((f) => xe(f));
+    const d = s.tickSize(), u = this.getPosition(), p = i.tickTextWidth || (i.type === w.X ? this._containerWidth / (l + 1) : this._containerWidth / 5);
+    if (h.each((f, m, g) => {
+      var x, _;
+      let y = (_ = (x = i.tickFormat) === null || x === void 0 ? void 0 : x.call(i, f, m, a)) !== null && _ !== void 0 ? _ : `${f}`;
+      const b = g[m];
+      if (!this._tickTextStyleCached) {
+        const T = getComputedStyle(b);
+        this._tickTextStyleCached = {
+          fontSize: Number.parseFloat(T.fontSize),
+          fontFamily: T.fontFamily,
+          fontWidthToHeightRatio: Ut()
+        };
+      }
+      const [k, C] = this._getTickTextOffset(u, d, this._tickTextStyleCached.fontSize), $ = {
+        verticalAlign: i.type === w.X ? Q.Top : Q.Middle,
+        width: p,
+        textRotationAngle: i.tickTextAngle,
+        separator: i.tickTextSeparator,
+        wordBreak: i.tickTextForceWordBreak,
+        x: k,
+        y: C
+      };
+      if (i.tickTextFitMode === N.Trim) {
+        const T = V(b).text(y);
+        _e(T, p, i.tickTextTrimType, !0, this._tickTextStyleCached.fontSize, 0.58), y = V(b).text();
+      }
+      const E = Object.assign({ text: y }, this._tickTextStyleCached), L = i.type === w.X ? "central" : "hanging";
+      Hn(b, E, $, L);
+    }), t.classed(We, !0).classed(Jt, !i.tickLine).classed(Kt, !i.domainLine), i.fullSize) {
+      const f = this._getFullDomainPath(0);
+      O(t.select(".domain"), e).attr("d", f);
+    }
+  }
+  _resolveTickLabelOverlap(t = this.axisGroup) {
+    const { config: e } = this, i = t.selectAll(`g.tick > text:not(.${Vt})`);
+    if (!e.tickTextHideOverlapping) {
+      i.style("opacity", null);
+      return;
+    }
+    cancelAnimationFrame(this._collideTickLabelsAnimFrameId), this._collideTickLabelsAnimFrameId = requestAnimationFrame(() => {
+      this._collideTickLabels(i);
+    });
+  }
+  _collideTickLabels(t) {
+    t.each((i, s, o) => {
+      const a = o[s];
+      a._visible = !0;
+    });
+    const e = 3;
+    for (let i = 0; i < e; i += 1)
+      t.each((s, o, a) => {
+        const l = a[o];
+        if (!l._visible)
+          return;
+        const c = l.getBoundingClientRect();
+        for (let h = o + 1; h < a.length; h += 1) {
+          if (o === h)
+            continue;
+          const d = a[h];
+          if (d._visible) {
+            const p = d.getBoundingClientRect();
+            if (on(c, p, -5)) {
+              d._visible = !1;
+              break;
+            }
+          }
+        }
+      });
+    t.each((i, s, o) => {
+      const a = o[s];
+      V(a).style("opacity", a._visible ? 1 : 0);
+    });
+  }
+  _getNumTicks() {
+    const { config: { type: t, numTicks: e } } = this;
+    if (e)
+      return e;
+    if (t === w.X) {
+      const i = this.xScale.range(), s = i[1] - i[0];
+      return Math.floor(s / 175);
+    }
+    if (t === w.Y) {
+      const i = this.yScale.range(), s = Math.abs(i[0] - i[1]);
+      return Math.pow(s, 0.85) / 25;
+    }
+    return this._defaultNumTicks;
+  }
+  _getConfiguredTickValues() {
+    const { config: t } = this, e = t.type === w.X ? this.xScale : this.yScale, i = e?.domain();
+    return t.tickValues ? t.tickValues.filter((s) => s >= i[0] && s <= i[1]) : null;
+  }
+  _shouldRenderMinMaxTicksOnly() {
+    const { config: t } = this;
+    return t.minMaxTicksOnly || t.type === w.X && this._width < t.minMaxTicksOnlyWhenWidthIsLess;
+  }
+  _getFullDomainPath(t = 0) {
+    const { config: { type: e } } = this;
+    switch (e) {
+      case w.X:
+        return `M0.5, ${t} V0.5 H${this._width + 0.5} V${t}`;
+      case w.Y:
+        return `M${-t}, ${this._height + 0.5} H0.5 V0.5 H${-t}`;
+    }
+  }
+  _renderAxisLabel(t = this.axisGroup) {
+    var e;
+    const { type: i, label: s, labelMargin: o, labelFontSize: a, labelTextFitMode: l } = this.config;
+    if (t.selectAll(`.${Ht}`).remove(), !s)
+      return;
+    const r = this.getPosition(), { width: c, height: h } = (e = this._axisRawBBox) !== null && e !== void 0 ? e : t.node().getBBox(), d = i === w.Y ? -90 : 0, u = t.append("text").attr("class", Ht).attr("dy", `${this._getLabelDY()}em`).style("font-size", a).style("fill", this.config.labelColor);
+    u.text(s);
+    let p = !1;
+    if (l === N.Wrap) {
+      const b = i === w.Y ? this._height : this._width;
+      u.node().getComputedTextLength() > b && (Fe(u, b), p = !0);
+    }
+    let f = c, m = h;
+    if (l === N.Wrap) {
+      const b = u.node().getBBox();
+      f = b.width, m = b.height;
+    } else {
+      const b = i === w.X ? f : m, k = getComputedStyle(u.node()), C = Number.parseFloat(k.fontSize);
+      _e(u, b, this.config.labelTextTrimType, !0, C);
+      const $ = u.node().getBBox();
+      f = $.width, m = $.height;
+    }
+    const g = i === w.X ? this._width / 2 : i === w.Y && l === N.Wrap && p ? r === v.Left ? -c - m / 2 - 10 : c : Math.pow(-1, +(r === v.Left)) * c, x = i === w.Y ? this._height / 2 : i === w.X && l === N.Wrap ? r === v.Top ? -h - m / 2 : h : Math.pow(-1, +(r === v.Top)) * h, _ = i === w.X ? 0 : Math.pow(-1, +(r === v.Left)) * o, y = i === w.X ? Math.pow(-1, +(r === v.Top)) * o : 0;
+    u.attr("transform", `translate(${g + _},${x + y}) rotate(${d})`);
+  }
+  _getLabelDY() {
+    const { type: t, position: e } = this.config;
+    switch (t) {
+      case w.X:
+        switch (e) {
+          case v.Top:
+            return 0;
+          case v.Bottom:
+          default:
+            return 0.75;
+        }
+      case w.Y:
+        switch (e) {
+          case v.Right:
+            return 0.75;
+          case v.Left:
+          default:
+            return -0.25;
+        }
+    }
+  }
+  _getTickTextOffset(t, e, i) {
+    var s;
+    const { config: o } = this, a = ((s = o.tickTextAngle) !== null && s !== void 0 ? s : 0) / 180 * Math.PI, l = e + o.tickPadding;
+    if (o.type === w.X) {
+      const r = t === v.Bottom ? 1 : -1;
+      return [
+        r * l * Math.sin(a),
+        r * (l + i / 2) * Math.cos(a)
+      ];
+    } else {
+      const r = t === v.Right ? 1 : -1;
+      return [
+        r * l * Math.cos(a),
+        r * l * Math.sin(a)
+      ];
+    }
+  }
+  _alignTickLabels() {
+    const { config: { type: t, tickTextAlign: e, tickTextAngle: i, position: s } } = this, o = this.g.selectAll("g.tick > text"), a = Rn(e), l = t === w.X ? 0 : this._getYTickTextTranslate(e, s), r = i ? `translate(${l},0) rotate(${i})` : `translate(${l},0)`;
+    o.attr("transform", r).attr("text-anchor", a);
+  }
+  _getYTickTextTranslate(t, e = v.Left) {
+    var i, s, o, a;
+    const l = this.config.tickPadding + 1, r = ((a = (s = (i = this._axisRawBBox) === null || i === void 0 ? void 0 : i.width) !== null && s !== void 0 ? s : (o = this.axisGroup.node()) === null || o === void 0 ? void 0 : o.getBBox().width) !== null && a !== void 0 ? a : 0) - l;
+    switch (t) {
+      case W.Left:
+        return e === v.Left ? r * -1 : 0;
+      case W.Right:
+        return e === v.Left ? 0 : r;
+      case W.Center:
+        return e === v.Left ? r * -0.5 : r * 0.5;
+      default:
+        return 0;
+    }
+  }
+}
+jn.selectors = Un;
+const qn = Object.assign(Object.assign({}, ht), { yStacked: void 0, baseline: null, duration: 100, tooltip: void 0, template: (n, t, e, i) => "", hideWhenFarFromPointer: !0, hideWhenFarFromPointerDistance: 100, snapToData: !0, getCircles: void 0, color: void 0, strokeColor: void 0, strokeWidth: void 0, onCrosshairMove: void 0, forceShowAt: void 0, skipRangeCheck: !1 }), Zn = J`
+  :root {
+    --vis-crosshair-line-stroke-color: #888;
+    --vis-crosshair-line-stroke-width: 1px;
+    --vis-crosshair-line-stroke-opacity: 1;
+    --vis-crosshair-circle-stroke-color: #fff;
+    --vis-crosshair-circle-stroke-width: 1px;
+    --vis-crosshair-circle-stroke-opacity: 0.75;
+  }
+`, Qn = A`
+  label: crosshair-component;
+`, Ge = A`
+  stroke: var(--vis-crosshair-line-stroke-color);
+  stroke-width: var(--vis-crosshair-line-stroke-width);
+  stroke-opacity: var(--vis-crosshair-line-stroke-opacity);
+  pointer-events: none;
+`, Ye = A`
+  stroke: var(--vis-crosshair-circle-stroke-color);
+  stroke-width: var(--vis-crosshair-circle-stroke-width);
+  stroke-opacity: var(--vis-crosshair-circle-stroke-opacity);
+  pointer-events: none;
+`, Jn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  circle: Ye,
+  globalStyles: Zn,
+  line: Ge,
+  root: Qn
+}, Symbol.toStringTag, { value: "Module" }));
+class Kn extends Tt {
+  constructor(t) {
+    super(), this.clippable = !0, this._defaultConfig = qn, this.config = this._defaultConfig, this._xPx = void 0, this._yPx = void 0, this._mouseEvent = void 0, this._animFrameId = null, this._accessors = {
+      x: void 0,
+      y: void 0,
+      yStacked: void 0,
+      baseline: void 0
+    }, t && this.setConfig(t), this.g.style("opacity", 0), this.line = this.g.append("line").attr("class", Ge);
+  }
+  set accessors(t) {
+    this._accessors = t;
+  }
+  get accessors() {
+    var t;
+    const { config: e } = this, i = !!(e.x || e.y || e.yStacked), s = i ? e.x : this._accessors.x, o = i ? e.y : this._accessors.y, a = o ? it(o) ? o : [o] : void 0, l = i ? e.yStacked : this._accessors.yStacked, r = (t = e.baseline) !== null && t !== void 0 ? t : this._accessors.baseline;
+    return { x: s, y: a, yStacked: l, baseline: r };
+  }
+  _isContainerInViewport() {
+    var t;
+    if (!(!((t = this.container) === null || t === void 0) && t.node()))
+      return !1;
+    const e = this.container.node().getBoundingClientRect(), i = window.innerWidth || document.documentElement.clientWidth, s = window.innerHeight || document.documentElement.clientHeight, o = Math.max(0, Math.min(e.right, i) - Math.max(e.left, 0)), a = Math.max(0, Math.min(e.bottom, s) - Math.max(e.top, 0)), l = e.width * e.height, r = o * a;
+    return l > 0 && r / l >= 0.35;
+  }
+  setContainer(t) {
+    this.container !== t && (this.container = t, this.container.on("mousemove.crosshair", this._onMouseMove.bind(this)), this.container.on("mouseout.crosshair", this._onMouseOut.bind(this)), this.container.on("wheel.crosshair", this._onWheel.bind(this)));
+  }
+  _render(t) {
+    var e, i, s, o, a;
+    const { config: l, datamodel: r } = this, c = B(t) ? t : l.duration, h = l.forceShowAt !== void 0, d = h ? this.xScale(l.forceShowAt) : this._xPx, u = this.xScale.invert(d), p = !((e = r.data) === null || e === void 0) && e.length && this.accessors.x ? r.data.indexOf(Ct(r.data, u, this.accessors.x, G.Left)) : void 0;
+    let f, m;
+    l.snapToData && (!this.accessors.y && !this.accessors.yStacked && (!((i = r.data) === null || i === void 0) && i.length) && console.warn("Unovis | Crosshair: Y accessors have not been configured. Please check if they're present in the configuration object"), !(!((s = r.data) === null || s === void 0) && s.length) && this._mouseEvent && console.warn("Unovis | Crosshair: No data to snap to. Make sure the data has been passed to the container or to the crosshair itself"), f = Ct(r.data, u, this.accessors.x), m = r.data.indexOf(f));
+    const g = this.xScale.range(), x = this.yScale.range(), _ = l.snapToData && f ? I(Math.round(this.xScale(R(f, this.accessors.x, m))), 0, this._width) : I(d, g[0], g[1]), y = d >= g[0] && d <= g[1], b = this._yPx >= Math.min(x[0], x[1]) && this._yPx <= Math.max(x[0], x[1]);
+    let k = l.skipRangeCheck ? !!this._xPx : this._xPx ? y && b : y;
+    l.hideWhenFarFromPointer && Math.abs(_ - +d) >= l.hideWhenFarFromPointerDistance && (k = !1);
+    const C = (o = l.tooltip) !== null && o !== void 0 ? o : this.tooltip;
+    if (k && C && this._isContainerInViewport()) {
+      const T = C.getContainer() || this.container.node(), Z = C.isContainerBody(), X = this.accessors.x ? R(f, this.accessors.x, m) : void 0;
+      if (h) {
+        const P = this.container.node().getBoundingClientRect(), nt = (Z ? d + P.left : d) + this._containerMargin.left, st = this._height / 2 + (Z ? P.top : 0), ut = [nt, st];
+        this._showTooltip(f, X, ut, p);
+      } else if (this._mouseEvent) {
+        const P = Z ? [this._mouseEvent.clientX, this._mouseEvent.clientY] : bt(this._mouseEvent, T);
+        this._showTooltip(f, X, P, p);
+      }
+    } else
+      this._hideTooltip();
+    if (this._mouseEvent && ((a = l.onCrosshairMove) === null || a === void 0 || a.call(l, k ? this.xScale.invert(this._xPx) : void 0, f, m, this._mouseEvent), this._mouseEvent = void 0), O(this.g, c).style("opacity", k ? 1 : 0), !isFinite(d))
+      return;
+    this.line.attr("y1", 0).attr("y2", this._height), O(this.line, c, ce).attr("x1", _).attr("x2", _);
+    const $ = Gt(l.getCircles) ? l.getCircles(u, r.data, this.yScale, p) : this.getCircleData(f, m), E = this.g.selectAll("circle").data($, (T, Z) => {
+      var X;
+      return (X = T.id) !== null && X !== void 0 ? X : Z;
+    }), L = E.enter().append("circle").attr("class", Ye).attr("r", 0).attr("cx", _).attr("cy", (T) => T.y).style("fill", (T) => T.color).style("stroke", (T) => T.strokeColor).style("stroke-width", (T) => T.strokeWidth);
+    O(L.merge(E), c, ce).attr("cx", _).attr("cy", (T) => T.y).attr("r", 4).style("opacity", (T) => T.opacity).style("fill", (T) => T.color).style("stroke", (T) => T.strokeColor).style("stroke-width", (T) => T.strokeWidth), E.exit().remove();
+  }
+  hide(t) {
+    window.cancelAnimationFrame(this._animFrameId), this._animFrameId = window.requestAnimationFrame(() => {
+      var e, i;
+      this._xPx = void 0, this._yPx = void 0, this._mouseEvent = void 0, (i = (e = this.config).onCrosshairMove) === null || i === void 0 || i.call(e, void 0, void 0, void 0, t), this._render();
+    });
+  }
+  _onMouseMove(t) {
+    var e;
+    const { datamodel: i, element: s } = this;
+    !this.accessors.x && (!((e = i.data) === null || e === void 0) && e.length) && console.warn("Unovis | Crosshair: X accessor function has not been configured. Please check if it's present in the configuration object");
+    const [o, a] = bt(t, s);
+    this._xPx = o, this._yPx = a, this._mouseEvent = t, window.cancelAnimationFrame(this._animFrameId), this._animFrameId = window.requestAnimationFrame(() => {
+      this._render();
+    });
+  }
+  _onMouseOut(t) {
+    var e;
+    (!t || !(!((e = this.container) === null || e === void 0) && e.node().contains(t.relatedTarget))) && this.hide(t);
+  }
+  _onWheel(t) {
+    this.hide(t);
+  }
+  _showTooltip(t, e, i, s) {
+    var o;
+    const { config: a, datamodel: l } = this, r = (o = a.tooltip) !== null && o !== void 0 ? o : this.tooltip;
+    if (!r || !i)
+      return;
+    const [c, h] = i, d = a.template(t, e, l.data, s);
+    if (r.config.followCursor = !0, !r.config.horizontalPlacement || r.config.horizontalPlacement === v.Auto) {
+      const u = r.isContainerBody() ? c - this.container.node().getBoundingClientRect().left : c;
+      r.overrideHorizontalPlacement(u > this._containerWidth / 2 ? v.Left : v.Right);
+    }
+    d && r.show(d, { x: c, y: h });
+  }
+  _hideTooltip() {
+    var t;
+    const { config: e } = this, i = (t = e.tooltip) !== null && t !== void 0 ? t : this.tooltip;
+    i?.hide();
+  }
+  // We don't want Crosshair to be be taken in to account in domain calculations
+  getYDataExtent() {
+    return [void 0, void 0];
+  }
+  getCircleData(t, e) {
+    var i, s;
+    const { config: o } = this;
+    if (o.snapToData && t) {
+      const a = (i = this.accessors.y) !== null && i !== void 0 ? i : [], l = (s = this.accessors.yStacked) !== null && s !== void 0 ? s : [], r = R(t, this.accessors.baseline, e) || 0, c = Ji(t, e, ...l).map((d, u) => ({
+        y: this.yScale(d + r),
+        opacity: B(R(t, l[u], u)) ? 1 : 0,
+        color: z(t, o.color, u),
+        strokeColor: o.strokeColor ? z(t, o.strokeColor, u) : void 0,
+        strokeWidth: o.strokeWidth ? R(t, o.strokeWidth, u) : void 0
+      })), h = a.map((d, u) => {
+        const p = R(t, d, e);
+        return {
+          y: this.yScale(p),
+          opacity: B(p) ? 1 : 0,
+          color: z(t, o.color, c.length + u),
+          strokeColor: o.strokeColor ? z(t, o.strokeColor, u) : void 0,
+          strokeWidth: o.strokeWidth ? R(t, o.strokeWidth, u) : void 0
+        };
+      });
+      return c.concat(h);
+    }
+    return [];
+  }
+}
+Kn.selectors = Jn;
+const ts = Object.assign(Object.assign({}, qt), { id: (n, t) => {
+  var e;
+  return (e = n.id) !== null && e !== void 0 ? e : t;
+}, value: void 0, angleRange: [0, 2 * Math.PI], padAngle: 0, sortFunction: void 0, cornerRadius: 0, color: void 0, radius: void 0, arcWidth: 20, centralLabel: void 0, centralSubLabel: void 0, centralSubLabelWrap: !0, showEmptySegments: !1, emptySegmentAngle: 0.5 * Math.PI / 180, showBackground: !0, backgroundAngleRange: void 0, centralLabelOffsetX: void 0, centralLabelOffsetY: void 0 });
+function es(n, t) {
+  n.style("fill", (e) => z(e.data, t.color, e.index)).style("opacity", 0).each((e, i, s) => {
+    const o = s[i], a = (e.startAngle + e.endAngle) / 2, l = (e.endAngle - e.startAngle) / 2;
+    o._animState = {
+      startAngle: a - l,
+      endAngle: a + l,
+      innerRadius: e.innerRadius,
+      outerRadius: e.outerRadius,
+      padAngle: e.padAngle
+    };
+  });
+}
+function is(n, t, e, i) {
+  n.style("transition", `fill ${i}ms`).style("fill", (o) => z(o.data, t.color, o.index));
+  const s = (o) => t.showEmptySegments || o.value ? 1 : 0;
+  i ? O(n, i).style("opacity", s).attrTween("d", (a, l, r) => {
+    const c = r[l], h = {
+      startAngle: a.startAngle,
+      endAngle: a.endAngle,
+      innerRadius: a.innerRadius,
+      outerRadius: a.outerRadius,
+      padAngle: a.padAngle
+    }, d = Xi(c._animState, h);
+    return (u) => (c._animState = d(u), e(c._animState));
+  }) : n.attr("d", e).style("opacity", s);
+}
+function ns(n, t) {
+  O(n, t).style("opacity", 0).remove();
+}
+const Xe = Array.from({ length: 4 }, (n, t) => {
+  const e = -Math.PI / 2 + t * Math.PI / 2;
+  return [e, e + Math.PI];
+}), [As, Ts, $s, Rs] = Xe, Ue = A`
+  label: donut-component;
+`, ss = J`
+  :root {
+    --vis-donut-central-label-font-size: 16px;
+    --vis-donut-central-label-text-color: #5b5f6d;
+    // Undefined by default to allow proper fallback to var(--vis-font-family)
+    /* --vis-donut-central-label-font-family: */
+    --vis-donut-central-label-font-weight: 600;
+
+    --vis-donut-central-sub-label-font-size: 12px;
+    --vis-donut-central-sub-label-text-color: #5b5f6d;
+    // Undefined by default to allow proper fallback to var(--vis-font-family)
+    /* --vis-donut-central-sub-label-font-family: */
+    --vis-donut-central-sub-label-font-weight: 500;
+
+    --vis-donut-background-color: #E7E9F3;
+    --vis-donut-segment-stroke-width: 0;
+    // The line segment color variable is not defined by default
+    // to allow it to fallback to the donut background color
+    /* --vis-donut-segment-stroke-color: none; */
+
+    --vis-dark-donut-central-label-text-color: #C2BECE;
+    --vis-dark-donut-central-sub-label-text-color: #C2BECE;
+    --vis-dark-donut-background-color: #18160C;
+  }
+
+  body.theme-dark ${`.${Ue}`} {
+    --vis-donut-central-label-text-color: var(--vis-dark-donut-central-label-text-color);
+    --vis-donut-central-sub-label-text-color: var(--vis-dark-donut-central-sub-label-text-color);
+    --vis-donut-background-color: var(--vis-dark-donut-background-color);
+  }
+`, je = A`
+  label: background;
+  fill: var(--vis-donut-background-color);
+`, Nt = A`
+  label: segment;
+  stroke-width: var(--vis-donut-segment-stroke-width);
+  stroke: var(--vis-donut-segment-stroke-color, var(--vis-donut-background-color));
+`, qe = A`
+  label: segment-exit;
+`, Ze = A`
+  label: central-label;
+  text-anchor: middle;
+  dominant-baseline: middle;
+  font-size: var(--vis-donut-central-label-font-size);
+  font-family: var(--vis-donut-central-label-font-family, var(--vis-font-family));
+  font-weight: var(--vis-donut-central-label-font-weight);
+  fill: var(--vis-donut-central-label-text-color);
+`, Qe = A`
+  label: central-label;
+  text-anchor: middle;
+  dominant-baseline: middle;
+  font-size: var(--vis-donut-central-sub-label-font-size);
+  font-family: var(--vis-donut-central-sub-label-font-family, var(--vis-font-family));
+  font-weight: var(--vis-donut-central-sub-label-font-weight);
+  fill: var(--vis-donut-central-sub-label-text-color);
+`, os = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  background: je,
+  centralLabel: Ze,
+  centralSubLabel: Qe,
+  root: Ue,
+  segment: Nt,
+  segmentExit: qe,
+  variables: ss
+}, Symbol.toStringTag, { value: "Module" }));
+class as extends De {
+  constructor(t) {
+    super(), this._defaultConfig = ts, this.config = this._defaultConfig, this.datamodel = new Me(), this.arcGen = $i(), this.events = {}, t && this.setConfig(t), this.arcBackground = this.g.append("path"), this.arcGroup = this.g.append("g"), this.centralLabel = this.g.append("text").attr("class", Ze), this.centralSubLabel = this.g.append("text").attr("class", Qe);
+  }
+  get bleed() {
+    return { top: 0, bottom: 0, left: 0, right: 0 };
+  }
+  _render(t) {
+    var e, i, s, o, a, l, r, c, h, d, u, p, f, m;
+    const { config: g, datamodel: x, bleed: _ } = this, y = x.data.map((S, H) => ({
+      index: H,
+      datum: S
+    })).filter((S) => g.showEmptySegments || R(S.datum, g.value, S.index)), b = B(t) ? t : g.duration, [k, C, $, E] = Xe.map((S) => g.angleRange && g.angleRange[0] === S[0] && g.angleRange[1] === S[1]), L = k || $, T = C || E, Z = this._width * (T ? 2 : 1), X = this._height * (L ? 2 : 1), P = g.radius || Math.min(Z - _.left - _.right, X - _.top - _.bottom) / 2, nt = g.arcWidth === 0 ? 0 : I(P - g.arcWidth, 0, P - 1), st = this._height / 2 + (k ? P / 2 : $ ? -P / 2 : 0), ut = this._width / 2 + (E ? P / 2 : C ? -P / 2 : 0), te = `translate(${ut},${st})`;
+    this.arcGroup.attr("transform", te), this.arcGen.startAngle((S) => S.startAngle).endAngle((S) => S.endAngle).innerRadius((S) => S.innerRadius).outerRadius((S) => S.outerRadius).padAngle((S) => S.padAngle).cornerRadius(g.cornerRadius);
+    const Je = Ri().startAngle((i = (e = g.angleRange) === null || e === void 0 ? void 0 : e[0]) !== null && i !== void 0 ? i : 0).endAngle((o = (s = g.angleRange) === null || s === void 0 ? void 0 : s[1]) !== null && o !== void 0 ? o : 2 * Math.PI).padAngle(g.padAngle).value((S) => R(S.datum, g.value, S.index) || 0).sort((S, H) => {
+      var Dt;
+      return (Dt = g.sortFunction) === null || Dt === void 0 ? void 0 : Dt.call(g, S.datum, H.datum);
+    })(y).map((S) => {
+      const H = Object.assign(Object.assign({}, S), {
+        data: S.data.datum,
+        index: S.data.index,
+        innerRadius: nt,
+        outerRadius: P
+      });
+      return g.showEmptySegments && S.endAngle - S.startAngle - S.padAngle <= Number.EPSILON && (H.endAngle = S.startAngle + Math.max(g.emptySegmentAngle, g.padAngle), H.padAngle = S.padAngle / 2), H;
+    }), Rt = this.arcGroup.selectAll(`.${Nt}`).data(Je, (S) => g.id(S.data, S.index)), Ke = Rt.enter().append("path").attr("class", Nt).call(es, g), ee = Rt.merge(Ke);
+    ee.call(is, g, this.arcGen, b), ee.sort((S, H) => H.value - S.value), Rt.exit().attr("class", qe).call(ns, b);
+    const ie = C ? "start" : E ? "end" : "middle";
+    this.centralLabel.attr("dy", g.centralSubLabel ? "-0.55em" : null).style("text-anchor", ie).text((a = g.centralLabel) !== null && a !== void 0 ? a : null), this.centralSubLabel.attr("dy", g.centralLabel ? "0.55em" : null).style("text-anchor", ie).text((l = g.centralSubLabel) !== null && l !== void 0 ? l : null), g.centralSubLabelWrap && Fe(this.centralSubLabel, nt * 1.9);
+    const ti = (g.centralLabelOffsetX || 0) + ut;
+    let ne = (g.centralLabelOffsetY || 0) + st;
+    L && g.centralLabelOffsetX === void 0 && g.centralLabelOffsetY === void 0 && (ne = (k ? -this.centralSubLabel.node().getBoundingClientRect().height : $ ? this.centralLabel.node().getBoundingClientRect().height : 0) + st);
+    const se = `translate(${ti},${ne})`;
+    this.centralLabel.attr("transform", se), this.centralSubLabel.attr("transform", se), this.arcBackground.attr("class", je).attr("visibility", g.showBackground ? null : "hidden").attr("transform", te), O(this.arcBackground, b).attr("d", this.arcGen({
+      startAngle: (d = (c = (r = g.backgroundAngleRange) === null || r === void 0 ? void 0 : r[0]) !== null && c !== void 0 ? c : (h = g.angleRange) === null || h === void 0 ? void 0 : h[0]) !== null && d !== void 0 ? d : 0,
+      endAngle: (m = (p = (u = g.backgroundAngleRange) === null || u === void 0 ? void 0 : u[1]) !== null && p !== void 0 ? p : (f = g.angleRange) === null || f === void 0 ? void 0 : f[1]) !== null && m !== void 0 ? m : 2 * Math.PI,
+      innerRadius: nt,
+      outerRadius: P
+    }));
+  }
+}
+as.selectors = os;
+export {
+  jn as A,
+  Kn as C,
+  as as D,
+  Tn as G,
+  Zt as L,
+  Cs as S,
+  _n as T,
+  ws as X,
+  K as i
+};