@embeddable.com/remarkable-pro 0.2.11 → 0.2.13

package/dist/{definition-CL7zGbMH.js → definition-Ds-a0Gat.js}

@@ -1,13 +1,13 @@
-import { t as X, y as k, m as H, j as F, Q as U, V as R, l as Y } from "./index-CHaNvsBE.js";
-import { useTheme as q, definePreview as Q } from "@embeddable.com/react";
-import { a as J, r as W, i as Z } from "./component.utils-Dua9clQJ.js";
-import { C as ee } from "./ChartCard-CJ22uvCY.js";
-import { g as I } from "./dimension.utils-DrqXH5Ji.js";
-import { a as L, g as $ } from "./formatter.utils-Bh16Z5MP.js";
+import { t as X, y as k, m as H, j as F, W as U, V as R, l as Y } from "./index-7D6uMJ-C.js";
+import { useTheme as q, definePreview as W } from "@embeddable.com/react";
+import { a as J, r as Q, i as Z } from "./component.utils-Dua9clQJ.js";
+import { C as ee } from "./ChartCard-DXg1i7Y2.js";
+import { g as I } from "./dimension.utils-DlzeRFgr.js";
+import { a as L, g as $ } from "./formatter.utils-Y14po21h.js";
 import { g as ae } from "./styles.utils-C8CnV0SB.js";
 import { N as C, g as te, m as _, r as S } from "./scatter.utils-DV4Kp2Lb.js";
