@embeddable.com/remarkable-ui 0.1.36 → 0.1.38

package/dist/BarChartDefaultHorizontalPro.js

@@ -1,8 +1,8 @@
 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, s as v, e as H, f as R, g as j, x as I, y as S, h as T, k as Y, l as F, n as E, V as G, o as O } from "./component.constants-D59iJ42U.js";
 import { useTheme as W, defineComponent as _ } from "@embeddable.com/react";
 import { C as q } from "./ChartCard-Cr2L2Uki.js";
-import { g as J, a as K, B as N } from "./bars.utils-D2ZNn4I1.js";
-import { u as Q } from "./charts.newFillGaps.hooks-8oF8pYjr.js";
+import { g as J, a as K, B as N } from "./bars.utils-CTqUglN7.js";
+import { u as Q } from "./charts.newFillGaps.hooks-YXEKFvmz.js";
 const U = (a) => {
   var i, n;
   const s = W();

package/dist/BarChartDefaultPro.js

@@ -1,8 +1,8 @@
 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, s as R, e as j, f as I, g as S, x as T, y as X, p as F, q, u as z, v as E, V as G, o as O } from "./component.constants-D59iJ42U.js";
 import { useTheme as W, defineComponent as _ } from "@embeddable.com/react";
 import { C as H } from "./ChartCard-Cr2L2Uki.js";
-import { g as J, a as K, B as N } from "./bars.utils-D2ZNn4I1.js";
-import { u as Q } from "./charts.newFillGaps.hooks-8oF8pYjr.js";
+import { g as J, a as K, B as N } from "./bars.utils-CTqUglN7.js";
+import { u as Q } from "./charts.newFillGaps.hooks-YXEKFvmz.js";
 const U = (a) => {
   var o, n;
   const s = W();

package/dist/BarChartGroupedHorizontalPro.js

@@ -1,8 +1,8 @@
 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, c as H, A as j, s as v, e as S, f as T, g as F, x as Y, y as E, h as I, k as O, l as W, V as u, o as _ } from "./component.constants-D59iJ42U.js";
 import { useTheme as q, defineComponent as J } from "@embeddable.com/react";
 import { C as K } from "./ChartCard-Cr2L2Uki.js";
-import { b as N, a as Q, B as U } from "./bars.utils-D2ZNn4I1.js";
-import { u as X } from "./charts.newFillGaps.hooks-8oF8pYjr.js";
+import { b as N, a as Q, B as U } from "./bars.utils-CTqUglN7.js";
+import { u as X } from "./charts.newFillGaps.hooks-YXEKFvmz.js";
 const Z = (e) => {
   var n, l;
   const a = q();

package/dist/BarChartGroupedPro.js

@@ -1,8 +1,8 @@
 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, c as v, A as S, s as T, e as F, f as X, g as z, x as q, y as E, p as I, q as O, u as W, V as u, o as _ } from "./component.constants-D59iJ42U.js";
 import { useTheme as H, defineComponent as J } from "@embeddable.com/react";
 import { C as K } from "./ChartCard-Cr2L2Uki.js";
-import { b as N, a as Q, B as U } from "./bars.utils-D2ZNn4I1.js";
-import { u as Y } from "./charts.newFillGaps.hooks-8oF8pYjr.js";
+import { b as N, a as Q, B as U } from "./bars.utils-CTqUglN7.js";
+import { u as Y } from "./charts.newFillGaps.hooks-YXEKFvmz.js";
 const Z = (e) => {
   var n, l;
   const a = H();

package/dist/BarChartStackedHorizontalPro.js

@@ -1,8 +1,8 @@
 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, c as H, A as T, s as j, e as v, f as F, g as G, x as Y, y as E, h as I, k as O, l as W, B as _, V as u, o as q } from "./component.constants-D59iJ42U.js";
 import { useTheme as J, defineComponent as K } from "@embeddable.com/react";
 import { C as N } from "./ChartCard-Cr2L2Uki.js";
-import { b as Q, a as U, B as X } from "./bars.utils-D2ZNn4I1.js";
-import { u as Z } from "./charts.newFillGaps.hooks-8oF8pYjr.js";
+import { b as Q, a as U, B as X } from "./bars.utils-CTqUglN7.js";
+import { u as Z } from "./charts.newFillGaps.hooks-YXEKFvmz.js";
 const $ = (a) => {
   var n, l;
   const e = J();

package/dist/BarChartStackedPro.js

@@ -1,8 +1,8 @@
 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, c as j, A as v, s as F, e as G, f as X, g as z, x as q, y as E, p as I, q as O, u as W, B as _, V as u, o as H } from "./component.constants-D59iJ42U.js";
 import { useTheme as J, defineComponent as K } from "@embeddable.com/react";
 import { C as N } from "./ChartCard-Cr2L2Uki.js";
