@embeddable.com/remarkable-ui 0.1.19 → 0.1.21

package/dist/LineChartComparisonDefaultPro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChartComparisonDefaultPro.js","sources":["../src/remarkable-pro/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.utils.ts","../src/remarkable-pro/components/charts/lines/LineChartComparisonDefaultPro/index.tsx","../src/remarkable-pro/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.emb.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getObjectStableKey } from '../../../../utils.ts/object.utils';\nimport { getStyleNumber } from '../../../../../remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getColor } from '../../../../theme/styles/styles.utils';\nimport { chartContrastColors } from '../../../../../remarkable-ui/charts/charts.constants';\nimport { i18n } from '../../../../theme/i18n/i18n';\nimport {\n  chartjsAxisOptionsScalesTicksDefault,\n  chartjsAxisOptionsScalesTitle,\n} from '../../../../../remarkable-ui/charts/chartjs.cartesian.constants';\nimport { mergician } from 'mergician';\nimport { isColorValid, setColorAlpha } from '../../../../utils.ts/color.utils';\n\nconst AXIS_ID_MAIN = 'mainAxis';\nconst AXIS_ID_COMPARISON = 'comparisonAxis';\n\nconst getLineChartComparisonDataset = (\n  props: {\n    data: DataResponse['data'];\n    measure: Measure;\n    dimension: Dimension;\n    labels?: string[];\n    hasMinMaxYAxisRange: boolean;\n    isPreviousPeriod?: boolean;\n    index: number;\n  },\n  theme: Theme,\n): ChartData<'line'>['datasets'][number] => {\n  const { data, measure, dimension, index, isPreviousPeriod, hasMinMaxYAxisRange, labels } = props;\n\n  const datasetLabels = data?.map((item) => item[dimension.name]);\n\n  const zeroFill = Boolean(measure.inputs?.['connectGaps']);\n\n  const processedData = labels\n    ? labels.map((label) => {\n        const found = data?.find((item) => item[dimension.name] === label);\n        return found?.[measure.name] ?? (zeroFill ? 0 : null);\n      })\n    : data?.map((item) => item[measure.name] ?? (zeroFill ? 0 : null));\n\n  const themeFormatter = getThemeFormatter(theme);\n  const themeKey = getObjectStableKey(theme);\n\n  const isLineDashed = Boolean(\n    measure.inputs?.[isPreviousPeriod ? 'previousLineDashed' : 'lineDashed'],\n  );\n\n  const lineColorTemp = measure.inputs?.[isPreviousPeriod ? 'previousLineColor' : 'lineColor'];\n  const lineColor = isColorValid(lineColorTemp)\n    ? lineColorTemp\n    : getColor(\n        `${themeKey}.charts.backgroundColors`,\n        measure.name,\n        theme.charts.backgroundColors ?? chartContrastColors,\n        index,\n      );\n\n  const dataset = {\n    xAxisID: isPreviousPeriod ? AXIS_ID_COMPARISON : AXIS_ID_MAIN,\n    labels: datasetLabels,\n    label:\n      (isPreviousPeriod ? `${i18n.t('common.compared')} ` : '') +\n      themeFormatter.dimensionOrMeasureTitle(measure),\n    data: processedData,\n    backgroundColor: setColorAlpha(\n      lineColor,\n      getStyleNumber('--em-line-chart-line-fill-opacity') as number,\n    ),\n    pointBackgroundColor: lineColor,\n    borderDash: isLineDashed\n      ? [\n          getStyleNumber('--em-line-chart-line-dash-length'),\n          getStyleNumber('--em-line-chart-line-gap-length'),\n        ]\n      : undefined,\n    borderColor: lineColor,\n    fill: measure.inputs?.['fillUnderLine'],\n    clip: hasMinMaxYAxisRange,\n  } as ChartData<'line'>['datasets'][number];\n\n  return dataset;\n};\n\nexport const getLineChartComparisonProData = (\n  props: {\n    data: DataResponse['data'];\n    dataComparison: DataResponse['data'] | undefined;\n    dimension: Dimension;\n    measures: Measure[];\n    hasMinMaxYAxisRange: boolean;\n  },\n  theme: Theme,\n): ChartData<'line'> => {\n  if (!props.data) {\n    return { labels: [], datasets: [{ data: [] }] };\n  }\n\n  const { data, dataComparison, dimension, measures, hasMinMaxYAxisRange } = props;\n\n  // Get all the available labels from both datasets if the dimension is not a time type (E.g. join United States with United Kindom and Germany)\n  const isTimeDimension = dimension.nativeType === 'time';\n  const labels = isTimeDimension\n    ? undefined\n    : Array.from(\n        new Set([\n          ...data.map((item) => item[dimension.name]),\n          ...(dataComparison?.map((item) => item[dimension.name]) ?? []),\n        ]),\n      );\n\n  const originalDatasets = measures.map((measure, index) =>\n    getLineChartComparisonDataset(\n      {\n        data,\n        measure,\n        dimension,\n        labels,\n        hasMinMaxYAxisRange,\n        index,\n      },\n      theme,\n    ),\n  );\n\n  const comparisonDatasets = measures.map((measure, index) =>\n    getLineChartComparisonDataset(\n      {\n        data: dataComparison,\n        measure,\n        dimension,\n        labels,\n        hasMinMaxYAxisRange,\n        index,\n        isPreviousPeriod: true,\n      },\n      theme,\n    ),\n  );\n\n  return {\n    labels: isTimeDimension ? data.map((item) => item[dimension.name]) : labels,\n    datasets: [...originalDatasets, ...comparisonDatasets],\n  };\n};\n\ntype LineChartComparisonProOptionsProps = {\n  dimension: Dimension;\n  measures: Measure[];\n  data: ChartData<'line'>;\n  xAxisLabel?: string;\n  showComparisonAxis: boolean;\n};\n\nconst getLineChartComparisonNonTimeOptions = (\n  options: LineChartComparisonProOptionsProps,\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { dimension, data, measures, xAxisLabel } = options;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const lineChartOptions: ChartOptions<'line'> = {\n    plugins: {\n      datalabels: {\n        labels: {\n          value: {\n            formatter: (value: string | number, context) => {\n              const measure = measures[context.datasetIndex % measures.length]!;\n              return themeFormatter.data(measure, value);\n            },\n          },\n        },\n      },\n      tooltip: {\n        callbacks: {\n          title: (context) => {\n            if (!context[0]) return '';\n\n            return themeFormatter.data(dimension, context[0].label);\n          },\n          label: (context) => {\n            const measure = measures[context.datasetIndex % measures.length]!;\n            const raw = context.raw as number;\n            return `${context.dataset.label}: ${themeFormatter.data(measure, raw)}`;\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        display: false,\n      },\n      [AXIS_ID_MAIN]: {\n        title: {\n          ...chartjsAxisOptionsScalesTitle,\n          text: xAxisLabel,\n          display: Boolean(xAxisLabel),\n        },\n        grid: { display: false },\n        ticks: {\n          ...chartjsAxisOptionsScalesTicksDefault,\n          callback(index) {\n            return themeFormatter.data(dimension, data.labels?.[index as number]);\n          },\n        },\n      },\n      [AXIS_ID_COMPARISON]: {\n        display: false,\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            return themeFormatter.data(measures[0]!, value);\n          },\n        },\n      },\n    },\n  };\n\n  return lineChartOptions;\n};\n\nconst getLineChartComparisonTimeOptions = (\n  options: {\n    dimension: Dimension;\n    measures: Measure[];\n    data: ChartData<'line'>;\n    xAxisLabel?: string;\n    showComparisonAxis: boolean;\n  },\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { dimension, data, measures, xAxisLabel, showComparisonAxis } = options;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const mainDimensionLabels: string[] =\n    (data.datasets.find((ds) => ds.xAxisID === AXIS_ID_MAIN) as { labels?: string[] })?.labels ??\n    [];\n  const comparisonDimensionLabels: string[] =\n    (data.datasets.find((ds) => ds.xAxisID === AXIS_ID_COMPARISON) as { labels?: string[] })\n      ?.labels ?? [];\n\n  const lineChartOptions: ChartOptions<'line'> = {\n    plugins: {\n      legend: {\n        labels: {\n          filter: (legendItem, chartData) => {\n            if (!legendItem) return false;\n            const dataset = chartData.datasets[legendItem.datasetIndex!]!;\n            // Only show legend if dataset has at least one data point\n            return Array.isArray(dataset.data) && dataset.data.length > 0;\n          },\n        },\n      },\n      datalabels: {\n        labels: {\n          value: {\n            formatter: (value: string | number, context) => {\n              const measure = measures[context.datasetIndex % measures.length]!;\n              return themeFormatter.data(measure, value);\n            },\n          },\n        },\n      },\n      tooltip: {\n        callbacks: {\n          title: (context) => {\n            const dataIndex = context[0]?.dataIndex;\n\n            if (dataIndex === undefined) return '';\n\n            const main =\n              mainDimensionLabels[dataIndex] &&\n              themeFormatter.data(dimension, mainDimensionLabels[dataIndex]);\n            const comparison =\n              comparisonDimensionLabels[dataIndex] &&\n              themeFormatter.data(dimension, comparisonDimensionLabels[dataIndex]);\n\n            return `${main ?? '-'} vs ${comparison ?? '-'}`;\n          },\n          label: (context) => {\n            const measure = measures[context.datasetIndex % measures.length]!;\n            const raw = context.raw as number;\n            return `${context.dataset.label}: ${themeFormatter.data(measure, raw)}`;\n          },\n        },\n      },\n    },\n    scales: {\n      x: { display: false },\n      [AXIS_ID_MAIN]: {\n        title: {\n          ...chartjsAxisOptionsScalesTitle,\n          text: xAxisLabel,\n          display: Boolean(\n            (!showComparisonAxis || comparisonDimensionLabels.length === 0) && xAxisLabel,\n          ),\n        },\n        grid: { display: false },\n        ticks: {\n          ...chartjsAxisOptionsScalesTicksDefault,\n          callback: (index) => {\n            return themeFormatter.data(dimension, mainDimensionLabels[Number(index)]);\n          },\n        },\n      },\n      [AXIS_ID_COMPARISON]: {\n        title: {\n          ...chartjsAxisOptionsScalesTitle,\n          text: xAxisLabel,\n          display: Boolean(xAxisLabel),\n        },\n        grid: { display: false },\n        display: showComparisonAxis && comparisonDimensionLabels.length > 0,\n        ticks: {\n          ...chartjsAxisOptionsScalesTicksDefault,\n          callback: (index) => {\n            if (comparisonDimensionLabels.length === 0) {\n              return '';\n            }\n            return themeFormatter.data(dimension, comparisonDimensionLabels[Number(index)]);\n          },\n        },\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            return themeFormatter.data(measures[0]!, value);\n          },\n        },\n      },\n    },\n  };\n\n  return lineChartOptions;\n};\n\nexport const getLineChartComparisonProOptions = (\n  options: LineChartComparisonProOptionsProps,\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const getOptions =\n    options.dimension.nativeType === 'time'\n      ? getLineChartComparisonTimeOptions\n      : getLineChartComparisonNonTimeOptions;\n  return mergician(\n    getOptions(options, theme),\n    theme.charts?.lineChartComparisonDefaultPro?.options || {},\n  );\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Dimension, Measure, TimeRange } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { LineChart } from '../../../../../remarkable-ui/charts/lines/LineChart';\nimport { useEffect } from 'react';\nimport { getComparisonPeriodDateRange } from '../../../utils/timeRange.utils';\nimport {\n  getLineChartComparisonProData,\n  getLineChartComparisonProOptions,\n} from './LineChartComparisonDefaultPro.utils';\nimport { useFillGaps } from '../../charts.newFillGaps.hooks';\n\ntype LineChartComparisonDefaultProProps = {\n  description: string;\n  xAxis: Dimension;\n  measures: Measure[];\n  results: DataResponse;\n  resultsComparison: DataResponse | undefined;\n  reverseXAxis: boolean;\n  showLegend: boolean;\n  showLogarithmicScale: boolean;\n  showTooltips: boolean;\n  showValueLabels: boolean;\n  title: string;\n  xAxisLabel: string;\n  yAxisLabel: string;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n  comparisonPeriod?: string;\n  comparisonDateRange: TimeRange;\n  showComparisonAxis: boolean;\n  primaryDateRange: TimeRange;\n  setComparisonDateRange: (dateRange: TimeRange) => void;\n};\n\nconst LineChartComparisonDefaultPro = (props: LineChartComparisonDefaultProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n  const {\n    comparisonPeriod,\n    measures,\n    xAxis,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    primaryDateRange,\n    comparisonDateRange,\n    showComparisonAxis,\n    setComparisonDateRange,\n  } = props;\n\n  useEffect(() => {\n    const newComparisonDateRange = getComparisonPeriodDateRange(\n      primaryDateRange,\n      comparisonPeriod,\n      theme,\n    );\n    setComparisonDateRange(newComparisonDateRange);\n  }, [comparisonPeriod, JSON.stringify(primaryDateRange), theme]);\n\n  const results = useFillGaps({ results: props.results, dimension: xAxis });\n\n  const resultsComparison = useFillGaps({\n    results: props.resultsComparison,\n    dimension: xAxis,\n    externalDateBounds: comparisonDateRange,\n  });\n\n  const showDataComparison = Boolean(primaryDateRange && comparisonPeriod);\n  const data = getLineChartComparisonProData(\n    {\n      data: results.data,\n      dataComparison: showDataComparison ? resultsComparison.data : undefined,\n      dimension: xAxis,\n      measures,\n      hasMinMaxYAxisRange: Boolean(yAxisRangeMin || yAxisRangeMax),\n    },\n    theme,\n  );\n\n  const options = getLineChartComparisonProOptions(\n    {\n      data: data,\n      dimension: xAxis,\n      measures,\n      xAxisLabel,\n      showComparisonAxis,\n    },\n    theme,\n  );\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[...measures, xAxis]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <LineChart\n        data={data}\n        reverseXAxis={reverseXAxis}\n        showLegend={showLegend}\n        showLogarithmicScale={showLogarithmicScale}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        yAxisRangeMax={yAxisRangeMax}\n        yAxisRangeMin={yAxisRangeMin}\n        options={options}\n      />\n    </ChartCard>\n  );\n};\n\nexport default LineChartComparisonDefaultPro;\n","import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport {\n  dataset,\n  description,\n  dimension,\n  dimensionTime,\n  genericBoolean,\n  genericTimeRange,\n  measures,\n  reverseXAxis,\n  showLegend,\n  showLogarithmicScale,\n  showTooltips,\n  showValueLabels,\n  subInputColor,\n  title,\n  xAxisLabel,\n  yAxisLabel,\n  yAxisRangeMax,\n  yAxisRangeMin,\n} from '../../../component.constants';\nimport LineChartComparisonDefaultPro from './index';\nimport { loadData, OrderBy, TimeRange } from '@embeddable.com/core';\nimport ComparisonPeriodType from '../../../types/ComparisonPeriod.type.emb';\n\nexport const meta = {\n  name: 'LineChartComparisonDefaultPro',\n  label: 'Line Chart Comparison - Default',\n  category: 'Line Charts',\n  inputs: [\n    dataset,\n    {\n      ...measures,\n      inputs: [\n        ...measures.inputs,\n        { ...genericBoolean, name: 'fillUnderLine', label: 'Fill under line' },\n        {\n          ...subInputColor,\n          name: 'lineColor',\n          label: 'Line color',\n        },\n        { ...subInputColor, name: 'previousLineColor', label: 'Previous line color' },\n        {\n          ...genericBoolean,\n          name: 'lineDashed',\n          label: 'Primary line dashed',\n          defaultValue: false,\n        },\n        {\n          ...genericBoolean,\n          name: 'previousLineDashed',\n          label: 'Compared line dashed',\n          defaultValue: true,\n        },\n        { ...genericBoolean, name: 'connectGaps', label: 'Connect gaps', defaultValue: true },\n      ],\n    },\n    { ...dimension, label: 'X-axis', name: 'xAxis' },\n    {\n      ...genericTimeRange,\n      name: 'primaryDateRange',\n      label: 'Primary Date Range',\n      description: 'You can also connect this to a date range selector using its variable',\n      category: 'Component Data',\n    },\n    {\n      name: 'comparisonPeriod',\n      type: ComparisonPeriodType,\n      label: 'Comparison Period',\n      description: 'You can also connect this to a comparison period selector using its variable',\n      category: 'Component Data',\n    },\n    {\n      ...dimensionTime,\n      name: 'timePropertyForNonTimeDimensions',\n      label: 'Time property for non time dimensions',\n      description:\n        'Choose the time property used for filtering comparison ranges. This will be ignored if your x-axis is already time-based.',\n      required: false,\n    },\n\n    title,\n    description,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    showLogarithmicScale,\n    xAxisLabel,\n    yAxisLabel,\n    reverseXAxis,\n    yAxisRangeMin,\n    yAxisRangeMax,\n    {\n      ...genericBoolean,\n      name: 'showComparisonAxis',\n      label: 'Display a comparison X-axis',\n      defaultValue: true,\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\ntype LineChartComparisonDefaultProState = {\n  comparisonDateRange: TimeRange;\n};\n\nexport default defineComponent(LineChartComparisonDefaultPro, meta, {\n  /* @ts-expect-error - to be fixed in @embeddable.com/react */\n\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [\n      LineChartComparisonDefaultProState,\n      (state: LineChartComparisonDefaultProState) => void,\n    ],\n  ) => {\n    const orderBy: OrderBy[] = [\n      {\n        property: inputs.xAxis,\n        direction: 'asc',\n      },\n    ];\n\n    const timeProperty =\n      inputs.xAxis.nativeType === 'time' ? inputs.xAxis : inputs.timePropertyForNonTimeDimensions;\n\n    return {\n      ...inputs,\n      comparisonDateRange: state?.comparisonDateRange,\n      setComparisonDateRange: (comparisonDateRange: TimeRange) => setState({ comparisonDateRange }),\n      results: loadData({\n        from: inputs.dataset,\n        select: [...inputs.measures, inputs.xAxis],\n        orderBy,\n        filters:\n          inputs.primaryDateRange && timeProperty\n            ? [\n                {\n                  property: timeProperty,\n                  operator: 'inDateRange',\n                  value: inputs.primaryDateRange,\n                },\n              ]\n            : undefined,\n      }),\n      resultsComparison:\n        inputs.primaryDateRange && timeProperty && state?.comparisonDateRange\n          ? loadData({\n              from: inputs.dataset,\n              select: [...inputs.measures, inputs.xAxis],\n              orderBy,\n              filters: [\n                {\n                  property: timeProperty,\n                  operator: 'inDateRange',\n                  value: state.comparisonDateRange,\n                },\n              ],\n            })\n          : undefined,\n    };\n  },\n});\n"],"names":["AXIS_ID_MAIN","AXIS_ID_COMPARISON","getLineChartComparisonDataset","props","theme","data","measure","dimension","index","isPreviousPeriod","hasMinMaxYAxisRange","labels","datasetLabels","item","zeroFill","_a","processedData","label","found","themeFormatter","getThemeFormatter","themeKey","getObjectStableKey","isLineDashed","_b","lineColorTemp","_c","lineColor","isColorValid","getColor","chartContrastColors","i18n","setColorAlpha","getStyleNumber","_d","getLineChartComparisonProData","dataComparison","measures","isTimeDimension","originalDatasets","comparisonDatasets","getLineChartComparisonNonTimeOptions","options","xAxisLabel","value","context","raw","chartjsAxisOptionsScalesTitle","chartjsAxisOptionsScalesTicksDefault","getLineChartComparisonTimeOptions","showComparisonAxis","mainDimensionLabels","ds","comparisonDimensionLabels","legendItem","chartData","dataset","dataIndex","main","comparison","getLineChartComparisonProOptions","getOptions","mergician","LineChartComparisonDefaultPro","useTheme","i18nSetup","title","description","yAxisLabel","resolveI18nProps","comparisonPeriod","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","primaryDateRange","comparisonDateRange","setComparisonDateRange","useEffect","newComparisonDateRange","getComparisonPeriodDateRange","results","useFillGaps","resultsComparison","showDataComparison","jsx","ChartCard","LineChart","meta","genericBoolean","subInputColor","genericTimeRange","ComparisonPeriodType","dimensionTime","LineChartComparisonDefaultPro_emb","defineComponent","inputs","state","setState","orderBy","timeProperty","loadData"],"mappings":"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"}

