@embeddable.com/remarkable-pro 0.0.0

package/dist/BarChartStackedHorizontalPro.js

@@ -0,0 +1,137 @@
+import { j as m, B as L, V as u, l as f } from "./index-BpXo_FjW.js";
+import { useTheme as w, defineComponent as S } from "@embeddable.com/react";
+import { a as z, r as R, v as M, D as P, z as H, w as v, F as T, G as j, H as F, I as G, J as Y, K as I, M as O, N as E, O as J, R as K, U as N, V as U, L as W } from "./component.constants-DZwEQb2v.js";
+import { C as _ } from "./ChartCard-BaCPgMtI.js";
+import { b as q, a as Q } from "./bars.utils-CPKeOYHg.js";
+import { m as X } from "./mergician.esm-CIFzMAK7.js";
+import { u as Z } from "./charts.fillGaps.hooks-5WclK2CD.js";
+const $ = (a) => {
+  var n, l;
+  const e = w();
+  z(e);
+  const {
+    description: d,
+    groupBy: i,
+    measure: s,
+    reverseYAxis: x,
+    showLegend: c,
+    showLogarithmicScale: h,
+    showTooltips: p,
+    showTotalLabels: g,
+    showValueLabels: b,
+    title: C,
+    yAxis: o,
+    xAxisLabel: A,
+    yAxisLabel: B,
+    xAxisRangeMax: V,
+    xAxisRangeMin: k,
+    onBarClicked: y
+  } = R(a), r = Z({
+    results: a.results,
+    dimension: a.yAxis
+  }), t = q(
+    {
+      data: r.data,
+      dimension: o,
+      groupDimension: i,
+      measure: s
+    },
+    e
+  ), D = X(
+    Q(
+      { measures: [s], horizontal: !0, onBarClicked: y, data: t, dimension: o },
+      e
+    ),
+    ((l = (n = e.charts) == null ? void 0 : n.barChartStackedHorizontalPro) == null ? void 0 : l.options) || {}
+  );
+  return /* @__PURE__ */ m.jsx(
+    _,
+    {
+      data: r,
+      dimensionsAndMeasures: [s, o, i],
+      errorMessage: r.error,
+      subtitle: d,
+      title: C,
+      children: /* @__PURE__ */ m.jsx(
+        L,
+        {
+          data: t,
+          showLegend: c,
+          showTooltips: p,
+          showValueLabels: b,
+          showLogarithmicScale: h,
+          xAxisLabel: A,
+          yAxisLabel: B,
+          reverseYAxis: x,
+          xAxisRangeMin: k,
+          xAxisRangeMax: V,
+          showTotalLabels: g,
+          options: D,
+          stacked: !0,
+          horizontal: !0
+        }
+      )
+    }
+  );
+}, aa = {
+  name: "BarChartStackedHorizontalPro",
+  label: "Bar Chart - Stacked Horizontal",
+  category: "Bar Charts",
+  inputs: [
+    M,
+    P,
+    { ...H, name: "yAxis", label: "Y-axis" },
+    { ...v, name: "groupBy", label: "Group by" },
+    T,
+    j,
+    F,
+    G,
+    Y,
+    { ...I, defaultValue: !1 },
+    O,
+    E,
+    J,
+    K,
+    N,
+    U,
+    W
+  ],
+  events: [
+    {
+      name: "onBarClicked",
+      label: "A bar is clicked",
+      properties: [
+        {
+          name: "axisDimensionValue",
+          label: "Clicked Axis Dimension Value",
+          type: "string"
+        },
+        {
+          name: "groupingDimensionValue",
+          label: "Clicked Grouping Dimension Value",
+          type: "string"
+        }
+      ]
+    }
+  ]
+}, la = S($, aa, {
+  props: (a) => ({
+    ...a,
+    results: f({
+      limit: a.maxResults,
+      from: a.dataset,
+      select: [a.yAxis, a.groupBy, a.measure]
+    })
+  }),
+  events: {
+    onBarClicked: (a) => ({
+      axisDimensionValue: a.axisDimensionValue || u.noFilter(),
+      groupingDimensionValue: a.groupingDimensionValue || u.noFilter()
+    })
+  }
+});
+export {
+  la as default,
+  aa as meta
+};
+//# sourceMappingURL=BarChartStackedHorizontalPro.js.map

