@embeddable.com/remarkable-pro 0.0.19 → 0.0.20

package/dist/ColorEditor.js

@@ -1,5 +1,5 @@
 import { defineEditor as l } from "@embeddable.com/react";
-import { j as r, A as a, I as i, q as p, V as u } from "./Color.type.emb-B6HPqRjW.js";
+import { j as r, A as a, I as i, r as p, V as u } from "./Color.type.emb-C4VcPjfM.js";
 import { useState as m, useEffect as C } from "react";
 const I = "_colorInputContainer_1o1qe_1", d = "_colorInput_1o1qe_1", s = {
   colorInputContainer: I,

package/dist/ComparisonPeriodSelectFieldPro.js

@@ -1,7 +1,7 @@
 import { defineComponent as i } from "@embeddable.com/react";
-import { V as r } from "./Color.type.emb-B6HPqRjW.js";
-import { D as t } from "./index-DZIiW5Nz.js";
-import { b as e, C as a } from "./component.inputs.constants-jJBFejC-.js";
+import { V as r } from "./Color.type.emb-C4VcPjfM.js";
+import { D as t } from "./index-BjuvAqGb.js";
+import { b as e, C as a } from "./component.inputs.constants-DN1efWXx.js";
 const n = {
   name: "ComparisonPeriodSelectFieldPro",
   label: "Comparison Period Select Field",

package/dist/DateRangePickerCustomPro.js

@@ -1,8 +1,8 @@
 import { useTheme as v, defineComponent as C } from "@embeddable.com/react";
-import { j as l, f as y, V as s } from "./Color.type.emb-B6HPqRjW.js";
+import { j as l, f as y, V as s } from "./Color.type.emb-C4VcPjfM.js";
 import { u as D, g as P, a as V, b as w } from "./dates.utils-BF32dTLi.js";
-import { a as S, r as j, i as k, b as a } from "./component.inputs.constants-jJBFejC-.js";
-import { E as M } from "./EditorCard-aOGeW4jt.js";
+import { a as S, r as j, i as k, b as a } from "./component.inputs.constants-DN1efWXx.js";
+import { E as M } from "./EditorCard-CcsUaHcd.js";
 const T = (e) => {
   const t = v();
   S(t);

package/dist/DateRangeSelectFieldPro.js

@@ -1,7 +1,7 @@
 import { defineComponent as n } from "@embeddable.com/react";
-import { V as t } from "./Color.type.emb-B6HPqRjW.js";
-import { D as l } from "./index-LhNKcA1s.js";
-import { b as e } from "./component.inputs.constants-jJBFejC-.js";
+import { V as t } from "./Color.type.emb-C4VcPjfM.js";
+import { D as l } from "./index-Cdu6WHsa.js";
+import { b as e } from "./component.inputs.constants-DN1efWXx.js";
 const o = {
   name: "DateRangeSelectFieldPro",
   label: "Date-Range Picker - Presets",

package/dist/DonutChartPro.js

@@ -1,7 +1,7 @@
-import { V as o, l as n } from "./Color.type.emb-B6HPqRjW.js";
+import { V as o, l as n } from "./Color.type.emb-C4VcPjfM.js";
 import { defineComponent as a } from "@embeddable.com/react";
-import { D as s } from "./index-8A8KFAVc.js";
-import { b as e } from "./component.inputs.constants-jJBFejC-.js";
+import { D as s } from "./index-JiDnk-OU.js";
+import { b as e } from "./component.inputs.constants-DN1efWXx.js";
 const r = {
   name: "DonutChartPro",
   label: "Donut Chart",

package/dist/DonutLabelChartPro.js

@@ -1,7 +1,7 @@
-import { D as n } from "./index-cLri0mtu.js";
-import { V as r, l as t } from "./Color.type.emb-B6HPqRjW.js";
+import { D as n } from "./index-DCVqVqS5.js";
+import { V as r, l as t } from "./Color.type.emb-C4VcPjfM.js";
 import { defineComponent as o } from "@embeddable.com/react";
-import { b as e } from "./component.inputs.constants-jJBFejC-.js";
+import { b as e } from "./component.inputs.constants-DN1efWXx.js";
 const s = {
   name: "DonutLabelChartPro",
   label: "Donut Label Chart",

package/dist/{EditorCard-aOGeW4jt.js → EditorCard-CcsUaHcd.js}

@@ -1,6 +1,6 @@
-import { j as r, C as c, n as d, o as m, p as l } from "./Color.type.emb-B6HPqRjW.js";
+import { j as r, n as c, o as d, p as m, q as l } from "./Color.type.emb-C4VcPjfM.js";
 import { useTheme as p } from "@embeddable.com/react";
-import { a as C, i as x, I as j } from "./component.inputs.constants-jJBFejC-.js";
+import { a as x, i as C, I as j } from "./component.inputs.constants-DN1efWXx.js";
 const u = "_card_15bw3_1", f = {
   card: u
 }, b = ({
@@ -11,13 +11,13 @@ const u = "_card_15bw3_1", f = {
   ...n
 }) => {
   const o = p();
-  C(o);
+  x(o);
   const i = () => s ? /* @__PURE__ */ r.jsx(
     l,
     {
       variant: "error",
       icon: j,
-      title: x.t("editors.errorTitle"),
+      title: C.t("editors.errorTitle"),
       message: s
     }
   ) : a;
@@ -29,4 +29,4 @@ const u = "_card_15bw3_1", f = {
 export {
   b as E
 };
-//# sourceMappingURL=EditorCard-aOGeW4jt.js.map
+//# sourceMappingURL=EditorCard-CcsUaHcd.js.map

package/dist/{EditorCard-aOGeW4jt.js.map → EditorCard-CcsUaHcd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EditorCard-aOGeW4jt.js","sources":["../src/components/editors/shared/EditorCard/EditorCard.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport styles from './EditorCard.module.css';\nimport { FC } from 'react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { Card, CardContent, CardFeedback, CardHeader } from '@embeddable.com/remarkable-ui';\nimport { IconAlertCircle } from '@tabler/icons-react';\n\ntype EditorCardProps = {\n  title?: string;\n  subtitle?: string;\n  children: React.ReactNode;\n  errorMessage?: string;\n};\n\nexport const EditorCard: FC<EditorCardProps> = ({\n  title,\n  subtitle,\n  children,\n  errorMessage,\n  ...props\n}) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const getDisplay = () => {\n    if (errorMessage) {\n      return (\n        <CardFeedback\n          variant=\"error\"\n          icon={IconAlertCircle}\n          title={i18n.t('editors.errorTitle')}\n          message={errorMessage}\n        />\n      );\n    }\n\n    return children;\n  };\n\n  return (\n    <Card className={styles.card} {...props}>\n      <CardHeader title={title} subtitle={subtitle} />\n      <CardContent>{getDisplay()}</CardContent>\n    </Card>\n  );\n};\n"],"names":["EditorCard","title","subtitle","children","errorMessage","props","theme","useTheme","i18nSetup","getDisplay","jsx","CardFeedback","IconAlertCircle","i18n","Card","styles","CardHeader","CardContent"],"mappings":";;;;;GAeaA,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAMG,IAAa,MACbL,IAEAM,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAMC;AAAA,MACN,OAAOC,EAAK,EAAE,oBAAoB;AAAA,MAClC,SAAST;AAAA,IAAA;AAAA,EAAA,IAKRD;AAGT,gCACGW,GAAA,EAAK,WAAWC,EAAO,MAAO,GAAGV,GAChC,UAAA;AAAA,IAAAK,gBAAAA,EAAAA,IAACM,GAAA,EAAW,OAAAf,GAAc,UAAAC,EAAA,CAAoB;AAAA,IAC9CQ,gBAAAA,EAAAA,IAACO,GAAA,EAAa,UAAAR,EAAA,EAAW,CAAE;AAAA,EAAA,GAC7B;AAEJ;"}
+{"version":3,"file":"EditorCard-CcsUaHcd.js","sources":["../src/components/editors/shared/EditorCard/EditorCard.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport styles from './EditorCard.module.css';\nimport { FC } from 'react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { Card, CardContent, CardFeedback, CardHeader } from '@embeddable.com/remarkable-ui';\nimport { IconAlertCircle } from '@tabler/icons-react';\n\ntype EditorCardProps = {\n  title?: string;\n  subtitle?: string;\n  children: React.ReactNode;\n  errorMessage?: string;\n};\n\nexport const EditorCard: FC<EditorCardProps> = ({\n  title,\n  subtitle,\n  children,\n  errorMessage,\n  ...props\n}) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const getDisplay = () => {\n    if (errorMessage) {\n      return (\n        <CardFeedback\n          variant=\"error\"\n          icon={IconAlertCircle}\n          title={i18n.t('editors.errorTitle')}\n          message={errorMessage}\n        />\n      );\n    }\n\n    return children;\n  };\n\n  return (\n    <Card className={styles.card} {...props}>\n      <CardHeader title={title} subtitle={subtitle} />\n      <CardContent>{getDisplay()}</CardContent>\n    </Card>\n  );\n};\n"],"names":["EditorCard","title","subtitle","children","errorMessage","props","theme","useTheme","i18nSetup","getDisplay","jsx","CardFeedback","IconAlertCircle","i18n","Card","styles","CardHeader","CardContent"],"mappings":";;;;;GAeaA,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAMG,IAAa,MACbL,IAEAM,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAMC;AAAA,MACN,OAAOC,EAAK,EAAE,oBAAoB;AAAA,MAClC,SAAST;AAAA,IAAA;AAAA,EAAA,IAKRD;AAGT,gCACGW,GAAA,EAAK,WAAWC,EAAO,MAAO,GAAGV,GAChC,UAAA;AAAA,IAAAK,gBAAAA,EAAAA,IAACM,GAAA,EAAW,OAAAf,GAAc,UAAAC,EAAA,CAAoB;AAAA,IAC9CQ,gBAAAA,EAAAA,IAACO,GAAA,EAAa,UAAAR,EAAA,EAAW,CAAE;AAAA,EAAA,GAC7B;AAEJ;"}

package/dist/GranularitySelectFieldPro.js

@@ -1,8 +1,8 @@
 import { useTheme as T, defineComponent as w } from "@embeddable.com/react";
-import { j as m, S as F, V as C } from "./Color.type.emb-B6HPqRjW.js";
+import { j as m, S as F, V as C } from "./Color.type.emb-C4VcPjfM.js";
 import { useMemo as O, useEffect as k } from "react";
-import { c as E, a as G, r as D, b as i } from "./component.inputs.constants-jJBFejC-.js";
-import { E as P } from "./EditorCard-aOGeW4jt.js";
+import { c as E, a as G, r as D, b as i } from "./component.inputs.constants-DN1efWXx.js";
+import { E as P } from "./EditorCard-CcsUaHcd.js";
 const t = {
   second: "second",
   minute: "minute",

package/dist/HeatMapPro.js

@@ -1,7 +1,7 @@
-import { g as t, l as a } from "./Color.type.emb-B6HPqRjW.js";
+import { g as t, l as a } from "./Color.type.emb-C4VcPjfM.js";
 import { defineComponent as n } from "@embeddable.com/react";
-import { H as i } from "./index-D0Y3IwQg.js";
-import { b as e } from "./component.inputs.constants-jJBFejC-.js";
+import { H as i } from "./index-BUWTt_8s.js";
+import { b as e } from "./component.inputs.constants-DN1efWXx.js";
 const r = {
   name: "HeatMapPro",
   label: "Heat Map",

package/dist/KpiChartNumberComparisonPro.js

@@ -1,7 +1,7 @@
 import { defineComponent as n } from "@embeddable.com/react";
-import { K as m } from "./index-grfYNj7h.js";
-import { l as r } from "./Color.type.emb-B6HPqRjW.js";
-import { b as a } from "./component.inputs.constants-jJBFejC-.js";
+import { K as m } from "./index-T15Mxwpw.js";
+import { l as r } from "./Color.type.emb-C4VcPjfM.js";
+import { b as a } from "./component.inputs.constants-DN1efWXx.js";
 const l = {
   name: "KpiChartNumberComparisonPro",
   label: "Kpi Chart - Number Comparison",

package/dist/KpiChartNumberPro.js

@@ -1,7 +1,7 @@
 import { defineComponent as e } from "@embeddable.com/react";
-import { K as a } from "./index-Ct3Qtgor.js";
-import { l as o } from "./Color.type.emb-B6HPqRjW.js";
-import { b as r } from "./component.inputs.constants-jJBFejC-.js";
+import { K as a } from "./index-DG77FUkS.js";
+import { l as o } from "./Color.type.emb-C4VcPjfM.js";
+import { b as r } from "./component.inputs.constants-DN1efWXx.js";
 const m = {
   name: "KpiChartNumberPro",
   label: "Kpi Chart - Number",

package/dist/LineChartComparisonDefaultPro.js

@@ -1,7 +1,7 @@
 import { defineComponent as m } from "@embeddable.com/react";
-import { L as p } from "./index-dov3IPMj.js";
-import { V as c, l as s } from "./Color.type.emb-B6HPqRjW.js";
-import { b as e, s as i } from "./component.inputs.constants-jJBFejC-.js";
+import { L as p } from "./index-DXkwaXvx.js";
+import { V as c, l as s } from "./Color.type.emb-C4VcPjfM.js";
+import { b as e, s as i } from "./component.inputs.constants-DN1efWXx.js";
 const d = {
   name: "LineChartComparisonDefaultPro",
   label: "Line Chart Comparison - Default",

package/dist/LineChartDefaultPro.js

@@ -1,7 +1,7 @@
 import { defineComponent as s } from "@embeddable.com/react";
-import { L as n } from "./index-B-Tq5-JV.js";
-import { V as i, l as o } from "./Color.type.emb-B6HPqRjW.js";
-import { b as e, s as l } from "./component.inputs.constants-jJBFejC-.js";
+import { L as n } from "./index-C_ExmNre.js";
+import { V as i, l as o } from "./Color.type.emb-C4VcPjfM.js";
+import { b as e, s as l } from "./component.inputs.constants-DN1efWXx.js";
 const t = {
   name: "LineChartDefaultPro",
   label: "Line Chart - Default",

package/dist/LineChartGroupedPro.js

@@ -1,7 +1,7 @@
 import { defineComponent as a } from "@embeddable.com/react";
-import { L as o } from "./index-CZ9Sw8H3.js";
-import { V as i, l as s } from "./Color.type.emb-B6HPqRjW.js";
-import { b as e } from "./component.inputs.constants-jJBFejC-.js";
+import { L as o } from "./index-Cr68Ha2O.js";
+import { V as i, l as s } from "./Color.type.emb-C4VcPjfM.js";
+import { b as e } from "./component.inputs.constants-DN1efWXx.js";
 const t = {
   name: "LineChartGroupedPro",
   label: "Line Chart - Grouped",

package/dist/MultiSelectFieldPro.js

@@ -1,7 +1,7 @@
 import { defineComponent as r } from "@embeddable.com/react";
-import { V as t, l as s } from "./Color.type.emb-B6HPqRjW.js";
-import { M as d, a as u } from "./index-DVE9YBTf.js";
-import { b as a } from "./component.inputs.constants-jJBFejC-.js";
+import { V as t, l as s } from "./Color.type.emb-C4VcPjfM.js";
+import { M as d, a as u } from "./index-t3j3ZF8E.js";
+import { b as a } from "./component.inputs.constants-DN1efWXx.js";
 const m = {
   name: "MultiSelectFieldPro",
   label: "Multi Select Field",

package/dist/PieChartPro.js

@@ -1,7 +1,7 @@
-import { V as o, l as a } from "./Color.type.emb-B6HPqRjW.js";
+import { V as o, l as a } from "./Color.type.emb-C4VcPjfM.js";
 import { defineComponent as s } from "@embeddable.com/react";
-import { P as i } from "./index-DZ_H2OEY.js";
-import { b as e } from "./component.inputs.constants-jJBFejC-.js";
+import { P as i } from "./index-1mMgdK6h.js";
+import { b as e } from "./component.inputs.constants-DN1efWXx.js";
 const n = {
   name: "PieChartPro",
   label: "Pie Chart",

package/dist/PivotTablePro.js

@@ -1,7 +1,7 @@
-import { l as a } from "./Color.type.emb-B6HPqRjW.js";
+import { l as a } from "./Color.type.emb-C4VcPjfM.js";
 import { defineComponent as n } from "@embeddable.com/react";
-import { P as s } from "./index-F6XINVuQ.js";
-import { b as e, s as t } from "./component.inputs.constants-jJBFejC-.js";
+import { P as s } from "./index-BEYR5f2d.js";
+import { b as e, s as t } from "./component.inputs.constants-DN1efWXx.js";
 const l = {
   name: "PivotTablePro",
   label: "Pivot Table",

package/dist/SingleSelectFieldPro.js

@@ -1,7 +1,7 @@
 import { defineComponent as r } from "@embeddable.com/react";
-import { V as l, l as s } from "./Color.type.emb-B6HPqRjW.js";
-import { M as d, S as m } from "./index-Z5AHoasI.js";
-import { b as a } from "./component.inputs.constants-jJBFejC-.js";
+import { V as l, l as s } from "./Color.type.emb-C4VcPjfM.js";
+import { M as d, S as m } from "./index-B6z6eyJE.js";
+import { b as a } from "./component.inputs.constants-DN1efWXx.js";
 const c = {
   name: "SingleSelectFieldPro",
   label: "Single Select Field",

package/dist/TableChartPaginated.js

@@ -1,7 +1,7 @@
-import { V as u, l as s, m as f } from "./Color.type.emb-B6HPqRjW.js";
+import { V as u, l as s, m as f } from "./Color.type.emb-C4VcPjfM.js";
 import { defineComponent as g } from "@embeddable.com/react";
-import { T as p } from "./index-CxgncSEN.js";
-import { b as n, s as l } from "./component.inputs.constants-jJBFejC-.js";
+import { T as p } from "./index-53w_cRnE.js";
+import { b as n, s as l } from "./component.inputs.constants-DN1efWXx.js";
 const b = {
   name: "TableChartPaginated",
   label: "Table Chart - Paginated",

package/dist/TableScrollable.js

@@ -1,9 +1,9 @@
-import { j as V, s as re, V as oe, l as T, m as ae } from "./Color.type.emb-B6HPqRjW.js";
+import { j as V, t as re, V as oe, l as T, m as ae } from "./Color.type.emb-C4VcPjfM.js";
 import { useTheme as se, defineComponent as ie } from "@embeddable.com/react";
-import { a as le, r as ue, i as ce, b as E, s as S } from "./component.inputs.constants-jJBFejC-.js";
-import { C as fe } from "./ChartCard-DsPc_21K.js";
+import { a as le, r as ue, i as ce, b as E, s as S } from "./component.inputs.constants-DN1efWXx.js";
+import { C as fe } from "./ChartCard-B5IaBBTs.js";
 import { useState as N, useRef as R, useEffect as M, useCallback as de } from "react";
-import { b as me, c as pe } from "./tables.utils-BVdgLNxV.js";
+import { b as me, c as pe } from "./tables.utils-B8IT-c8T.js";
 const v = 25, { getOwnPropertyNames: ge, getOwnPropertySymbols: he } = Object, { hasOwnProperty: be } = Object.prototype;
 function k(t, e) {
   return function(n, a, i) {

package/dist/{bars.utils-DtHJ7gBc.js → bars.utils-Ck1w7NOo.js}

@@ -1,29 +1,29 @@
-import { r as F, g as P } from "./charts.utils-DM6cHNrK.js";
-import { g as h } from "./formatter.utils-BUUUf91Q.js";
+import { a as N, C as P, b as v } from "./Color.type.emb-C4VcPjfM.js";
+import { r as x, g as F } from "./charts.utils-g6NE_Jo3.js";
+import { g as h } from "./formatter.utils-pzrkapRL.js";
 import { g as p, a as g } from "./object.utils-D_Zzon-H.js";
-import { a as T, b as v } from "./Color.type.emb-B6HPqRjW.js";
-const B = (l, c) => {
+const I = (c, d) => {
   var b;
-  const m = h(c), { data: o = [], dimension: i, groupDimension: d, measure: t } = l, r = [...new Set(o.map((n) => n[i.name]).filter((n) => n != null))].sort(), a = `${d.name}${(b = d.inputs) != null && b.granularity ? `.${d.inputs.granularity}` : ""}`, e = [...new Set(o.map((n) => n[a]))].filter((n) => n != null), s = p(c), u = v(), C = e.map((n, k) => {
+  const m = h(d), { data: o = [], dimension: i, groupDimension: l, measure: t } = c, r = [...new Set(o.map((n) => n[i.name]).filter((n) => n != null))].sort(), a = `${l.name}${l.nativeType === P && ((b = l.inputs) != null && b.granularity) ? `.${l.inputs.granularity}` : ""}`, e = [...new Set(o.map((n) => n[a]))].filter((n) => n != null), s = p(d), u = v(), C = e.map((n, k) => {
     const D = g(
       `${s}.charts.backgroundColors`,
-      `${d.name}.${n}`,
-      c.charts.backgroundColors ?? u,
+      `${l.name}.${n}`,
+      d.charts.backgroundColors ?? u,
       k
-    ), w = g(
+    ), T = g(
       `${s}.charts.borderColors`,
-      `${d.name}.${n}`,
-      c.charts.borderColors ?? u,
+      `${l.name}.${n}`,
+      d.charts.borderColors ?? u,
       k
     );
     return {
-      label: m.data(d, n),
+      label: m.data(l, n),
       rawLabel: n,
       backgroundColor: D,
-      borderColor: w,
-      data: r.map((x) => {
+      borderColor: T,
+      data: r.map((w) => {
         const f = o.find(
-          ($) => $[a] === n && $[i.name] === x
+          ($) => $[a] === n && $[i.name] === w
         );
         return f ? Number(f[t.name]) : 0;
       })
@@ -33,25 +33,25 @@ const B = (l, c) => {
     labels: r,
     datasets: C
   };
-}, L = (l, c = F) => {
-  if (!l.data)
+}, B = (c, d = x) => {
+  if (!c.data)
     return {
       labels: [],
       datasets: [{ data: [] }]
     };
-  const m = h(c), o = p(c), i = P(l.data, l.dimension, l.measures, l.maxItems), d = T();
+  const m = h(d), o = p(d), i = F(c.data, c.dimension, c.measures, c.maxItems), l = N();
   return {
-    labels: i.map((t) => t[l.dimension.name]),
-    datasets: l.measures.map((t, r) => {
+    labels: i.map((t) => t[c.dimension.name]),
+    datasets: c.measures.map((t, r) => {
       const a = g(
         `${o}.charts.backgroundColors`,
         t.name,
-        c.charts.backgroundColors ?? d,
+        d.charts.backgroundColors ?? l,
         r
       ), e = g(
         `${o}.charts.borderColors`,
         t.name,
-        c.charts.borderColors ?? d,
+        d.charts.borderColors ?? l,
         r
       );
       return {
@@ -62,21 +62,21 @@ const B = (l, c) => {
       };
     })
   };
-}, N = (l, c) => {
-  const { datasets: m } = l.chart.data, o = l.dataIndex, i = m.reduce((d, t) => {
+}, O = (c, d) => {
+  const { datasets: m } = c.chart.data, o = c.dataIndex, i = m.reduce((l, t) => {
     const r = t.data[o];
-    return d + (r || 0);
+    return l + (r || 0);
   }, 0);
-  return c(i);
-}, V = (l, c) => {
-  const { onBarClicked: m, measures: o, dimension: i, horizontal: d, data: t } = l, r = h(c);
+  return d(i);
+}, K = (c, d) => {
+  const { onBarClicked: m, measures: o, dimension: i, horizontal: l, data: t } = c, r = h(d);
   return {
     plugins: {
-      legend: { position: c.charts.legendPosition ?? "bottom" },
+      legend: { position: d.charts.legendPosition ?? "bottom" },
       datalabels: {
         labels: {
           total: {
-            formatter: (a, e) => N(
+            formatter: (a, e) => O(
               e,
               (s) => r.data(o[0], s)
             )
@@ -107,7 +107,7 @@ const B = (l, c) => {
       x: {
         ticks: {
           callback: (a) => {
-            if (d)
+            if (l)
               return r.data(o[0], a);
             if (!t || !t.labels) return;
             const e = t.labels[Number(a)];
@@ -118,7 +118,7 @@ const B = (l, c) => {
       y: {
         ticks: {
           callback: (a) => {
-            if (!d)
+            if (!l)
               return r.data(o[0], a);
             if (!t || !t.labels) return;
             const e = t.labels[Number(a)];
@@ -138,8 +138,8 @@ const B = (l, c) => {
   };
 };
 export {
-  L as a,
-  V as b,
-  B as g
+  B as a,
+  K as b,
+  I as g
 };
-//# sourceMappingURL=bars.utils-DtHJ7gBc.js.map
+//# sourceMappingURL=bars.utils-Ck1w7NOo.js.map

package/dist/bars.utils-Ck1w7NOo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bars.utils-Ck1w7NOo.js","sources":["../src/components/charts/bars/bars.utils.ts"],"sourcesContent":["import { CUBE_DIMENSION_TYPE_TIME, DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../theme/theme.types';\nimport { remarkableTheme } from '../../../theme/theme.constants';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { groupTailAsOther } from '../charts.utils';\nimport { getColor } from '../../../theme/styles/styles.utils';\nimport { getChartColors, getChartContrastColors } from '@embeddable.com/remarkable-ui';\nimport { getObjectStableKey } from '../../../utils.ts/object.utils';\nimport { Context } from 'chartjs-plugin-datalabels';\n\nexport const getBarStackedChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    groupDimension: Dimension;\n    measure: Measure;\n  },\n  theme: Theme,\n): ChartData<'bar'> => {\n  const themeFormatter = getThemeFormatter(theme);\n  const { data = [], dimension, groupDimension, measure } = props;\n\n  const axis = [...new Set(data.map((d) => d[dimension.name]).filter((d) => d != null))].sort();\n  const groupDimensionName = `${groupDimension.name}${groupDimension.nativeType === CUBE_DIMENSION_TYPE_TIME && groupDimension.inputs?.granularity ? `.${groupDimension.inputs.granularity}` : ''}`;\n  const groupBy = [...new Set(data.map((d) => d[groupDimensionName]))].filter((d) => d != null);\n\n  const themeKey = getObjectStableKey(theme);\n  const chartContrastColors = getChartContrastColors();\n  const datasets = groupBy.map((groupByItem, index) => {\n    const backgroundColor = getColor(\n      `${themeKey}.charts.backgroundColors`,\n      `${groupDimension.name}.${groupByItem}`,\n      theme.charts.backgroundColors ?? chartContrastColors,\n      index,\n    );\n\n    const borderColor = getColor(\n      `${themeKey}.charts.borderColors`,\n      `${groupDimension.name}.${groupByItem}`,\n      theme.charts.borderColors ?? chartContrastColors,\n      index,\n    );\n\n    return {\n      label: themeFormatter.data(groupDimension, groupByItem),\n      rawLabel: groupByItem,\n      backgroundColor,\n      borderColor,\n      data: axis.map((axisItem) => {\n        const record = data.find(\n          (d) => d[groupDimensionName] === groupByItem && d[dimension.name] === axisItem,\n        );\n        return record ? Number(record[measure.name]) : 0;\n      }),\n    };\n  });\n\n  return {\n    labels: axis,\n    datasets,\n  };\n};\n\nexport const getBarChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    measures: Measure[];\n    maxItems?: number;\n  },\n  theme: Theme = remarkableTheme,\n): ChartData<'bar'> => {\n  if (!props.data) {\n    return {\n      labels: [],\n      datasets: [{ data: [] }],\n    };\n  }\n\n  const themeFormatter = getThemeFormatter(theme);\n  const themeKey = getObjectStableKey(theme);\n  const groupedData = groupTailAsOther(props.data, props.dimension, props.measures, props.maxItems);\n  const chartColors = getChartColors();\n\n  return {\n    labels: groupedData.map((item) => {\n      return item[props.dimension.name];\n    }),\n    datasets: props.measures.map((measure, index) => {\n      const backgroundColor = getColor(\n        `${themeKey}.charts.backgroundColors`,\n        measure.name,\n        theme.charts.backgroundColors ?? chartColors,\n        index,\n      );\n\n      const borderColor = getColor(\n        `${themeKey}.charts.borderColors`,\n        measure.name,\n        theme.charts.borderColors ?? chartColors,\n        index,\n      );\n\n      return {\n        label: themeFormatter.dimensionOrMeasureTitle(measure),\n        data: groupedData.map((item) => item[measure.name] ?? 0),\n        backgroundColor,\n        borderColor,\n      };\n    }),\n  };\n};\n\nconst getBarChartProDatalabelTotalFormatter = (\n  context: Context,\n  formatter: (value: number) => string,\n) => {\n  const { datasets } = context.chart.data;\n  const i = context.dataIndex;\n\n  const total = datasets.reduce((sum, ds) => {\n    const val = ds.data[i] as number;\n    return sum + (val || 0);\n  }, 0);\n\n  return formatter(total);\n};\n\nexport const getBarChartProOptions = (\n  options: {\n    onBarClicked: (args: {\n      axisDimensionValue: string | null;\n      groupingDimensionValue: string | null;\n    }) => void;\n    measures: Measure[];\n    dimension: Dimension;\n    horizontal: boolean;\n    data: ChartData<'bar'>;\n  },\n  theme: Theme,\n): Partial<ChartOptions<'bar'>> => {\n  const { onBarClicked, measures, dimension, horizontal, data } = options;\n\n  const themeFormatter = getThemeFormatter(theme);\n  return {\n    plugins: {\n      legend: { position: theme.charts.legendPosition ?? 'bottom' },\n      datalabels: {\n        labels: {\n          total: {\n            formatter: (_value: string | number, context: Context) =>\n              getBarChartProDatalabelTotalFormatter(context, (value: number) =>\n                themeFormatter.data(measures[0]!, value),\n              ),\n          },\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 label = context[0]?.label;\n            return themeFormatter.data(dimension, label);\n          },\n          label: (context) => {\n            const measure = measures[context.datasetIndex % measures.length]!;\n            const raw = context.raw as number;\n            return `${themeFormatter.data(dimension, context.dataset.label) || ''}: ${themeFormatter.data(measure, raw)}`;\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        ticks: {\n          callback: (value) => {\n            if (horizontal) {\n              return themeFormatter.data(measures[0]!, value);\n            }\n\n            if (!data || !data.labels) return undefined;\n\n            const label = data.labels[Number(value)] as string;\n\n            return themeFormatter.data(dimension, label);\n          },\n        },\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            if (!horizontal) {\n              return themeFormatter.data(measures[0]!, value);\n            }\n            if (!data || !data.labels) return undefined;\n            const label = data.labels[Number(value)] as string;\n            return themeFormatter.data(dimension, label);\n          },\n        },\n      },\n    },\n    onClick: (_event, elements, chart) => {\n      const element = elements[0];\n      const axisDimensionValue = (element ? chart.data.labels![element.index] : null) as\n        | string\n        | null;\n      const groupingDimensionValue = (\n        element\n          ? (chart.data.datasets[element.datasetIndex] as { rawLabel?: string | null })?.rawLabel\n          : null\n      ) as string | null;\n\n      onBarClicked({\n        axisDimensionValue,\n        groupingDimensionValue,\n      });\n    },\n  };\n};\n"],"names":["getBarStackedChartProData","props","theme","themeFormatter","getThemeFormatter","data","dimension","groupDimension","measure","axis","d","groupDimensionName","CUBE_DIMENSION_TYPE_TIME","_a","groupBy","themeKey","getObjectStableKey","chartContrastColors","getChartContrastColors","datasets","groupByItem","index","backgroundColor","getColor","borderColor","axisItem","record","getBarChartProData","remarkableTheme","groupedData","groupTailAsOther","chartColors","getChartColors","item","getBarChartProDatalabelTotalFormatter","context","formatter","i","total","sum","ds","val","getBarChartProOptions","options","onBarClicked","measures","horizontal","_value","value","label","raw","_event","elements","chart","element","axisDimensionValue","groupingDimensionValue"],"mappings":"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"}

package/dist/{charts.utils-DM6cHNrK.js → charts.utils-g6NE_Jo3.js}

@@ -1,9 +1,9 @@
-import { X as ls } from "./Color.type.emb-B6HPqRjW.js";
-import { a as si, i as hn } from "./component.inputs.constants-jJBFejC-.js";
+import { Y as ls } from "./Color.type.emb-C4VcPjfM.js";
+import { a as si, i as hn } from "./component.inputs.constants-DN1efWXx.js";
 import { d as Te, u as oi } from "./utc-ZJfc90oL.js";
 import { i as fi, q as li } from "./quarterOfYear-Dy3NbBBT.js";
 import { g as cs } from "./_commonjsHelpers-C6fGbg64.js";
-import { g as hs } from "./formatter.utils-BUUUf91Q.js";
+import { g as hs } from "./formatter.utils-pzrkapRL.js";
 var us = {
   "--em-core-border-radius--000": "0px",
   "--em-core-border-radius--050": "2px",
@@ -17383,4 +17383,4 @@ export {
   Zm as g,
   Qm as r
 };
-//# sourceMappingURL=charts.utils-DM6cHNrK.js.map
+//# sourceMappingURL=charts.utils-g6NE_Jo3.js.map