package/dist/LineChartDefaultPro.js

@@ -0,0 +1,183 @@
+import { useTheme as v, defineComponent as M } from "@embeddable.com/react";
+import { E as f, C as g, m as P, i as F, r as j, j as L, a0 as B, d as O, a as A, X as x, a1 as R, b as S, t as T, c as V, s as I, e as X, f as $, g as G, x as E, y as K, p as N, q as U, u as q, o as z } from "./component.constants-DNKLx5yG.js";
+import { C as W } from "./ChartCard-BPQKmAbZ.js";
+import { g as w } from "./formatter.utils-Dvqm1_wN.js";
+import { g as _, a as y } from "./object.utils-BNKDL7Y9.js";
+import "react";
+import { i as k, s as H } from "./color.utils-CVyp-fGP.js";
+import { u as J } from "./charts.newFillGaps.hooks-D6mnKJwQ.js";
+const Q = (s, o) => {
+  if (!s.data)
+    return {
+      labels: [],
+      datasets: [{ data: [] }]
+    };
+  const c = w(o), l = _(o), i = s.data;
+  return {
+    labels: i.map((a) => a[s.dimension.name]),
+    datasets: s.measures.map((a, d) => {
+      var b, h, p, m;
+      const r = !!((b = a.inputs) != null && b.connectGaps), u = i.map((C) => C[a.name] ?? (r ? 0 : null)), e = (h = a.inputs) == null ? void 0 : h.lineColor, t = k(e) ? e : y(
+        `${l}.charts.backgroundColors`,
+        a.name,
+        o.charts.backgroundColors ?? f,
+        d
+      ), n = k(e) ? e : y(
+        `${l}.charts.borderColors`,
+        a.name,
+        o.charts.borderColors ?? f,
+        d
+      );
+      return {
+        label: c.dimensionOrMeasureTitle(a),
+        data: u,
+        backgroundColor: H(
+          t,
+          g("--em-line-chart-line-fill-opacity")
+        ),
+        pointBackgroundColor: t,
+        borderDash: (p = a.inputs) != null && p.dashedLine ? [
+          g("--em-line-chart-line-dash-length"),
+          g("--em-line-chart-line-gap-length")
+        ] : void 0,
+        borderColor: n,
+        fill: !!((m = a.inputs) != null && m.fillUnderLine)
+      };
+    })
+  };
+}, Y = (s, o) => {
+  var r, u;
+  const { dimension: c, data: l, measures: i } = s, a = w(o);
+  return P({
+    plugins: {
+      datalabels: {
+        labels: {
+          value: {
+            formatter: (e, t) => {
+              const n = i[t.datasetIndex];
+              return a.data(n, e);
+            }
+          }
+        }
+      },
+      tooltip: {
+        callbacks: {
+          title: (e) => {
+            var n;
+            const t = (n = e[0]) == null ? void 0 : n.label;
+            return a.data(c, t);
+          },
+          label: (e) => {
+            const t = i[e.datasetIndex], n = e.raw;
+            return `${a.data(c, e.dataset.label) || ""}: ${a.data(t, n)}`;
+          }
+        }
+      }
+    },
+    scales: {
+      x: {
+        ticks: {
+          callback: (e) => {
+            if (!l || !l.labels) return;
+            const t = l.labels[Number(e)];
+            return a.data(c, t);
+          }
+        }
+      },
+      y: {
+        ticks: {
+          callback: (e) => a.data(i[0], e)
+        }
+      }
+    }
+  }, ((u = (r = o.charts) == null ? void 0 : r.lineChartDefaultPro) == null ? void 0 : u.options) || {});
+}, Z = (s) => {
+  const o = v();
+  F(o);
+  const { title: c, description: l, xAxisLabel: i, yAxisLabel: a } = j(s), {
+    measures: d,
+    xAxis: r,
+    reverseXAxis: u,
+    showLegend: e,
+    showLogarithmicScale: t,
+    showTooltips: n,
+    showValueLabels: b,
+    yAxisRangeMax: h,
+    yAxisRangeMin: p
+  } = s, m = J({
+    results: s.results,
+    dimension: r
+  }), C = Q({ data: m.data, dimension: r, measures: d }, o), D = Y({ data: C, dimension: r, measures: d }, o);
+  return /* @__PURE__ */ L.jsx(
+    W,
+    {
+      data: m,
+      dimensionsAndMeasures: [...d, r],
+      errorMessage: m.error,
+      subtitle: l,
+      title: c,
+      children: /* @__PURE__ */ L.jsx(
+        B,
+        {
+          data: C,
+          reverseXAxis: u,
+          showLegend: e,
+          showLogarithmicScale: t,
+          showTooltips: n,
+          showValueLabels: b,
+          xAxisLabel: i,
+          yAxisLabel: a,
+          yAxisRangeMax: h,
+          yAxisRangeMin: p,
+          options: D
+        }
+      )
+    }
+  );
+}, aa = {
+  name: "LineChartDefaultPro",
+  label: "Line Chart - Default",
+  category: "Line Charts",
+  inputs: [
+    O,
+    {
+      ...A,
+      inputs: [
+        ...A.inputs,
+        { ...x, name: "fillUnderLine", label: "Fill under line" },
+        {
+          ...R,
+          name: "lineColor",
+          label: "Line color"
+        },
+        { ...x, name: "connectGaps", label: "Connect gaps", defaultValue: !0 },
+        { ...x, name: "dashedLine", label: "Dashed line", defaultValue: !1 }
+      ]
+    },
+    { ...S, label: "X-axis", name: "xAxis" },
+    T,
+    V,
+    I,
+    X,
+    $,
+    G,
+    E,
+    K,
+    N,
+    U,
+    q
+  ]
+}, ca = M(Z, aa, {
+  props: (s) => ({
+    ...s,
+    results: z({
+      from: s.dataset,
+      select: [...s.measures, s.xAxis]
+    })
+  })
+});
+export {
+  ca as default,
+  aa as meta
+};
+//# sourceMappingURL=LineChartDefaultPro.js.map