package/dist/BarChartStackedHorizontalPro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChartStackedHorizontalPro.js","sources":["../src/components/charts/bars/BarChartStackedHorizontalPro/index.tsx","../src/components/charts/bars/BarChartStackedHorizontalPro/BarChartStackedHorizontalPro.emb.ts"],"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-v0';\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 BarChartHorizontalStackedProProps = {\n  description: string;\n  groupBy: Dimension;\n  measure: Measure;\n  results: DataResponse;\n  reverseYAxis: boolean;\n  showLegend: boolean;\n  showLogarithmicScale: boolean;\n  showTooltips: boolean;\n  showTotalLabels?: boolean;\n  showValueLabels: boolean;\n  title: string;\n  yAxis: Dimension;\n  xAxisLabel: string;\n  yAxisLabel: string;\n  xAxisRangeMax?: number;\n  xAxisRangeMin?: number;\n  onBarClicked: (args: {\n    axisDimensionValue: string | null;\n    groupingDimensionValue: string | null;\n  }) => void;\n};\n\nconst BarChartHorizontalStackedPro = (props: BarChartHorizontalStackedProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    description,\n    groupBy,\n    measure,\n    reverseYAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showTotalLabels,\n    showValueLabels,\n    title,\n    yAxis,\n    xAxisLabel,\n    yAxisLabel,\n    xAxisRangeMax,\n    xAxisRangeMin,\n    onBarClicked,\n  } = resolveI18nProps(props);\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: props.yAxis,\n  });\n\n  const data = getBarStackedChartProData(\n    {\n      data: results.data,\n      dimension: yAxis,\n      groupDimension: groupBy,\n      measure,\n    },\n    theme,\n  );\n\n  const options = mergician(\n    getBarChartProOptions(\n      { measures: [measure], horizontal: true, onBarClicked, data, dimension: yAxis },\n      theme,\n    ),\n    theme.charts?.barChartStackedHorizontalPro?.options || {},\n  );\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure, yAxis, 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        reverseYAxis={reverseYAxis}\n        xAxisRangeMin={xAxisRangeMin}\n        xAxisRangeMax={xAxisRangeMax}\n        showTotalLabels={showTotalLabels}\n        options={options}\n        stacked\n        horizontal\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartHorizontalStackedPro;\n","import { Value, loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport BarChartStackedHorizontalPro from './index';\nimport {\n  dataset,\n  description,\n  dimensionWithDateBounds,\n  dimension,\n  showLegend,\n  showTooltips,\n  showValueLabels,\n  title,\n  measure,\n  showLogarithmicScale,\n  xAxisLabel,\n  yAxisLabel,\n  showTotalLabels,\n  reverseYAxis,\n  xAxisRangeMin,\n  xAxisRangeMax,\n  maxResults,\n} from '../../../component.constants';\n\nexport const meta = {\n  name: 'BarChartStackedHorizontalPro',\n  label: 'Bar Chart - Stacked Horizontal',\n  category: 'Bar Charts',\n  inputs: [\n    dataset,\n    measure,\n    { ...dimensionWithDateBounds, name: 'yAxis', label: 'Y-axis' },\n    { ...dimension, name: 'groupBy', label: 'Group by' },\n    title,\n    description,\n    maxResults,\n    showLegend,\n    showTooltips,\n    { ...showValueLabels, defaultValue: false },\n    showLogarithmicScale,\n    xAxisLabel,\n    yAxisLabel,\n    reverseYAxis,\n    xAxisRangeMin,\n    xAxisRangeMax,\n    showTotalLabels,\n  ],\n  events: [\n    {\n      name: 'onBarClicked',\n      label: 'A bar is clicked',\n      properties: [\n        {\n          name: 'axisDimensionValue',\n          label: 'Clicked Axis Dimension Value',\n          type: 'string',\n        },\n        {\n          name: 'groupingDimensionValue',\n          label: 'Clicked Grouping Dimension Value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(BarChartStackedHorizontalPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        limit: inputs.maxResults,\n        from: inputs.dataset,\n        select: [inputs.yAxis, inputs.groupBy, inputs.measure],\n      }),\n    };\n  },\n  events: {\n    onBarClicked: (value) => {\n      return {\n        axisDimensionValue: value.axisDimensionValue || Value.noFilter(),\n        groupingDimensionValue: value.groupingDimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["BarChartHorizontalStackedPro","props","theme","useTheme","i18nSetup","description","groupBy","measure","reverseYAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","title","yAxis","xAxisLabel","yAxisLabel","xAxisRangeMax","xAxisRangeMin","onBarClicked","resolveI18nProps","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","jsx","ChartCard","BarChart","meta","dataset","dimensionWithDateBounds","dimension","maxResults","BarChartStackedHorizontalPro_emb","defineComponent","BarChartStackedHorizontalPro","inputs","loadData","value","Value"],"mappings":"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"}

package/dist/BarChartStackedPro.js

@@ -0,0 +1,136 @@
+import { j as m, B as L, V as u, l as V } from "./index-BpXo_FjW.js";
+import { useTheme as w, defineComponent as S } from "@embeddable.com/react";
+import { a as P, r as M, v as R, D as T, z as v, w as j, F, G, H as X, I as z, J as I, K as O, M as E, N as H, O as J, P as K, S as N, T as W, L as _ } from "./component.constants-DZwEQb2v.js";
+import { C as q } from "./ChartCard-BaCPgMtI.js";
+import { b as Q, a as U } from "./bars.utils-CPKeOYHg.js";
+import { m as Y } from "./mergician.esm-CIFzMAK7.js";
+import { u as Z } from "./charts.fillGaps.hooks-5WclK2CD.js";
+const $ = (a) => {
+  var n, l;
+  const e = w();
+  P(e);
+  const {
+    description: d,
+    groupBy: o,
+    measure: s,
+    reverseXAxis: x,
+    showLegend: c,
+    showLogarithmicScale: h,
+    showTooltips: p,
+    showTotalLabels: g,
+    showValueLabels: b,
+    title: C,
+    xAxis: r,
+    xAxisLabel: A,
+    yAxisLabel: B,
+    yAxisRangeMax: f,
+    yAxisRangeMin: k,
+    onBarClicked: y
+  } = M(a), i = Z({
+    results: a.results,
+    dimension: a.xAxis
+  }), t = Q(
+    {
+      data: i.data,
+      dimension: r,
+      groupDimension: o,
+      measure: s
+    },
+    e
+  ), D = Y(
+    U(
+      { measures: [s], horizontal: !1, onBarClicked: y, data: t, dimension: r },
+      e
+    ),
+    ((l = (n = e.charts) == null ? void 0 : n.barChartStackedPro) == null ? void 0 : l.options) || {}
+  );
+  return /* @__PURE__ */ m.jsx(
+    q,
+    {
+      data: i,
+      dimensionsAndMeasures: [s, r, o],
+      errorMessage: i.error,
+      subtitle: d,
+      title: C,
+      children: /* @__PURE__ */ m.jsx(
+        L,
+        {
+          data: t,
+          showLegend: c,
+          showTooltips: p,
+          showValueLabels: b,
+          showLogarithmicScale: h,
+          xAxisLabel: A,
+          yAxisLabel: B,
+          reverseXAxis: x,
+          yAxisRangeMin: k,
+          yAxisRangeMax: f,
+          showTotalLabels: g,
+          options: D,
+          stacked: !0
+        }
+      )
+    }
+  );
+}, aa = {
+  name: "BarChartStackedPro",
+  label: "Bar Chart - Stacked",
+  category: "Bar Charts",
+  inputs: [
+    R,
+    T,
+    { ...v, name: "xAxis", label: "X-axis" },
+    { ...j, name: "groupBy", label: "Group by" },
+    F,
+    G,
+    X,
+    z,
+    I,
+    { ...O, defaultValue: !1 },
+    E,
+    H,
+    J,
+    K,
+    N,
+    W,
+    _
+  ],
+  events: [
+    {
+      name: "onBarClicked",
+      label: "A bar is clicked",
+      properties: [
+        {
+          name: "axisDimensionValue",
+          label: "Clicked Axis Dimension Value",
+          type: "string"
+        },
+        {
+          name: "groupingDimensionValue",
+          label: "Clicked Grouping Dimension Value",
+          type: "string"
+        }
+      ]
+    }
+  ]
+}, la = S($, aa, {
+  props: (a) => ({
+    ...a,
+    results: V({
+      limit: a.maxResults,
+      from: a.dataset,
+      select: [a.xAxis, a.groupBy, a.measure]
+    })
+  }),
+  events: {
+    onBarClicked: (a) => ({
+      axisDimensionValue: a.axisDimensionValue || u.noFilter(),
+      groupingDimensionValue: a.groupingDimensionValue || u.noFilter()
+    })
+  }
+});
+export {
+  la as default,
+  aa as meta
+};
+//# sourceMappingURL=BarChartStackedPro.js.map

package/dist/BarChartStackedPro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChartStackedPro.js","sources":["../src/components/charts/bars/BarChartStackedPro/index.tsx","../src/components/charts/bars/BarChartStackedPro/BarChartStackedPro.emb.ts"],"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-v0';\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 BarChartStackedProProps = {\n  description: string;\n  groupBy: Dimension;\n  maxLegendItems?: number;\n  measure: Measure;\n  results: DataResponse;\n  reverseXAxis: boolean;\n  showLegend: boolean;\n  showLogarithmicScale: boolean;\n  showTotalLabels?: boolean;\n  showTooltips: 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 BarChartStackedPro = (props: BarChartStackedProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\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?.barChartStackedPro?.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        stacked\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartStackedPro;\n","import { Value, loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport BarChartStackedPro from './index';\nimport {\n  dataset,\n  description,\n  dimensionWithDateBounds,\n  dimension,\n  showLegend,\n  showTooltips,\n  showValueLabels,\n  title,\n  measure,\n  showLogarithmicScale,\n  xAxisLabel,\n  yAxisLabel,\n  reverseXAxis,\n  yAxisRangeMin,\n  yAxisRangeMax,\n  showTotalLabels,\n  maxResults,\n} from '../../../component.constants';\n\nexport const meta = {\n  name: 'BarChartStackedPro',\n  label: 'Bar Chart - Stacked',\n  category: 'Bar Charts',\n  inputs: [\n    dataset,\n    measure,\n    { ...dimensionWithDateBounds, name: 'xAxis', label: 'X-axis' },\n    { ...dimension, name: 'groupBy', label: 'Group by' },\n    title,\n    description,\n    maxResults,\n    showLegend,\n    showTooltips,\n    { ...showValueLabels, defaultValue: false },\n    showLogarithmicScale,\n    xAxisLabel,\n    yAxisLabel,\n    reverseXAxis,\n    yAxisRangeMin,\n    yAxisRangeMax,\n    showTotalLabels,\n  ],\n  events: [\n    {\n      name: 'onBarClicked',\n      label: 'A bar is clicked',\n      properties: [\n        {\n          name: 'axisDimensionValue',\n          label: 'Clicked Axis Dimension Value',\n          type: 'string',\n        },\n        {\n          name: 'groupingDimensionValue',\n          label: 'Clicked Grouping Dimension Value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(BarChartStackedPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        limit: inputs.maxResults,\n        from: inputs.dataset,\n        select: [inputs.xAxis, inputs.groupBy, inputs.measure],\n      }),\n    };\n  },\n  events: {\n    onBarClicked: (value) => {\n      return {\n        axisDimensionValue: value.axisDimensionValue || Value.noFilter(),\n        groupingDimensionValue: value.groupingDimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["BarChartStackedPro","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","meta","dataset","dimensionWithDateBounds","dimension","maxResults","BarChartStackedPro_emb","defineComponent","inputs","loadData","value","Value"],"mappings":"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"}

package/dist/ChartCard-BaCPgMtI.js

@@ -0,0 +1,145 @@
+import { r as _, j as n, s as w, t as k, v as I, A as L, C as N, c as S, e as M, w as b, f } from "./index-BpXo_FjW.js";
+import j, { useRef as A } from "react";
+import { useTheme as v } from "@embeddable.com/react";
+import { a as y, i as m, a0 as T } from "./component.constants-DZwEQb2v.js";
+/**
+ * @license @tabler/icons-react v3.35.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const F = [["path", { d: "M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-0" }], ["path", { d: "M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-1" }], ["path", { d: "M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-2" }]], $ = _("outline", "dots-vertical", "DotsVertical", F);
+/**
+ * @license @tabler/icons-react v3.35.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const E = [["path", { d: "M12 3a9 9 0 1 0 9 9", key: "svg-0" }]], H = _("outline", "loader-2", "Loader2", E), O = "_chartCard_84eo6_1", P = "_fixedContent_84eo6_6", V = "_loading_84eo6_13", B = "_hidden_84eo6_18", K = "_chartCardRightContent_84eo6_22", i = {
+  chartCard: O,
+  fixedContent: P,
+  loading: V,
+  hidden: B,
+  chartCardRightContent: K
+}, U = "_loading_k5y8w_7", q = {
+  loading: U
+}, p = () => /* @__PURE__ */ n.jsx(H, { className: q.loading }), z = "_list_mwshn_1", G = {
+  list: z
+};
+function J({ src: e, className: o, ...s }) {
+  const t = decodeURIComponent(e.replace(/^data:image\/svg\+xml,/, ""));
+  return /* @__PURE__ */ n.jsx("div", { className: o, ...s, dangerouslySetInnerHTML: { __html: t } });
+}
+const Q = (e) => {
+  const o = v();
+  y(o);
+  const [s, t] = j.useState(!1), a = o.defaults.chartMenuOptions ?? [];
+  if (a.length === 0)
+    return null;
+  const d = (r) => {
+    setTimeout(() => {
+      Promise.resolve(r()).finally(() => t(!1));
+    }, 100);
+  }, c = (r) => {
+    if (t(!0), e.onCustomDownload) {
+      e.onCustomDownload((l) => d(() => r(l)));
+      return;
+    }
+    d(() => r({ ...e, theme: o }));
+  };
+  return /* @__PURE__ */ n.jsx(
+    w,
+    {
+      side: "bottom",
+      align: "end",
+      triggerComponent: s ? /* @__PURE__ */ n.jsx(p, {}) : /* @__PURE__ */ n.jsx(L, { icon: $ }),
+      children: /* @__PURE__ */ n.jsx(k, { className: G.list, autoFocus: !0, children: a.map((r, l) => {
+        const h = m.t(r.labelKey);
+        return /* @__PURE__ */ n.jsx(
+          I,
+          {
+            label: h,
+            onClick: () => c(r.onClick),
+            startIcon: r.iconSrc ? /* @__PURE__ */ n.jsx(J, { src: r.iconSrc }) : void 0
+          },
+          l
+        );
+      }) })
+    }
+  );
+};
+function R(e) {
+  var o, s, t = "";
+  if (typeof e == "string" || typeof e == "number") t += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var a = e.length;
+    for (o = 0; o < a; o++) e[o] && (s = R(e[o])) && (t && (t += " "), t += s);
+  } else for (s in e) e[s] && (t && (t += " "), t += s);
+  return t;
+}
+function x() {
+  for (var e, o, s = 0, t = "", a = arguments.length; s < a; s++) (e = arguments[s]) && (o = R(e)) && (t && (t += " "), t += o);
+  return t;
+}
+const W = j.forwardRef(
+  ({ title: e, subtitle: o, children: s, data: t, errorMessage: a, dimensionsAndMeasures: d = [], ...c }, r) => {
+    var g;
+    const l = v();
+    y(l);
+    const h = A(null), u = !!(t != null && t.data && ((g = t.data) == null ? void 0 : g.length) > 0), C = !t || (t == null ? void 0 : t.isLoading), D = () => C && !u ? /* @__PURE__ */ n.jsx(b, {}) : a ? /* @__PURE__ */ n.jsx(
+      f,
+      {
+        variant: "error",
+        icon: T,
+        title: m.t("charts.errorTitle"),
+        message: a
+      }
+    ) : u ? s : /* @__PURE__ */ n.jsx(
+      f,
+      {
+        title: m.t("charts.emptyTitle"),
+        message: m.t("charts.emptyMessage")
+      }
+    );
+    return /* @__PURE__ */ n.jsxs(N, { className: i.chartCard, ...c, children: [
+      /* @__PURE__ */ n.jsx(
+        S,
+        {
+          title: e,
+          subtitle: o,
+          rightContent: /* @__PURE__ */ n.jsxs("div", { className: i.chartCardRightContent, children: [
+            /* @__PURE__ */ n.jsx(
+              "div",
+              {
+                className: x(i.fixedContent, C ? i.loading : i.hidden),
+                children: /* @__PURE__ */ n.jsx(p, {})
+              }
+            ),
+            /* @__PURE__ */ n.jsx(
+              "div",
+              {
+                className: x(i.fixedContent, C ? i.hidden : i.visible),
+                children: /* @__PURE__ */ n.jsx(
+                  Q,
+                  {
+                    title: e,
+                    containerRef: h,
+                    data: t == null ? void 0 : t.data,
+                    dimensionsAndMeasures: d,
+                    onCustomDownload: c.onCustomDownload
+                  }
+                )
+              }
+            )
+          ] })
+        }
+      ),
+      /* @__PURE__ */ n.jsx(M, { ref: c.onCustomDownload ? r : h, children: D() })
+    ] });
+  }
+);
+W.displayName = "ChartCard";
+export {
+  W as C
+};
+//# sourceMappingURL=ChartCard-BaCPgMtI.js.map

package/dist/ChartCard-BaCPgMtI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartCard-BaCPgMtI.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconDotsVertical.mjs","../node_modules/@tabler/icons-react/dist/esm/icons/IconLoader2.mjs","../src/components/charts/shared/ChartCard/ChartCardLoading/ChartCardLoading.tsx","../src/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.tsx","../node_modules/clsx/dist/clsx.mjs","../src/components/charts/shared/ChartCard/ChartCard.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.35.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-2\" }]];\nconst IconDotsVertical = createReactComponent(\"outline\", \"dots-vertical\", \"DotsVertical\", __iconNode);\n\nexport { __iconNode, IconDotsVertical as default };\n//# sourceMappingURL=IconDotsVertical.mjs.map\n","/**\n * @license @tabler/icons-react v3.35.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M12 3a9 9 0 1 0 9 9\", \"key\": \"svg-0\" }]];\nconst IconLoader2 = createReactComponent(\"outline\", \"loader-2\", \"Loader2\", __iconNode);\n\nexport { __iconNode, IconLoader2 as default };\n//# sourceMappingURL=IconLoader2.mjs.map\n","import { IconLoader2 } from '@tabler/icons-react';\nimport styles from './ChartCardLoading.module.css';\n\nexport const ChartCardLoading = () => <IconLoader2 className={styles.loading} />;\n","import { IconDotsVertical } from '@tabler/icons-react';\nimport React from 'react';\nimport { useTheme } from '@embeddable.com/react';\nimport { ChartCardLoading } from '../ChartCardLoading/ChartCardLoading';\nimport { i18n, i18nSetup } from '../../../../../theme/i18n/i18n';\nimport { Theme } from '../../../../../theme/theme.types';\nimport {\n  Dropdown,\n  ActionIcon,\n  SelectFieldContent,\n  SelectListOption,\n} from '@embeddable.com/remarkable-ui-v0';\nimport styles from './ChartCardMenuPro.module.css';\nimport { ChartCardMenuOptionOnClickProps } from '../../../../../theme/defaults/defaults.ChartCardMenu.constants';\n\ntype InlineSvgFromDataProps = React.HTMLAttributes<HTMLSpanElement> & {\n  src: string;\n};\n\nexport function InlineSvgFromData({ src, className, ...rest }: InlineSvgFromDataProps) {\n  // Remove prefix and URL-decode the SVG markup\n  const svgMarkup = decodeURIComponent(src.replace(/^data:image\\/svg\\+xml,/, ''));\n\n  return <div className={className} {...rest} dangerouslySetInnerHTML={{ __html: svgMarkup }} />;\n}\n\ntype ChartCardMenuProProps = Omit<ChartCardMenuOptionOnClickProps, 'theme'>;\n\nexport const ChartCardMenuPro: React.FC<ChartCardMenuProProps> = (props) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const [isLoading, setIsLoading] = React.useState(false);\n\n  const options = theme.defaults.chartMenuOptions ?? [];\n\n  if (options.length === 0) {\n    return null;\n  }\n\n  const startAction = (onClick: () => void | Promise<void>) => {\n    setTimeout(() => {\n      Promise.resolve(onClick()).finally(() => setIsLoading(false));\n    }, 100);\n  };\n\n  const handleExport = (onClick: (props: ChartCardMenuOptionOnClickProps) => void) => {\n    setIsLoading(true);\n    if (props.onCustomDownload) {\n      props.onCustomDownload((args) => startAction(() => onClick(args)));\n      return;\n    }\n    startAction(() => onClick({ ...props, theme }));\n  };\n\n  return (\n    <Dropdown\n      side=\"bottom\"\n      align=\"end\"\n      triggerComponent={isLoading ? <ChartCardLoading /> : <ActionIcon icon={IconDotsVertical} />}\n    >\n      <SelectFieldContent className={styles.list} autoFocus>\n        {options.map((option, index) => {\n          const label = i18n.t(option.labelKey);\n\n          return (\n            <SelectListOption\n              key={index}\n              label={label}\n              onClick={() => handleExport(option.onClick)}\n              startIcon={option.iconSrc ? <InlineSvgFromData src={option.iconSrc} /> : undefined}\n            />\n          );\n        })}\n      </SelectFieldContent>\n    </Dropdown>\n  );\n};\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","import React, { CSSProperties, useRef } from 'react';\nimport { IconAlertCircle } from '@tabler/icons-react';\nimport {\n  Card,\n  CardContent,\n  CardFeedback,\n  CardHeader,\n  Skeleton,\n} from '@embeddable.com/remarkable-ui-v0';\nimport styles from './ChartCard.module.css';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useTheme } from '@embeddable.com/react';\nimport { ChartCardLoading } from './ChartCardLoading/ChartCardLoading';\nimport { ChartCardMenuPro } from './ChartCardMenuPro/ChartCardMenuPro';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport clsx from 'clsx';\nimport { ChartCardMenuOptionOnClickProps } from '../../../../theme/defaults/defaults.ChartCardMenu.constants';\n\ntype ChartCardProps = {\n  title: string;\n  subtitle?: string;\n  children: React.ReactNode;\n  data: DataResponse;\n  isLoading?: boolean;\n  errorMessage?: string;\n  style?: CSSProperties;\n  dimensionsAndMeasures?: (Dimension | Measure)[];\n  onCustomDownload?: (props: (props: ChartCardMenuOptionOnClickProps) => void) => void;\n};\n\nexport const ChartCard = React.forwardRef<HTMLDivElement, ChartCardProps>(\n  (\n    { title, subtitle, children, data, errorMessage, dimensionsAndMeasures = [], ...props },\n    ref,\n  ) => {\n    const theme: Theme = useTheme() as Theme;\n    i18nSetup(theme);\n\n    const chartRef = useRef<HTMLDivElement>(null);\n\n    const hasData = Boolean(data?.data && data.data?.length > 0);\n\n    const isLoading = !data || data?.isLoading;\n\n    const getDisplay = () => {\n      if (isLoading && !hasData) {\n        return <Skeleton />;\n      }\n\n      if (errorMessage) {\n        return (\n          <CardFeedback\n            variant=\"error\"\n            icon={IconAlertCircle}\n            title={i18n.t('charts.errorTitle')}\n            message={errorMessage}\n          />\n        );\n      }\n\n      if (!hasData) {\n        return (\n          <CardFeedback\n            title={i18n.t('charts.emptyTitle')}\n            message={i18n.t('charts.emptyMessage')}\n          />\n        );\n      }\n\n      return children;\n    };\n\n    return (\n      <Card className={styles.chartCard} {...props}>\n        <CardHeader\n          title={title}\n          subtitle={subtitle}\n          rightContent={\n            <div className={styles.chartCardRightContent}>\n              <div\n                className={clsx(styles.fixedContent, isLoading ? styles.loading : styles.hidden)}\n              >\n                <ChartCardLoading />\n              </div>\n              <div\n                className={clsx(styles.fixedContent, isLoading ? styles.hidden : styles.visible)}\n              >\n                <ChartCardMenuPro\n                  title={title}\n                  containerRef={chartRef}\n                  data={data?.data}\n                  dimensionsAndMeasures={dimensionsAndMeasures}\n                  onCustomDownload={props.onCustomDownload}\n                />\n              </div>\n            </div>\n          }\n        />\n\n        <CardContent ref={props.onCustomDownload ? ref : chartRef}>{getDisplay()}</CardContent>\n      </Card>\n    );\n  },\n);\n\nChartCard.displayName = 'ChartCard';\n"],"names":["__iconNode","IconDotsVertical","createReactComponent","IconLoader2","ChartCardLoading","jsx","styles","InlineSvgFromData","src","className","rest","svgMarkup","ChartCardMenuPro","props","theme","useTheme","i18nSetup","isLoading","setIsLoading","React","options","startAction","onClick","handleExport","args","Dropdown","ActionIcon","SelectFieldContent","option","index","label","i18n","SelectListOption","r","t","f","n","o","clsx","ChartCard","title","subtitle","children","data","errorMessage","dimensionsAndMeasures","ref","chartRef","useRef","hasData","_a","getDisplay","Skeleton","CardFeedback","IconAlertCircle","Card","CardHeader","jsxs","CardContent"],"mappings":"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","x_google_ignoreList":[0,1,4]}

