@embeddable.com/remarkable-pro 0.0.4 → 0.0.6

package/dist/{index-CWYH2gE2.js → index-BbEkJ2Zk.js}

@@ -1,8 +1,8 @@
-import { m as x, j as m, D as S } from "./index-BR6dp5RX.js";
+import { m as x, j as m, D as S } from "./index-CK9V-wz1.js";
 import { useTheme as b } from "@embeddable.com/react";
-import { g as D, a as v } from "./pies.utils-Bl8jquyV.js";
-import { a as _, r as k } from "./component.constants-h6et83ck.js";
-import { C as w } from "./ChartCard-C7c2rTst.js";
+import { g as D, a as v } from "./pies.utils-eND-eqpj.js";
+import { a as _, r as k } from "./component.constants-Dhb2rtRh.js";
+import { C as w } from "./ChartCard-hWESZ2Ps.js";
 const L = (d) => {
   var r;
   const e = b();
@@ -59,4 +59,4 @@ export {
   L as D,
   V as i
 };
-//# sourceMappingURL=index-CWYH2gE2.js.map
+//# sourceMappingURL=index-BbEkJ2Zk.js.map

package/dist/{index-CWYH2gE2.js.map → index-BbEkJ2Zk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CWYH2gE2.js","sources":["../src/components/charts/pies/DonutChartPro/index.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getPieChartProOptions, getPieChartProData } from '../pies.utils';\nimport { DefaultPieChartProps } from '../pies.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { DonutChart } from '@embeddable.com/remarkable-ui';\nimport { mergician } from 'mergician';\nimport { resolveI18nProps } from '../../../component.utils';\n\ntype DonutChartProProps = DefaultPieChartProps;\n\nconst DonutChartPro = (props: DonutChartProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    description,\n    dimension,\n    maxLegendItems,\n    measure,\n    results,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    title,\n    onSegmentClick,\n  } = resolveI18nProps(props);\n\n  const data = getPieChartProData(\n    { data: results.data, dimension, measure, maxLegendItems },\n    theme,\n  );\n\n  const options = mergician(\n    getPieChartProOptions(measure, theme),\n    theme.charts.donutChartPro?.options ?? {},\n  );\n\n  const handleSegmentClick = (index: number | undefined) => {\n    onSegmentClick({\n      dimensionValue: index === undefined ? undefined : results.data?.[index]?.[dimension.name],\n    });\n  };\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, measure]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <DonutChart\n        data={data}\n        options={options}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        onSegmentClick={handleSegmentClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default DonutChartPro;\n"],"names":["DonutChartPro","props","theme","useTheme","i18nSetup","description","dimension","maxLegendItems","measure","results","showLegend","showTooltips","showValueLabels","title","onSegmentClick","resolveI18nProps","data","getPieChartProData","options","mergician","getPieChartProOptions","_a","handleSegmentClick","index","_b","jsx","ChartCard","DonutChart"],"mappings":";;;;;AAYA,MAAMA,IAAgB,CAACC,MAA8B;;AACnD,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM;AAAA,IACJ,aAAAG;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACEC,EAAiBd,CAAK,GAEpBe,IAAOC;AAAA,IACX,EAAE,MAAMR,EAAQ,MAAM,WAAAH,GAAW,SAAAE,GAAS,gBAAAD,EAAA;AAAA,IAC1CL;AAAA,EAAA,GAGIgB,IAAUC;AAAA,IACdC,EAAsBZ,GAASN,CAAK;AAAA,MACpCmB,IAAAnB,EAAM,OAAO,kBAAb,gBAAAmB,EAA4B,YAAW,CAAA;AAAA,EAAC,GAGpCC,IAAqB,CAACC,MAA8B;;AACxD,IAAAT,EAAe;AAAA,MACb,gBAAgBS,MAAU,WAAwBC,KAAAH,IAAAZ,EAAQ,SAAR,gBAAAY,EAAeE,OAAf,OAAZ,SAAYC,EAAwBlB,EAAU;AAAA,IAAI,CACzF;AAAA,EACH;AAEA,SACEmB,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMjB;AAAA,MACN,uBAAuB,CAACH,GAAWE,CAAO;AAAA,MAC1C,cAAcC,EAAQ;AAAA,MACtB,UAAUJ;AAAA,MACV,OAAAQ;AAAA,MAEA,UAAAY,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAAX;AAAA,UACA,SAAAE;AAAA,UACA,YAAAR;AAAA,UACA,cAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,gBAAgBU;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB;AAAA,EAAA;AAGN;;;;"}
+{"version":3,"file":"index-BbEkJ2Zk.js","sources":["../src/components/charts/pies/DonutChartPro/index.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getPieChartProOptions, getPieChartProData } from '../pies.utils';\nimport { DefaultPieChartProps } from '../pies.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { DonutChart } from '@embeddable.com/remarkable-ui';\nimport { mergician } from 'mergician';\nimport { resolveI18nProps } from '../../../component.utils';\n\ntype DonutChartProProps = DefaultPieChartProps;\n\nconst DonutChartPro = (props: DonutChartProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    description,\n    dimension,\n    maxLegendItems,\n    measure,\n    results,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    title,\n    onSegmentClick,\n  } = resolveI18nProps(props);\n\n  const data = getPieChartProData(\n    { data: results.data, dimension, measure, maxLegendItems },\n    theme,\n  );\n\n  const options = mergician(\n    getPieChartProOptions(measure, theme),\n    theme.charts.donutChartPro?.options ?? {},\n  );\n\n  const handleSegmentClick = (index: number | undefined) => {\n    onSegmentClick({\n      dimensionValue: index === undefined ? undefined : results.data?.[index]?.[dimension.name],\n    });\n  };\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, measure]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <DonutChart\n        data={data}\n        options={options}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        onSegmentClick={handleSegmentClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default DonutChartPro;\n"],"names":["DonutChartPro","props","theme","useTheme","i18nSetup","description","dimension","maxLegendItems","measure","results","showLegend","showTooltips","showValueLabels","title","onSegmentClick","resolveI18nProps","data","getPieChartProData","options","mergician","getPieChartProOptions","_a","handleSegmentClick","index","_b","jsx","ChartCard","DonutChart"],"mappings":";;;;;AAYA,MAAMA,IAAgB,CAACC,MAA8B;;AACnD,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM;AAAA,IACJ,aAAAG;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACEC,EAAiBd,CAAK,GAEpBe,IAAOC;AAAA,IACX,EAAE,MAAMR,EAAQ,MAAM,WAAAH,GAAW,SAAAE,GAAS,gBAAAD,EAAA;AAAA,IAC1CL;AAAA,EAAA,GAGIgB,IAAUC;AAAA,IACdC,EAAsBZ,GAASN,CAAK;AAAA,MACpCmB,IAAAnB,EAAM,OAAO,kBAAb,gBAAAmB,EAA4B,YAAW,CAAA;AAAA,EAAC,GAGpCC,IAAqB,CAACC,MAA8B;;AACxD,IAAAT,EAAe;AAAA,MACb,gBAAgBS,MAAU,WAAwBC,KAAAH,IAAAZ,EAAQ,SAAR,gBAAAY,EAAeE,OAAf,OAAZ,SAAYC,EAAwBlB,EAAU;AAAA,IAAI,CACzF;AAAA,EACH;AAEA,SACEmB,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMjB;AAAA,MACN,uBAAuB,CAACH,GAAWE,CAAO;AAAA,MAC1C,cAAcC,EAAQ;AAAA,MACtB,UAAUJ;AAAA,MACV,OAAAQ;AAAA,MAEA,UAAAY,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAAX;AAAA,UACA,SAAAE;AAAA,UACA,YAAAR;AAAA,UACA,cAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,gBAAgBU;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB;AAAA,EAAA;AAGN;;;;"}

package/dist/index-BxkGSCbn.js

@@ -0,0 +1,81 @@
+import { m as L, j as m, B as P } from "./index-CK9V-wz1.js";
+import { useTheme as w } from "@embeddable.com/react";
+import { a as M, r as S } from "./component.constants-Dhb2rtRh.js";
+import { C as T } from "./ChartCard-hWESZ2Ps.js";
+import { g as _, b as v } from "./bars.utils-wDaeYsgx.js";
+import { u as G } from "./charts.fillGaps.hooks-YayOXVmt.js";
+const O = (s) => {
+  var n, l;
+  const e = w();
+  M(e);
+  const {
+    description: u,
+    groupBy: t,
+    measure: r,
+    reverseXAxis: d,
+    showLegend: p,
+    showLogarithmicScale: c,
+    showTooltips: h,
+    showTotalLabels: x,
+    showValueLabels: g,
+    title: b,
+    xAxis: o,
+    xAxisLabel: f,
+    yAxisLabel: C,
+    yAxisRangeMax: A,
+    yAxisRangeMin: B,
+    onBarClicked: j
+  } = S(s), a = G({
+    results: s.results,
+    dimension: s.xAxis
+  }), i = _(
+    {
+      data: a.data,
+      dimension: o,
+      groupDimension: t,
+      measure: r
+    },
+    e
+  ), y = L(
+    v(
+      { measures: [r], horizontal: !1, onBarClicked: j, data: i, dimension: o },
+      e
+    ),
+    ((l = (n = e.charts) == null ? void 0 : n.barChartGroupedPro) == null ? void 0 : l.options) || {}
+  );
+  return /* @__PURE__ */ m.jsx(
+    T,
+    {
+      data: a,
+      dimensionsAndMeasures: [r, o, t],
+      errorMessage: a.error,
+      subtitle: u,
+      title: b,
+      children: /* @__PURE__ */ m.jsx(
+        P,
+        {
+          data: i,
+          showLegend: p,
+          showTooltips: h,
+          showValueLabels: g,
+          showLogarithmicScale: c,
+          xAxisLabel: f,
+          yAxisLabel: C,
+          reverseXAxis: d,
+          yAxisRangeMin: B,
+          yAxisRangeMax: A,
+          showTotalLabels: x,
+          options: y
+        }
+      )
+    }
+  );
+}, I = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: O
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  O as B,
+  I as i
+};
+//# sourceMappingURL=index-BxkGSCbn.js.map