package/dist/LineChartDefaultPro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChartDefaultPro.js","sources":["../src/remarkable-pro/components/charts/lines/LineChartDefaultPro/LineChartDefaultPro.utils.ts","../src/remarkable-pro/components/charts/lines/LineChartDefaultPro/index.tsx","../src/remarkable-pro/components/charts/lines/LineChartDefaultPro/LineChartDefaultPro.emb.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getObjectStableKey } from '../../../../utils.ts/object.utils';\nimport { getStyleNumber } from '../../../../../remarkable-ui';\nimport { getColor } from '../../../../theme/styles/styles.utils';\nimport { chartContrastColors } from '../../../../../remarkable-ui/charts/charts.constants';\nimport { mergician } from 'mergician';\nimport { isColorValid, setColorAlpha } from '../../../../utils.ts/color.utils';\n\nexport const getLineChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    measures: Measure[];\n  },\n  theme: Theme,\n): ChartData<'line'> => {\n  if (!props.data) {\n    return {\n      labels: [],\n      datasets: [{ data: [] }],\n    };\n  }\n\n  const themeFormatter = getThemeFormatter(theme);\n\n  const themeKey = getObjectStableKey(theme);\n  const groupedData = props.data;\n\n  return {\n    labels: groupedData.map((item) => {\n      return item[props.dimension.name];\n    }),\n    datasets: props.measures.map((measure, index) => {\n      const zeroFill = Boolean(measure.inputs?.['connectGaps']);\n      const values = groupedData.map((item) => item[measure.name] ?? (zeroFill ? 0 : null));\n\n      const lineColor = measure.inputs?.['lineColor'];\n\n      const backgroundColor = isColorValid(lineColor)\n        ? lineColor\n        : getColor(\n            `${themeKey}.charts.backgroundColors`,\n            measure.name,\n            theme.charts.backgroundColors ?? chartContrastColors,\n            index,\n          );\n\n      const borderColor = isColorValid(lineColor)\n        ? lineColor\n        : getColor(\n            `${themeKey}.charts.borderColors`,\n            measure.name,\n            theme.charts.borderColors ?? chartContrastColors,\n            index,\n          );\n\n      return {\n        label: themeFormatter.dimensionOrMeasureTitle(measure),\n        data: values,\n        backgroundColor: setColorAlpha(\n          backgroundColor,\n          getStyleNumber('--em-line-chart-line-fill-opacity') as number,\n        ),\n        pointBackgroundColor: backgroundColor,\n        borderDash: measure.inputs?.['dashedLine']\n          ? [\n              getStyleNumber('--em-line-chart-line-dash-length'),\n              getStyleNumber('--em-line-chart-line-gap-length'),\n            ]\n          : undefined,\n        borderColor,\n        fill: Boolean(measure.inputs?.['fillUnderLine']),\n      };\n    }),\n  };\n};\n\nexport const getLineChartProOptions = (\n  options: { dimension: Dimension; measures: Measure[]; data: ChartData<'line'> },\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { dimension, data, measures } = options;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const lineChartOptions: ChartOptions<'line'> = {\n    plugins: {\n      datalabels: {\n        labels: {\n          value: {\n            formatter: (value: string | number, context) => {\n              const measure = measures[context.datasetIndex]!;\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]!;\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 (!data || !data.labels) return undefined;\n\n            const label = data.labels[Number(value)] as string;\n            return themeFormatter.data(dimension, label);\n          },\n        },\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            return themeFormatter.data(measures[0]!, value);\n          },\n        },\n      },\n    },\n  };\n\n  return mergician(lineChartOptions, theme.charts?.lineChartDefaultPro?.options || {});\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { LineChart } from '../../../../../remarkable-ui/charts/lines/LineChart';\nimport { getLineChartProData, getLineChartProOptions } from './LineChartDefaultPro.utils';\nimport { useFillGaps } from '../../charts.newFillGaps.hooks';\n\ntype LineChartProProp = {\n  description: string;\n  xAxis: Dimension;\n  measures: Measure[];\n  results: DataResponse;\n  reverseXAxis: boolean;\n  showLegend: boolean;\n  showLogarithmicScale: boolean;\n  showTooltips: boolean;\n  showValueLabels: boolean;\n  title: string;\n  xAxisLabel: string;\n  yAxisLabel: string;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n};\n\nconst LineChartPro = (props: LineChartProProp) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n  const {\n    measures,\n    xAxis,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    yAxisRangeMax,\n    yAxisRangeMin,\n  } = props;\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: xAxis,\n  });\n\n  const data = getLineChartProData({ data: results.data, dimension: xAxis, measures }, theme);\n  const options = getLineChartProOptions({ data, dimension: xAxis, measures }, theme);\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[...measures, xAxis]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <LineChart\n        data={data}\n        reverseXAxis={reverseXAxis}\n        showLegend={showLegend}\n        showLogarithmicScale={showLogarithmicScale}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        yAxisRangeMax={yAxisRangeMax}\n        yAxisRangeMin={yAxisRangeMin}\n        options={options}\n      />\n    </ChartCard>\n  );\n};\n\nexport default LineChartPro;\n","import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport {\n  dataset,\n  description,\n  dimensionWithDateBounds,\n  genericBoolean,\n  measures,\n  reverseXAxis,\n  showLegend,\n  showLogarithmicScale,\n  showTooltips,\n  showValueLabels,\n  subInputColor,\n  title,\n  xAxisLabel,\n  yAxisLabel,\n  yAxisRangeMax,\n  yAxisRangeMin,\n} from '../../../component.constants';\nimport LineChartDefaultPro from './index';\nimport { loadData } from '@embeddable.com/core';\n\nexport const meta = {\n  name: 'LineChartDefaultPro',\n  label: 'Line Chart - Default',\n  category: 'Line Charts',\n  inputs: [\n    dataset,\n    {\n      ...measures,\n      inputs: [\n        ...measures.inputs,\n        { ...genericBoolean, name: 'fillUnderLine', label: 'Fill under line' },\n        {\n          ...subInputColor,\n          name: 'lineColor',\n          label: 'Line color',\n        },\n        { ...genericBoolean, name: 'connectGaps', label: 'Connect gaps', defaultValue: true },\n        { ...genericBoolean, name: 'dashedLine', label: 'Dashed line', defaultValue: false },\n      ],\n    },\n    { ...dimensionWithDateBounds, label: 'X-axis', name: 'xAxis' },\n    title,\n    description,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    showLogarithmicScale,\n    xAxisLabel,\n    yAxisLabel,\n    reverseXAxis,\n    yAxisRangeMin,\n    yAxisRangeMax,\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(LineChartDefaultPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        from: inputs.dataset,\n        select: [...inputs.measures, inputs.xAxis],\n      }),\n    };\n  },\n});\n"],"names":["getLineChartProData","props","theme","themeFormatter","getThemeFormatter","themeKey","getObjectStableKey","groupedData","item","measure","index","zeroFill","_a","values","lineColor","_b","backgroundColor","isColorValid","getColor","chartContrastColors","borderColor","setColorAlpha","getStyleNumber","_c","_d","getLineChartProOptions","options","dimension","data","measures","mergician","value","context","label","raw","LineChartPro","useTheme","i18nSetup","title","description","xAxisLabel","yAxisLabel","resolveI18nProps","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","results","useFillGaps","jsx","ChartCard","LineChart","meta","dataset","genericBoolean","subInputColor","dimensionWithDateBounds","LineChartDefaultPro_emb","defineComponent","LineChartDefaultPro","inputs","loadData"],"mappings":"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"}