package/dist/Color.type.emb-BaH90Spr.js

@@ -0,0 +1,9 @@
+import { d as e } from "./index-BpXo_FjW.js";
+const r = e("color", {
+  label: "Color",
+  optionLabel: (o) => o.toUpperCase()
+});
+export {
+  r as C
+};
+//# sourceMappingURL=Color.type.emb-BaH90Spr.js.map

package/dist/Color.type.emb-BaH90Spr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Color.type.emb-BaH90Spr.js","sources":["../src/editors/ColorEditor/Color.type.emb.ts"],"sourcesContent":["import { defineType } from '@embeddable.com/core';\n\nconst ColorType = defineType('color', {\n  label: 'Color',\n  optionLabel: (value: string) => value.toUpperCase(),\n});\n\nexport default ColorType;\n"],"names":["ColorType","defineType","value"],"mappings":";AAEA,MAAMA,IAAYC,EAAW,SAAS;AAAA,EACpC,OAAO;AAAA,EACP,aAAa,CAACC,MAAkBA,EAAM,YAAA;AACxC,CAAC;"}

package/dist/ColorEditor.js

@@ -0,0 +1,44 @@
+import { defineEditor as l } from "@embeddable.com/react";
+import { C as a } from "./Color.type.emb-BaH90Spr.js";
+import { r as i, j as r, A as p, V as u } from "./index-BpXo_FjW.js";
+import { useState as m, useEffect as C } from "react";
+/**
+ * @license @tabler/icons-react v3.35.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const d = [["path", { d: "M18 6l-12 12", key: "svg-0" }], ["path", { d: "M6 6l12 12", key: "svg-1" }]], I = i("outline", "x", "X", d), f = "_colorInputContainer_1o1qe_1", _ = "_colorInput_1o1qe_1", s = {
+  colorInputContainer: f,
+  colorInput: _
+}, x = ({ value: o, onChange: t }) => {
+  const [n, e] = m(o);
+  return C(() => {
+    e(o);
+  }, [o, e]), /* @__PURE__ */ r.jsxs("div", { className: s.colorInputContainer, children: [
+    /* @__PURE__ */ r.jsx(
+      "input",
+      {
+        type: "color",
+        className: s.colorInput,
+        value: n ?? "#FFFFFF",
+        onChange: (c) => t(c.target.value)
+      }
+    ),
+    n && /* @__PURE__ */ r.jsx(p, { icon: I, onClick: () => t(void 0) })
+  ] });
+}, y = {
+  name: "ColorEditor",
+  label: "Color Editor",
+  type: a
+}, h = l(x, y, {
+  inputs: (o, t) => ({
+    value: o,
+    onChange: (n) => t(u.of(n))
+  })
+});
+export {
+  h as default,
+  y as meta
+};
+//# sourceMappingURL=ColorEditor.js.map