package/dist/index-BxkGSCbn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BxkGSCbn.js","sources":["../src/components/charts/bars/BarChartGroupedPro/index.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '@embeddable.com/remarkable-ui';\nimport { getBarChartProOptions, getBarStackedChartProData } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\n\ntype BarChartGroupedProProps = {\n  description: string;\n  groupBy: Dimension;\n  measure: Measure;\n  results: DataResponse;\n  reverseXAxis: boolean;\n  showLegend: boolean;\n  showLogarithmicScale: boolean;\n  showTooltips: boolean;\n  showTotalLabels?: boolean;\n  showValueLabels: boolean;\n  title: string;\n  xAxis: Dimension;\n  xAxisLabel: string;\n  yAxisLabel: string;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n  onBarClicked: (args: {\n    axisDimensionValue: string | null;\n    groupingDimensionValue: string | null;\n  }) => void;\n};\n\nconst BarChartGroupedPro = (props: BarChartGroupedProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    description,\n    groupBy,\n    measure,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showTotalLabels,\n    showValueLabels,\n    title,\n    xAxis,\n    xAxisLabel,\n    yAxisLabel,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    onBarClicked,\n  } = resolveI18nProps(props);\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: props.xAxis,\n  });\n\n  const data = getBarStackedChartProData(\n    {\n      data: results.data,\n      dimension: xAxis,\n      groupDimension: groupBy,\n      measure,\n    },\n    theme,\n  );\n\n  const options = mergician(\n    getBarChartProOptions(\n      { measures: [measure], horizontal: false, onBarClicked, data, dimension: xAxis },\n      theme,\n    ),\n    theme.charts?.barChartGroupedPro?.options || {},\n  );\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure, xAxis, groupBy]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <BarChart\n        data={data}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        showLogarithmicScale={showLogarithmicScale}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        reverseXAxis={reverseXAxis}\n        yAxisRangeMin={yAxisRangeMin}\n        yAxisRangeMax={yAxisRangeMax}\n        showTotalLabels={showTotalLabels}\n        options={options}\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartGroupedPro;\n"],"names":["BarChartGroupedPro","props","theme","useTheme","i18nSetup","description","groupBy","measure","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","title","xAxis","xAxisLabel","yAxisLabel","yAxisRangeMax","yAxisRangeMin","onBarClicked","resolveI18nProps","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","jsx","ChartCard","BarChart"],"mappings":";;;;;;AAkCA,MAAMA,IAAqB,CAACC,MAAmC;;AAC7D,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM;AAAA,IACJ,aAAAG;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEC,EAAiBpB,CAAK,GAEpBqB,IAAUC,EAAY;AAAA,IAC1B,SAAStB,EAAM;AAAA,IACf,WAAWA,EAAM;AAAA,EAAA,CAClB,GAEKuB,IAAOC;AAAA,IACX;AAAA,MACE,MAAMH,EAAQ;AAAA,MACd,WAAWP;AAAA,MACX,gBAAgBT;AAAA,MAChB,SAAAC;AAAA,IAAA;AAAA,IAEFL;AAAA,EAAA,GAGIwB,IAAUC;AAAA,IACdC;AAAA,MACE,EAAE,UAAU,CAACrB,CAAO,GAAG,YAAY,IAAO,cAAAa,GAAc,MAAAI,GAAM,WAAWT,EAAA;AAAA,MACzEb;AAAA,IAAA;AAAA,MAEF2B,KAAAC,IAAA5B,EAAM,WAAN,gBAAA4B,EAAc,uBAAd,gBAAAD,EAAkC,YAAW,CAAA;AAAA,EAAC;AAGhD,SACEE,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMV;AAAA,MACN,uBAAuB,CAACf,GAASQ,GAAOT,CAAO;AAAA,MAC/C,cAAcgB,EAAQ;AAAA,MACtB,UAAUjB;AAAA,MACV,OAAAS;AAAA,MAEA,UAAAiB,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAAT;AAAA,UACA,YAAAf;AAAA,UACA,cAAAE;AAAA,UACA,iBAAAE;AAAA,UACA,sBAAAH;AAAA,UACA,YAAAM;AAAA,UACA,YAAAC;AAAA,UACA,cAAAT;AAAA,UACA,eAAAW;AAAA,UACA,eAAAD;AAAA,UACA,iBAAAN;AAAA,UACA,SAAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;;;;"}

