@embeddable.com/remarkable-pro 0.2.13 → 0.3.1

package/dist/{definition-BHWtQ59c.js → definition-CaY0LXUV.js}

@@ -1,27 +1,27 @@
-import { m as se, t as ne, y as _, G as V, H as B, j as O, J as ie, V as z, l as Y } from "./index-7D6uMJ-C.js";
+import { a9 as ie, _ as ne, a3 as j, $ as V, a0 as B, a7 as O, L as se, V as $, a8 as W } from "./index-Cddhb628.js";
 import { useTheme as oe, definePreview as te } from "@embeddable.com/react";
-import { i as re, a as le, r as me } from "./component.utils-Dua9clQJ.js";
-import { C as de } from "./ChartCard-DXg1i7Y2.js";
+import { a as re, i as le, r as me } from "./component.utils-oQMZT7TK.js";
+import { C as de } from "./ChartCard-CZ0PnrNg.js";
 import { useEffect as ce } from "react";
-import { g as pe } from "./timeRange.utils-CcP33PfM.js";
-import { g as G } from "./formatter.utils-Y14po21h.js";
-import { g as ue } from "./styles.utils-C8CnV0SB.js";
+import { g as pe } from "./timeRange.utils-kK6r26ZO.js";
+import { b as N } from "./formatter.utils-Dm_mQlX1.js";
+import { a as ue } from "./styles.utils-BfpH_m_W.js";
 import { i as ge, s as he } from "./color.utils-BSg_DFOh.js";
