dynamic-mui 2.1.0 → 2.2.0

package/dist/AxisSharedComponents-xLtpOLH_.mjs

@@ -0,0 +1,605 @@
+import * as D from "react";
+import { d as Z, k as J, i as E } from "./useAxis-SiNBMMWq.mjs";
+import { _ as $, g as Q, h as q, a as R, j as V, P as C, s as K } from "./index-BhaKvHkU.mjs";
+import { c as B } from "./clampAngle-BvZjnf53.mjs";
+function tt() {
+  const [e, t] = D.useState(!1);
+  return D.useEffect(() => {
+    t(!0);
+  }, []), e;
+}
+function et(e) {
+  return typeof e == "number" && !Number.isFinite(e);
+}
+function nt(e, t) {
+  return Math.abs(t.getFullYear() - e.getFullYear());
+}
+function j(e, t) {
+  return Math.abs(t.getFullYear() * 12 + t.getMonth() - 12 * e.getFullYear() - e.getMonth());
+}
+function S(e, t) {
+  return Math.abs(t.getTime() - e.getTime()) / (1e3 * 60 * 60 * 24);
+}
+function it(e, t) {
+  return Math.abs(t.getTime() - e.getTime()) / (1e3 * 60 * 60);
+}
+const rt = {
+  years: {
+    getTickNumber: nt,
+    isTick: (e, t) => t.getFullYear() !== e.getFullYear(),
+    format: (e) => e.getFullYear().toString()
+  },
+  quarterly: {
+    getTickNumber: (e, t) => Math.floor(j(e, t) / 3),
+    isTick: (e, t) => t.getMonth() !== e.getMonth() && t.getMonth() % 3 === 0,
+    format: new Intl.DateTimeFormat("default", {
+      month: "short"
+    }).format
+  },
+  months: {
+    getTickNumber: j,
+    isTick: (e, t) => t.getMonth() !== e.getMonth(),
+    format: new Intl.DateTimeFormat("default", {
+      month: "short"
+    }).format
+  },
+  biweekly: {
+    getTickNumber: (e, t) => S(e, t) / 14,
+    isTick: (e, t) => (t.getDay() < e.getDay() || S(t, e) > 7) && Math.floor(t.getDate() / 7) % 2 === 1,
+    format: new Intl.DateTimeFormat("default", {
+      day: "numeric"
+    }).format
+  },
+  weeks: {
+    getTickNumber: (e, t) => S(e, t) / 7,
+    isTick: (e, t) => t.getDay() < e.getDay() || S(t, e) >= 7,
+    format: new Intl.DateTimeFormat("default", {
+      day: "numeric"
+    }).format
+  },
+  days: {
+    getTickNumber: S,
+    isTick: (e, t) => t.getDate() !== e.getDate(),
+    format: new Intl.DateTimeFormat("default", {
+      day: "numeric"
+    }).format
+  },
+  hours: {
+    getTickNumber: it,
+    isTick: (e, t) => t.getHours() !== e.getHours(),
+    format: new Intl.DateTimeFormat("default", {
+      hour: "2-digit",
+      minute: "2-digit"
+    }).format
+  }
+}, P = {
+  start: 0,
+  extremities: 0,
+  end: 1,
+  middle: 0.5
+};
+function M(e, t, n) {
+  return e(t) - (e.step() - e.bandwidth()) / 2 + P[n] * e.step();
+}
+function st(e, t, n) {
+  const s = Math.abs(t[1] - t[0]), i = Math.ceil(e.length / (s / n));
+  return Number.isNaN(i) || i <= 1 ? e : e.filter((o, c) => c % i === 0);
+}
+function ot(e, t, n, s, i) {
+  if (n.length === 0)
+    return [];
+  const o = s.range()[0] > s.range()[1], c = e.findIndex((l) => i(M(s, l, o ? "start" : "end"))), u = e.findLastIndex((l) => i(M(s, l, o ? "end" : "start"))), r = e[0], a = e[e.length - 1];
+  if (!(r instanceof Date) || !(a instanceof Date))
+    return [];
+  let d = 0;
+  for (let l = 0; l < n.length; l += 1)
+    if (n[l].getTickNumber(r, a) !== 0) {
+      d = l;
+      break;
+    }
+  let g = d;
+  for (let l = d; l < n.length; l += 1) {
+    if (l === n.length - 1) {
+      g = l;
+      break;
+    }
+    const b = n[l].getTickNumber(r, a), f = n[l + 1].getTickNumber(r, a);
+    if (f > t || t / b < f / t) {
+      g = l;
+      break;
+    }
+  }
+  const m = [];
+  for (let l = Math.max(1, c); l <= u; l += 1)
+    for (let b = d; b <= g; b += 1) {
+      const f = e[l - 1], k = e[l];
+      if (f instanceof Date && k instanceof Date && n[b].isTick(f, k)) {
+        m.push({
+          index: l,
+          formatter: n[b].format
+        });
+        break;
+      }
+    }
+  return m;
+}
+function at(e) {
+  const {
+    scale: t,
+    tickNumber: n,
+    valueFormatter: s,
+    tickInterval: i,
+    tickPlacement: o,
+    tickLabelPlacement: c,
+    tickSpacing: u,
+    isInside: r,
+    ordinalTimeTicks: a
+  } = e;
+  if (a !== void 0 && J(t.domain()) && E(t)) {
+    const f = t.domain();
+    if (f.length === 0 || f.length === 1)
+      return [];
+    const k = "middle";
+    return ot(f, n, a.map((p) => typeof p == "string" ? rt[p] : p), t, r).map(({
+      index: p,
+      formatter: w
+    }) => {
+      const I = f[p], y = w(I);
+      return {
+        value: I,
+        formattedValue: y,
+        offset: M(t, I, k),
+        labelOffset: 0
+      };
+    });
+  }
+  const d = o ?? "extremities";
+  if (E(t)) {
+    const f = t.domain(), k = c ?? "middle";
+    let h = f;
+    if (typeof i == "object" && i != null ? h = i : (typeof i == "function" && (h = h.filter(i)), u !== void 0 && u > 0 && (h = st(h, t.range(), u))), h.length === 0)
+      return [];
+    if (t.bandwidth() > 0) {
+      const p = t.range()[0] > t.range()[1], w = h.findIndex((y) => r(M(t, y, p ? "start" : "end"))), I = h.findLastIndex((y) => r(M(t, y, p ? "end" : "start")));
+      return [...h.slice(w, I + 1).map((y) => {
+        const v = `${y}`;
+        return {
+          value: y,
+          formattedValue: s?.(y, {
+            location: "tick",
+            scale: t,
+            tickNumber: n,
+            defaultTickLabel: v
+          }) ?? v,
+          offset: M(t, y, d),
+          labelOffset: k === "tick" ? 0 : t.step() * (P[k] - P[d])
+        };
+      }), ...d === "extremities" && I === f.length - 1 && r(t.range()[1]) ? [{
+        formattedValue: void 0,
+        offset: t.range()[1],
+        labelOffset: 0
+      }] : []];
+    }
+    return h.map((p) => {
+      const w = `${p}`;
+      return {
+        value: p,
+        formattedValue: s?.(p, {
+          location: "tick",
+          scale: t,
+          tickNumber: n,
+          defaultTickLabel: w
+        }) ?? w,
+        offset: t(p),
+        labelOffset: 0
+      };
+    });
+  }
+  if (t.domain().some(et))
+    return [];
+  const m = c, l = typeof i == "object" ? i : ct(t, n), b = [];
+  for (let f = 0; f < l.length; f += 1) {
+    const k = l[f], h = t(k);
+    if (r(h)) {
+      const p = t.tickFormat(n)(k);
+      b.push({
+        value: k,
+        formattedValue: s?.(k, {
+          location: "tick",
+          scale: t,
+          tickNumber: n,
+          defaultTickLabel: p
+        }) ?? p,
+        offset: h,
+        // Allowing the label to be placed in the middle of a continuous scale is weird.
+        // But it is useful in some cases, like funnel categories with a linear scale.
+        labelOffset: m === "middle" ? t(l[f - 1] ?? 0) - (h + t(l[f - 1] ?? 0)) / 2 : 0
+      });
+    }
+  }
+  return b;
+}
+function ct(e, t) {
+  const n = e.domain();
+  return n[0] === n[1] ? [n[0]] : e.ticks(t);
+}
+function St(e) {
+  const {
+    scale: t,
+    tickNumber: n,
+    valueFormatter: s,
+    tickInterval: i,
+    tickPlacement: o = "extremities",
+    tickLabelPlacement: c,
+    tickSpacing: u,
+    direction: r,
+    ordinalTimeTicks: a
+  } = e, {
+    instance: d
+  } = Z(), g = r === "x" ? d.isXInside : d.isYInside;
+  return D.useMemo(() => at({
+    scale: t,
+    tickNumber: n,
+    tickPlacement: o,
+    tickInterval: i,
+    tickLabelPlacement: c,
+    tickSpacing: u,
+    valueFormatter: s,
+    isInside: g,
+    ordinalTimeTicks: a
+  }), [t, n, o, i, c, u, s, g, a]);
+}
+const H = typeof window < "u" && "Intl" in window && "Segmenter" in Intl ? new Intl.Segmenter(void 0, {
+  granularity: "grapheme"
+}) : null;
+function lt(e) {
+  return e.length;
+}
+function ut(e) {
+  const t = H.segment(e);
+  let n = 0;
+  for (const s of t)
+    n += 1;
+  return n;
+}
+const dt = H ? ut : lt;
+function ft(e) {
+  return e * (Math.PI / 180);
+}
+const Y = typeof window < "u" && "Intl" in window && "Segmenter" in Intl ? new Intl.Segmenter(void 0, {
+  granularity: "grapheme"
+}) : null;
+function gt(e, t) {
+  return e.slice(0, t);
+}
+function mt(e, t) {
+  const n = Y.segment(e);
+  let s = "", i = 0;
+  for (const o of n)
+    if (s += o.segment, i += 1, i >= t)
+      break;
+  return s;
+}
+const ht = Y ? mt : gt, F = "…";
+function Nt(e, t) {
+  const {
+    width: n,
+    height: s,
+    measureText: i
+  } = t, o = ft(t.angle), c = i(e), u = Math.abs(c.width * Math.cos(o)) + Math.abs(c.height * Math.sin(o)), r = Math.abs(c.width * Math.sin(o)) + Math.abs(c.height * Math.cos(o));
+  return u <= n && r <= s;
+}
+function Dt(e, t) {
+  if (t(e))
+    return e;
+  let n = e, s = 1, i = 1 / 2;
+  const o = dt(e);
+  let c = o, u = o, r = null;
+  do {
+    if (u = c, c = Math.floor(o * i), c === 0)
+      break;
+    n = ht(e, c).trim();
+    const a = t(n + F);
+    s += 1, a ? (r = n, i += 1 / 2 ** s) : i -= 1 / 2 ** s;
+  } while (Math.abs(c - u) !== 1);
+  return r ? r + F : "";
+}
+function z() {
+  return typeof window > "u";
+}
+const T = /* @__PURE__ */ new Map(), U = 2e3, pt = /* @__PURE__ */ new Set(["minWidth", "maxWidth", "width", "minHeight", "maxHeight", "height", "top", "left", "fontSize", "padding", "margin", "paddingLeft", "paddingRight", "paddingTop", "paddingBottom", "marginLeft", "marginRight", "marginTop", "marginBottom"]);
+function A(e, t) {
+  return pt.has(e) && t === +t ? `${t}px` : t;
+}
+const bt = /([A-Z])/g;
+function O(e) {
+  return String(e).replace(bt, (t) => `-${t.toLowerCase()}`);
+}
+function G(e) {
+  let t = "";
+  for (const n in e)
+    if (Object.hasOwn(e, n)) {
+      const s = n, i = e[s];
+      if (i === void 0)
+        continue;
+      t += `${O(s)}:${A(s, i)};`;
+    }
+  return t;
+}
+const kt = (e, t = {}) => {
+  if (e == null || z())
+    return {
+      width: 0,
+      height: 0
+    };
+  const n = String(e), s = G(t), i = `${n}-${s}`, o = T.get(i);
+  if (o)
+    return o;
+  try {
+    const c = X(), u = document.createElementNS("http://www.w3.org/2000/svg", "text");
+    Object.keys(t).map((a) => (u.style[O(a)] = A(a, t[a]), a)), u.textContent = n, c.replaceChildren(u);
+    const r = W(u);
+    return T.set(i, r), T.size + 1 > U && T.clear(), process.env.NODE_ENV === "test" && c.replaceChildren(), r;
+  } catch {
+    return {
+      width: 0,
+      height: 0
+    };
+  }
+};
+function Lt(e, t = {}) {
+  if (z())
+    return new Map(Array.from(e).map((r) => [r, {
+      width: 0,
+      height: 0
+    }]));
+  const n = /* @__PURE__ */ new Map(), s = [], i = G(t);
+  for (const r of e) {
+    const a = `${r}-${i}`, d = T.get(a);
+    d ? n.set(r, d) : s.push(r);
+  }
+  const o = X(), c = $({}, t);
+  Object.keys(c).map((r) => (o.style[O(r)] = A(r, c[r]), r));
+  const u = [];
+  for (const r of s) {
+    const a = document.createElementNS("http://www.w3.org/2000/svg", "text");
+    a.textContent = `${r}`, u.push(a);
+  }
+  o.replaceChildren(...u);
+  for (let r = 0; r < s.length; r += 1) {
+    const a = s[r], d = o.children[r], g = W(d), m = `${a}-${i}`;
+    T.set(m, g), n.set(a, g);
+  }
+  return T.size + 1 > U && T.clear(), process.env.NODE_ENV === "test" && o.replaceChildren(), n;
+}
+function W(e) {
+  try {
+    const t = e.getBBox();
+    return {
+      width: t.width,
+      height: t.height
+    };
+  } catch {
+    const t = e.getBoundingClientRect();
+    return {
+      width: t.width,
+      height: t.height
+    };
+  }
+}
+let x = null;
+function X() {
+  return x === null && (x = document.createElementNS("http://www.w3.org/2000/svg", "svg"), x.setAttribute("aria-hidden", "true"), x.style.position = "absolute", x.style.top = "-20000px", x.style.left = "0", x.style.padding = "0", x.style.margin = "0", x.style.border = "none", x.style.pointerEvents = "none", x.style.visibility = "hidden", x.style.contain = "strict", document.body.appendChild(x)), x;
+}
+function $t(e) {
+  return Q("MuiChartsAxis", e);
+}
+const L = q("MuiChartsAxis", ["root", "line", "tickContainer", "tick", "tickLabel", "label", "directionX", "directionY", "top", "bottom", "left", "right", "id"]);
+function xt({
+  style: e,
+  needsComputation: t,
+  text: n
+}) {
+  return n.split(`
+`).map((s) => $({
+    text: s
+  }, t ? kt(s, e) : {
+    width: 0,
+    height: 0
+  }));
+}
+const yt = ["x", "y", "style", "text", "ownerState"], Tt = ["angle", "textAnchor", "dominantBaseline"];
+function wt(e) {
+  const {
+    x: t,
+    y: n,
+    style: s,
+    text: i
+  } = e, o = R(e, yt), c = s ?? {}, {
+    angle: u,
+    textAnchor: r,
+    dominantBaseline: a
+  } = c, d = R(c, Tt), g = tt(), m = D.useMemo(() => xt({
+    style: d,
+    needsComputation: g && i.includes(`
+`),
+    text: i
+  }), [d, i, g]);
+  let l;
+  switch (a) {
+    case "hanging":
+    case "text-before-edge":
+      l = 0;
+      break;
+    case "central":
+      l = (m.length - 1) / 2 * -m[0].height;
+      break;
+    default:
+      l = (m.length - 1) * -m[0].height;
+      break;
+  }
+  return /* @__PURE__ */ V.jsx("text", $({}, o, {
+    transform: u ? `rotate(${u}, ${t}, ${n})` : void 0,
+    x: t,
+    y: n,
+    textAnchor: r,
+    dominantBaseline: a,
+    style: d,
+    children: m.map((b, f) => /* @__PURE__ */ V.jsx("tspan", {
+      x: t,
+      dy: `${f === 0 ? l : m[0].height}px`,
+      dominantBaseline: a,
+      children: b.text
+    }, f))
+  }));
+}
+process.env.NODE_ENV !== "production" && (wt.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * Height of a text line (in `em`).
+   */
+  lineHeight: C.number,
+  /**
+   * If `true`, the line width is computed.
+   * @default false
+   */
+  needsComputation: C.bool,
+  ownerState: C.any,
+  /**
+   * Style applied to text elements.
+   */
+  style: C.object,
+  /**
+   * Text displayed.
+   */
+  text: C.string.isRequired
+});
+function Et(e) {
+  const t = B(e);
+  return t <= 30 || t >= 330 || t <= 210 && t >= 150 ? "middle" : t <= 180 ? "end" : "start";
+}
+function Pt(e) {
+  const t = B(e);
+  return t <= 30 || t >= 330 ? "hanging" : t <= 210 && t >= 150 ? "auto" : "central";
+}
+function At(e) {
+  switch (e) {
+    case "start":
+      return "end";
+    case "end":
+      return "start";
+    default:
+      return e;
+  }
+}
+const N = {
+  start: 0,
+  extremities: 0,
+  end: 1,
+  middle: 0.5,
+  tick: 0
+};
+function Ot(e) {
+  const {
+    scale: t,
+    tickInterval: n,
+    tickLabelPlacement: s = "middle",
+    tickPlacement: i = "extremities",
+    groups: o
+  } = e;
+  return D.useMemo(() => {
+    const c = t.domain(), u = typeof n == "function" && c.filter(n) || typeof n == "object" && n || c;
+    if (t.bandwidth() > 0) {
+      const r = _(u, o, i, s, t);
+      return r[0] && (r[0].ignoreTick = !0), [
+        {
+          formattedValue: void 0,
+          offset: t.range()[0],
+          labelOffset: 0,
+          groupIndex: o.length - 1
+        },
+        ...r,
+        // Last tick
+        {
+          formattedValue: void 0,
+          offset: t.range()[1],
+          labelOffset: 0,
+          groupIndex: o.length - 1
+        }
+      ];
+    }
+    return _(u, o, i, s, t);
+  }, [t, n, o, i, s]);
+}
+function _(e, t, n, s, i) {
+  const o = [], c = /* @__PURE__ */ new Map();
+  let u = 0;
+  for (let r = 0; r < t.length; r += 1)
+    for (let a = 0; a < e.length; a += 1) {
+      const d = e[a], g = t[r].getValue(d, a), m = o[o.length - 1];
+      if (m?.value !== g || m?.groupIndex !== r) {
+        u = 1;
+        const b = E(i) ? i(d) - (i.step() - i.bandwidth()) / 2 + N[n] * i.step() : i(d), f = i.step() * u * (N[s] - N[n]);
+        o.push({
+          value: g,
+          formattedValue: `${g}`,
+          offset: b,
+          groupIndex: r,
+          dataIndex: a,
+          ignoreTick: !1,
+          labelOffset: f
+        }), c.has(a) || c.set(a, /* @__PURE__ */ new Set());
+        const k = c.get(a);
+        for (const h of k.values())
+          o[h].ignoreTick = !0;
+        k.add(o.length - 1);
+      } else {
+        u += 1;
+        const b = i.step() * u * (N[s] - N[n]);
+        m.labelOffset = b;
+      }
+    }
+  return o;
+}
+const vt = K("g", {
+  name: "MuiChartsAxis",
+  slot: "Root"
+})(({
+  theme: e
+}) => ({
+  [`& .${L.tickLabel}`]: $({}, e.typography.caption, {
+    fill: (e.vars || e).palette.text.primary
+  }),
+  [`& .${L.label}`]: {
+    fill: (e.vars || e).palette.text.primary
+  },
+  [`& .${L.line}`]: {
+    stroke: (e.vars || e).palette.text.primary,
+    shapeRendering: "crispEdges",
+    strokeWidth: 1
+  },
+  [`& .${L.tick}`]: {
+    stroke: (e.vars || e).palette.text.primary,
+    shapeRendering: "crispEdges"
+  }
+}));
+export {
+  vt as A,
+  wt as C,
+  L as a,
+  kt as b,
+  Et as c,
+  Nt as d,
+  Dt as e,
+  Pt as f,
+  $t as g,
+  St as h,
+  At as i,
+  Ot as j,
+  et as k,
+  Lt as l,
+  tt as u
+};

