@embeddable.com/remarkable-ui 0.1.22 → 0.1.24

package/dist/BarChartDefaultHorizontalPro.js

@@ -2,7 +2,7 @@ import { i as L, r as w, m as M, j as l, d as V, a as y, b as z, t as P, c as k,
 import { useTheme as W, defineComponent as _ } from "@embeddable.com/react";
 import { C as q } from "./ChartCard-DunjH70y.js";
 import { g as J, a as K, B as N } from "./bars.utils-BAkV6I3P.js";
-import { u as Q } from "./charts.newFillGaps.hooks-D6mnKJwQ.js";
+import { u as Q } from "./charts.newFillGaps.hooks-CJLaShd4.js";
 const U = (a) => {
   var i, n;
   const s = W();

package/dist/BarChartDefaultPro.js

@@ -2,7 +2,7 @@ import { i as L, r as y, m as w, j as l, d as M, a as V, b as P, t as v, c as k,
 import { useTheme as W, defineComponent as _ } from "@embeddable.com/react";
 import { C as H } from "./ChartCard-DunjH70y.js";
 import { g as J, a as K, B as N } from "./bars.utils-BAkV6I3P.js";
-import { u as Q } from "./charts.newFillGaps.hooks-D6mnKJwQ.js";
+import { u as Q } from "./charts.newFillGaps.hooks-CJLaShd4.js";
 const U = (a) => {
   var o, n;
   const s = W();

package/dist/BarChartGroupedHorizontalPro.js

@@ -2,7 +2,7 @@ import { i as L, r as w, m as k, j as m, d as z, w as G, b as P, z as R, t as M,
 import { useTheme as q, defineComponent as J } from "@embeddable.com/react";
 import { C as K } from "./ChartCard-DunjH70y.js";
 import { b as N, a as Q, B as U } from "./bars.utils-BAkV6I3P.js";
-import { u as X } from "./charts.newFillGaps.hooks-D6mnKJwQ.js";
+import { u as X } from "./charts.newFillGaps.hooks-CJLaShd4.js";
 const Z = (e) => {
   var n, l;
   const a = q();

package/dist/BarChartGroupedPro.js

@@ -2,7 +2,7 @@ import { i as L, r as w, m as G, j as m, d as k, w as P, b as R, z as M, t as j,
 import { useTheme as H, defineComponent as J } from "@embeddable.com/react";
 import { C as K } from "./ChartCard-DunjH70y.js";
 import { b as N, a as Q, B as U } from "./bars.utils-BAkV6I3P.js";
-import { u as Y } from "./charts.newFillGaps.hooks-D6mnKJwQ.js";
+import { u as Y } from "./charts.newFillGaps.hooks-CJLaShd4.js";
 const Z = (e) => {
   var n, l;
   const a = H();

package/dist/BarChartStackedHorizontalPro.js

@@ -2,7 +2,7 @@ import { i as L, r as f, m as w, j as m, d as S, w as z, b as P, z as R, t as M,
 import { useTheme as J, defineComponent as K } from "@embeddable.com/react";
 import { C as N } from "./ChartCard-DunjH70y.js";
 import { b as Q, a as U, B as X } from "./bars.utils-BAkV6I3P.js";
-import { u as Z } from "./charts.newFillGaps.hooks-D6mnKJwQ.js";
+import { u as Z } from "./charts.newFillGaps.hooks-CJLaShd4.js";
 const $ = (a) => {
   var n, l;
   const e = J();

package/dist/BarChartStackedPro.js

@@ -2,7 +2,7 @@ import { i as D, r as L, m as w, j as m, d as S, w as P, b as R, z as M, t as T,
 import { useTheme as J, defineComponent as K } from "@embeddable.com/react";
 import { C as N } from "./ChartCard-DunjH70y.js";
 import { b as Q, a as U, B as Y } from "./bars.utils-BAkV6I3P.js";
-import { u as Z } from "./charts.newFillGaps.hooks-D6mnKJwQ.js";
+import { u as Z } from "./charts.newFillGaps.hooks-CJLaShd4.js";
 const $ = (a) => {
   var n, l;
   const e = J();

package/dist/LineChartComparisonDefaultPro.js

@@ -6,50 +6,50 @@ import { g as ce } 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 { u as N } from "./charts.newFillGaps.hooks-D6mnKJwQ.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: c, isPreviousPeriod: r, hasMinMaxYAxisRange: m, labels: s } = a, l = t == null ? void 0 : t.map((C) => C[e.name]), g = !!((A = n.inputs) != null && A.connectGaps), d = s ? s.map((C) => {
+  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), p = !!((L = n.inputs) != null && L[r ? "previousLineDashed" : "lineDashed"]), u = (b = n.inputs) == null ? void 0 : b[r ? "previousLineColor" : "lineColor"], x = ue(u) ? u : pe(
+  }) : 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(
     `${i}.charts.backgroundColors`,
     n.name,
     o.charts.backgroundColors ?? Y,
-    c
+    d
   );
   return {
     xAxisID: r ? P : v,
     labels: l,
     label: (r ? `${E.t("common.compared")} ` : "") + h.dimensionOrMeasureTitle(n),
-    data: d,
+    data: p,
     backgroundColor: ge(
       x,
       w("--em-line-chart-line-fill-opacity")
     ),
     pointBackgroundColor: x,
-    borderDash: p ? [
+    borderDash: m ? [
       w("--em-line-chart-line-dash-length"),
       w("--em-line-chart-line-gap-length")
     ] : void 0,
     borderColor: x,
     fill: (R = n.inputs) == null ? void 0 : R.fillUnderLine,
-    clip: m
+    clip: c
   };
 }, xe = (a, o) => {
   if (!a.data)
     return { labels: [], datasets: [{ data: [] }] };
-  const { data: t, dataComparison: n, dimension: e, measures: c, hasMinMaxYAxisRange: r } = a, m = e.nativeType === "time", s = m ? void 0 : Array.from(
+  const { data: t, dataComparison: n, dimension: e, measures: d, hasMinMaxYAxisRange: r } = a, c = e.nativeType === "time", s = c ? void 0 : Array.from(
     /* @__PURE__ */ new Set([
-      ...t.map((d) => d[e.name]),
-      ...(n == null ? void 0 : n.map((d) => d[e.name])) ?? []
+      ...t.map((p) => p[e.name]),
+      ...(n == null ? void 0 : n.map((p) => p[e.name])) ?? []
     ])
-  ), l = c.map(
-    (d, h) => $(
+  ), l = d.map(
+    (p, h) => $(
       {
         data: t,
-        measure: d,
+        measure: p,
         dimension: e,
         labels: s,
         hasMinMaxYAxisRange: r,
@@ -57,11 +57,11 @@ const v = "mainAxis", P = "comparisonAxis", $ = (a, o) => {
       },
       o
     )
-  ), g = c.map(
-    (d, h) => $(
+  ), g = d.map(
+    (p, h) => $(
       {
         data: n,
-        measure: d,
+        measure: p,
         dimension: e,
         labels: s,
         hasMinMaxYAxisRange: r,
@@ -72,11 +72,11 @@ const v = "mainAxis", P = "comparisonAxis", $ = (a, o) => {
     )
   );
   return {
-    labels: m ? t.map((d) => d[e.name]) : s,
+    labels: c ? t.map((p) => p[e.name]) : s,
     datasets: [...l, ...g]
   };
 }, Ce = (a, o) => {
-  const { dimension: t, data: n, measures: e, xAxisLabel: c } = a, r = M(o);
+  const { dimension: t, data: n, measures: e, xAxisLabel: d } = a, r = M(o);
   return {
     plugins: {
       datalabels: {
@@ -106,8 +106,8 @@ const v = "mainAxis", P = "comparisonAxis", $ = (a, o) => {
       [v]: {
         title: {
           ...I,
-          text: c,
-          display: !!c
+          text: d,
+          display: !!d
         },
         grid: { display: !1 },
         ticks: {
@@ -129,15 +129,15 @@ const v = "mainAxis", P = "comparisonAxis", $ = (a, o) => {
     }
   };
 }, be = (a, o) => {
-  var d, h;
-  const { dimension: t, data: n, measures: e, xAxisLabel: c, showComparisonAxis: r } = a, m = M(o), s = ((d = n.datasets.find((i) => i.xAxisID === v)) == null ? void 0 : d.labels) ?? [], l = ((h = n.datasets.find((i) => i.xAxisID === P)) == null ? void 0 : h.labels) ?? [];
+  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) ?? [];
   return {
     plugins: {
       legend: {
         labels: {
-          filter: (i, p) => {
+          filter: (i, m) => {
             if (!i) return !1;
-            const u = p.datasets[i.datasetIndex];
+            const u = m.datasets[i.datasetIndex];
             return Array.isArray(u.data) && u.data.length > 0;
           }
         }
@@ -145,9 +145,9 @@ const v = "mainAxis", P = "comparisonAxis", $ = (a, o) => {
       datalabels: {
         labels: {
           value: {
-            formatter: (i, p) => {
-              const u = e[p.datasetIndex % e.length];
-              return m.data(u, i);
+            formatter: (i, m) => {
+              const u = e[m.datasetIndex % e.length];
+              return c.data(u, i);
             }
           }
         }
@@ -156,14 +156,14 @@ const v = "mainAxis", P = "comparisonAxis", $ = (a, o) => {
         callbacks: {
           title: (i) => {
             var y;
-            const p = (y = i[0]) == null ? void 0 : y.dataIndex;
-            if (p === void 0) return "";
-            const u = s[p] && m.data(t, s[p]), x = l[p] && m.data(t, l[p]);
+            const m = (y = i[0]) == null ? void 0 : y.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 ?? "-"}`;
           },
           label: (i) => {
-            const p = e[i.datasetIndex % e.length], u = i.raw;
-            return `${i.dataset.label}: ${m.data(p, u)}`;
+            const m = e[i.datasetIndex % e.length], u = i.raw;
+            return `${i.dataset.label}: ${c.data(m, u)}`;
           }
         }
       }
@@ -173,31 +173,36 @@ const v = "mainAxis", P = "comparisonAxis", $ = (a, o) => {
       [v]: {
         title: {
           ...I,
-          text: c,
-          display: !!((!r || l.length === 0) && c)
+          text: d,
+          display: !!((!r || l.length === 0) && d)
         },
         grid: { display: !1 },
         ticks: {
           ...k,
-          callback: (i) => m.data(t, s[Number(i)])
+          callback: (i) => c.data(t, s[Number(i)])
         }
       },
       [P]: {
         title: {
           ...I,
-          text: c,
-          display: !!c
+          text: d,
+          display: !!d
         },
         grid: { display: !1 },
         display: r && l.length > 0,
         ticks: {
           ...k,
-          callback: (i) => l.length === 0 ? "" : m.data(t, l[Number(i)])
+          callback: (i) => {
+            if (l.length === 0)
+              return "";
+            const m = l[Number(i)];
+            return m ? c.data(t, m) : "";
+          }
         }
       },
       y: {
         ticks: {
-          callback: (i) => m.data(e[0], i)
+          callback: (i) => c.data(e[0], i)
         }
       }
     }
@@ -212,16 +217,16 @@ const v = "mainAxis", P = "comparisonAxis", $ = (a, o) => {
 }, ye = (a) => {
   const o = V();
   G(o);
-  const { title: t, description: n, xAxisLabel: e, yAxisLabel: c } = U(a), {
+  const { title: t, description: n, xAxisLabel: e, yAxisLabel: d } = U(a), {
     comparisonPeriod: r,
-    measures: m,
+    measures: c,
     xAxis: s,
     reverseXAxis: l,
     showLegend: g,
-    showLogarithmicScale: d,
+    showLogarithmicScale: p,
     showTooltips: h,
     showValueLabels: i,
-    yAxisRangeMax: p,
+    yAxisRangeMax: m,
     yAxisRangeMin: u,
     primaryDateRange: x,
     comparisonDateRange: y,
@@ -245,15 +250,15 @@ const v = "mainAxis", P = "comparisonAxis", $ = (a, o) => {
       data: b.data,
       dataComparison: C ? R.data : void 0,
       dimension: s,
-      measures: m,
-      hasMinMaxYAxisRange: !!(u || p)
+      measures: c,
+      hasMinMaxYAxisRange: !!(u || m)
     },
     o
   ), T = fe(
     {
       data: f,
       dimension: s,
-      measures: m,
+      measures: c,
       xAxisLabel: e,
       showComparisonAxis: A
     },
@@ -263,7 +268,7 @@ const v = "mainAxis", P = "comparisonAxis", $ = (a, o) => {
     le,
     {
       data: b,
-      dimensionsAndMeasures: [...m, s],
+      dimensionsAndMeasures: [...c, s],
       errorMessage: b.error,
       subtitle: n,
       title: t,
@@ -273,12 +278,12 @@ const v = "mainAxis", P = "comparisonAxis", $ = (a, o) => {
           data: f,
           reverseXAxis: l,
           showLegend: g,
-          showLogarithmicScale: d,
+          showLogarithmicScale: p,
           showTooltips: h,
           showValueLabels: i,
           xAxisLabel: e,
-          yAxisLabel: c,
-          yAxisRangeMax: p,
+          yAxisLabel: d,
+          yAxisRangeMax: m,
           yAxisRangeMin: u,
           options: T
         }
@@ -369,7 +374,7 @@ const v = "mainAxis", P = "comparisonAxis", $ = (a, o) => {
     return {
       ...a,
       comparisonDateRange: o == null ? void 0 : o.comparisonDateRange,
-      setComparisonDateRange: (c) => t({ comparisonDateRange: c }),
+      setComparisonDateRange: (d) => t({ comparisonDateRange: d }),
       results: F({
         from: a.dataset,
         select: [...a.measures, a.xAxis],

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\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            return themeFormatter.data(dimension, comparisonDimensionLabels[Number(index)]);\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","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    : 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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"}

package/dist/LineChartDefaultPro.js

@@ -5,7 +5,7 @@ import { g as w } from "./formatter.utils--2w1e7GE.js";
 import { g as _, a as y } from "./object.utils-BNKDL7Y9.js";
 import "react";
 import { i as k, s as H } from "./color.utils-CVyp-fGP.js";
-import { u as J } from "./charts.newFillGaps.hooks-D6mnKJwQ.js";
+import { u as J } from "./charts.newFillGaps.hooks-CJLaShd4.js";
 const Q = (s, o) => {
   if (!s.data)
     return {

package/dist/LineChartGroupedPro.js

@@ -5,7 +5,7 @@ import { g as k } from "./formatter.utils--2w1e7GE.js";
 import { g as Q, a as G } from "./object.utils-BNKDL7Y9.js";
 import { s as Y } from "./color.utils-CVyp-fGP.js";
 import "react";
-import { u as Z } from "./charts.newFillGaps.hooks-D6mnKJwQ.js";
+import { u as Z } from "./charts.newFillGaps.hooks-CJLaShd4.js";
 const I = (a, o) => {
   const u = k(o), { data: r = [], dimension: i, groupDimension: t, measure: c } = a, n = [...new Set(r.map((s) => s[i.name]).filter(Boolean))].sort(), m = [...new Set(r.map((s) => s[t.name]))].filter(Boolean), e = Q(o), l = m.map((s, b) => {
     var x;

package/dist/charts.newFillGaps.hooks-CJLaShd4.js

@@ -0,0 +1,64 @@
+import { g as q, d as i, u as B } from "./utc-B2gCnkBk.js";
+import { i as E } from "./object.utils-BNKDL7Y9.js";
+import { useTheme as F } from "@embeddable.com/react";
+import { useMemo as M } from "react";
+var S = { exports: {} }, W = S.exports, j;
+function Z() {
+  return j || (j = 1, (function(O, h) {
+    (function(e, t) {
+      O.exports = t();
+    })(W, (function() {
+      return function(e, t) {
+        t.prototype.isSameOrBefore = function(f, r) {
+          return this.isSame(f, r) || this.isBefore(f, r);
+        };
+      };
+    }));
+  })(S)), S.exports;
+}
+var $ = Z();
+const b = /* @__PURE__ */ q($);
+i.extend(B);
+i.extend(E);
+i.extend(b);
+function A(O) {
+  const h = F(), { results: e, dimension: t, orderDirection: f = "asc", externalDateBounds: r } = O;
+  return M(() => {
+    var k, I, R, V, w;
+    const l = (k = t.inputs) == null ? void 0 : k.granularity, n = t.name, c = (I = t.inputs) == null ? void 0 : I.dateBounds;
+    if (!l || !n) return e;
+    const a = c != null && c.relativeTimeString ? (R = h.defaults.dateRangesOptions.find((o) => o.value === (c == null ? void 0 : c.relativeTimeString))) == null ? void 0 : R.getRange() : c;
+    if (t.nativeType !== "time") return e;
+    const p = [...(e == null ? void 0 : e.data) ?? []].sort((o, s) => {
+      const u = o[n], m = s[n];
+      return u == null ? 1 : m == null ? -1 : i.utc(u).diff(i.utc(m));
+    }), x = i.utc(
+      (r == null ? void 0 : r.from) ?? (a == null ? void 0 : a.from) ?? ((V = p[0]) == null ? void 0 : V[n])
+    ), y = i.utc(
+      (r == null ? void 0 : r.to) ?? (a == null ? void 0 : a.to) ?? ((w = p[p.length - 1]) == null ? void 0 : w[n])
+    );
+    if (!x.isValid() || !y.isValid())
+      return { ...e, data: [] };
+    const v = /* @__PURE__ */ new Map();
+    for (const o of p) {
+      const s = o[n];
+      if (s == null) continue;
+      const u = i.utc(s).toISOString().split("Z")[0], m = v.get(u) ?? [];
+      m.push(o), v.set(u, m);
+    }
+    const d = [];
+    let g = x.startOf(l === "week" ? "isoWeek" : l);
+    for (; g.isSameOrBefore(y); ) {
+      const o = g.toISOString().split("Z")[0], s = v.get(o);
+      s && s.length > 0 ? d.push(...s) : d.push({ [n]: o }), g = g.add(1, l);
+    }
+    return f === "desc" && d.reverse(), {
+      ...e,
+      data: d
+    };
+  }, [e, t, f, h]);
+}
+export {
+  A as u
+};
+//# sourceMappingURL=charts.newFillGaps.hooks-CJLaShd4.js.map

package/dist/charts.newFillGaps.hooks-CJLaShd4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts.newFillGaps.hooks-CJLaShd4.js","sources":["../node_modules/dayjs/plugin/isSameOrBefore.js","../src/remarkable-pro/components/charts/charts.newFillGaps.hooks.ts"],"sourcesContent":["!function(e,i){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=i():\"function\"==typeof define&&define.amd?define(i):(e=\"undefined\"!=typeof globalThis?globalThis:e||self).dayjs_plugin_isSameOrBefore=i()}(this,(function(){\"use strict\";return function(e,i){i.prototype.isSameOrBefore=function(e,i){return this.isSame(e,i)||this.isBefore(e,i)}}}));","import { DataResponse, Dimension, TimeRange } from '@embeddable.com/core';\nimport dayjs, { QUnitType } from 'dayjs';\nimport isoWeek from 'dayjs/plugin/isoWeek.js';\nimport utc from 'dayjs/plugin/utc.js';\nimport isSameOrBefore from 'dayjs/plugin/isSameOrBefore.js';\nimport { Theme } from '../../theme/theme.types';\nimport { useTheme } from '@embeddable.com/react';\nimport { useMemo } from 'react';\n\ndayjs.extend(utc);\ndayjs.extend(isoWeek);\ndayjs.extend(isSameOrBefore);\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype DataRecord = { [key: string]: any };\n\ntype UseFillGapsProps = {\n  results: DataResponse | undefined;\n  dimension: Dimension;\n  orderDirection?: 'asc' | 'desc';\n  externalDateBounds?: TimeRange;\n};\n\nexport function useFillGaps(props: UseFillGapsProps): DataResponse {\n  const theme = useTheme() as Theme;\n  const { results, dimension, orderDirection = 'asc', externalDateBounds } = props;\n\n  const processed = useMemo(() => {\n    const granularity = dimension.inputs?.granularity;\n    const dimensionName = dimension.name;\n    const dateBoundsTmp: TimeRange = dimension.inputs?.dateBounds;\n\n    if (!granularity || !dimensionName) return results;\n\n    const dateBounds = dateBoundsTmp?.relativeTimeString\n      ? theme.defaults.dateRangesOptions\n          .find((option) => option.value === dateBoundsTmp?.relativeTimeString)\n          ?.getRange()\n      : dateBoundsTmp;\n\n    if (dimension.nativeType !== 'time') return results;\n\n    const sortedResults = [...(results?.data ?? [])].sort((a, b) => {\n      const aVal = a[dimensionName];\n      const bVal = b[dimensionName];\n      if (aVal == null) return 1;\n      if (bVal == null) return -1;\n      return dayjs.utc(aVal).diff(dayjs.utc(bVal));\n    });\n\n    // Determine the full date range even if data is empty\n    const from = dayjs.utc(\n      externalDateBounds?.from ?? dateBounds?.from ?? sortedResults[0]?.[dimensionName],\n    );\n    const to = dayjs.utc(\n      externalDateBounds?.to ??\n        dateBounds?.to ??\n        sortedResults[sortedResults.length - 1]?.[dimensionName],\n    );\n\n    // If we *still* don’t have valid date bounds, bail out safely\n    if (!from.isValid() || !to.isValid()) {\n      return { ...results, data: [] };\n    }\n\n    const recordsByDate = new Map<string, DataRecord[]>();\n    for (const record of sortedResults) {\n      const value = record[dimensionName];\n      if (value == null) continue;\n      const key = dayjs.utc(value).toISOString().split('Z')[0]!;\n      const arr = recordsByDate.get(key) ?? [];\n      arr.push(record);\n      recordsByDate.set(key, arr);\n    }\n\n    const filled: DataRecord[] = [];\n    let current = from.startOf((granularity === 'week' ? 'isoWeek' : granularity) as QUnitType);\n\n    while (current.isSameOrBefore(to)) {\n      const key = current.toISOString().split('Z')[0]!;\n      const records = recordsByDate.get(key);\n\n      if (records && records.length > 0) {\n        filled.push(...records);\n      } else {\n        filled.push({ [dimensionName]: key });\n      }\n\n      current = current.add(1, granularity as QUnitType);\n    }\n\n    if (orderDirection === 'desc') {\n      filled.reverse();\n    }\n\n    return {\n      ...results,\n      data: filled,\n    };\n  }, [results, dimension, orderDirection, theme]);\n\n  return processed as DataResponse;\n}\n"],"names":["i","module","this","e","dayjs","utc","isoWeek","isSameOrBefore","useFillGaps","props","theme","useTheme","results","dimension","orderDirection","externalDateBounds","useMemo","granularity","_a","dimensionName","dateBoundsTmp","_b","dateBounds","_c","option","sortedResults","a","b","aVal","bVal","from","_d","to","_e","recordsByDate","record","value","key","arr","filled","current","records"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/embeddable-components.json

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

package/dist/remarkable-pro/components/charts/charts.newFillGaps.hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"charts.newFillGaps.hooks.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-pro/components/charts/charts.newFillGaps.hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAgB1E,KAAK,gBAAgB,GAAG;IACtB,OAAO,EAAE,YAAY,GAAG,SAAS,CAAC;IAClC,SAAS,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAChC,kBAAkB,CAAC,EAAE,SAAS,CAAC;CAChC,CAAC;AAEF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,CA6EjE"}
+{"version":3,"file":"charts.newFillGaps.hooks.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-pro/components/charts/charts.newFillGaps.hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAgB1E,KAAK,gBAAgB,GAAG;IACtB,OAAO,EAAE,YAAY,GAAG,SAAS,CAAC;IAClC,SAAS,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAChC,kBAAkB,CAAC,EAAE,SAAS,CAAC;CAChC,CAAC;AAEF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,CA+EjE"}

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;AAkFtD,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;AAyLF,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,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"}

package/dist/remarkable-ui.css

@@ -1,3 +1,4 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
 :root {
   --em-gray-0: rgb(255 255 255);
   --em-gray-050: rgb(247 247 248);

package/package.json

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

package/dist/charts.newFillGaps.hooks-D6mnKJwQ.js

@@ -1,63 +0,0 @@
-import { g as E, d as n, u as F } from "./utc-B2gCnkBk.js";
-import { i as M } from "./object.utils-BNKDL7Y9.js";
-import { useTheme as V } from "@embeddable.com/react";
-import { useMemo as W } from "react";
-var S = { exports: {} }, Z = S.exports, j;
-function $() {
-  return j || (j = 1, (function(h, O) {
-    (function(e, t) {
-      h.exports = t();
-    })(Z, (function() {
-      return function(e, t) {
-        t.prototype.isSameOrBefore = function(u, r) {
-          return this.isSame(u, r) || this.isBefore(u, r);
-        };
-      };
-    }));
-  })(S)), S.exports;
-}
-var b = $();
-const C = /* @__PURE__ */ E(b);
-n.extend(F);
-n.extend(M);
-n.extend(C);
-function D(h) {
-  const O = V(), { results: e, dimension: t, orderDirection: u = "asc", externalDateBounds: r } = h;
-  return W(() => {
-    var x, y, k, I, R, w;
-    const m = (x = t.inputs) == null ? void 0 : x.granularity, i = t.name, a = (y = t.inputs) == null ? void 0 : y.dateBounds;
-    if (!e || !e.data || e.data.length === 0)
-      return { ...e, data: [] };
-    if (!m || !i) return e;
-    const c = a != null && a.relativeTimeString ? (k = O.defaults.dateRangesOptions.find((s) => s.value === (a == null ? void 0 : a.relativeTimeString))) == null ? void 0 : k.getRange() : a;
-    if (t.nativeType !== "time" || !((I = e.data) != null && I.length)) return e;
-    const p = [...e.data ?? []].sort((s, o) => {
-      const f = s[i], l = o[i];
-      return f == null ? 1 : l == null ? -1 : n.utc(f).diff(n.utc(l));
-    }), q = n.utc(
-      (r == null ? void 0 : r.from) ?? (c == null ? void 0 : c.from) ?? ((R = p[0]) == null ? void 0 : R[i])
-    ), B = n.utc(
-      (r == null ? void 0 : r.to) ?? (c == null ? void 0 : c.to) ?? ((w = p[p.length - 1]) == null ? void 0 : w[i])
-    ), v = /* @__PURE__ */ new Map();
-    for (const s of p) {
-      const o = s[i];
-      if (o == null) continue;
-      const f = n.utc(o).toISOString().split("Z")[0], l = v.get(f) ?? [];
-      l.push(s), v.set(f, l);
-    }
-    const g = [];
-    let d = q.startOf(m === "week" ? "isoWeek" : m);
-    for (; d.isSameOrBefore(B); ) {
-      const s = d.toISOString().split("Z")[0], o = v.get(s);
-      o && o.length > 0 ? g.push(...o) : g.push({ [i]: s }), d = d.add(1, m);
-    }
-    return u === "desc" && g.reverse(), {
-      ...e,
-      data: g
-    };
-  }, [e, t, u, O]);
-}
-export {
-  D as u
-};
-//# sourceMappingURL=charts.newFillGaps.hooks-D6mnKJwQ.js.map

package/dist/charts.newFillGaps.hooks-D6mnKJwQ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"charts.newFillGaps.hooks-D6mnKJwQ.js","sources":["../node_modules/dayjs/plugin/isSameOrBefore.js","../src/remarkable-pro/components/charts/charts.newFillGaps.hooks.ts"],"sourcesContent":["!function(e,i){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=i():\"function\"==typeof define&&define.amd?define(i):(e=\"undefined\"!=typeof globalThis?globalThis:e||self).dayjs_plugin_isSameOrBefore=i()}(this,(function(){\"use strict\";return function(e,i){i.prototype.isSameOrBefore=function(e,i){return this.isSame(e,i)||this.isBefore(e,i)}}}));","import { DataResponse, Dimension, TimeRange } from '@embeddable.com/core';\nimport dayjs, { QUnitType } from 'dayjs';\nimport isoWeek from 'dayjs/plugin/isoWeek.js';\nimport utc from 'dayjs/plugin/utc.js';\nimport isSameOrBefore from 'dayjs/plugin/isSameOrBefore.js';\nimport { Theme } from '../../theme/theme.types';\nimport { useTheme } from '@embeddable.com/react';\nimport { useMemo } from 'react';\n\ndayjs.extend(utc);\ndayjs.extend(isoWeek);\ndayjs.extend(isSameOrBefore);\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype DataRecord = { [key: string]: any };\n\ntype UseFillGapsProps = {\n  results: DataResponse | undefined;\n  dimension: Dimension;\n  orderDirection?: 'asc' | 'desc';\n  externalDateBounds?: TimeRange;\n};\n\nexport function useFillGaps(props: UseFillGapsProps): DataResponse {\n  const theme = useTheme() as Theme;\n  const { results, dimension, orderDirection = 'asc', externalDateBounds } = props;\n\n  const processed = useMemo(() => {\n    const granularity = dimension.inputs?.granularity;\n    const dimensionName = dimension.name;\n    const dateBoundsTmp: TimeRange = dimension.inputs?.dateBounds;\n\n    if (!results || !results.data || results.data.length === 0) {\n      return { ...results, data: [] };\n    }\n\n    if (!granularity || !dimensionName) return results;\n\n    const dateBounds = dateBoundsTmp?.relativeTimeString\n      ? theme.defaults.dateRangesOptions\n          .find((option) => option.value === dateBoundsTmp?.relativeTimeString)\n          ?.getRange()\n      : dateBoundsTmp;\n\n    if (dimension.nativeType !== 'time' || !results.data?.length) return results;\n\n    const sortedResults = [...(results.data ?? [])].sort((a, b) => {\n      const aVal = a[dimensionName];\n      const bVal = b[dimensionName];\n      if (aVal == null) return 1;\n      if (bVal == null) return -1;\n      return dayjs.utc(aVal).diff(dayjs.utc(bVal));\n    });\n\n    const from = dayjs.utc(\n      externalDateBounds?.from ?? dateBounds?.from ?? sortedResults[0]?.[dimensionName],\n    );\n    const to = dayjs.utc(\n      externalDateBounds?.to ??\n        dateBounds?.to ??\n        sortedResults[sortedResults.length - 1]?.[dimensionName],\n    );\n\n    const recordsByDate = new Map<string, DataRecord[]>();\n    for (const record of sortedResults) {\n      const value = record[dimensionName];\n      if (value == null) continue;\n      const key = dayjs.utc(value).toISOString().split('Z')[0]!;\n      const arr = recordsByDate.get(key) ?? [];\n      arr.push(record);\n      recordsByDate.set(key, arr);\n    }\n\n    const filled: DataRecord[] = [];\n    let current = from.startOf((granularity === 'week' ? 'isoWeek' : granularity) as QUnitType);\n\n    while (current.isSameOrBefore(to)) {\n      const key = current.toISOString().split('Z')[0]!;\n      const records = recordsByDate.get(key);\n\n      if (records && records.length > 0) {\n        filled.push(...records);\n      } else {\n        filled.push({ [dimensionName]: key });\n      }\n\n      current = current.add(1, granularity as QUnitType);\n    }\n\n    if (orderDirection === 'desc') {\n      filled.reverse();\n    }\n\n    return {\n      ...results,\n      data: filled,\n    };\n  }, [results, dimension, orderDirection, theme]);\n\n  return processed as DataResponse;\n}\n"],"names":["i","module","this","e","dayjs","utc","isoWeek","isSameOrBefore","useFillGaps","props","theme","useTheme","results","dimension","orderDirection","externalDateBounds","useMemo","granularity","_a","dimensionName","dateBoundsTmp","_b","dateBounds","_c","option","_d","sortedResults","a","b","aVal","bVal","from","_e","to","_f","recordsByDate","record","value","key","arr","filled","current","records"],"mappings":"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","x_google_ignoreList":[0]}