package/dist/ColorEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorEditor.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconX.mjs","../src/editors/ColorEditor/index.tsx","../src/editors/ColorEditor/ColorEditor.emb.ts"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.35.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M18 6l-12 12\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M6 6l12 12\", \"key\": \"svg-1\" }]];\nconst IconX = createReactComponent(\"outline\", \"x\", \"X\", __iconNode);\n\nexport { __iconNode, IconX as default };\n//# sourceMappingURL=IconX.mjs.map\n","import { useState, useEffect, FC } from 'react';\nimport styles from './ColorEditor.module.css';\nimport { ActionIcon } from '@embeddable.com/remarkable-ui-v0';\nimport { IconX } from '@tabler/icons-react';\n\ntype ColorInputProps = {\n  value: string;\n  onChange: (color?: string) => void;\n};\n\nconst ColorInput: FC<ColorInputProps> = ({ value, onChange }) => {\n  const [color, setColor] = useState<string>(value);\n\n  useEffect(() => {\n    setColor(value);\n  }, [value, setColor]);\n\n  return (\n    <div className={styles.colorInputContainer}>\n      <input\n        type=\"color\"\n        className={styles.colorInput}\n        value={color ?? '#FFFFFF'}\n        onChange={(e) => onChange(e.target.value)}\n      />\n      {color && <ActionIcon icon={IconX} onClick={() => onChange(undefined)} />}\n    </div>\n  );\n};\n\nexport default ColorInput;\n","import { defineEditor } from '@embeddable.com/react';\nimport ColorType from './Color.type.emb';\nimport { Value } from '@embeddable.com/core';\n\nimport Component from './index';\n\nexport const meta = {\n  name: 'ColorEditor',\n  label: 'Color Editor',\n  type: ColorType,\n};\n\n/* @ts-expect-error - to be fixed in @embeddable.com/react */\nexport default defineEditor(Component, meta, {\n  inputs: (value, setter) => {\n    return {\n      value,\n      onChange: (val: string) => setter(Value.of(val)),\n    };\n  },\n});\n"],"names":["__iconNode","IconX","createReactComponent","ColorInput","value","onChange","color","setColor","useState","useEffect","jsxs","styles","jsx","e","ActionIcon","meta","ColorType","ColorEditor_emb","defineEditor","Component","setter","val","Value"],"mappings":";;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa,CAAC,CAAC,QAAQ,EAAE,GAAK,gBAAgB,KAAO,QAAO,CAAE,GAAG,CAAC,QAAQ,EAAE,GAAK,cAAc,KAAO,QAAO,CAAE,CAAC,GAChHC,IAAQC,EAAqB,WAAW,KAAK,KAAKF,CAAU;;;GCA5DG,IAAkC,CAAC,EAAE,OAAAC,GAAO,UAAAC,QAAe;AAC/D,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAiBJ,CAAK;AAEhD,SAAAK,EAAU,MAAM;AACd,IAAAF,EAASH,CAAK;AAAA,EAChB,GAAG,CAACA,GAAOG,CAAQ,CAAC,GAGlBG,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAWC,EAAO,qBACrB,UAAA;AAAA,IAAAC,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAWD,EAAO;AAAA,QAClB,OAAOL,KAAS;AAAA,QAChB,UAAU,CAACO,MAAMR,EAASQ,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAEzCP,2BAAUQ,GAAA,EAAW,MAAMb,GAAO,SAAS,MAAMI,EAAS,MAAS,EAAA,CAAG;AAAA,EAAA,GACzE;AAEJ,GCtBaU,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAMC;AACR,GAGAC,IAAeC,EAAaC,GAAWJ,GAAM;AAAA,EAC3C,QAAQ,CAACX,GAAOgB,OACP;AAAA,IACL,OAAAhB;AAAA,IACA,UAAU,CAACiB,MAAgBD,EAAOE,EAAM,GAAGD,CAAG,CAAC;AAAA,EAAA;AAGrD,CAAC;","x_google_ignoreList":[0]}