package/dist/ChartsAxis-CANvBdY9.mjs

@@ -0,0 +1,47 @@
+import * as u from "react";
+import { j as o, P as i } from "./index-BhaKvHkU.mjs";
+import { C as x } from "./ChartsXAxis-CPmuCRhq.mjs";
+import { C as a } from "./ChartsYAxis-DLUMr9vG.mjs";
+import { u as c, a as A } from "./useAxis-SiNBMMWq.mjs";
+function f(e) {
+  const {
+    slots: t,
+    slotProps: r
+  } = e, {
+    xAxisIds: m,
+    xAxis: n
+  } = c(), {
+    yAxisIds: l,
+    yAxis: p
+  } = A();
+  return /* @__PURE__ */ o.jsxs(u.Fragment, {
+    children: [m.map((s) => !n[s].position || n[s].position === "none" ? null : /* @__PURE__ */ o.jsx(x, {
+      slots: t,
+      slotProps: r,
+      axisId: s
+    }, s)), l.map((s) => !p[s].position || p[s].position === "none" ? null : /* @__PURE__ */ o.jsx(a, {
+      slots: t,
+      slotProps: r,
+      axisId: s
+    }, s))]
+  });
+}
+process.env.NODE_ENV !== "production" && (f.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * The props used for each component slot.
+   * @default {}
+   */
+  slotProps: i.object,
+  /**
+   * Overridable component slots.
+   * @default {}
+   */
+  slots: i.object
+});
+export {
+  f as C
+};