package/dist/index-C4uAHg_1.js

@@ -0,0 +1,82 @@
+import { j as v, K } from "./index-CK9V-wz1.js";
+import { useTheme as T } from "@embeddable.com/react";
+import { a as w, r as A, i } from "./component.constants-Dhb2rtRh.js";
+import { C as M } from "./ChartCard-hWESZ2Ps.js";
+import { g as N } from "./formatter.utils-Bdp9Y-Lv.js";
+import { useEffect as O } from "react";
+import { g as E, a as V } from "./timeRange.utils-DLTzyLvc.js";
+const B = (s) => {
+  var c, g, l, p, h, f;
+  const t = T();
+  w(t);
+  const { title: b, description: P } = A(s), {
+    changeFontSize: u,
+    comparisonPeriod: r,
+    comparisonDateRange: C,
+    displayChangeAsPercentage: y,
+    fontSize: _,
+    measure: o,
+    primaryDateRange: m,
+    results: a,
+    resultsComparison: e,
+    reversePositiveNegativeColors: L,
+    percentageDecimalPlaces: S,
+    setComparisonDateRange: j
+  } = s;
+  O(() => {
+    const n = E(
+      m,
+      r,
+      t
+    );
+    j(n);
+  }, [r, JSON.stringify(m), t]);
+  const x = (g = (c = a.data) == null ? void 0 : c[0]) == null ? void 0 : g[o.name], D = C ? (p = (l = e == null ? void 0 : e.data) == null ? void 0 : l[0]) == null ? void 0 : p[o.name] : void 0, R = N(t), F = (n) => R.data(o, n), z = `vs ${V(r, t).toLowerCase()}`, d = {
+    isLoading: !!(a.isLoading || e != null && e.isLoading),
+    data: !(a != null && a.data) && !(e != null && e.data) ? void 0 : [
+      ...(h = a.data) != null && h.length ? [{ label: i.t("charts.primaryPeriod"), ...a.data[0] }] : [],
+      ...(f = e == null ? void 0 : e.data) != null && f.length ? [{ label: i.t("charts.comparisonPeriod"), ...e.data[0] }] : []
+    ]
+  };
+  return /* @__PURE__ */ v.jsx(
+    M,
+    {
+      data: d,
+      dimensionsAndMeasures: [
+        // Add a label dimension to distinguish primary and comparison periods in exports
+        {
+          name: "label",
+          title: i.t("charts.label"),
+          nativeType: "string",
+          __type__: "dimension"
+        },
+        o
+      ],
+      errorMessage: a.error,
+      subtitle: P,
+      title: b,
+      children: /* @__PURE__ */ v.jsx(
+        K,
+        {
+          value: x,
+          comparisonValue: d.isLoading ? void 0 : D,
+          valueFormatter: F,
+          valueFontSize: _,
+          changeFontSize: u,
+          invertChangeColors: L,
+          showChangeAsPercentage: y,
+          comparisonLabel: z,
+          percentageDecimalPlaces: S
+        }
+      )
+    }
+  );
+}, Q = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: B
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  B as K,
+  Q as i
+};
+//# sourceMappingURL=index-C4uAHg_1.js.map