-import { b as Q, a as U, B as Y } from "./bars.utils-D2ZNn4I1.js";
-import { u as Z } from "./charts.newFillGaps.hooks-8oF8pYjr.js";
+import { b as Q, a as U, B as Y } from "./bars.utils-CTqUglN7.js";
+import { u as Z } from "./charts.newFillGaps.hooks-YXEKFvmz.js";
 const $ = (a) => {
   var n, l;
   const e = J();

package/dist/DonutChartPro.js

@@ -1,6 +1,6 @@
 import { d as a, w as s, z as t, t as o, c as n, s as r, a3 as i, e as m, f as l, V as d, o as u } from "./component.constants-D59iJ42U.js";
 import { defineComponent as c } from "@embeddable.com/react";
-import { D as p } from "./index-DWhYhJ0M.js";
+import { D as p } from "./index-BGwJ9TYS.js";
 const C = {
   name: "DonutChartPro",
   label: "Donut Chart",

package/dist/DonutLabelChartPro.js

@@ -1,4 +1,4 @@
-import { D as n } from "./index-fW1psiZu.js";
+import { D as n } from "./index-DKUEiV33.js";
 import { d as s, w as a, z as r, t as o, c as l, s as i, a3 as m, e as d, f as u, V as b, o as t } from "./component.constants-D59iJ42U.js";
 import { defineComponent as c } from "@embeddable.com/react";
 const p = {

package/dist/LineChartComparisonDefaultPro.js

@@ -1,73 +1,79 @@
 import { useTheme as Y, defineComponent as _ } from "@embeddable.com/react";
-import { m as E, E as G, C as w, U, _ as I, $ as O, i as q, r as z, j as V, a0 as K, d as J, a as B, Y as A, a1 as S, z as W, X as H, W as Q, t as Z, c as ee, s as ae, e as se, f as ne, g as te, x as oe, y as ie, p as re, q as le, u as me, V as de, o as F } from "./component.constants-D59iJ42U.js";
+import { m as E, E as G, C as w, U, _ as I, $ as O, i as q, r as z, j as V, a0 as K, d as J, a as B, Y as A, a1 as S, z as W, X as H, W as Q, t as Z, c as ee, s as ae, e as se, f as ne, g as te, x as ie, y as oe, p as re, q as le, u as me, V as de, o as F } from "./component.constants-D59iJ42U.js";
 import { C as ce } from "./ChartCard-Cr2L2Uki.js";
 import { useEffect as pe } from "react";
 import { g as ue } from "./timeRange.utils-D6gvWIhx.js";
 import { g as M } from "./formatter.utils-DDLdrAl9.js";
-import { g as ge, a as he } from "./object.utils-BNKDL7Y9.js";
-import { i as be, s as xe } from "./color.utils-CVyp-fGP.js";
+import { g as ge, a as xe } from "./object.utils-Cae_z0QB.js";
+import { i as he, s as be } from "./color.utils-CVyp-fGP.js";
 import { g as Ce } from "./lines.utils-CFEUUo4k.js";
-import { u as N } from "./charts.newFillGaps.hooks-8oF8pYjr.js";
+import { u as N } from "./charts.newFillGaps.hooks-YXEKFvmz.js";
 import { C as fe } from "./ComparisonPeriod.type.emb-C7ixEJKv.js";
-const P = "mainAxis", k = "comparisonAxis", $ = (a, t) => {
-  var v, R, b, u;
-  const { data: n, measure: o, dimension: s, index: c, isPreviousPeriod: r, hasMinMaxYAxisRange: x, labels: e } = a, p = n == null ? void 0 : n.map((C) => C[s.name]), l = !!((v = o.inputs) != null && v.connectGaps), g = e ? e.map((C) => {
+const L = "mainAxis", v = "comparisonAxis", $ = (a, t) => {
+  var P, k, h, u;
+  const { data: n, measure: i, dimension: s, index: c, isPreviousPeriod: r, hasMinMaxYAxisRange: b, labels: e } = a, p = n == null ? void 0 : n.map((C) => C[s.name]), l = !!((P = i.inputs) != null && P.connectGaps), g = e ? e.map((C) => {
     const D = n == null ? void 0 : n.find((T) => T[s.name] === C);
-    return (D == null ? void 0 : D[o.name]) ?? (l ? 0 : null);
-  }) : n == null ? void 0 : n.map((C) => C[o.name] ?? (l ? 0 : null)), h = M(t), f = ge(t), i = !!((R = o.inputs) != null && R[r ? "previousLineDashed" : "lineDashed"]), m = (b = o.inputs) == null ? void 0 : b[r ? "previousLineColor" : "lineColor"], d = be(m) ? m : he(
+    return (D == null ? void 0 : D[i.name]) ?? (l ? 0 : null);
+  }) : n == null ? void 0 : n.map((C) => C[i.name] ?? (l ? 0 : null)), x = M(t), f = ge(t), o = !!((k = i.inputs) != null && k[r ? "previousLineDashed" : "lineDashed"]), m = (h = i.inputs) == null ? void 0 : h[r ? "previousLineColor" : "lineColor"], d = he(m) ? m : xe(
     `${f}.charts.backgroundColors`,
-    o.name,
+    i.name,
     t.charts.backgroundColors ?? G,
     c
-  ), y = h.dimensionOrMeasureTitle(o);
+  ), y = x.dimensionOrMeasureTitle(i);
   return {
-    xAxisID: r ? k : P,
+    xAxisID: r ? v : L,
     labels: p,
     rawLabel: y,
     label: (r ? `${U.t("common.compared")} ` : "") + y,
     data: g,
-    backgroundColor: xe(
+    backgroundColor: be(
       d,
       w("--em-line-chart-line-fill-opacity")
     ),
     pointBackgroundColor: d,
-    borderDash: i ? [
+    borderDash: o ? [
       w("--em-line-chart-line-dash-length"),
       w("--em-line-chart-line-gap-length")
     ] : void 0,
     borderColor: d,
-    fill: (u = o.inputs) == null ? void 0 : u.fillUnderLine,
-    clip: x
+    fill: (u = i.inputs) == null ? void 0 : u.fillUnderLine,
+    clip: b
   };
 }, ye = (a, t) => {
   if (!a.data)
-    return { labels: [], datasets: [{ data: [] }] };
-  const { data: n, dataComparison: o, dimension: s, measures: c, hasMinMaxYAxisRange: r } = a, e = s.nativeType === "time" ? void 0 : o ? Array.from(
+    return {
+      labels: [],
+      datasets: [
+        { xAxisID: L, data: [] },
+        { xAxisID: v, data: [] }
+      ]
+    };
+  const { data: n, dataComparison: i, dimension: s, measures: c, hasMinMaxYAxisRange: r } = a, e = s.nativeType === "time" ? void 0 : i ? Array.from(
     /* @__PURE__ */ new Set([
       ...n.map((g) => g[s.name]),
-      ...(o == null ? void 0 : o.map((g) => g[s.name])) ?? []
+      ...(i == null ? void 0 : i.map((g) => g[s.name])) ?? []
     ])
   ) : void 0, p = c.map(
-    (g, h) => $(
+    (g, x) => $(
       {
         data: n,
         measure: g,
         dimension: s,
         labels: e,
         hasMinMaxYAxisRange: r,
-        index: h
+        index: x
       },
       t
     )
   ), l = c.map(
-    (g, h) => $(
+    (g, x) => $(
       {
-        data: o,
+        data: i,
         measure: g,
         dimension: s,
         labels: e,
         hasMinMaxYAxisRange: r,
-        index: h,
+        index: x,
         isPreviousPeriod: !0
       },
       t
@@ -78,7 +84,7 @@ const P = "mainAxis", k = "comparisonAxis", $ = (a, t) => {
     datasets: [...p, ...l]
   };
 }, De = (a, t) => {
-  const { dimension: n, data: o, measures: s, xAxisLabel: c } = a, r = M(t);
+  const { dimension: n, data: i, measures: s, xAxisLabel: c } = a, r = M(t);
   return {
     plugins: {
       legend: {
@@ -114,7 +120,7 @@ const P = "mainAxis", k = "comparisonAxis", $ = (a, t) => {
       x: {
         display: !1
       },
-      [P]: {
+      [L]: {
         title: {
           ...O,
           text: c,
@@ -125,11 +131,11 @@ const P = "mainAxis", k = "comparisonAxis", $ = (a, t) => {
           ...I,
           callback(e) {
             var p;
-            return r.data(n, (p = o.labels) == null ? void 0 : p[e]);
+            return r.data(n, (p = i.labels) == null ? void 0 : p[e]);
           }
         }
       },
-      [k]: {
+      [v]: {
         display: !1
       },
       y: {
@@ -140,15 +146,15 @@ const P = "mainAxis", k = "comparisonAxis", $ = (a, t) => {
     }
   };
 }, Ae = (a, t) => {
-  var h, f;
-  const { dimension: n, data: o, measures: s, xAxisLabel: c, showComparisonAxis: r, showDataComparison: x } = a, e = M(t), p = ((h = o.datasets.find((i) => i.xAxisID === P)) == null ? void 0 : h.labels) ?? [], l = ((f = o.datasets.find((i) => i.xAxisID === k)) == null ? void 0 : f.labels) ?? [];
+  var x, f;
+  const { dimension: n, data: i, measures: s, xAxisLabel: c, showComparisonAxis: r, showDataComparison: b } = a, e = M(t), p = ((x = i.datasets.find((o) => o.xAxisID === L)) == null ? void 0 : x.labels) ?? [], l = ((f = i.datasets.find((o) => o.xAxisID === v)) == null ? void 0 : f.labels) ?? [];
   return {
     plugins: {
       legend: {
         labels: {
-          filter: (i, m) => {
-            if (!i) return !1;
-            const d = m.datasets[i.datasetIndex];
+          filter: (o, m) => {
+            if (!o) return !1;
+            const d = m.datasets[o.datasetIndex];
             return Array.isArray(d.data) && d.data.length > 0;
           }
         }
@@ -156,34 +162,34 @@ const P = "mainAxis", k = "comparisonAxis", $ = (a, t) => {
       datalabels: {
         labels: {
           value: {
-            formatter: (i, m) => {
+            formatter: (o, m) => {
               const d = s[m.datasetIndex % s.length];
-              return e.data(d, i);
+              return e.data(d, o);
             }
           }
         }
       },
       tooltip: {
         callbacks: {
-          title: (i) => {
-            const m = i[0];
-            if (!x && m)
+          title: (o) => {
+            const m = o[0];
+            if (!b && m)
               return e.data(n, m.label);
             const d = m == null ? void 0 : m.dataIndex;
             if (d === void 0) return "";
-            const y = p[d] && e.data(n, p[d]), L = l[d] && e.data(n, l[d]);
-            return `${y ?? "-"} vs ${L ?? "-"}`;
+            const y = p[d] && e.data(n, p[d]), R = l[d] && e.data(n, l[d]);
+            return `${y ?? "-"} vs ${R ?? "-"}`;
           },
-          label: (i) => {
-            const m = s[i.datasetIndex % s.length], d = i.raw;
-            return `${i.dataset.label}: ${e.data(m, d)}`;
+          label: (o) => {
+            const m = s[o.datasetIndex % s.length], d = o.raw;
+            return `${o.dataset.label}: ${e.data(m, d)}`;
           }
         }
       }
     },
     scales: {
       x: { display: !1 },
-      [P]: {
+      [L]: {
         title: {
           ...O,
           text: c,
@@ -192,10 +198,10 @@ const P = "mainAxis", k = "comparisonAxis", $ = (a, t) => {
         grid: { display: !1 },
         ticks: {
           ...I,
-          callback: (i) => e.data(n, p[Number(i)])
+          callback: (o) => e.data(n, p[Number(o)])
         }
       },
-      [k]: {
+      [v]: {
         title: {
           ...O,
           text: c,
@@ -205,24 +211,24 @@ const P = "mainAxis", k = "comparisonAxis", $ = (a, t) => {
         display: r && l.length > 0,
         ticks: {
           ...I,
-          callback: (i) => {
+          callback: (o) => {
             if (l.length === 0)
               return "";
-            const m = l[Number(i)];
+            const m = l[Number(o)];
             return m ? e.data(n, m) : "";
           }
         }
       },
       y: {
         ticks: {
-          callback: (i) => e.data(s[0], i)
+          callback: (o) => e.data(s[0], o)
         }
       }
     }
   };
 }, Le = (a, t) => {
   var c, r;
-  const { onLineClicked: n, dimension: o } = a, s = o.nativeType === "time" ? Ae : De;
+  const { onLineClicked: n, dimension: i } = a, s = i.nativeType === "time" ? Ae : De;
   return E(
     Ce({ onLineClicked: n }),
     s(a, t),
@@ -231,22 +237,22 @@ const P = "mainAxis", k = "comparisonAxis", $ = (a, t) => {
 }, ve = (a) => {
   const t = Y();
   q(t);
-  const { title: n, description: o, xAxisLabel: s, yAxisLabel: c } = z(a), {
+  const { title: n, description: i, xAxisLabel: s, yAxisLabel: c } = z(a), {
     comparisonPeriod: r,
-    measures: x,
+    measures: b,
     xAxis: e,
     reverseXAxis: p,
     showLegend: l,
     showLogarithmicScale: g,
-    showTooltips: h,
+    showTooltips: x,
     showValueLabels: f,
-    yAxisRangeMax: i,
+    yAxisRangeMax: o,
     yAxisRangeMin: m,
     primaryDateRange: d,
     comparisonDateRange: y,
-    showComparisonAxis: L,
-    setComparisonDateRange: v,
-    onLineClicked: R
+    showComparisonAxis: R,
+    setComparisonDateRange: P,
+    onLineClicked: k
   } = a;
   pe(() => {
     const X = ue(
@@ -254,43 +260,43 @@ const P = "mainAxis", k = "comparisonAxis", $ = (a, t) => {
       r,
       t
     );
-    v(X);
+    P(X);
   }, [r, JSON.stringify(d), t]);
-  const b = N({ results: a.results, dimension: e }), u = N({
+  const h = N({ results: a.results, dimension: e }), u = N({
     results: a.resultsComparison,
     dimension: e,
     externalDateBounds: y
   }), C = !!(d && r), D = ye(
     {
-      data: b.data,
+      data: h.data,
       dataComparison: C ? (u == null ? void 0 : u.data) ?? [] : void 0,
       dimension: e,
-      measures: x,
-      hasMinMaxYAxisRange: m != null || i != null
+      measures: b,
+      hasMinMaxYAxisRange: m != null || o != null
     },
     t
   ), T = Le(
     {
       data: D,
       dimension: e,
-      measures: x,
+      measures: b,
       xAxisLabel: s,
-      showComparisonAxis: L,
+      showComparisonAxis: R,
       showDataComparison: C,
-      onLineClicked: R
+      onLineClicked: k
     },
     t
   ), j = {
-    isLoading: !!(b.isLoading || u != null && u.isLoading),
-    data: !(b != null && b.data) && !(u != null && u.data) ? void 0 : [...b.data ?? [], ...(u == null ? void 0 : u.data) ?? []]
+    isLoading: !!(h.isLoading || u != null && u.isLoading),
+    data: !(h != null && h.data) && !(u != null && u.data) ? void 0 : [...h.data ?? [], ...(u == null ? void 0 : u.data) ?? []]
   };
   return /* @__PURE__ */ V.jsx(
     ce,
     {
       data: j,
-      dimensionsAndMeasures: [...x, e],
-      errorMessage: b.error || (u == null ? void 0 : u.error),
-      subtitle: o,
+      dimensionsAndMeasures: [...b, e],
+      errorMessage: h.error || (u == null ? void 0 : u.error),
+      subtitle: i,
       title: n,
       children: /* @__PURE__ */ V.jsx(
         K,
@@ -299,11 +305,11 @@ const P = "mainAxis", k = "comparisonAxis", $ = (a, t) => {
           reverseXAxis: p,
           showLegend: l,
           showLogarithmicScale: g,
-          showTooltips: h,
+          showTooltips: x,
           showValueLabels: f,
           xAxisLabel: s,
           yAxisLabel: c,
-          yAxisRangeMax: i,
+          yAxisRangeMax: o,
           yAxisRangeMin: m,
           options: T
         }
@@ -370,8 +376,8 @@ const P = "mainAxis", k = "comparisonAxis", $ = (a, t) => {
     se,
     ne,
     te,
-    oe,
     ie,
+    oe,
     re,
     le,
     me,
@@ -398,7 +404,7 @@ const P = "mainAxis", k = "comparisonAxis", $ = (a, t) => {
 }, Ne = _(ve, Re, {
   /* @ts-expect-error - to be fixed in @embeddable.com/react */
   props: (a, [t, n]) => {
-    const o = [
+    const i = [
       {
         property: a.xAxis,
         direction: "asc"
@@ -411,7 +417,7 @@ const P = "mainAxis", k = "comparisonAxis", $ = (a, t) => {
       results: F({
         from: a.dataset,
         select: [...a.measures, a.xAxis],
-        orderBy: o,
+        orderBy: i,
         filters: a.primaryDateRange && s ? [
           {
             property: s,
@@ -423,7 +429,7 @@ const P = "mainAxis", k = "comparisonAxis", $ = (a, t) => {
       resultsComparison: a.primaryDateRange && s && (t != null && t.comparisonDateRange) ? F({
         from: a.dataset,
         select: [...a.measures, a.xAxis],
-        orderBy: o,
+        orderBy: i,
         filters: [
           {
             property: s,