package/dist/ChartsAxis-EZ7m_KrU.js

@@ -0,0 +1 @@
+"use strict";const x=require("react"),r=require("./index--8Zky9Oh.js"),a=require("./ChartsXAxis-DFFY1sPg.js"),A=require("./ChartsYAxis-fpevi1sP.js"),c=require("./useAxis-DSbfEtO7.js");function f(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(o,e,n.get?n:{enumerable:!0,get:()=>t[e]})}}return o.default=t,Object.freeze(o)}const j=f(x);function p(t){const{slots:o,slotProps:e}=t,{xAxisIds:n,xAxis:i}=c.useXAxes(),{yAxisIds:l,yAxis:u}=c.useYAxes();return r.jsxRuntimeExports.jsxs(j.Fragment,{children:[n.map(s=>!i[s].position||i[s].position==="none"?null:r.jsxRuntimeExports.jsx(a.ChartsXAxis,{slots:o,slotProps:e,axisId:s},s)),l.map(s=>!u[s].position||u[s].position==="none"?null:r.jsxRuntimeExports.jsx(A.ChartsYAxis,{slots:o,slotProps:e,axisId:s},s))]})}process.env.NODE_ENV!=="production"&&(p.propTypes={slotProps:r.PropTypes.object,slots:r.PropTypes.object});exports.ChartsAxis=p;

