@embeddable.com/remarkable-pro 0.3.15 → 0.3.16

package/dist/{definition-BqQJmkId.js.map → definition-DnLCl6jI.js.map}

@@ -1 +1 @@
-{"version":3,"file":"definition-BqQJmkId.js","sources":["../src/components/charts/pies/PieChartPro/index.tsx","../src/components/charts/pies/PieChartPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { PieChart } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getPieChartProOptions, getPieChartProData, createPieClickHandler } from '../pies.utils';\nimport { DefaultPieChartProps } from '../pies.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard, asChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { mergician } from 'mergician';\nexport type PieChartProProps = DefaultPieChartProps;\n\nconst PieChartPro = (props: PieChartProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    dimension,\n    maxLegendItems,\n    measure,\n    results,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    onSegmentClick,\n  } = props;\n\n  const data = getPieChartProData(\n    { data: results.data, dimension, measure, maxLegendItems },\n    theme,\n  );\n\n  const options = mergician(\n    getPieChartProOptions({ measure, dimension }, theme),\n    theme.charts.pieChartPro?.options ?? {},\n  );\n\n  const handleClick = createPieClickHandler({ results, dimension, onClicked: onSegmentClick });\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, measure]}\n      errorMessage={results.error}\n      {...asChartCardHeaderProps(props)}\n    >\n      <PieChart\n        data={data}\n        options={options}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        onClick={handleClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default PieChartPro;\n","import { DataResponse, LoadDataRequest, Value, loadData } from '@embeddable.com/core';\nimport { PieChartClickArg } from '../pies.types';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { subInputs } from '../../../component.subinputs.constants';\n\nconst meta = {\n  name: 'PieChartPro',\n  label: 'Pie Chart',\n  description:\n    'Pie chart for parts-of-whole over one dimension with one measure. Prefer DonutChartPro for a modern look.',\n  category: 'Pie Charts',\n  defaultHeight: 442,\n  defaultWidth: 630,\n  inputs: [\n    inputs.dataset,\n    { ...inputs.measure, inputs: [...inputs.measure.inputs, subInputs.showValueAsPercentage] },\n    inputs.dimension,\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.showLegend,\n    inputs.maxLegendItems,\n    inputs.showTooltips,\n    inputs.showValueLabels,\n    inputs.menuOptions,\n  ],\n  events: [\n    {\n      name: 'onSegmentClick',\n      label: 'A segment is clicked',\n      properties: [\n        {\n          name: 'dimensionValue',\n          label: 'Clicked dimension',\n          type: 'string',\n        },\n        {\n          name: 'dimensionTimeRange',\n          label: 'Clicked dimension time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst previewConfig = {\n  dimension: previewData.dimension,\n  measure: previewData.measure,\n  results: previewData.results1Measure1Dimension,\n  showValueLabels: false,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (inputs: Inputs<typeof meta>): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.measure, inputs.dimension],\n});\n\nconst loadDataResults = (inputs: Inputs<typeof meta>): DataResponse =>\n  loadData(loadDataResultsArgs(inputs));\n\nconst events = {\n  onSegmentClick: (value: PieChartClickArg) => ({\n    dimensionValue: value.dimensionValue ?? Value.noFilter(),\n    dimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n  }),\n};\n\nconst props = (inputs: Inputs<typeof meta>) => ({\n  ...inputs,\n  results: loadDataResults(inputs),\n});\n\nexport const pieChartPro = {\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":["PieChartPro","props","theme","useTheme","i18nSetup","dimension","maxLegendItems","measure","results","showLegend","showTooltips","showValueLabels","onSegmentClick","data","getPieChartProData","options","mergician","getPieChartProOptions","_a","handleClick","createPieClickHandler","jsx","ChartCard","asChartCardHeaderProps","PieChart","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","loadDataResults","loadData","events","value","Value","pieChartPro"],"mappings":"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"}
+{"version":3,"file":"definition-DnLCl6jI.js","sources":["../src/components/charts/pies/PieChartPro/index.tsx","../src/components/charts/pies/PieChartPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { PieChart } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getPieChartProOptions, getPieChartProData, createPieClickHandler } from '../pies.utils';\nimport { DefaultPieChartProps } from '../pies.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard, asChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { mergician } from 'mergician';\nexport type PieChartProProps = DefaultPieChartProps;\n\nconst PieChartPro = (props: PieChartProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    dimension,\n    maxLegendItems,\n    measure,\n    results,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    onSegmentClick,\n  } = props;\n\n  const data = getPieChartProData(\n    { data: results.data, dimension, measure, maxLegendItems },\n    theme,\n  );\n\n  const options = mergician(\n    getPieChartProOptions({ measure, dimension }, theme),\n    theme.charts.pieChartPro?.options ?? {},\n  );\n\n  const handleClick = createPieClickHandler({ results, dimension, onClicked: onSegmentClick });\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, measure]}\n      errorMessage={results.error}\n      {...asChartCardHeaderProps(props)}\n    >\n      <PieChart\n        data={data}\n        options={options}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        onClick={handleClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default PieChartPro;\n","import { DataResponse, LoadDataRequest, Value, loadData } from '@embeddable.com/core';\nimport { PieChartClickArg } from '../pies.types';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { subInputs } from '../../../component.subinputs.constants';\n\nconst meta = {\n  name: 'PieChartPro',\n  label: 'Pie Chart',\n  description:\n    'Pie chart for parts-of-whole over one dimension with one measure. Prefer DonutChartPro for a modern look.',\n  category: 'Pie Charts',\n  defaultHeight: 442,\n  defaultWidth: 630,\n  inputs: [\n    inputs.dataset,\n    { ...inputs.measure, inputs: [...inputs.measure.inputs, subInputs.showValueAsPercentage] },\n    inputs.dimension,\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.showLegend,\n    inputs.maxLegendItems,\n    inputs.showTooltips,\n    inputs.showValueLabels,\n    inputs.menuOptions,\n  ],\n  events: [\n    {\n      name: 'onSegmentClick',\n      label: 'A segment is clicked',\n      properties: [\n        {\n          name: 'dimensionValue',\n          label: 'Clicked dimension',\n          type: 'string',\n        },\n        {\n          name: 'dimensionTimeRange',\n          label: 'Clicked dimension time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst previewConfig = {\n  dimension: previewData.dimension,\n  measure: previewData.measure,\n  results: previewData.results1Measure1Dimension,\n  showValueLabels: false,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (inputs: Inputs<typeof meta>): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.measure, inputs.dimension],\n});\n\nconst loadDataResults = (inputs: Inputs<typeof meta>): DataResponse =>\n  loadData(loadDataResultsArgs(inputs));\n\nconst events = {\n  onSegmentClick: (value: PieChartClickArg) => ({\n    dimensionValue: value.dimensionValue ?? Value.noFilter(),\n    dimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n  }),\n};\n\nconst props = (inputs: Inputs<typeof meta>) => ({\n  ...inputs,\n  results: loadDataResults(inputs),\n});\n\nexport const pieChartPro = {\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":["PieChartPro","props","theme","useTheme","i18nSetup","dimension","maxLegendItems","measure","results","showLegend","showTooltips","showValueLabels","onSegmentClick","data","getPieChartProData","options","mergician","getPieChartProOptions","_a","handleClick","createPieClickHandler","jsx","ChartCard","asChartCardHeaderProps","PieChart","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","loadDataResults","loadData","events","value","Value","pieChartPro"],"mappings":"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"}

package/dist/{definition-BPosaTH4.js → definition-DrRXfegd.js}

@@ -1,8 +1,8 @@
 import { j as g, N as B, O as E, V as r, l as N } from "./index-BCG-LNTx.js";
 import { useTheme as U, definePreview as q } from "@embeddable.com/react";
-import { i as I } from "./component.utils-oQMZT7TK.js";
-import { C as J, a as K } from "./ChartCard-C4MndGoP.js";
-import { g as D } from "./formatter.utils-CNK7r1DQ.js";
+import { i as I } from "./component.utils-B7tQ4cCT.js";
+import { C as J, a as K } from "./ChartCard-C72rw1Ya.js";
+import { g as D } from "./formatter.utils-Wcc93V-N.js";
 import { u as h } from "./charts.fillGaps.hooks-Dkv__Ls1.js";
 import { u as L } from "./tables.hooks-fVC_4V5K.js";
 import { useCallback as Q } from "react";
@@ -252,4 +252,4 @@ export {
   ge as h,
   pe as i
 };
-//# sourceMappingURL=definition-BPosaTH4.js.map
+//# sourceMappingURL=definition-DrRXfegd.js.map

package/dist/{definition-BPosaTH4.js.map → definition-DrRXfegd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"definition-BPosaTH4.js","sources":["../src/components/charts/tables/HeatMapPro/index.tsx","../src/components/charts/tables/HeatMapPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport {\n  ChartCard,\n  ChartCardHeaderProps,\n  asChartCardHeaderProps,\n} from '../../shared/ChartCard/ChartCard';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport {\n  getStyle,\n  HeatMap,\n  HeatMapPropsDimension,\n  HeatMapPropsMeasure,\n} from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { useGetTableSortedResults } from '../tables.hooks';\nimport { useCallback } from 'react';\nimport { getTimeRangeFromDimensionValue } from '../../../utils/dimension.utils';\nimport { HeatMapCellClickArg, HeatMapProOptionsClickArg } from './HeatMapPro.types';\n\nexport type HeatMapProProps = {\n  columnDimension: Dimension;\n  columnWidth?: number;\n\n  displayNullAs?: string;\n  firstColumnWidth?: number;\n  maxColor?: string;\n  maxThreshold?: string;\n  measure: Measure;\n  midColor?: string;\n  minColor?: string;\n  minThreshold?: string;\n  results: DataResponse;\n  rowDimension: Dimension;\n  showValues?: boolean;\n  onCellClicked?: (args: HeatMapProOptionsClickArg) => void;\n} & ChartCardHeaderProps;\n\nexport const getHeatMeasure = (\n  props: { measure: Measure },\n  theme: Theme,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): HeatMapPropsMeasure<any> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    key: props.measure.name,\n    label: themeFormatter.dimensionOrMeasureTitle(props.measure),\n    format: (value) => {\n      return themeFormatter.data(props.measure, value);\n    },\n  };\n};\n\nexport const getHeatDimension = (\n  props: { dimension: Dimension },\n  theme: Theme,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): HeatMapPropsDimension<any> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    key: props.dimension.name,\n    label: themeFormatter.dimensionOrMeasureTitle(props.dimension),\n    format: (value: string) => themeFormatter.data(props.dimension, value),\n  };\n};\n\nconst HeatMapPro = (props: HeatMapProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    measure,\n    rowDimension,\n    columnDimension,\n    maxColor,\n    midColor,\n    minColor,\n    displayNullAs,\n    columnWidth,\n    firstColumnWidth,\n    showValues,\n    minThreshold,\n    maxThreshold,\n    onCellClicked,\n  } = props;\n\n  const handleCellClick = useCallback(\n    ({ rowDimensionValue, columnDimensionValue }: HeatMapCellClickArg) => {\n      if (!onCellClicked) return;\n      onCellClicked({\n        rowDimensionValue,\n        rowDimensionTimeRange: getTimeRangeFromDimensionValue({\n          value: rowDimensionValue,\n          dimension: rowDimension,\n        }),\n        columnDimensionValue,\n        columnDimensionTimeRange: getTimeRangeFromDimensionValue({\n          value: columnDimensionValue,\n          dimension: columnDimension,\n        }),\n      });\n    },\n    [onCellClicked, rowDimension, columnDimension],\n  );\n\n  const columnOrder = Array.from(\n    new Set((props.results.data ?? []).filter(Boolean).map((d) => d[columnDimension.name])),\n  );\n\n  const rowOrder = Array.from(\n    new Set((props.results.data ?? []).filter(Boolean).map((d) => d[rowDimension.name])),\n  );\n\n  // Fill gaps for the column dimension\n  const resultsColumnDimensionFillGaps = useFillGaps({\n    results: props.results,\n    dimension: columnDimension,\n  });\n\n  // Fill gaps for the row dimension\n  const resultsRowColumnDimensionFillGaps = useFillGaps({\n    results: resultsColumnDimensionFillGaps,\n    dimension: rowDimension,\n  });\n\n  const results = useGetTableSortedResults({\n    results: resultsRowColumnDimensionFillGaps,\n    columnOrder,\n    rowOrder,\n    columnDimension,\n    rowDimension,\n    measures: [measure],\n  });\n\n  const pivotMeasures = getHeatMeasure({ measure }, theme);\n  const pivotRowDimension = getHeatDimension({ dimension: rowDimension }, theme);\n  const pivotColumnDimension = getHeatDimension({ dimension: columnDimension }, theme);\n\n  return (\n    <ChartCard\n      data={props.results}\n      dimensionsAndMeasures={[rowDimension, columnDimension, measure]}\n      errorMessage={props.results?.error}\n      {...asChartCardHeaderProps(props)}\n    >\n      <HeatMap\n        data={results}\n        measure={pivotMeasures}\n        rowDimension={pivotRowDimension}\n        columnDimension={pivotColumnDimension}\n        maxColor={maxColor}\n        midColor={midColor ?? getStyle('--em-tablechart-heatmap-color', '#FF5400')}\n        minColor={minColor}\n        showValues={showValues}\n        minThreshold={minThreshold}\n        maxThreshold={maxThreshold}\n        columnWidth={columnWidth}\n        firstColumnWidth={firstColumnWidth}\n        displayNullAs={displayNullAs}\n        onCellClick={handleCellClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default HeatMapPro;\n","import { DataResponse, LoadDataRequest, Value, loadData } from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\nimport { HeatMapProOptionsClickArg } from './HeatMapPro.types';\n\nconst meta = {\n  name: 'HeatMapPro',\n  label: 'Heat Map',\n  description:\n    'Heat map of one measure over two dimensions (rows × columns). Use to spot density or correlation patterns.',\n  category: 'Table Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    {\n      ...inputs.dimensionWithDateBounds,\n      label: 'Row dimension',\n      name: 'rowDimension',\n    },\n    {\n      ...inputs.dimensionWithDateBounds,\n      label: 'Column dimension',\n      name: 'columnDimension',\n    },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.displayNullAs,\n    {\n      ...inputs.color,\n      name: 'midColor',\n      label: 'Mid-point color (optional)',\n    },\n    {\n      ...inputs.color,\n      name: 'maxColor',\n      label: 'Max-point color (optional)',\n    },\n    {\n      ...inputs.color,\n      name: 'minColor',\n      label: 'Min-point color (optional)',\n    },\n    {\n      ...inputs.string,\n      name: 'minThreshold',\n      label: 'Max-point range lower limit',\n      description: 'Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)',\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.string,\n      name: 'maxThreshold',\n      label: 'Min-point range upper limit',\n      description: 'Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)',\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.boolean,\n      name: 'showValues',\n      label: 'Show values',\n      defaultValue: true,\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.number,\n      name: 'firstColumnWidth',\n      label: 'First column width',\n      description: 'Set the width in px (e.g. 200)',\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.number,\n      name: 'columnWidth',\n      label: 'Column width',\n      description: 'Set the width in px (e.g. 200)',\n      category: 'Component Settings',\n    },\n    inputs.maxResults,\n    inputs.menuOptions,\n  ],\n  events: [\n    {\n      name: 'onCellClicked',\n      label: 'A cell is clicked',\n      properties: [\n        {\n          name: 'rowDimensionValue',\n          label: 'Clicked row dimension value',\n          type: 'string',\n        },\n        {\n          name: 'rowDimensionTimeRange',\n          label: 'Clicked row dimension time range',\n          type: 'timeRange',\n        },\n        {\n          name: 'columnDimensionValue',\n          label: 'Clicked column dimension value',\n          type: 'string',\n        },\n        {\n          name: 'columnDimensionTimeRange',\n          label: 'Clicked column dimension time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst previewConfig = {\n  rowDimension: previewData.dimension,\n  columnDimension: previewData.dimensionGroup,\n  measure: previewData.measure,\n  results: previewData.results1Measure2Dimensions,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.rowDimension, inputs.columnDimension, inputs.measure],\n  limit: inputs.maxResults,\n  countRows: true,\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 props = (\n  inputs: Inputs<typeof meta>,\n  _state: unknown,\n  clientContext?: ThemeClientContext,\n) => ({\n  ...inputs,\n  results: loadDataResults(inputs, clientContext),\n});\n\nconst events = {\n  onCellClicked: (value: HeatMapProOptionsClickArg) => ({\n    rowDimensionValue: value.rowDimensionValue ?? Value.noFilter(),\n    rowDimensionTimeRange: value.rowDimensionTimeRange ?? Value.noFilter(),\n    columnDimensionValue: value.columnDimensionValue ?? Value.noFilter(),\n    columnDimensionTimeRange: value.columnDimensionTimeRange ?? Value.noFilter(),\n  }),\n};\n\nexport const heatMapPro = {\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":["getHeatMeasure","props","theme","themeFormatter","getThemeFormatter","value","getHeatDimension","HeatMapPro","useTheme","i18nSetup","measure","rowDimension","columnDimension","maxColor","midColor","minColor","displayNullAs","columnWidth","firstColumnWidth","showValues","minThreshold","maxThreshold","onCellClicked","handleCellClick","useCallback","rowDimensionValue","columnDimensionValue","getTimeRangeFromDimensionValue","columnOrder","d","rowOrder","resultsColumnDimensionFillGaps","useFillGaps","resultsRowColumnDimensionFillGaps","results","useGetTableSortedResults","pivotMeasures","pivotRowDimension","pivotColumnDimension","jsx","ChartCard","_a","asChartCardHeaderProps","HeatMap","getStyle","meta","inputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","_state","events","Value","heatMapPro"],"mappings":"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"}
+{"version":3,"file":"definition-DrRXfegd.js","sources":["../src/components/charts/tables/HeatMapPro/index.tsx","../src/components/charts/tables/HeatMapPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport {\n  ChartCard,\n  ChartCardHeaderProps,\n  asChartCardHeaderProps,\n} from '../../shared/ChartCard/ChartCard';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport {\n  getStyle,\n  HeatMap,\n  HeatMapPropsDimension,\n  HeatMapPropsMeasure,\n} from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { useGetTableSortedResults } from '../tables.hooks';\nimport { useCallback } from 'react';\nimport { getTimeRangeFromDimensionValue } from '../../../utils/dimension.utils';\nimport { HeatMapCellClickArg, HeatMapProOptionsClickArg } from './HeatMapPro.types';\n\nexport type HeatMapProProps = {\n  columnDimension: Dimension;\n  columnWidth?: number;\n\n  displayNullAs?: string;\n  firstColumnWidth?: number;\n  maxColor?: string;\n  maxThreshold?: string;\n  measure: Measure;\n  midColor?: string;\n  minColor?: string;\n  minThreshold?: string;\n  results: DataResponse;\n  rowDimension: Dimension;\n  showValues?: boolean;\n  onCellClicked?: (args: HeatMapProOptionsClickArg) => void;\n} & ChartCardHeaderProps;\n\nexport const getHeatMeasure = (\n  props: { measure: Measure },\n  theme: Theme,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): HeatMapPropsMeasure<any> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    key: props.measure.name,\n    label: themeFormatter.dimensionOrMeasureTitle(props.measure),\n    format: (value) => {\n      return themeFormatter.data(props.measure, value);\n    },\n  };\n};\n\nexport const getHeatDimension = (\n  props: { dimension: Dimension },\n  theme: Theme,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): HeatMapPropsDimension<any> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    key: props.dimension.name,\n    label: themeFormatter.dimensionOrMeasureTitle(props.dimension),\n    format: (value: string) => themeFormatter.data(props.dimension, value),\n  };\n};\n\nconst HeatMapPro = (props: HeatMapProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    measure,\n    rowDimension,\n    columnDimension,\n    maxColor,\n    midColor,\n    minColor,\n    displayNullAs,\n    columnWidth,\n    firstColumnWidth,\n    showValues,\n    minThreshold,\n    maxThreshold,\n    onCellClicked,\n  } = props;\n\n  const handleCellClick = useCallback(\n    ({ rowDimensionValue, columnDimensionValue }: HeatMapCellClickArg) => {\n      if (!onCellClicked) return;\n      onCellClicked({\n        rowDimensionValue,\n        rowDimensionTimeRange: getTimeRangeFromDimensionValue({\n          value: rowDimensionValue,\n          dimension: rowDimension,\n        }),\n        columnDimensionValue,\n        columnDimensionTimeRange: getTimeRangeFromDimensionValue({\n          value: columnDimensionValue,\n          dimension: columnDimension,\n        }),\n      });\n    },\n    [onCellClicked, rowDimension, columnDimension],\n  );\n\n  const columnOrder = Array.from(\n    new Set((props.results.data ?? []).filter(Boolean).map((d) => d[columnDimension.name])),\n  );\n\n  const rowOrder = Array.from(\n    new Set((props.results.data ?? []).filter(Boolean).map((d) => d[rowDimension.name])),\n  );\n\n  // Fill gaps for the column dimension\n  const resultsColumnDimensionFillGaps = useFillGaps({\n    results: props.results,\n    dimension: columnDimension,\n  });\n\n  // Fill gaps for the row dimension\n  const resultsRowColumnDimensionFillGaps = useFillGaps({\n    results: resultsColumnDimensionFillGaps,\n    dimension: rowDimension,\n  });\n\n  const results = useGetTableSortedResults({\n    results: resultsRowColumnDimensionFillGaps,\n    columnOrder,\n    rowOrder,\n    columnDimension,\n    rowDimension,\n    measures: [measure],\n  });\n\n  const pivotMeasures = getHeatMeasure({ measure }, theme);\n  const pivotRowDimension = getHeatDimension({ dimension: rowDimension }, theme);\n  const pivotColumnDimension = getHeatDimension({ dimension: columnDimension }, theme);\n\n  return (\n    <ChartCard\n      data={props.results}\n      dimensionsAndMeasures={[rowDimension, columnDimension, measure]}\n      errorMessage={props.results?.error}\n      {...asChartCardHeaderProps(props)}\n    >\n      <HeatMap\n        data={results}\n        measure={pivotMeasures}\n        rowDimension={pivotRowDimension}\n        columnDimension={pivotColumnDimension}\n        maxColor={maxColor}\n        midColor={midColor ?? getStyle('--em-tablechart-heatmap-color', '#FF5400')}\n        minColor={minColor}\n        showValues={showValues}\n        minThreshold={minThreshold}\n        maxThreshold={maxThreshold}\n        columnWidth={columnWidth}\n        firstColumnWidth={firstColumnWidth}\n        displayNullAs={displayNullAs}\n        onCellClick={handleCellClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default HeatMapPro;\n","import { DataResponse, LoadDataRequest, Value, loadData } from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\nimport { HeatMapProOptionsClickArg } from './HeatMapPro.types';\n\nconst meta = {\n  name: 'HeatMapPro',\n  label: 'Heat Map',\n  description:\n    'Heat map of one measure over two dimensions (rows × columns). Use to spot density or correlation patterns.',\n  category: 'Table Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    {\n      ...inputs.dimensionWithDateBounds,\n      label: 'Row dimension',\n      name: 'rowDimension',\n    },\n    {\n      ...inputs.dimensionWithDateBounds,\n      label: 'Column dimension',\n      name: 'columnDimension',\n    },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.displayNullAs,\n    {\n      ...inputs.color,\n      name: 'midColor',\n      label: 'Mid-point color (optional)',\n    },\n    {\n      ...inputs.color,\n      name: 'maxColor',\n      label: 'Max-point color (optional)',\n    },\n    {\n      ...inputs.color,\n      name: 'minColor',\n      label: 'Min-point color (optional)',\n    },\n    {\n      ...inputs.string,\n      name: 'minThreshold',\n      label: 'Max-point range lower limit',\n      description: 'Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)',\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.string,\n      name: 'maxThreshold',\n      label: 'Min-point range upper limit',\n      description: 'Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)',\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.boolean,\n      name: 'showValues',\n      label: 'Show values',\n      defaultValue: true,\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.number,\n      name: 'firstColumnWidth',\n      label: 'First column width',\n      description: 'Set the width in px (e.g. 200)',\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.number,\n      name: 'columnWidth',\n      label: 'Column width',\n      description: 'Set the width in px (e.g. 200)',\n      category: 'Component Settings',\n    },\n    inputs.maxResults,\n    inputs.menuOptions,\n  ],\n  events: [\n    {\n      name: 'onCellClicked',\n      label: 'A cell is clicked',\n      properties: [\n        {\n          name: 'rowDimensionValue',\n          label: 'Clicked row dimension value',\n          type: 'string',\n        },\n        {\n          name: 'rowDimensionTimeRange',\n          label: 'Clicked row dimension time range',\n          type: 'timeRange',\n        },\n        {\n          name: 'columnDimensionValue',\n          label: 'Clicked column dimension value',\n          type: 'string',\n        },\n        {\n          name: 'columnDimensionTimeRange',\n          label: 'Clicked column dimension time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst previewConfig = {\n  rowDimension: previewData.dimension,\n  columnDimension: previewData.dimensionGroup,\n  measure: previewData.measure,\n  results: previewData.results1Measure2Dimensions,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.rowDimension, inputs.columnDimension, inputs.measure],\n  limit: inputs.maxResults,\n  countRows: true,\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 props = (\n  inputs: Inputs<typeof meta>,\n  _state: unknown,\n  clientContext?: ThemeClientContext,\n) => ({\n  ...inputs,\n  results: loadDataResults(inputs, clientContext),\n});\n\nconst events = {\n  onCellClicked: (value: HeatMapProOptionsClickArg) => ({\n    rowDimensionValue: value.rowDimensionValue ?? Value.noFilter(),\n    rowDimensionTimeRange: value.rowDimensionTimeRange ?? Value.noFilter(),\n    columnDimensionValue: value.columnDimensionValue ?? Value.noFilter(),\n    columnDimensionTimeRange: value.columnDimensionTimeRange ?? Value.noFilter(),\n  }),\n};\n\nexport const heatMapPro = {\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":["getHeatMeasure","props","theme","themeFormatter","getThemeFormatter","value","getHeatDimension","HeatMapPro","useTheme","i18nSetup","measure","rowDimension","columnDimension","maxColor","midColor","minColor","displayNullAs","columnWidth","firstColumnWidth","showValues","minThreshold","maxThreshold","onCellClicked","handleCellClick","useCallback","rowDimensionValue","columnDimensionValue","getTimeRangeFromDimensionValue","columnOrder","d","rowOrder","resultsColumnDimensionFillGaps","useFillGaps","resultsRowColumnDimensionFillGaps","results","useGetTableSortedResults","pivotMeasures","pivotRowDimension","pivotColumnDimension","jsx","ChartCard","_a","asChartCardHeaderProps","HeatMap","getStyle","meta","inputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","_state","events","Value","heatMapPro"],"mappings":"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"}

package/dist/{definition-Du-gOi0o.js → definition-Dvm9tY5Y.js}

@@ -1,14 +1,14 @@
 import { p as q, u as j, m as J, v as K, L as Q, w as Z, P as ee, j as I, B as ae, V as P, l as se } from "./index-BCG-LNTx.js";
 import { useTheme as ne, definePreview as ie } from "@embeddable.com/react";
-import { i as oe, r as re } from "./component.utils-oQMZT7TK.js";
-import { C as te, a as le } from "./ChartCard-C4MndGoP.js";
-import { C as me, g as de } from "./granularity.utils-BreNR3T1.js";
+import { i as oe, r as re } from "./component.utils-B7tQ4cCT.js";
+import { C as te, a as le } from "./ChartCard-C72rw1Ya.js";
+import { C as me, g as de } from "./granularity.utils-BidDuinr.js";
 import { u as ce } from "./charts.fillGaps.hooks-Dkv__Ls1.js";
-import { g as W } from "./formatter.utils-CNK7r1DQ.js";
+import { g as W } from "./formatter.utils-Wcc93V-N.js";
 import { g as T } from "./styles.utils-C8CnV0SB.js";
 import { i as z, s as ue } from "./color.utils-BSg_DFOh.js";
-import { g as pe, a as Y, b as be } from "./charts.utils-DL-pzVG-.js";
-import { a as ge } from "./bars.utils-ZwBz0eSf.js";
+import { g as pe, a as Y, b as be } from "./charts.utils-Czfl880z.js";
+import { a as ge } from "./bars.utils-4Vu_6Vwr.js";
 import { g as xe } from "./dimension.utils-CQAdVGip.js";
 import { i as s, s as D } from "./component.inputs.constants-BsSC9xd5.js";
 import { p as v } from "./preview.data.constants-C0USIdBY.js";
@@ -421,4 +421,4 @@ export {
   ye as g,
   Ye as i
 };
-//# sourceMappingURL=definition-Du-gOi0o.js.map
+//# sourceMappingURL=definition-Dvm9tY5Y.js.map

package/dist/{definition-Du-gOi0o.js.map → definition-Dvm9tY5Y.js.map}

@@ -1 +1 @@
-{"version":3,"file":"definition-Du-gOi0o.js","sources":["../src/components/charts/combo/BarLineChartPro/BarLineChartPro.utils.ts","../src/components/charts/combo/BarLineChartPro/index.tsx","../src/components/charts/combo/BarLineChartPro/definition.ts"],"sourcesContent":["import { DataResponse, Dimension, Granularity, Measure } from '@embeddable.com/core';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { mergician } from 'mergician';\nimport type { ChartClickArgs } from '@embeddable.com/remarkable-ui';\nimport { getChartColors, getStyleNumber } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getDimensionMeasureColor } from '../../../../theme/styles/styles.utils';\nimport { isColorValid, setColorAlpha } from '../../../../utils/color.utils';\nimport {\n  getDatalabelPercentage,\n  getDimensionWithoutTruncation,\n  groupTailAsOther,\n} from '../../charts.utils';\nimport { getBarChartProOptions } from '../../bars/bars.utils';\nimport { getTimeRangeFromDimensionValue } from '../../../utils/dimension.utils';\nimport { BarLineChartProClickArg } from '../combo.types';\n\nexport const getBarLineChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    barMeasures: Measure[];\n    lineMeasures: Measure[];\n    maxItems?: number;\n    showSecondaryAxis: boolean;\n  },\n  theme: Theme,\n): ChartData<'bar'> => {\n  if (!props.data) {\n    return { labels: [], datasets: [{ data: [] }] };\n  }\n\n  const { data, dimension, barMeasures, lineMeasures, maxItems, showSecondaryAxis } = props;\n  const measures = [...barMeasures, ...lineMeasures];\n  const groupedData = groupTailAsOther(data, dimension, measures, maxItems);\n  const themeFormatter = getThemeFormatter(theme);\n  const chartColors = getChartColors();\n\n  const labels = groupedData.map((item) => item[dimension.name]);\n\n  const barDatasets = barMeasures.map((measure, index) => ({\n    order: 1,\n    label: themeFormatter.dimensionOrMeasureTitle(measure),\n    data: groupedData.map((item) => item[measure.name] ?? 0),\n    backgroundColor: getDimensionMeasureColor({\n      dimensionOrMeasure: measure,\n      theme,\n      color: 'background',\n      value: measure.name,\n      index,\n      chartColors,\n    }),\n    borderColor: getDimensionMeasureColor({\n      dimensionOrMeasure: measure,\n      theme,\n      color: 'border',\n      value: measure.name,\n      index,\n      chartColors,\n    }),\n  }));\n\n  const lineDatasets = lineMeasures.map((measure, index) => {\n    const colorIndex = barMeasures.length + index;\n    const lineColor = measure.inputs?.['lineColor'];\n    const zeroFill = Boolean(measure.inputs?.['connectGaps']);\n\n    const backgroundColor = isColorValid(lineColor)\n      ? lineColor\n      : getDimensionMeasureColor({\n          dimensionOrMeasure: measure,\n          theme,\n          color: 'background',\n          value: measure.name,\n          index: colorIndex,\n          chartColors,\n        });\n\n    const borderColor = isColorValid(lineColor)\n      ? lineColor\n      : getDimensionMeasureColor({\n          dimensionOrMeasure: measure,\n          theme,\n          color: 'border',\n          value: measure.name,\n          index: colorIndex,\n          chartColors,\n        });\n\n    return {\n      type: 'line' as const,\n      order: 0,\n      label: themeFormatter.dimensionOrMeasureTitle(measure),\n      data: groupedData.map((item) => item[measure.name] ?? (zeroFill ? 0 : null)),\n      backgroundColor: setColorAlpha(backgroundColor, 0.5),\n      pointBackgroundColor: backgroundColor,\n      borderColor,\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      fill: Boolean(measure.inputs?.['fillUnderLine']),\n      yAxisID: showSecondaryAxis && Boolean(measure.inputs?.['useSecondaryAxis']) ? 'y1' : 'y',\n    };\n  });\n\n  return {\n    labels,\n    datasets: [...barDatasets, ...lineDatasets] as ChartData<'bar'>['datasets'],\n  };\n};\n\nexport const getBarLineChartProOptions = (\n  options: {\n    barMeasures: Measure[];\n    lineMeasures: Measure[];\n    dimension: Dimension;\n    data: ChartData<'bar'>;\n    showSecondaryAxis: boolean;\n    showValueLabels?: boolean;\n    showValueLabelsLine?: boolean;\n    yAxisSecondaryLabel?: string;\n    yAxisSecondaryMin?: number;\n    yAxisSecondaryMax?: number;\n  },\n  theme: Theme,\n): Partial<ChartOptions<'bar'>> => {\n  const {\n    barMeasures,\n    lineMeasures,\n    dimension,\n    data,\n    showSecondaryAxis,\n    showValueLabels,\n    showValueLabelsLine,\n    yAxisSecondaryLabel,\n    yAxisSecondaryMin,\n    yAxisSecondaryMax,\n  } = options;\n\n  const measures = [...barMeasures, ...lineMeasures];\n  const themeFormatter = getThemeFormatter(theme);\n\n  const baseOptions = getBarChartProOptions(\n    { measures: barMeasures, horizontal: false, data, dimension },\n    theme,\n  );\n\n  const datalabelsOptions: Partial<ChartOptions<'bar'>> = {\n    plugins: {\n      datalabels: {\n        display: (context) => {\n          const isLineSeries = context.datasetIndex >= barMeasures.length;\n          const show = isLineSeries ? showValueLabelsLine : showValueLabels;\n          return show && context.dataset.data[context.dataIndex] !== 0 ? 'auto' : false;\n        },\n        labels: {\n          value: {\n            formatter: (value, context) => {\n              const measure = measures[context.datasetIndex];\n              if (!measure) return value;\n              if (measure.inputs?.showValueAsPercentage) {\n                return getDatalabelPercentage(\n                  Number(value),\n                  context.dataset.data,\n                  measure.inputs?.decimalPlaces,\n                );\n              }\n              return themeFormatter.data(measure, value);\n            },\n          },\n        },\n      },\n    },\n  };\n\n  const tooltipOptions: Partial<ChartOptions<'bar'>> = {\n    plugins: {\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            if (!measure) return '';\n            const raw = context.raw as number;\n            const formatted = themeFormatter.data(measure, raw);\n            const percentage = measure.inputs?.showValueAsPercentage\n              ? ` (${getDatalabelPercentage(raw, context.dataset.data, measure.inputs?.decimalPlaces)})`\n              : '';\n            return `${context.dataset.label}: ${formatted}${percentage}`;\n          },\n        },\n      },\n    },\n  };\n\n  const interactionOptions: Partial<ChartOptions<'bar'>> = {\n    interaction: {\n      mode: 'index',\n      intersect: false,\n    },\n  };\n\n  const secondaryAxisOptions: Partial<ChartOptions<'bar'>> = showSecondaryAxis\n    ? {\n        scales: {\n          y1: {\n            type: 'linear',\n            position: 'right',\n            min: yAxisSecondaryMin,\n            max: yAxisSecondaryMax,\n            title: {\n              display: Boolean(yAxisSecondaryLabel),\n              text: yAxisSecondaryLabel ?? '',\n            },\n            grid: { drawOnChartArea: false },\n            ticks: {\n              callback: (value) => {\n                const firstLineMeasure = lineMeasures[0];\n                if (!firstLineMeasure) return value;\n                return themeFormatter.data(firstLineMeasure, value);\n              },\n            },\n          },\n        },\n      }\n    : {};\n\n  return mergician(\n    baseOptions,\n    datalabelsOptions,\n    tooltipOptions,\n    interactionOptions,\n    secondaryAxisOptions,\n    theme.charts?.barLineChartPro?.options ?? {},\n  );\n};\n\nexport const createBarLineClickHandler = ({\n  data,\n  dimension,\n  granularity,\n  barMeasures,\n  onBarClicked,\n  onLineClicked,\n}: {\n  data: ChartData;\n  dimension: Dimension;\n  granularity?: Granularity;\n  barMeasures: Measure[];\n  onBarClicked?: (args: BarLineChartProClickArg) => void;\n  onLineClicked?: (args: BarLineChartProClickArg) => void;\n}): ((args: ChartClickArgs) => void) => {\n  return ({ elementAtEvent }) => {\n    const element = elementAtEvent[0];\n    if (!element) return;\n\n    const dimensionValue = data?.labels?.[element.index] as string | undefined;\n    const dimensionTimeRange = getTimeRangeFromDimensionValue({\n      value: dimensionValue,\n      stateGranularity: granularity,\n      dimension,\n    });\n    const clickArg: BarLineChartProClickArg = { dimensionValue, dimensionTimeRange };\n\n    if (element.datasetIndex < barMeasures.length) {\n      onBarClicked?.(clickArg);\n    } else {\n      onLineClicked?.(clickArg);\n    }\n  };\n};\n","import { Chart as ChartJS, LineController, LineElement, PointElement } from 'chart.js';\nimport { useTheme } from '@embeddable.com/react';\nimport { BarChart } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard, asChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarLineChartProProps } from '../combo.types';\nimport {\n  createBarLineClickHandler,\n  getBarLineChartProData,\n  getBarLineChartProOptions,\n} from './BarLineChartPro.utils';\n\nChartJS.register(LineController, LineElement, PointElement);\n\nconst BarLineChartPro = (props: BarLineChartProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    measures,\n    lineMeasures = [],\n    xAxisMaxItems,\n    yAxisRangeMin,\n    yAxisRangeMax,\n    showLegend,\n    showTooltips,\n    showLogarithmicScale,\n    showValueLabels,\n    showValueLabelsLine,\n    yAxisSecondaryLabel,\n    yAxisSecondaryMin,\n    yAxisSecondaryMax,\n    reverseXAxis,\n    dimension,\n    granularity,\n    setGranularity,\n    onBarClicked,\n    onLineClicked,\n  } = props;\n\n  const resolvedI18nProps = resolveI18nProps(props);\n  const { tooltip, description, title, xAxisLabel, yAxisLabel } = resolvedI18nProps;\n\n  const showSecondaryAxis = lineMeasures.some((m) => Boolean(m.inputs?.['useSecondaryAxis']));\n\n  const results = useFillGaps({ results: props.results, dimension });\n\n  const data = getBarLineChartProData(\n    {\n      data: results.data,\n      dimension,\n      barMeasures: measures,\n      lineMeasures,\n      maxItems: xAxisMaxItems,\n      showSecondaryAxis,\n    },\n    theme,\n  );\n\n  const options = getBarLineChartProOptions(\n    {\n      barMeasures: measures,\n      lineMeasures,\n      dimension,\n      data,\n      showSecondaryAxis,\n      showValueLabels,\n      showValueLabelsLine,\n      yAxisSecondaryLabel,\n      yAxisSecondaryMin,\n      yAxisSecondaryMax,\n    },\n    theme,\n  );\n\n  const handleClick = createBarLineClickHandler({\n    data,\n    dimension,\n    granularity,\n    barMeasures: measures,\n    onBarClicked,\n    onLineClicked,\n  });\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, ...measures, ...lineMeasures]}\n      errorMessage={results.error}\n      {...asChartCardHeaderProps(props)}\n    >\n      {setGranularity && (\n        <ChartGranularitySelectField\n          hasMarginTop={granularitySelectorHasMarginTop}\n          dimension={dimension}\n          onChange={setGranularity}\n        />\n      )}\n      <BarChart\n        data={data}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels || showValueLabelsLine}\n        showLogarithmicScale={showLogarithmicScale}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        reverseXAxis={reverseXAxis}\n        yAxisRangeMin={yAxisRangeMin}\n        yAxisRangeMax={yAxisRangeMax}\n        options={options}\n        onClick={handleClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarLineChartPro;\nexport type { BarLineChartProProps };\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 { 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';\nimport { BarLineChartProClickArg } from '../combo.types';\n\nconst meta = {\n  name: 'BarLineChartPro',\n  label: 'Bar + Line Chart',\n  category: 'Combo Charts',\n  inputs: [\n    inputs.dataset,\n    {\n      ...inputs.measures,\n      label: 'Bar measures',\n      inputs: [...inputs.measures.inputs, subInputs.color, subInputs.showValueAsPercentage],\n    },\n    {\n      ...inputs.measures,\n      name: 'lineMeasures',\n      label: 'Line measures',\n      required: false,\n      inputs: [\n        ...inputs.measures.inputs,\n        { ...subInputs.color, name: 'lineColor', label: 'Line color' },\n        { ...subInputs.boolean, name: 'dashedLine', label: 'Dashed line', defaultValue: false },\n        { ...subInputs.boolean, name: 'connectGaps', label: 'Connect gaps', defaultValue: true },\n        { ...subInputs.boolean, name: 'fillUnderLine', label: 'Fill under line' },\n        { ...subInputs.boolean, name: 'useSecondaryAxis', label: 'Assign to secondary axis' },\n      ],\n    },\n    { ...inputs.dimensionWithGranularitySelectField, label: 'X-axis' },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.showLegend,\n    inputs.showTooltips,\n    inputs.showValueLabels,\n    { ...inputs.showValueLabels, name: 'showValueLabelsLine', label: 'Show value labels - line' },\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.yAxisRangeMin,\n    inputs.yAxisRangeMax,\n    inputs.reverseXAxis,\n    inputs.xAxisMaxItems,\n    {\n      ...inputs.yAxisLabel,\n      name: 'yAxisSecondaryLabel',\n      label: 'Secondary Y-axis label',\n      description: 'Label for the right-hand Y-axis used by line series.',\n    },\n    {\n      ...inputs.yAxisRangeMin,\n      name: 'yAxisSecondaryMin',\n      label: 'Secondary Y-axis min',\n      description: 'Minimum value for the right-hand Y-axis used by line series.',\n    },\n    {\n      ...inputs.yAxisRangeMax,\n      name: 'yAxisSecondaryMax',\n      label: 'Secondary Y-axis max',\n      description: 'Maximum value for the right-hand Y-axis used by line series.',\n    },\n    inputs.maxResults,\n    inputs.menuOptions,\n  ],\n  events: [\n    {\n      name: 'onBarClicked',\n      label: 'A bar is clicked',\n      properties: [\n        { name: 'axisDimensionValue', label: 'Clicked axis dimension value', type: 'string' },\n        {\n          name: 'axisDimensionTimeRange',\n          label: 'Clicked axis dimension time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n    {\n      name: 'onLineClicked',\n      label: 'A line is clicked',\n      properties: [\n        { name: 'axisDimensionValue', label: 'Clicked axis dimension value', type: 'string' },\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 BarLineChartProState = {\n  granularity?: Granularity;\n};\n\nconst previewConfig = {\n  dimension: previewData.dimension,\n  measures: [previewData.measure],\n  lineMeasures: [previewData.measureVariant],\n  results: previewData.results2Measures1Dimension,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  dimension?: Dimension,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n  limit: inputs.maxResults,\n  from: inputs.dataset,\n  select: [\n    ...(inputs.measures ?? []),\n    ...(inputs.lineMeasures ?? []),\n    dimension ?? inputs.dimension,\n  ],\n  timezone: getClientContextTimezone(clientContext?.timezone),\n});\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  dimension: Dimension,\n  clientContext: ThemeClientContext,\n): DataResponse => loadData(loadDataResultsArgs(inputs, dimension, clientContext));\n\nconst events = {\n  onBarClicked: (value: BarLineChartProClickArg) => ({\n    axisDimensionValue: value.dimensionValue ?? Value.noFilter(),\n    axisDimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n  }),\n  onLineClicked: (value: BarLineChartProClickArg) => ({\n    axisDimensionValue: value.dimensionValue ?? Value.noFilter(),\n    axisDimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [BarLineChartProState, (state: BarLineChartProState) => void],\n  clientContext: ThemeClientContext,\n) => {\n  const dimensionWithGranularity = getDimensionWithGranularity(\n    inputs.dimension,\n    state?.granularity,\n  );\n\n  return {\n    ...inputs,\n    dimension: dimensionWithGranularity,\n    granularity: state?.granularity,\n    setGranularity: (granularity: Granularity) => setState({ granularity }),\n    results: loadDataResults(inputs, dimensionWithGranularity, clientContext),\n  };\n};\n\nexport const barLineChartPro = {\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":["getBarLineChartProData","props","theme","data","dimension","barMeasures","lineMeasures","maxItems","showSecondaryAxis","measures","groupedData","groupTailAsOther","themeFormatter","getThemeFormatter","chartColors","getChartColors","labels","item","barDatasets","measure","index","getDimensionMeasureColor","lineDatasets","colorIndex","lineColor","_a","zeroFill","_b","backgroundColor","isColorValid","borderColor","setColorAlpha","_c","getStyleNumber","_d","_e","getBarLineChartProOptions","options","showValueLabels","showValueLabelsLine","yAxisSecondaryLabel","yAxisSecondaryMin","yAxisSecondaryMax","baseOptions","getBarChartProOptions","mergician","context","value","getDatalabelPercentage","label","getDimensionWithoutTruncation","raw","formatted","percentage","firstLineMeasure","createBarLineClickHandler","granularity","onBarClicked","onLineClicked","elementAtEvent","element","dimensionValue","dimensionTimeRange","getTimeRangeFromDimensionValue","clickArg","ChartJS","LineController","LineElement","PointElement","BarLineChartPro","useTheme","i18nSetup","xAxisMaxItems","yAxisRangeMin","yAxisRangeMax","showLegend","showTooltips","showLogarithmicScale","reverseXAxis","setGranularity","resolvedI18nProps","resolveI18nProps","tooltip","description","title","xAxisLabel","yAxisLabel","m","results","useFillGaps","handleClick","granularitySelectorHasMarginTop","jsxs","ChartCard","asChartCardHeaderProps","jsx","ChartGranularitySelectField","BarChart","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","events","Value","state","setState","dimensionWithGranularity","getDimensionWithGranularity","barLineChartPro"],"mappings":"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"}
+{"version":3,"file":"definition-Dvm9tY5Y.js","sources":["../src/components/charts/combo/BarLineChartPro/BarLineChartPro.utils.ts","../src/components/charts/combo/BarLineChartPro/index.tsx","../src/components/charts/combo/BarLineChartPro/definition.ts"],"sourcesContent":["import { DataResponse, Dimension, Granularity, Measure } from '@embeddable.com/core';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { mergician } from 'mergician';\nimport type { ChartClickArgs } from '@embeddable.com/remarkable-ui';\nimport { getChartColors, getStyleNumber } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getDimensionMeasureColor } from '../../../../theme/styles/styles.utils';\nimport { isColorValid, setColorAlpha } from '../../../../utils/color.utils';\nimport {\n  getDatalabelPercentage,\n  getDimensionWithoutTruncation,\n  groupTailAsOther,\n} from '../../charts.utils';\nimport { getBarChartProOptions } from '../../bars/bars.utils';\nimport { getTimeRangeFromDimensionValue } from '../../../utils/dimension.utils';\nimport { BarLineChartProClickArg } from '../combo.types';\n\nexport const getBarLineChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    barMeasures: Measure[];\n    lineMeasures: Measure[];\n    maxItems?: number;\n    showSecondaryAxis: boolean;\n  },\n  theme: Theme,\n): ChartData<'bar'> => {\n  if (!props.data) {\n    return { labels: [], datasets: [{ data: [] }] };\n  }\n\n  const { data, dimension, barMeasures, lineMeasures, maxItems, showSecondaryAxis } = props;\n  const measures = [...barMeasures, ...lineMeasures];\n  const groupedData = groupTailAsOther(data, dimension, measures, maxItems);\n  const themeFormatter = getThemeFormatter(theme);\n  const chartColors = getChartColors();\n\n  const labels = groupedData.map((item) => item[dimension.name]);\n\n  const barDatasets = barMeasures.map((measure, index) => ({\n    order: 1,\n    label: themeFormatter.dimensionOrMeasureTitle(measure),\n    data: groupedData.map((item) => item[measure.name] ?? 0),\n    backgroundColor: getDimensionMeasureColor({\n      dimensionOrMeasure: measure,\n      theme,\n      color: 'background',\n      value: measure.name,\n      index,\n      chartColors,\n    }),\n    borderColor: getDimensionMeasureColor({\n      dimensionOrMeasure: measure,\n      theme,\n      color: 'border',\n      value: measure.name,\n      index,\n      chartColors,\n    }),\n  }));\n\n  const lineDatasets = lineMeasures.map((measure, index) => {\n    const colorIndex = barMeasures.length + index;\n    const lineColor = measure.inputs?.['lineColor'];\n    const zeroFill = Boolean(measure.inputs?.['connectGaps']);\n\n    const backgroundColor = isColorValid(lineColor)\n      ? lineColor\n      : getDimensionMeasureColor({\n          dimensionOrMeasure: measure,\n          theme,\n          color: 'background',\n          value: measure.name,\n          index: colorIndex,\n          chartColors,\n        });\n\n    const borderColor = isColorValid(lineColor)\n      ? lineColor\n      : getDimensionMeasureColor({\n          dimensionOrMeasure: measure,\n          theme,\n          color: 'border',\n          value: measure.name,\n          index: colorIndex,\n          chartColors,\n        });\n\n    return {\n      type: 'line' as const,\n      order: 0,\n      label: themeFormatter.dimensionOrMeasureTitle(measure),\n      data: groupedData.map((item) => item[measure.name] ?? (zeroFill ? 0 : null)),\n      backgroundColor: setColorAlpha(backgroundColor, 0.5),\n      pointBackgroundColor: backgroundColor,\n      borderColor,\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      fill: Boolean(measure.inputs?.['fillUnderLine']),\n      yAxisID: showSecondaryAxis && Boolean(measure.inputs?.['useSecondaryAxis']) ? 'y1' : 'y',\n    };\n  });\n\n  return {\n    labels,\n    datasets: [...barDatasets, ...lineDatasets] as ChartData<'bar'>['datasets'],\n  };\n};\n\nexport const getBarLineChartProOptions = (\n  options: {\n    barMeasures: Measure[];\n    lineMeasures: Measure[];\n    dimension: Dimension;\n    data: ChartData<'bar'>;\n    showSecondaryAxis: boolean;\n    showValueLabels?: boolean;\n    showValueLabelsLine?: boolean;\n    yAxisSecondaryLabel?: string;\n    yAxisSecondaryMin?: number;\n    yAxisSecondaryMax?: number;\n  },\n  theme: Theme,\n): Partial<ChartOptions<'bar'>> => {\n  const {\n    barMeasures,\n    lineMeasures,\n    dimension,\n    data,\n    showSecondaryAxis,\n    showValueLabels,\n    showValueLabelsLine,\n    yAxisSecondaryLabel,\n    yAxisSecondaryMin,\n    yAxisSecondaryMax,\n  } = options;\n\n  const measures = [...barMeasures, ...lineMeasures];\n  const themeFormatter = getThemeFormatter(theme);\n\n  const baseOptions = getBarChartProOptions(\n    { measures: barMeasures, horizontal: false, data, dimension },\n    theme,\n  );\n\n  const datalabelsOptions: Partial<ChartOptions<'bar'>> = {\n    plugins: {\n      datalabels: {\n        display: (context) => {\n          const isLineSeries = context.datasetIndex >= barMeasures.length;\n          const show = isLineSeries ? showValueLabelsLine : showValueLabels;\n          return show && context.dataset.data[context.dataIndex] !== 0 ? 'auto' : false;\n        },\n        labels: {\n          value: {\n            formatter: (value, context) => {\n              const measure = measures[context.datasetIndex];\n              if (!measure) return value;\n              if (measure.inputs?.showValueAsPercentage) {\n                return getDatalabelPercentage(\n                  Number(value),\n                  context.dataset.data,\n                  measure.inputs?.decimalPlaces,\n                );\n              }\n              return themeFormatter.data(measure, value);\n            },\n          },\n        },\n      },\n    },\n  };\n\n  const tooltipOptions: Partial<ChartOptions<'bar'>> = {\n    plugins: {\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            if (!measure) return '';\n            const raw = context.raw as number;\n            const formatted = themeFormatter.data(measure, raw);\n            const percentage = measure.inputs?.showValueAsPercentage\n              ? ` (${getDatalabelPercentage(raw, context.dataset.data, measure.inputs?.decimalPlaces)})`\n              : '';\n            return `${context.dataset.label}: ${formatted}${percentage}`;\n          },\n        },\n      },\n    },\n  };\n\n  const interactionOptions: Partial<ChartOptions<'bar'>> = {\n    interaction: {\n      mode: 'index',\n      intersect: false,\n    },\n  };\n\n  const secondaryAxisOptions: Partial<ChartOptions<'bar'>> = showSecondaryAxis\n    ? {\n        scales: {\n          y1: {\n            type: 'linear',\n            position: 'right',\n            min: yAxisSecondaryMin,\n            max: yAxisSecondaryMax,\n            title: {\n              display: Boolean(yAxisSecondaryLabel),\n              text: yAxisSecondaryLabel ?? '',\n            },\n            grid: { drawOnChartArea: false },\n            ticks: {\n              callback: (value) => {\n                const firstLineMeasure = lineMeasures[0];\n                if (!firstLineMeasure) return value;\n                return themeFormatter.data(firstLineMeasure, value);\n              },\n            },\n          },\n        },\n      }\n    : {};\n\n  return mergician(\n    baseOptions,\n    datalabelsOptions,\n    tooltipOptions,\n    interactionOptions,\n    secondaryAxisOptions,\n    theme.charts?.barLineChartPro?.options ?? {},\n  );\n};\n\nexport const createBarLineClickHandler = ({\n  data,\n  dimension,\n  granularity,\n  barMeasures,\n  onBarClicked,\n  onLineClicked,\n}: {\n  data: ChartData;\n  dimension: Dimension;\n  granularity?: Granularity;\n  barMeasures: Measure[];\n  onBarClicked?: (args: BarLineChartProClickArg) => void;\n  onLineClicked?: (args: BarLineChartProClickArg) => void;\n}): ((args: ChartClickArgs) => void) => {\n  return ({ elementAtEvent }) => {\n    const element = elementAtEvent[0];\n    if (!element) return;\n\n    const dimensionValue = data?.labels?.[element.index] as string | undefined;\n    const dimensionTimeRange = getTimeRangeFromDimensionValue({\n      value: dimensionValue,\n      stateGranularity: granularity,\n      dimension,\n    });\n    const clickArg: BarLineChartProClickArg = { dimensionValue, dimensionTimeRange };\n\n    if (element.datasetIndex < barMeasures.length) {\n      onBarClicked?.(clickArg);\n    } else {\n      onLineClicked?.(clickArg);\n    }\n  };\n};\n","import { Chart as ChartJS, LineController, LineElement, PointElement } from 'chart.js';\nimport { useTheme } from '@embeddable.com/react';\nimport { BarChart } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard, asChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarLineChartProProps } from '../combo.types';\nimport {\n  createBarLineClickHandler,\n  getBarLineChartProData,\n  getBarLineChartProOptions,\n} from './BarLineChartPro.utils';\n\nChartJS.register(LineController, LineElement, PointElement);\n\nconst BarLineChartPro = (props: BarLineChartProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    measures,\n    lineMeasures = [],\n    xAxisMaxItems,\n    yAxisRangeMin,\n    yAxisRangeMax,\n    showLegend,\n    showTooltips,\n    showLogarithmicScale,\n    showValueLabels,\n    showValueLabelsLine,\n    yAxisSecondaryLabel,\n    yAxisSecondaryMin,\n    yAxisSecondaryMax,\n    reverseXAxis,\n    dimension,\n    granularity,\n    setGranularity,\n    onBarClicked,\n    onLineClicked,\n  } = props;\n\n  const resolvedI18nProps = resolveI18nProps(props);\n  const { tooltip, description, title, xAxisLabel, yAxisLabel } = resolvedI18nProps;\n\n  const showSecondaryAxis = lineMeasures.some((m) => Boolean(m.inputs?.['useSecondaryAxis']));\n\n  const results = useFillGaps({ results: props.results, dimension });\n\n  const data = getBarLineChartProData(\n    {\n      data: results.data,\n      dimension,\n      barMeasures: measures,\n      lineMeasures,\n      maxItems: xAxisMaxItems,\n      showSecondaryAxis,\n    },\n    theme,\n  );\n\n  const options = getBarLineChartProOptions(\n    {\n      barMeasures: measures,\n      lineMeasures,\n      dimension,\n      data,\n      showSecondaryAxis,\n      showValueLabels,\n      showValueLabelsLine,\n      yAxisSecondaryLabel,\n      yAxisSecondaryMin,\n      yAxisSecondaryMax,\n    },\n    theme,\n  );\n\n  const handleClick = createBarLineClickHandler({\n    data,\n    dimension,\n    granularity,\n    barMeasures: measures,\n    onBarClicked,\n    onLineClicked,\n  });\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, ...measures, ...lineMeasures]}\n      errorMessage={results.error}\n      {...asChartCardHeaderProps(props)}\n    >\n      {setGranularity && (\n        <ChartGranularitySelectField\n          hasMarginTop={granularitySelectorHasMarginTop}\n          dimension={dimension}\n          onChange={setGranularity}\n        />\n      )}\n      <BarChart\n        data={data}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels || showValueLabelsLine}\n        showLogarithmicScale={showLogarithmicScale}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        reverseXAxis={reverseXAxis}\n        yAxisRangeMin={yAxisRangeMin}\n        yAxisRangeMax={yAxisRangeMax}\n        options={options}\n        onClick={handleClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarLineChartPro;\nexport type { BarLineChartProProps };\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 { 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';\nimport { BarLineChartProClickArg } from '../combo.types';\n\nconst meta = {\n  name: 'BarLineChartPro',\n  label: 'Bar + Line Chart',\n  category: 'Combo Charts',\n  inputs: [\n    inputs.dataset,\n    {\n      ...inputs.measures,\n      label: 'Bar measures',\n      inputs: [...inputs.measures.inputs, subInputs.color, subInputs.showValueAsPercentage],\n    },\n    {\n      ...inputs.measures,\n      name: 'lineMeasures',\n      label: 'Line measures',\n      required: false,\n      inputs: [\n        ...inputs.measures.inputs,\n        { ...subInputs.color, name: 'lineColor', label: 'Line color' },\n        { ...subInputs.boolean, name: 'dashedLine', label: 'Dashed line', defaultValue: false },\n        { ...subInputs.boolean, name: 'connectGaps', label: 'Connect gaps', defaultValue: true },\n        { ...subInputs.boolean, name: 'fillUnderLine', label: 'Fill under line' },\n        { ...subInputs.boolean, name: 'useSecondaryAxis', label: 'Assign to secondary axis' },\n      ],\n    },\n    { ...inputs.dimensionWithGranularitySelectField, label: 'X-axis' },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.showLegend,\n    inputs.showTooltips,\n    inputs.showValueLabels,\n    { ...inputs.showValueLabels, name: 'showValueLabelsLine', label: 'Show value labels - line' },\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.yAxisRangeMin,\n    inputs.yAxisRangeMax,\n    inputs.reverseXAxis,\n    inputs.xAxisMaxItems,\n    {\n      ...inputs.yAxisLabel,\n      name: 'yAxisSecondaryLabel',\n      label: 'Secondary Y-axis label',\n      description: 'Label for the right-hand Y-axis used by line series.',\n    },\n    {\n      ...inputs.yAxisRangeMin,\n      name: 'yAxisSecondaryMin',\n      label: 'Secondary Y-axis min',\n      description: 'Minimum value for the right-hand Y-axis used by line series.',\n    },\n    {\n      ...inputs.yAxisRangeMax,\n      name: 'yAxisSecondaryMax',\n      label: 'Secondary Y-axis max',\n      description: 'Maximum value for the right-hand Y-axis used by line series.',\n    },\n    inputs.maxResults,\n    inputs.menuOptions,\n  ],\n  events: [\n    {\n      name: 'onBarClicked',\n      label: 'A bar is clicked',\n      properties: [\n        { name: 'axisDimensionValue', label: 'Clicked axis dimension value', type: 'string' },\n        {\n          name: 'axisDimensionTimeRange',\n          label: 'Clicked axis dimension time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n    {\n      name: 'onLineClicked',\n      label: 'A line is clicked',\n      properties: [\n        { name: 'axisDimensionValue', label: 'Clicked axis dimension value', type: 'string' },\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 BarLineChartProState = {\n  granularity?: Granularity;\n};\n\nconst previewConfig = {\n  dimension: previewData.dimension,\n  measures: [previewData.measure],\n  lineMeasures: [previewData.measureVariant],\n  results: previewData.results2Measures1Dimension,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  dimension?: Dimension,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n  limit: inputs.maxResults,\n  from: inputs.dataset,\n  select: [\n    ...(inputs.measures ?? []),\n    ...(inputs.lineMeasures ?? []),\n    dimension ?? inputs.dimension,\n  ],\n  timezone: getClientContextTimezone(clientContext?.timezone),\n});\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  dimension: Dimension,\n  clientContext: ThemeClientContext,\n): DataResponse => loadData(loadDataResultsArgs(inputs, dimension, clientContext));\n\nconst events = {\n  onBarClicked: (value: BarLineChartProClickArg) => ({\n    axisDimensionValue: value.dimensionValue ?? Value.noFilter(),\n    axisDimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n  }),\n  onLineClicked: (value: BarLineChartProClickArg) => ({\n    axisDimensionValue: value.dimensionValue ?? Value.noFilter(),\n    axisDimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [BarLineChartProState, (state: BarLineChartProState) => void],\n  clientContext: ThemeClientContext,\n) => {\n  const dimensionWithGranularity = getDimensionWithGranularity(\n    inputs.dimension,\n    state?.granularity,\n  );\n\n  return {\n    ...inputs,\n    dimension: dimensionWithGranularity,\n    granularity: state?.granularity,\n    setGranularity: (granularity: Granularity) => setState({ granularity }),\n    results: loadDataResults(inputs, dimensionWithGranularity, clientContext),\n  };\n};\n\nexport const barLineChartPro = {\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":["getBarLineChartProData","props","theme","data","dimension","barMeasures","lineMeasures","maxItems","showSecondaryAxis","measures","groupedData","groupTailAsOther","themeFormatter","getThemeFormatter","chartColors","getChartColors","labels","item","barDatasets","measure","index","getDimensionMeasureColor","lineDatasets","colorIndex","lineColor","_a","zeroFill","_b","backgroundColor","isColorValid","borderColor","setColorAlpha","_c","getStyleNumber","_d","_e","getBarLineChartProOptions","options","showValueLabels","showValueLabelsLine","yAxisSecondaryLabel","yAxisSecondaryMin","yAxisSecondaryMax","baseOptions","getBarChartProOptions","mergician","context","value","getDatalabelPercentage","label","getDimensionWithoutTruncation","raw","formatted","percentage","firstLineMeasure","createBarLineClickHandler","granularity","onBarClicked","onLineClicked","elementAtEvent","element","dimensionValue","dimensionTimeRange","getTimeRangeFromDimensionValue","clickArg","ChartJS","LineController","LineElement","PointElement","BarLineChartPro","useTheme","i18nSetup","xAxisMaxItems","yAxisRangeMin","yAxisRangeMax","showLegend","showTooltips","showLogarithmicScale","reverseXAxis","setGranularity","resolvedI18nProps","resolveI18nProps","tooltip","description","title","xAxisLabel","yAxisLabel","m","results","useFillGaps","handleClick","granularitySelectorHasMarginTop","jsxs","ChartCard","asChartCardHeaderProps","jsx","ChartGranularitySelectField","BarChart","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","events","Value","state","setState","dimensionWithGranularity","getDimensionWithGranularity","barLineChartPro"],"mappings":";;;;;;;;;;;;;;;AAkBO,MAAMA,KAAyB,CACpCC,GAQAC,MACqB;AACrB,MAAI,CAACD,EAAM;AACT,WAAO,EAAE,QAAQ,IAAI,UAAU,CAAC,EAAE,MAAM,CAAA,EAAC,CAAG,EAAA;AAG9C,QAAM,EAAE,MAAAE,GAAM,WAAAC,GAAW,aAAAC,GAAa,cAAAC,GAAc,UAAAC,GAAU,mBAAAC,MAAsBP,GAC9EQ,IAAW,CAAC,GAAGJ,GAAa,GAAGC,CAAY,GAC3CI,IAAcC,GAAiBR,GAAMC,GAAWK,GAAUF,CAAQ,GAClEK,IAAiBC,EAAkBX,CAAK,GACxCY,IAAcC,EAAA,GAEdC,IAASN,EAAY,IAAI,CAACO,MAASA,EAAKb,EAAU,IAAI,CAAC,GAEvDc,IAAcb,EAAY,IAAI,CAACc,GAASC,OAAW;AAAA,IACvD,OAAO;AAAA,IACP,OAAOR,EAAe,wBAAwBO,CAAO;AAAA,IACrD,MAAMT,EAAY,IAAI,CAACO,MAASA,EAAKE,EAAQ,IAAI,KAAK,CAAC;AAAA,IACvD,iBAAiBE,EAAyB;AAAA,MACxC,oBAAoBF;AAAA,MACpB,OAAAjB;AAAA,MACA,OAAO;AAAA,MACP,OAAOiB,EAAQ;AAAA,MACf,OAAAC;AAAA,MACA,aAAAN;AAAA,IAAA,CACD;AAAA,IACD,aAAaO,EAAyB;AAAA,MACpC,oBAAoBF;AAAA,MACpB,OAAAjB;AAAA,MACA,OAAO;AAAA,MACP,OAAOiB,EAAQ;AAAA,MACf,OAAAC;AAAA,MACA,aAAAN;AAAA,IAAA,CACD;AAAA,EAAA,EACD,GAEIQ,IAAehB,EAAa,IAAI,CAACa,GAASC,MAAU;;AACxD,UAAMG,IAAalB,EAAY,SAASe,GAClCI,KAAYC,IAAAN,EAAQ,WAAR,gBAAAM,EAAiB,WAC7BC,IAAW,IAAQC,IAAAR,EAAQ,WAAR,QAAAQ,EAAiB,cAEpCC,IAAkBC,EAAaL,CAAS,IAC1CA,IACAH,EAAyB;AAAA,MACvB,oBAAoBF;AAAA,MACpB,OAAAjB;AAAA,MACA,OAAO;AAAA,MACP,OAAOiB,EAAQ;AAAA,MACf,OAAOI;AAAA,MACP,aAAAT;AAAA,IAAA,CACD,GAECgB,IAAcD,EAAaL,CAAS,IACtCA,IACAH,EAAyB;AAAA,MACvB,oBAAoBF;AAAA,MACpB,OAAAjB;AAAA,MACA,OAAO;AAAA,MACP,OAAOiB,EAAQ;AAAA,MACf,OAAOI;AAAA,MACP,aAAAT;AAAA,IAAA,CACD;AAEL,WAAO;AAAA,MACL,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAOF,EAAe,wBAAwBO,CAAO;AAAA,MACrD,MAAMT,EAAY,IAAI,CAACO,MAASA,EAAKE,EAAQ,IAAI,MAAMO,IAAW,IAAI,KAAK;AAAA,MAC3E,iBAAiBK,GAAcH,GAAiB,GAAG;AAAA,MACnD,sBAAsBA;AAAA,MACtB,aAAAE;AAAA,MACA,aAAYE,IAAAb,EAAQ,WAAR,QAAAa,EAAiB,aACzB;AAAA,QACEC,EAAe,4BAA4B,SAAS;AAAA,QACpDA,EAAe,2BAA2B,SAAS;AAAA,MAAA,IAErD;AAAA,MACJ,MAAM,IAAQC,IAAAf,EAAQ,WAAR,QAAAe,EAAiB;AAAA,MAC/B,SAAS1B,OAA6B2B,IAAAhB,EAAQ,WAAR,QAAAgB,EAAiB,oBAAuB,OAAO;AAAA,IAAA;AAAA,EAEzF,CAAC;AAED,SAAO;AAAA,IACL,QAAAnB;AAAA,IACA,UAAU,CAAC,GAAGE,GAAa,GAAGI,CAAY;AAAA,EAAA;AAE9C,GAEac,KAA4B,CACvCC,GAYAnC,MACiC;;AACjC,QAAM;AAAA,IACJ,aAAAG;AAAA,IACA,cAAAC;AAAA,IACA,WAAAF;AAAA,IACA,MAAAD;AAAA,IACA,mBAAAK;AAAA,IACA,iBAAA8B;AAAA,IACA,qBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,mBAAAC;AAAA,EAAA,IACEL,GAEE5B,IAAW,CAAC,GAAGJ,GAAa,GAAGC,CAAY,GAC3CM,IAAiBC,EAAkBX,CAAK,GAExCyC,IAAcC;AAAA,IAClB,EAAE,UAAUvC,GAAa,YAAY,IAAO,MAAAF,GAAM,WAAAC,EAAA;AAAA,IAClDF;AAAA,EAAA;AAsFF,SAAO2C;AAAA,IACLF;AAAA,IApFsD;AAAA,MACtD,SAAS;AAAA,QACP,YAAY;AAAA,UACV,SAAS,CAACG,OACaA,EAAQ,gBAAgBzC,EAAY,SAC7BkC,IAAsBD,MACnCQ,EAAQ,QAAQ,KAAKA,EAAQ,SAAS,MAAM,IAAI,SAAS;AAAA,UAE1E,QAAQ;AAAA,YACN,OAAO;AAAA,cACL,WAAW,CAACC,GAAOD,MAAY;;AAC7B,sBAAM3B,IAAUV,EAASqC,EAAQ,YAAY;AAC7C,uBAAK3B,KACDM,IAAAN,EAAQ,WAAR,QAAAM,EAAgB,wBACXuB;AAAA,kBACL,OAAOD,CAAK;AAAA,kBACZD,EAAQ,QAAQ;AAAA,mBAChBnB,IAAAR,EAAQ,WAAR,gBAAAQ,EAAgB;AAAA,gBAAA,IAGbf,EAAe,KAAKO,GAAS4B,CAAK,IARpBA;AAAA,cASvB;AAAA,YAAA;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IAGmD;AAAA,MACnD,SAAS;AAAA,QACP,SAAS;AAAA,UACP,WAAW;AAAA,YACT,OAAO,CAACD,MAAY;;AAClB,oBAAMG,KAAQxB,IAAAqB,EAAQ,CAAC,MAAT,gBAAArB,EAAY;AAC1B,qBAAOb,EAAe,KAAKsC,GAA8B9C,CAAS,GAAG6C,CAAK;AAAA,YAC5E;AAAA,YACA,OAAO,CAACH,MAAY;;AAClB,oBAAM3B,IAAUV,EAASqC,EAAQ,YAAY;AAC7C,kBAAI,CAAC3B,EAAS,QAAO;AACrB,oBAAMgC,IAAML,EAAQ,KACdM,IAAYxC,EAAe,KAAKO,GAASgC,CAAG,GAC5CE,KAAa5B,IAAAN,EAAQ,WAAR,QAAAM,EAAgB,wBAC/B,KAAKuB,EAAuBG,GAAKL,EAAQ,QAAQ,OAAMnB,IAAAR,EAAQ,WAAR,gBAAAQ,EAAgB,aAAa,CAAC,MACrF;AACJ,qBAAO,GAAGmB,EAAQ,QAAQ,KAAK,KAAKM,CAAS,GAAGC,CAAU;AAAA,YAC5D;AAAA,UAAA;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IAGuD;AAAA,MACvD,aAAa;AAAA,QACX,MAAM;AAAA,QACN,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAGyD7C,IACvD;AAAA,MACE,QAAQ;AAAA,QACN,IAAI;AAAA,UACF,MAAM;AAAA,UACN,UAAU;AAAA,UACV,KAAKiC;AAAA,UACL,KAAKC;AAAA,UACL,OAAO;AAAA,YACL,SAAS,EAAQF;AAAA,YACjB,MAAMA,KAAuB;AAAA,UAAA;AAAA,UAE/B,MAAM,EAAE,iBAAiB,GAAA;AAAA,UACzB,OAAO;AAAA,YACL,UAAU,CAACO,MAAU;AACnB,oBAAMO,IAAmBhD,EAAa,CAAC;AACvC,qBAAKgD,IACE1C,EAAe,KAAK0C,GAAkBP,CAAK,IADpBA;AAAA,YAEhC;AAAA,UAAA;AAAA,QACF;AAAA,MACF;AAAA,IACF,IAEF,CAAA;AAAA,MAQFpB,KAAAF,IAAAvB,EAAM,WAAN,gBAAAuB,EAAc,oBAAd,gBAAAE,EAA+B,YAAW,CAAA;AAAA,EAAC;AAE/C,GAEa4B,KAA4B,CAAC;AAAA,EACxC,MAAApD;AAAA,EACA,WAAAC;AAAA,EACA,aAAAoD;AAAA,EACA,aAAAnD;AAAA,EACA,cAAAoD;AAAA,EACA,eAAAC;AACF,MAQS,CAAC,EAAE,gBAAAC,QAAqB;;AAC7B,QAAMC,IAAUD,EAAe,CAAC;AAChC,MAAI,CAACC,EAAS;AAEd,QAAMC,KAAiBpC,IAAAtB,KAAA,gBAAAA,EAAM,WAAN,gBAAAsB,EAAemC,EAAQ,QACxCE,IAAqBC,GAA+B;AAAA,IACxD,OAAOF;AAAA,IACP,kBAAkBL;AAAA,IAClB,WAAApD;AAAA,EAAA,CACD,GACK4D,IAAoC,EAAE,gBAAAH,GAAgB,oBAAAC,EAAA;AAE5D,EAAIF,EAAQ,eAAevD,EAAY,SACrCoD,KAAA,QAAAA,EAAeO,KAEfN,KAAA,QAAAA,EAAgBM;AAEpB;ACpQFC,EAAQ,SAASC,GAAgBC,GAAaC,EAAY;AAE1D,MAAMC,IAAkB,CAACpE,MAAgC;AACvD,QAAMC,IAAQoE,GAAA;AACd,EAAAC,GAAUrE,CAAK;AAEf,QAAM;AAAA,IACJ,UAAAO;AAAA,IACA,cAAAH,IAAe,CAAA;AAAA,IACf,eAAAkE;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,iBAAAvC;AAAA,IACA,qBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,cAAAoC;AAAA,IACA,WAAA1E;AAAA,IACA,aAAAoD;AAAA,IACA,gBAAAuB;AAAA,IACA,cAAAtB;AAAA,IACA,eAAAC;AAAA,EAAA,IACEzD,GAEE+E,IAAoBC,GAAiBhF,CAAK,GAC1C,EAAE,SAAAiF,GAAS,aAAAC,GAAa,OAAAC,GAAO,YAAAC,GAAY,YAAAC,MAAeN,GAE1DxE,IAAoBF,EAAa,KAAK,CAACiF;;AAAM,eAAQ9D,IAAA8D,EAAE,WAAF,QAAA9D,EAAW;AAAA,GAAoB,GAEpF+D,IAAUC,GAAY,EAAE,SAASxF,EAAM,SAAS,WAAAG,GAAW,GAE3DD,IAAOH;AAAA,IACX;AAAA,MACE,MAAMwF,EAAQ;AAAA,MACd,WAAApF;AAAA,MACA,aAAaK;AAAA,MACb,cAAAH;AAAA,MACA,UAAUkE;AAAA,MACV,mBAAAhE;AAAA,IAAA;AAAA,IAEFN;AAAA,EAAA,GAGImC,IAAUD;AAAA,IACd;AAAA,MACE,aAAa3B;AAAA,MACb,cAAAH;AAAA,MACA,WAAAF;AAAA,MACA,MAAAD;AAAA,MACA,mBAAAK;AAAA,MACA,iBAAA8B;AAAA,MACA,qBAAAC;AAAA,MACA,qBAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,mBAAAC;AAAA,IAAA;AAAA,IAEFxC;AAAA,EAAA,GAGIwF,IAAcnC,GAA0B;AAAA,IAC5C,MAAApD;AAAA,IACA,WAAAC;AAAA,IACA,aAAAoD;AAAA,IACA,aAAa/C;AAAA,IACb,cAAAgD;AAAA,IACA,eAAAC;AAAA,EAAA,CACD,GAEKiC,IAAkC,CAACP,KAAS,CAACD,KAAe,CAACD;AAEnE,SACEU,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAML;AAAA,MACN,uBAAuB,CAACpF,GAAW,GAAGK,GAAU,GAAGH,CAAY;AAAA,MAC/D,cAAckF,EAAQ;AAAA,MACrB,GAAGM,GAAuB7F,CAAK;AAAA,MAE/B,UAAA;AAAA,QAAA8E,KACCgB,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,cAAcL;AAAA,YACd,WAAAvF;AAAA,YACA,UAAU2E;AAAA,UAAA;AAAA,QAAA;AAAA,QAGdgB,gBAAAA,EAAAA;AAAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAA9F;AAAA,YACA,YAAAwE;AAAA,YACA,cAAAC;AAAA,YACA,iBAAiBtC,KAAmBC;AAAA,YACpC,sBAAAsC;AAAA,YACA,YAAAQ;AAAA,YACA,YAAAC;AAAA,YACA,cAAAR;AAAA,YACA,eAAAL;AAAA,YACA,eAAAC;AAAA,YACA,SAAArC;AAAA,YACA,SAASqD;AAAA,UAAA;AAAA,QAAA;AAAA,MACX;AAAA,IAAA;AAAA,EAAA;AAGN;;;8CCtGMQ,KAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,OAAO;AAAA,MACP,QAAQ,CAAC,GAAGA,EAAO,SAAS,QAAQC,EAAU,OAAOA,EAAU,qBAAqB;AAAA,IAAA;AAAA,IAEtF;AAAA,MACE,GAAGD,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,QAAQ;AAAA,QACN,GAAGA,EAAO,SAAS;AAAA,QACnB,EAAE,GAAGC,EAAU,OAAO,MAAM,aAAa,OAAO,aAAA;AAAA,QAChD,EAAE,GAAGA,EAAU,SAAS,MAAM,cAAc,OAAO,eAAe,cAAc,GAAA;AAAA,QAChF,EAAE,GAAGA,EAAU,SAAS,MAAM,eAAe,OAAO,gBAAgB,cAAc,GAAA;AAAA,QAClF,EAAE,GAAGA,EAAU,SAAS,MAAM,iBAAiB,OAAO,kBAAA;AAAA,QACtD,EAAE,GAAGA,EAAU,SAAS,MAAM,oBAAoB,OAAO,2BAAA;AAAA,MAA2B;AAAA,IACtF;AAAA,IAEF,EAAE,GAAGD,EAAO,qCAAqC,OAAO,SAAA;AAAA,IACxDA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,iBAAiB,MAAM,uBAAuB,OAAO,2BAAA;AAAA,IACjEA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,IAEf;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,IAEfA,EAAO;AAAA,IACPA,EAAO;AAAA,EAAA;AAAA,EAET,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV,EAAE,MAAM,sBAAsB,OAAO,gCAAgC,MAAM,SAAA;AAAA,QAC3E;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,IAEF;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV,EAAE,MAAM,sBAAsB,OAAO,gCAAgC,MAAM,SAAA;AAAA,QAC3E;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEJ,GAMME,IAAgB;AAAA,EACpB,WAAWC,EAAY;AAAA,EACvB,UAAU,CAACA,EAAY,OAAO;AAAA,EAC9B,cAAc,CAACA,EAAY,cAAc;AAAA,EACzC,SAASA,EAAY;AAAA,EACrB,UAAU;AACZ,GAEMC,KAAUC,GAAcC,GAAWJ,CAAa,GAEhDK,IAAsB,CAC1BP,GACA/F,GACAuG,OACqB;AAAA,EACrB,OAAOR,EAAO;AAAA,EACd,MAAMA,EAAO;AAAA,EACb,QAAQ;AAAA,IACN,GAAIA,EAAO,YAAY,CAAA;AAAA,IACvB,GAAIA,EAAO,gBAAgB,CAAA;AAAA,IAC3B/F,KAAa+F,EAAO;AAAA,EAAA;AAAA,EAEtB,UAAUS,GAAyBD,KAAA,gBAAAA,EAAe,QAAQ;AAC5D,IAEME,IAAkB,CACtBV,GACA/F,GACAuG,MACiBG,GAASJ,EAAoBP,GAAQ/F,GAAWuG,CAAa,CAAC,GAE3EI,KAAS;AAAA,EACb,cAAc,CAAChE,OAAoC;AAAA,IACjD,oBAAoBA,EAAM,kBAAkBiE,EAAM,SAAA;AAAA,IAClD,wBAAwBjE,EAAM,sBAAsBiE,EAAM,SAAA;AAAA,EAAS;AAAA,EAErE,eAAe,CAACjE,OAAoC;AAAA,IAClD,oBAAoBA,EAAM,kBAAkBiE,EAAM,SAAA;AAAA,IAClD,wBAAwBjE,EAAM,sBAAsBiE,EAAM,SAAA;AAAA,EAAS;AAEvE,GAEM/G,KAAQ,CACZkG,GACA,CAACc,GAAOC,CAAQ,GAChBP,MACG;AACH,QAAMQ,IAA2BC;AAAA,IAC/BjB,EAAO;AAAA,IACPc,KAAA,gBAAAA,EAAO;AAAA,EAAA;AAGT,SAAO;AAAA,IACL,GAAGd;AAAAA,IACH,WAAWgB;AAAA,IACX,aAAaF,KAAA,gBAAAA,EAAO;AAAA,IACpB,gBAAgB,CAACzD,MAA6B0D,EAAS,EAAE,aAAA1D,GAAa;AAAA,IACtE,SAASqD,EAAgBV,GAAQgB,GAA0BR,CAAa;AAAA,EAAA;AAE5E,GAEaU,KAAkB;AAAA,EAAA,WAC7BZ;AAAAA,EACA,MAAAP;AAAA,EACA,SAAAK;AAAA,EACA,eAAAF;AAAA,EACA,QAAQ;AAAA,IACN,OAAApG;AAAA,IACA,QAAA8G;AAAA,EAAA;AAAA,EAEF,SAAS;AAAA,IACP,cAAcL;AAAA,IACd,UAAUG;AAAA,EAAA;AAEd;"}

package/dist/{definition-Bco3wav-.js → definition-Dw4388wt.js}

@@ -1,9 +1,9 @@
 import { p as K, u as A, m as E, j as T, M as G, V as w, l as H } from "./index-BCG-LNTx.js";
 import { useTheme as U, definePreview as X } from "@embeddable.com/react";
-import { i as Y, r as q, a as J } from "./component.utils-oQMZT7TK.js";
-import { C as Q, a as W } from "./ChartCard-C4MndGoP.js";
+import { i as Y, r as q, a as J } from "./component.utils-B7tQ4cCT.js";
+import { C as Q, a as W } from "./ChartCard-C72rw1Ya.js";
 import { g as F } from "./dimension.utils-CQAdVGip.js";
-import { a as R, g as O } from "./formatter.utils-CNK7r1DQ.js";
+import { a as R, g as O } from "./formatter.utils-Wcc93V-N.js";
 import { g as Z } from "./styles.utils-C8CnV0SB.js";
 import { N as D, g as ee, m as I, r as S } from "./scatter.utils-DV4Kp2Lb.js";
 import { i as n, s as ae } from "./component.inputs.constants-BsSC9xd5.js";
@@ -337,4 +337,4 @@ export {
   Ve as i,
   we as s
 };
-//# sourceMappingURL=definition-Bco3wav-.js.map
+//# sourceMappingURL=definition-Dw4388wt.js.map

package/dist/{definition-Bco3wav-.js.map → definition-Dw4388wt.js.map}

@@ -1 +1 @@
-{"version":3,"file":"definition-Bco3wav-.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 } | 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 {\n  ChartCard,\n  ChartCardHeaderProps,\n  asChartCardHeaderProps,\n} 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  } = props;\n\n  const resolvedI18nProps = resolveI18nProps(props);\n  const { xAxisLabel, yAxisLabel } = resolvedI18nProps;\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      {...asChartCardHeaderProps(props)}\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  description:\n    'Scatter plot showing the relationship between two measures across a grouping dimension. Use to spot correlations.',\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    inputs.menuOptions,\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","resolvedI18nProps","resolveI18nProps","xAxisLabel","yAxisLabel","i18n","chartData","handleClick","chartOptions","mergician","jsx","ChartCard","asChartCardHeaderProps","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-Dw4388wt.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 } | 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 {\n  ChartCard,\n  ChartCardHeaderProps,\n  asChartCardHeaderProps,\n} 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  } = props;\n\n  const resolvedI18nProps = resolveI18nProps(props);\n  const { xAxisLabel, yAxisLabel } = resolvedI18nProps;\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      {...asChartCardHeaderProps(props)}\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  description:\n    'Scatter plot showing the relationship between two measures across a grouping dimension. Use to spot correlations.',\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    inputs.menuOptions,\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","resolvedI18nProps","resolveI18nProps","xAxisLabel","yAxisLabel","i18n","chartData","handleClick","chartOptions","mergician","jsx","ChartCard","asChartCardHeaderProps","ScatterChart","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","events","Value","_state","_setState","scatterChartPro"],"mappings":";;;;;;;;;;;AAuBA,MAAMA,KAAuB,CAC3BC,GACAC,GACAC,OACI;AAAA,EACJ,WAAW,CAACC,GAA0CC,MAAqB;;AAEzE,UAAMC,KAAMC,IADDF,EAAQ,QACJ,iBAAH,gBAAAE,EAAkBF,EAAQ;AACtC,WAAKC,IACE,GAAGH,EAAYF,GAAUK,EAAI,CAAC,CAAC,KAAKH,EAAYD,GAAUI,EAAI,CAAC,CAAC,KADtD;AAAA,EAEnB;AACF,IAEaE,KAA4B,CACvC;AAAA,EACE,UAAAP;AAAA,EACA,UAAAC;AAAA,EACA,cAAAO;AAAA,EACA,iBAAAC;AACF,GAMAC,MACqC;AACrC,QAAMC,IAAiBC,EAAkBF,CAAK,GAExCR,IAAc,CAACW,GAAkBC,MACjCA,KAAU,OAAoCN,IAC3CG,EAAe,KAAKE,GAASC,CAAK,GAGrCC,IAAcC,EAAe,kCAAkC,UAAU,GACzEC,IAAWD,EAAe,qCAAqC,SAAS,GACxEE,IAAkBF,EAAe,wCAAwC,SAAS,GAElFG,IAAgBJ,IAAcE,GAC9BG,IAAcX,IAChBM,IAAcE,IAAWC,IAAkBD,IAC3CF,IAAcE;AAElB,SAAO;AAAA,IACL,QAAQI;AAAA,MAAiBrB;AAAA,MAAUC;AAAA,MAAU,CAACY,GAAkBC,MAC9DH,EAAe,KAAKE,GAASC,CAAK;AAAA,IAAA;AAAA,IAEpC,SAAS;AAAA,MACP,SAAS;AAAA,QACP,WAAW;AAAA,UACT,OAAO,CAACQ,MAAQ;;AACd,kBAAMC,IAAKD,EAAI,SACTE,MACJlB,IAAAiB,EAAG,iBAAH,gBAAAjB,EAAkBgB,EAAI,eACrBA,EAAI,QAAQ,KAAKA,EAAI,SAAS,GAE3BG,IAASF,EAAG,QAAQ,GAAGA,EAAG,KAAK,OAAO;AAC5C,mBAAKC,IACE,GAAGC,CAAM,IAAIvB,EAAYF,GAAUwB,EAAK,CAAC,CAAC,KAAKtB,EAAYD,GAAUuB,EAAK,CAAC,CAAC,MADjEC;AAAA,UAEpB;AAAA,QAAA;AAAA,MACF;AAAA,MAEF,YAAY;AAAA,QACV,QAAQ;AAAA,UACN,OAAO;AAAA,YACL,SAAS;AAAA,YACT,GAAG1B,GAAqBC,GAAUC,GAAUC,CAAW;AAAA,YACvD,QAAQ;AAAA,YACR,OAAO;AAAA,YACP,QAAQkB;AAAA,UAAA;AAAA,UAEV,SAAS;AAAA,YACP,SAAS;AAAA,YACT,QAAQ;AAAA,YACR,OAAO;AAAA,YACP,QAAQD;AAAA,UAAA;AAAA,QACV;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ,GAIaO,KAAoB,CAC/BC,GACAC,GACAC,GACA7B,GACAC,GACA6B,GACAC,MAC0C;;AAC1C,QAAMC,KAASC,KAAA3B,IAAAsB,EAASD,EAAM,YAAY,MAA3B,gBAAArB,EAA8B,KAAKqB,EAAM,WAAzC,gBAAAM,EAAiD;AAChE,MAAID,MAAW,OAAW,QAAO;AACjC,QAAME,IAAML,KAAA,gBAAAA,EAAOG;AACnB,MAAI,CAACE,EAAK,QAAO;AAEjB,QAAMC,IAAaC,EAAsBN,CAAc,GACjDO,IAAaN,IAAmBK,EAAsBL,CAAgB,IAAI,QAE1EO,IAAsBC,EAAiBL,EAAIC,CAAU,CAAC,GACtDK,IAAwBH,IAAaE,EAAiBL,EAAIG,CAAU,CAAC,IAAI;AAE/E,SAAO;AAAA,IACL,eAAeE,EAAiBL,EAAIlC,EAAS,IAAI,CAAC;AAAA,IAClD,eAAeuC,EAAiBL,EAAIjC,EAAS,IAAI,CAAC;AAAA,IAClD,qBAAAqC;AAAA,IACA,uBAAAE;AAAA,IACA,yBAAyBC,EAA+B;AAAA,MACtD,OAAOH;AAAA,MACP,WAAWR;AAAA,IAAA,CACZ;AAAA,IACD,2BAA2BW,EAA+B;AAAA,MACxD,OAAOD,KAAyB;AAAA,MAChC,WAAWT;AAAA,IAAA,CACZ;AAAA,EAAA;AAEL,GAEaW,KAA4B,CAAC;AAAA,EACxC,UAAAd;AAAA,EACA,SAAAe;AAAA,EACA,UAAA3C;AAAA,EACA,UAAAC;AAAA,EACA,gBAAA6B;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAa;AACF,MASS,CAAC,EAAE,gBAAAC,QAAqB;AAC7B,QAAMC,IAAUD,EAAe,CAAC;AAChC,MAAI,CAACC,EAAS;AACd,QAAMC,IAAYrB;AAAA,IAChBoB;AAAA,IACAlB;AAAA,IACAe,EAAQ;AAAA,IACR3C;AAAA,IACAC;AAAA,IACA6B;AAAA,IACAC;AAAA,EAAA;AAEF,EAAIgB,qBAA0BA;AAChC,GAGWC,KAAyB,CACpCC,GASAvC,MACyC;;AACzC,QAAMC,IAAiBC,EAAkBF,CAAK,GACxCwC,IAAcC,EAAA,GACdtB,IAAQoB,EAAM,QAAQ,CAAA,GACtBd,IAAaC,EAAsBa,EAAM,cAAc,GACvDG,MAAgB9C,IAAA2C,EAAM,eAAN,gBAAA3C,EAAkB,WAAU;AAElD,MAAI,CAACuB,EAAK;AACR,WAAO,EAAE,UAAU,CAAC,EAAE,OAAO,IAAI,MAAM,CAAA,EAAC,CAAG,EAAA;AAG7C,QAAMwB,IAAW,CACfC,GACAC,GACAzC,GACA0C,MAEAJ,KACAK,EAAyB,EAAE,oBAAAF,GAAoB,OAAA7C,GAAO,OAAA4C,GAAO,OAAAxC,GAAO,OAAA0C,GAAO,aAAAN,GAAa,GAEpFQ,IAAa,CAACxB,GAA8ByB,MAAmC;AACnF,UAAMC,IAAW1B,EAAIC,CAAU,GACzB0B,IACJD,KAAY,OACRX,EAAM,eACN,OAAOtC,EAAe,KAAKsC,EAAM,gBAAgBW,CAAqC,CAAC;AAC7F,WAAO;AAAA,MACL,GAAGE,EAAwB5B,EAAIe,EAAM,SAAS,IAAI,CAAC;AAAA,MACnD,GAAGa,EAAwB5B,EAAIe,EAAM,SAAS,IAAI,CAAC;AAAA,MACnD,YAAAY;AAAA,MACA,OAAOA;AAAA,MACP,UAAAF;AAAA,IAAA;AAAA,EAEJ;AAEA,MAAI,CAACV,EAAM;AACT,WAAO;AAAA,MACL,UAAU;AAAA,QACR;AAAA,UACE,OAAOtC,EAAe,wBAAwBsC,EAAM,QAAQ;AAAA,UAC5D,MAAMpB,EAAK,IAAI,CAACK,GAAK6B,MAAML,EAAWxB,GAAK6B,CAAC,CAAC;AAAA,UAC7C,sBAAsBV,EAAS,cAAcJ,EAAM,UAAUA,EAAM,SAAS,MAAM,CAAC;AAAA,UACnF,kBAAkBI,EAAS,UAAUJ,EAAM,UAAUA,EAAM,SAAS,MAAM,CAAC;AAAA,QAAA;AAAA,MAC7E;AAAA,IACF;AAIJ,QAAMe,IAAWf,EAAM,kBACjBZ,IAAaD,EAAsB4B,CAAQ,GAC3CC,wBAAa,IAAA;AAEnB,SAAApC,EAAK,QAAQ,CAACK,GAAKyB,MAAa;AAC9B,UAAMO,IAAMhC,EAAIG,CAAU,KAAK,OAAO8B,IAAiB,OAAOjC,EAAIG,CAAU,CAAC,GACvE+B,IAASH,EAAO,IAAIC,CAAG,KAAK,CAAA;AAClC,IAAAE,EAAO,KAAKV,EAAWxB,GAAKyB,CAAQ,CAAC,GACrCM,EAAO,IAAIC,GAAKE,CAAM;AAAA,EACxB,CAAC,GA0BM,EAAE,UAxBU,CAAC,GAAGH,EAAO,KAAA,CAAM,EAAE,KAAK,CAAC,GAAGI,MACzC,MAAMF,IAAuB,IAC7BE,MAAMF,IAAuB,KAC1B,EAAE,cAAcE,CAAC,CACzB,EAE2B,IAAI,CAACH,GAAKV,MAAU;;AAC9C,UAAMY,IAASH,EAAO,IAAIC,CAAG,GACvBI,IAAgBF,EAAO,CAAC,EAAG,UAC3BG,IAAaL,MAAQC,IAAiB,QAAO7D,IAAAuB,EAAKyC,CAAa,MAAlB,gBAAAhE,EAAsB+B,IACnEmC,IACJN,MAAQC,IACJlB,EAAM,eACNtC,EAAe,KAAKqD,GAAUO,CAAuC,GACrEE,IAAWP,MAAQC,IAAiB,GAAGH,EAAS,IAAI,UAAU,GAAGA,EAAS,IAAI,IAAIE,CAAG;AAE3F,WAAO;AAAA,MACL,OAAOM;AAAA,MACP,MAAMJ;AAAA,MACN,sBAAsBf,EAAS,cAAcW,GAAUS,GAAUjB,CAAK;AAAA,MACtE,kBAAkBH,EAAS,UAAUW,GAAUS,GAAUjB,CAAK;AAAA,IAAA;AAAA,EAElE,CAAC,EAEQ;AACX,GCtOMkB,IAAkB,CAACzB,MAAgC;;AACvD,QAAMvC,IAAQiE,EAAA;AACd,EAAAC,EAAUlE,CAAK;AAEf,QAAM;AAAA,IACJ,UAAAV;AAAA,IACA,UAAAC;AAAA,IACA,gBAAA6B;AAAA,IACA,kBAAAC;AAAA,IACA,SAAAY;AAAA,IACA,YAAAkC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAtE;AAAA,IACA,iBAAAuE;AAAA,IACA,sBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAA1C;AAAA,EAAA,IACEK,GAEEsC,IAAoBC,EAAiBvC,CAAK,GAC1C,EAAE,YAAAwC,GAAY,YAAAC,EAAA,IAAeH,GAE7B/E,IAAemF,EAAK,EAAE,6BAA6B,GAEnDC,IAAY5C;AAAA,IAChB;AAAA,MACE,MAAML,EAAQ;AAAA,MACd,UAAA3C;AAAA,MACA,UAAAC;AAAA,MACA,gBAAA6B;AAAA,MACA,kBAAAC;AAAA,MACA,cAAAvB;AAAA,MACA,YAAAqE;AAAA,IAAA;AAAA,IAEFnE;AAAA,EAAA,GAGImF,IAAcnD,GAA0B;AAAA,IAC5C,UAAUkD,EAAU;AAAA,IACpB,SAAAjD;AAAA,IACA,UAAA3C;AAAA,IACA,UAAAC;AAAA,IACA,gBAAA6B;AAAA,IACA,kBAAAC;AAAA,IACA,cAAAa;AAAA,EAAA,CACD,GAEKkD,IAAeC;AAAA,IACnBxF,GAA0B,EAAE,UAAAP,GAAU,UAAAC,GAAU,cAAAO,GAAc,iBAAAC,EAAA,GAAmBC,CAAK;AAAA,MACtFJ,IAAAI,EAAM,OAAO,oBAAb,gBAAAJ,EAA8B,YAAW,CAAA;AAAA,EAAC;AAG5C,SACE0F,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMtD;AAAA,MACN,uBAAuB;AAAA,QACrBb;AAAA,QACA9B;AAAA,QACAC;AAAA,QACA,GAAI8B,IAAmB,CAACA,CAAgB,IAAI,CAAA;AAAA,MAAC;AAAA,MAE/C,cAAcY,EAAQ;AAAA,MACrB,GAAGuD,EAAuBjD,CAAK;AAAA,MAEhC,UAAA+C,gBAAAA,EAAAA;AAAAA,QAACG;AAAA,QAAA;AAAA,UACC,MAAMP;AAAA,UACN,SAASE;AAAA,UACT,eAAetF;AAAA,UACf,YAAAsE;AAAA,UACA,cAAAC;AAAA,UACA,iBAAAtE;AAAA,UACA,iBAAAuE;AAAA,UACA,sBAAAC;AAAA,UACA,YAAAQ;AAAA,UACA,YAAAC;AAAA,UACA,eAAAR;AAAA,UACA,eAAAC;AAAA,UACA,eAAAC;AAAA,UACA,eAAAC;AAAA,UACA,cAAAC;AAAA,UACA,SAASO;AAAA,QAAA;AAAA,MAAA;AAAA,IACX;AAAA,EAAA;AAGN;;;8CCzHMO,KAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,aACE;AAAA,EACF,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,WAAW,MAAM,kBAAkB,OAAO,kBAAA;AAAA,IACtD;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGC,GAAU;AAAA,MACb,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,IAEZD,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,MACd,UAAU;AAAA,IAAA;AAAA,IAEZA,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,EAAE,MAAM,iBAAiB,OAAO,2BAA2B,MAAM,SAAA;AAAA,QACjE,EAAE,MAAM,iBAAiB,OAAO,2BAA2B,MAAM,SAAA;AAAA,QACjE,EAAE,MAAM,uBAAuB,OAAO,iCAAiC,MAAM,SAAA;AAAA,QAC7E,EAAE,MAAM,yBAAyB,OAAO,0BAA0B,MAAM,SAAA;AAAA,QACxE;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,GAIME,IAAgB;AAAA,EACpB,SAASC,EAAY;AAAA,EACrB,UAAUA,EAAY;AAAA,EACtB,UAAUA,EAAY;AAAA,EACtB,gBAAgBA,EAAY;AAAA,EAC5B,SAASA,EAAY;AAAA,EACrB,YAAY;AAAA,EACZ,UAAU;AACZ,GAEMC,KAAUC,EAAcC,GAAWJ,CAAa,GAEhDK,IAAsB,CAC1BP,GACAQ,OACqB;AAAA,EACrB,OAAOR,EAAO;AAAA,EACd,MAAMA,EAAO;AAAA,EACb,QAAQ;AAAA,IACNA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,GAAIA,EAAO,mBAAmB,CAACA,EAAO,gBAAgB,IAAI,CAAA;AAAA,EAAC;AAAA,EAE7D,UAAUS,GAAyBD,KAAA,gBAAAA,EAAe,QAAQ;AAC5D,IAEME,IAAkB,CACtBV,GACAQ,MACiBG,EAASJ,EAAoBP,GAAQQ,CAAa,CAAC,GAEhEI,KAAS;AAAA,EACb,cAAc,CAACnG,OAA2C;AAAA,IACxD,eAAeA,EAAM,iBAAiBoG,EAAM,SAAA;AAAA,IAC5C,eAAepG,EAAM,iBAAiBoG,EAAM,SAAA;AAAA,IAC5C,qBAAqBpG,EAAM,uBAAuBoG,EAAM,SAAA;AAAA,IACxD,uBAAuBpG,EAAM,yBAAyBoG,EAAM,SAAA;AAAA,EAAS;AAEzE,GAEMjE,KAAQ,CACZoD,GACA,CAACc,GAAQC,CAAS,GAClBP,OACI;AAAA,EACJ,GAAGR;AAAAA,EACH,YAAYA,EAAO;AAAA,EACnB,SAASU,EAAgBV,GAAQQ,CAAa;AAChD,IAEaQ,KAAkB;AAAA,EAAA,WAC7BV;AAAAA,EACA,MAAAP;AAAA,EACA,SAAAK;AAAA,EACA,eAAAF;AAAA,EACA,QAAQ;AAAA,IACN,OAAAtD;AAAA,IACA,QAAAgE;AAAA,EAAA;AAAA,EAEF,SAAS;AAAA,IACP,cAAcL;AAAA,IACd,UAAUG;AAAA,EAAA;AAEd;"}

package/dist/{definition-CnCQc4Ds.js → definition-GY2DJJ7u.js}

@@ -1,12 +1,12 @@
 import { m as j, j as y, B as F, V as p } from "./index-BCG-LNTx.js";
 import { useTheme as K, definePreview as _ } from "@embeddable.com/react";
-import { i as W, r as I } from "./component.utils-oQMZT7TK.js";
-import { C as E, a as U } from "./ChartCard-C4MndGoP.js";
-import { b as q, c as J } from "./bars.utils-ZwBz0eSf.js";
+import { i as W, r as I } from "./component.utils-B7tQ4cCT.js";
+import { C as E, a as U } from "./ChartCard-C72rw1Ya.js";
+import { b as q, c as J } from "./bars.utils-4Vu_6Vwr.js";
 import { u as N } from "./charts.fillGaps.hooks-Dkv__Ls1.js";
-import { C as Q, g as X } from "./granularity.utils-BreNR3T1.js";
-import { u as Z, g as $, a as ee, l as ie, b as ae } from "./bars.loadData.utils-AVsNPNMZ.js";
-import { d as re } from "./charts.utils-DL-pzVG-.js";
+import { C as Q, g as X } from "./granularity.utils-BidDuinr.js";
+import { u as Z, g as $, a as ee, l as ie, b as ae } from "./bars.loadData.utils-qHyrp6mu.js";
+import { d as re } from "./charts.utils-Czfl880z.js";
 import { i } from "./component.inputs.constants-BsSC9xd5.js";
 import { p as x } from "./preview.data.constants-C0USIdBY.js";
 import { g as oe } from "./clientContext.utils-DpB5KsfX.js";
@@ -231,4 +231,4 @@ export {
   Te as b,
   De as i
 };
-//# sourceMappingURL=definition-CnCQc4Ds.js.map
+//# sourceMappingURL=definition-GY2DJJ7u.js.map

package/dist/{definition-CnCQc4Ds.js.map → definition-GY2DJJ7u.js.map}

@@ -1 +1 @@
-{"version":3,"file":"definition-CnCQc4Ds.js","sources":["../src/components/charts/bars/BarChartGroupedHorizontalPro/index.tsx","../src/components/charts/bars/BarChartGroupedHorizontalPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard, asChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '@embeddable.com/remarkable-ui';\nimport { getBarStackedChartProData, getBarStackedChartProOptions } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { Dimension } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\nimport { useUpdateAxisOrderAndCacheKey } from '../bars.hooks';\nimport { BarChartStackedBaseProps } from '../bars.types';\nimport { createGroupedClickHandler } from '../../charts.utils';\n\nexport type BarChartGroupedHorizontalProProps = BarChartStackedBaseProps & {\n  yAxis: Dimension;\n  reverseYAxis?: boolean;\n  xAxisRangeMax?: number;\n  xAxisRangeMin?: number;\n};\n\nconst BarChartGroupedHorizontalPro = (props: BarChartGroupedHorizontalProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const resolvedI18nProps = resolveI18nProps(props);\n  const { tooltip, description, title, xAxisLabel, yAxisLabel } = resolvedI18nProps;\n\n  const {\n    yAxis,\n    groupBy,\n    measure,\n    reverseYAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showTotalLabels,\n    showValueLabels,\n    xAxisRangeMax,\n    xAxisRangeMin,\n    granularity,\n    setGranularity,\n    onBarClicked,\n    axisOrder,\n    resultsAxisOrder,\n    axisOrderCacheKey,\n    setAxisOrderAndCacheKey,\n  } = props;\n\n  useUpdateAxisOrderAndCacheKey({\n    resultsAxisOrder,\n    axisDimension: yAxis,\n    setAxisOrderAndCacheKey,\n    axisOrderCacheKey,\n  });\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: yAxis,\n  });\n\n  const data = getBarStackedChartProData(\n    {\n      data: results?.data,\n      dimension: yAxis,\n      groupDimension: groupBy,\n      measure,\n      axisOrder,\n    },\n    theme,\n  );\n\n  const options = mergician(\n    getBarStackedChartProOptions(\n      {\n        measures: [measure],\n        groupDimension: groupBy,\n        horizontal: true,\n        data,\n        dimension: yAxis,\n      },\n      theme,\n    ),\n    theme.charts?.barChartGroupedHorizontalPro?.options ?? {},\n  );\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n  const handleClick = createGroupedClickHandler({\n    data,\n    dimension: yAxis,\n    groupBy,\n    granularity,\n    onClicked: onBarClicked,\n  });\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure, yAxis, groupBy]}\n      errorMessage={results?.error || resultsAxisOrder?.error}\n      {...asChartCardHeaderProps(props)}\n    >\n      {setGranularity && (\n        <ChartGranularitySelectField\n          hasMarginTop={granularitySelectorHasMarginTop}\n          dimension={yAxis}\n          onChange={setGranularity}\n        />\n      )}\n      <BarChart\n        data={data}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        showLogarithmicScale={showLogarithmicScale}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        reverseYAxis={reverseYAxis}\n        xAxisRangeMin={xAxisRangeMin}\n        xAxisRangeMax={xAxisRangeMax}\n        showTotalLabels={showTotalLabels}\n        options={options}\n        onClick={handleClick}\n        horizontal\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartGroupedHorizontalPro;\n","import { Granularity, OrderDirection, Value } from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\nimport {\n  getAxisOrderCacheKey,\n  getCachedAxisOrder,\n  loadDataResultsAxisOrder,\n  loadDataResults,\n} from '../bars.loadData.utils';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\nimport { BarChartStackedProOptionsClickArg } from '../bars.types';\n\nconst meta = {\n  name: 'BarChartGroupedHorizontalPro',\n  label: 'Bar Chart - Grouped Horizontal',\n  description:\n    'Same as BarChartGroupedPro but with horizontal bars. Pick when category labels are long or numerous.',\n  category: 'Bar Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    { ...inputs.dimensionWithGranularitySelectField, name: 'yAxis', label: 'Y-axis' },\n    { ...inputs.dimension, name: 'groupBy', label: 'Group by' },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.maxResults,\n    inputs.showLegend,\n    inputs.showTooltips,\n    { ...inputs.showValueLabels, defaultValue: false },\n    inputs.showLogarithmicScale,\n    inputs.sortDirectionTopYAxis,\n    inputs.limitTopYAxis,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseYAxis,\n    inputs.xAxisRangeMin,\n    inputs.xAxisRangeMax,\n    inputs.menuOptions,\n  ],\n  events: [\n    {\n      name: 'onBarClicked',\n      label: 'A bar is clicked',\n      properties: [\n        {\n          name: 'axisDimensionValue',\n          label: 'Clicked axis dimension value',\n          type: 'string',\n        },\n        {\n          name: 'axisDimensionTimeRange',\n          label: 'Clicked axis dimension time range',\n          type: 'timeRange',\n        },\n        {\n          name: 'groupingDimensionValue',\n          label: 'Clicked grouping dimension value',\n          type: 'string',\n        },\n        {\n          name: 'groupingDimensionTimeRange',\n          label: 'Clicked grouping dimension time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type BarChartGroupedHorizontalProState = {\n  granularity?: Granularity;\n  axisOrder?: string[];\n  axisOrderCacheKey?: string;\n};\n\nconst previewConfig = {\n  yAxis: previewData.dimension,\n  groupBy: previewData.dimensionGroup,\n  measure: previewData.measure,\n  results: previewData.results1Measure2Dimensions,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst events = {\n  onBarClicked: (value: BarChartStackedProOptionsClickArg) => ({\n    axisDimensionValue: value.dimensionValue ?? Value.noFilter(),\n    axisDimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n    groupingDimensionValue: value.groupingDimensionValue ?? Value.noFilter(),\n    groupingDimensionTimeRange: value.groupingDimensionTimeRange ?? Value.noFilter(),\n  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [\n    BarChartGroupedHorizontalProState,\n    (state: BarChartGroupedHorizontalProState) => void,\n  ],\n  clientContext: ThemeClientContext,\n) => {\n  const yAxisWithGranularity = getDimensionWithGranularity(inputs.yAxis, state?.granularity);\n  const sortDirection = inputs.sortDirectionTopYAxis as OrderDirection | undefined;\n  const timezone = getClientContextTimezone(clientContext?.timezone);\n\n  const axisOrderCacheKey = getAxisOrderCacheKey({\n    dataset: inputs.dataset,\n    axis: yAxisWithGranularity,\n    measure: inputs.measure,\n    sortDirection,\n    limit: inputs.limitTopYAxis,\n    timezone,\n  });\n\n  const cachedAxisOrder = getCachedAxisOrder(axisOrderCacheKey, state);\n\n  return {\n    ...inputs,\n    yAxis: yAxisWithGranularity,\n    granularity: state?.granularity,\n    axisOrder: cachedAxisOrder,\n    axisOrderCacheKey,\n    setGranularity: (granularity: Granularity) => setState({ ...state, granularity }),\n    setAxisOrderAndCacheKey: (axisOrder: string[], cacheKey: string) =>\n      setState({ ...state, axisOrder, axisOrderCacheKey: cacheKey }),\n    resultsAxisOrder: loadDataResultsAxisOrder({\n      dataset: inputs.dataset,\n      limitTopAxis: inputs.limitTopYAxis,\n      axis: yAxisWithGranularity,\n      measure: inputs.measure,\n      sortDirection,\n      timezone,\n    }),\n    results: loadDataResults({\n      dataset: inputs.dataset,\n      axis: yAxisWithGranularity,\n      groupBy: inputs.groupBy,\n      measure: inputs.measure,\n      sortDirection,\n      limitTopAxis: inputs.limitTopYAxis,\n      maxResults: inputs.maxResults,\n      axisOrder: cachedAxisOrder,\n      timezone,\n    }),\n  };\n};\n\nexport const barChartGroupedHorizontalPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n    events,\n  },\n} as const;\n"],"names":["BarChartGroupedHorizontalPro","props","theme","useTheme","i18nSetup","resolvedI18nProps","resolveI18nProps","tooltip","description","title","xAxisLabel","yAxisLabel","yAxis","groupBy","measure","reverseYAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","xAxisRangeMax","xAxisRangeMin","granularity","setGranularity","onBarClicked","axisOrder","resultsAxisOrder","axisOrderCacheKey","setAxisOrderAndCacheKey","useUpdateAxisOrderAndCacheKey","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarStackedChartProOptions","_b","_a","granularitySelectorHasMarginTop","handleClick","createGroupedClickHandler","jsxs","ChartCard","asChartCardHeaderProps","jsx","ChartGranularitySelectField","BarChart","meta","inputs","previewConfig","previewData","preview","definePreview","Component","events","value","Value","state","setState","clientContext","yAxisWithGranularity","getDimensionWithGranularity","sortDirection","timezone","getClientContextTimezone","getAxisOrderCacheKey","cachedAxisOrder","getCachedAxisOrder","cacheKey","loadDataResultsAxisOrder","loadDataResults","barChartGroupedHorizontalPro"],"mappings":"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"}
+{"version":3,"file":"definition-GY2DJJ7u.js","sources":["../src/components/charts/bars/BarChartGroupedHorizontalPro/index.tsx","../src/components/charts/bars/BarChartGroupedHorizontalPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard, asChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '@embeddable.com/remarkable-ui';\nimport { getBarStackedChartProData, getBarStackedChartProOptions } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { Dimension } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\nimport { useUpdateAxisOrderAndCacheKey } from '../bars.hooks';\nimport { BarChartStackedBaseProps } from '../bars.types';\nimport { createGroupedClickHandler } from '../../charts.utils';\n\nexport type BarChartGroupedHorizontalProProps = BarChartStackedBaseProps & {\n  yAxis: Dimension;\n  reverseYAxis?: boolean;\n  xAxisRangeMax?: number;\n  xAxisRangeMin?: number;\n};\n\nconst BarChartGroupedHorizontalPro = (props: BarChartGroupedHorizontalProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const resolvedI18nProps = resolveI18nProps(props);\n  const { tooltip, description, title, xAxisLabel, yAxisLabel } = resolvedI18nProps;\n\n  const {\n    yAxis,\n    groupBy,\n    measure,\n    reverseYAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showTotalLabels,\n    showValueLabels,\n    xAxisRangeMax,\n    xAxisRangeMin,\n    granularity,\n    setGranularity,\n    onBarClicked,\n    axisOrder,\n    resultsAxisOrder,\n    axisOrderCacheKey,\n    setAxisOrderAndCacheKey,\n  } = props;\n\n  useUpdateAxisOrderAndCacheKey({\n    resultsAxisOrder,\n    axisDimension: yAxis,\n    setAxisOrderAndCacheKey,\n    axisOrderCacheKey,\n  });\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: yAxis,\n  });\n\n  const data = getBarStackedChartProData(\n    {\n      data: results?.data,\n      dimension: yAxis,\n      groupDimension: groupBy,\n      measure,\n      axisOrder,\n    },\n    theme,\n  );\n\n  const options = mergician(\n    getBarStackedChartProOptions(\n      {\n        measures: [measure],\n        groupDimension: groupBy,\n        horizontal: true,\n        data,\n        dimension: yAxis,\n      },\n      theme,\n    ),\n    theme.charts?.barChartGroupedHorizontalPro?.options ?? {},\n  );\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n  const handleClick = createGroupedClickHandler({\n    data,\n    dimension: yAxis,\n    groupBy,\n    granularity,\n    onClicked: onBarClicked,\n  });\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure, yAxis, groupBy]}\n      errorMessage={results?.error || resultsAxisOrder?.error}\n      {...asChartCardHeaderProps(props)}\n    >\n      {setGranularity && (\n        <ChartGranularitySelectField\n          hasMarginTop={granularitySelectorHasMarginTop}\n          dimension={yAxis}\n          onChange={setGranularity}\n        />\n      )}\n      <BarChart\n        data={data}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        showLogarithmicScale={showLogarithmicScale}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        reverseYAxis={reverseYAxis}\n        xAxisRangeMin={xAxisRangeMin}\n        xAxisRangeMax={xAxisRangeMax}\n        showTotalLabels={showTotalLabels}\n        options={options}\n        onClick={handleClick}\n        horizontal\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartGroupedHorizontalPro;\n","import { Granularity, OrderDirection, Value } from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\nimport {\n  getAxisOrderCacheKey,\n  getCachedAxisOrder,\n  loadDataResultsAxisOrder,\n  loadDataResults,\n} from '../bars.loadData.utils';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\nimport { BarChartStackedProOptionsClickArg } from '../bars.types';\n\nconst meta = {\n  name: 'BarChartGroupedHorizontalPro',\n  label: 'Bar Chart - Grouped Horizontal',\n  description:\n    'Same as BarChartGroupedPro but with horizontal bars. Pick when category labels are long or numerous.',\n  category: 'Bar Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    { ...inputs.dimensionWithGranularitySelectField, name: 'yAxis', label: 'Y-axis' },\n    { ...inputs.dimension, name: 'groupBy', label: 'Group by' },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.maxResults,\n    inputs.showLegend,\n    inputs.showTooltips,\n    { ...inputs.showValueLabels, defaultValue: false },\n    inputs.showLogarithmicScale,\n    inputs.sortDirectionTopYAxis,\n    inputs.limitTopYAxis,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseYAxis,\n    inputs.xAxisRangeMin,\n    inputs.xAxisRangeMax,\n    inputs.menuOptions,\n  ],\n  events: [\n    {\n      name: 'onBarClicked',\n      label: 'A bar is clicked',\n      properties: [\n        {\n          name: 'axisDimensionValue',\n          label: 'Clicked axis dimension value',\n          type: 'string',\n        },\n        {\n          name: 'axisDimensionTimeRange',\n          label: 'Clicked axis dimension time range',\n          type: 'timeRange',\n        },\n        {\n          name: 'groupingDimensionValue',\n          label: 'Clicked grouping dimension value',\n          type: 'string',\n        },\n        {\n          name: 'groupingDimensionTimeRange',\n          label: 'Clicked grouping dimension time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type BarChartGroupedHorizontalProState = {\n  granularity?: Granularity;\n  axisOrder?: string[];\n  axisOrderCacheKey?: string;\n};\n\nconst previewConfig = {\n  yAxis: previewData.dimension,\n  groupBy: previewData.dimensionGroup,\n  measure: previewData.measure,\n  results: previewData.results1Measure2Dimensions,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst events = {\n  onBarClicked: (value: BarChartStackedProOptionsClickArg) => ({\n    axisDimensionValue: value.dimensionValue ?? Value.noFilter(),\n    axisDimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n    groupingDimensionValue: value.groupingDimensionValue ?? Value.noFilter(),\n    groupingDimensionTimeRange: value.groupingDimensionTimeRange ?? Value.noFilter(),\n  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [\n    BarChartGroupedHorizontalProState,\n    (state: BarChartGroupedHorizontalProState) => void,\n  ],\n  clientContext: ThemeClientContext,\n) => {\n  const yAxisWithGranularity = getDimensionWithGranularity(inputs.yAxis, state?.granularity);\n  const sortDirection = inputs.sortDirectionTopYAxis as OrderDirection | undefined;\n  const timezone = getClientContextTimezone(clientContext?.timezone);\n\n  const axisOrderCacheKey = getAxisOrderCacheKey({\n    dataset: inputs.dataset,\n    axis: yAxisWithGranularity,\n    measure: inputs.measure,\n    sortDirection,\n    limit: inputs.limitTopYAxis,\n    timezone,\n  });\n\n  const cachedAxisOrder = getCachedAxisOrder(axisOrderCacheKey, state);\n\n  return {\n    ...inputs,\n    yAxis: yAxisWithGranularity,\n    granularity: state?.granularity,\n    axisOrder: cachedAxisOrder,\n    axisOrderCacheKey,\n    setGranularity: (granularity: Granularity) => setState({ ...state, granularity }),\n    setAxisOrderAndCacheKey: (axisOrder: string[], cacheKey: string) =>\n      setState({ ...state, axisOrder, axisOrderCacheKey: cacheKey }),\n    resultsAxisOrder: loadDataResultsAxisOrder({\n      dataset: inputs.dataset,\n      limitTopAxis: inputs.limitTopYAxis,\n      axis: yAxisWithGranularity,\n      measure: inputs.measure,\n      sortDirection,\n      timezone,\n    }),\n    results: loadDataResults({\n      dataset: inputs.dataset,\n      axis: yAxisWithGranularity,\n      groupBy: inputs.groupBy,\n      measure: inputs.measure,\n      sortDirection,\n      limitTopAxis: inputs.limitTopYAxis,\n      maxResults: inputs.maxResults,\n      axisOrder: cachedAxisOrder,\n      timezone,\n    }),\n  };\n};\n\nexport const barChartGroupedHorizontalPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n    events,\n  },\n} as const;\n"],"names":["BarChartGroupedHorizontalPro","props","theme","useTheme","i18nSetup","resolvedI18nProps","resolveI18nProps","tooltip","description","title","xAxisLabel","yAxisLabel","yAxis","groupBy","measure","reverseYAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","xAxisRangeMax","xAxisRangeMin","granularity","setGranularity","onBarClicked","axisOrder","resultsAxisOrder","axisOrderCacheKey","setAxisOrderAndCacheKey","useUpdateAxisOrderAndCacheKey","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarStackedChartProOptions","_b","_a","granularitySelectorHasMarginTop","handleClick","createGroupedClickHandler","jsxs","ChartCard","asChartCardHeaderProps","jsx","ChartGranularitySelectField","BarChart","meta","inputs","previewConfig","previewData","preview","definePreview","Component","events","value","Value","state","setState","clientContext","yAxisWithGranularity","getDimensionWithGranularity","sortDirection","timezone","getClientContextTimezone","getAxisOrderCacheKey","cachedAxisOrder","getCachedAxisOrder","cacheKey","loadDataResultsAxisOrder","loadDataResults","barChartGroupedHorizontalPro"],"mappings":";;;;;;;;;;;;AAsBA,MAAMA,IAA+B,CAACC,MAA6C;;AACjF,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAMG,IAAoBC,EAAiBL,CAAK,GAC1C,EAAE,SAAAM,GAAS,aAAAC,GAAa,OAAAC,GAAO,YAAAC,GAAY,YAAAC,MAAeN,GAE1D;AAAA,IACJ,OAAAO;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,yBAAAC;AAAA,EAAA,IACE5B;AAEJ,EAAA6B,EAA8B;AAAA,IAC5B,kBAAAH;AAAA,IACA,eAAef;AAAA,IACf,yBAAAiB;AAAA,IACA,mBAAAD;AAAA,EAAA,CACD;AAED,QAAMG,IAAUC,EAAY;AAAA,IAC1B,SAAS/B,EAAM;AAAA,IACf,WAAWW;AAAA,EAAA,CACZ,GAEKqB,IAAOC;AAAA,IACX;AAAA,MACE,MAAMH,KAAA,gBAAAA,EAAS;AAAA,MACf,WAAWnB;AAAA,MACX,gBAAgBC;AAAA,MAChB,SAAAC;AAAA,MACA,WAAAY;AAAA,IAAA;AAAA,IAEFxB;AAAA,EAAA,GAGIiC,IAAUC;AAAA,IACdC;AAAA,MACE;AAAA,QACE,UAAU,CAACvB,CAAO;AAAA,QAClB,gBAAgBD;AAAA,QAChB,YAAY;AAAA,QACZ,MAAAoB;AAAA,QACA,WAAWrB;AAAA,MAAA;AAAA,MAEbV;AAAA,IAAA;AAAA,MAEFoC,KAAAC,IAAArC,EAAM,WAAN,gBAAAqC,EAAc,iCAAd,gBAAAD,EAA4C,YAAW,CAAA;AAAA,EAAC,GAGpDE,IAAkC,CAAC/B,KAAS,CAACD,KAAe,CAACD,GAE7DkC,IAAcC,GAA0B;AAAA,IAC5C,MAAAT;AAAA,IACA,WAAWrB;AAAA,IACX,SAAAC;AAAA,IACA,aAAAU;AAAA,IACA,WAAWE;AAAA,EAAA,CACZ;AAED,SACEkB,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMb;AAAA,MACN,uBAAuB,CAACjB,GAASF,GAAOC,CAAO;AAAA,MAC/C,eAAckB,KAAA,gBAAAA,EAAS,WAASJ,KAAA,gBAAAA,EAAkB;AAAA,MACjD,GAAGkB,EAAuB5C,CAAK;AAAA,MAE/B,UAAA;AAAA,QAAAuB,KACCsB,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,cAAcP;AAAA,YACd,WAAW5B;AAAA,YACX,UAAUY;AAAA,UAAA;AAAA,QAAA;AAAA,QAGdsB,gBAAAA,EAAAA;AAAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAAf;AAAA,YACA,YAAAjB;AAAA,YACA,cAAAE;AAAA,YACA,iBAAAE;AAAA,YACA,sBAAAH;AAAA,YACA,YAAAP;AAAA,YACA,YAAAC;AAAA,YACA,cAAAI;AAAA,YACA,eAAAO;AAAA,YACA,eAAAD;AAAA,YACA,iBAAAF;AAAA,YACA,SAAAgB;AAAA,YACA,SAASM;AAAA,YACT,YAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACZ;AAAA,IAAA;AAAA,EAAA;AAGN;;;8CCjHMQ,KAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,aACE;AAAA,EACF,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,qCAAqC,MAAM,SAAS,OAAO,SAAA;AAAA,IACvE,EAAE,GAAGA,EAAO,WAAW,MAAM,WAAW,OAAO,WAAA;AAAA,IAC/CA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,iBAAiB,cAAc,GAAA;AAAA,IAC3CA,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,QAER;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,GAQMC,IAAgB;AAAA,EACpB,OAAOC,EAAY;AAAA,EACnB,SAASA,EAAY;AAAA,EACrB,SAASA,EAAY;AAAA,EACrB,SAASA,EAAY;AAAA,EACrB,UAAU;AACZ,GAEMC,KAAUC,EAAcC,GAAWJ,CAAa,GAEhDK,KAAS;AAAA,EACb,cAAc,CAACC,OAA8C;AAAA,IAC3D,oBAAoBA,EAAM,kBAAkBC,EAAM,SAAA;AAAA,IAClD,wBAAwBD,EAAM,sBAAsBC,EAAM,SAAA;AAAA,IAC1D,wBAAwBD,EAAM,0BAA0BC,EAAM,SAAA;AAAA,IAC9D,4BAA4BD,EAAM,8BAA8BC,EAAM,SAAA;AAAA,EAAS;AAEnF,GAEMzD,KAAQ,CACZiD,GACA,CAACS,GAAOC,CAAQ,GAIhBC,MACG;AACH,QAAMC,IAAuBC,EAA4Bb,EAAO,OAAOS,KAAA,gBAAAA,EAAO,WAAW,GACnFK,IAAgBd,EAAO,uBACvBe,IAAWC,GAAyBL,KAAA,gBAAAA,EAAe,QAAQ,GAE3DjC,IAAoBuC,EAAqB;AAAA,IAC7C,SAASjB,EAAO;AAAA,IAChB,MAAMY;AAAA,IACN,SAASZ,EAAO;AAAA,IAChB,eAAAc;AAAA,IACA,OAAOd,EAAO;AAAA,IACd,UAAAe;AAAA,EAAA,CACD,GAEKG,IAAkBC,GAAmBzC,GAAmB+B,CAAK;AAEnE,SAAO;AAAA,IACL,GAAGT;AAAAA,IACH,OAAOY;AAAA,IACP,aAAaH,KAAA,gBAAAA,EAAO;AAAA,IACpB,WAAWS;AAAA,IACX,mBAAAxC;AAAA,IACA,gBAAgB,CAACL,MAA6BqC,EAAS,EAAE,GAAGD,GAAO,aAAApC,GAAa;AAAA,IAChF,yBAAyB,CAACG,GAAqB4C,MAC7CV,EAAS,EAAE,GAAGD,GAAO,WAAAjC,GAAW,mBAAmB4C,GAAU;AAAA,IAC/D,kBAAkBC,GAAyB;AAAA,MACzC,SAASrB,EAAO;AAAA,MAChB,cAAcA,EAAO;AAAA,MACrB,MAAMY;AAAA,MACN,SAASZ,EAAO;AAAA,MAChB,eAAAc;AAAA,MACA,UAAAC;AAAA,IAAA,CACD;AAAA,IACD,SAASO,GAAgB;AAAA,MACvB,SAAStB,EAAO;AAAA,MAChB,MAAMY;AAAA,MACN,SAASZ,EAAO;AAAA,MAChB,SAASA,EAAO;AAAA,MAChB,eAAAc;AAAA,MACA,cAAcd,EAAO;AAAA,MACrB,YAAYA,EAAO;AAAA,MACnB,WAAWkB;AAAA,MACX,UAAAH;AAAA,IAAA,CACD;AAAA,EAAA;AAEL,GAEaQ,KAA+B;AAAA,EAAA,WAC1ClB;AAAAA,EACA,MAAAN;AAAA,EACA,SAAAI;AAAA,EACA,eAAAF;AAAA,EACA,QAAQ;AAAA,IACN,OAAAlD;AAAA,IACA,QAAAuD;AAAA,EAAA;AAEJ;"}