package/dist/ComparisonPeriod.type.emb-BhZKPqEG.js

@@ -0,0 +1,14 @@
+import { d as i, b as o } from "./index-BpXo_FjW.js";
+const e = i("comparisonPeriod", {
+  label: "Comparison Period",
+  optionLabel: (r) => r
+});
+o(e, "Previous period");
+o(e, "Previous week");
+o(e, "Previous month");
+o(e, "Previous quarter");
+o(e, "Previous year");
+export {
+  e as C
+};
+//# sourceMappingURL=ComparisonPeriod.type.emb-BhZKPqEG.js.map

package/dist/ComparisonPeriod.type.emb-BhZKPqEG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComparisonPeriod.type.emb-BhZKPqEG.js","sources":["../src/components/types/ComparisonPeriod.type.emb.ts"],"sourcesContent":["import { defineOption, defineType } from '@embeddable.com/core';\n\nconst ComparisonPeriodType = defineType('comparisonPeriod', {\n  label: 'Comparison Period',\n  optionLabel: (value: string) => value,\n});\n\ndefineOption(ComparisonPeriodType, 'Previous period');\ndefineOption(ComparisonPeriodType, 'Previous week');\ndefineOption(ComparisonPeriodType, 'Previous month');\ndefineOption(ComparisonPeriodType, 'Previous quarter');\ndefineOption(ComparisonPeriodType, 'Previous year');\n\nexport default ComparisonPeriodType;\n"],"names":["ComparisonPeriodType","defineType","value","defineOption"],"mappings":";AAEA,MAAMA,IAAuBC,EAAW,oBAAoB;AAAA,EAC1D,OAAO;AAAA,EACP,aAAa,CAACC,MAAkBA;AAClC,CAAC;AAEDC,EAAaH,GAAsB,iBAAiB;AACpDG,EAAaH,GAAsB,eAAe;AAClDG,EAAaH,GAAsB,gBAAgB;AACnDG,EAAaH,GAAsB,kBAAkB;AACrDG,EAAaH,GAAsB,eAAe;"}