package/dist/ChartsGrid-BCRTvNTr.js

@@ -0,0 +1,3 @@
+"use strict";const a=require("./useAxis-DSbfEtO7.js"),N=require("react"),i=require("./index--8Zky9Oh.js"),d=require("./useChartContainerProps-C_C_PZoi.js"),f=require("./createSelector-f0oqn8Lr.js"),I=require("./AxisSharedComponents-BbsKw1BT.js");function L(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(s,e,r.get?r:{enumerable:!0,get:()=>t[e]})}}return s.default=t,Object.freeze(s)}const y=L(N);function b(t,s,e){if(t==="pointer"){if(s)return[s];if(e)return[e]}if(t==="keyboard"){if(e)return[e];if(s)return[s]}return[]}const C=t=>t.controlledCartesianAxisHighlight,E=(t,s,e,r,c,x)=>{if(x)return[];if(e!==void 0)return e.filter(h=>s.axis[h.axisId]!==void 0).map(h=>h);const u=t!==null&&{axisId:s.axisIds[0],dataIndex:t},l=r!=null&&r;return b(c,u,l)},M=f.createSelectorMemoized(d.selectorChartsInteractionXAxisIndex,a.selectorChartXAxis,C,d.selectorChartsKeyboardXAxisIndex,d.selectorChartsLastInteraction,d.selectorBrushShouldPreventAxisHighlight,E);f.createSelectorMemoized(d.selectorChartsInteractionYAxisIndex,a.selectorChartYAxis,C,d.selectorChartsKeyboardYAxisIndex,d.selectorChartsLastInteraction,d.selectorBrushShouldPreventAxisHighlight,E);const S=(t,s,e,r,c,x,u)=>{if(u)return[];if(r!==void 0)return r.map(p=>i._extends({},p,{value:e.axis[p.axisId]?.data?.[p.dataIndex]})).filter(({value:p})=>p!==void 0);const l=s!=null&&{axisId:e.axisIds[0],value:s};l&&t!=null&&(l.dataIndex=t);const h=c!=null&&e.axis[c.axisId]?.data?.[c.dataIndex],o=c!=null&&h!=null&&i._extends({},c,{value:h});return b(x,l,o)},X=f.createSelectorMemoized(d.selectorChartsInteractionXAxisIndex,d.selectorChartsInteractionXAxisValue,a.selectorChartXAxis,C,d.selectorChartsKeyboardXAxisIndex,d.selectorChartsLastInteraction,d.selectorBrushShouldPreventAxisHighlight,S),k=f.createSelectorMemoized(d.selectorChartsInteractionYAxisIndex,d.selectorChartsInteractionYAxisValue,a.selectorChartYAxis,C,d.selectorChartsKeyboardYAxisIndex,d.selectorChartsLastInteraction,d.selectorBrushShouldPreventAxisHighlight,S),H=(t,s)=>t===void 0?[s.axis[s.axisIds[0]]]:t.map(r=>s.axis[r.axisId]??null).filter(r=>r!==null);f.createSelector(C,a.selectorChartXAxis,H);f.createSelector(C,a.selectorChartYAxis,H);function j(t){if(a.isOrdinalScale(t))return e=>(t(e)??0)+t.bandwidth()/2;const s=t.domain();return s[0]===s[1]?e=>e===s[0]?t(e):NaN:e=>t(e)}function O(){return a.useStore().use(a.selectorChartZoomIsInteracting)}function z(t){return i.generateUtilityClass("MuiChartsAxisHighlight",t)}i.generateUtilityClasses("MuiChartsAxisHighlight",["root"]);const A=i.styled("path",{name:"MuiChartsAxisHighlight",slot:"Root"})(({theme:t})=>({pointerEvents:"none",variants:[{props:{axisHighlight:"band"},style:i._extends({fill:"white",fillOpacity:.1},t.applyStyles("light",{fill:"gray"}))},{props:{axisHighlight:"line"},style:i._extends({strokeDasharray:"5 2",stroke:"#ffffff"},t.applyStyles("light",{stroke:"#000000"}))}]}));function Y(t){const{type:s,classes:e}=t,{left:r,width:c}=a.useDrawingArea(),x=a.useStore(),u=x.use(k),l=x.use(a.selectorChartYAxis);return u.length===0?null:u.map(({axisId:h,value:o})=>{const n=l.axis[h].scale,g=j(n),m=s==="band"&&o!==null&&a.isOrdinalScale(n);return process.env.NODE_ENV!=="production"&&m&&n(o)===void 0&&console.error(["MUI X Charts: The position value provided for the axis is not valid for the current scale.","This probably means something is wrong with the data passed to the chart.","The ChartsAxisHighlight component will not be displayed."].join(`
+`)),i.jsxRuntimeExports.jsxs(y.Fragment,{children:[m&&n(o)!==void 0&&i.jsxRuntimeExports.jsx(A,{d:`M ${r} ${n(o)-(n.step()-n.bandwidth())/2} l 0 ${n.step()} l ${c} 0 l 0 ${-n.step()} Z`,className:e.root,ownerState:{axisHighlight:"band"}}),s==="line"&&o!==null&&i.jsxRuntimeExports.jsx(A,{d:`M ${r} ${g(o)} L ${r+c} ${g(o)}`,className:e.root,ownerState:{axisHighlight:"line"}})]},`${h}-${o}`)})}function _(t){const{type:s,classes:e}=t,{top:r,height:c}=a.useDrawingArea(),x=a.useStore(),u=x.use(X),l=x.use(a.selectorChartXAxis);return u.length===0?null:u.map(({axisId:h,value:o})=>{const n=l.axis[h].scale,g=j(n),m=s==="band"&&o!==null&&a.isOrdinalScale(n);return process.env.NODE_ENV!=="production"&&m&&n(o)===void 0&&console.error(["MUI X Charts: The position value provided for the axis is not valid for the current scale.","This probably means something is wrong with the data passed to the chart.","The ChartsAxisHighlight component will not be displayed."].join(`
+`)),i.jsxRuntimeExports.jsxs(y.Fragment,{children:[m&&n(o)!==void 0&&i.jsxRuntimeExports.jsx(A,{d:`M ${n(o)-(n.step()-n.bandwidth())/2} ${r} l ${n.step()} 0 l 0 ${c} l ${-n.step()} 0 Z`,className:e.root,ownerState:{axisHighlight:"band"}}),s==="line"&&o!==null&&i.jsxRuntimeExports.jsx(A,{d:`M ${g(o)} ${r} L ${g(o)} ${r+c}`,className:e.root,ownerState:{axisHighlight:"line"}})]},`${h}-${o}`)})}const V=()=>{const t={root:["root"]};return i.composeClasses(t,z)};function P(t){const{x:s,y:e}=t,r=V();return i.jsxRuntimeExports.jsxs(y.Fragment,{children:[s&&s!=="none"&&i.jsxRuntimeExports.jsx(_,{type:s,classes:r}),e&&e!=="none"&&i.jsxRuntimeExports.jsx(Y,{type:e,classes:r})]})}process.env.NODE_ENV!=="production"&&(P.propTypes={x:i.PropTypes.oneOf(["band","line","none"]),y:i.PropTypes.oneOf(["band","line","none"])});function $(t){const{id:s,offset:e}=t,{left:r,top:c,width:x,height:u}=a.useDrawingArea(),l=i._extends({top:0,right:0,bottom:0,left:0},e);return i.jsxRuntimeExports.jsx("clipPath",{id:s,children:i.jsxRuntimeExports.jsx("rect",{x:r-l.left,y:c-l.top,width:x+l.left+l.right,height:u+l.top+l.bottom})})}process.env.NODE_ENV!=="production"&&($.propTypes={id:i.PropTypes.string.isRequired,offset:i.PropTypes.shape({bottom:i.PropTypes.number,left:i.PropTypes.number,right:i.PropTypes.number,top:i.PropTypes.number})});function G(t){return i.generateUtilityClass("MuiChartsGrid",t)}const T=i.generateUtilityClasses("MuiChartsGrid",["root","line","horizontalLine","verticalLine"]),D=i.styled("g",{name:"MuiChartsGrid",slot:"Root",overridesResolver:(t,s)=>[{[`&.${T.verticalLine}`]:s.verticalLine},{[`&.${T.horizontalLine}`]:s.horizontalLine},s.root]})({}),R=i.styled("line",{name:"MuiChartsGrid",slot:"Line"})(({theme:t})=>({stroke:(t.vars||t).palette.divider,shapeRendering:"crispEdges",strokeWidth:1}));function U(t){const{instance:s}=a.useChartContext(),{axis:e,start:r,end:c,classes:x}=t,{scale:u,tickNumber:l,tickInterval:h,tickSpacing:o}=e,p=I.useTicks({scale:u,tickNumber:l,tickInterval:h,tickSpacing:o,direction:"x",ordinalTimeTicks:"ordinalTimeTicks"in e?e.ordinalTimeTicks:void 0});return i.jsxRuntimeExports.jsx(y.Fragment,{children:p.map(({value:n,offset:g})=>s.isXInside(g)?i.jsxRuntimeExports.jsx(R,{y1:r,y2:c,x1:g,x2:g,className:x.verticalLine},`vertical-${n?.getTime?.()??n}`):null)})}function q(t){const{instance:s}=a.useChartContext(),{axis:e,start:r,end:c,classes:x}=t,{scale:u,tickNumber:l,tickInterval:h,tickSpacing:o}=e,p=I.useTicks({scale:u,tickNumber:l,tickInterval:h,tickSpacing:o,direction:"y",ordinalTimeTicks:"ordinalTimeTicks"in e?e.ordinalTimeTicks:void 0});return i.jsxRuntimeExports.jsx(y.Fragment,{children:p.map(({value:n,offset:g})=>s.isYInside(g)?i.jsxRuntimeExports.jsx(R,{y1:g,y2:g,x1:r,x2:c,className:x.horizontalLine},`horizontal-${n?.getTime?.()??n}`):null)})}const F=["vertical","horizontal"],Z=({classes:t})=>{const s={root:["root"],verticalLine:["line","verticalLine"],horizontalLine:["line","horizontalLine"]};return i.composeClasses(s,G,t)};function v(t){const s=i.useThemeProps({props:t,name:"MuiChartsGrid"}),e=a.useDrawingArea(),{vertical:r,horizontal:c}=s,x=i._objectWithoutPropertiesLoose(s,F),{xAxis:u,xAxisIds:l}=a.useXAxes(),{yAxis:h,yAxisIds:o}=a.useYAxes(),p=Z(s),n=h[o[0]],g=u[l[0]];return i.jsxRuntimeExports.jsxs(D,i._extends({},x,{className:p.root,children:[r&&i.jsxRuntimeExports.jsx(U,{axis:g,start:e.top,end:e.height+e.top,classes:p}),c&&i.jsxRuntimeExports.jsx(q,{axis:n,start:e.left,end:e.width+e.left,classes:p})]}))}process.env.NODE_ENV!=="production"&&(v.propTypes={classes:i.PropTypes.object,horizontal:i.PropTypes.bool,vertical:i.PropTypes.bool});exports.ChartsAxisHighlight=P;exports.ChartsClipPath=$;exports.ChartsGrid=v;exports.getValueToPositionMapper=j;exports.selectorChartsHighlightXAxisIndex=M;exports.useInternalIsZoomInteracting=O;