@embeddable.com/remarkable-ui 0.1.24 → 0.1.25

package/dist/LineChartComparisonDefaultPro.js

@@ -1,30 +1,30 @@
-import { useTheme as V, defineComponent as X } from "@embeddable.com/react";
-import { m as _, E as Y, C as w, Z as E, _ as k, $ as I, i as G, r as U, j as O, a0 as q, d as z, a as S, X as D, a1 as B, z as K, W as J, U as W, t as Z, c as H, s as Q, e as ee, f as ae, g as se, x as oe, y as te, p as ne, q as ie, u as re, o as F } from "./component.constants-D7F6GsHW.js";
-import { C as le } from "./ChartCard-DunjH70y.js";
-import { useEffect as me } from "react";
-import { g as ce } from "./timeRange.utils-KDn6xcVP.js";
+import { useTheme as X, defineComponent as _ } from "@embeddable.com/react";
+import { m as Y, E, C as w, Z as G, _ as k, $ as I, i as U, r as q, j as O, a0 as z, d as K, a as S, X as A, a1 as B, z as J, W, U as Z, t as H, c as Q, s as aa, e as ea, f as sa, g as ta, x as oa, y as na, p as ia, q as ra, u as la, o as F } from "./component.constants-D7F6GsHW.js";
+import { C as ma } from "./ChartCard-DunjH70y.js";
+import { useEffect as da } from "react";
+import { g as ca } from "./timeRange.utils-KDn6xcVP.js";
 import { g as M } from "./formatter.utils--2w1e7GE.js";
-import { g as de, a as pe } from "./object.utils-BNKDL7Y9.js";
-import { i as ue, s as ge } from "./color.utils-CVyp-fGP.js";
+import { g as pa, a as ua } from "./object.utils-BNKDL7Y9.js";
+import { i as ga, s as ha } from "./color.utils-CVyp-fGP.js";
 import { u as N } from "./charts.newFillGaps.hooks-CJLaShd4.js";