package/dist/LineChartGroupedPro.js

@@ -0,0 +1,184 @@
+import { useTheme as $, defineComponent as P } from "@embeddable.com/react";
+import { E as L, C as R, m as S, i as M, r as j, j as A, a0 as v, d as B, w, X as y, b as D, z as F, t as O, c as T, A as X, s as V, e as E, f as K, g as N, x as U, y as q, p as z, q as W, u as _, o as H } from "./component.constants-DNKLx5yG.js";
+import { C as J } from "./ChartCard-BPQKmAbZ.js";
+import { g as k } from "./formatter.utils-Dvqm1_wN.js";
+import { g as Q, a as G } from "./object.utils-BNKDL7Y9.js";
+import { s as Y } from "./color.utils-CVyp-fGP.js";
+import "react";
+import { u as Z } from "./charts.newFillGaps.hooks-D6mnKJwQ.js";
+const I = (a, o) => {
+  const u = k(o), { data: r = [], dimension: i, groupDimension: t, measure: c } = a, n = [...new Set(r.map((s) => s[i.name]).filter(Boolean))].sort(), m = [...new Set(r.map((s) => s[t.name]))].filter(Boolean), e = Q(o), l = m.map((s, b) => {
+    var x;
+    const h = G(
+      `${e}.charts.backgroundColors`,
+      `${t.name}.${s}`,
+      o.charts.backgroundColors ?? L,
+      b
+    ), C = G(
+      `${e}.charts.borderColors`,
+      `${t.name}.${s}`,
+      o.charts.borderColors ?? L,
+      b
+    );
+    return {
+      label: u.data(t, s),
+      rawLabel: s,
+      backgroundColor: Y(
+        h,
+        R("--em-line-chart-line-fill-opacity")
+      ),
+      pointBackgroundColor: h,
+      fill: (x = c.inputs) == null ? void 0 : x.fillUnderLine,
+      borderColor: C,
+      data: n.map((p) => {
+        var g;
+        const d = r.find(
+          (f) => f[t.name] === s && f[i.name] === p
+        );
+        return (d == null ? void 0 : d[c.name]) ?? ((g = c.inputs) != null && g.connectGaps ? 0 : null);
+      })
+    };
+  });
+  return {
+    labels: n,
+    datasets: l
+  };
+}, aa = (a, o) => {
+  var n, m;
+  const { dimension: u, data: r, measure: i } = a, t = k(o);
+  return S({
+    plugins: {
+      datalabels: {
+        labels: {
+          value: {
+            formatter: (e) => t.data(i, e)
+          }
+        }
+      },
+      tooltip: {
+        callbacks: {
+          title: (e) => {
+            var s;
+            const l = (s = e[0]) == null ? void 0 : s.label;
+            return t.data(u, l);
+          },
+          label: (e) => {
+            const l = e.raw;
+            return `${e.dataset.label}: ${t.data(i, l)}`;
+          }
+        }
+      }
+    },
+    scales: {
+      x: {
+        ticks: {
+          callback: (e) => {
+            if (!r || !r.labels) return;
+            const l = r.labels[Number(e)];
+            return t.data(u, l);
+          }
+        }
+      },
+      y: {
+        ticks: {
+          callback: (e) => t.data(i, e)
+        }
+      }
+    }
+  }, ((m = (n = o.charts) == null ? void 0 : n.lineChartGroupedPro) == null ? void 0 : m.options) || {});
+}, ea = (a) => {
+  const o = $();
+  M(o);
+  const { title: u, description: r, xAxisLabel: i, yAxisLabel: t } = j(a), {
+    measure: c,
+    xAxis: n,
+    groupBy: m,
+    reverseXAxis: e,
+    showLegend: l,
+    showLogarithmicScale: s,
+    showTooltips: b,
+    showValueLabels: h,
+    yAxisRangeMax: C,
+    yAxisRangeMin: x
+  } = a, p = Z({
+    results: a.results,
+    dimension: a.xAxis
+  }), d = I(
+    {
+      data: p.data,
+      dimension: n,
+      groupDimension: m,
+      measure: c
+    },
+    o
+  ), g = aa({ data: d, dimension: n, measure: c }, o);
+  return /* @__PURE__ */ A.jsx(
+    J,
+    {
+      data: p,
+      dimensionsAndMeasures: [c, n, m],
+      errorMessage: p.error,
+      subtitle: r,
+      title: u,
+      children: /* @__PURE__ */ A.jsx(
+        v,
+        {
+          data: d,
+          reverseXAxis: e,
+          showLegend: l,
+          showLogarithmicScale: s,
+          showTooltips: b,
+          showValueLabels: h,
+          xAxisLabel: i,
+          yAxisLabel: t,
+          yAxisRangeMax: C,
+          yAxisRangeMin: x,
+          options: g
+        }
+      )
+    }
+  );
+}, sa = {
+  name: "LineChartGroupedPro",
+  label: "Line Chart - Grouped",
+  category: "Line Charts",
+  inputs: [
+    B,
+    {
+      ...w,
+      inputs: [
+        ...w.inputs,
+        { ...y, name: "fillUnderLine", label: "Fill under line" },
+        { ...y, name: "connectGaps", label: "Connect gaps", defaultValue: !0 }
+      ]
+    },
+    { ...D, name: "xAxis", label: "X-axis" },
+    { ...F, name: "groupBy", label: "Group by" },
+    O,
+    T,
+    X,
+    V,
+    E,
+    K,
+    N,
+    U,
+    q,
+    z,
+    W,
+    _
+  ]
+}, ua = P(ea, sa, {
+  props: (a) => ({
+    ...a,
+    results: H({
+      limit: a.maxResults,
+      from: a.dataset,
+      select: [a.xAxis, a.groupBy, a.measure]
+    })
+  })
+});
+export {
+  ua as default,
+  sa as meta
+};
+//# sourceMappingURL=LineChartGroupedPro.js.map