-import { i as n, s as oe } from "./component.inputs.constants-BBgApY3a.js";
-import { p as D } from "./preview.data.constants-Azny20uQ.js";
+import { i as n, s as oe } from "./component.inputs.constants-ByMVK7Vv.js";
+import { p as D } from "./preview.data.constants-BSjhK_tx.js";
 import { g as ne } from "./clientContext.utils-DpB5KsfX.js";
 const se = (e, t, s) => ({
   formatter: (m, u) => {
@@ -162,7 +162,7 @@ const se = (e, t, s) => ({
     reverseXAxis: b,
     onPointClick: f,
     hideMenu: w
-  } = e, { title: v, description: M, tooltip: V, xAxisLabel: z, yAxisLabel: K } = W(e), A = Z.t("charts.scatterChart.noValue"), B = ue(
+  } = e, { title: v, description: M, tooltip: V, xAxisLabel: z, yAxisLabel: K } = Q(e), A = Z.t("charts.scatterChart.noValue"), B = ue(
     {
       data: o.data,
       xMeasure: s,
@@ -300,7 +300,7 @@ const se = (e, t, s) => ({
   results: D.results2Measures1Dimension,
   showLegend: !0,
   hideMenu: !0
-}, ce = Q(P, O), j = (e, t) => ({
+}, ce = W(P, O), j = (e, t) => ({
   limit: e.maxResults,
   from: e.dataset,
   select: [
@@ -339,4 +339,4 @@ export {
   Se as i,
   Le as s
 };
-//# sourceMappingURL=definition-CL7zGbMH.js.map
+//# sourceMappingURL=definition-Ds-a0Gat.js.map

package/dist/{definition-CL7zGbMH.js.map → definition-Ds-a0Gat.js.map}

@@ -1 +1 @@
-{"version":3,"file":"definition-CL7zGbMH.js","sources":["../src/components/charts/scatter/ScatterChartPro/ScatterChartPro.utils.ts","../src/components/charts/scatter/ScatterChartPro/index.tsx","../src/components/charts/scatter/ScatterChartPro/definition.ts"],"sourcesContent":["import { ChartData, type ChartOptions, ScatterDataPoint } from 'chart.js';\nimport { Context } from 'chartjs-plugin-datalabels';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { getTimeRangeFromDimensionValue } from '../../../utils/dimension.utils';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getChartColors, getStyleNumber } from '@embeddable.com/remarkable-ui';\nimport type {\n  ChartClickArgs,\n  ScatterChartInputPoint,\n  ScatterDatasetExtended,\n} from '@embeddable.com/remarkable-ui';\nimport { getDimensionMeasureColor } from '../../../../theme/styles/styles.utils';\nimport type { ScatterChartProOptionsClickArg } from './ScatterChartPro.types';\nimport { getDimensionFieldName } from '../../../../utils/data.utils';\nimport {\n  measureToNullableNumber,\n  rawValueToString,\n  NULL_GROUP_KEY,\n  getScatterScales,\n  type RawValue,\n} from '../scatter.utils';\n\nconst buildDatalabelsValue = (\n  xMeasure: Measure,\n  yMeasure: Measure,\n  formatValue: (measure: Measure, value: number | null | undefined) => string,\n) => ({\n  formatter: (_value: ScatterDataPoint | number | null, context: Context) => {\n    const ds = context.dataset as ScatterDatasetExtended;\n    const raw = ds.originalData?.[context.dataIndex];\n    if (!raw) return '';\n    return `${formatValue(xMeasure, raw.x)}, ${formatValue(yMeasure, raw.y)}`;\n  },\n});\n\nexport const getScatterChartProOptions = (\n  {\n    xMeasure,\n    yMeasure,\n    noValueLabel,\n    showPointLabels,\n  }: {\n    xMeasure: Measure;\n    yMeasure: Measure;\n    noValueLabel: string;\n    showPointLabels?: boolean;\n  },\n  theme: Theme,\n): Partial<ChartOptions<'scatter'>> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  const formatValue = (measure: Measure, value: number | null | undefined): string => {\n    if (value === null || value === undefined) return noValueLabel;\n    return themeFormatter.data(measure, value);\n  };\n\n  const pointRadius = getStyleNumber('--em-scatterchart-point-radius', '0.375rem');\n  const labelGap = getStyleNumber('--em-scatterchart-label-stack-gap', '0.25rem');\n  const labelLineHeight = getStyleNumber('--em-scatterchart-label-stack-height', '1.25rem');\n\n  const captionOffset = pointRadius + labelGap;\n  const valueOffset = showPointLabels\n    ? pointRadius + labelGap + labelLineHeight + labelGap\n    : pointRadius + labelGap;\n\n  return {\n    scales: getScatterScales(xMeasure, yMeasure, (measure: Measure, value: number) =>\n      themeFormatter.data(measure, value),\n    ),\n    plugins: {\n      tooltip: {\n        callbacks: {\n          label: (ctx) => {\n            const ds = ctx.dataset as ScatterDatasetExtended;\n            const orig =\n              ds.originalData?.[ctx.dataIndex] ??\n              (ctx.dataset.data[ctx.dataIndex] as\n                | { x: number | null; y: number | null }\n                | undefined);\n            const prefix = ds.label ? `${ds.label}: ` : '';\n            if (!orig) return prefix;\n            return `${prefix}(${formatValue(xMeasure, orig.x)}, ${formatValue(yMeasure, orig.y)})`;\n          },\n        },\n      },\n      datalabels: {\n        labels: {\n          value: {\n            display: 'auto',\n            ...buildDatalabelsValue(xMeasure, yMeasure, formatValue),\n            anchor: 'center',\n            align: 'bottom',\n            offset: valueOffset,\n          },\n          caption: {\n            display: 'auto',\n            anchor: 'center',\n            align: 'bottom',\n            offset: captionOffset,\n          },\n        },\n      },\n    },\n  };\n};\n\nexport type ScatterPoint = ScatterChartInputPoint & { rowIndex: number };\n\nexport const getPointClickData = (\n  point: { datasetIndex: number; index: number },\n  datasets: ChartData<'scatter', ScatterPoint[]>['datasets'],\n  data: DataResponse['data'],\n  xMeasure: Measure,\n  yMeasure: Measure,\n  pointDimension: Dimension,\n  groupByDimension?: Dimension,\n): ScatterChartProOptionsClickArg | null => {\n  const rowIdx = datasets[point.datasetIndex]?.data[point.index]?.rowIndex;\n  if (rowIdx === undefined) return null;\n  const row = data?.[rowIdx] as Record<string, RawValue> | undefined;\n  if (!row) return null;\n\n  const pointField = getDimensionFieldName(pointDimension);\n  const groupField = groupByDimension ? getDimensionFieldName(groupByDimension) : undefined;\n\n  const pointDimensionValue = rawValueToString(row[pointField]);\n  const groupByDimensionValue = groupField ? rawValueToString(row[groupField]) : null;\n\n  return {\n    xMeasureValue: rawValueToString(row[xMeasure.name]),\n    yMeasureValue: rawValueToString(row[yMeasure.name]),\n    pointDimensionValue,\n    groupByDimensionValue,\n    pointDimensionTimeRange: getTimeRangeFromDimensionValue({\n      value: pointDimensionValue,\n      dimension: pointDimension,\n    }),\n    groupByDimensionTimeRange: getTimeRangeFromDimensionValue({\n      value: groupByDimensionValue ?? undefined,\n      dimension: groupByDimension,\n    }),\n  };\n};\n\nexport const createScatterClickHandler = ({\n  datasets,\n  results,\n  xMeasure,\n  yMeasure,\n  pointDimension,\n  groupByDimension,\n  onPointClick,\n}: {\n  datasets: ChartData<'scatter', ScatterPoint[]>['datasets'];\n  results: DataResponse;\n  xMeasure: Measure;\n  yMeasure: Measure;\n  pointDimension: Dimension;\n  groupByDimension?: Dimension;\n  onPointClick?: (payload: ScatterChartProOptionsClickArg) => void;\n}): ((args: ChartClickArgs) => void) => {\n  return ({ elementAtEvent }) => {\n    const element = elementAtEvent[0];\n    if (!element) return;\n    const clickData = getPointClickData(\n      element,\n      datasets,\n      results.data,\n      xMeasure,\n      yMeasure,\n      pointDimension,\n      groupByDimension,\n    );\n    if (clickData) onPointClick?.(clickData);\n  };\n};\n\nexport const getScatterChartProData = (\n  props: {\n    data: DataResponse['data'];\n    xMeasure: Measure;\n    yMeasure: Measure;\n    pointDimension: Dimension;\n    groupByDimension?: Dimension | null;\n    noValueLabel: string;\n    pointColor?: string;\n  },\n  theme: Theme,\n): ChartData<'scatter', ScatterPoint[]> => {\n  const themeFormatter = getThemeFormatter(theme);\n  const chartColors = getChartColors();\n  const data = (props.data ?? []) as Record<string, unknown>[];\n  const pointField = getDimensionFieldName(props.pointDimension);\n  const overrideColor = props.pointColor?.trim() || undefined;\n\n  if (!data.length) {\n    return { datasets: [{ label: '', data: [] }] };\n  }\n\n  const getColor = (\n    color: 'background' | 'border',\n    dimensionOrMeasure: Dimension | Measure,\n    value: string,\n    index: number,\n  ) =>\n    overrideColor ??\n    getDimensionMeasureColor({ dimensionOrMeasure, theme, color, value, index, chartColors });\n\n  const buildPoint = (row: Record<string, unknown>, rowIndex: number): ScatterPoint => {\n    const rawPoint = row[pointField];\n    const pointLabel =\n      rawPoint == null\n        ? props.noValueLabel\n        : String(themeFormatter.data(props.pointDimension, rawPoint as string | number | boolean));\n    return {\n      x: measureToNullableNumber(row[props.xMeasure.name]),\n      y: measureToNullableNumber(row[props.yMeasure.name]),\n      pointLabel,\n      label: pointLabel,\n      rowIndex,\n    };\n  };\n\n  if (!props.groupByDimension) {\n    return {\n      datasets: [\n        {\n          label: themeFormatter.dimensionOrMeasureTitle(props.yMeasure),\n          data: data.map((row, i) => buildPoint(row, i)),\n          pointBackgroundColor: getColor('background', props.xMeasure, props.xMeasure.name, 0),\n          pointBorderColor: getColor('border', props.xMeasure, props.xMeasure.name, 0),\n        },\n      ],\n    };\n  }\n\n  const groupDim = props.groupByDimension;\n  const groupField = getDimensionFieldName(groupDim);\n  const bucket = new Map<string, ScatterPoint[]>();\n\n  data.forEach((row, rowIndex) => {\n    const key = row[groupField] == null ? NULL_GROUP_KEY : String(row[groupField]);\n    const points = bucket.get(key) ?? [];\n    points.push(buildPoint(row, rowIndex));\n    bucket.set(key, points);\n  });\n\n  const sortedKeys = [...bucket.keys()].sort((a, b) => {\n    if (a === NULL_GROUP_KEY) return 1;\n    if (b === NULL_GROUP_KEY) return -1;\n    return a.localeCompare(b);\n  });\n\n  const datasets = sortedKeys.map((key, index) => {\n    const points = bucket.get(key)!;\n    const firstRowIndex = points[0]!.rowIndex;\n    const groupValue = key === NULL_GROUP_KEY ? null : data[firstRowIndex]?.[groupField];\n    const seriesLabel =\n      key === NULL_GROUP_KEY\n        ? props.noValueLabel\n        : themeFormatter.data(groupDim, groupValue as string | number | boolean);\n    const colorKey = key === NULL_GROUP_KEY ? `${groupDim.name}.null` : `${groupDim.name}.${key}`;\n\n    return {\n      label: seriesLabel,\n      data: points,\n      pointBackgroundColor: getColor('background', groupDim, colorKey, index),\n      pointBorderColor: getColor('border', groupDim, colorKey, index),\n    };\n  });\n\n  return { datasets };\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { ScatterChart } from '@embeddable.com/remarkable-ui';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup, i18n } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport {\n  createScatterClickHandler,\n  getScatterChartProData,\n  getScatterChartProOptions,\n} from './ScatterChartPro.utils';\n\nimport type { ScatterChartProOptionsClickArg } from './ScatterChartPro.types';\n\nexport type ScatterChartProProps = {\n  xMeasure: Measure;\n  yMeasure: Measure;\n  pointDimension: Dimension;\n  groupByDimension?: Dimension;\n  results: DataResponse;\n  pointColor?: string;\n  showLegend?: boolean;\n  showTooltips?: boolean;\n  showPointLabels?: boolean;\n  showValueLabels?: boolean;\n  showLogarithmicScale?: boolean;\n  xAxisLabel?: string;\n  yAxisLabel?: string;\n  xAxisRangeMin?: number;\n  xAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n  yAxisRangeMax?: number;\n  reverseXAxis?: boolean;\n  onPointClick?: (payload: ScatterChartProOptionsClickArg) => void;\n} & ChartCardHeaderProps;\n\nconst ScatterChartPro = (props: ScatterChartProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    xMeasure,\n    yMeasure,\n    pointDimension,\n    groupByDimension,\n    results,\n    pointColor,\n    showLegend,\n    showTooltips,\n    showPointLabels,\n    showValueLabels,\n    showLogarithmicScale,\n    xAxisRangeMin,\n    xAxisRangeMax,\n    yAxisRangeMin,\n    yAxisRangeMax,\n    reverseXAxis,\n    onPointClick,\n    hideMenu,\n  } = props;\n\n  const { title, description, tooltip, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n\n  const noValueLabel = i18n.t('charts.scatterChart.noValue');\n\n  const chartData = getScatterChartProData(\n    {\n      data: results.data,\n      xMeasure,\n      yMeasure,\n      pointDimension,\n      groupByDimension,\n      noValueLabel,\n      pointColor,\n    },\n    theme,\n  );\n\n  const handleClick = createScatterClickHandler({\n    datasets: chartData.datasets,\n    results,\n    xMeasure,\n    yMeasure,\n    pointDimension,\n    groupByDimension,\n    onPointClick,\n  });\n\n  const chartOptions = mergician(\n    getScatterChartProOptions({ xMeasure, yMeasure, noValueLabel, showPointLabels }, theme),\n    theme.charts.scatterChartPro?.options ?? {},\n  );\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[\n        pointDimension,\n        xMeasure,\n        yMeasure,\n        ...(groupByDimension ? [groupByDimension] : []),\n      ]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      tooltip={tooltip}\n      hideMenu={hideMenu}\n    >\n      <ScatterChart\n        data={chartData}\n        options={chartOptions}\n        nullBandLabel={noValueLabel}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showPointLabels={showPointLabels}\n        showValueLabels={showValueLabels}\n        showLogarithmicScale={showLogarithmicScale}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        xAxisRangeMin={xAxisRangeMin}\n        xAxisRangeMax={xAxisRangeMax}\n        yAxisRangeMin={yAxisRangeMin}\n        yAxisRangeMax={yAxisRangeMax}\n        reverseXAxis={reverseXAxis}\n        onClick={handleClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default ScatterChartPro;\n","import { DataResponse, LoadDataRequest, Value, loadData } from '@embeddable.com/core';\nimport type { ScatterChartProOptionsClickArg } from './ScatterChartPro.types';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\n\nconst meta = {\n  name: 'ScatterChartPro',\n  label: 'Scatter Chart',\n  category: 'Scatter Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.xMeasure,\n    inputs.yMeasure,\n    { ...inputs.dimension, name: 'pointDimension', label: 'Point dimension' },\n    {\n      ...inputs.dimension,\n      name: 'groupByDimension',\n      label: 'Group by (optional)',\n      required: false,\n    },\n    {\n      ...subInputs.color,\n      name: 'pointColor',\n      label: 'Point color',\n      category: 'Component Settings',\n    },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.showLegend,\n    inputs.showTooltips,\n    {\n      ...inputs.boolean,\n      name: 'showPointLabels',\n      label: 'Show point labels',\n      defaultValue: false,\n      category: 'Component Settings',\n    },\n    inputs.showValueLabels,\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseXAxis,\n    inputs.xAxisRangeMin,\n    inputs.xAxisRangeMax,\n    inputs.yAxisRangeMin,\n    inputs.yAxisRangeMax,\n    inputs.maxResults,\n  ],\n  events: [\n    {\n      name: 'onPointClick',\n      label: 'A point is clicked',\n      properties: [\n        { name: 'xMeasureValue', label: 'Clicked X measure value', type: 'string' },\n        { name: 'yMeasureValue', label: 'Clicked Y measure value', type: 'string' },\n        { name: 'pointDimensionValue', label: 'Clicked point dimension value', type: 'string' },\n        { name: 'groupByDimensionValue', label: 'Clicked group by value', type: 'string' },\n        {\n          name: 'pointDimensionTimeRange',\n          label: 'Clicked point dimension time range',\n          type: 'timeRange',\n        },\n        {\n          name: 'groupByDimensionTimeRange',\n          label: 'Clicked group by time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type ScatterChartProState = Record<string, never>;\n\nconst previewConfig = {\n  dataset: previewData.dataset,\n  xMeasure: previewData.measure,\n  yMeasure: previewData.measureVariant,\n  pointDimension: previewData.dimension,\n  results: previewData.results2Measures1Dimension,\n  showLegend: true,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n  limit: inputs.maxResults,\n  from: inputs.dataset,\n  select: [\n    inputs.xMeasure,\n    inputs.yMeasure,\n    inputs.pointDimension,\n    ...(inputs.groupByDimension ? [inputs.groupByDimension] : []),\n  ],\n  timezone: getClientContextTimezone(clientContext?.timezone),\n});\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  clientContext: ThemeClientContext,\n): DataResponse => loadData(loadDataResultsArgs(inputs, clientContext));\n\nconst events = {\n  onPointClick: (value: ScatterChartProOptionsClickArg) => ({\n    xMeasureValue: value.xMeasureValue ?? Value.noFilter(),\n    yMeasureValue: value.yMeasureValue ?? Value.noFilter(),\n    pointDimensionValue: value.pointDimensionValue ?? Value.noFilter(),\n    groupByDimensionValue: value.groupByDimensionValue ?? Value.noFilter(),\n  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [_state, _setState]: [ScatterChartProState, (state: ScatterChartProState) => void],\n  clientContext: ThemeClientContext,\n) => ({\n  ...inputs,\n  pointColor: inputs.pointColor as string | undefined,\n  results: loadDataResults(inputs, clientContext),\n});\n\nexport const scatterChartPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n    events,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n} as const;\n"],"names":["buildDatalabelsValue","xMeasure","yMeasure","formatValue","_value","context","raw","_a","getScatterChartProOptions","noValueLabel","showPointLabels","theme","themeFormatter","getThemeFormatter","measure","value","pointRadius","getStyleNumber","labelGap","labelLineHeight","captionOffset","valueOffset","getScatterScales","ctx","ds","orig","prefix","getPointClickData","point","datasets","data","pointDimension","groupByDimension","rowIdx","_b","row","pointField","getDimensionFieldName","groupField","pointDimensionValue","rawValueToString","groupByDimensionValue","getTimeRangeFromDimensionValue","createScatterClickHandler","results","onPointClick","elementAtEvent","element","clickData","getScatterChartProData","props","chartColors","getChartColors","overrideColor","getColor","color","dimensionOrMeasure","index","getDimensionMeasureColor","buildPoint","rowIndex","rawPoint","pointLabel","measureToNullableNumber","i","groupDim","bucket","key","NULL_GROUP_KEY","points","b","firstRowIndex","groupValue","seriesLabel","colorKey","ScatterChartPro","useTheme","i18nSetup","pointColor","showLegend","showTooltips","showValueLabels","showLogarithmicScale","xAxisRangeMin","xAxisRangeMax","yAxisRangeMin","yAxisRangeMax","reverseXAxis","hideMenu","title","description","tooltip","xAxisLabel","yAxisLabel","resolveI18nProps","i18n","chartData","handleClick","chartOptions","mergician","jsx","ChartCard","ScatterChart","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","events","Value","_state","_setState","scatterChartPro"],"mappings":"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"}
+{"version":3,"file":"definition-Ds-a0Gat.js","sources":["../src/components/charts/scatter/ScatterChartPro/ScatterChartPro.utils.ts","../src/components/charts/scatter/ScatterChartPro/index.tsx","../src/components/charts/scatter/ScatterChartPro/definition.ts"],"sourcesContent":["import { ChartData, type ChartOptions, ScatterDataPoint } from 'chart.js';\nimport { Context } from 'chartjs-plugin-datalabels';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { getTimeRangeFromDimensionValue } from '../../../utils/dimension.utils';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getChartColors, getStyleNumber } from '@embeddable.com/remarkable-ui';\nimport type {\n  ChartClickArgs,\n  ScatterChartInputPoint,\n  ScatterDatasetExtended,\n} from '@embeddable.com/remarkable-ui';\nimport { getDimensionMeasureColor } from '../../../../theme/styles/styles.utils';\nimport type { ScatterChartProOptionsClickArg } from './ScatterChartPro.types';\nimport { getDimensionFieldName } from '../../../../utils/data.utils';\nimport {\n  measureToNullableNumber,\n  rawValueToString,\n  NULL_GROUP_KEY,\n  getScatterScales,\n  type RawValue,\n} from '../scatter.utils';\n\nconst buildDatalabelsValue = (\n  xMeasure: Measure,\n  yMeasure: Measure,\n  formatValue: (measure: Measure, value: number | null | undefined) => string,\n) => ({\n  formatter: (_value: ScatterDataPoint | number | null, context: Context) => {\n    const ds = context.dataset as ScatterDatasetExtended;\n    const raw = ds.originalData?.[context.dataIndex];\n    if (!raw) return '';\n    return `${formatValue(xMeasure, raw.x)}, ${formatValue(yMeasure, raw.y)}`;\n  },\n});\n\nexport const getScatterChartProOptions = (\n  {\n    xMeasure,\n    yMeasure,\n    noValueLabel,\n    showPointLabels,\n  }: {\n    xMeasure: Measure;\n    yMeasure: Measure;\n    noValueLabel: string;\n    showPointLabels?: boolean;\n  },\n  theme: Theme,\n): Partial<ChartOptions<'scatter'>> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  const formatValue = (measure: Measure, value: number | null | undefined): string => {\n    if (value === null || value === undefined) return noValueLabel;\n    return themeFormatter.data(measure, value);\n  };\n\n  const pointRadius = getStyleNumber('--em-scatterchart-point-radius', '0.375rem');\n  const labelGap = getStyleNumber('--em-scatterchart-label-stack-gap', '0.25rem');\n  const labelLineHeight = getStyleNumber('--em-scatterchart-label-stack-height', '1.25rem');\n\n  const captionOffset = pointRadius + labelGap;\n  const valueOffset = showPointLabels\n    ? pointRadius + labelGap + labelLineHeight + labelGap\n    : pointRadius + labelGap;\n\n  return {\n    scales: getScatterScales(xMeasure, yMeasure, (measure: Measure, value: number) =>\n      themeFormatter.data(measure, value),\n    ),\n    plugins: {\n      tooltip: {\n        callbacks: {\n          label: (ctx) => {\n            const ds = ctx.dataset as ScatterDatasetExtended;\n            const orig =\n              ds.originalData?.[ctx.dataIndex] ??\n              (ctx.dataset.data[ctx.dataIndex] as\n                | { x: number | null; y: number | null }\n                | undefined);\n            const prefix = ds.label ? `${ds.label}: ` : '';\n            if (!orig) return prefix;\n            return `${prefix}(${formatValue(xMeasure, orig.x)}, ${formatValue(yMeasure, orig.y)})`;\n          },\n        },\n      },\n      datalabels: {\n        labels: {\n          value: {\n            display: 'auto',\n            ...buildDatalabelsValue(xMeasure, yMeasure, formatValue),\n            anchor: 'center',\n            align: 'bottom',\n            offset: valueOffset,\n          },\n          caption: {\n            display: 'auto',\n            anchor: 'center',\n            align: 'bottom',\n            offset: captionOffset,\n          },\n        },\n      },\n    },\n  };\n};\n\nexport type ScatterPoint = ScatterChartInputPoint & { rowIndex: number };\n\nexport const getPointClickData = (\n  point: { datasetIndex: number; index: number },\n  datasets: ChartData<'scatter', ScatterPoint[]>['datasets'],\n  data: DataResponse['data'],\n  xMeasure: Measure,\n  yMeasure: Measure,\n  pointDimension: Dimension,\n  groupByDimension?: Dimension,\n): ScatterChartProOptionsClickArg | null => {\n  const rowIdx = datasets[point.datasetIndex]?.data[point.index]?.rowIndex;\n  if (rowIdx === undefined) return null;\n  const row = data?.[rowIdx] as Record<string, RawValue> | undefined;\n  if (!row) return null;\n\n  const pointField = getDimensionFieldName(pointDimension);\n  const groupField = groupByDimension ? getDimensionFieldName(groupByDimension) : undefined;\n\n  const pointDimensionValue = rawValueToString(row[pointField]);\n  const groupByDimensionValue = groupField ? rawValueToString(row[groupField]) : null;\n\n  return {\n    xMeasureValue: rawValueToString(row[xMeasure.name]),\n    yMeasureValue: rawValueToString(row[yMeasure.name]),\n    pointDimensionValue,\n    groupByDimensionValue,\n    pointDimensionTimeRange: getTimeRangeFromDimensionValue({\n      value: pointDimensionValue,\n      dimension: pointDimension,\n    }),\n    groupByDimensionTimeRange: getTimeRangeFromDimensionValue({\n      value: groupByDimensionValue ?? undefined,\n      dimension: groupByDimension,\n    }),\n  };\n};\n\nexport const createScatterClickHandler = ({\n  datasets,\n  results,\n  xMeasure,\n  yMeasure,\n  pointDimension,\n  groupByDimension,\n  onPointClick,\n}: {\n  datasets: ChartData<'scatter', ScatterPoint[]>['datasets'];\n  results: DataResponse;\n  xMeasure: Measure;\n  yMeasure: Measure;\n  pointDimension: Dimension;\n  groupByDimension?: Dimension;\n  onPointClick?: (payload: ScatterChartProOptionsClickArg) => void;\n}): ((args: ChartClickArgs) => void) => {\n  return ({ elementAtEvent }) => {\n    const element = elementAtEvent[0];\n    if (!element) return;\n    const clickData = getPointClickData(\n      element,\n      datasets,\n      results.data,\n      xMeasure,\n      yMeasure,\n      pointDimension,\n      groupByDimension,\n    );\n    if (clickData) onPointClick?.(clickData);\n  };\n};\n\nexport const getScatterChartProData = (\n  props: {\n    data: DataResponse['data'];\n    xMeasure: Measure;\n    yMeasure: Measure;\n    pointDimension: Dimension;\n    groupByDimension?: Dimension | null;\n    noValueLabel: string;\n    pointColor?: string;\n  },\n  theme: Theme,\n): ChartData<'scatter', ScatterPoint[]> => {\n  const themeFormatter = getThemeFormatter(theme);\n  const chartColors = getChartColors();\n  const data = (props.data ?? []) as Record<string, unknown>[];\n  const pointField = getDimensionFieldName(props.pointDimension);\n  const overrideColor = props.pointColor?.trim() || undefined;\n\n  if (!data.length) {\n    return { datasets: [{ label: '', data: [] }] };\n  }\n\n  const getColor = (\n    color: 'background' | 'border',\n    dimensionOrMeasure: Dimension | Measure,\n    value: string,\n    index: number,\n  ) =>\n    overrideColor ??\n    getDimensionMeasureColor({ dimensionOrMeasure, theme, color, value, index, chartColors });\n\n  const buildPoint = (row: Record<string, unknown>, rowIndex: number): ScatterPoint => {\n    const rawPoint = row[pointField];\n    const pointLabel =\n      rawPoint == null\n        ? props.noValueLabel\n        : String(themeFormatter.data(props.pointDimension, rawPoint as string | number | boolean));\n    return {\n      x: measureToNullableNumber(row[props.xMeasure.name]),\n      y: measureToNullableNumber(row[props.yMeasure.name]),\n      pointLabel,\n      label: pointLabel,\n      rowIndex,\n    };\n  };\n\n  if (!props.groupByDimension) {\n    return {\n      datasets: [\n        {\n          label: themeFormatter.dimensionOrMeasureTitle(props.yMeasure),\n          data: data.map((row, i) => buildPoint(row, i)),\n          pointBackgroundColor: getColor('background', props.xMeasure, props.xMeasure.name, 0),\n          pointBorderColor: getColor('border', props.xMeasure, props.xMeasure.name, 0),\n        },\n      ],\n    };\n  }\n\n  const groupDim = props.groupByDimension;\n  const groupField = getDimensionFieldName(groupDim);\n  const bucket = new Map<string, ScatterPoint[]>();\n\n  data.forEach((row, rowIndex) => {\n    const key = row[groupField] == null ? NULL_GROUP_KEY : String(row[groupField]);\n    const points = bucket.get(key) ?? [];\n    points.push(buildPoint(row, rowIndex));\n    bucket.set(key, points);\n  });\n\n  const sortedKeys = [...bucket.keys()].sort((a, b) => {\n    if (a === NULL_GROUP_KEY) return 1;\n    if (b === NULL_GROUP_KEY) return -1;\n    return a.localeCompare(b);\n  });\n\n  const datasets = sortedKeys.map((key, index) => {\n    const points = bucket.get(key)!;\n    const firstRowIndex = points[0]!.rowIndex;\n    const groupValue = key === NULL_GROUP_KEY ? null : data[firstRowIndex]?.[groupField];\n    const seriesLabel =\n      key === NULL_GROUP_KEY\n        ? props.noValueLabel\n        : themeFormatter.data(groupDim, groupValue as string | number | boolean);\n    const colorKey = key === NULL_GROUP_KEY ? `${groupDim.name}.null` : `${groupDim.name}.${key}`;\n\n    return {\n      label: seriesLabel,\n      data: points,\n      pointBackgroundColor: getColor('background', groupDim, colorKey, index),\n      pointBorderColor: getColor('border', groupDim, colorKey, index),\n    };\n  });\n\n  return { datasets };\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { ScatterChart } from '@embeddable.com/remarkable-ui';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup, i18n } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport {\n  createScatterClickHandler,\n  getScatterChartProData,\n  getScatterChartProOptions,\n} from './ScatterChartPro.utils';\n\nimport type { ScatterChartProOptionsClickArg } from './ScatterChartPro.types';\n\nexport type ScatterChartProProps = {\n  xMeasure: Measure;\n  yMeasure: Measure;\n  pointDimension: Dimension;\n  groupByDimension?: Dimension;\n  results: DataResponse;\n  pointColor?: string;\n  showLegend?: boolean;\n  showTooltips?: boolean;\n  showPointLabels?: boolean;\n  showValueLabels?: boolean;\n  showLogarithmicScale?: boolean;\n  xAxisLabel?: string;\n  yAxisLabel?: string;\n  xAxisRangeMin?: number;\n  xAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n  yAxisRangeMax?: number;\n  reverseXAxis?: boolean;\n  onPointClick?: (payload: ScatterChartProOptionsClickArg) => void;\n} & ChartCardHeaderProps;\n\nconst ScatterChartPro = (props: ScatterChartProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    xMeasure,\n    yMeasure,\n    pointDimension,\n    groupByDimension,\n    results,\n    pointColor,\n    showLegend,\n    showTooltips,\n    showPointLabels,\n    showValueLabels,\n    showLogarithmicScale,\n    xAxisRangeMin,\n    xAxisRangeMax,\n    yAxisRangeMin,\n    yAxisRangeMax,\n    reverseXAxis,\n    onPointClick,\n    hideMenu,\n  } = props;\n\n  const { title, description, tooltip, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n\n  const noValueLabel = i18n.t('charts.scatterChart.noValue');\n\n  const chartData = getScatterChartProData(\n    {\n      data: results.data,\n      xMeasure,\n      yMeasure,\n      pointDimension,\n      groupByDimension,\n      noValueLabel,\n      pointColor,\n    },\n    theme,\n  );\n\n  const handleClick = createScatterClickHandler({\n    datasets: chartData.datasets,\n    results,\n    xMeasure,\n    yMeasure,\n    pointDimension,\n    groupByDimension,\n    onPointClick,\n  });\n\n  const chartOptions = mergician(\n    getScatterChartProOptions({ xMeasure, yMeasure, noValueLabel, showPointLabels }, theme),\n    theme.charts.scatterChartPro?.options ?? {},\n  );\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[\n        pointDimension,\n        xMeasure,\n        yMeasure,\n        ...(groupByDimension ? [groupByDimension] : []),\n      ]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      tooltip={tooltip}\n      hideMenu={hideMenu}\n    >\n      <ScatterChart\n        data={chartData}\n        options={chartOptions}\n        nullBandLabel={noValueLabel}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showPointLabels={showPointLabels}\n        showValueLabels={showValueLabels}\n        showLogarithmicScale={showLogarithmicScale}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        xAxisRangeMin={xAxisRangeMin}\n        xAxisRangeMax={xAxisRangeMax}\n        yAxisRangeMin={yAxisRangeMin}\n        yAxisRangeMax={yAxisRangeMax}\n        reverseXAxis={reverseXAxis}\n        onClick={handleClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default ScatterChartPro;\n","import { DataResponse, LoadDataRequest, Value, loadData } from '@embeddable.com/core';\nimport type { ScatterChartProOptionsClickArg } from './ScatterChartPro.types';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\n\nconst meta = {\n  name: 'ScatterChartPro',\n  label: 'Scatter Chart',\n  category: 'Scatter Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.xMeasure,\n    inputs.yMeasure,\n    { ...inputs.dimension, name: 'pointDimension', label: 'Point dimension' },\n    {\n      ...inputs.dimension,\n      name: 'groupByDimension',\n      label: 'Group by (optional)',\n      required: false,\n    },\n    {\n      ...subInputs.color,\n      name: 'pointColor',\n      label: 'Point color',\n      category: 'Component Settings',\n    },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.showLegend,\n    inputs.showTooltips,\n    {\n      ...inputs.boolean,\n      name: 'showPointLabels',\n      label: 'Show point labels',\n      defaultValue: false,\n      category: 'Component Settings',\n    },\n    inputs.showValueLabels,\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseXAxis,\n    inputs.xAxisRangeMin,\n    inputs.xAxisRangeMax,\n    inputs.yAxisRangeMin,\n    inputs.yAxisRangeMax,\n    inputs.maxResults,\n  ],\n  events: [\n    {\n      name: 'onPointClick',\n      label: 'A point is clicked',\n      properties: [\n        { name: 'xMeasureValue', label: 'Clicked X measure value', type: 'string' },\n        { name: 'yMeasureValue', label: 'Clicked Y measure value', type: 'string' },\n        { name: 'pointDimensionValue', label: 'Clicked point dimension value', type: 'string' },\n        { name: 'groupByDimensionValue', label: 'Clicked group by value', type: 'string' },\n        {\n          name: 'pointDimensionTimeRange',\n          label: 'Clicked point dimension time range',\n          type: 'timeRange',\n        },\n        {\n          name: 'groupByDimensionTimeRange',\n          label: 'Clicked group by time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type ScatterChartProState = Record<string, never>;\n\nconst previewConfig = {\n  dataset: previewData.dataset,\n  xMeasure: previewData.measure,\n  yMeasure: previewData.measureVariant,\n  pointDimension: previewData.dimension,\n  results: previewData.results2Measures1Dimension,\n  showLegend: true,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n  limit: inputs.maxResults,\n  from: inputs.dataset,\n  select: [\n    inputs.xMeasure,\n    inputs.yMeasure,\n    inputs.pointDimension,\n    ...(inputs.groupByDimension ? [inputs.groupByDimension] : []),\n  ],\n  timezone: getClientContextTimezone(clientContext?.timezone),\n});\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  clientContext: ThemeClientContext,\n): DataResponse => loadData(loadDataResultsArgs(inputs, clientContext));\n\nconst events = {\n  onPointClick: (value: ScatterChartProOptionsClickArg) => ({\n    xMeasureValue: value.xMeasureValue ?? Value.noFilter(),\n    yMeasureValue: value.yMeasureValue ?? Value.noFilter(),\n    pointDimensionValue: value.pointDimensionValue ?? Value.noFilter(),\n    groupByDimensionValue: value.groupByDimensionValue ?? Value.noFilter(),\n  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [_state, _setState]: [ScatterChartProState, (state: ScatterChartProState) => void],\n  clientContext: ThemeClientContext,\n) => ({\n  ...inputs,\n  pointColor: inputs.pointColor as string | undefined,\n  results: loadDataResults(inputs, clientContext),\n});\n\nexport const scatterChartPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n    events,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n} as const;\n"],"names":["buildDatalabelsValue","xMeasure","yMeasure","formatValue","_value","context","raw","_a","getScatterChartProOptions","noValueLabel","showPointLabels","theme","themeFormatter","getThemeFormatter","measure","value","pointRadius","getStyleNumber","labelGap","labelLineHeight","captionOffset","valueOffset","getScatterScales","ctx","ds","orig","prefix","getPointClickData","point","datasets","data","pointDimension","groupByDimension","rowIdx","_b","row","pointField","getDimensionFieldName","groupField","pointDimensionValue","rawValueToString","groupByDimensionValue","getTimeRangeFromDimensionValue","createScatterClickHandler","results","onPointClick","elementAtEvent","element","clickData","getScatterChartProData","props","chartColors","getChartColors","overrideColor","getColor","color","dimensionOrMeasure","index","getDimensionMeasureColor","buildPoint","rowIndex","rawPoint","pointLabel","measureToNullableNumber","i","groupDim","bucket","key","NULL_GROUP_KEY","points","b","firstRowIndex","groupValue","seriesLabel","colorKey","ScatterChartPro","useTheme","i18nSetup","pointColor","showLegend","showTooltips","showValueLabels","showLogarithmicScale","xAxisRangeMin","xAxisRangeMax","yAxisRangeMin","yAxisRangeMax","reverseXAxis","hideMenu","title","description","tooltip","xAxisLabel","yAxisLabel","resolveI18nProps","i18n","chartData","handleClick","chartOptions","mergician","jsx","ChartCard","ScatterChart","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","events","Value","_state","_setState","scatterChartPro"],"mappings":"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"}

package/dist/{definition-J5L1OB8L.js → definition-PDaAOTSz.js}

@@ -1,15 +1,15 @@
-import { t as B, y as v, m as I, j as A, L as W, V as R, l as _ } from "./index-CHaNvsBE.js";
+import { t as B, y as v, m as I, j as A, J as W, V as R, l as _ } from "./index-7D6uMJ-C.js";
 import { useTheme as X, definePreview as H } from "@embeddable.com/react";
 import { a as N, r as U } from "./component.utils-Dua9clQJ.js";
-import { C as Y } from "./ChartCard-CJ22uvCY.js";
-import { g as F } from "./formatter.utils-Bh16Z5MP.js";
+import { C as Y } from "./ChartCard-DXg1i7Y2.js";
+import { g as F } from "./formatter.utils-Y14po21h.js";
 import { g as w } from "./styles.utils-C8CnV0SB.js";
 import { i as T, s as $ } from "./color.utils-BSg_DFOh.js";
-import { b as E, c as q } from "./charts.utils-BsDHsezy.js";
-import { u as J } from "./charts.fillGaps.hooks-DwOSYTMl.js";
-import { C as K, g as Q } from "./granularity.utils-BnW9IBu_.js";
-import { i, s as C } from "./component.inputs.constants-BBgApY3a.js";
-import { p as y } from "./preview.data.constants-Azny20uQ.js";
+import { b as E, c as J } from "./charts.utils-DOtSJB7u.js";
+import { u as q } from "./charts.fillGaps.hooks-DwMWViua.js";
+import { C as K, g as Q } from "./granularity.utils-DwARRSja.js";
+import { i, s as C } from "./component.inputs.constants-ByMVK7Vv.js";
+import { p as y } from "./preview.data.constants-BSjhK_tx.js";
 import { g as Z } from "./clientContext.utils-DpB5KsfX.js";
 const ee = (e, s) => {
   if (!e.data)
@@ -115,7 +115,7 @@ const ee = (e, s) => {
     yAxisRangeMin: M,
     setGranularity: k,
     onLineClicked: P
-  } = e, f = J({
+  } = e, f = q({
     results: e.results,
     dimension: n
   }), L = ee(
@@ -126,7 +126,7 @@ const ee = (e, s) => {
       hasMinMaxYAxisRange: M != null || x != null
     },
     s
-  ), O = ae({ data: L, dimension: n, measures: m }, s), j = !o && !l && !a, z = q({
+  ), O = ae({ data: L, dimension: n, measures: m }, s), j = !o && !l && !a, z = J({
     data: L,
     dimension: n,
     granularity: t,
@@ -280,4 +280,4 @@ export {
   fe as i,
   Le as l
 };
-//# sourceMappingURL=definition-J5L1OB8L.js.map
+//# sourceMappingURL=definition-PDaAOTSz.js.map

package/dist/{definition-J5L1OB8L.js.map → definition-PDaAOTSz.js.map}

@@ -1 +1 @@
-{"version":3,"file":"definition-J5L1OB8L.js","sources":["../src/components/charts/lines/LineChartDefaultPro/LineChartDefaultPro.utils.ts","../src/components/charts/lines/LineChartDefaultPro/index.tsx","../src/components/charts/lines/LineChartDefaultPro/definition.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 { getChartColors, getStyleNumber } from '@embeddable.com/remarkable-ui';\nimport { getDimensionMeasureColor } from '../../../../theme/styles/styles.utils';\nimport { mergician } from 'mergician';\nimport { isColorValid, setColorAlpha } from '../../../../utils/color.utils';\nimport { getDimensionWithoutTruncation } from '../../charts.utils';\n\nexport const getLineChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    measures: Measure[];\n    hasMinMaxYAxisRange: boolean;\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 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      const chartColors = getChartColors();\n      const backgroundColor = isColorValid(lineColor)\n        ? lineColor\n        : getDimensionMeasureColor({\n            dimensionOrMeasure: measure,\n            theme,\n            color: 'background',\n            value: measure.name,\n            chartColors,\n            index,\n          });\n\n      const borderColor = isColorValid(lineColor)\n        ? lineColor\n        : getDimensionMeasureColor({\n            dimensionOrMeasure: measure,\n            theme,\n            color: 'border',\n            value: measure.name,\n            chartColors,\n            index,\n          });\n\n      return {\n        clip: props.hasMinMaxYAxisRange,\n        label: themeFormatter.dimensionOrMeasureTitle(measure),\n        data: values,\n        backgroundColor: setColorAlpha(backgroundColor, 0.5),\n        pointBackgroundColor: backgroundColor,\n        borderDash: measure.inputs?.dashedLine\n          ? [\n              getStyleNumber('--em-linechart-line-dash', '0.25rem'),\n              getStyleNumber('--em-linechart-line-gap', '0.25rem'),\n            ]\n          : undefined,\n        borderColor,\n        fill: Boolean(measure.inputs?.fillUnderLine),\n      } as ChartData<'line'>['datasets'][number];\n    }),\n  };\n};\n\nexport const getLineChartProOptions = (\n  options: {\n    dimension: Dimension;\n    measures: Measure[];\n    data: ChartData<'line'>;\n  },\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(getDimensionWithoutTruncation(dimension), label);\n          },\n          label: (context) => {\n            const measure = measures[context.datasetIndex]!;\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(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, Granularity, Measure } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { getLineChartProData, getLineChartProOptions } from './LineChartDefaultPro.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { LineChartProOptionsClick } from '../lines.types';\nimport { LineChart } from '@embeddable.com/remarkable-ui';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\nimport { createSimpleClickHandler } from '../../charts.utils';\n\nexport type LineChartProPropsOnLineClicked = { axisDimensionValue: string | null };\n\nexport type LineChartProProps = {\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  xAxisLabel?: string;\n  yAxisLabel?: string;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n  granularity?: Granularity;\n  setGranularity?: (granularity: Granularity) => void;\n  onLineClicked?: LineChartProOptionsClick;\n} & ChartCardHeaderProps;\n\nconst LineChartPro = (props: LineChartProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, tooltip, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n  const {\n    hideMenu,\n    measures,\n    granularity,\n    xAxis,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    setGranularity,\n    onLineClicked,\n  } = props;\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: xAxis,\n  });\n\n  const data = getLineChartProData(\n    {\n      data: results.data,\n      dimension: xAxis,\n      measures,\n      hasMinMaxYAxisRange: Boolean(yAxisRangeMin != null || yAxisRangeMax != null),\n    },\n    theme,\n  );\n  const options = getLineChartProOptions({ data, dimension: xAxis, measures }, theme);\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n  const handleClick = createSimpleClickHandler({\n    data,\n    dimension: xAxis,\n    granularity,\n    onClicked: onLineClicked,\n  });\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[...measures, xAxis]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      tooltip={tooltip}\n      hideMenu={hideMenu}\n    >\n      {setGranularity && (\n        <ChartGranularitySelectField\n          hasMarginTop={granularitySelectorHasMarginTop}\n          dimension={xAxis}\n          onChange={setGranularity}\n        />\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        onClick={handleClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default LineChartPro;\n","import {\n  DataResponse,\n  Dimension,\n  Granularity,\n  LoadDataRequest,\n  Value,\n  loadData,\n} from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { LineChartProOptionsClickArg } from '../lines.types';\nimport { inputs } from '../../../component.inputs.constants';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\n\nconst meta = {\n  name: 'LineChartDefaultPro',\n  label: 'Line Chart - Default',\n  category: 'Line Charts',\n  inputs: [\n    inputs.dataset,\n    {\n      ...inputs.measures,\n      inputs: [\n        ...inputs.measures.inputs,\n        { ...subInputs.boolean, name: 'fillUnderLine', label: 'Fill under line' },\n        {\n          ...subInputs.color,\n          name: 'lineColor',\n          label: 'Line color',\n        },\n        {\n          ...subInputs.boolean,\n          name: 'connectGaps',\n          label: 'Connect gaps',\n          defaultValue: true,\n        },\n        {\n          ...subInputs.boolean,\n          name: 'dashedLine',\n          label: 'Dashed line',\n          defaultValue: false,\n        },\n      ],\n    },\n    { ...inputs.dimensionWithGranularitySelectField, label: 'X-axis', name: 'xAxis' },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.showLegend,\n    inputs.showTooltips,\n    inputs.showValueLabels,\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseXAxis,\n    inputs.yAxisRangeMin,\n    inputs.yAxisRangeMax,\n    inputs.maxResults,\n  ],\n  events: [\n    {\n      name: 'onLineClicked',\n      label: 'A line is clicked',\n      properties: [\n        {\n          name: 'axisDimensionValue',\n          label: 'Clicked axis dimension value',\n          type: 'string',\n        },\n        {\n          name: 'axisDimensionTimeRange',\n          label: 'Clicked axis dimension time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type LineChartDefaultProState = {\n  granularity?: Granularity;\n};\n\nconst previewConfig = {\n  xAxis: previewData.dimension,\n  measures: [previewData.measure],\n  results: previewData.results1Measure1Dimension,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  xAxis?: Dimension,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n  limit: inputs.maxResults,\n  from: inputs.dataset,\n  select: [...inputs.measures, xAxis ?? inputs.xAxis],\n  timezone: getClientContextTimezone(clientContext?.timezone),\n});\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  xAxis: Dimension,\n  clientContext: ThemeClientContext,\n): DataResponse => loadData(loadDataResultsArgs(inputs, xAxis, clientContext));\n\nconst events = {\n  onLineClicked: (value: LineChartProOptionsClickArg) => {\n    return {\n      axisDimensionValue: value.dimensionValue ?? Value.noFilter(),\n      axisDimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n    };\n  },\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [LineChartDefaultProState, (state: LineChartDefaultProState) => void],\n  clientContext: ThemeClientContext,\n) => {\n  const xAxisWithGranularity = getDimensionWithGranularity(inputs.xAxis, state?.granularity);\n\n  return {\n    ...inputs,\n    xAxis: xAxisWithGranularity,\n    setGranularity: (granularity: Granularity) => setState({ granularity }),\n    results: loadDataResults(inputs, xAxisWithGranularity, clientContext),\n  };\n};\n\nexport const lineChartDefaultPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n    events,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n} as const;\n"],"names":["getLineChartProData","props","theme","themeFormatter","getThemeFormatter","groupedData","item","measure","index","zeroFill","_a","values","lineColor","_b","chartColors","getChartColors","backgroundColor","isColorValid","getDimensionMeasureColor","borderColor","setColorAlpha","_c","getStyleNumber","_d","getLineChartProOptions","options","dimension","data","measures","mergician","value","context","label","getDimensionWithoutTruncation","raw","LineChartPro","useTheme","i18nSetup","title","description","tooltip","xAxisLabel","yAxisLabel","resolveI18nProps","hideMenu","granularity","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","setGranularity","onLineClicked","results","useFillGaps","granularitySelectorHasMarginTop","handleClick","createSimpleClickHandler","jsxs","ChartCard","jsx","ChartGranularitySelectField","LineChart","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","events","Value","state","setState","xAxisWithGranularity","getDimensionWithGranularity","lineChartDefaultPro"],"mappings":";;;;;;;;;;;;;AAUO,MAAMA,KAAsB,CACjCC,GAMAC,MACsB;AACtB,MAAI,CAACD,EAAM;AACT,WAAO;AAAA,MACL,QAAQ,CAAA;AAAA,MACR,UAAU,CAAC,EAAE,MAAM,IAAI;AAAA,IAAA;AAI3B,QAAME,IAAiBC,EAAkBF,CAAK,GAExCG,IAAcJ,EAAM;AAE1B,SAAO;AAAA,IACL,QAAQI,EAAY,IAAI,CAACC,MAChBA,EAAKL,EAAM,UAAU,IAAI,CACjC;AAAA,IACD,UAAUA,EAAM,SAAS,IAAI,CAACM,GAASC,MAAU;;AAC/C,YAAMC,IAAW,IAAQC,IAAAH,EAAQ,WAAR,QAAAG,EAAiB,cACpCC,IAASN,EAAY,IAAI,CAACC,MAASA,EAAKC,EAAQ,IAAI,MAAME,IAAW,IAAI,KAAK,GAE9EG,KAAYC,IAAAN,EAAQ,WAAR,gBAAAM,EAAiB,WAC7BC,IAAcC,EAAA,GACdC,IAAkBC,EAAaL,CAAS,IAC1CA,IACAM,EAAyB;AAAA,QACvB,oBAAoBX;AAAA,QACpB,OAAAL;AAAA,QACA,OAAO;AAAA,QACP,OAAOK,EAAQ;AAAA,QACf,aAAAO;AAAA,QACA,OAAAN;AAAA,MAAA,CACD,GAECW,IAAcF,EAAaL,CAAS,IACtCA,IACAM,EAAyB;AAAA,QACvB,oBAAoBX;AAAA,QACpB,OAAAL;AAAA,QACA,OAAO;AAAA,QACP,OAAOK,EAAQ;AAAA,QACf,aAAAO;AAAA,QACA,OAAAN;AAAA,MAAA,CACD;AAEL,aAAO;AAAA,QACL,MAAMP,EAAM;AAAA,QACZ,OAAOE,EAAe,wBAAwBI,CAAO;AAAA,QACrD,MAAMI;AAAA,QACN,iBAAiBS,EAAcJ,GAAiB,GAAG;AAAA,QACnD,sBAAsBA;AAAA,QACtB,aAAYK,IAAAd,EAAQ,WAAR,QAAAc,EAAgB,aACxB;AAAA,UACEC,EAAe,4BAA4B,SAAS;AAAA,UACpDA,EAAe,2BAA2B,SAAS;AAAA,QAAA,IAErD;AAAA,QACJ,aAAAH;AAAA,QACA,MAAM,IAAQI,IAAAhB,EAAQ,WAAR,QAAAgB,EAAgB;AAAA,MAAa;AAAA,IAE/C,CAAC;AAAA,EAAA;AAEL,GAEaC,KAAyB,CACpCC,GAKAvB,MACyB;;AACzB,QAAM,EAAE,WAAAwB,GAAW,MAAAC,GAAM,UAAAC,EAAA,IAAaH,GAChCtB,IAAiBC,EAAkBF,CAAK;AAiD9C,SAAO2B,EA/CwC;AAAA,IAC7C,SAAS;AAAA,MACP,YAAY;AAAA,QACV,QAAQ;AAAA,UACN,OAAO;AAAA,YACL,WAAW,CAACC,GAAwBC,MAAY;AAC9C,oBAAMxB,IAAUqB,EAASG,EAAQ,YAAY;AAC7C,qBAAO5B,EAAe,KAAKI,GAASuB,CAAK;AAAA,YAC3C;AAAA,UAAA;AAAA,QACF;AAAA,MACF;AAAA,MAEF,SAAS;AAAA,QACP,WAAW;AAAA,UACT,OAAO,CAACC,MAAY;;AAClB,kBAAMC,KAAQtB,IAAAqB,EAAQ,CAAC,MAAT,gBAAArB,EAAY;AAC1B,mBAAOP,EAAe,KAAK8B,EAA8BP,CAAS,GAAGM,CAAK;AAAA,UAC5E;AAAA,UACA,OAAO,CAACD,MAAY;AAClB,kBAAMxB,IAAUqB,EAASG,EAAQ,YAAY,GACvCG,IAAMH,EAAQ;AACpB,mBAAO,GAAGA,EAAQ,QAAQ,KAAK,KAAK5B,EAAe,KAAKI,GAAS2B,CAAG,CAAC;AAAA,UACvE;AAAA,QAAA;AAAA,MACF;AAAA,IACF;AAAA,IAEF,QAAQ;AAAA,MACN,GAAG;AAAA,QACD,OAAO;AAAA,UACL,UAAU,CAACJ,MAAU;AACnB,gBAAI,CAACH,KAAQ,CAACA,EAAK,OAAQ;AAE3B,kBAAMK,IAAQL,EAAK,OAAO,OAAOG,CAAK,CAAC;AACvC,mBAAO3B,EAAe,KAAKuB,GAAWM,CAAK;AAAA,UAC7C;AAAA,QAAA;AAAA,MACF;AAAA,MAEF,GAAG;AAAA,QACD,OAAO;AAAA,UACL,UAAU,CAACF,MACF3B,EAAe,KAAKyB,EAAS,CAAC,GAAIE,CAAK;AAAA,QAChD;AAAA,MACF;AAAA,IACF;AAAA,EACF,KAGiCjB,KAAAH,IAAAR,EAAM,WAAN,gBAAAQ,EAAc,wBAAd,gBAAAG,EAAmC,YAAW,EAAE;AACrF,GC3GMsB,IAAe,CAAClC,MAA6B;AACjD,QAAMC,IAAekC,EAAA;AACrB,EAAAC,EAAUnC,CAAK;AAEf,QAAM,EAAE,OAAAoC,GAAO,aAAAC,GAAa,SAAAC,GAAS,YAAAC,GAAY,YAAAC,EAAA,IAAeC,EAAiB1C,CAAK,GAChF;AAAA,IACJ,UAAA2C;AAAA,IACA,UAAAhB;AAAA,IACA,aAAAiB;AAAA,IACA,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,EAAA,IACEtD,GAEEuD,IAAUC,EAAY;AAAA,IAC1B,SAASxD,EAAM;AAAA,IACf,WAAW6C;AAAA,EAAA,CACZ,GAEKnB,IAAO3B;AAAA,IACX;AAAA,MACE,MAAMwD,EAAQ;AAAA,MACd,WAAWV;AAAA,MACX,UAAAlB;AAAA,MACA,qBAA6ByB,KAAiB,QAAQD,KAAiB;AAAA,IAAI;AAAA,IAE7ElD;AAAA,EAAA,GAEIuB,IAAUD,GAAuB,EAAE,MAAAG,GAAM,WAAWmB,GAAO,UAAAlB,EAAA,GAAY1B,CAAK,GAE5EwD,IAAkC,CAACpB,KAAS,CAACC,KAAe,CAACC,GAE7DmB,IAAcC,EAAyB;AAAA,IAC3C,MAAAjC;AAAA,IACA,WAAWmB;AAAA,IACX,aAAAD;AAAA,IACA,WAAWU;AAAA,EAAA,CACZ;AAED,SACEM,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMN;AAAA,MACN,uBAAuB,CAAC,GAAG5B,GAAUkB,CAAK;AAAA,MAC1C,cAAcU,EAAQ;AAAA,MACtB,aAAAjB;AAAA,MACA,OAAAD;AAAA,MACA,SAAAE;AAAA,MACA,UAAAI;AAAA,MAEC,UAAA;AAAA,QAAAU,KACCS,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,cAAcN;AAAA,YACd,WAAWZ;AAAA,YACX,UAAUQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGdS,gBAAAA,EAAAA;AAAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAAtC;AAAA,YACA,cAAAoB;AAAA,YACA,YAAAC;AAAA,YACA,sBAAAC;AAAA,YACA,cAAAC;AAAA,YACA,iBAAAC;AAAA,YACA,YAAAV;AAAA,YACA,YAAAC;AAAA,YACA,eAAAU;AAAA,YACA,eAAAC;AAAA,YACA,SAAA5B;AAAA,YACA,SAASkC;AAAA,UAAA;AAAA,QAAA;AAAA,MACX;AAAA,IAAA;AAAA,EAAA;AAGN;;;8CC9FMO,KAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,QAAQ;AAAA,QACN,GAAGA,EAAO,SAAS;AAAA,QACnB,EAAE,GAAGC,EAAU,SAAS,MAAM,iBAAiB,OAAO,kBAAA;AAAA,QACtD;AAAA,UACE,GAAGA,EAAU;AAAA,UACb,MAAM;AAAA,UACN,OAAO;AAAA,QAAA;AAAA,QAET;AAAA,UACE,GAAGA,EAAU;AAAA,UACb,MAAM;AAAA,UACN,OAAO;AAAA,UACP,cAAc;AAAA,QAAA;AAAA,QAEhB;AAAA,UACE,GAAGA,EAAU;AAAA,UACb,MAAM;AAAA,UACN,OAAO;AAAA,UACP,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,IAEF,EAAE,GAAGD,EAAO,qCAAqC,OAAO,UAAU,MAAM,QAAA;AAAA,IACxEA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,EAAA;AAAA,EAET,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,QAER;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEJ,GAMME,IAAgB;AAAA,EACpB,OAAOC,EAAY;AAAA,EACnB,UAAU,CAACA,EAAY,OAAO;AAAA,EAC9B,SAASA,EAAY;AAAA,EACrB,UAAU;AACZ,GAEMC,KAAUC,EAAcC,GAAWJ,CAAa,GAEhDK,IAAsB,CAC1BP,GACArB,GACA6B,OACqB;AAAA,EACrB,OAAOR,EAAO;AAAA,EACd,MAAMA,EAAO;AAAA,EACb,QAAQ,CAAC,GAAGA,EAAO,UAAUrB,KAASqB,EAAO,KAAK;AAAA,EAClD,UAAUS,EAAyBD,KAAA,gBAAAA,EAAe,QAAQ;AAC5D,IAEME,IAAkB,CACtBV,GACArB,GACA6B,MACiBG,EAASJ,EAAoBP,GAAQrB,GAAO6B,CAAa,CAAC,GAEvEI,KAAS;AAAA,EACb,eAAe,CAACjD,OACP;AAAA,IACL,oBAAoBA,EAAM,kBAAkBkD,EAAM,SAAA;AAAA,IAClD,wBAAwBlD,EAAM,sBAAsBkD,EAAM,SAAA;AAAA,EAAS;AAGzE,GAEM/E,KAAQ,CACZkE,GACA,CAACc,GAAOC,CAAQ,GAChBP,MACG;AACH,QAAMQ,IAAuBC,EAA4BjB,EAAO,OAAOc,KAAA,gBAAAA,EAAO,WAAW;AAEzF,SAAO;AAAA,IACL,GAAGd;AAAAA,IACH,OAAOgB;AAAA,IACP,gBAAgB,CAACtC,MAA6BqC,EAAS,EAAE,aAAArC,GAAa;AAAA,IACtE,SAASgC,EAAgBV,GAAQgB,GAAsBR,CAAa;AAAA,EAAA;AAExE,GAEaU,KAAsB;AAAA,EAAA,WACjCZ;AAAAA,EACA,MAAAP;AAAA,EACA,SAAAK;AAAA,EACA,eAAAF;AAAA,EACA,QAAQ;AAAA,IACN,OAAApE;AAAA,IACA,QAAA8E;AAAA,EAAA;AAAA,EAEF,SAAS;AAAA,IACP,cAAcL;AAAA,IACd,UAAUG;AAAA,EAAA;AAEd;"}
+{"version":3,"file":"definition-PDaAOTSz.js","sources":["../src/components/charts/lines/LineChartDefaultPro/LineChartDefaultPro.utils.ts","../src/components/charts/lines/LineChartDefaultPro/index.tsx","../src/components/charts/lines/LineChartDefaultPro/definition.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 { getChartColors, getStyleNumber } from '@embeddable.com/remarkable-ui';\nimport { getDimensionMeasureColor } from '../../../../theme/styles/styles.utils';\nimport { mergician } from 'mergician';\nimport { isColorValid, setColorAlpha } from '../../../../utils/color.utils';\nimport { getDimensionWithoutTruncation } from '../../charts.utils';\n\nexport const getLineChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    measures: Measure[];\n    hasMinMaxYAxisRange: boolean;\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 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      const chartColors = getChartColors();\n      const backgroundColor = isColorValid(lineColor)\n        ? lineColor\n        : getDimensionMeasureColor({\n            dimensionOrMeasure: measure,\n            theme,\n            color: 'background',\n            value: measure.name,\n            chartColors,\n            index,\n          });\n\n      const borderColor = isColorValid(lineColor)\n        ? lineColor\n        : getDimensionMeasureColor({\n            dimensionOrMeasure: measure,\n            theme,\n            color: 'border',\n            value: measure.name,\n            chartColors,\n            index,\n          });\n\n      return {\n        clip: props.hasMinMaxYAxisRange,\n        label: themeFormatter.dimensionOrMeasureTitle(measure),\n        data: values,\n        backgroundColor: setColorAlpha(backgroundColor, 0.5),\n        pointBackgroundColor: backgroundColor,\n        borderDash: measure.inputs?.dashedLine\n          ? [\n              getStyleNumber('--em-linechart-line-dash', '0.25rem'),\n              getStyleNumber('--em-linechart-line-gap', '0.25rem'),\n            ]\n          : undefined,\n        borderColor,\n        fill: Boolean(measure.inputs?.fillUnderLine),\n      } as ChartData<'line'>['datasets'][number];\n    }),\n  };\n};\n\nexport const getLineChartProOptions = (\n  options: {\n    dimension: Dimension;\n    measures: Measure[];\n    data: ChartData<'line'>;\n  },\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(getDimensionWithoutTruncation(dimension), label);\n          },\n          label: (context) => {\n            const measure = measures[context.datasetIndex]!;\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(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, Granularity, Measure } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { getLineChartProData, getLineChartProOptions } from './LineChartDefaultPro.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { LineChartProOptionsClick } from '../lines.types';\nimport { LineChart } from '@embeddable.com/remarkable-ui';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\nimport { createSimpleClickHandler } from '../../charts.utils';\n\nexport type LineChartProPropsOnLineClicked = { axisDimensionValue: string | null };\n\nexport type LineChartProProps = {\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  xAxisLabel?: string;\n  yAxisLabel?: string;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n  granularity?: Granularity;\n  setGranularity?: (granularity: Granularity) => void;\n  onLineClicked?: LineChartProOptionsClick;\n} & ChartCardHeaderProps;\n\nconst LineChartPro = (props: LineChartProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, tooltip, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n  const {\n    hideMenu,\n    measures,\n    granularity,\n    xAxis,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    setGranularity,\n    onLineClicked,\n  } = props;\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: xAxis,\n  });\n\n  const data = getLineChartProData(\n    {\n      data: results.data,\n      dimension: xAxis,\n      measures,\n      hasMinMaxYAxisRange: Boolean(yAxisRangeMin != null || yAxisRangeMax != null),\n    },\n    theme,\n  );\n  const options = getLineChartProOptions({ data, dimension: xAxis, measures }, theme);\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n  const handleClick = createSimpleClickHandler({\n    data,\n    dimension: xAxis,\n    granularity,\n    onClicked: onLineClicked,\n  });\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[...measures, xAxis]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      tooltip={tooltip}\n      hideMenu={hideMenu}\n    >\n      {setGranularity && (\n        <ChartGranularitySelectField\n          hasMarginTop={granularitySelectorHasMarginTop}\n          dimension={xAxis}\n          onChange={setGranularity}\n        />\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        onClick={handleClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default LineChartPro;\n","import {\n  DataResponse,\n  Dimension,\n  Granularity,\n  LoadDataRequest,\n  Value,\n  loadData,\n} from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { LineChartProOptionsClickArg } from '../lines.types';\nimport { inputs } from '../../../component.inputs.constants';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\n\nconst meta = {\n  name: 'LineChartDefaultPro',\n  label: 'Line Chart - Default',\n  category: 'Line Charts',\n  inputs: [\n    inputs.dataset,\n    {\n      ...inputs.measures,\n      inputs: [\n        ...inputs.measures.inputs,\n        { ...subInputs.boolean, name: 'fillUnderLine', label: 'Fill under line' },\n        {\n          ...subInputs.color,\n          name: 'lineColor',\n          label: 'Line color',\n        },\n        {\n          ...subInputs.boolean,\n          name: 'connectGaps',\n          label: 'Connect gaps',\n          defaultValue: true,\n        },\n        {\n          ...subInputs.boolean,\n          name: 'dashedLine',\n          label: 'Dashed line',\n          defaultValue: false,\n        },\n      ],\n    },\n    { ...inputs.dimensionWithGranularitySelectField, label: 'X-axis', name: 'xAxis' },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.showLegend,\n    inputs.showTooltips,\n    inputs.showValueLabels,\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseXAxis,\n    inputs.yAxisRangeMin,\n    inputs.yAxisRangeMax,\n    inputs.maxResults,\n  ],\n  events: [\n    {\n      name: 'onLineClicked',\n      label: 'A line is clicked',\n      properties: [\n        {\n          name: 'axisDimensionValue',\n          label: 'Clicked axis dimension value',\n          type: 'string',\n        },\n        {\n          name: 'axisDimensionTimeRange',\n          label: 'Clicked axis dimension time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type LineChartDefaultProState = {\n  granularity?: Granularity;\n};\n\nconst previewConfig = {\n  xAxis: previewData.dimension,\n  measures: [previewData.measure],\n  results: previewData.results1Measure1Dimension,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  xAxis?: Dimension,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n  limit: inputs.maxResults,\n  from: inputs.dataset,\n  select: [...inputs.measures, xAxis ?? inputs.xAxis],\n  timezone: getClientContextTimezone(clientContext?.timezone),\n});\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  xAxis: Dimension,\n  clientContext: ThemeClientContext,\n): DataResponse => loadData(loadDataResultsArgs(inputs, xAxis, clientContext));\n\nconst events = {\n  onLineClicked: (value: LineChartProOptionsClickArg) => {\n    return {\n      axisDimensionValue: value.dimensionValue ?? Value.noFilter(),\n      axisDimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n    };\n  },\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [LineChartDefaultProState, (state: LineChartDefaultProState) => void],\n  clientContext: ThemeClientContext,\n) => {\n  const xAxisWithGranularity = getDimensionWithGranularity(inputs.xAxis, state?.granularity);\n\n  return {\n    ...inputs,\n    xAxis: xAxisWithGranularity,\n    setGranularity: (granularity: Granularity) => setState({ granularity }),\n    results: loadDataResults(inputs, xAxisWithGranularity, clientContext),\n  };\n};\n\nexport const lineChartDefaultPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n    events,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n} as const;\n"],"names":["getLineChartProData","props","theme","themeFormatter","getThemeFormatter","groupedData","item","measure","index","zeroFill","_a","values","lineColor","_b","chartColors","getChartColors","backgroundColor","isColorValid","getDimensionMeasureColor","borderColor","setColorAlpha","_c","getStyleNumber","_d","getLineChartProOptions","options","dimension","data","measures","mergician","value","context","label","getDimensionWithoutTruncation","raw","LineChartPro","useTheme","i18nSetup","title","description","tooltip","xAxisLabel","yAxisLabel","resolveI18nProps","hideMenu","granularity","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","setGranularity","onLineClicked","results","useFillGaps","granularitySelectorHasMarginTop","handleClick","createSimpleClickHandler","jsxs","ChartCard","jsx","ChartGranularitySelectField","LineChart","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","events","Value","state","setState","xAxisWithGranularity","getDimensionWithGranularity","lineChartDefaultPro"],"mappings":"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"}

package/dist/{definition-Bh2_JdEA.js → definition-XKTgYs0c.js}

@@ -1,6 +1,6 @@
 import { definePreview as a } from "@embeddable.com/react";
-import { j as i, aa as s, T as l } from "./index-CHaNvsBE.js";
-import { i as t } from "./component.inputs.constants-BBgApY3a.js";
+import { j as i, ae as s, Y as l } from "./index-7D6uMJ-C.js";
+import { i as t } from "./component.inputs.constants-ByMVK7Vv.js";
 const c = "_horizontalDividerContainer_y6kms_1", d = {
   horizontalDividerContainer: c
 }, o = (e) => {
@@ -40,4 +40,4 @@ export {
   D as h,
   z as i
 };
-//# sourceMappingURL=definition-Bh2_JdEA.js.map
+//# sourceMappingURL=definition-XKTgYs0c.js.map

package/dist/{definition-Bh2_JdEA.js.map → definition-XKTgYs0c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"definition-Bh2_JdEA.js","sources":["../src/components/shared/HorizontalDividerPro/index.tsx","../src/components/shared/HorizontalDividerPro/definition.ts"],"sourcesContent":["import { Divider } from '@embeddable.com/remarkable-ui';\nimport styles from './HorizontalDividerPro.module.css';\n\ntype HorizontalDividerProProps = {\n  color?: string;\n  thickness?: number;\n};\n\nconst HorizontalDividerPro = (props: HorizontalDividerProProps) => {\n  const { color, thickness } = props;\n\n  return (\n    <div className={styles.horizontalDividerContainer}>\n      <Divider color={color} thickness={thickness} />\n    </div>\n  );\n};\n\nexport default HorizontalDividerPro;\n","import { EmbeddedComponentMeta, Inputs, definePreview } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../component.inputs.constants';\nimport { getStyle } from '@embeddable.com/remarkable-ui';\n\nconst meta = {\n  name: 'HorizontalDividerPro',\n  label: 'Horizontal Divider',\n  category: 'Layout',\n  defaultWidth: 450,\n  defaultHeight: 120,\n  inputs: [\n    {\n      ...inputs.number,\n      name: 'thickness',\n      label: 'Thickness',\n      category: 'Component Settings',\n      description: 'Thickness of the divider in pixels',\n    },\n    { ...inputs.color, defaultValue: getStyle('--em-divider-color', '#e4e4ea') },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst preview = definePreview(Component, {});\n\nconst props = (inputs: Inputs<typeof meta>) => ({\n  ...inputs,\n  color: inputs.color as string | undefined,\n});\n\nexport const horizontalDividerPro = {\n  Component,\n  meta,\n  preview,\n  config: {\n    props,\n  },\n} as const;\n"],"names":["HorizontalDividerPro","props","color","thickness","jsx","styles","Divider","meta","inputs","getStyle","preview","definePreview","Component","horizontalDividerPro"],"mappings":";;;;;GAQMA,IAAuB,CAACC,MAAqC;AACjE,QAAM,EAAE,OAAAC,GAAO,WAAAC,EAAA,IAAcF;AAE7B,SACEG,gBAAAA,EAAAA,IAAC,SAAI,WAAWC,EAAO,4BACrB,UAAAD,gBAAAA,EAAAA,IAACE,GAAA,EAAQ,OAAAJ,GAAc,WAAAC,EAAA,CAAsB,EAAA,CAC/C;AAEJ;;;8CCXMI,IAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACN;AAAA,MACE,GAAGC,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAa;AAAA,IAAA;AAAA,IAEf,EAAE,GAAGA,EAAO,OAAO,cAAcC,EAAS,sBAAsB,SAAS,EAAA;AAAA,EAAE;AAE/E,GAEMC,IAAUC,EAAcC,GAAW,EAAE,GAErCX,IAAQ,CAACO,OAAiC;AAAA,EAC9C,GAAGA;AAAAA,EACH,OAAOA,EAAO;AAChB,IAEaK,IAAuB;AAAA,EAAA,WAClCD;AAAAA,EACA,MAAAL;AAAA,EACA,SAAAG;AAAA,EACA,QAAQ;AAAA,IACN,OAAAT;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"definition-XKTgYs0c.js","sources":["../src/components/shared/HorizontalDividerPro/index.tsx","../src/components/shared/HorizontalDividerPro/definition.ts"],"sourcesContent":["import { Divider } from '@embeddable.com/remarkable-ui';\nimport styles from './HorizontalDividerPro.module.css';\n\ntype HorizontalDividerProProps = {\n  color?: string;\n  thickness?: number;\n};\n\nconst HorizontalDividerPro = (props: HorizontalDividerProProps) => {\n  const { color, thickness } = props;\n\n  return (\n    <div className={styles.horizontalDividerContainer}>\n      <Divider color={color} thickness={thickness} />\n    </div>\n  );\n};\n\nexport default HorizontalDividerPro;\n","import { EmbeddedComponentMeta, Inputs, definePreview } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../component.inputs.constants';\nimport { getStyle } from '@embeddable.com/remarkable-ui';\n\nconst meta = {\n  name: 'HorizontalDividerPro',\n  label: 'Horizontal Divider',\n  category: 'Layout',\n  defaultWidth: 450,\n  defaultHeight: 120,\n  inputs: [\n    {\n      ...inputs.number,\n      name: 'thickness',\n      label: 'Thickness',\n      category: 'Component Settings',\n      description: 'Thickness of the divider in pixels',\n    },\n    { ...inputs.color, defaultValue: getStyle('--em-divider-color', '#e4e4ea') },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst preview = definePreview(Component, {});\n\nconst props = (inputs: Inputs<typeof meta>) => ({\n  ...inputs,\n  color: inputs.color as string | undefined,\n});\n\nexport const horizontalDividerPro = {\n  Component,\n  meta,\n  preview,\n  config: {\n    props,\n  },\n} as const;\n"],"names":["HorizontalDividerPro","props","color","thickness","jsx","styles","Divider","meta","inputs","getStyle","preview","definePreview","Component","horizontalDividerPro"],"mappings":";;;;;GAQMA,IAAuB,CAACC,MAAqC;AACjE,QAAM,EAAE,OAAAC,GAAO,WAAAC,EAAA,IAAcF;AAE7B,SACEG,gBAAAA,EAAAA,IAAC,SAAI,WAAWC,EAAO,4BACrB,UAAAD,gBAAAA,EAAAA,IAACE,GAAA,EAAQ,OAAAJ,GAAc,WAAAC,EAAA,CAAsB,EAAA,CAC/C;AAEJ;;;8CCXMI,IAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACN;AAAA,MACE,GAAGC,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAa;AAAA,IAAA;AAAA,IAEf,EAAE,GAAGA,EAAO,OAAO,cAAcC,EAAS,sBAAsB,SAAS,EAAA;AAAA,EAAE;AAE/E,GAEMC,IAAUC,EAAcC,GAAW,EAAE,GAErCX,IAAQ,CAACO,OAAiC;AAAA,EAC9C,GAAGA;AAAAA,EACH,OAAOA,EAAO;AAChB,IAEaK,IAAuB;AAAA,EAAA,WAClCD;AAAAA,EACA,MAAAL;AAAA,EACA,SAAAG;AAAA,EACA,QAAQ;AAAA,IACN,OAAAT;AAAA,EAAA;AAEJ;"}

package/dist/{definition-DUWlDJXv.js → definition-mZP4v8qO.js}

@@ -1,16 +1,16 @@
-import { j as C, G as ae, H as oe, L as se, V as re, l as I } from "./index-CHaNvsBE.js";
+import { j as C, O as oe, Q as se, J as re, V as z, l as N } from "./index-7D6uMJ-C.js";
 import { useTheme as ne, definePreview as ie } from "@embeddable.com/react";
 import { useState as te, useEffect as G } from "react";
 import { a as me, r as le } from "./component.utils-Dua9clQJ.js";
-import { C as de } from "./ChartCard-CJ22uvCY.js";
-import { u as z } from "./charts.fillGaps.hooks-DwOSYTMl.js";
-import { C as ce, g as pe } from "./granularity.utils-BnW9IBu_.js";
-import { g as ue, a as ge, c as De, l as h } from "./definition-B5tYzs8a.js";
-import { g as he } from "./formatter.utils-Bh16Z5MP.js";
+import { C as de } from "./ChartCard-DXg1i7Y2.js";
+import { u as I } from "./charts.fillGaps.hooks-DwMWViua.js";
+import { C as ce, g as pe } from "./granularity.utils-DwARRSja.js";
+import { g as ue, a as ge, c as De, l as h } from "./definition-BHWtQ59c.js";
+import { g as he } from "./formatter.utils-Y14po21h.js";
 import { g as ve } from "./timeRange.utils-CcP33PfM.js";
-import { s as K } from "./component.inputs.constants-BBgApY3a.js";
-import { p as u } from "./preview.data.constants-Azny20uQ.js";
-import { g as N } from "./clientContext.utils-DpB5KsfX.js";
+import { s as K } from "./component.inputs.constants-ByMVK7Vv.js";
+import { p as u } from "./preview.data.constants-BSjhK_tx.js";
+import { g as O } from "./clientContext.utils-DpB5KsfX.js";
 const fe = ({
   measures: e,
   resultsKpis: a,
@@ -18,8 +18,8 @@ const fe = ({
   showDataComparison: s,
   themeFormatter: r
 }) => e.map((n) => {
-  var g, c, y, P, T, v;
-  const d = (c = (g = a == null ? void 0 : a.data) == null ? void 0 : g[0]) == null ? void 0 : c[n.name], l = (P = (y = o == null ? void 0 : o.data) == null ? void 0 : y[0]) == null ? void 0 : P[n.name], i = (T = n.inputs) == null ? void 0 : T.displayChangeAsPercentage, m = (v = n.inputs) == null ? void 0 : v.percentageDecimalPlaces;
+  var g, c, y, T, P, v;
+  const d = (c = (g = a == null ? void 0 : a.data) == null ? void 0 : g[0]) == null ? void 0 : c[n.name], l = (T = (y = o == null ? void 0 : o.data) == null ? void 0 : y[0]) == null ? void 0 : T[n.name], i = (P = n.inputs) == null ? void 0 : P.displayChangeAsPercentage, m = (v = n.inputs) == null ? void 0 : v.percentageDecimalPlaces;
   return {
     id: n.name,
     label: r.dimensionOrMeasureTitle(n),
@@ -53,7 +53,7 @@ const fe = ({
     measure: e,
     themeFormatter: d
   });
-  return /* @__PURE__ */ C.jsx(ae, { value: g, reverseTrend: m });
+  return /* @__PURE__ */ C.jsx(oe, { value: g, reverseTrend: m });
 }, ye = ({
   diff: e,
   kpiComparisonValue: a,
@@ -69,7 +69,7 @@ const fe = ({
   }
   return `${l}${n.data(r, e)}`;
 }, M = (e) => {
-  var F;
+  var V;
   const a = ne();
   me(a);
   const { title: o, description: s, tooltip: r, xAxisLabel: n, yAxisLabel: d } = le(e), {
@@ -79,22 +79,22 @@ const fe = ({
     reverseXAxis: g,
     showLegend: c,
     showLogarithmicScale: y,
-    showTooltips: P,
-    showValueLabels: T,
+    showTooltips: T,
+    showValueLabels: P,
     yAxisRangeMax: v,
     yAxisRangeMin: S,
     comparisonPeriod: x,
-    comparisonDateRange: $,
+    comparisonDateRange: E,
     showComparisonAxis: H,
     primaryDateRange: R,
     setGranularity: j,
     setComparisonDateRange: A,
-    onLineClicked: E,
-    resultsKpis: J,
+    onLineClicked: J,
+    resultsKpis: Q,
     resultsKpisComparison: X
-  } = e, [b, V] = te(((F = i[0]) == null ? void 0 : F.name) ?? ""), D = i.find((f) => f.name === b);
+  } = e, [b, F] = te(((V = i[0]) == null ? void 0 : V.name) ?? ""), D = i.find((f) => f.name === b);
   G(() => {
-    i.length !== 0 && (i.some((f) => f.name === b) || V(i[0].name));
+    i.length !== 0 && (i.some((f) => f.name === b) || F(i[0].name));
   }, [i, b]), G(() => {
     const f = ve(
       R,
@@ -103,14 +103,14 @@ const fe = ({
     );
     A == null || A(f);
   }, [x, JSON.stringify(R), a]);
-  const p = z({
+  const p = I({
     results: e.results,
     dimension: m,
     externalDateBounds: R
-  }), t = z({
+  }), t = I({
     results: e.resultsComparison,
     dimension: m,
-    externalDateBounds: $
+    externalDateBounds: E
   }), L = !!(R && x), w = ue(
     {
       data: p.data,
@@ -134,21 +134,21 @@ const fe = ({
     data: w,
     measures: D ? [D] : [],
     dimension: m,
-    onClicked: E
-  }), Q = {
+    onClicked: J
+  }), U = {
     isLoading: !!(p.isLoading || t != null && t.isLoading),
     data: !(p != null && p.data) && !(t != null && t.data) ? void 0 : [...p.data ?? [], ...(t == null ? void 0 : t.data) ?? []]
-  }, U = !o && !s && !r, Z = he(a), ee = fe({
+  }, Z = !o && !s && !r, ee = he(a), ae = fe({
     measures: i,
-    resultsKpis: J,
+    resultsKpis: Q,
     resultsKpisComparison: X,
     showDataComparison: L,
-    themeFormatter: Z
+    themeFormatter: ee
   });
   return /* @__PURE__ */ C.jsxs(
     de,
     {
-      data: Q,
+      data: U,
       dimensionsAndMeasures: [...i, m],
       errorMessage: p.error || (t == null ? void 0 : t.error),
       description: s,
@@ -156,24 +156,24 @@ const fe = ({
       tooltip: r,
       hideMenu: l,
       children: [
-        /* @__PURE__ */ C.jsx(oe, { items: ee, value: b, onChange: V }),
+        /* @__PURE__ */ C.jsx(se, { items: ae, value: b, onChange: F }),
         j && /* @__PURE__ */ C.jsx(
           ce,
           {
-            hasMarginTop: U,
+            hasMarginTop: Z,
             dimension: m,
             onChange: j
           }
         ),
         /* @__PURE__ */ C.jsx(
-          se,
+          re,
           {
             data: w,
             reverseXAxis: g,
             showLegend: c,
             showLogarithmicScale: y,
-            showTooltips: P,
-            showValueLabels: T,
+            showTooltips: T,
+            showValueLabels: P,
             xAxisLabel: n,
             yAxisLabel: d,
             yAxisRangeMax: v,
@@ -185,11 +185,11 @@ const fe = ({
       ]
     }
   );
-}, ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, We = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   LineChartComparisonWithKpiTabsPro: M,
   default: M
-}, Symbol.toStringTag, { value: "Module" })), Pe = {
+}, Symbol.toStringTag, { value: "Module" })), Te = {
   ...h.meta,
   name: "LineChartComparisonWithKpiTabsPro",
   label: "Line Chart Comparison - With KPI Tabs",
@@ -236,31 +236,32 @@ const fe = ({
   comparisonDateRange: { relativeTimeString: "Previous period", from: void 0, to: void 0 },
   primaryDateRange: { relativeTimeString: "This week", from: void 0, to: void 0 },
   hideMenu: !0
-}, Te = ie(M, W), Re = h.results.loadData, be = h.resultsComparison.loadData, k = (e, a, o) => {
+}, Pe = ie(M, W), Re = h.results.loadData, be = h.resultsComparison.loadData, k = (e, a, o) => {
   const s = a.nativeType === "time" ? a : e.timePropertyForNonTimeDimensions;
   return {
     from: e.dataset,
     select: [...e.measures],
     filters: e.primaryDateRange && s ? [{ property: s, operator: "inDateRange", value: e.primaryDateRange }] : void 0,
-    timezone: N(o == null ? void 0 : o.timezone)
+    timezone: O(o == null ? void 0 : o.timezone)
   };
-}, B = (e, a, o) => I(k(e, a, o)), O = (e, a, o, s) => {
+}, B = (e, a, o) => N(k(e, a, o)), _ = (e, a, o, s) => {
   const r = a.nativeType === "time" ? a : e.timePropertyForNonTimeDimensions;
   return {
     from: e.dataset,
     select: [...e.measures],
     filters: [{ property: r, operator: "inDateRange", value: o }],
-    timezone: N(s == null ? void 0 : s.timezone)
+    timezone: O(s == null ? void 0 : s.timezone)
   };
-}, _ = (e, a, o, s) => {
+}, $ = (e, a, o, s) => {
   const r = a.nativeType === "time" ? a : e.timePropertyForNonTimeDimensions;
   if (e.primaryDateRange && r && (o != null && o.comparisonDateRange))
-    return I(
-      O(e, a, o.comparisonDateRange, s)
+    return N(
+      _(e, a, o.comparisonDateRange, s)
     );
 }, Me = {
   onLineClicked: (e) => ({
-    axisDimensionValue: e.dimensionValue ?? re.noFilter()
+    axisDimensionValue: e.dimensionValue ?? z.noFilter(),
+    axisDimensionTimeRange: e.dimensionTimeRange ?? z.noFilter()
   })
 }, xe = (e, [a, o], s) => {
   const r = pe(e.xAxis, a == null ? void 0 : a.granularity);
@@ -278,17 +279,17 @@ const fe = ({
       s
     ),
     resultsKpis: B(e, r, s),
-    resultsKpisComparison: _(
+    resultsKpisComparison: $(
       e,
       r,
       a,
       s
     )
   };
-}, Be = {
+}, ke = {
   Component: M,
-  meta: Pe,
-  preview: Te,
+  meta: Te,
+  preview: Pe,
   previewConfig: W,
   config: { props: xe, events: Me },
   results: h.results,
@@ -298,12 +299,12 @@ const fe = ({
     loadData: B
   },
   resultsKpisComparison: {
-    loadDataArgs: O,
-    loadData: _
+    loadDataArgs: _,
+    loadData: $
   }
 };
 export {
-  ke as i,
-  Be as l
+  We as i,
+  ke as l
 };
-//# sourceMappingURL=definition-DUWlDJXv.js.map
+//# sourceMappingURL=definition-mZP4v8qO.js.map