package/dist/index-C4uAHg_1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-C4uAHg_1.js","sources":["../src/components/charts/kpis/KpiChartNumberComparisonPro/index.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Measure, TimeRange } from '@embeddable.com/core';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { KpiChart } from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { useEffect } from 'react';\nimport {\n  getComparisonPeriodDateRange,\n  getComparisonPeriodLabel,\n} from '../../../utils/timeRange.utils';\n\ntype KpiChartNumberComparisonProProp = {\n  changeFontSize: number;\n  comparisonPeriod?: string;\n  description: string;\n  displayChangeAsPercentage?: boolean;\n  fontSize: number;\n  measure: Measure;\n  primaryDateRange: TimeRange;\n  results: DataResponse;\n  resultsComparison: DataResponse | undefined;\n  reversePositiveNegativeColors?: boolean;\n  title: string;\n  percentageDecimalPlaces: number;\n  comparisonDateRange: TimeRange;\n  setComparisonDateRange: (dateRange: TimeRange) => void;\n};\n\nconst KpiChartNumberComparisonPro = (props: KpiChartNumberComparisonProProp) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description } = resolveI18nProps(props);\n  const {\n    changeFontSize,\n    comparisonPeriod,\n    comparisonDateRange,\n    displayChangeAsPercentage,\n    fontSize,\n    measure,\n    primaryDateRange,\n    results,\n    resultsComparison,\n    reversePositiveNegativeColors,\n    percentageDecimalPlaces,\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 value: number = results.data?.[0]?.[measure.name];\n  const comparisonValue = comparisonDateRange\n    ? resultsComparison?.data?.[0]?.[measure.name]\n    : undefined;\n\n  const themeFormatter = getThemeFormatter(theme);\n  const valueFormatter = (valueToFormat: number) => themeFormatter.data(measure, valueToFormat);\n  const comparisonLabel = `vs ${getComparisonPeriodLabel(comparisonPeriod, theme).toLowerCase()}`;\n\n  const resultsCombined: DataResponse = {\n    isLoading: Boolean(results.isLoading || resultsComparison?.isLoading),\n    data:\n      !results?.data && !resultsComparison?.data\n        ? undefined\n        : [\n            ...(results.data?.length\n              ? [{ label: i18n.t('charts.primaryPeriod'), ...results.data[0] }]\n              : []),\n            ...(resultsComparison?.data?.length\n              ? [{ label: i18n.t('charts.comparisonPeriod'), ...resultsComparison.data[0] }]\n              : []),\n          ],\n  };\n\n  return (\n    <ChartCard\n      data={resultsCombined}\n      dimensionsAndMeasures={[\n        // Add a label dimension to distinguish primary and comparison periods in exports\n        {\n          name: 'label',\n          title: i18n.t('charts.label'),\n          nativeType: 'string',\n          __type__: 'dimension',\n        },\n        measure,\n      ]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <KpiChart\n        value={value}\n        comparisonValue={resultsCombined.isLoading ? undefined : comparisonValue}\n        valueFormatter={valueFormatter}\n        valueFontSize={fontSize}\n        changeFontSize={changeFontSize}\n        invertChangeColors={reversePositiveNegativeColors}\n        showChangeAsPercentage={displayChangeAsPercentage}\n        comparisonLabel={comparisonLabel}\n        percentageDecimalPlaces={percentageDecimalPlaces}\n      />\n    </ChartCard>\n  );\n};\n\nexport default KpiChartNumberComparisonPro;\n"],"names":["KpiChartNumberComparisonPro","props","theme","useTheme","i18nSetup","title","description","resolveI18nProps","changeFontSize","comparisonPeriod","comparisonDateRange","displayChangeAsPercentage","fontSize","measure","primaryDateRange","results","resultsComparison","reversePositiveNegativeColors","percentageDecimalPlaces","setComparisonDateRange","useEffect","newComparisonDateRange","getComparisonPeriodDateRange","value","_b","_a","comparisonValue","_d","_c","themeFormatter","getThemeFormatter","valueFormatter","valueToFormat","comparisonLabel","getComparisonPeriodLabel","resultsCombined","_e","i18n","_f","jsx","ChartCard","KpiChart"],"mappings":";;;;;;;AA+BA,MAAMA,IAA8B,CAACC,MAA2C;;AAC9E,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAM,EAAE,OAAAG,GAAO,aAAAC,MAAgBC,EAAiBN,CAAK,GAC/C;AAAA,IACJ,gBAAAO;AAAA,IACA,kBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,2BAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,+BAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,wBAAAC;AAAA,EAAA,IACElB;AAEJ,EAAAmB,EAAU,MAAM;AACd,UAAMC,IAAyBC;AAAA,MAC7BR;AAAA,MACAL;AAAA,MACAP;AAAA,IAAA;AAEF,IAAAiB,EAAuBE,CAAsB;AAAA,EAC/C,GAAG,CAACZ,GAAkB,KAAK,UAAUK,CAAgB,GAAGZ,CAAK,CAAC;AAE9D,QAAMqB,KAAgBC,KAAAC,IAAAV,EAAQ,SAAR,gBAAAU,EAAe,OAAf,gBAAAD,EAAoBX,EAAQ,OAC5Ca,IAAkBhB,KACpBiB,KAAAC,IAAAZ,KAAA,gBAAAA,EAAmB,SAAnB,gBAAAY,EAA0B,OAA1B,gBAAAD,EAA+Bd,EAAQ,QACvC,QAEEgB,IAAiBC,EAAkB5B,CAAK,GACxC6B,IAAiB,CAACC,MAA0BH,EAAe,KAAKhB,GAASmB,CAAa,GACtFC,IAAkB,MAAMC,EAAyBzB,GAAkBP,CAAK,EAAE,aAAa,IAEvFiC,IAAgC;AAAA,IACpC,WAAW,GAAQpB,EAAQ,aAAaC,KAAA,QAAAA,EAAmB;AAAA,IAC3D,MACE,EAACD,KAAA,QAAAA,EAAS,SAAQ,EAACC,KAAA,QAAAA,EAAmB,QAClC,SACA;AAAA,MACE,IAAIoB,IAAArB,EAAQ,SAAR,QAAAqB,EAAc,SACd,CAAC,EAAE,OAAOC,EAAK,EAAE,sBAAsB,GAAG,GAAGtB,EAAQ,KAAK,CAAC,EAAA,CAAG,IAC9D,CAAA;AAAA,MACJ,IAAIuB,IAAAtB,KAAA,gBAAAA,EAAmB,SAAnB,QAAAsB,EAAyB,SACzB,CAAC,EAAE,OAAOD,EAAK,EAAE,yBAAyB,GAAG,GAAGrB,EAAkB,KAAK,CAAC,EAAA,CAAG,IAC3E,CAAA;AAAA,IAAC;AAAA,EACP;AAGR,SACEuB,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAML;AAAA,MACN,uBAAuB;AAAA;AAAA,QAErB;AAAA,UACE,MAAM;AAAA,UACN,OAAOE,EAAK,EAAE,cAAc;AAAA,UAC5B,YAAY;AAAA,UACZ,UAAU;AAAA,QAAA;AAAA,QAEZxB;AAAA,MAAA;AAAA,MAEF,cAAcE,EAAQ;AAAA,MACtB,UAAUT;AAAA,MACV,OAAAD;AAAA,MAEA,UAAAkC,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,OAAAlB;AAAA,UACA,iBAAiBY,EAAgB,YAAY,SAAYT;AAAA,UACzD,gBAAAK;AAAA,UACA,eAAenB;AAAA,UACf,gBAAAJ;AAAA,UACA,oBAAoBS;AAAA,UACpB,wBAAwBN;AAAA,UACxB,iBAAAsB;AAAA,UACA,yBAAAf;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;;;;"}

package/dist/index-CA0eQwx6.js

@@ -0,0 +1,95 @@
+import { j as u, H as A } from "./index-CK9V-wz1.js";
+import { useTheme as G } from "@embeddable.com/react";
+import { a as R, r as _ } from "./component.constants-Dhb2rtRh.js";
+import { C as P } from "./ChartCard-hWESZ2Ps.js";
+import { g as c } from "./formatter.utils-Bdp9Y-Lv.js";
+import { u as d } from "./charts.fillGaps.hooks-YayOXVmt.js";
+import { u as k } from "./tables.hooks-BQdyUxau.js";
+const f = (e, s) => {
+  const t = c(s);
+  return {
+    key: e.measure.name,
+    label: t.dimensionOrMeasureTitle(e.measure),
+    format: (o) => t.data(e.measure, o)
+  };
+}, a = (e, s) => {
+  const t = c(s);
+  return {
+    key: e.dimension.name,
+    label: t.dimensionOrMeasureTitle(e.dimension),
+    format: (o) => t.data(e.dimension, o)
+  };
+}, B = (e) => {
+  var l;
+  const s = G();
+  R(s);
+  const { description: t, title: o } = _(e), {
+    measure: i,
+    rowDimension: n,
+    columnDimension: r,
+    maxColor: h,
+    midColor: C,
+    minColor: D,
+    displayNullAs: M,
+    columnWidth: w,
+    firstColumnWidth: x,
+    showValues: T,
+    minThreshold: b,
+    maxThreshold: g
+  } = e, y = Array.from(
+    new Set((e.results.data ?? []).filter(Boolean).map((m) => m[r.name]))
+  ), j = Array.from(
+    new Set((e.results.data ?? []).filter(Boolean).map((m) => m[n.name]))
+  ), F = d({
+    results: e.results,
+    dimension: r
+  }), H = d({
+    results: F,
+    dimension: n
+  }), O = k({
+    results: H,
+    columnOrder: y,
+    rowOrder: j,
+    columnDimension: r,
+    rowDimension: n,
+    measures: [i]
+  }), S = f({ measure: i }, s), p = a({ dimension: n }, s), v = a({ dimension: r }, s);
+  return /* @__PURE__ */ u.jsx(
+    P,
+    {
+      title: o,
+      subtitle: t,
+      data: e.results,
+      dimensionsAndMeasures: [n, r, i],
+      errorMessage: (l = e.results) == null ? void 0 : l.error,
+      children: /* @__PURE__ */ u.jsx(
+        A,
+        {
+          data: O,
+          measure: S,
+          rowDimension: p,
+          columnDimension: v,
+          maxColor: h,
+          midColor: C,
+          minColor: D,
+          showValues: T,
+          minThreshold: b,
+          maxThreshold: g,
+          columnWidth: w,
+          firstColumnWidth: x,
+          displayNullAs: M
+        }
+      )
+    }
+  );
+}, J = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: B,
+  getHeatDimension: a,
+  getHeatMeasure: f
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  B as H,
+  J as i
+};
+//# sourceMappingURL=index-CA0eQwx6.js.map

package/dist/index-CA0eQwx6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CA0eQwx6.js","sources":["../src/components/charts/tables/HeatMapPro/index.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { HeatMap, HeatMapPropsDimension, HeatMapPropsMeasure } from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { useGetTableSortedResults } from '../tables.hooks';\n\ntype HeatMapProProps = {\n  columnDimension: Dimension;\n  columnWidth?: number;\n  description: string;\n  displayNullAs?: string;\n  firstColumnWidth?: number;\n  maxColor: string;\n  maxThreshold?: string;\n  measure: Measure;\n  midColor: string;\n  minColor: string;\n  minThreshold?: string;\n  results: DataResponse;\n  rowDimension: Dimension;\n  showValues?: boolean;\n  title: string;\n};\n\nexport const getHeatMeasure = (\n  props: { measure: Measure },\n  theme: Theme,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): HeatMapPropsMeasure<any> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    key: props.measure.name,\n    label: themeFormatter.dimensionOrMeasureTitle(props.measure),\n    format: (value) => {\n      return themeFormatter.data(props.measure, value);\n    },\n  };\n};\n\nexport const getHeatDimension = (\n  props: { dimension: Dimension },\n  theme: Theme,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): HeatMapPropsDimension<any> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    key: props.dimension.name,\n    label: themeFormatter.dimensionOrMeasureTitle(props.dimension),\n    format: (value: string) => themeFormatter.data(props.dimension, value),\n  };\n};\n\nconst HeatMapPro = (props: HeatMapProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { description, title } = resolveI18nProps(props);\n  const {\n    measure,\n    rowDimension,\n    columnDimension,\n    maxColor,\n    midColor,\n    minColor,\n    displayNullAs,\n    columnWidth,\n    firstColumnWidth,\n    showValues,\n    minThreshold,\n    maxThreshold,\n  } = props;\n\n  const columnOrder = Array.from(\n    new Set((props.results.data ?? []).filter(Boolean).map((d) => d[columnDimension.name])),\n  );\n\n  const rowOrder = Array.from(\n    new Set((props.results.data ?? []).filter(Boolean).map((d) => d[rowDimension.name])),\n  );\n\n  // Fill gaps for the column dimension\n  const resultsColumnDimensionFillGaps = useFillGaps({\n    results: props.results,\n    dimension: columnDimension,\n  });\n\n  // Fill gaps for the row dimension\n  const resultsRowColumnDimensionFillGaps = useFillGaps({\n    results: resultsColumnDimensionFillGaps,\n    dimension: rowDimension,\n  });\n\n  const results = useGetTableSortedResults({\n    results: resultsRowColumnDimensionFillGaps,\n    columnOrder,\n    rowOrder,\n    columnDimension,\n    rowDimension,\n    measures: [measure],\n  });\n\n  const pivotMeasures = getHeatMeasure({ measure }, theme);\n  const pivotRowDimension = getHeatDimension({ dimension: rowDimension }, theme);\n  const pivotColumnDimension = getHeatDimension({ dimension: columnDimension }, theme);\n\n  return (\n    <ChartCard\n      title={title}\n      subtitle={description}\n      data={props.results}\n      dimensionsAndMeasures={[rowDimension, columnDimension, measure]}\n      errorMessage={props.results?.error}\n    >\n      <HeatMap\n        data={results}\n        measure={pivotMeasures}\n        rowDimension={pivotRowDimension}\n        columnDimension={pivotColumnDimension}\n        maxColor={maxColor}\n        midColor={midColor}\n        minColor={minColor}\n        showValues={showValues}\n        minThreshold={minThreshold}\n        maxThreshold={maxThreshold}\n        columnWidth={columnWidth}\n        firstColumnWidth={firstColumnWidth}\n        displayNullAs={displayNullAs}\n      />\n    </ChartCard>\n  );\n};\n\nexport default HeatMapPro;\n"],"names":["getHeatMeasure","props","theme","themeFormatter","getThemeFormatter","value","getHeatDimension","HeatMapPro","useTheme","i18nSetup","description","title","resolveI18nProps","measure","rowDimension","columnDimension","maxColor","midColor","minColor","displayNullAs","columnWidth","firstColumnWidth","showValues","minThreshold","maxThreshold","columnOrder","d","rowOrder","resultsColumnDimensionFillGaps","useFillGaps","resultsRowColumnDimensionFillGaps","results","useGetTableSortedResults","pivotMeasures","pivotRowDimension","pivotColumnDimension","jsx","ChartCard","_a","HeatMap"],"mappings":";;;;;;;AA6BO,MAAMA,IAAiB,CAC5BC,GACAC,MAE6B;AAC7B,QAAMC,IAAiBC,EAAkBF,CAAK;AAE9C,SAAO;AAAA,IACL,KAAKD,EAAM,QAAQ;AAAA,IACnB,OAAOE,EAAe,wBAAwBF,EAAM,OAAO;AAAA,IAC3D,QAAQ,CAACI,MACAF,EAAe,KAAKF,EAAM,SAASI,CAAK;AAAA,EACjD;AAEJ,GAEaC,IAAmB,CAC9BL,GACAC,MAE+B;AAC/B,QAAMC,IAAiBC,EAAkBF,CAAK;AAE9C,SAAO;AAAA,IACL,KAAKD,EAAM,UAAU;AAAA,IACrB,OAAOE,EAAe,wBAAwBF,EAAM,SAAS;AAAA,IAC7D,QAAQ,CAACI,MAAkBF,EAAe,KAAKF,EAAM,WAAWI,CAAK;AAAA,EAAA;AAEzE,GAEME,IAAa,CAACN,MAA2B;;AAC7C,QAAMC,IAAQM,EAAA;AACd,EAAAC,EAAUP,CAAK;AAEf,QAAM,EAAE,aAAAQ,GAAa,OAAAC,MAAUC,EAAiBX,CAAK,GAC/C;AAAA,IACJ,SAAAY;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEvB,GAEEwB,IAAc,MAAM;AAAA,IACxB,IAAI,KAAKxB,EAAM,QAAQ,QAAQ,CAAA,GAAI,OAAO,OAAO,EAAE,IAAI,CAACyB,MAAMA,EAAEX,EAAgB,IAAI,CAAC,CAAC;AAAA,EAAA,GAGlFY,IAAW,MAAM;AAAA,IACrB,IAAI,KAAK1B,EAAM,QAAQ,QAAQ,CAAA,GAAI,OAAO,OAAO,EAAE,IAAI,CAACyB,MAAMA,EAAEZ,EAAa,IAAI,CAAC,CAAC;AAAA,EAAA,GAI/Ec,IAAiCC,EAAY;AAAA,IACjD,SAAS5B,EAAM;AAAA,IACf,WAAWc;AAAA,EAAA,CACZ,GAGKe,IAAoCD,EAAY;AAAA,IACpD,SAASD;AAAA,IACT,WAAWd;AAAA,EAAA,CACZ,GAEKiB,IAAUC,EAAyB;AAAA,IACvC,SAASF;AAAA,IACT,aAAAL;AAAA,IACA,UAAAE;AAAA,IACA,iBAAAZ;AAAA,IACA,cAAAD;AAAA,IACA,UAAU,CAACD,CAAO;AAAA,EAAA,CACnB,GAEKoB,IAAgBjC,EAAe,EAAE,SAAAa,EAAA,GAAWX,CAAK,GACjDgC,IAAoB5B,EAAiB,EAAE,WAAWQ,EAAA,GAAgBZ,CAAK,GACvEiC,IAAuB7B,EAAiB,EAAE,WAAWS,EAAA,GAAmBb,CAAK;AAEnF,SACEkC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAA1B;AAAA,MACA,UAAUD;AAAA,MACV,MAAMT,EAAM;AAAA,MACZ,uBAAuB,CAACa,GAAcC,GAAiBF,CAAO;AAAA,MAC9D,eAAcyB,IAAArC,EAAM,YAAN,gBAAAqC,EAAe;AAAA,MAE7B,UAAAF,gBAAAA,EAAAA;AAAAA,QAACG;AAAA,QAAA;AAAA,UACC,MAAMR;AAAA,UACN,SAASE;AAAA,UACT,cAAcC;AAAA,UACd,iBAAiBC;AAAA,UACjB,UAAAnB;AAAA,UACA,UAAAC;AAAA,UACA,UAAAC;AAAA,UACA,YAAAI;AAAA,UACA,cAAAC;AAAA,UACA,cAAAC;AAAA,UACA,aAAAJ;AAAA,UACA,kBAAAC;AAAA,UACA,eAAAF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;;;;;;"}

package/dist/index-CEyir5HV.js

@@ -0,0 +1,326 @@
+import { m as $, a as N, c as S, e as w, f as M, j as R, L as F } from "./index-CK9V-wz1.js";
+import { useTheme as X } from "@embeddable.com/react";
+import { i as Y, a as z, r as E } from "./component.constants-Dhb2rtRh.js";
+import { C as G } from "./ChartCard-hWESZ2Ps.js";
+import { useEffect as K } from "react";
+import { g as V } from "./timeRange.utils-DLTzyLvc.js";
+import { g as P } from "./formatter.utils-Bdp9Y-Lv.js";
+import { g as J, a as U } from "./object.utils-D_Zzon-H.js";
+import { i as q, s as H } from "./color.utils-BSg_DFOh.js";
+import { g as Q } from "./lines.utils-CFEUUo4k.js";
+import { u as B } from "./charts.fillGaps.hooks-YayOXVmt.js";
+const k = "mainAxis", v = "comparisonAxis", j = (u, r) => {
+  var O, b, m, L;
+  const { data: e, measure: n, dimension: t, index: p, isPreviousPeriod: o, hasMinMaxYAxisRange: x, labels: a } = u, c = e == null ? void 0 : e.map((f) => f[t.name]), i = !!((O = n.inputs) != null && O.connectGaps), g = a ? a.map((f) => {
+    const y = e == null ? void 0 : e.find((I) => I[t.name] === f);
+    return (y == null ? void 0 : y[n.name]) ?? (i ? 0 : null);
+  }) : e == null ? void 0 : e.map((f) => f[n.name] ?? (i ? 0 : null)), h = P(r), A = J(r), s = !!((b = n.inputs) != null && b[o ? "previousLineDashed" : "lineDashed"]), l = N(), d = (m = n.inputs) == null ? void 0 : m[o ? "previousLineColor" : "lineColor"], C = q(d) ? d : U(
+    `${A}.charts.backgroundColors`,
+    n.name,
+    r.charts.backgroundColors ?? l,
+    p
+  ), D = h.dimensionOrMeasureTitle(n);
+  return {
+    xAxisID: o ? v : k,
+    labels: c,
+    rawLabel: D,
+    label: (o ? `${Y.t("common.compared")} ` : "") + D,
+    data: g,
+    backgroundColor: H(C, 0.5),
+    pointBackgroundColor: C,
+    borderDash: s ? [
+      S("--em-linechart-line-dash", "0.25rem"),
+      S("--em-linechart-line-gap", "0.25rem")
+    ] : void 0,
+    borderColor: C,
+    fill: (L = n.inputs) == null ? void 0 : L.fillUnderLine,
+    clip: x
+  };
+}, W = (u, r) => {
+  if (!u.data)
+    return {
+      labels: [],
+      datasets: [
+        { xAxisID: k, data: [] },
+        { xAxisID: v, data: [] }
+      ]
+    };
+  const { data: e, dataComparison: n, dimension: t, measures: p, hasMinMaxYAxisRange: o } = u, a = t.nativeType === "time" ? void 0 : n ? Array.from(
+    /* @__PURE__ */ new Set([
+      ...e.map((g) => g[t.name]),
+      ...(n == null ? void 0 : n.map((g) => g[t.name])) ?? []
+    ])
+  ) : void 0, c = p.map(
+    (g, h) => j(
+      {
+        data: e,
+        measure: g,
+        dimension: t,
+        labels: a,
+        hasMinMaxYAxisRange: o,
+        index: h
+      },
+      r
+    )
+  ), i = p.map(
+    (g, h) => j(
+      {
+        data: n,
+        measure: g,
+        dimension: t,
+        labels: a,
+        hasMinMaxYAxisRange: o,
+        index: h,
+        isPreviousPeriod: !0
+      },
+      r
+    )
+  );
+  return {
+    labels: a ?? e.map((g) => g[t.name]),
+    datasets: [...c, ...i]
+  };
+}, Z = (u, r) => {
+  const { dimension: e, data: n, measures: t, xAxisLabel: p } = u, o = P(r);
+  return {
+    plugins: {
+      legend: {
+        labels: {
+          filter: (a, c) => {
+            if (!a) return !1;
+            const i = c.datasets[a.datasetIndex];
+            return Array.isArray(i.data) && i.data.length > 0;
+          }
+        }
+      },
+      datalabels: {
+        labels: {
+          value: {
+            formatter: (a, c) => {
+              const i = t[c.datasetIndex % t.length];
+              return o.data(i, a);
+            }
+          }
+        }
+      },
+      tooltip: {
+        callbacks: {
+          title: (a) => a[0] ? o.data(e, a[0].label) : "",
+          label: (a) => {
+            const c = t[a.datasetIndex % t.length], i = a.raw;
+            return `${a.dataset.label}: ${o.data(c, i)}`;
+          }
+        }
+      }
+    },
+    scales: {
+      x: {
+        display: !1
+      },
+      [k]: {
+        title: {
+          ...M(),
+          text: p,
+          display: !!p
+        },
+        grid: { display: !1 },
+        ticks: {
+          ...w(),
+          callback(a) {
+            var c;
+            return o.data(e, (c = n.labels) == null ? void 0 : c[a]);
+          }
+        }
+      },
+      [v]: {
+        display: !1
+      },
+      y: {
+        ticks: {
+          callback: (a) => o.data(t[0], a)
+        }
+      }
+    }
+  };
+}, aa = (u, r) => {
+  var h, A;
+  const { dimension: e, data: n, measures: t, xAxisLabel: p, showComparisonAxis: o, showDataComparison: x } = u, a = P(r), c = ((h = n.datasets.find((s) => s.xAxisID === k)) == null ? void 0 : h.labels) ?? [], i = ((A = n.datasets.find((s) => s.xAxisID === v)) == null ? void 0 : A.labels) ?? [];
+  return {
+    plugins: {
+      legend: {
+        labels: {
+          filter: (s, l) => {
+            if (!s) return !1;
+            const d = l.datasets[s.datasetIndex];
+            return Array.isArray(d.data) && d.data.length > 0;
+          }
+        }
+      },
+      datalabels: {
+        labels: {
+          value: {
+            formatter: (s, l) => {
+              const d = t[l.datasetIndex % t.length];
+              return a.data(d, s);
+            }
+          }
+        }
+      },
+      tooltip: {
+        callbacks: {
+          title: (s) => {
+            const l = s[0];
+            if (!x && l)
+              return a.data(e, l.label);
+            const d = l == null ? void 0 : l.dataIndex;
+            if (d === void 0) return "";
+            const C = c[d] && a.data(e, c[d]), D = i[d] && a.data(e, i[d]);
+            return `${C ?? "-"} vs ${D ?? "-"}`;
+          },
+          label: (s) => {
+            const l = t[s.datasetIndex % t.length], d = s.raw;
+            return `${s.dataset.label}: ${a.data(l, d)}`;
+          }
+        }
+      }
+    },
+    scales: {
+      x: { display: !1 },
+      [k]: {
+        title: {
+          ...M(),
+          text: p,
+          display: !!((!o || i.length === 0) && p)
+        },
+        grid: { display: !1 },
+        ticks: {
+          ...w(),
+          callback: (s) => a.data(e, c[Number(s)])
+        }
+      },
+      [v]: {
+        title: {
+          ...M(),
+          text: p,
+          display: !!p
+        },
+        grid: { display: !1 },
+        display: o && i.length > 0,
+        ticks: {
+          ...w(),
+          callback: (s) => {
+            if (i.length === 0)
+              return "";
+            const l = i[Number(s)];
+            return l ? a.data(e, l) : "";
+          }
+        }
+      },
+      y: {
+        ticks: {
+          callback: (s) => a.data(t[0], s)
+        }
+      }
+    }
+  };
+}, ea = (u, r) => {
+  var p, o;
+  const { onLineClicked: e, dimension: n } = u, t = n.nativeType === "time" ? aa : Z;
+  return $(
+    Q({ onLineClicked: e }),
+    t(u, r),
+    ((o = (p = r.charts) == null ? void 0 : p.lineChartComparisonDefaultPro) == null ? void 0 : o.options) || {}
+  );
+}, ta = (u) => {
+  const r = X();
+  z(r);
+  const { title: e, description: n, xAxisLabel: t, yAxisLabel: p } = E(u), {
+    comparisonPeriod: o,
+    measures: x,
+    xAxis: a,
+    reverseXAxis: c,
+    showLegend: i,
+    showLogarithmicScale: g,
+    showTooltips: h,
+    showValueLabels: A,
+    yAxisRangeMax: s,
+    yAxisRangeMin: l,
+    primaryDateRange: d,
+    comparisonDateRange: C,
+    showComparisonAxis: D,
+    setComparisonDateRange: T,
+    onLineClicked: O
+  } = u;
+  K(() => {
+    const _ = V(
+      d,
+      o,
+      r
+    );
+    T(_);
+  }, [o, JSON.stringify(d), r]);
+  const b = B({ results: u.results, dimension: a }), m = B({
+    results: u.resultsComparison,
+    dimension: a,
+    externalDateBounds: C
+  }), L = !!(d && o), f = W(
+    {
+      data: b.data,
+      dataComparison: L ? (m == null ? void 0 : m.data) ?? [] : void 0,
+      dimension: a,
+      measures: x,
+      hasMinMaxYAxisRange: l != null || s != null
+    },
+    r
+  ), y = ea(
+    {
+      data: f,
+      dimension: a,
+      measures: x,
+      xAxisLabel: t,
+      showComparisonAxis: D,
+      showDataComparison: L,
+      onLineClicked: O
+    },
+    r
+  ), I = {
+    isLoading: !!(b.isLoading || m != null && m.isLoading),
+    data: !(b != null && b.data) && !(m != null && m.data) ? void 0 : [...b.data ?? [], ...(m == null ? void 0 : m.data) ?? []]
+  };
+  return /* @__PURE__ */ R.jsx(
+    G,
+    {
+      data: I,
+      dimensionsAndMeasures: [...x, a],
+      errorMessage: b.error || (m == null ? void 0 : m.error),
+      subtitle: n,
+      title: e,
+      children: /* @__PURE__ */ R.jsx(
+        F,
+        {
+          data: f,
+          reverseXAxis: c,
+          showLegend: i,
+          showLogarithmicScale: g,
+          showTooltips: h,
+          showValueLabels: A,
+          xAxisLabel: t,
+          yAxisLabel: p,
+          yAxisRangeMax: s,
+          yAxisRangeMin: l,
+          options: y
+        }
+      )
+    }
+  );
+}, ga = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: ta
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  ta as L,
+  ea as a,
+  W as g,
+  ga as i
+};
+//# sourceMappingURL=index-CEyir5HV.js.map