package/dist/LineChartGroupedPro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChartGroupedPro.js","sources":["../src/remarkable-pro/components/charts/lines/LineChartGroupedPro/LineChartGroupedPro.utils.ts","../src/remarkable-pro/components/charts/lines/LineChartGroupedPro/index.tsx","../src/remarkable-pro/components/charts/lines/LineChartGroupedPro/LineChartGroupedPro.emb.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { mergician } from 'mergician';\nimport { getObjectStableKey } from '../../../../utils.ts/object.utils';\nimport { getColor } from '../../../../theme/styles/styles.utils';\nimport { chartContrastColors } from '../../../../../remarkable-ui/charts/charts.constants';\nimport { i18n } from '../../../../theme/i18n/i18n';\nimport { setColorAlpha } from '../../../../utils.ts/color.utils';\nimport { getStyleNumber } from '../../../../../remarkable-ui';\n\nexport const getLineChartGroupedProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    groupDimension: Dimension;\n    measure: Measure;\n  },\n  theme: Theme,\n): ChartData<'line'> => {\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(Boolean))].sort();\n  const groupBy = [...new Set(data.map((d) => d[groupDimension.name]))].filter(Boolean);\n\n  const themeKey = getObjectStableKey(theme);\n\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: setColorAlpha(\n        backgroundColor,\n        getStyleNumber('--em-line-chart-line-fill-opacity') as number,\n      ),\n      pointBackgroundColor: backgroundColor,\n      fill: measure.inputs?.['fillUnderLine'],\n      borderColor,\n      data: axis.map((axisItem) => {\n        const record = data.find(\n          (d) => d[groupDimension.name] === groupByItem && d[dimension.name] === axisItem,\n        );\n        return record?.[measure.name] ?? (measure.inputs?.['connectGaps'] ? 0 : null);\n      }),\n    };\n  });\n\n  return {\n    labels: axis,\n    datasets,\n  };\n};\n\nexport const getLineChartGroupedProData2 = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    groupDimension: Dimension;\n    measure: Measure;\n    maxLegendItems: number;\n  },\n  theme: Theme,\n): ChartData<'line'> => {\n  const themeFormatter = getThemeFormatter(theme);\n  const { data = [], dimension, groupDimension, measure, maxLegendItems } = props;\n\n  const axis = [...new Set(data.map((d) => d[dimension.name]).filter(Boolean))].sort();\n  const groupDimensionName = `${groupDimension.name}${groupDimension.inputs?.granularity ? `.${groupDimension.inputs.granularity}` : ''}`;\n  const groupBy = [...new Set(data.map((d) => d[groupDimensionName]))].filter(Boolean);\n\n  const themeKey = getObjectStableKey(theme);\n  const zeroFill = Boolean(measure.inputs?.['connectGaps']);\n\n  // Calculate total per group\n  const groupTotals = groupBy.map((group) => {\n    const total = data\n      .filter((d) => d[groupDimension.name] === group)\n      .reduce((sum, d) => sum + Number(d[measure.name] || 0), 0);\n    return { group, total };\n  });\n\n  // Sort by total descending and split top groups vs others\n  const sortedGroups = groupTotals.sort((a, b) => b.total - a.total);\n  const topGroups = sortedGroups.slice(0, maxLegendItems).map((g) => g.group);\n  const otherGroups = sortedGroups.slice(maxLegendItems).map((g) => g.group);\n\n  // Generate datasets for top groups\n  const datasets = topGroups.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      backgroundColor: setColorAlpha(\n        backgroundColor,\n        getStyleNumber('--em-line-chart-line-fill-opacity') as number,\n      ),\n      pointBackgroundColor: backgroundColor,\n      borderColor,\n      fill: measure.inputs?.['fillUnderLine'],\n      data: axis.map((axisItem) => {\n        const record = data.find(\n          (d) => d[groupDimensionName] === groupByItem && d[dimension.name] === axisItem,\n        );\n        return record?.[measure.name] ?? (zeroFill ? 0 : null);\n      }),\n    };\n  });\n\n  // Aggregate “Others” dataset if needed\n  if (otherGroups.length > 0) {\n    const othersData = axis.map((axisItem) => {\n      const sum = data\n        .filter(\n          (d) => otherGroups.includes(d[groupDimension.name]) && d[dimension.name] === axisItem,\n        )\n        .reduce((total, d) => total + Number(d[measure.name] || 0), 0);\n\n      // Respect zeroFill logic\n      return sum > 0 || zeroFill ? sum : null;\n    });\n\n    const otherIndex = topGroups.length - 1;\n\n    const backgroundColor = getColor(\n      `${themeKey}.charts.backgroundColors`,\n      `${groupDimension.name}.Other`,\n      theme.charts.backgroundColors ?? chartContrastColors,\n      otherIndex,\n    );\n\n    const borderColor = getColor(\n      `${themeKey}.charts.borderColors`,\n      `${groupDimension.name}.Other`,\n      theme.charts.borderColors ?? chartContrastColors,\n      otherIndex,\n    );\n\n    datasets.push({\n      label: i18n.t('common.other'),\n      backgroundColor: setColorAlpha(\n        backgroundColor,\n        getStyleNumber('--em-line-chart-line-fill-opacity') as number,\n      ),\n      pointBackgroundColor: backgroundColor,\n      borderColor,\n      fill: measure.inputs?.['fillUnderLine'],\n      data: othersData,\n    });\n  }\n\n  return {\n    labels: axis,\n    datasets,\n  };\n};\nexport const getLineChartGroupedProOptions = (\n  options: { dimension: Dimension; measure: Measure; data: ChartData<'line'> },\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { dimension, data, measure } = options;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const lineChartOptions: ChartOptions<'line'> = {\n    plugins: {\n      datalabels: {\n        labels: {\n          value: {\n            formatter: (value: string | number) => {\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 raw = context.raw as number;\n            return `${context.dataset.label}: ${themeFormatter.data(measure, raw)}`;\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        ticks: {\n          callback: (value) => {\n            if (!data || !data.labels) return undefined;\n\n            const label = data.labels[Number(value)] as string;\n            return themeFormatter.data(dimension, label);\n          },\n        },\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            return themeFormatter.data(measure, value);\n          },\n        },\n      },\n    },\n  };\n\n  return mergician(lineChartOptions, theme.charts?.lineChartGroupedPro?.options || {});\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { LineChart } from '../../../../../remarkable-ui/charts/lines/LineChart';\nimport {\n  getLineChartGroupedProData,\n  getLineChartGroupedProOptions,\n} from './LineChartGroupedPro.utils';\nimport { useFillGaps } from '../../charts.newFillGaps.hooks';\n\ntype LineChartGroupedProProp = {\n  description: string;\n  xAxis: Dimension;\n  groupBy: Dimension;\n  measure: Measure;\n  results: DataResponse;\n  reverseXAxis: boolean;\n  showLegend: boolean;\n  showLogarithmicScale: boolean;\n  showTooltips: boolean;\n  showValueLabels: boolean;\n  title: string;\n  xAxisLabel: string;\n  yAxisLabel: string;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n};\n\nconst LineChartGroupedPro = (props: LineChartGroupedProProp) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n  const {\n    measure,\n    xAxis,\n    groupBy,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    yAxisRangeMax,\n    yAxisRangeMin,\n  } = props;\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: props.xAxis,\n  });\n\n  const data = getLineChartGroupedProData(\n    {\n      data: results.data,\n      dimension: xAxis,\n      groupDimension: groupBy,\n      measure,\n    },\n\n    theme,\n  );\n  const options = getLineChartGroupedProOptions({ data, dimension: xAxis, measure }, theme);\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      <LineChart\n        data={data}\n        reverseXAxis={reverseXAxis}\n        showLegend={showLegend}\n        showLogarithmicScale={showLogarithmicScale}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        yAxisRangeMax={yAxisRangeMax}\n        yAxisRangeMin={yAxisRangeMin}\n        options={options}\n      />\n    </ChartCard>\n  );\n};\n\nexport default LineChartGroupedPro;\n","import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport {\n  dataset,\n  description,\n  dimension,\n  dimensionWithDateBounds,\n  genericBoolean,\n  maxResults,\n  measure,\n  reverseXAxis,\n  showLegend,\n  showLogarithmicScale,\n  showTooltips,\n  showValueLabels,\n  title,\n  xAxisLabel,\n  yAxisLabel,\n  yAxisRangeMax,\n  yAxisRangeMin,\n} from '../../../component.constants';\nimport LineChartGroupedPro from './index';\nimport { loadData } from '@embeddable.com/core';\n\nexport const meta = {\n  name: 'LineChartGroupedPro',\n  label: 'Line Chart - Grouped',\n  category: 'Line Charts',\n  inputs: [\n    dataset,\n    {\n      ...measure,\n      inputs: [\n        ...measure.inputs,\n        { ...genericBoolean, name: 'fillUnderLine', label: 'Fill under line' },\n        { ...genericBoolean, name: 'connectGaps', label: 'Connect gaps', defaultValue: true },\n      ],\n    },\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,\n    showLogarithmicScale,\n    xAxisLabel,\n    yAxisLabel,\n    reverseXAxis,\n    yAxisRangeMin,\n    yAxisRangeMax,\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(LineChartGroupedPro, 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});\n"],"names":["getLineChartGroupedProData","props","theme","themeFormatter","getThemeFormatter","data","dimension","groupDimension","measure","axis","d","groupBy","themeKey","getObjectStableKey","datasets","groupByItem","index","backgroundColor","getColor","chartContrastColors","borderColor","setColorAlpha","getStyleNumber","_a","axisItem","record","getLineChartGroupedProOptions","options","mergician","value","context","label","raw","_b","LineChartGroupedPro","useTheme","i18nSetup","title","description","xAxisLabel","yAxisLabel","resolveI18nProps","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","results","useFillGaps","jsx","ChartCard","LineChart","meta","dataset","genericBoolean","dimensionWithDateBounds","maxResults","LineChartGroupedPro_emb","defineComponent","inputs","loadData"],"mappings":"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"}

package/dist/MultiSelectFieldPro.js

@@ -1,6 +1,6 @@
 import { defineComponent as i } from "@embeddable.com/react";
-import { d as r, z as s, t as d, c as u, $ as m, V as t, o as c } from "./component.constants-CL4mGURD.js";
-import { M as p, a as f } from "./index-BSbQYCwI.js";
+import { d as r, z as s, t as d, c as u, a5 as m, V as t, o as c } from "./component.constants-DNKLx5yG.js";
+import { M as p, a as f } from "./index-B7EEYcDX.js";
 const g = {
   name: "MultiSelectFieldPro",
   label: "Multi Select Field",

package/dist/PieChartPro.js

@@ -1,6 +1,6 @@
-import { d as a, w as s, z as t, t as o, c as n, s as i, Y as r, e as m, f as l, V as d, o as c } from "./component.constants-CL4mGURD.js";
+import { d as a, w as s, z as t, t as o, c as n, s as i, a3 as r, e as m, f as l, V as d, o as c } from "./component.constants-DNKLx5yG.js";
 import { defineComponent as p } from "@embeddable.com/react";
-import { P as u } from "./index-BUwm0Ul3.js";
+import { P as u } from "./index-CnlhFJCl.js";
 const C = {
   name: "PieChartPro",
   label: "Pie Chart",

package/dist/{SingleSelectField-BAEvpk7-.js → SingleSelectField-j9ZkcXnt.js}

@@ -1,21 +1,21 @@
-import { j as l, a7 as R, aa as D, ab as E, a8 as h, a9 as k } from "./component.constants-CL4mGURD.js";
+import { j as l, ad as R, ag as D, ah as E, ae as j, af as k } from "./component.constants-DNKLx5yG.js";
 import { useState as i, useRef as w, useEffect as B, useMemo as K } from "react";
-import { u as M, d as N, I as P, S as T } from "./EditorCard-BQnDPFzf.js";
+import { u as M, d as N, I as P, S as T } from "./EditorCard-4LWPw46N.js";
 const G = ({
   value: t = "",
-  startIcon: p,
+  startIcon: g,
   options: a,
   disabled: d,
-  placeholder: C,
+  placeholder: p,
   isSearchable: u,
-  isClearable: S,
-  isLoading: o,
-  noOptionsMessage: g = "No options available",
+  isClearable: C,
+  isLoading: f,
+  noOptionsMessage: S = "No options available",
   onChange: L,
   onSearch: s
 }) => {
-  const [f, v] = i(!1), [b, x] = i(""), [O, c] = i(t), m = w(null);
-  M(f, m), B(() => {
+  const [o, v] = i(!1), [b, x] = i(""), [O, c] = i(t), m = w(null);
+  M(o, m), B(() => {
     if (!t) {
       c("");
       return;
@@ -23,7 +23,7 @@ const G = ({
     const e = a.find((r) => r.value === t);
     e && c(e.label);
   }, [t, a]);
-  const n = K(() => s ? N(s) : void 0, [s]), F = u && !s ? a.filter((e) => e.label.toLowerCase().includes(b.toLowerCase())) : a, j = (e) => {
+  const n = K(() => s ? N(s) : void 0, [s]), F = u && !s ? a.filter((e) => e.label.toLowerCase().includes(b.toLowerCase())) : a, h = (e) => {
     if (x(""), L(e ?? ""), s == null || s(""), e === "")
       c("");
     else {
@@ -36,20 +36,20 @@ const G = ({
   return /* @__PURE__ */ l.jsx(
     R,
     {
-      open: f,
+      open: o,
       onOpenChange: v,
       disabled: d,
       triggerComponent: /* @__PURE__ */ l.jsx(
         k,
         {
-          startIcon: p,
+          startIcon: g,
           "aria-label": "Select option",
-          placeholder: C,
+          placeholder: p,
           disabled: d,
           valueLabel: O,
-          onClear: () => j(""),
-          isClearable: S,
-          isLoading: o
+          onClear: () => h(""),
+          isClearable: C,
+          isLoading: f
         }
       ),
       children: /* @__PURE__ */ l.jsxs(D, { children: [
@@ -66,17 +66,17 @@ const G = ({
             onChange: I
           }
         ),
-        /* @__PURE__ */ l.jsxs(T, { disabled: o, children: [
+        /* @__PURE__ */ l.jsxs(T, { disabled: f, children: [
           F.map((e) => /* @__PURE__ */ l.jsx(
-            h,
+            j,
             {
-              onClick: () => j(e == null ? void 0 : e.value),
+              onClick: () => h(e == null ? void 0 : e.value),
               isSelected: e.value === t,
               ...e
             },
             (e == null ? void 0 : e.value) ?? e.label
           )),
-          a.length === 0 && /* @__PURE__ */ l.jsx(h, { disabled: !0, value: "empty", label: g })
+          a.length === 0 && /* @__PURE__ */ l.jsx(j, { disabled: !0, value: "empty", label: S })
         ] })
       ] })
     }
@@ -85,4 +85,4 @@ const G = ({
 export {
   G as S
 };
-//# sourceMappingURL=SingleSelectField-BAEvpk7-.js.map
+//# sourceMappingURL=SingleSelectField-j9ZkcXnt.js.map