@embeddable.com/remarkable-ui 0.1.15 → 0.1.17

package/dist/{charts.fillGaps.hooks-BFmuMVNT.js → charts.fillGaps.hooks-BwlVpKVy.js}

@@ -1,37 +1,37 @@
-import { B as f, C as O, D as Q, m as I, E as R, F as J, G as X, L as tt, H as et, I as at, J as rt, K as st, M as nt, j as N, N as ot, O as lt, P as it, Q as L, R as ct } from "./component.constants-Bn9l4N1t.js";
-import { useRef as dt, useMemo as ut } from "react";
-import { r as mt, g as W, a as ft, b as H } from "./object.utils-C6JIOYmv.js";
-import { g as Y } from "./formatter.utils-Ba_5cIcm.js";
+import { B as h, C as v, D as Q, m as A, E as R, F as J, G as X, L as tt, H as et, I as at, J as rt, K as st, M as nt, j as B, N as ot, O as lt, P as it, Q as L } from "./component.constants-DuGM1FcK.js";
+import { useRef as ct, useMemo as dt } from "react";
+import { r as ut, g as W, a as mt, b as H } from "./object.utils-BlUnrtY3.js";
+import { g as N } from "./formatter.utils-C_jDZCA9.js";
 import { d as D } from "./utc-B2gCnkBk.js";