-import { C as he } from "./ComparisonPeriod.type.emb-CARBg093.js";
-const v = "mainAxis", P = "comparisonAxis", $ = (a, o) => {
-  var A, L, b, R;
-  const { data: t, measure: n, dimension: e, index: d, isPreviousPeriod: r, hasMinMaxYAxisRange: c, labels: s } = a, l = t == null ? void 0 : t.map((C) => C[e.name]), g = !!((A = n.inputs) != null && A.connectGaps), p = s ? s.map((C) => {
-    const f = t == null ? void 0 : t.find((T) => T[e.name] === C);
-    return (f == null ? void 0 : f[n.name]) ?? (g ? 0 : null);
-  }) : t == null ? void 0 : t.map((C) => C[n.name] ?? (g ? 0 : null)), h = M(o), i = de(o), m = !!((L = n.inputs) != null && L[r ? "previousLineDashed" : "lineDashed"]), u = (b = n.inputs) == null ? void 0 : b[r ? "previousLineColor" : "lineColor"], x = ue(u) ? u : pe(
+import { C as xa } from "./ComparisonPeriod.type.emb-CARBg093.js";
+const R = "mainAxis", P = "comparisonAxis", $ = (s, t) => {
+  var L, v, C, b;
+  const { data: o, measure: n, dimension: a, index: d, isPreviousPeriod: l, hasMinMaxYAxisRange: p, labels: e } = s, r = o == null ? void 0 : o.map((f) => f[a.name]), u = !!((L = n.inputs) != null && L.connectGaps), c = e ? e.map((f) => {
+    const y = o == null ? void 0 : o.find((T) => T[a.name] === f);
+    return (y == null ? void 0 : y[n.name]) ?? (u ? 0 : null);
+  }) : o == null ? void 0 : o.map((f) => f[n.name] ?? (u ? 0 : null)), h = M(t), i = pa(t), m = !!((v = n.inputs) != null && v[l ? "previousLineDashed" : "lineDashed"]), g = (C = n.inputs) == null ? void 0 : C[l ? "previousLineColor" : "lineColor"], x = ga(g) ? g : ua(
     `${i}.charts.backgroundColors`,
     n.name,
-    o.charts.backgroundColors ?? Y,
+    t.charts.backgroundColors ?? E,
     d
   );
   return {
-    xAxisID: r ? P : v,
-    labels: l,
-    label: (r ? `${E.t("common.compared")} ` : "") + h.dimensionOrMeasureTitle(n),
-    data: p,
-    backgroundColor: ge(
+    xAxisID: l ? P : R,
+    labels: r,
+    label: (l ? `${G.t("common.compared")} ` : "") + h.dimensionOrMeasureTitle(n),
+    data: c,
+    backgroundColor: ha(
       x,
       w("--em-line-chart-line-fill-opacity")
     ),
@@ -34,67 +34,76 @@ const v = "mainAxis", P = "comparisonAxis", $ = (a, o) => {
       w("--em-line-chart-line-gap-length")
     ] : void 0,
     borderColor: x,
-    fill: (R = n.inputs) == null ? void 0 : R.fillUnderLine,
-    clip: c
+    fill: (b = n.inputs) == null ? void 0 : b.fillUnderLine,
+    clip: p
   };
-}, xe = (a, o) => {
-  if (!a.data)
+}, ba = (s, t) => {
+  if (!s.data)
     return { labels: [], datasets: [{ data: [] }] };
-  const { data: t, dataComparison: n, dimension: e, measures: d, hasMinMaxYAxisRange: r } = a, c = e.nativeType === "time", s = c ? void 0 : Array.from(
+  const { data: o, dataComparison: n, dimension: a, measures: d, hasMinMaxYAxisRange: l } = s, e = a.nativeType === "time" ? void 0 : n ? Array.from(
     /* @__PURE__ */ new Set([
-      ...t.map((p) => p[e.name]),
-      ...(n == null ? void 0 : n.map((p) => p[e.name])) ?? []
+      ...o.map((c) => c[a.name]),
+      ...(n == null ? void 0 : n.map((c) => c[a.name])) ?? []
     ])
-  ), l = d.map(
-    (p, h) => $(
+  ) : void 0, r = d.map(
+    (c, h) => $(
       {
-        data: t,
-        measure: p,
-        dimension: e,
-        labels: s,
-        hasMinMaxYAxisRange: r,
+        data: o,
+        measure: c,
+        dimension: a,
+        labels: e,
+        hasMinMaxYAxisRange: l,
         index: h
       },
-      o
+      t
     )
-  ), g = d.map(
-    (p, h) => $(
+  ), u = d.map(
+    (c, h) => $(
       {
         data: n,
-        measure: p,
-        dimension: e,
-        labels: s,
-        hasMinMaxYAxisRange: r,
+        measure: c,
+        dimension: a,
+        labels: e,
+        hasMinMaxYAxisRange: l,
         index: h,
         isPreviousPeriod: !0
       },
-      o
+      t
     )
   );
   return {
-    labels: c ? t.map((p) => p[e.name]) : s,
-    datasets: [...l, ...g]
+    labels: e ?? o.map((c) => c[a.name]),
+    datasets: [...r, ...u]
   };
-}, Ce = (a, o) => {
-  const { dimension: t, data: n, measures: e, xAxisLabel: d } = a, r = M(o);
+}, Ca = (s, t) => {
+  const { dimension: o, data: n, measures: a, xAxisLabel: d } = s, l = M(t);
   return {
     plugins: {
+      legend: {
+        labels: {
+          filter: (e, r) => {
+            if (!e) return !1;
+            const u = r.datasets[e.datasetIndex];
+            return Array.isArray(u.data) && u.data.length > 0;
+          }
+        }
+      },
       datalabels: {
         labels: {
           value: {
-            formatter: (s, l) => {
-              const g = e[l.datasetIndex % e.length];
-              return r.data(g, s);
+            formatter: (e, r) => {
+              const u = a[r.datasetIndex % a.length];
+              return l.data(u, e);
             }
           }
         }
       },
       tooltip: {
         callbacks: {
-          title: (s) => s[0] ? r.data(t, s[0].label) : "",
-          label: (s) => {
-            const l = e[s.datasetIndex % e.length], g = s.raw;
-            return `${s.dataset.label}: ${r.data(l, g)}`;
+          title: (e) => e[0] ? l.data(o, e[0].label) : "",
+          label: (e) => {
+            const r = a[e.datasetIndex % a.length], u = e.raw;
+            return `${e.dataset.label}: ${l.data(r, u)}`;
           }
         }
       }
@@ -103,7 +112,7 @@ const v = "mainAxis", P = "comparisonAxis", $ = (a, o) => {
       x: {
         display: !1
       },
-      [v]: {
+      [R]: {
         title: {
           ...I,
           text: d,
@@ -112,9 +121,9 @@ const v = "mainAxis", P = "comparisonAxis", $ = (a, o) => {
         grid: { display: !1 },
         ticks: {
           ...k,
-          callback(s) {
-            var l;
-            return r.data(t, (l = n.labels) == null ? void 0 : l[s]);
+          callback(e) {
+            var r;
+            return l.data(o, (r = n.labels) == null ? void 0 : r[e]);
           }
         }
       },
@@ -123,22 +132,22 @@ const v = "mainAxis", P = "comparisonAxis", $ = (a, o) => {
       },
       y: {
         ticks: {
-          callback: (s) => r.data(e[0], s)
+          callback: (e) => l.data(a[0], e)
         }
       }
     }
   };
-}, be = (a, o) => {
-  var p, h;
-  const { dimension: t, data: n, measures: e, xAxisLabel: d, showComparisonAxis: r } = a, c = M(o), s = ((p = n.datasets.find((i) => i.xAxisID === v)) == null ? void 0 : p.labels) ?? [], l = ((h = n.datasets.find((i) => i.xAxisID === P)) == null ? void 0 : h.labels) ?? [];
+}, fa = (s, t) => {
+  var c, h;
+  const { dimension: o, data: n, measures: a, xAxisLabel: d, showComparisonAxis: l } = s, p = M(t), e = ((c = n.datasets.find((i) => i.xAxisID === R)) == null ? void 0 : c.labels) ?? [], r = ((h = n.datasets.find((i) => i.xAxisID === P)) == null ? void 0 : h.labels) ?? [];
   return {
     plugins: {
       legend: {
         labels: {
           filter: (i, m) => {
             if (!i) return !1;
-            const u = m.datasets[i.datasetIndex];
-            return Array.isArray(u.data) && u.data.length > 0;
+            const g = m.datasets[i.datasetIndex];
+            return Array.isArray(g.data) && g.data.length > 0;
           }
         }
       },
@@ -146,8 +155,8 @@ const v = "mainAxis", P = "comparisonAxis", $ = (a, o) => {
         labels: {
           value: {
             formatter: (i, m) => {
-              const u = e[m.datasetIndex % e.length];
-              return c.data(u, i);
+              const g = a[m.datasetIndex % a.length];
+              return p.data(g, i);
             }
           }
         }
@@ -155,31 +164,31 @@ const v = "mainAxis", P = "comparisonAxis", $ = (a, o) => {
       tooltip: {
         callbacks: {
           title: (i) => {
-            var y;
-            const m = (y = i[0]) == null ? void 0 : y.dataIndex;
+            var D;
+            const m = (D = i[0]) == null ? void 0 : D.dataIndex;
             if (m === void 0) return "";
-            const u = s[m] && c.data(t, s[m]), x = l[m] && c.data(t, l[m]);
-            return `${u ?? "-"} vs ${x ?? "-"}`;
+            const g = e[m] && p.data(o, e[m]), x = r[m] && p.data(o, r[m]);
+            return `${g ?? "-"} vs ${x ?? "-"}`;
           },
           label: (i) => {
-            const m = e[i.datasetIndex % e.length], u = i.raw;
-            return `${i.dataset.label}: ${c.data(m, u)}`;
+            const m = a[i.datasetIndex % a.length], g = i.raw;
+            return `${i.dataset.label}: ${p.data(m, g)}`;
           }
         }
       }
     },
     scales: {
       x: { display: !1 },
-      [v]: {
+      [R]: {
         title: {
           ...I,
           text: d,
-          display: !!((!r || l.length === 0) && d)
+          display: !!((!l || r.length === 0) && d)
         },
         grid: { display: !1 },
         ticks: {
           ...k,
-          callback: (i) => c.data(t, s[Number(i)])
+          callback: (i) => p.data(o, e[Number(i)])
         }
       },
       [P]: {
@@ -189,118 +198,121 @@ const v = "mainAxis", P = "comparisonAxis", $ = (a, o) => {
           display: !!d
         },
         grid: { display: !1 },
-        display: r && l.length > 0,
+        display: l && r.length > 0,
         ticks: {
           ...k,
           callback: (i) => {
-            if (l.length === 0)
+            if (r.length === 0)
               return "";
-            const m = l[Number(i)];
-            return m ? c.data(t, m) : "";
+            const m = r[Number(i)];
+            return m ? p.data(o, m) : "";
           }
         }
       },
       y: {
         ticks: {
-          callback: (i) => c.data(e[0], i)
+          callback: (i) => p.data(a[0], i)
         }
       }
     }
   };
-}, fe = (a, o) => {
-  var n, e;
-  const t = a.dimension.nativeType === "time" ? be : Ce;
-  return _(
-    t(a, o),
-    ((e = (n = o.charts) == null ? void 0 : n.lineChartComparisonDefaultPro) == null ? void 0 : e.options) || {}
+}, ya = (s, t) => {
+  var n, a;
+  const o = s.dimension.nativeType === "time" ? fa : Ca;
+  return Y(
+    o(s, t),
+    ((a = (n = t.charts) == null ? void 0 : n.lineChartComparisonDefaultPro) == null ? void 0 : a.options) || {}
   );
-}, ye = (a) => {
-  const o = V();
-  G(o);
-  const { title: t, description: n, xAxisLabel: e, yAxisLabel: d } = U(a), {
-    comparisonPeriod: r,
-    measures: c,
-    xAxis: s,
-    reverseXAxis: l,
-    showLegend: g,
-    showLogarithmicScale: p,
+}, Da = (s) => {
+  const t = X();
+  U(t);
+  const { title: o, description: n, xAxisLabel: a, yAxisLabel: d } = q(s), {
+    comparisonPeriod: l,
+    measures: p,
+    xAxis: e,
+    reverseXAxis: r,
+    showLegend: u,
+    showLogarithmicScale: c,
     showTooltips: h,
     showValueLabels: i,
     yAxisRangeMax: m,
-    yAxisRangeMin: u,
+    yAxisRangeMin: g,
     primaryDateRange: x,
-    comparisonDateRange: y,
-    showComparisonAxis: A,
-    setComparisonDateRange: L
-  } = a;
-  me(() => {
-    const j = ce(
+    comparisonDateRange: D,
+    showComparisonAxis: L,
+    setComparisonDateRange: v
+  } = s;
+  da(() => {
+    const V = ca(
       x,
-      r,
-      o
+      l,
+      t
     );
-    L(j);
-  }, [r, JSON.stringify(x), o]);
-  const b = N({ results: a.results, dimension: s }), R = N({
-    results: a.resultsComparison,
-    dimension: s,
-    externalDateBounds: y
-  }), C = !!(x && r), f = xe(
+    v(V);
+  }, [l, JSON.stringify(x), t]);
+  const C = N({ results: s.results, dimension: e }), b = N({
+    results: s.resultsComparison,
+    dimension: e,
+    externalDateBounds: D
+  }), f = !!(x && l), y = ba(
     {
-      data: b.data,
-      dataComparison: C ? R.data : void 0,
-      dimension: s,
-      measures: c,
-      hasMinMaxYAxisRange: !!(u || m)
+      data: C.data,
+      dataComparison: f ? (b == null ? void 0 : b.data) ?? [] : void 0,
+      dimension: e,
+      measures: p,
+      hasMinMaxYAxisRange: !!(g || m)
     },
-    o
-  ), T = fe(
+    t
+  ), T = ya(
     {
-      data: f,
-      dimension: s,
-      measures: c,
-      xAxisLabel: e,
-      showComparisonAxis: A
+      data: y,
+      dimension: e,
+      measures: p,
+      xAxisLabel: a,
+      showComparisonAxis: L
     },
-    o
-  );
+    t
+  ), j = {
+    ...C,
+    data: [...C.data ?? [], ...(b == null ? void 0 : b.data) ?? []]
+  };
   return /* @__PURE__ */ O.jsx(
-    le,
+    ma,
     {
-      data: b,
-      dimensionsAndMeasures: [...c, s],
-      errorMessage: b.error,
+      data: j,
+      dimensionsAndMeasures: [...p, e],
+      errorMessage: C.error,
       subtitle: n,
-      title: t,
+      title: o,
       children: /* @__PURE__ */ O.jsx(
-        q,
+        z,
         {
-          data: f,
-          reverseXAxis: l,
-          showLegend: g,
-          showLogarithmicScale: p,
+          data: y,
+          reverseXAxis: r,
+          showLegend: u,
+          showLogarithmicScale: c,
           showTooltips: h,
           showValueLabels: i,
-          xAxisLabel: e,
+          xAxisLabel: a,
           yAxisLabel: d,
           yAxisRangeMax: m,
-          yAxisRangeMin: u,
+          yAxisRangeMin: g,
           options: T
         }
       )
     }
   );
-}, De = {
+}, Aa = {
   name: "LineChartComparisonDefaultPro",
   label: "Line Chart Comparison - Default",
   category: "Line Charts",
   inputs: [
-    z,
+    K,
     {
       ...S,
       inputs: [
         ...S.inputs,
-        { ...D, name: "fillUnderLine", label: "Fill under line" },
+        { ...A, name: "fillUnderLine", label: "Fill under line" },
         {
           ...B,
           name: "lineColor",
@@ -308,23 +320,23 @@ const v = "mainAxis", P = "comparisonAxis", $ = (a, o) => {
         },
         { ...B, name: "previousLineColor", label: "Previous line color" },
         {
-          ...D,
+          ...A,
           name: "lineDashed",
           label: "Primary line dashed",
           defaultValue: !1
         },
         {
-          ...D,
+          ...A,
           name: "previousLineDashed",
           label: "Compared line dashed",
           defaultValue: !0
         },
-        { ...D, name: "connectGaps", label: "Connect gaps", defaultValue: !0 }
+        { ...A, name: "connectGaps", label: "Connect gaps", defaultValue: !0 }
       ]
     },
-    { ...K, label: "X-axis", name: "xAxis" },
+    { ...J, label: "X-axis", name: "xAxis" },
     {
-      ...J,
+      ...W,
       name: "primaryDateRange",
       label: "Primary Date Range",
       description: "You can also connect this to a date range selector using its variable",
@@ -332,70 +344,70 @@ const v = "mainAxis", P = "comparisonAxis", $ = (a, o) => {
     },
     {
       name: "comparisonPeriod",
-      type: he,
+      type: xa,
       label: "Comparison Period",
       description: "You can also connect this to a comparison period selector using its variable",
       category: "Component Data"
     },
     {
-      ...W,
+      ...Z,
       name: "timePropertyForNonTimeDimensions",
       label: "Time property for non time dimensions",
       description: "Choose the time property used for filtering comparison ranges. This will be ignored if your x-axis is already time-based.",
       required: !1
     },
-    Z,
     H,
     Q,
-    ee,
-    ae,
-    se,
-    oe,
-    te,
-    ne,
-    ie,
-    re,
+    aa,
+    ea,
+    sa,
+    ta,
+    oa,
+    na,
+    ia,
+    ra,
+    la,
     {
-      ...D,
+      ...A,
       name: "showComparisonAxis",
       label: "Display a comparison X-axis",
       defaultValue: !0
     }
   ]
-}, Oe = X(ye, De, {
+}, Sa = _(Da, Aa, {
   /* @ts-expect-error - to be fixed in @embeddable.com/react */
-  props: (a, [o, t]) => {
+  props: (s, [t, o]) => {
     const n = [
       {
-        property: a.xAxis,
+        property: s.xAxis,
         direction: "asc"
       }
-    ], e = a.xAxis.nativeType === "time" ? a.xAxis : a.timePropertyForNonTimeDimensions;
+    ], a = s.xAxis.nativeType === "time" ? s.xAxis : s.timePropertyForNonTimeDimensions;
     return {
-      ...a,
-      comparisonDateRange: o == null ? void 0 : o.comparisonDateRange,
-      setComparisonDateRange: (d) => t({ comparisonDateRange: d }),
+      ...s,
+      comparisonDateRange: t == null ? void 0 : t.comparisonDateRange,
+      setComparisonDateRange: (d) => o({ comparisonDateRange: d }),
       results: F({
-        from: a.dataset,
-        select: [...a.measures, a.xAxis],
+        from: s.dataset,
+        select: [...s.measures, s.xAxis],
         orderBy: n,
-        filters: a.primaryDateRange && e ? [
+        filters: s.primaryDateRange && a ? [
           {
-            property: e,
+            property: a,
             operator: "inDateRange",
-            value: a.primaryDateRange
+            value: s.primaryDateRange
           }
         ] : void 0
       }),
-      resultsComparison: a.primaryDateRange && e && (o != null && o.comparisonDateRange) ? F({
-        from: a.dataset,
-        select: [...a.measures, a.xAxis],
+      resultsComparison: s.primaryDateRange && a && (t != null && t.comparisonDateRange) ? F({
+        from: s.dataset,
+        select: [...s.measures, s.xAxis],
         orderBy: n,
         filters: [
           {
-            property: e,
+            property: a,
             operator: "inDateRange",
-            value: o.comparisonDateRange
+            value: t.comparisonDateRange
           }
         ]
       }) : void 0
@@ -403,7 +415,7 @@ const v = "mainAxis", P = "comparisonAxis", $ = (a, o) => {
   }
 });
 export {
-  Oe as default,
-  De as meta
+  Sa as default,
+  Aa as meta
 };
 //# sourceMappingURL=LineChartComparisonDefaultPro.js.map

package/dist/LineChartComparisonDefaultPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"LineChartComparisonDefaultPro.js","sources":["../src/remarkable-pro/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.utils.ts","../src/remarkable-pro/components/charts/lines/LineChartComparisonDefaultPro/index.tsx","../src/remarkable-pro/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.emb.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getObjectStableKey } from '../../../../utils.ts/object.utils';\nimport { getStyleNumber } from '../../../../../remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getColor } from '../../../../theme/styles/styles.utils';\nimport { chartContrastColors } from '../../../../../remarkable-ui/charts/charts.constants';\nimport { i18n } from '../../../../theme/i18n/i18n';\nimport {\n  chartjsAxisOptionsScalesTicksDefault,\n  chartjsAxisOptionsScalesTitle,\n} from '../../../../../remarkable-ui/charts/chartjs.cartesian.constants';\nimport { mergician } from 'mergician';\nimport { isColorValid, setColorAlpha } from '../../../../utils.ts/color.utils';\n\nconst AXIS_ID_MAIN = 'mainAxis';\nconst AXIS_ID_COMPARISON = 'comparisonAxis';\n\nconst getLineChartComparisonDataset = (\n  props: {\n    data: DataResponse['data'];\n    measure: Measure;\n    dimension: Dimension;\n    labels?: string[];\n    hasMinMaxYAxisRange: boolean;\n    isPreviousPeriod?: boolean;\n    index: number;\n  },\n  theme: Theme,\n): ChartData<'line'>['datasets'][number] => {\n  const { data, measure, dimension, index, isPreviousPeriod, hasMinMaxYAxisRange, labels } = props;\n  const datasetLabels = data?.map((item) => item[dimension.name]);\n\n  const zeroFill = Boolean(measure.inputs?.['connectGaps']);\n\n  const processedData = labels\n    ? labels.map((label) => {\n        const found = data?.find((item) => item[dimension.name] === label);\n        return found?.[measure.name] ?? (zeroFill ? 0 : null);\n      })\n    : data?.map((item) => item[measure.name] ?? (zeroFill ? 0 : null));\n\n  const themeFormatter = getThemeFormatter(theme);\n  const themeKey = getObjectStableKey(theme);\n\n  const isLineDashed = Boolean(\n    measure.inputs?.[isPreviousPeriod ? 'previousLineDashed' : 'lineDashed'],\n  );\n\n  const lineColorTemp = measure.inputs?.[isPreviousPeriod ? 'previousLineColor' : 'lineColor'];\n  const lineColor = isColorValid(lineColorTemp)\n    ? lineColorTemp\n    : getColor(\n        `${themeKey}.charts.backgroundColors`,\n        measure.name,\n        theme.charts.backgroundColors ?? chartContrastColors,\n        index,\n      );\n\n  const dataset = {\n    xAxisID: isPreviousPeriod ? AXIS_ID_COMPARISON : AXIS_ID_MAIN,\n    labels: datasetLabels,\n    label:\n      (isPreviousPeriod ? `${i18n.t('common.compared')} ` : '') +\n      themeFormatter.dimensionOrMeasureTitle(measure),\n    data: processedData,\n    backgroundColor: setColorAlpha(\n      lineColor,\n      getStyleNumber('--em-line-chart-line-fill-opacity') as number,\n    ),\n    pointBackgroundColor: lineColor,\n    borderDash: isLineDashed\n      ? [\n          getStyleNumber('--em-line-chart-line-dash-length'),\n          getStyleNumber('--em-line-chart-line-gap-length'),\n        ]\n      : undefined,\n    borderColor: lineColor,\n    fill: measure.inputs?.['fillUnderLine'],\n    clip: hasMinMaxYAxisRange,\n  } as ChartData<'line'>['datasets'][number];\n\n  return dataset;\n};\n\nexport const getLineChartComparisonProData = (\n  props: {\n    data: DataResponse['data'];\n    dataComparison: DataResponse['data'] | undefined;\n    dimension: Dimension;\n    measures: Measure[];\n    hasMinMaxYAxisRange: boolean;\n  },\n  theme: Theme,\n): ChartData<'line'> => {\n  if (!props.data) {\n    return { labels: [], datasets: [{ data: [] }] };\n  }\n\n  const { data, dataComparison, dimension, measures, hasMinMaxYAxisRange } = props;\n\n  // Get all the available labels from both datasets if the dimension is not a time type (E.g. join United States with United Kindom and Germany)\n  const isTimeDimension = dimension.nativeType === 'time';\n  const labels = isTimeDimension\n    ? undefined\n    : Array.from(\n        new Set([\n          ...data.map((item) => item[dimension.name]),\n          ...(dataComparison?.map((item) => item[dimension.name]) ?? []),\n        ]),\n      );\n\n  const originalDatasets = measures.map((measure, index) =>\n    getLineChartComparisonDataset(\n      {\n        data,\n        measure,\n        dimension,\n        labels,\n        hasMinMaxYAxisRange,\n        index,\n      },\n      theme,\n    ),\n  );\n\n  const comparisonDatasets = measures.map((measure, index) =>\n    getLineChartComparisonDataset(\n      {\n        data: dataComparison,\n        measure,\n        dimension,\n        labels,\n        hasMinMaxYAxisRange,\n        index,\n        isPreviousPeriod: true,\n      },\n      theme,\n    ),\n  );\n\n  return {\n    labels: isTimeDimension ? data.map((item) => item[dimension.name]) : labels,\n    datasets: [...originalDatasets, ...comparisonDatasets],\n  };\n};\n\ntype LineChartComparisonProOptionsProps = {\n  dimension: Dimension;\n  measures: Measure[];\n  data: ChartData<'line'>;\n  xAxisLabel?: string;\n  showComparisonAxis: boolean;\n};\n\nconst getLineChartComparisonNonTimeOptions = (\n  options: LineChartComparisonProOptionsProps,\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { dimension, data, measures, xAxisLabel } = options;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const lineChartOptions: ChartOptions<'line'> = {\n    plugins: {\n      datalabels: {\n        labels: {\n          value: {\n            formatter: (value: string | number, context) => {\n              const measure = measures[context.datasetIndex % measures.length]!;\n              return themeFormatter.data(measure, value);\n            },\n          },\n        },\n      },\n      tooltip: {\n        callbacks: {\n          title: (context) => {\n            if (!context[0]) return '';\n\n            return themeFormatter.data(dimension, context[0].label);\n          },\n          label: (context) => {\n            const measure = measures[context.datasetIndex % measures.length]!;\n            const raw = context.raw as number;\n            return `${context.dataset.label}: ${themeFormatter.data(measure, raw)}`;\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        display: false,\n      },\n      [AXIS_ID_MAIN]: {\n        title: {\n          ...chartjsAxisOptionsScalesTitle,\n          text: xAxisLabel,\n          display: Boolean(xAxisLabel),\n        },\n        grid: { display: false },\n        ticks: {\n          ...chartjsAxisOptionsScalesTicksDefault,\n          callback(index) {\n            return themeFormatter.data(dimension, data.labels?.[index as number]);\n          },\n        },\n      },\n      [AXIS_ID_COMPARISON]: {\n        display: false,\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            return themeFormatter.data(measures[0]!, value);\n          },\n        },\n      },\n    },\n  };\n\n  return lineChartOptions;\n};\n\nconst getLineChartComparisonTimeOptions = (\n  options: {\n    dimension: Dimension;\n    measures: Measure[];\n    data: ChartData<'line'>;\n    xAxisLabel?: string;\n    showComparisonAxis: boolean;\n  },\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { dimension, data, measures, xAxisLabel, showComparisonAxis } = options;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const mainDimensionLabels: string[] =\n    (data.datasets.find((ds) => ds.xAxisID === AXIS_ID_MAIN) as { labels?: string[] })?.labels ??\n    [];\n  const comparisonDimensionLabels: string[] =\n    (data.datasets.find((ds) => ds.xAxisID === AXIS_ID_COMPARISON) as { labels?: string[] })\n      ?.labels ?? [];\n\n  const lineChartOptions: ChartOptions<'line'> = {\n    plugins: {\n      legend: {\n        labels: {\n          filter: (legendItem, chartData) => {\n            if (!legendItem) return false;\n            const dataset = chartData.datasets[legendItem.datasetIndex!]!;\n            // Only show legend if dataset has at least one data point\n            return Array.isArray(dataset.data) && dataset.data.length > 0;\n          },\n        },\n      },\n      datalabels: {\n        labels: {\n          value: {\n            formatter: (value: string | number, context) => {\n              const measure = measures[context.datasetIndex % measures.length]!;\n              return themeFormatter.data(measure, value);\n            },\n          },\n        },\n      },\n      tooltip: {\n        callbacks: {\n          title: (context) => {\n            const dataIndex = context[0]?.dataIndex;\n\n            if (dataIndex === undefined) return '';\n\n            const main =\n              mainDimensionLabels[dataIndex] &&\n              themeFormatter.data(dimension, mainDimensionLabels[dataIndex]);\n            const comparison =\n              comparisonDimensionLabels[dataIndex] &&\n              themeFormatter.data(dimension, comparisonDimensionLabels[dataIndex]);\n\n            return `${main ?? '-'} vs ${comparison ?? '-'}`;\n          },\n          label: (context) => {\n            const measure = measures[context.datasetIndex % measures.length]!;\n            const raw = context.raw as number;\n            return `${context.dataset.label}: ${themeFormatter.data(measure, raw)}`;\n          },\n        },\n      },\n    },\n    scales: {\n      x: { display: false },\n      [AXIS_ID_MAIN]: {\n        title: {\n          ...chartjsAxisOptionsScalesTitle,\n          text: xAxisLabel,\n          display: Boolean(\n            (!showComparisonAxis || comparisonDimensionLabels.length === 0) && xAxisLabel,\n          ),\n        },\n        grid: { display: false },\n        ticks: {\n          ...chartjsAxisOptionsScalesTicksDefault,\n          callback: (index) => {\n            return themeFormatter.data(dimension, mainDimensionLabels[Number(index)]);\n          },\n        },\n      },\n      [AXIS_ID_COMPARISON]: {\n        title: {\n          ...chartjsAxisOptionsScalesTitle,\n          text: xAxisLabel,\n          display: Boolean(xAxisLabel),\n        },\n        grid: { display: false },\n        display: showComparisonAxis && comparisonDimensionLabels.length > 0,\n        ticks: {\n          ...chartjsAxisOptionsScalesTicksDefault,\n          callback: (index) => {\n            if (comparisonDimensionLabels.length === 0) {\n              return '';\n            }\n\n            const comparisonLabel = comparisonDimensionLabels[Number(index)];\n            return comparisonLabel ? themeFormatter.data(dimension, comparisonLabel) : '';\n          },\n        },\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            return themeFormatter.data(measures[0]!, value);\n          },\n        },\n      },\n    },\n  };\n\n  return lineChartOptions;\n};\n\nexport const getLineChartComparisonProOptions = (\n  options: LineChartComparisonProOptionsProps,\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const getOptions =\n    options.dimension.nativeType === 'time'\n      ? getLineChartComparisonTimeOptions\n      : getLineChartComparisonNonTimeOptions;\n  return mergician(\n    getOptions(options, theme),\n    theme.charts?.lineChartComparisonDefaultPro?.options || {},\n  );\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Dimension, Measure, TimeRange } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { LineChart } from '../../../../../remarkable-ui/charts/lines/LineChart';\nimport { useEffect } from 'react';\nimport { getComparisonPeriodDateRange } from '../../../utils/timeRange.utils';\nimport {\n  getLineChartComparisonProData,\n  getLineChartComparisonProOptions,\n} from './LineChartComparisonDefaultPro.utils';\nimport { useFillGaps } from '../../charts.newFillGaps.hooks';\n\ntype LineChartComparisonDefaultProProps = {\n  description: string;\n  xAxis: Dimension;\n  measures: Measure[];\n  results: DataResponse;\n  resultsComparison: DataResponse | undefined;\n  reverseXAxis: boolean;\n  showLegend: boolean;\n  showLogarithmicScale: boolean;\n  showTooltips: boolean;\n  showValueLabels: boolean;\n  title: string;\n  xAxisLabel: string;\n  yAxisLabel: string;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n  comparisonPeriod?: string;\n  comparisonDateRange: TimeRange;\n  showComparisonAxis: boolean;\n  primaryDateRange: TimeRange;\n  setComparisonDateRange: (dateRange: TimeRange) => void;\n};\n\nconst LineChartComparisonDefaultPro = (props: LineChartComparisonDefaultProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n  const {\n    comparisonPeriod,\n    measures,\n    xAxis,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    primaryDateRange,\n    comparisonDateRange,\n    showComparisonAxis,\n    setComparisonDateRange,\n  } = props;\n\n  useEffect(() => {\n    const newComparisonDateRange = getComparisonPeriodDateRange(\n      primaryDateRange,\n      comparisonPeriod,\n      theme,\n    );\n    setComparisonDateRange(newComparisonDateRange);\n  }, [comparisonPeriod, JSON.stringify(primaryDateRange), theme]);\n\n  const results = useFillGaps({ results: props.results, dimension: xAxis });\n\n  const resultsComparison = useFillGaps({\n    results: props.resultsComparison,\n    dimension: xAxis,\n    externalDateBounds: comparisonDateRange,\n  });\n\n  const showDataComparison = Boolean(primaryDateRange && comparisonPeriod);\n  const data = getLineChartComparisonProData(\n    {\n      data: results.data,\n      dataComparison: showDataComparison ? resultsComparison.data : undefined,\n      dimension: xAxis,\n      measures,\n      hasMinMaxYAxisRange: Boolean(yAxisRangeMin || yAxisRangeMax),\n    },\n    theme,\n  );\n\n  const options = getLineChartComparisonProOptions(\n    {\n      data: data,\n      dimension: xAxis,\n      measures,\n      xAxisLabel,\n      showComparisonAxis,\n    },\n    theme,\n  );\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[...measures, xAxis]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <LineChart\n        data={data}\n        reverseXAxis={reverseXAxis}\n        showLegend={showLegend}\n        showLogarithmicScale={showLogarithmicScale}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        yAxisRangeMax={yAxisRangeMax}\n        yAxisRangeMin={yAxisRangeMin}\n        options={options}\n      />\n    </ChartCard>\n  );\n};\n\nexport default LineChartComparisonDefaultPro;\n","import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport {\n  dataset,\n  description,\n  dimension,\n  dimensionTime,\n  genericBoolean,\n  genericTimeRange,\n  measures,\n  reverseXAxis,\n  showLegend,\n  showLogarithmicScale,\n  showTooltips,\n  showValueLabels,\n  subInputColor,\n  title,\n  xAxisLabel,\n  yAxisLabel,\n  yAxisRangeMax,\n  yAxisRangeMin,\n} from '../../../component.constants';\nimport LineChartComparisonDefaultPro from './index';\nimport { loadData, OrderBy, TimeRange } from '@embeddable.com/core';\nimport ComparisonPeriodType from '../../../types/ComparisonPeriod.type.emb';\n\nexport const meta = {\n  name: 'LineChartComparisonDefaultPro',\n  label: 'Line Chart Comparison - Default',\n  category: 'Line Charts',\n  inputs: [\n    dataset,\n    {\n      ...measures,\n      inputs: [\n        ...measures.inputs,\n        { ...genericBoolean, name: 'fillUnderLine', label: 'Fill under line' },\n        {\n          ...subInputColor,\n          name: 'lineColor',\n          label: 'Line color',\n        },\n        { ...subInputColor, name: 'previousLineColor', label: 'Previous line color' },\n        {\n          ...genericBoolean,\n          name: 'lineDashed',\n          label: 'Primary line dashed',\n          defaultValue: false,\n        },\n        {\n          ...genericBoolean,\n          name: 'previousLineDashed',\n          label: 'Compared line dashed',\n          defaultValue: true,\n        },\n        { ...genericBoolean, name: 'connectGaps', label: 'Connect gaps', defaultValue: true },\n      ],\n    },\n    { ...dimension, label: 'X-axis', name: 'xAxis' },\n    {\n      ...genericTimeRange,\n      name: 'primaryDateRange',\n      label: 'Primary Date Range',\n      description: 'You can also connect this to a date range selector using its variable',\n      category: 'Component Data',\n    },\n    {\n      name: 'comparisonPeriod',\n      type: ComparisonPeriodType,\n      label: 'Comparison Period',\n      description: 'You can also connect this to a comparison period selector using its variable',\n      category: 'Component Data',\n    },\n    {\n      ...dimensionTime,\n      name: 'timePropertyForNonTimeDimensions',\n      label: 'Time property for non time dimensions',\n      description:\n        'Choose the time property used for filtering comparison ranges. This will be ignored if your x-axis is already time-based.',\n      required: false,\n    },\n\n    title,\n    description,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    showLogarithmicScale,\n    xAxisLabel,\n    yAxisLabel,\n    reverseXAxis,\n    yAxisRangeMin,\n    yAxisRangeMax,\n    {\n      ...genericBoolean,\n      name: 'showComparisonAxis',\n      label: 'Display a comparison X-axis',\n      defaultValue: true,\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\ntype LineChartComparisonDefaultProState = {\n  comparisonDateRange: TimeRange;\n};\n\nexport default defineComponent(LineChartComparisonDefaultPro, meta, {\n  /* @ts-expect-error - to be fixed in @embeddable.com/react */\n\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [\n      LineChartComparisonDefaultProState,\n      (state: LineChartComparisonDefaultProState) => void,\n    ],\n  ) => {\n    const orderBy: OrderBy[] = [\n      {\n        property: inputs.xAxis,\n        direction: 'asc',\n      },\n    ];\n\n    const timeProperty =\n      inputs.xAxis.nativeType === 'time' ? inputs.xAxis : inputs.timePropertyForNonTimeDimensions;\n\n    return {\n      ...inputs,\n      comparisonDateRange: state?.comparisonDateRange,\n      setComparisonDateRange: (comparisonDateRange: TimeRange) => setState({ comparisonDateRange }),\n      results: loadData({\n        from: inputs.dataset,\n        select: [...inputs.measures, inputs.xAxis],\n        orderBy,\n        filters:\n          inputs.primaryDateRange && timeProperty\n            ? [\n                {\n                  property: timeProperty,\n                  operator: 'inDateRange',\n                  value: inputs.primaryDateRange,\n                },\n              ]\n            : undefined,\n      }),\n      resultsComparison:\n        inputs.primaryDateRange && timeProperty && state?.comparisonDateRange\n          ? loadData({\n              from: inputs.dataset,\n              select: [...inputs.measures, inputs.xAxis],\n              orderBy,\n              filters: [\n                {\n                  property: timeProperty,\n                  operator: 'inDateRange',\n                  value: state.comparisonDateRange,\n                },\n              ],\n            })\n          : undefined,\n    };\n  },\n});\n"],"names":["AXIS_ID_MAIN","AXIS_ID_COMPARISON","getLineChartComparisonDataset","props","theme","data","measure","dimension","index","isPreviousPeriod","hasMinMaxYAxisRange","labels","datasetLabels","item","zeroFill","_a","processedData","label","found","themeFormatter","getThemeFormatter","themeKey","getObjectStableKey","isLineDashed","_b","lineColorTemp","_c","lineColor","isColorValid","getColor","chartContrastColors","i18n","setColorAlpha","getStyleNumber","_d","getLineChartComparisonProData","dataComparison","measures","isTimeDimension","originalDatasets","comparisonDatasets","getLineChartComparisonNonTimeOptions","options","xAxisLabel","value","context","raw","chartjsAxisOptionsScalesTitle","chartjsAxisOptionsScalesTicksDefault","getLineChartComparisonTimeOptions","showComparisonAxis","mainDimensionLabels","ds","comparisonDimensionLabels","legendItem","chartData","dataset","dataIndex","main","comparison","comparisonLabel","getLineChartComparisonProOptions","getOptions","mergician","LineChartComparisonDefaultPro","useTheme","i18nSetup","title","description","yAxisLabel","resolveI18nProps","comparisonPeriod","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","primaryDateRange","comparisonDateRange","setComparisonDateRange","useEffect","newComparisonDateRange","getComparisonPeriodDateRange","results","useFillGaps","resultsComparison","showDataComparison","jsx","ChartCard","LineChart","meta","genericBoolean","subInputColor","genericTimeRange","ComparisonPeriodType","dimensionTime","LineChartComparisonDefaultPro_emb","defineComponent","inputs","state","setState","orderBy","timeProperty","loadData"],"mappings":"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"}
+{"version":3,"file":"LineChartComparisonDefaultPro.js","sources":["../src/remarkable-pro/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.utils.ts","../src/remarkable-pro/components/charts/lines/LineChartComparisonDefaultPro/index.tsx","../src/remarkable-pro/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.emb.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getObjectStableKey } from '../../../../utils.ts/object.utils';\nimport { getStyleNumber } from '../../../../../remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getColor } from '../../../../theme/styles/styles.utils';\nimport { chartContrastColors } from '../../../../../remarkable-ui/charts/charts.constants';\nimport { i18n } from '../../../../theme/i18n/i18n';\nimport {\n  chartjsAxisOptionsScalesTicksDefault,\n  chartjsAxisOptionsScalesTitle,\n} from '../../../../../remarkable-ui/charts/chartjs.cartesian.constants';\nimport { mergician } from 'mergician';\nimport { isColorValid, setColorAlpha } from '../../../../utils.ts/color.utils';\n\nconst AXIS_ID_MAIN = 'mainAxis';\nconst AXIS_ID_COMPARISON = 'comparisonAxis';\n\nconst getLineChartComparisonDataset = (\n  props: {\n    data: DataResponse['data'];\n    measure: Measure;\n    dimension: Dimension;\n    labels?: string[];\n    hasMinMaxYAxisRange: boolean;\n    isPreviousPeriod?: boolean;\n    index: number;\n  },\n  theme: Theme,\n): ChartData<'line'>['datasets'][number] => {\n  const { data, measure, dimension, index, isPreviousPeriod, hasMinMaxYAxisRange, labels } = props;\n  const datasetLabels = data?.map((item) => item[dimension.name]);\n\n  const zeroFill = Boolean(measure.inputs?.['connectGaps']);\n\n  const processedData = labels\n    ? labels.map((label) => {\n        const found = data?.find((item) => item[dimension.name] === label);\n        return found?.[measure.name] ?? (zeroFill ? 0 : null);\n      })\n    : data?.map((item) => item[measure.name] ?? (zeroFill ? 0 : null));\n\n  const themeFormatter = getThemeFormatter(theme);\n  const themeKey = getObjectStableKey(theme);\n\n  const isLineDashed = Boolean(\n    measure.inputs?.[isPreviousPeriod ? 'previousLineDashed' : 'lineDashed'],\n  );\n\n  const lineColorTemp = measure.inputs?.[isPreviousPeriod ? 'previousLineColor' : 'lineColor'];\n  const lineColor = isColorValid(lineColorTemp)\n    ? lineColorTemp\n    : getColor(\n        `${themeKey}.charts.backgroundColors`,\n        measure.name,\n        theme.charts.backgroundColors ?? chartContrastColors,\n        index,\n      );\n\n  const dataset = {\n    xAxisID: isPreviousPeriod ? AXIS_ID_COMPARISON : AXIS_ID_MAIN,\n    labels: datasetLabels,\n    label:\n      (isPreviousPeriod ? `${i18n.t('common.compared')} ` : '') +\n      themeFormatter.dimensionOrMeasureTitle(measure),\n    data: processedData,\n    backgroundColor: setColorAlpha(\n      lineColor,\n      getStyleNumber('--em-line-chart-line-fill-opacity') as number,\n    ),\n    pointBackgroundColor: lineColor,\n    borderDash: isLineDashed\n      ? [\n          getStyleNumber('--em-line-chart-line-dash-length'),\n          getStyleNumber('--em-line-chart-line-gap-length'),\n        ]\n      : undefined,\n    borderColor: lineColor,\n    fill: measure.inputs?.['fillUnderLine'],\n    clip: hasMinMaxYAxisRange,\n  } as ChartData<'line'>['datasets'][number];\n\n  return dataset;\n};\n\nexport const getLineChartComparisonProData = (\n  props: {\n    data: DataResponse['data'];\n    dataComparison: DataResponse['data'] | undefined;\n    dimension: Dimension;\n    measures: Measure[];\n    hasMinMaxYAxisRange: boolean;\n  },\n  theme: Theme,\n): ChartData<'line'> => {\n  if (!props.data) {\n    return { labels: [], datasets: [{ data: [] }] };\n  }\n\n  const { data, dataComparison, dimension, measures, hasMinMaxYAxisRange } = props;\n\n  // Get all the available labels from both datasets if the dimension is not a time type (E.g. join United States with United Kindom and Germany)\n  const isTimeDimension = dimension.nativeType === 'time';\n  const labels = isTimeDimension\n    ? undefined\n    : dataComparison\n      ? Array.from(\n          new Set([\n            ...data.map((item) => item[dimension.name]),\n            ...(dataComparison?.map((item) => item[dimension.name]) ?? []),\n          ]),\n        )\n      : undefined;\n\n  const originalDatasets = measures.map((measure, index) =>\n    getLineChartComparisonDataset(\n      {\n        data,\n        measure,\n        dimension,\n        labels,\n        hasMinMaxYAxisRange,\n        index,\n      },\n      theme,\n    ),\n  );\n\n  const comparisonDatasets = measures.map((measure, index) =>\n    getLineChartComparisonDataset(\n      {\n        data: dataComparison,\n        measure,\n        dimension,\n        labels,\n        hasMinMaxYAxisRange,\n        index,\n        isPreviousPeriod: true,\n      },\n      theme,\n    ),\n  );\n\n  return {\n    labels: labels ?? data.map((item) => item[dimension.name]),\n    datasets: [...originalDatasets, ...comparisonDatasets],\n  };\n};\n\ntype LineChartComparisonProOptionsProps = {\n  dimension: Dimension;\n  measures: Measure[];\n  data: ChartData<'line'>;\n  xAxisLabel?: string;\n  showComparisonAxis: boolean;\n};\n\nconst getLineChartComparisonNonTimeOptions = (\n  options: LineChartComparisonProOptionsProps,\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { dimension, data, measures, xAxisLabel } = options;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const lineChartOptions: ChartOptions<'line'> = {\n    plugins: {\n      legend: {\n        labels: {\n          filter: (legendItem, chartData) => {\n            if (!legendItem) return false;\n            const dataset = chartData.datasets[legendItem.datasetIndex!]!;\n            // Only show legend if dataset has at least one data point\n            return Array.isArray(dataset.data) && dataset.data.length > 0;\n          },\n        },\n      },\n      datalabels: {\n        labels: {\n          value: {\n            formatter: (value: string | number, context) => {\n              const measure = measures[context.datasetIndex % measures.length]!;\n              return themeFormatter.data(measure, value);\n            },\n          },\n        },\n      },\n      tooltip: {\n        callbacks: {\n          title: (context) => {\n            if (!context[0]) return '';\n\n            return themeFormatter.data(dimension, context[0].label);\n          },\n          label: (context) => {\n            const measure = measures[context.datasetIndex % measures.length]!;\n            const raw = context.raw as number;\n            return `${context.dataset.label}: ${themeFormatter.data(measure, raw)}`;\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        display: false,\n      },\n      [AXIS_ID_MAIN]: {\n        title: {\n          ...chartjsAxisOptionsScalesTitle,\n          text: xAxisLabel,\n          display: Boolean(xAxisLabel),\n        },\n        grid: { display: false },\n        ticks: {\n          ...chartjsAxisOptionsScalesTicksDefault,\n          callback(index) {\n            return themeFormatter.data(dimension, data.labels?.[index as number]);\n          },\n        },\n      },\n      [AXIS_ID_COMPARISON]: {\n        display: false,\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            return themeFormatter.data(measures[0]!, value);\n          },\n        },\n      },\n    },\n  };\n\n  return lineChartOptions;\n};\n\nconst getLineChartComparisonTimeOptions = (\n  options: {\n    dimension: Dimension;\n    measures: Measure[];\n    data: ChartData<'line'>;\n    xAxisLabel?: string;\n    showComparisonAxis: boolean;\n  },\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { dimension, data, measures, xAxisLabel, showComparisonAxis } = options;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const mainDimensionLabels: string[] =\n    (data.datasets.find((ds) => ds.xAxisID === AXIS_ID_MAIN) as { labels?: string[] })?.labels ??\n    [];\n  const comparisonDimensionLabels: string[] =\n    (data.datasets.find((ds) => ds.xAxisID === AXIS_ID_COMPARISON) as { labels?: string[] })\n      ?.labels ?? [];\n\n  const lineChartOptions: ChartOptions<'line'> = {\n    plugins: {\n      legend: {\n        labels: {\n          filter: (legendItem, chartData) => {\n            if (!legendItem) return false;\n            const dataset = chartData.datasets[legendItem.datasetIndex!]!;\n            // Only show legend if dataset has at least one data point\n            return Array.isArray(dataset.data) && dataset.data.length > 0;\n          },\n        },\n      },\n      datalabels: {\n        labels: {\n          value: {\n            formatter: (value: string | number, context) => {\n              const measure = measures[context.datasetIndex % measures.length]!;\n              return themeFormatter.data(measure, value);\n            },\n          },\n        },\n      },\n      tooltip: {\n        callbacks: {\n          title: (context) => {\n            const dataIndex = context[0]?.dataIndex;\n\n            if (dataIndex === undefined) return '';\n\n            const main =\n              mainDimensionLabels[dataIndex] &&\n              themeFormatter.data(dimension, mainDimensionLabels[dataIndex]);\n            const comparison =\n              comparisonDimensionLabels[dataIndex] &&\n              themeFormatter.data(dimension, comparisonDimensionLabels[dataIndex]);\n\n            return `${main ?? '-'} vs ${comparison ?? '-'}`;\n          },\n          label: (context) => {\n            const measure = measures[context.datasetIndex % measures.length]!;\n            const raw = context.raw as number;\n            return `${context.dataset.label}: ${themeFormatter.data(measure, raw)}`;\n          },\n        },\n      },\n    },\n    scales: {\n      x: { display: false },\n      [AXIS_ID_MAIN]: {\n        title: {\n          ...chartjsAxisOptionsScalesTitle,\n          text: xAxisLabel,\n          display: Boolean(\n            (!showComparisonAxis || comparisonDimensionLabels.length === 0) && xAxisLabel,\n          ),\n        },\n        grid: { display: false },\n        ticks: {\n          ...chartjsAxisOptionsScalesTicksDefault,\n          callback: (index) => {\n            return themeFormatter.data(dimension, mainDimensionLabels[Number(index)]);\n          },\n        },\n      },\n      [AXIS_ID_COMPARISON]: {\n        title: {\n          ...chartjsAxisOptionsScalesTitle,\n          text: xAxisLabel,\n          display: Boolean(xAxisLabel),\n        },\n        grid: { display: false },\n        display: showComparisonAxis && comparisonDimensionLabels.length > 0,\n        ticks: {\n          ...chartjsAxisOptionsScalesTicksDefault,\n          callback: (index) => {\n            if (comparisonDimensionLabels.length === 0) {\n              return '';\n            }\n\n            const comparisonLabel = comparisonDimensionLabels[Number(index)];\n            return comparisonLabel ? themeFormatter.data(dimension, comparisonLabel) : '';\n          },\n        },\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            return themeFormatter.data(measures[0]!, value);\n          },\n        },\n      },\n    },\n  };\n\n  return lineChartOptions;\n};\n\nexport const getLineChartComparisonProOptions = (\n  options: LineChartComparisonProOptionsProps,\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const getOptions =\n    options.dimension.nativeType === 'time'\n      ? getLineChartComparisonTimeOptions\n      : getLineChartComparisonNonTimeOptions;\n  return mergician(\n    getOptions(options, theme),\n    theme.charts?.lineChartComparisonDefaultPro?.options || {},\n  );\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Dimension, Measure, TimeRange } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { LineChart } from '../../../../../remarkable-ui/charts/lines/LineChart';\nimport { useEffect } from 'react';\nimport { getComparisonPeriodDateRange } from '../../../utils/timeRange.utils';\nimport {\n  getLineChartComparisonProData,\n  getLineChartComparisonProOptions,\n} from './LineChartComparisonDefaultPro.utils';\nimport { useFillGaps } from '../../charts.newFillGaps.hooks';\n\ntype LineChartComparisonDefaultProProps = {\n  description: string;\n  xAxis: Dimension;\n  measures: Measure[];\n  results: DataResponse;\n  resultsComparison: DataResponse | undefined;\n  reverseXAxis: boolean;\n  showLegend: boolean;\n  showLogarithmicScale: boolean;\n  showTooltips: boolean;\n  showValueLabels: boolean;\n  title: string;\n  xAxisLabel: string;\n  yAxisLabel: string;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n  comparisonPeriod?: string;\n  comparisonDateRange: TimeRange;\n  showComparisonAxis: boolean;\n  primaryDateRange: TimeRange;\n  setComparisonDateRange: (dateRange: TimeRange) => void;\n};\n\nconst LineChartComparisonDefaultPro = (props: LineChartComparisonDefaultProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n  const {\n    comparisonPeriod,\n    measures,\n    xAxis,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    primaryDateRange,\n    comparisonDateRange,\n    showComparisonAxis,\n    setComparisonDateRange,\n  } = props;\n\n  useEffect(() => {\n    const newComparisonDateRange = getComparisonPeriodDateRange(\n      primaryDateRange,\n      comparisonPeriod,\n      theme,\n    );\n    setComparisonDateRange(newComparisonDateRange);\n  }, [comparisonPeriod, JSON.stringify(primaryDateRange), theme]);\n\n  const results = useFillGaps({ results: props.results, dimension: xAxis });\n\n  const resultsComparison = useFillGaps({\n    results: props.resultsComparison,\n    dimension: xAxis,\n    externalDateBounds: comparisonDateRange,\n  });\n\n  const showDataComparison = Boolean(primaryDateRange && comparisonPeriod);\n  const data = getLineChartComparisonProData(\n    {\n      data: results.data,\n      dataComparison: showDataComparison ? (resultsComparison?.data ?? []) : undefined,\n      dimension: xAxis,\n      measures,\n      hasMinMaxYAxisRange: Boolean(yAxisRangeMin || yAxisRangeMax),\n    },\n    theme,\n  );\n\n  const options = getLineChartComparisonProOptions(\n    {\n      data: data,\n      dimension: xAxis,\n      measures,\n      xAxisLabel,\n      showComparisonAxis,\n    },\n    theme,\n  );\n\n  const resultsCombined = {\n    ...results,\n    data: [...(results.data ?? []), ...(resultsComparison?.data ?? [])],\n  };\n\n  return (\n    <ChartCard\n      data={resultsCombined}\n      dimensionsAndMeasures={[...measures, xAxis]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <LineChart\n        data={data}\n        reverseXAxis={reverseXAxis}\n        showLegend={showLegend}\n        showLogarithmicScale={showLogarithmicScale}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        yAxisRangeMax={yAxisRangeMax}\n        yAxisRangeMin={yAxisRangeMin}\n        options={options}\n      />\n    </ChartCard>\n  );\n};\n\nexport default LineChartComparisonDefaultPro;\n","import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport {\n  dataset,\n  description,\n  dimension,\n  dimensionTime,\n  genericBoolean,\n  genericTimeRange,\n  measures,\n  reverseXAxis,\n  showLegend,\n  showLogarithmicScale,\n  showTooltips,\n  showValueLabels,\n  subInputColor,\n  title,\n  xAxisLabel,\n  yAxisLabel,\n  yAxisRangeMax,\n  yAxisRangeMin,\n} from '../../../component.constants';\nimport LineChartComparisonDefaultPro from './index';\nimport { loadData, OrderBy, TimeRange } from '@embeddable.com/core';\nimport ComparisonPeriodType from '../../../types/ComparisonPeriod.type.emb';\n\nexport const meta = {\n  name: 'LineChartComparisonDefaultPro',\n  label: 'Line Chart Comparison - Default',\n  category: 'Line Charts',\n  inputs: [\n    dataset,\n    {\n      ...measures,\n      inputs: [\n        ...measures.inputs,\n        { ...genericBoolean, name: 'fillUnderLine', label: 'Fill under line' },\n        {\n          ...subInputColor,\n          name: 'lineColor',\n          label: 'Line color',\n        },\n        { ...subInputColor, name: 'previousLineColor', label: 'Previous line color' },\n        {\n          ...genericBoolean,\n          name: 'lineDashed',\n          label: 'Primary line dashed',\n          defaultValue: false,\n        },\n        {\n          ...genericBoolean,\n          name: 'previousLineDashed',\n          label: 'Compared line dashed',\n          defaultValue: true,\n        },\n        { ...genericBoolean, name: 'connectGaps', label: 'Connect gaps', defaultValue: true },\n      ],\n    },\n    { ...dimension, label: 'X-axis', name: 'xAxis' },\n    {\n      ...genericTimeRange,\n      name: 'primaryDateRange',\n      label: 'Primary Date Range',\n      description: 'You can also connect this to a date range selector using its variable',\n      category: 'Component Data',\n    },\n    {\n      name: 'comparisonPeriod',\n      type: ComparisonPeriodType,\n      label: 'Comparison Period',\n      description: 'You can also connect this to a comparison period selector using its variable',\n      category: 'Component Data',\n    },\n    {\n      ...dimensionTime,\n      name: 'timePropertyForNonTimeDimensions',\n      label: 'Time property for non time dimensions',\n      description:\n        'Choose the time property used for filtering comparison ranges. This will be ignored if your x-axis is already time-based.',\n      required: false,\n    },\n\n    title,\n    description,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    showLogarithmicScale,\n    xAxisLabel,\n    yAxisLabel,\n    reverseXAxis,\n    yAxisRangeMin,\n    yAxisRangeMax,\n    {\n      ...genericBoolean,\n      name: 'showComparisonAxis',\n      label: 'Display a comparison X-axis',\n      defaultValue: true,\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\ntype LineChartComparisonDefaultProState = {\n  comparisonDateRange: TimeRange;\n};\n\nexport default defineComponent(LineChartComparisonDefaultPro, meta, {\n  /* @ts-expect-error - to be fixed in @embeddable.com/react */\n\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [\n      LineChartComparisonDefaultProState,\n      (state: LineChartComparisonDefaultProState) => void,\n    ],\n  ) => {\n    const orderBy: OrderBy[] = [\n      {\n        property: inputs.xAxis,\n        direction: 'asc',\n      },\n    ];\n\n    const timeProperty =\n      inputs.xAxis.nativeType === 'time' ? inputs.xAxis : inputs.timePropertyForNonTimeDimensions;\n\n    return {\n      ...inputs,\n      comparisonDateRange: state?.comparisonDateRange,\n      setComparisonDateRange: (comparisonDateRange: TimeRange) => setState({ comparisonDateRange }),\n      results: loadData({\n        from: inputs.dataset,\n        select: [...inputs.measures, inputs.xAxis],\n        orderBy,\n        filters:\n          inputs.primaryDateRange && timeProperty\n            ? [\n                {\n                  property: timeProperty,\n                  operator: 'inDateRange',\n                  value: inputs.primaryDateRange,\n                },\n              ]\n            : undefined,\n      }),\n      resultsComparison:\n        inputs.primaryDateRange && timeProperty && state?.comparisonDateRange\n          ? loadData({\n              from: inputs.dataset,\n              select: [...inputs.measures, inputs.xAxis],\n              orderBy,\n              filters: [\n                {\n                  property: timeProperty,\n                  operator: 'inDateRange',\n                  value: state.comparisonDateRange,\n                },\n              ],\n            })\n          : undefined,\n    };\n  },\n});\n"],"names":["AXIS_ID_MAIN","AXIS_ID_COMPARISON","getLineChartComparisonDataset","props","theme","data","measure","dimension","index","isPreviousPeriod","hasMinMaxYAxisRange","labels","datasetLabels","item","zeroFill","_a","processedData","label","found","themeFormatter","getThemeFormatter","themeKey","getObjectStableKey","isLineDashed","_b","lineColorTemp","_c","lineColor","isColorValid","getColor","chartContrastColors","i18n","setColorAlpha","getStyleNumber","_d","getLineChartComparisonProData","dataComparison","measures","originalDatasets","comparisonDatasets","getLineChartComparisonNonTimeOptions","options","xAxisLabel","legendItem","chartData","dataset","value","context","raw","chartjsAxisOptionsScalesTitle","chartjsAxisOptionsScalesTicksDefault","getLineChartComparisonTimeOptions","showComparisonAxis","mainDimensionLabels","ds","comparisonDimensionLabels","dataIndex","main","comparison","comparisonLabel","getLineChartComparisonProOptions","getOptions","mergician","LineChartComparisonDefaultPro","useTheme","i18nSetup","title","description","yAxisLabel","resolveI18nProps","comparisonPeriod","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","primaryDateRange","comparisonDateRange","setComparisonDateRange","useEffect","newComparisonDateRange","getComparisonPeriodDateRange","results","useFillGaps","resultsComparison","showDataComparison","resultsCombined","jsx","ChartCard","LineChart","meta","genericBoolean","subInputColor","genericTimeRange","ComparisonPeriodType","dimensionTime","LineChartComparisonDefaultPro_emb","defineComponent","inputs","state","setState","orderBy","timeProperty","loadData"],"mappings":"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"}

package/dist/embeddable-components.json

@@ -1,23 +1,23 @@
 {
   "components": [
     "ComparisonPeriodSelectFieldPro",
-    "MultiSelectFieldPro",
     "DateRangeSelectFieldPro",
-    "BarChartDefaultPro",
-    "SingleSelectFieldPro",
-    "BarChartGroupedPro",
+    "BarChartGroupedHorizontalPro",
     "BarChartStackedPro",
+    "KpiChartNumberComparisonPro",
+    "BarChartGroupedPro",
     "BarChartDefaultHorizontalPro",
     "BarChartStackedHorizontalPro",
-    "BarChartGroupedHorizontalPro",
+    "LineChartGroupedPro",
     "KpiChartNumberPro",
-    "DonutLabelChartPro",
+    "MultiSelectFieldPro",
+    "SingleSelectFieldPro",
+    "LineChartDefaultPro",
     "LineChartComparisonDefaultPro",
-    "LineChartGroupedPro",
     "DonutChartPro",
+    "BarChartDefaultPro",
     "PieChartPro",
-    "LineChartDefaultPro",
-    "KpiChartNumberComparisonPro"
+    "DonutLabelChartPro"
   ],
   "editors": [],
   "plugin": "react"

package/dist/remarkable-pro/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LineChartComparisonDefaultPro.utils.d.ts","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAInD,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAiFtD,eAAO,MAAM,6BAA6B,GACxC,OAAO;IACL,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC3B,cAAc,EAAE,YAAY,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IACjD,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,mBAAmB,EAAE,OAAO,CAAC;CAC9B,EACD,OAAO,KAAK,KACX,SAAS,CAAC,MAAM,CAmDlB,CAAC;AAEF,KAAK,kCAAkC,GAAG;IACxC,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,OAAO,CAAC;CAC7B,CAAC;AA2LF,eAAO,MAAM,gCAAgC,GAC3C,SAAS,kCAAkC,EAC3C,OAAO,KAAK,KACX,YAAY,CAAC,MAAM,CASrB,CAAC"}
+{"version":3,"file":"LineChartComparisonDefaultPro.utils.d.ts","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAInD,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAiFtD,eAAO,MAAM,6BAA6B,GACxC,OAAO;IACL,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC3B,cAAc,EAAE,YAAY,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IACjD,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,mBAAmB,EAAE,OAAO,CAAC;CAC9B,EACD,OAAO,KAAK,KACX,SAAS,CAAC,MAAM,CAqDlB,CAAC;AAEF,KAAK,kCAAkC,GAAG;IACxC,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,OAAO,CAAC;CAC7B,CAAC;AAqMF,eAAO,MAAM,gCAAgC,GAC3C,SAAS,kCAAkC,EAC3C,OAAO,KAAK,KACX,YAAY,CAAC,MAAM,CASrB,CAAC"}

package/dist/remarkable-pro/components/charts/lines/LineChartComparisonDefaultPro/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/lines/LineChartComparisonDefaultPro/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAanF,KAAK,kCAAkC,GAAG;IACxC,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,OAAO,EAAE,YAAY,CAAC;IACtB,iBAAiB,EAAE,YAAY,GAAG,SAAS,CAAC;IAC5C,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB,EAAE,SAAS,CAAC;IAC/B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,gBAAgB,EAAE,SAAS,CAAC;IAC5B,sBAAsB,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;CACxD,CAAC;AAEF,QAAA,MAAM,6BAA6B,GAAI,OAAO,kCAAkC,4CAqF/E,CAAC;AAEF,eAAe,6BAA6B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/remarkable-pro/components/charts/lines/LineChartComparisonDefaultPro/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAanF,KAAK,kCAAkC,GAAG;IACxC,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,OAAO,EAAE,YAAY,CAAC;IACtB,iBAAiB,EAAE,YAAY,GAAG,SAAS,CAAC;IAC5C,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB,EAAE,SAAS,CAAC;IAC/B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,gBAAgB,EAAE,SAAS,CAAC;IAC5B,sBAAsB,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;CACxD,CAAC;AAEF,QAAA,MAAM,6BAA6B,GAAI,OAAO,kCAAkC,4CA0F/E,CAAC;AAEF,eAAe,6BAA6B,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@embeddable.com/remarkable-ui",
   "author": "embeddable (https://embeddable.com)",
-  "version": "0.1.24",
+  "version": "0.1.25",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",