-import { b as F } from "./charts.utils-DOtSJB7u.js";
-import { g as ye } from "./dimension.utils-DlzeRFgr.js";
-import { u as X } from "./charts.fillGaps.hooks-DwMWViua.js";
-import { C as be, g as De } from "./granularity.utils-DwARRSja.js";
-import { i as c, s as A } from "./component.inputs.constants-ByMVK7Vv.js";
-import { p as I } from "./preview.data.constants-BSjhK_tx.js";
-import { g as W } from "./clientContext.utils-DpB5KsfX.js";
-const P = "mainAxis", w = "comparisonAxis", $ = (e, s) => {
+import { b as F } from "./charts.utils-BoJ5LrTC.js";
+import { g as ye } from "./dimension.utils-DN43DaL5.js";
+import { u as z } from "./charts.fillGaps.hooks-CxXM5Ff3.js";
+import { C as be, g as fe } from "./granularity.utils-DnAzYxES.js";
+import { i as c, s as A } from "./component.inputs.constants-BFlnzCwS.js";
+import { p as I } from "./preview.data.constants-HvHDcvh2.js";
+import { g as Y } from "./clientContext.utils-DpB5KsfX.js";
+const P = "mainAxis", w = "comparisonAxis", X = (e, i) => {
   var C, M, k, R;
-  const { data: a, measure: n, dimension: i, index: t, isPreviousPeriod: l, hasMinMaxYAxisRange: b, labels: o } = e, d = a == null ? void 0 : a.map((D) => D[i.name]), r = !!((C = n.inputs) != null && C.connectGaps), g = o ? o.map((D) => {
-    const T = a == null ? void 0 : a.find((f) => f[i.name] === D);
+  const { data: a, measure: n, dimension: s, index: t, isPreviousPeriod: l, hasMinMaxYAxisRange: b, labels: o } = e, d = a == null ? void 0 : a.map((f) => f[s.name]), r = !!((C = n.inputs) != null && C.connectGaps), g = o ? o.map((f) => {
+    const T = a == null ? void 0 : a.find((D) => D[s.name] === f);
     return (T == null ? void 0 : T[n.name]) ?? (r ? 0 : null);
-  }) : a == null ? void 0 : a.map((D) => D[n.name] ?? (r ? 0 : null)), y = G(s), v = !!((M = n.inputs) != null && M[l ? "previousLineDashed" : "lineDashed"]), m = ne(), p = (k = n.inputs) == null ? void 0 : k[l ? "previousLineColor" : "lineColor"], u = ge(p) ? p : ue({
+  }) : a == null ? void 0 : a.map((f) => f[n.name] ?? (r ? 0 : null)), y = N(i), v = !!((M = n.inputs) != null && M[l ? "previousLineDashed" : "lineDashed"]), m = ne(), p = (k = n.inputs) == null ? void 0 : k[l ? "previousLineColor" : "lineColor"], u = ge(p) ? p : ue({
     dimensionOrMeasure: n,
-    theme: s,
+    theme: i,
     color: "background",
     value: n.name,
     chartColors: m,
@@ -36,14 +36,14 @@ const P = "mainAxis", w = "comparisonAxis", $ = (e, s) => {
     backgroundColor: he(u, 0.5),
     pointBackgroundColor: u,
     borderDash: v ? [
-      _("--em-linechart-line-dash", "0.25rem"),
-      _("--em-linechart-line-gap", "0.25rem")
+      j("--em-linechart-line-dash", "0.25rem"),
+      j("--em-linechart-line-gap", "0.25rem")
     ] : void 0,
     borderColor: u,
     fill: (R = n.inputs) == null ? void 0 : R.fillUnderLine,
     clip: b
   };
-}, fe = (e, s) => {
+}, De = (e, i) => {
   if (!e.data)
     return {
       labels: [],
@@ -52,43 +52,43 @@ const P = "mainAxis", w = "comparisonAxis", $ = (e, s) => {
         { xAxisID: w, data: [] }
       ]
     };
-  const { data: a, dataComparison: n, dimension: i, measures: t, hasMinMaxYAxisRange: l } = e, o = i.nativeType === "time" ? void 0 : n ? Array.from(
+  const { data: a, dataComparison: n, dimension: s, measures: t, hasMinMaxYAxisRange: l } = e, o = s.nativeType === "time" ? void 0 : n ? Array.from(
     /* @__PURE__ */ new Set([
-      ...a.map((g) => g[i.name]),
-      ...(n == null ? void 0 : n.map((g) => g[i.name])) ?? []
+      ...a.map((g) => g[s.name]),
+      ...(n == null ? void 0 : n.map((g) => g[s.name])) ?? []
     ])
   ) : void 0, d = t.map(
-    (g, y) => $(
+    (g, y) => X(
       {
         data: a,
         measure: g,
-        dimension: i,
+        dimension: s,
         labels: o,
         hasMinMaxYAxisRange: l,
         index: y
       },
-      s
+      i
     )
   ), r = t.map(
-    (g, y) => $(
+    (g, y) => X(
       {
         data: n,
         measure: g,
-        dimension: i,
+        dimension: s,
         labels: o,
         hasMinMaxYAxisRange: l,
         index: y,
         isPreviousPeriod: !0
       },
-      s
+      i
     )
   );
   return {
-    labels: o ?? a.map((g) => g[i.name]),
+    labels: o ?? a.map((g) => g[s.name]),
     datasets: [...d, ...r]
   };
-}, xe = (e, s) => {
-  const { dimension: a, data: n, measures: i, xAxisLabel: t } = e, l = G(s);
+}, xe = (e, i) => {
+  const { dimension: a, data: n, measures: s, xAxisLabel: t } = e, l = N(i);
   return {
     plugins: {
       legend: {
@@ -104,7 +104,7 @@ const P = "mainAxis", w = "comparisonAxis", $ = (e, s) => {
         labels: {
           value: {
             formatter: (o, d) => {
-              const r = i[d.datasetIndex % i.length];
+              const r = s[d.datasetIndex % s.length];
               return l.data(r, o);
             }
           }
@@ -118,7 +118,7 @@ const P = "mainAxis", w = "comparisonAxis", $ = (e, s) => {
             o[0].label
           ) : "",
           label: (o) => {
-            const d = i[o.datasetIndex % i.length], r = o.raw;
+            const d = s[o.datasetIndex % s.length], r = o.raw;
             return `${o.dataset.label}: ${l.data(d, r)}`;
           }
         }
@@ -148,14 +148,14 @@ const P = "mainAxis", w = "comparisonAxis", $ = (e, s) => {
       },
       y: {
         ticks: {
-          callback: (o) => l.data(i[0], o)
+          callback: (o) => l.data(s[0], o)
         }
       }
     }
   };
-}, Ce = (e, s) => {
+}, Ce = (e, i) => {
   var y, v;
-  const { dimension: a, data: n, measures: i, xAxisLabel: t, showComparisonAxis: l, showDataComparison: b } = e, o = G(s), d = ((y = n.datasets.find((m) => m.xAxisID === P)) == null ? void 0 : y.labels) ?? [], r = ((v = n.datasets.find((m) => m.xAxisID === w)) == null ? void 0 : v.labels) ?? [];
+  const { dimension: a, data: n, measures: s, xAxisLabel: t, showComparisonAxis: l, showDataComparison: b } = e, o = N(i), d = ((y = n.datasets.find((m) => m.xAxisID === P)) == null ? void 0 : y.labels) ?? [], r = ((v = n.datasets.find((m) => m.xAxisID === w)) == null ? void 0 : v.labels) ?? [];
   return {
     plugins: {
       legend: {
@@ -171,7 +171,7 @@ const P = "mainAxis", w = "comparisonAxis", $ = (e, s) => {
         labels: {
           value: {
             formatter: (m, p) => {
-              const u = i[p.datasetIndex % i.length];
+              const u = s[p.datasetIndex % s.length];
               return o.data(u, m);
             }
           }
@@ -198,7 +198,7 @@ const P = "mainAxis", w = "comparisonAxis", $ = (e, s) => {
             return `${x ?? "-"} vs ${L ?? "-"}`;
           },
           label: (m) => {
-            const p = i[m.datasetIndex % i.length], u = m.raw;
+            const p = s[m.datasetIndex % s.length], u = m.raw;
             return `${m.dataset.label}: ${o.data(p, u)}`;
           }
         }
@@ -238,22 +238,22 @@ const P = "mainAxis", w = "comparisonAxis", $ = (e, s) => {
       },
       y: {
         ticks: {
-          callback: (m) => o.data(i[0], m)
+          callback: (m) => o.data(s[0], m)
         }
       }
     }
   };
 }, ve = ({
   data: e,
-  measures: s,
+  measures: i,
   dimension: a,
   granularity: n,
-  onClicked: i
+  onClicked: s
 }) => ({ elementAtEvent: t }) => {
   var r, g;
   const l = t[0];
   if (!l) return;
-  const b = l.datasetIndex >= s.length;
+  const b = l.datasetIndex >= i.length;
   let o;
   b && a.nativeType === "time" ? o = (r = e.datasets[l.datasetIndex].labels) == null ? void 0 : r[l.index] : o = (g = e == null ? void 0 : e.labels) == null ? void 0 : g[l.index];
   const d = ye({
@@ -261,18 +261,18 @@ const P = "mainAxis", w = "comparisonAxis", $ = (e, s) => {
     stateGranularity: n,
     dimension: a
   });
-  i == null || i({ dimensionValue: o, dimensionTimeRange: d });
-}, Ae = (e, s) => {
-  var i, t;
+  s == null || s({ dimensionValue: o, dimensionTimeRange: d });
+}, Ae = (e, i) => {
+  var s, t;
   const { dimension: a } = e, n = a.nativeType === "time" ? Ce : xe;
-  return se(
-    n(e, s),
-    ((t = (i = s.charts) == null ? void 0 : i.lineChartComparisonDefaultPro) == null ? void 0 : t.options) || {}
+  return ie(
+    n(e, i),
+    ((t = (s = i.charts) == null ? void 0 : s.lineChartComparisonDefaultPro) == null ? void 0 : t.options) || {}
   );
-}, N = (e) => {
-  const s = oe();
-  le(s);
-  const { title: a, description: n, tooltip: i, xAxisLabel: t, yAxisLabel: l } = me(e), {
+}, G = (e) => {
+  const i = oe();
+  le(i);
+  const { title: a, description: n, tooltip: s, xAxisLabel: t, yAxisLabel: l } = me(e), {
     hideMenu: b,
     comparisonPeriod: o,
     measures: d,
@@ -289,34 +289,34 @@ const P = "mainAxis", w = "comparisonAxis", $ = (e, s) => {
     comparisonDateRange: M,
     showComparisonAxis: k,
     setGranularity: R,
-    setComparisonDateRange: D,
+    setComparisonDateRange: f,
     onLineClicked: T
   } = e;
   ce(() => {
     const ae = pe(
       C,
       o,
-      s
+      i
     );
-    D == null || D(ae);
-  }, [o, JSON.stringify(C), s]);
-  const f = X({
+    f == null || f(ae);
+  }, [o, JSON.stringify(C), i]);
+  const D = z({
     results: e.results,
     dimension: r,
     externalDateBounds: C
-  }), h = X({
+  }), h = z({
     results: e.resultsComparison,
     dimension: r,
     externalDateBounds: M
-  }), j = !!(C && o), S = fe(
+  }), _ = !!(C && o), S = De(
     {
-      data: f.data,
-      dataComparison: j ? (h == null ? void 0 : h.data) ?? [] : void 0,
+      data: D.data,
+      dataComparison: _ ? (h == null ? void 0 : h.data) ?? [] : void 0,
       dimension: r,
       measures: d,
       hasMinMaxYAxisRange: L != null || x != null
     },
-    s
+    i
   ), K = Ae(
     {
       data: S,
@@ -324,9 +324,9 @@ const P = "mainAxis", w = "comparisonAxis", $ = (e, s) => {
       measures: d,
       xAxisLabel: t,
       showComparisonAxis: k,
-      showDataComparison: j
+      showDataComparison: _
     },
-    s
+    i
   ), Q = ve({
     data: S,
     measures: d,
@@ -334,15 +334,15 @@ const P = "mainAxis", w = "comparisonAxis", $ = (e, s) => {
     granularity: g,
     onClicked: T
   }), Z = {
-    isLoading: !!(f.isLoading || h != null && h.isLoading),
-    data: !(f != null && f.data) && !(h != null && h.data) ? void 0 : [...f.data ?? [], ...(h == null ? void 0 : h.data) ?? []]
-  }, ee = !a && !n && !i;
+    isLoading: !!(D.isLoading || h != null && h.isLoading),
+    data: !(D != null && D.data) && !(h != null && h.data) ? void 0 : [...D.data ?? [], ...(h == null ? void 0 : h.data) ?? []]
+  }, ee = !a && !n && !s;
   return /* @__PURE__ */ O.jsxs(
     de,
     {
       data: Z,
       dimensionsAndMeasures: [...d, r],
-      errorMessage: f.error || (h == null ? void 0 : h.error),
+      errorMessage: D.error || (h == null ? void 0 : h.error),
       description: n,
       title: a,
       hideMenu: b,
@@ -356,7 +356,7 @@ const P = "mainAxis", w = "comparisonAxis", $ = (e, s) => {
           }
         ),
         /* @__PURE__ */ O.jsx(
-          ie,
+          se,
           {
             data: S,
             reverseXAxis: y,
@@ -375,12 +375,13 @@ const P = "mainAxis", w = "comparisonAxis", $ = (e, s) => {
       ]
     }
   );
-}, Ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, We = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: N
+  default: G
 }, Symbol.toStringTag, { value: "Module" })), Le = {
   name: "LineChartComparisonDefaultPro",
   label: "Line Chart Comparison - Default",
+  description: "Line chart overlaying the current period and a comparison period. Pairs with a comparisonPeriod variable and a timeRange variable.",
   category: "Line Charts",
   inputs: [
     c.dataset,
@@ -426,7 +427,7 @@ const P = "mainAxis", w = "comparisonAxis", $ = (e, s) => {
       ...c.timeRange,
       name: "primaryDateRange",
       label: "Primary date-range",
-      description: "You can also connect this to a date range selector using its variable",
+      description: "The comparison period is derived internally using this date range — do not also apply a date filter on the underlying dataset",
       category: "Component Data"
     },
     {
@@ -480,7 +481,7 @@ const P = "mainAxis", w = "comparisonAxis", $ = (e, s) => {
       ]
     }
   ]
-}, H = {
+}, E = {
   xAxis: I.dimension,
   measures: [
     {
@@ -496,77 +497,77 @@ const P = "mainAxis", w = "comparisonAxis", $ = (e, s) => {
   comparisonDateRange: { relativeTimeString: "Previous period", from: void 0, to: void 0 },
   primaryDateRange: { relativeTimeString: "This week", from: void 0, to: void 0 },
   hideMenu: !0
-}, Re = te(N, H), E = (e, s, a) => {
-  const n = s ?? e.xAxis, i = [{ property: n, direction: "asc" }], t = n.nativeType === "time" ? n : e.timePropertyForNonTimeDimensions;
+}, Re = te(G, E), H = (e, i, a) => {
+  const n = i ?? e.xAxis, s = [{ property: n, direction: "asc" }], t = n.nativeType === "time" ? n : e.timePropertyForNonTimeDimensions;
   return {
     limit: e.maxResults,
     from: e.dataset,
     select: [...e.measures, n],
-    orderBy: i,
+    orderBy: s,
     filters: e.primaryDateRange && t ? [{ property: t, operator: "inDateRange", value: e.primaryDateRange }] : void 0,
-    timezone: W(a == null ? void 0 : a.timezone)
+    timezone: Y(a == null ? void 0 : a.timezone)
   };
-}, J = (e, s, a) => Y(E(e, s, a)), U = (e, s, a, n) => {
-  const i = [{ property: s, direction: "asc" }], t = s.nativeType === "time" ? s : e.timePropertyForNonTimeDimensions;
+}, U = (e, i, a) => W(H(e, i, a)), q = (e, i, a, n) => {
+  const s = [{ property: i, direction: "asc" }], t = i.nativeType === "time" ? i : e.timePropertyForNonTimeDimensions;
   return {
     limit: e.maxResults,
     from: e.dataset,
-    select: [...e.measures, s],
-    orderBy: i,
+    select: [...e.measures, i],
+    orderBy: s,
     filters: [{ property: t, operator: "inDateRange", value: a }],
-    timezone: W(n == null ? void 0 : n.timezone)
+    timezone: Y(n == null ? void 0 : n.timezone)
   };
-}, q = (e, s, a, n) => {
-  const i = s.nativeType === "time" ? s : e.timePropertyForNonTimeDimensions;
-  if (e.primaryDateRange && i && (a != null && a.comparisonDateRange))
-    return Y(
-      U(e, s, a.comparisonDateRange, n)
+}, J = (e, i, a, n) => {
+  const s = i.nativeType === "time" ? i : e.timePropertyForNonTimeDimensions;
+  if (e.primaryDateRange && s && (a != null && a.comparisonDateRange))
+    return W(
+      q(e, i, a.comparisonDateRange, n)
     );
 }, Te = {
   onLineClicked: (e) => ({
-    axisDimensionValue: e.dimensionValue ?? z.noFilter(),
-    axisDimensionTimeRange: e.dimensionTimeRange ?? z.noFilter()
+    axisDimensionValue: e.dimensionValue ?? $.noFilter(),
+    axisDimensionTimeRange: e.dimensionTimeRange ?? $.noFilter()
   })
-}, Pe = (e, [s, a], n) => {
-  const i = De(e.xAxis, s == null ? void 0 : s.granularity);
+}, Pe = (e, [i, a], n) => {
+  const s = fe(e.xAxis, i == null ? void 0 : i.granularity);
   return {
     ...e,
-    xAxis: i,
-    granularity: s == null ? void 0 : s.granularity,
-    setGranularity: (t) => a({ ...s, granularity: t }),
-    comparisonDateRange: s == null ? void 0 : s.comparisonDateRange,
-    setComparisonDateRange: (t) => a({ ...s, comparisonDateRange: t }),
-    results: J(e, i, n),
-    resultsComparison: q(
+    xAxis: s,
+    granularity: i == null ? void 0 : i.granularity,
+    setGranularity: (t) => a({ ...i, granularity: t }),
+    comparisonDateRange: i == null ? void 0 : i.comparisonDateRange,
+    setComparisonDateRange: (t) => a({ ...i, comparisonDateRange: t }),
+    results: U(e, s, n),
+    resultsComparison: J(
       e,
-      i,
       s,
+      i,
       n
     )
   };
-}, We = {
-  Component: N,
+}, Ye = {
+  Component: G,
   meta: Le,
   preview: Re,
-  previewConfig: H,
+  previewConfig: E,
   config: {
     props: Pe,
     events: Te
   },
   results: {
-    loadDataArgs: E,
-    loadData: J
+    loadDataArgs: H,
+    loadData: U
   },
   resultsComparison: {
-    loadDataArgs: U,
-    loadData: q
+    loadDataArgs: q,
+    loadData: J
   }
 };
 export {
   Ae as a,
   ve as c,
-  fe as g,
-  Ye as i,
-  We as l
+  De as g,
+  We as i,
+  Ye as l
 };
-//# sourceMappingURL=definition-BHWtQ59c.js.map
+//# sourceMappingURL=definition-CaY0LXUV.js.map

package/dist/definition-CaY0LXUV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-CaY0LXUV.js","sources":["../src/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.utils.ts","../src/components/charts/lines/LineChartComparisonDefaultPro/index.tsx","../src/components/charts/lines/LineChartComparisonDefaultPro/definition.ts"],"sourcesContent":["import { DataResponse, Dimension, Granularity, Measure } from '@embeddable.com/core';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport {\n  ChartClickArgs,\n  getChartColors,\n  getChartjsAxisOptionsScalesTicksDefault,\n  getChartjsAxisOptionsScalesTitle,\n  getStyleNumber,\n} from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getDimensionMeasureColor } from '../../../../theme/styles/styles.utils';\nimport { i18n } from '../../../../theme/i18n/i18n';\nimport { mergician } from 'mergician';\nimport { isColorValid, setColorAlpha } from '../../../../utils/color.utils';\nimport { getDimensionWithoutTruncation } from '../../charts.utils';\nimport { getTimeRangeFromDimensionValue } from '../../../utils/dimension.utils';\nimport { LineChartProOptionsClick } from '../lines.types';\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\n  const isLineDashed = Boolean(\n    measure.inputs?.[isPreviousPeriod ? 'previousLineDashed' : 'lineDashed'],\n  );\n  const chartColors = getChartColors();\n  const lineColorTemp = measure.inputs?.[isPreviousPeriod ? 'previousLineColor' : 'lineColor'];\n  const lineColor = isColorValid(lineColorTemp)\n    ? lineColorTemp\n    : getDimensionMeasureColor({\n        dimensionOrMeasure: measure,\n        theme,\n        color: 'background',\n        value: measure.name,\n        chartColors,\n        index,\n      });\n\n  const rawLabel = themeFormatter.dimensionOrMeasureTitle(measure);\n\n  const dataset = {\n    xAxisID: isPreviousPeriod ? AXIS_ID_COMPARISON : AXIS_ID_MAIN,\n    labels: datasetLabels,\n    rawLabel,\n    label: (isPreviousPeriod ? `${i18n.t('common.compared')} ` : '') + rawLabel,\n    data: processedData,\n    backgroundColor: setColorAlpha(lineColor, 0.5),\n    pointBackgroundColor: lineColor,\n    borderDash: isLineDashed\n      ? [\n          getStyleNumber('--em-linechart-line-dash', '0.25rem'),\n          getStyleNumber('--em-linechart-line-gap', '0.25rem'),\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 {\n      labels: [],\n      datasets: [\n        { xAxisID: AXIS_ID_MAIN, data: [] },\n        { xAxisID: AXIS_ID_COMPARISON, data: [] },\n      ],\n    };\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  showDataComparison?: 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(\n              { ...dimension, inputs: { ...dimension.inputs, maxCharacters: null } }, // tooltips titles do not truncate labels\n              context[0].label,\n            );\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          ...getChartjsAxisOptionsScalesTitle(),\n          text: xAxisLabel,\n          display: Boolean(xAxisLabel),\n        },\n        grid: { display: false },\n        ticks: {\n          ...getChartjsAxisOptionsScalesTicksDefault(),\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: LineChartComparisonProOptionsProps,\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { dimension, data, measures, xAxisLabel, showComparisonAxis, showDataComparison } = 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 contextItem = context[0];\n\n            if (!showDataComparison && contextItem) {\n              return themeFormatter.data(\n                getDimensionWithoutTruncation(dimension),\n                contextItem.label,\n              );\n            }\n\n            const dataIndex = contextItem?.dataIndex;\n\n            if (dataIndex === undefined) return '';\n\n            const main =\n              mainDimensionLabels[dataIndex] &&\n              themeFormatter.data(\n                getDimensionWithoutTruncation(dimension),\n                mainDimensionLabels[dataIndex],\n              );\n            const comparison =\n              comparisonDimensionLabels[dataIndex] &&\n              themeFormatter.data(\n                getDimensionWithoutTruncation(dimension),\n                comparisonDimensionLabels[dataIndex],\n              );\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          ...getChartjsAxisOptionsScalesTitle(),\n          text: xAxisLabel,\n          display: Boolean(\n            (!showComparisonAxis || comparisonDimensionLabels.length === 0) && xAxisLabel,\n          ),\n        },\n        grid: { display: false },\n        ticks: {\n          ...getChartjsAxisOptionsScalesTicksDefault(),\n          callback: (index) => {\n            return themeFormatter.data(dimension, mainDimensionLabels[Number(index)]);\n          },\n        },\n      },\n      [AXIS_ID_COMPARISON]: {\n        title: {\n          ...getChartjsAxisOptionsScalesTitle(),\n          text: xAxisLabel,\n          display: Boolean(xAxisLabel),\n        },\n        grid: { display: false },\n        display: showComparisonAxis && comparisonDimensionLabels.length > 0,\n        ticks: {\n          ...getChartjsAxisOptionsScalesTicksDefault(),\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 createComparisonClickHandler = ({\n  data,\n  measures,\n  dimension,\n  granularity,\n  onClicked,\n}: {\n  data: ChartData<'line'>;\n  measures: Measure[];\n  dimension: Dimension;\n  granularity?: Granularity;\n  onClicked?: LineChartProOptionsClick;\n}): ((args: ChartClickArgs) => void) => {\n  return ({ elementAtEvent }) => {\n    const element = elementAtEvent[0];\n    if (!element) return;\n\n    const isComparisonPeriod = element.datasetIndex >= measures.length;\n\n    let dimensionValue: string | undefined;\n    if (isComparisonPeriod && dimension.nativeType === 'time') {\n      const dataset = data.datasets[element.datasetIndex] as { labels?: string[] };\n      dimensionValue = dataset.labels?.[element.index];\n    } else {\n      dimensionValue = data?.labels?.[element.index] as string | undefined;\n    }\n\n    const dimensionTimeRange = getTimeRangeFromDimensionValue({\n      value: dimensionValue,\n      stateGranularity: granularity,\n      dimension,\n    });\n\n    onClicked?.({ dimensionValue, dimensionTimeRange });\n  };\n};\n\nexport const getLineChartComparisonProOptions = (\n  options: LineChartComparisonProOptionsProps,\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { dimension } = options;\n\n  const getOptions =\n    dimension.nativeType === 'time'\n      ? getLineChartComparisonTimeOptions\n      : getLineChartComparisonNonTimeOptions;\n\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, Granularity, Measure, TimeRange } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { useEffect } from 'react';\nimport { getComparisonPeriodDateRange } from '../../../utils/timeRange.utils';\nimport {\n  createComparisonClickHandler,\n  getLineChartComparisonProData,\n  getLineChartComparisonProOptions,\n} from './LineChartComparisonDefaultPro.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { LineChartProOptionsClick } from '../lines.types';\nimport { LineChart } from '@embeddable.com/remarkable-ui';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\n\nexport type LineChartComparisonDefaultProProps = {\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  xAxisLabel?: string;\n  yAxisLabel?: string;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n  comparisonPeriod?: string;\n  comparisonDateRange: TimeRange;\n  showComparisonAxis?: boolean;\n  primaryDateRange: TimeRange;\n  granularity?: Granularity;\n  setGranularity?: (granularity: Granularity) => void;\n  setComparisonDateRange?: (dateRange: TimeRange) => void;\n  onLineClicked?: LineChartProOptionsClick;\n} & ChartCardHeaderProps;\n\nconst LineChartComparisonDefaultPro = (props: LineChartComparisonDefaultProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, tooltip, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n  const {\n    hideMenu,\n    comparisonPeriod,\n    measures,\n    xAxis,\n    granularity,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    primaryDateRange,\n    comparisonDateRange,\n    showComparisonAxis,\n    setGranularity,\n    setComparisonDateRange,\n    onLineClicked,\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({\n    results: props.results,\n    dimension: xAxis,\n    externalDateBounds: primaryDateRange,\n  });\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 != null || yAxisRangeMax != null),\n    },\n    theme,\n  );\n\n  const options = getLineChartComparisonProOptions(\n    {\n      data: data,\n      dimension: xAxis,\n      measures,\n      xAxisLabel,\n      showComparisonAxis,\n      showDataComparison,\n    },\n    theme,\n  );\n\n  const handleClick = createComparisonClickHandler({\n    data,\n    measures,\n    dimension: xAxis,\n    granularity,\n    onClicked: onLineClicked,\n  });\n\n  const resultsCombined: DataResponse = {\n    isLoading: Boolean(results.isLoading || resultsComparison?.isLoading),\n    data:\n      !results?.data && !resultsComparison?.data\n        ? undefined\n        : [...(results.data ?? []), ...(resultsComparison?.data ?? [])],\n  };\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n  return (\n    <ChartCard\n      data={resultsCombined}\n      dimensionsAndMeasures={[...measures, xAxis]}\n      errorMessage={results.error || resultsComparison?.error}\n      description={description}\n      title={title}\n      hideMenu={hideMenu}\n    >\n      {setGranularity && (\n        <ChartGranularitySelectField\n          hasMarginTop={granularitySelectorHasMarginTop}\n          dimension={xAxis}\n          onChange={setGranularity}\n        />\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        onClick={handleClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default LineChartComparisonDefaultPro;\n","import {\n  DataResponse,\n  Dimension,\n  Granularity,\n  LoadDataRequest,\n  OrderBy,\n  TimeRange,\n  Value,\n  loadData,\n} from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { LineChartProOptionsClickArg } from '../lines.types';\nimport { inputs } from '../../../component.inputs.constants';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\n\nconst meta = {\n  name: 'LineChartComparisonDefaultPro',\n  label: 'Line Chart Comparison - Default',\n  description:\n    'Line chart overlaying the current period and a comparison period. Pairs with a comparisonPeriod variable and a timeRange variable.',\n  category: 'Line Charts',\n  inputs: [\n    inputs.dataset,\n    {\n      ...inputs.measures,\n      inputs: [\n        ...inputs.measures.inputs,\n        { ...subInputs.boolean, name: 'fillUnderLine', label: 'Fill under line' },\n        {\n          ...subInputs.color,\n          category: 'Component Settings',\n          name: 'lineColor',\n          label: 'Line color',\n        },\n        {\n          ...subInputs.color,\n          category: 'Component Settings',\n          name: 'previousLineColor',\n          label: 'Previous line color',\n        },\n        {\n          ...subInputs.boolean,\n          name: 'lineDashed',\n          label: 'Primary line dashed',\n          defaultValue: false,\n        },\n        {\n          ...subInputs.boolean,\n          name: 'previousLineDashed',\n          label: 'Compared line dashed',\n          defaultValue: true,\n        },\n        {\n          ...subInputs.boolean,\n          name: 'connectGaps',\n          label: 'Connect gaps',\n          defaultValue: true,\n        },\n      ],\n    },\n    { ...inputs.dimensionWithGranularitySelectField, label: 'X-axis', name: 'xAxis' },\n    {\n      ...inputs.timeRange,\n      name: 'primaryDateRange',\n      label: 'Primary date-range',\n      description:\n        'The comparison period is derived internally using this date range — do not also apply a date filter on the underlying dataset',\n      category: 'Component Data',\n    },\n    {\n      ...inputs.comparisonPeriod,\n      description: 'You can also connect this to a comparison period selector using its variable',\n      category: 'Component Data',\n    },\n    {\n      ...inputs.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    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.showLegend,\n    inputs.showTooltips,\n    inputs.showValueLabels,\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseXAxis,\n    inputs.yAxisRangeMin,\n    inputs.yAxisRangeMax,\n    {\n      ...inputs.boolean,\n      name: 'showComparisonAxis',\n      label: 'Display a comparison X-axis',\n      defaultValue: true,\n      category: 'Component Settings',\n    },\n    inputs.maxResults,\n  ],\n  events: [\n    {\n      name: 'onLineClicked',\n      label: 'A line is clicked',\n      properties: [\n        {\n          name: 'axisDimensionValue',\n          label: 'Clicked axis dimension value',\n          type: 'string',\n        },\n        {\n          name: 'axisDimensionTimeRange',\n          label: 'Clicked axis dimension time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type LineChartComparisonDefaultProMeasuresInput = Extract<\n  (typeof meta.inputs)[number],\n  { name: 'measures' }\n>;\n\nexport type LineChartComparisonDefaultProState = {\n  comparisonDateRange: TimeRange;\n  granularity?: Granularity;\n};\n\nconst previewConfig = {\n  xAxis: previewData.dimension,\n  measures: [\n    {\n      ...previewData.measure,\n      inputs: {\n        previousLineDashed: true,\n      },\n    },\n  ],\n  results: previewData.results1Measure2Dimensions,\n  resultsComparison: previewData.results1Measure2DimensionsVariant,\n  comparisonPeriod: 'Previous period',\n  comparisonDateRange: { relativeTimeString: 'Previous period', from: undefined, to: undefined },\n  primaryDateRange: { relativeTimeString: 'This week', from: undefined, to: undefined },\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  xAxis?: Dimension,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => {\n  const resolvedXAxis = xAxis ?? inputs.xAxis;\n  const orderBy: OrderBy[] = [{ property: resolvedXAxis, direction: 'asc' }];\n  const timeProperty =\n    resolvedXAxis.nativeType === 'time' ? resolvedXAxis : inputs.timePropertyForNonTimeDimensions;\n\n  return {\n    limit: inputs.maxResults,\n    from: inputs.dataset,\n    select: [...inputs.measures, resolvedXAxis],\n    orderBy,\n    filters:\n      inputs.primaryDateRange && timeProperty\n        ? [{ property: timeProperty, operator: 'inDateRange', value: inputs.primaryDateRange }]\n        : undefined,\n    timezone: getClientContextTimezone(clientContext?.timezone),\n  };\n};\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  xAxis: Dimension,\n  clientContext: ThemeClientContext,\n): DataResponse => loadData(loadDataResultsArgs(inputs, xAxis, clientContext));\n\nconst loadDataResultsComparisonArgs = (\n  inputs: Inputs<typeof meta>,\n  xAxis: Dimension,\n  comparisonDateRange: TimeRange,\n  clientContext: ThemeClientContext,\n): LoadDataRequest => {\n  const orderBy: OrderBy[] = [{ property: xAxis, direction: 'asc' }];\n  const timeProperty =\n    xAxis.nativeType === 'time' ? xAxis : inputs.timePropertyForNonTimeDimensions;\n\n  return {\n    limit: inputs.maxResults,\n    from: inputs.dataset,\n    select: [...inputs.measures, xAxis],\n    orderBy,\n    filters: [{ property: timeProperty, operator: 'inDateRange', value: comparisonDateRange }],\n    timezone: getClientContextTimezone(clientContext?.timezone),\n  };\n};\n\nconst loadDataResultsComparison = (\n  inputs: Inputs<typeof meta>,\n  xAxis: Dimension,\n  state: LineChartComparisonDefaultProState,\n  clientContext: ThemeClientContext,\n): DataResponse | undefined => {\n  const timeProperty =\n    xAxis.nativeType === 'time' ? xAxis : inputs.timePropertyForNonTimeDimensions;\n\n  if (inputs.primaryDateRange && timeProperty && state?.comparisonDateRange) {\n    return loadData(\n      loadDataResultsComparisonArgs(inputs, xAxis, state.comparisonDateRange, clientContext),\n    );\n  }\n  return undefined;\n};\n\nconst events = {\n  onLineClicked: (value: LineChartProOptionsClickArg) => {\n    return {\n      axisDimensionValue: value.dimensionValue ?? Value.noFilter(),\n      axisDimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n    };\n  },\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [\n    LineChartComparisonDefaultProState,\n    (state: LineChartComparisonDefaultProState) => void,\n  ],\n  clientContext: ThemeClientContext,\n) => {\n  const xAxisWithGranularity = getDimensionWithGranularity(inputs.xAxis, state?.granularity);\n\n  return {\n    ...inputs,\n    xAxis: xAxisWithGranularity,\n    granularity: state?.granularity,\n    setGranularity: (granularity: Granularity) => setState({ ...state, granularity }),\n    comparisonDateRange: state?.comparisonDateRange,\n    setComparisonDateRange: (comparisonDateRange: TimeRange) =>\n      setState({ ...state, comparisonDateRange }),\n    results: loadDataResults(inputs, xAxisWithGranularity, clientContext),\n    resultsComparison: loadDataResultsComparison(\n      inputs,\n      xAxisWithGranularity,\n      state,\n      clientContext,\n    ),\n  };\n};\n\nexport const lineChartComparisonDefaultPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n    events,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n  resultsComparison: {\n    loadDataArgs: loadDataResultsComparisonArgs,\n    loadData: loadDataResultsComparison,\n  },\n} as const;\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","isLineDashed","_b","chartColors","getChartColors","lineColorTemp","_c","lineColor","isColorValid","getDimensionMeasureColor","rawLabel","i18n","setColorAlpha","getStyleNumber","_d","getLineChartComparisonProData","dataComparison","measures","originalDatasets","comparisonDatasets","getLineChartComparisonNonTimeOptions","options","xAxisLabel","legendItem","chartData","dataset","value","context","raw","getChartjsAxisOptionsScalesTitle","getChartjsAxisOptionsScalesTicksDefault","getLineChartComparisonTimeOptions","showComparisonAxis","showDataComparison","mainDimensionLabels","ds","comparisonDimensionLabels","contextItem","getDimensionWithoutTruncation","dataIndex","main","comparison","comparisonLabel","createComparisonClickHandler","granularity","onClicked","elementAtEvent","element","isComparisonPeriod","dimensionValue","dimensionTimeRange","getTimeRangeFromDimensionValue","getLineChartComparisonProOptions","getOptions","mergician","LineChartComparisonDefaultPro","useTheme","i18nSetup","title","description","tooltip","yAxisLabel","resolveI18nProps","hideMenu","comparisonPeriod","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","primaryDateRange","comparisonDateRange","setGranularity","setComparisonDateRange","onLineClicked","useEffect","newComparisonDateRange","getComparisonPeriodDateRange","results","useFillGaps","resultsComparison","handleClick","resultsCombined","granularitySelectorHasMarginTop","jsxs","ChartCard","jsx","ChartGranularitySelectField","LineChart","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","resolvedXAxis","orderBy","timeProperty","getClientContextTimezone","loadDataResults","loadData","loadDataResultsComparisonArgs","loadDataResultsComparison","state","events","Value","setState","xAxisWithGranularity","getDimensionWithGranularity","lineChartComparisonDefaultPro"],"mappings":"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"}

package/dist/definition-CavPpbuT.js

@@ -0,0 +1,82 @@
+import { a7 as m, K as w, a8 as x } from "./index-Cddhb628.js";
+import { useTheme as D, definePreview as M } from "@embeddable.com/react";
+import { i as j, r as y } from "./component.utils-oQMZT7TK.js";
+import { C as z } from "./ChartCard-CZ0PnrNg.js";
+import { b as A } from "./formatter.utils-Dm_mQlX1.js";
+import { g as F } from "./kpis.utils-DsZ2GzuB.js";
+import { i as t } from "./component.inputs.constants-BFlnzCwS.js";
+import { p as u } from "./preview.data.constants-HvHDcvh2.js";
+const o = (e) => {
+  var n, l;
+  const a = D();
+  j(a);
+  const { title: f, description: h, tooltip: g, displayNullAs: i } = y(e), { measure: r, fontSize: b, hideMenu: C, results: s } = e, v = (l = (n = s.data) == null ? void 0 : n[0]) == null ? void 0 : l[r.name], K = A(a), S = (P) => K.data(r, P), N = F(s, r, !!i);
+  return /* @__PURE__ */ m.jsx(
+    z,
+    {
+      data: N,
+      dimensionsAndMeasures: [r],
+      errorMessage: s.error,
+      description: h,
+      title: f,
+      tooltip: g,
+      hideMenu: C,
+      children: /* @__PURE__ */ m.jsx(
+        w,
+        {
+          displayNullAs: i,
+          value: v,
+          valueFormatter: S,
+          valueFontSize: b
+        }
+      )
+    }
+  );
+}, q = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: o
+}, Symbol.toStringTag, { value: "Module" })), R = {
+  name: "KpiChartNumberPro",
+  label: "Kpi Chart - Number",
+  description: "Single big-number KPI showing one measure. Use for headline metrics without comparison.",
+  category: "Kpi Charts",
+  defaultHeight: 442,
+  defaultWidth: 630,
+  inputs: [
+    t.dataset,
+    t.measure,
+    t.title,
+    t.description,
+    t.displayNullAs,
+    t.tooltip,
+    t.fontSize
+  ]
+}, p = {
+  measure: { ...u.measure },
+  results: u.results1Measure,
+  fontSize: 100,
+  hideMenu: !0
+}, _ = M(o, p), d = (e) => ({
+  from: e.dataset,
+  select: [e.measure]
+}), c = (e) => x(d(e)), T = (e) => ({
+  ...e,
+  results: c(e)
+}), G = {
+  Component: o,
+  meta: R,
+  preview: _,
+  previewConfig: p,
+  config: {
+    props: T
+  },
+  results: {
+    loadDataArgs: d,
+    loadData: c
+  }
+};
+export {
+  q as i,
+  G as k
+};
+//# sourceMappingURL=definition-CavPpbuT.js.map