-import { useTheme as ht } from "@embeddable.com/react";
+import { useTheme as ft } from "@embeddable.com/react";
 const j = {
   ...Q,
   scales: {
     x: {
       title: {
         display: !0,
-        color: O("--em-chart-grid-font-color-default"),
+        color: v("--em-chart-grid-font-color-default"),
         font: {
-          size: f("--em-chart-grid-font-title-size"),
-          weight: f("--em-chart-grid-font-title-weight"),
+          size: h("--em-chart-grid-font-title-size"),
+          weight: h("--em-chart-grid-font-title-weight"),
           // TODO: fix family on dedicated ticket
           // family: getStyle('--em-chart-grid-font-font-family'),
-          lineHeight: `${f("--em-chart-grid-font-line-height")}px`
+          lineHeight: `${h("--em-chart-grid-font-line-height")}px`
         }
       },
       ticks: {
         font: {
-          size: f("--em-chart-grid-font-subtitle-size"),
-          weight: f("--em-chart-grid-font-label-weight"),
+          size: h("--em-chart-grid-font-subtitle-size"),
+          weight: h("--em-chart-grid-font-label-weight"),
           // TODO: fix family on dedicated ticket
           // family: getStyle('--em-chart-grid-font-font-family'),
-          lineHeight: `${f("--em-chart-grid-font-line-height")}px`
+          lineHeight: `${h("--em-chart-grid-font-line-height")}px`
         }
       },
       grid: {
         display: !1,
-        color: O("--em-chart-grid-line-color-light"),
-        lineWidth: f("--em-chart-grid-line-width-default")
+        color: v("--em-chart-grid-line-color-light"),
+        lineWidth: h("--em-chart-grid-line-width-default")
       },
       border: {
         display: !1
@@ -40,35 +40,35 @@ const j = {
     y: {
       title: {
         display: !0,
-        color: O("--em-chart-grid-font-color-default"),
+        color: v("--em-chart-grid-font-color-default"),
         font: {
-          size: f("--em-chart-grid-font-title-size"),
-          weight: f("--em-chart-grid-font-title-weight"),
+          size: h("--em-chart-grid-font-title-size"),
+          weight: h("--em-chart-grid-font-title-weight"),
           // TODO: fix family on dedicated ticket
           // family: getStyle('--em-chart-grid-font-font-family'),
-          lineHeight: `${f("--em-chart-grid-font-line-height")}px`
+          lineHeight: `${h("--em-chart-grid-font-line-height")}px`
         }
       },
       ticks: {
         font: {
-          size: f("--em-chart-grid-font-subtitle-size"),
-          weight: f("--em-chart-grid-font-label-weight"),
+          size: h("--em-chart-grid-font-subtitle-size"),
+          weight: h("--em-chart-grid-font-label-weight"),
           // TODO: fix family on dedicated ticket
           // family: getStyle('--em-chart-grid-font-font-family'),
-          lineHeight: `${f("--em-chart-grid-font-line-height")}px`
+          lineHeight: `${h("--em-chart-grid-font-line-height")}px`
         }
       },
       grid: {
         display: !1,
-        color: O("--em-chart-grid-line-color-light"),
-        lineWidth: f("--em-chart-grid-line-width-default")
+        color: v("--em-chart-grid-line-color-light"),
+        lineWidth: h("--em-chart-grid-line-width-default")
       },
       border: {
         display: !1
       }
     }
   }
-}, gt = (t) => {
+}, ht = (t) => {
   var e;
   return {
     ...t,
@@ -78,16 +78,16 @@ const j = {
         backgroundColor: r,
         borderColor: r
       };
-      return I(s, a);
+      return A(s, a);
     })
   };
 }, G = (t, e) => e && t.datasetIndex === t.chart.data.datasets.length - 1 ? "auto" : !1, z = (t, e) => {
-  const { datasets: a } = e.chart.data, n = e.dataIndex, r = a.reduce((s, o) => {
-    const i = o.data[n];
-    return s + (i || 0);
+  const { datasets: a } = e.chart.data, n = e.dataIndex, r = a.reduce((s, i) => {
+    const l = i.data[n];
+    return s + (l || 0);
   }, 0);
   return r > 0 ? r : "";
-}, pt = (t) => I(j, {
+}, gt = (t) => A(j, {
   indexAxis: "x",
   plugins: {
     datalabels: {
@@ -110,7 +110,7 @@ const j = {
       stacked: t.stacked,
       grid: { display: !0 },
       ticks: {
-        color: O("--em-chart-grid-font-color-muted")
+        color: v("--em-chart-grid-font-color-muted")
         // ...(config.stacked === 'percentage' && {
         //   callback: (value: number | string) => value + '%',
         // }),
@@ -126,7 +126,7 @@ const j = {
     x: {
       stacked: t.stacked,
       ticks: {
-        color: O("--em-chart-grid-font-color-default")
+        color: v("--em-chart-grid-font-color-default")
       },
       reverse: t.reverseXAxis,
       title: {
@@ -134,7 +134,7 @@ const j = {
       }
     }
   }
-}), Dt = (t) => I(j, {
+}), pt = (t) => A(j, {
   indexAxis: "y",
   plugins: {
     datalabels: {
@@ -157,7 +157,7 @@ const j = {
       stacked: t.stacked,
       grid: { display: !0 },
       ticks: {
-        color: O("--em-chart-grid-font-color-muted")
+        color: v("--em-chart-grid-font-color-muted")
         // ...(config.stacked === 'percentage' && {
         //   callback: (value: number | string) => value + '%',
         // }),
@@ -173,7 +173,7 @@ const j = {
     y: {
       stacked: t.stacked,
       ticks: {
-        color: O("--em-chart-grid-font-color-default")
+        color: v("--em-chart-grid-font-color-default")
       },
       reverse: t.reverseYAxis,
       title: {
@@ -181,15 +181,15 @@ const j = {
       }
     }
   }
-}), yt = (t) => {
+}), Dt = (t) => {
   const {
     horizontal: e = !1,
     showLegend: a = !1,
     showTooltips: n = !0,
     showValueLabels: r = !1,
     showTotalLabels: s = !1
-  } = t, i = (e ? Dt : pt)(t);
-  return I(i, {
+  } = t, l = (e ? pt : gt)(t);
+  return A(l, {
     layout: {
       padding: {
         // Hack: dataLabels can get cut off if they are at the edge of the chart
@@ -199,14 +199,14 @@ const j = {
     },
     elements: {
       bar: {
-        borderRadius: f("--em-chart-style-border-radius-default")
+        borderRadius: h("--em-chart-style-border-radius-default")
         // stacked === 'percentage' ? 0 : getStyleNumber('--em-chart-style-border-radius-default'),
       }
     },
     plugins: {
       legend: { display: a },
       datalabels: {
-        display: (c) => r && c.dataset.data[c.dataIndex] !== 0 ? "auto" : !1
+        display: (o) => r && o.dataset.data[o.dataIndex] !== 0 ? "auto" : !1
       },
       tooltip: {
         enabled: n
@@ -216,94 +216,113 @@ const j = {
 };
 J.register(X, tt, et, at, rt, st, nt);
 const Lt = ({ data: t, onSegmentClick: e, options: a = {}, ...n }) => {
-  const r = dt(null), s = I(yt(n), a), o = (i) => {
-    const c = it(i, r);
-    e == null || e(c);
+  const r = ct(null), s = A(Dt(n), a), i = (l) => {
+    const o = it(l, r);
+    e == null || e(o);
   };
-  return /* @__PURE__ */ N.jsx("div", { className: ot.chartContainer, children: /* @__PURE__ */ N.jsx(
+  return /* @__PURE__ */ B.jsx("div", { className: ot.chartContainer, children: /* @__PURE__ */ B.jsx(
     lt,
     {
       ref: r,
-      data: gt(t),
+      data: ht(t),
       options: s,
-      onClick: o
+      onClick: i
     }
   ) });
 }, Ut = (t, e) => {
-  const a = Y(e), { data: n = [], dimension: r, groupDimension: s, measure: o } = t, i = [...new Set(n.map((d) => d[r.name]).filter(Boolean))].sort(), c = [...new Set(n.map((d) => d[s.name]))], u = W(e), h = c.map((d, x) => {
-    const C = H(
-      `${u}.charts.backgroundColors`,
-      d,
+  const a = N(e), { data: n = [], dimension: r, groupDimension: s, measure: i } = t, l = [...new Set(n.map((u) => u[r.name]).filter(Boolean))].sort(), o = [...new Set(n.map((u) => u[s.name]))], d = W(e), m = o.map((u, T) => {
+    const S = H(
+      `${d}.charts.backgroundColors`,
+      `${s.name}.${u}`,
       e.charts.backgroundColors ?? R,
-      x
-    ), A = H(
-      `${u}.charts.borderColors`,
-      d,
+      T
+    ), C = H(
+      `${d}.charts.borderColors`,
+      `${s.name}.${u}`,
       e.charts.borderColors ?? R,
-      x
+      T
     );
     return {
-      label: a.data(s, d),
-      backgroundColor: C,
-      borderColor: A,
-      data: i.map((k) => {
-        const v = n.find(
-          (b) => b[s.name] === d && b[r.name] === k
+      label: a.data(s, u),
+      rawLabel: u,
+      backgroundColor: S,
+      borderColor: C,
+      data: l.map((k) => {
+        const w = n.find(
+          (O) => O[s.name] === u && O[r.name] === k
         );
-        return v ? Number(v[o.name]) : 0;
+        return w ? Number(w[i.name]) : 0;
       })
     };
   });
   return {
-    labels: i.map((d) => a.data(r, d)),
-    datasets: h
+    labels: l,
+    datasets: m
   };
-}, _t = (t, e = mt) => {
-  const a = Y(e);
+}, _t = (t, e = ut) => {
+  const a = N(e);
   if (!t.data)
     return {
       labels: [],
       datasets: [{ data: [] }]
     };
-  const n = W(e), r = ft(t.data, t.dimension, t.measures, t.maxItems);
+  const n = W(e), r = mt(t.data, t.dimension, t.measures, t.maxItems);
   return {
-    labels: r.map((s) => {
-      const o = s[t.dimension.name], i = a.data(t.dimension, o);
-      return o === i ? ct.t(o) : i;
-    }),
-    datasets: t.measures.map((s, o) => {
-      const i = H(
+    labels: r.map((s) => s[t.dimension.name]),
+    datasets: t.measures.map((s, i) => {
+      const l = H(
         `${n}.charts.backgroundColors`,
         s.name,
         e.charts.backgroundColors ?? L,
-        o
-      ), c = H(
+        i
+      ), o = H(
         `${n}.charts.borderColors`,
         s.name,
         e.charts.borderColors ?? L,
-        o
+        i
       );
       return {
         label: a.dimensionOrMeasureTitle(s),
-        data: r.map((u) => u[s.name]),
-        backgroundColor: i,
-        borderColor: c
+        data: r.map((d) => d[s.name]),
+        backgroundColor: l,
+        borderColor: o
       };
     })
   };
-}, Ft = (t, e) => {
-  const { onBarClicked: a, measure: n, horizontal: r } = t, s = Y(e);
+}, bt = (t, e) => {
+  const { datasets: a } = t.chart.data, n = t.dataIndex, r = a.reduce((s, i) => {
+    const l = i.data[n];
+    return s + (l || 0);
+  }, 0);
+  return e(r);
+}, $t = (t, e) => {
+  const { onBarClicked: a, measure: n, dimension: r, horizontal: s, data: i } = t, l = N(e);
   return {
     plugins: {
       legend: { position: e.charts.legendPosition ?? "bottom" },
       datalabels: {
-        formatter: (o) => s.data(t.measure, o)
+        labels: {
+          total: {
+            formatter: (o, d) => bt(
+              d,
+              (m) => l.data(t.measure, m)
+            )
+          },
+          value: {
+            formatter: (o) => l.data(t.measure, o)
+          }
+        }
       },
       tooltip: {
         callbacks: {
-          label(o) {
-            const i = o.raw;
-            return `${o.dataset.label || ""}: ${s.data(n, i)}`;
+          title: (o) => {
+            var m;
+            const d = (m = o[0]) == null ? void 0 : m.label;
+            return l.data(r, d);
+          },
+          label: (o) => {
+            const d = o.raw;
+            return `${l.data(r, o.dataset.label) || ""}: ${l.data(n, d)}`;
           }
         }
       }
@@ -311,28 +330,37 @@ const Lt = ({ data: t, onSegmentClick: e, options: a = {}, ...n }) => {
     scales: {
       x: {
         ticks: {
-          ...r && {
-            callback: (o) => s.data(n, o)
+          callback: (o) => {
+            if (s)
+              return l.data(n, o);
+            if (!i || !i.labels) return;
+            const d = i.labels[Number(o)];
+            return l.data(r, d);
           }
         }
       },
       y: {
         ticks: {
-          ...!r && {
-            callback: (o) => s.data(n, o)
+          callback: (o) => {
+            if (!s)
+              return l.data(n, o);
+            if (!i || !i.labels) return;
+            const d = i.labels[Number(o)];
+            return l.data(r, d);
           }
         }
       }
     },
-    onClick: (o, i, c) => {
-      const u = i[0], h = u ? c.data.labels[u.index] : null, d = u ? c.data.datasets[u.datasetIndex].label : null;
+    onClick: (o, d, m) => {
+      var C;
+      const u = d[0], T = u ? m.data.labels[u.index] : null, S = u ? (C = m.data.datasets[u.datasetIndex]) == null ? void 0 : C.rawLabel : null;
       a({
-        axisDimensionValue: h,
-        groupingDimensionValue: d
+        axisDimensionValue: T,
+        groupingDimensionValue: S
       });
     }
   };
-}, T = {
+}, y = {
   DEFAULT: "YYYY-MM-DDTHH:mm:ss.SSS",
   WITH_TIMEZONE: "YYYY-MM-DDTHH:mm:ss.SSS[Z]",
   WITHOUT_TIMEZONE: "YYYY-MM-DDTHH:mm:ss.SSS",
@@ -347,7 +375,7 @@ const Lt = ({ data: t, onSegmentClick: e, options: a = {}, ...n }) => {
   quarter: "month",
   // Will be handled specially
   year: "year"
-}, Tt = (t) => `${t.getFullYear()}-${String(t.getMonth() + 1).padStart(2, "0")}-${String(t.getDate()).padStart(2, "0")}`, bt = (t) => `${t.getUTCFullYear()}-${String(t.getUTCMonth() + 1).padStart(2, "0")}-${String(t.getUTCDate()).padStart(2, "0")}`, St = (t) => t.toISOString().includes("Z"), _ = (t) => St(t) ? bt(t) : Tt(t), Ot = (t) => t.startOf("month").month(Math.floor(t.month() / 3) * 3).startOf("month"), F = (t, e) => {
+}, yt = (t) => `${t.getFullYear()}-${String(t.getMonth() + 1).padStart(2, "0")}-${String(t.getDate()).padStart(2, "0")}`, Tt = (t) => `${t.getUTCFullYear()}-${String(t.getUTCMonth() + 1).padStart(2, "0")}-${String(t.getUTCDate()).padStart(2, "0")}`, St = (t) => t.toISOString().includes("Z"), _ = (t) => St(t) ? Tt(t) : yt(t), Ot = (t) => t.startOf("month").month(Math.floor(t.month() / 3) * 3).startOf("month"), $ = (t, e) => {
   const a = K(e);
   return e === "week" ? t.startOf("week") : e === "quarter" ? Ot(t) : t.startOf(a);
 }, xt = (t, e) => {
@@ -358,125 +386,125 @@ const Lt = ({ data: t, onSegmentClick: e, options: a = {}, ...n }) => {
     return a;
   const n = a.relativeTimeString;
   if (n) {
-    const i = (((s = e == null ? void 0 : e.defaults) == null ? void 0 : s.dateRangesOptions) ?? []).find((c) => c.value === n);
-    if (i) {
-      const c = i.getRange();
+    const l = (((s = e == null ? void 0 : e.defaults) == null ? void 0 : s.dateRangesOptions) ?? []).find((o) => o.value === n);
+    if (l) {
+      const o = l.getRange();
       return {
-        from: c.from,
-        to: c.to,
+        from: o.from,
+        to: o.to,
         relativeTimeString: n
       };
     }
   }
-}, Ct = (t, e) => {
-  const { dimension: a, granularity: n = "day", sortOrder: r = "asc", dateBounds: s, theme: o } = e, i = s || xt(a, o);
+}, vt = (t, e) => {
+  const { dimension: a, granularity: n = "day", sortOrder: r = "asc", dateBounds: s, theme: i } = e, l = s || xt(a, i);
   if (!t || t.length === 0)
     return t;
   if (!(a != null && a.name))
     throw new Error("dimension.name is required");
-  const c = kt(a.name, n, t), u = t.map((l) => {
-    const m = l[c];
-    if (typeof m != "string")
+  const o = Ct(a.name, n, t), d = t.map((c) => {
+    const f = c[o];
+    if (typeof f != "string")
       return null;
-    const g = D(m);
-    return g.isValid() ? { ...l, _parsedDate: g } : null;
+    const g = D(f);
+    return g.isValid() ? { ...c, _parsedDate: g } : null;
   }).filter(
-    (l) => l !== null
+    (c) => c !== null
   );
-  if (u.length === 0)
+  if (d.length === 0)
     return console.warn("fillGaps: No valid dates found in data"), t;
-  let h, d;
-  if (i) {
-    const l = i.from instanceof Date ? i.from : new Date(i.from), m = i.to instanceof Date ? i.to : new Date(i.to);
+  let m, u;
+  if (l) {
+    const c = l.from instanceof Date ? l.from : new Date(l.from), f = l.to instanceof Date ? l.to : new Date(l.to);
     if (n === "second" || n === "minute" || n === "hour")
-      h = D(l), d = D(m);
+      m = D(c), u = D(f);
     else {
-      const g = _(l), p = _(m);
-      h = D(g), d = D(p);
+      const g = _(c), p = _(f);
+      m = D(g), u = D(p);
     }
-    h = F(h, n), d = F(d, n);
+    m = $(m, n), u = $(u, n);
   } else {
-    const l = u[0];
-    if (!l)
+    const c = d[0];
+    if (!c)
       return t;
-    let m = l._parsedDate, g = l._parsedDate;
-    for (let p = 1; p < u.length; p++) {
-      const w = u[p];
-      if (w) {
-        const S = w._parsedDate;
-        S.isBefore(m) && (m = S), S.isAfter(g) && (g = S);
+    let f = c._parsedDate, g = c._parsedDate;
+    for (let p = 1; p < d.length; p++) {
+      const M = d[p];
+      if (M) {
+        const x = M._parsedDate;
+        x.isBefore(f) && (f = x), x.isAfter(g) && (g = x);
       }
     }
-    h = m, d = g;
+    m = f, u = g;
   }
-  const x = [], C = K(n), A = h.startOf(C), k = d.startOf(C);
+  const T = [], S = K(n), C = m.startOf(S), k = u.startOf(S);
   if (n === "week") {
-    let l = A;
-    for (; l.isBefore(k) || l.isSame(k, "day"); )
-      x.push(l), l = l.add(7, "day");
+    let c = C;
+    for (; c.isBefore(k) || c.isSame(k, "day"); )
+      T.push(c), c = c.add(7, "day");
   } else {
-    let l = A;
-    for (; l.isBefore(k) || l.isSame(k, C); )
-      x.push(l), n === "quarter" ? l = l.add(3, "month") : l = l.add(1, C);
+    let c = C;
+    for (; c.isBefore(k) || c.isSame(k, S); )
+      T.push(c), n === "quarter" ? c = c.add(3, "month") : c = c.add(1, S);
   }
-  const v = /* @__PURE__ */ new Map();
-  u.forEach((l) => {
-    const m = $(l._parsedDate);
-    v.set(m, l);
+  const w = /* @__PURE__ */ new Map();
+  d.forEach((c) => {
+    const f = F(c._parsedDate);
+    w.set(f, c);
   });
-  const b = [];
-  return x.forEach((l) => {
-    const m = $(l), g = v.get(m);
+  const O = [];
+  return T.forEach((c) => {
+    const f = F(c), g = w.get(f);
     if (g) {
       const p = { ...g };
-      delete p._parsedDate, b.push(p);
+      delete p._parsedDate, O.push(p);
     } else {
-      const p = vt(t), w = wt(l, p), S = {
-        [c]: w
-      }, P = a.name, B = t[0];
-      if (B)
-        for (const M of Object.keys(B))
-          M !== c && (M.startsWith(P) && M !== c ? S[M] = w : S[M] = null);
-      b.push(S);
+      const p = kt(t), M = wt(c, p), x = {
+        [o]: M
+      }, V = a.name, Y = t[0];
+      if (Y)
+        for (const E of Object.keys(Y))
+          E !== o && (E.startsWith(V) && E !== o ? x[E] = M : x[E] = null);
+      O.push(x);
     }
-  }), r === "desc" ? b.sort(
-    (l, m) => D(m[c]).valueOf() - D(l[c]).valueOf()
-  ) : b.sort(
-    (l, m) => D(l[c]).valueOf() - D(m[c]).valueOf()
-  ), b;
-}, $ = (t) => t.format("YYYY-MM-DDTHH:mm:ss"), kt = (t, e, a) => {
+  }), r === "desc" ? O.sort(
+    (c, f) => D(f[o]).valueOf() - D(c[o]).valueOf()
+  ) : O.sort(
+    (c, f) => D(c[o]).valueOf() - D(f[o]).valueOf()
+  ), O;
+}, F = (t) => t.format("YYYY-MM-DDTHH:mm:ss"), Ct = (t, e, a) => {
   if (!a || a.length === 0) return t;
   const n = a[0];
   if (!n) return t;
   const r = `${t}.${e}`;
   return r in n ? r : t;
-}, vt = (t) => {
-  if (!(t != null && t.length)) return T.DEFAULT;
+}, kt = (t) => {
+  if (!(t != null && t.length)) return y.DEFAULT;
   const e = t[0];
-  if (!e) return T.DEFAULT;
+  if (!e) return y.DEFAULT;
   for (const a of Object.values(e))
     if (typeof a == "string" && a.includes("T") && a.includes(":"))
-      return a.endsWith("Z") ? T.WITH_TIMEZONE : a.includes(".") ? T.WITHOUT_TIMEZONE : T.WITHOUT_MILLISECONDS;
-  return T.DEFAULT;
-}, wt = (t, e) => e.includes("[Z]") ? t.format(T.WITH_TIMEZONE) : e.includes(".SSS") ? t.format(T.WITHOUT_TIMEZONE) : t.format(T.WITHOUT_MILLISECONDS), K = (t) => U[t] || U.day, $t = (t, e) => {
-  const a = ht(), n = ut(() => {
-    var u, h;
+      return a.endsWith("Z") ? y.WITH_TIMEZONE : a.includes(".") ? y.WITHOUT_TIMEZONE : y.WITHOUT_MILLISECONDS;
+  return y.DEFAULT;
+}, wt = (t, e) => e.includes("[Z]") ? t.format(y.WITH_TIMEZONE) : e.includes(".SSS") ? t.format(y.WITHOUT_TIMEZONE) : t.format(y.WITHOUT_MILLISECONDS), K = (t) => U[t] || U.day, Ft = (t, e) => {
+  const a = ft(), n = dt(() => {
+    var d, m;
     const r = t.data;
     if (e.nativeType !== "time" || !r || r.length === 0)
       return r;
-    const s = ((u = e.inputs) == null ? void 0 : u.granularity) || Et(r, e);
-    if (!s || !(((h = e.inputs) == null ? void 0 : h.dateBounds) ?? Mt(r, e, s)))
+    const s = ((d = e.inputs) == null ? void 0 : d.granularity) || Et(r, e);
+    if (!s || !(((m = e.inputs) == null ? void 0 : m.dateBounds) ?? Mt(r, e, s)))
       return r;
-    const c = {
+    const o = {
       dimension: e,
       granularity: s,
       sortOrder: "asc",
       theme: a
     };
     try {
-      return Ct(r, c);
-    } catch (d) {
-      return console.warn("Failed to apply fillGaps to chart data:", d), r;
+      return vt(r, o);
+    } catch (u) {
+      return console.warn("Failed to apply fillGaps to chart data:", u), r;
     }
   }, [t.data, e, a]);
   return {
@@ -486,13 +514,13 @@ const Lt = ({ data: t, onSegmentClick: e, options: a = {}, ...n }) => {
 }, Mt = (t, e, a) => {
   if (!t || t.length < 2)
     return !1;
-  const n = e.name, r = t.map((o) => o[n]).filter(Boolean).map((o) => new Date(o)).filter((o) => !isNaN(o.getTime())).sort((o, i) => o.getTime() - i.getTime());
+  const n = e.name, r = t.map((i) => i[n]).filter(Boolean).map((i) => new Date(i)).filter((i) => !isNaN(i.getTime())).sort((i, l) => i.getTime() - l.getTime());
   if (r.length < 2)
     return !1;
   const s = It(a);
-  for (let o = 1; o < r.length; o++) {
-    const i = r[o], c = r[o - 1];
-    if (i && c && i.getTime() - c.getTime() > s * 1.5)
+  for (let i = 1; i < r.length; i++) {
+    const l = r[i], o = r[i - 1];
+    if (l && o && l.getTime() - o.getTime() > s * 1.5)
       return !0;
   }
   return !1;
@@ -514,45 +542,45 @@ const Lt = ({ data: t, onSegmentClick: e, options: a = {}, ...n }) => {
     if (s.includes(".year")) return "year";
   }
   return null;
-}, Z = 1e3, q = 60 * Z, V = 60 * q, E = 24 * V, y = {
+}, Z = 1e3, q = 60 * Z, P = 60 * q, I = 24 * P, b = {
   SECOND: Z,
   MINUTE: q,
-  HOUR: V,
-  DAY: E,
-  WEEK: 7 * E,
-  MONTH: 30 * E,
+  HOUR: P,
+  DAY: I,
+  WEEK: 7 * I,
+  MONTH: 30 * I,
   // Approximate
-  QUARTER: 90 * E,
+  QUARTER: 90 * I,
   // Approximate
-  YEAR: 365 * E
+  YEAR: 365 * I
   // Approximate
 }, It = (t) => {
   switch (t) {
     case "second":
-      return y.SECOND;
+      return b.SECOND;
     case "minute":
-      return y.MINUTE;
+      return b.MINUTE;
     case "hour":
-      return y.HOUR;
+      return b.HOUR;
     case "day":
-      return y.DAY;
+      return b.DAY;
     case "week":
-      return y.WEEK;
+      return b.WEEK;
     case "month":
-      return y.MONTH;
+      return b.MONTH;
     case "quarter":
-      return y.QUARTER;
+      return b.QUARTER;
     case "year":
-      return y.YEAR;
+      return b.YEAR;
     default:
-      return y.DAY;
+      return b.DAY;
   }
 };
 export {
   Lt as B,
-  Ft as a,
+  $t as a,
   Ut as b,
   _t as g,
-  $t as u
+  Ft as u
 };
-//# sourceMappingURL=charts.fillGaps.hooks-BFmuMVNT.js.map
+//# sourceMappingURL=charts.fillGaps.hooks-BwlVpKVy.js.map