@embeddable.com/remarkable-ui 0.1.51 → 1.0.1

package/dist/LineChartDefaultPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"LineChartDefaultPro.js","sources":["../src/remarkable-pro/components/charts/lines/LineChartDefaultPro/LineChartDefaultPro.utils.ts","../src/remarkable-pro/components/charts/lines/LineChartDefaultPro/index.tsx","../src/remarkable-pro/components/charts/lines/LineChartDefaultPro/LineChartDefaultPro.emb.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getObjectStableKey } from '../../../../utils.ts/object.utils';\nimport { getStyleNumber } from '../../../../../remarkable-ui';\nimport { getColor } from '../../../../theme/styles/styles.utils';\nimport { chartContrastColors } from '../../../../../remarkable-ui/charts/charts.constants';\nimport { mergician } from 'mergician';\nimport { isColorValid, setColorAlpha } from '../../../../utils.ts/color.utils';\nimport { LineChartProOptionsClick } from '../lines.utils';\n\nexport const getLineChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    measures: Measure[];\n    hasMinMaxYAxisRange: boolean;\n  },\n  theme: Theme,\n): ChartData<'line'> => {\n  if (!props.data) {\n    return {\n      labels: [],\n      datasets: [{ data: [] }],\n    };\n  }\n\n  const themeFormatter = getThemeFormatter(theme);\n\n  const themeKey = getObjectStableKey(theme);\n  const groupedData = props.data;\n\n  return {\n    labels: groupedData.map((item) => {\n      return item[props.dimension.name];\n    }),\n    datasets: props.measures.map((measure, index) => {\n      const zeroFill = Boolean(measure.inputs?.['connectGaps']);\n      const values = groupedData.map((item) => item[measure.name] ?? (zeroFill ? 0 : null));\n\n      const lineColor = measure.inputs?.['lineColor'];\n\n      const backgroundColor = isColorValid(lineColor)\n        ? lineColor\n        : getColor(\n            `${themeKey}.charts.backgroundColors`,\n            measure.name,\n            theme.charts.backgroundColors ?? chartContrastColors,\n            index,\n          );\n\n      const borderColor = isColorValid(lineColor)\n        ? lineColor\n        : getColor(\n            `${themeKey}.charts.borderColors`,\n            measure.name,\n            theme.charts.borderColors ?? chartContrastColors,\n            index,\n          );\n\n      return {\n        clip: props.hasMinMaxYAxisRange,\n        label: themeFormatter.dimensionOrMeasureTitle(measure),\n        data: values,\n        backgroundColor: setColorAlpha(\n          backgroundColor,\n          getStyleNumber('--em-line-chart-line-fill-opacity') as number,\n        ),\n        pointBackgroundColor: backgroundColor,\n        borderDash: measure.inputs?.['dashedLine']\n          ? [\n              getStyleNumber('--em-line-chart-line-dash-length'),\n              getStyleNumber('--em-line-chart-line-gap-length'),\n            ]\n          : undefined,\n        borderColor,\n        fill: Boolean(measure.inputs?.['fillUnderLine']),\n      } as ChartData<'line'>['datasets'][number];\n    }),\n  };\n};\n\nexport const getLineChartProOptions = (\n  options: {\n    dimension: Dimension;\n    measures: Measure[];\n    data: ChartData<'line'>;\n    onLineClicked: LineChartProOptionsClick;\n  },\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { dimension, data, measures, onLineClicked } = options;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const lineChartOptions: ChartOptions<'line'> = {\n    plugins: {\n      datalabels: {\n        labels: {\n          value: {\n            formatter: (value: string | number, context) => {\n              const measure = measures[context.datasetIndex]!;\n              return themeFormatter.data(measure, value);\n            },\n          },\n        },\n      },\n      tooltip: {\n        callbacks: {\n          title: (context) => {\n            const label = context[0]?.label;\n            return themeFormatter.data(dimension, label);\n          },\n          label: (context) => {\n            const measure = measures[context.datasetIndex]!;\n            const raw = context.raw as number;\n            return `${themeFormatter.data(dimension, context.dataset.label) || ''}: ${themeFormatter.data(measure, raw)}`;\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        ticks: {\n          callback: (value) => {\n            if (!data || !data.labels) return undefined;\n\n            const label = data.labels[Number(value)] as string;\n            return themeFormatter.data(dimension, label);\n          },\n        },\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            return themeFormatter.data(measures[0]!, value);\n          },\n        },\n      },\n    },\n    onClick: (_event, elements, chart) => {\n      const element = elements[0];\n      const dimensionValue = (element ? chart.data.labels![element.index] : null) as string | null;\n\n      onLineClicked({\n        dimensionValue,\n      });\n    },\n  };\n\n  return mergician(lineChartOptions, theme.charts?.lineChartDefaultPro?.options || {});\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { LineChart } from '../../../../../remarkable-ui/charts/lines/LineChart';\nimport { getLineChartProData, getLineChartProOptions } from './LineChartDefaultPro.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { LineChartProOptionsClick } from '../lines.utils';\n\nexport type LineChartProPropsOnLineClicked = { axisDimensionValue: string | null };\n\ntype LineChartProProp = {\n  description: string;\n  xAxis: Dimension;\n  measures: Measure[];\n  results: DataResponse;\n  reverseXAxis: boolean;\n  showLegend: boolean;\n  showLogarithmicScale: boolean;\n  showTooltips: boolean;\n  showValueLabels: boolean;\n  title: string;\n  xAxisLabel: string;\n  yAxisLabel: string;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n  onLineClicked: LineChartProOptionsClick;\n};\n\nconst LineChartPro = (props: LineChartProProp) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n  const {\n    measures,\n    xAxis,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    onLineClicked,\n  } = props;\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: xAxis,\n  });\n\n  const data = getLineChartProData(\n    {\n      data: results.data,\n      dimension: xAxis,\n      measures,\n      hasMinMaxYAxisRange: Boolean(yAxisRangeMin != null || yAxisRangeMax != null),\n    },\n    theme,\n  );\n  const options = getLineChartProOptions(\n    { data, dimension: xAxis, measures, onLineClicked },\n    theme,\n  );\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[...measures, xAxis]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <LineChart\n        data={data}\n        reverseXAxis={reverseXAxis}\n        showLegend={showLegend}\n        showLogarithmicScale={showLogarithmicScale}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        yAxisRangeMax={yAxisRangeMax}\n        yAxisRangeMin={yAxisRangeMin}\n        options={options}\n      />\n    </ChartCard>\n  );\n};\n\nexport default LineChartPro;\n","import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport {\n  dataset,\n  description,\n  dimensionWithDateBounds,\n  genericBoolean,\n  maxResults,\n  measures,\n  reverseXAxis,\n  showLegend,\n  showLogarithmicScale,\n  showTooltips,\n  showValueLabels,\n  subInputColor,\n  title,\n  xAxisLabel,\n  yAxisLabel,\n  yAxisRangeMax,\n  yAxisRangeMin,\n} from '../../../component.constants';\nimport LineChartDefaultPro from './index';\nimport { loadData, Value } from '@embeddable.com/core';\nimport { LineChartProOptionsClickArg } from '../lines.utils';\n\nexport const meta = {\n  name: 'LineChartDefaultPro',\n  label: 'Line Chart - Default',\n  category: 'Line Charts',\n  inputs: [\n    dataset,\n    {\n      ...measures,\n      inputs: [\n        ...measures.inputs,\n        { ...genericBoolean, name: 'fillUnderLine', label: 'Fill under line' },\n        {\n          ...subInputColor,\n          name: 'lineColor',\n          label: 'Line color',\n        },\n        { ...genericBoolean, name: 'connectGaps', label: 'Connect gaps', defaultValue: true },\n        { ...genericBoolean, name: 'dashedLine', label: 'Dashed line', defaultValue: false },\n      ],\n    },\n    { ...dimensionWithDateBounds, label: 'X-axis', name: 'xAxis' },\n    title,\n    description,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    showLogarithmicScale,\n    xAxisLabel,\n    yAxisLabel,\n    reverseXAxis,\n    yAxisRangeMin,\n    yAxisRangeMax,\n    maxResults,\n  ],\n  events: [\n    {\n      name: 'onLineClicked',\n      label: 'A line is clicked',\n      properties: [\n        {\n          name: 'axisDimensionValue',\n          label: 'Clicked Axis Dimension Value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(LineChartDefaultPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        limit: inputs.maxResults,\n        from: inputs.dataset,\n        select: [...inputs.measures, inputs.xAxis],\n      }),\n    };\n  },\n  events: {\n    onLineClicked: (value: LineChartProOptionsClickArg) => {\n      return {\n        axisDimensionValue: value.dimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["getLineChartProData","props","theme","themeFormatter","getThemeFormatter","themeKey","getObjectStableKey","groupedData","item","measure","index","zeroFill","_a","values","lineColor","_b","backgroundColor","isColorValid","getColor","chartContrastColors","borderColor","setColorAlpha","getStyleNumber","_c","_d","getLineChartProOptions","options","dimension","data","measures","onLineClicked","mergician","value","context","label","raw","_event","elements","chart","element","dimensionValue","LineChartPro","useTheme","i18nSetup","title","description","xAxisLabel","yAxisLabel","resolveI18nProps","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","results","useFillGaps","jsx","ChartCard","LineChart","meta","dataset","genericBoolean","subInputColor","dimensionWithDateBounds","maxResults","LineChartDefaultPro_emb","defineComponent","LineChartDefaultPro","inputs","loadData","Value"],"mappings":";;;;;;;;AAYO,MAAMA,KAAsB,CACjCC,GAMAC,MACsB;AACtB,MAAI,CAACD,EAAM;AACT,WAAO;AAAA,MACL,QAAQ,CAAA;AAAA,MACR,UAAU,CAAC,EAAE,MAAM,IAAI;AAAA,IAAA;AAI3B,QAAME,IAAiBC,EAAkBF,CAAK,GAExCG,IAAWC,EAAmBJ,CAAK,GACnCK,IAAcN,EAAM;AAE1B,SAAO;AAAA,IACL,QAAQM,EAAY,IAAI,CAACC,MAChBA,EAAKP,EAAM,UAAU,IAAI,CACjC;AAAA,IACD,UAAUA,EAAM,SAAS,IAAI,CAACQ,GAASC,MAAU;;AAC/C,YAAMC,IAAW,IAAQC,IAAAH,EAAQ,WAAR,QAAAG,EAAiB,cACpCC,IAASN,EAAY,IAAI,CAACC,MAASA,EAAKC,EAAQ,IAAI,MAAME,IAAW,IAAI,KAAK,GAE9EG,KAAYC,IAAAN,EAAQ,WAAR,gBAAAM,EAAiB,WAE7BC,IAAkBC,EAAaH,CAAS,IAC1CA,IACAI;AAAA,QACE,GAAGb,CAAQ;AAAA,QACXI,EAAQ;AAAA,QACRP,EAAM,OAAO,oBAAoBiB;AAAA,QACjCT;AAAA,MAAA,GAGAU,IAAcH,EAAaH,CAAS,IACtCA,IACAI;AAAA,QACE,GAAGb,CAAQ;AAAA,QACXI,EAAQ;AAAA,QACRP,EAAM,OAAO,gBAAgBiB;AAAA,QAC7BT;AAAA,MAAA;AAGN,aAAO;AAAA,QACL,MAAMT,EAAM;AAAA,QACZ,OAAOE,EAAe,wBAAwBM,CAAO;AAAA,QACrD,MAAMI;AAAA,QACN,iBAAiBQ;AAAA,UACfL;AAAA,UACAM,EAAe,mCAAmC;AAAA,QAAA;AAAA,QAEpD,sBAAsBN;AAAA,QACtB,aAAYO,IAAAd,EAAQ,WAAR,QAAAc,EAAiB,aACzB;AAAA,UACED,EAAe,kCAAkC;AAAA,UACjDA,EAAe,iCAAiC;AAAA,QAAA,IAElD;AAAA,QACJ,aAAAF;AAAA,QACA,MAAM,IAAQI,IAAAf,EAAQ,WAAR,QAAAe,EAAiB;AAAA,MAAgB;AAAA,IAEnD,CAAC;AAAA,EAAA;AAEL,GAEaC,KAAyB,CACpCC,GAMAxB,MACyB;;AACzB,QAAM,EAAE,WAAAyB,GAAW,MAAAC,GAAM,UAAAC,GAAU,eAAAC,MAAkBJ,GAC/CvB,IAAiBC,EAAkBF,CAAK;AAyD9C,SAAO6B,EAvDwC;AAAA,IAC7C,SAAS;AAAA,MACP,YAAY;AAAA,QACV,QAAQ;AAAA,UACN,OAAO;AAAA,YACL,WAAW,CAACC,GAAwBC,MAAY;AAC9C,oBAAMxB,IAAUoB,EAASI,EAAQ,YAAY;AAC7C,qBAAO9B,EAAe,KAAKM,GAASuB,CAAK;AAAA,YAC3C;AAAA,UAAA;AAAA,QACF;AAAA,MACF;AAAA,MAEF,SAAS;AAAA,QACP,WAAW;AAAA,UACT,OAAO,CAACC,MAAY;;AAClB,kBAAMC,KAAQtB,IAAAqB,EAAQ,CAAC,MAAT,gBAAArB,EAAY;AAC1B,mBAAOT,EAAe,KAAKwB,GAAWO,CAAK;AAAA,UAC7C;AAAA,UACA,OAAO,CAACD,MAAY;AAClB,kBAAMxB,IAAUoB,EAASI,EAAQ,YAAY,GACvCE,IAAMF,EAAQ;AACpB,mBAAO,GAAG9B,EAAe,KAAKwB,GAAWM,EAAQ,QAAQ,KAAK,KAAK,EAAE,KAAK9B,EAAe,KAAKM,GAAS0B,CAAG,CAAC;AAAA,UAC7G;AAAA,QAAA;AAAA,MACF;AAAA,IACF;AAAA,IAEF,QAAQ;AAAA,MACN,GAAG;AAAA,QACD,OAAO;AAAA,UACL,UAAU,CAACH,MAAU;AACnB,gBAAI,CAACJ,KAAQ,CAACA,EAAK,OAAQ;AAE3B,kBAAMM,IAAQN,EAAK,OAAO,OAAOI,CAAK,CAAC;AACvC,mBAAO7B,EAAe,KAAKwB,GAAWO,CAAK;AAAA,UAC7C;AAAA,QAAA;AAAA,MACF;AAAA,MAEF,GAAG;AAAA,QACD,OAAO;AAAA,UACL,UAAU,CAACF,MACF7B,EAAe,KAAK0B,EAAS,CAAC,GAAIG,CAAK;AAAA,QAChD;AAAA,MACF;AAAA,IACF;AAAA,IAEF,SAAS,CAACI,GAAQC,GAAUC,MAAU;AACpC,YAAMC,IAAUF,EAAS,CAAC,GACpBG,IAAkBD,IAAUD,EAAM,KAAK,OAAQC,EAAQ,KAAK,IAAI;AAEtE,MAAAT,EAAc;AAAA,QACZ,gBAAAU;AAAA,MAAA,CACD;AAAA,IACH;AAAA,EAAA,KAGiCzB,KAAAH,IAAAV,EAAM,WAAN,gBAAAU,EAAc,wBAAd,gBAAAG,EAAmC,YAAW,EAAE;AACrF,GCxHM0B,KAAe,CAACxC,MAA4B;AAChD,QAAMC,IAAewC,EAAA;AACrB,EAAAC,EAAUzC,CAAK;AAEf,QAAM,EAAE,OAAA0C,GAAO,aAAAC,GAAa,YAAAC,GAAY,YAAAC,EAAA,IAAeC,EAAiB/C,CAAK,GACvE;AAAA,IACJ,UAAA4B;AAAA,IACA,OAAAoB;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAA1B;AAAA,EAAA,IACE7B,GAEEwD,IAAUC,EAAY;AAAA,IAC1B,SAASzD,EAAM;AAAA,IACf,WAAWgD;AAAA,EAAA,CACZ,GAEKrB,IAAO5B;AAAA,IACX;AAAA,MACE,MAAMyD,EAAQ;AAAA,MACd,WAAWR;AAAA,MACX,UAAApB;AAAA,MACA,qBAA6B2B,KAAiB,QAAQD,KAAiB;AAAA,IAAI;AAAA,IAE7ErD;AAAA,EAAA,GAEIwB,IAAUD;AAAA,IACd,EAAE,MAAAG,GAAM,WAAWqB,GAAO,UAAApB,GAAU,eAAAC,EAAA;AAAA,IACpC5B;AAAA,EAAA;AAGF,SACEyD,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMH;AAAA,MACN,uBAAuB,CAAC,GAAG5B,GAAUoB,CAAK;AAAA,MAC1C,cAAcQ,EAAQ;AAAA,MACtB,UAAUZ;AAAA,MACV,OAAAD;AAAA,MAEA,UAAAe,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAAjC;AAAA,UACA,cAAAsB;AAAA,UACA,YAAAC;AAAA,UACA,sBAAAC;AAAA,UACA,cAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,YAAAR;AAAA,UACA,YAAAC;AAAA,UACA,eAAAQ;AAAA,UACA,eAAAC;AAAA,UACA,SAAA9B;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN,GCnEaoC,KAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACA;AAAA,MACE,GAAGlC;AAAA,MACH,QAAQ;AAAA,QACN,GAAGA,EAAS;AAAA,QACZ,EAAE,GAAGmC,GAAgB,MAAM,iBAAiB,OAAO,kBAAA;AAAA,QACnD;AAAA,UACE,GAAGC;AAAA,UACH,MAAM;AAAA,UACN,OAAO;AAAA,QAAA;AAAA,QAET,EAAE,GAAGD,GAAgB,MAAM,eAAe,OAAO,gBAAgB,cAAc,GAAA;AAAA,QAC/E,EAAE,GAAGA,GAAgB,MAAM,cAAc,OAAO,eAAe,cAAc,GAAA;AAAA,MAAM;AAAA,IACrF;AAAA,IAEF,EAAE,GAAGE,GAAyB,OAAO,UAAU,MAAM,QAAA;AAAA,IACrDtB;AAAA,IACAC;AAAA,IACAM;AAAA,IACAE;AAAA,IACAC;AAAA,IACAF;AAAA,IACAN;AAAA,IACAC;AAAA,IACAG;AAAA,IACAM;AAAA,IACAD;AAAA,IACAY;AAAA,EAAA;AAAA,EAEF,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,MACR;AAAA,IACF;AAAA,EACF;AAEJ,GAEAC,KAAeC,EAAgBC,IAAqBR,IAAM;AAAA,EACxD,OAAO,CAACS,OACC;AAAA,IACL,GAAGA;AAAA,IACH,SAASC,EAAS;AAAA,MAChB,OAAOD,EAAO;AAAA,MACd,MAAMA,EAAO;AAAA,MACb,QAAQ,CAAC,GAAGA,EAAO,UAAUA,EAAO,KAAK;AAAA,IAAA,CAC1C;AAAA,EAAA;AAAA,EAGL,QAAQ;AAAA,IACN,eAAe,CAACvC,OACP;AAAA,MACL,oBAAoBA,EAAM,kBAAkByC,EAAM,SAAA;AAAA,IAAS;AAAA,EAE/D;AAEJ,CAAC;"}
+{"version":3,"file":"LineChartDefaultPro.js","sources":["../src/remarkable-pro/components/charts/lines/LineChartDefaultPro/LineChartDefaultPro.utils.ts","../src/remarkable-pro/components/charts/lines/LineChartDefaultPro/index.tsx","../src/remarkable-pro/components/charts/lines/LineChartDefaultPro/LineChartDefaultPro.emb.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getObjectStableKey } from '../../../../utils.ts/object.utils';\nimport { chartContrastColors, getStyleNumber } from '../../../../../remarkable-ui';\nimport { getColor } from '../../../../theme/styles/styles.utils';\nimport { mergician } from 'mergician';\nimport { isColorValid, setColorAlpha } from '../../../../utils.ts/color.utils';\nimport { LineChartProOptionsClick } from '../lines.utils';\n\nexport const getLineChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    measures: Measure[];\n    hasMinMaxYAxisRange: boolean;\n  },\n  theme: Theme,\n): ChartData<'line'> => {\n  if (!props.data) {\n    return {\n      labels: [],\n      datasets: [{ data: [] }],\n    };\n  }\n\n  const themeFormatter = getThemeFormatter(theme);\n\n  const themeKey = getObjectStableKey(theme);\n  const groupedData = props.data;\n\n  return {\n    labels: groupedData.map((item) => {\n      return item[props.dimension.name];\n    }),\n    datasets: props.measures.map((measure, index) => {\n      const zeroFill = Boolean(measure.inputs?.['connectGaps']);\n      const values = groupedData.map((item) => item[measure.name] ?? (zeroFill ? 0 : null));\n\n      const lineColor = measure.inputs?.['lineColor'];\n\n      const backgroundColor = isColorValid(lineColor)\n        ? lineColor\n        : getColor(\n            `${themeKey}.charts.backgroundColors`,\n            measure.name,\n            theme.charts.backgroundColors ?? chartContrastColors,\n            index,\n          );\n\n      const borderColor = isColorValid(lineColor)\n        ? lineColor\n        : getColor(\n            `${themeKey}.charts.borderColors`,\n            measure.name,\n            theme.charts.borderColors ?? chartContrastColors,\n            index,\n          );\n\n      return {\n        clip: props.hasMinMaxYAxisRange,\n        label: themeFormatter.dimensionOrMeasureTitle(measure),\n        data: values,\n        backgroundColor: setColorAlpha(backgroundColor, 0.5),\n        pointBackgroundColor: backgroundColor,\n        borderDash: measure.inputs?.['dashedLine']\n          ? [\n              getStyleNumber('--em-linechart-line-dash', '0.25rem'),\n              getStyleNumber('--em-linechart-line-gap', '0.25rem'),\n            ]\n          : undefined,\n        borderColor,\n        fill: Boolean(measure.inputs?.['fillUnderLine']),\n      } as ChartData<'line'>['datasets'][number];\n    }),\n  };\n};\n\nexport const getLineChartProOptions = (\n  options: {\n    dimension: Dimension;\n    measures: Measure[];\n    data: ChartData<'line'>;\n    onLineClicked: LineChartProOptionsClick;\n  },\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { dimension, data, measures, onLineClicked } = options;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const lineChartOptions: ChartOptions<'line'> = {\n    plugins: {\n      datalabels: {\n        labels: {\n          value: {\n            formatter: (value: string | number, context) => {\n              const measure = measures[context.datasetIndex]!;\n              return themeFormatter.data(measure, value);\n            },\n          },\n        },\n      },\n      tooltip: {\n        callbacks: {\n          title: (context) => {\n            const label = context[0]?.label;\n            return themeFormatter.data(dimension, label);\n          },\n          label: (context) => {\n            const measure = measures[context.datasetIndex]!;\n            const raw = context.raw as number;\n            return `${themeFormatter.data(dimension, context.dataset.label) || ''}: ${themeFormatter.data(measure, raw)}`;\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        ticks: {\n          callback: (value) => {\n            if (!data || !data.labels) return undefined;\n\n            const label = data.labels[Number(value)] as string;\n            return themeFormatter.data(dimension, label);\n          },\n        },\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            return themeFormatter.data(measures[0]!, value);\n          },\n        },\n      },\n    },\n    onClick: (_event, elements, chart) => {\n      const element = elements[0];\n      const dimensionValue = (element ? chart.data.labels![element.index] : null) as string | null;\n\n      onLineClicked({\n        dimensionValue,\n      });\n    },\n  };\n\n  return mergician(lineChartOptions, theme.charts?.lineChartDefaultPro?.options || {});\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { getLineChartProData, getLineChartProOptions } from './LineChartDefaultPro.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { LineChartProOptionsClick } from '../lines.utils';\nimport { LineChart } from '../../../../../remarkable-ui';\n\nexport type LineChartProPropsOnLineClicked = { axisDimensionValue: string | null };\n\ntype LineChartProProp = {\n  description: string;\n  xAxis: Dimension;\n  measures: Measure[];\n  results: DataResponse;\n  reverseXAxis: boolean;\n  showLegend: boolean;\n  showLogarithmicScale: boolean;\n  showTooltips: boolean;\n  showValueLabels: boolean;\n  title: string;\n  xAxisLabel: string;\n  yAxisLabel: string;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n  onLineClicked: LineChartProOptionsClick;\n};\n\nconst LineChartPro = (props: LineChartProProp) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n  const {\n    measures,\n    xAxis,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    onLineClicked,\n  } = props;\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: xAxis,\n  });\n\n  const data = getLineChartProData(\n    {\n      data: results.data,\n      dimension: xAxis,\n      measures,\n      hasMinMaxYAxisRange: Boolean(yAxisRangeMin != null || yAxisRangeMax != null),\n    },\n    theme,\n  );\n  const options = getLineChartProOptions(\n    { data, dimension: xAxis, measures, onLineClicked },\n    theme,\n  );\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[...measures, xAxis]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <LineChart\n        data={data}\n        reverseXAxis={reverseXAxis}\n        showLegend={showLegend}\n        showLogarithmicScale={showLogarithmicScale}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        yAxisRangeMax={yAxisRangeMax}\n        yAxisRangeMin={yAxisRangeMin}\n        options={options}\n      />\n    </ChartCard>\n  );\n};\n\nexport default LineChartPro;\n","import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport {\n  dataset,\n  description,\n  dimensionWithDateBounds,\n  genericBoolean,\n  maxResults,\n  measures,\n  reverseXAxis,\n  showLegend,\n  showLogarithmicScale,\n  showTooltips,\n  showValueLabels,\n  subInputColor,\n  title,\n  xAxisLabel,\n  yAxisLabel,\n  yAxisRangeMax,\n  yAxisRangeMin,\n} from '../../../component.constants';\nimport LineChartDefaultPro from './index';\nimport { loadData, Value } from '@embeddable.com/core';\nimport { LineChartProOptionsClickArg } from '../lines.utils';\n\nexport const meta = {\n  name: 'LineChartDefaultPro',\n  label: 'Line Chart - Default',\n  category: 'Line Charts',\n  inputs: [\n    dataset,\n    {\n      ...measures,\n      inputs: [\n        ...measures.inputs,\n        { ...genericBoolean, name: 'fillUnderLine', label: 'Fill under line' },\n        {\n          ...subInputColor,\n          name: 'lineColor',\n          label: 'Line color',\n        },\n        { ...genericBoolean, name: 'connectGaps', label: 'Connect gaps', defaultValue: true },\n        { ...genericBoolean, name: 'dashedLine', label: 'Dashed line', defaultValue: false },\n      ],\n    },\n    { ...dimensionWithDateBounds, label: 'X-axis', name: 'xAxis' },\n    title,\n    description,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    showLogarithmicScale,\n    xAxisLabel,\n    yAxisLabel,\n    reverseXAxis,\n    yAxisRangeMin,\n    yAxisRangeMax,\n    maxResults,\n  ],\n  events: [\n    {\n      name: 'onLineClicked',\n      label: 'A line is clicked',\n      properties: [\n        {\n          name: 'axisDimensionValue',\n          label: 'Clicked Axis Dimension Value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(LineChartDefaultPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        limit: inputs.maxResults,\n        from: inputs.dataset,\n        select: [...inputs.measures, inputs.xAxis],\n      }),\n    };\n  },\n  events: {\n    onLineClicked: (value: LineChartProOptionsClickArg) => {\n      return {\n        axisDimensionValue: value.dimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["getLineChartProData","props","theme","themeFormatter","getThemeFormatter","themeKey","getObjectStableKey","groupedData","item","measure","index","zeroFill","_a","values","lineColor","_b","backgroundColor","isColorValid","getColor","chartContrastColors","borderColor","setColorAlpha","_c","getStyleNumber","_d","getLineChartProOptions","options","dimension","data","measures","onLineClicked","mergician","value","context","label","raw","_event","elements","chart","element","dimensionValue","LineChartPro","useTheme","i18nSetup","title","description","xAxisLabel","yAxisLabel","resolveI18nProps","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","results","useFillGaps","jsx","ChartCard","LineChart","meta","dataset","genericBoolean","subInputColor","dimensionWithDateBounds","maxResults","LineChartDefaultPro_emb","defineComponent","LineChartDefaultPro","inputs","loadData","Value"],"mappings":"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"}

package/dist/LineChartGroupedPro.js

@@ -1,14 +1,14 @@
 import { useTheme as R, defineComponent as P } from "@embeddable.com/react";
-import { E as k, K as $, m as F, i as S, r as v, j as y, N as B, d as j, w, I as V, b as O, z as T, t as K, c as N, A as X, s as E, e as U, f as Y, g as q, x as z, y as W, p as _, q as H, u as J, V as D, o as Q } from "./component.constants-DCOqCFoY.js";
-import { C as Z } from "./ChartCard-D-0O5ugW.js";
-import { g as M } from "./formatter.utils-B80iNq9Q.js";
-import { g as I, a as G } from "./object.utils-D_Zzon-H.js";
-import { s as ee } from "./color.utils-CVyp-fGP.js";
+import { E as k, m as $, i as F, r as v, j as w, N as B, d as S, w as y, I as V, b as j, z as O, t as T, c as X, A as E, s as K, e as N, f as U, g as Y, x as q, y as z, p as W, q as _, u as H, V as D, o as J } from "./component.constants-CYS5-3qd.js";
+import { C as Q } from "./ChartCard-CyemTSay.js";
+import { g as M } from "./formatter.utils-CaFr8SlX.js";
+import { g as Z, a as G } from "./object.utils-D_Zzon-H.js";
+import { s as I } from "./color.utils-CVyp-fGP.js";
 import "react";
-import { g as ae } from "./lines.utils-CFEUUo4k.js";
-import { u as se } from "./charts.fillGaps.hooks-5WclK2CD.js";
-const ne = (e, o) => {
-  const u = M(o), { data: t = [], dimension: l, groupDimension: r, measure: n, hasMinMaxYAxisRange: c } = e, m = [...new Set(t.map((s) => s[l.name]).filter(Boolean))].sort(), d = [...new Set(t.map((s) => s[r.name]))].filter(Boolean), a = I(o), i = d.map((s, x) => {
+import { g as ee } from "./lines.utils-CFEUUo4k.js";
+import { u as ae } from "./charts.fillGaps.hooks-5WclK2CD.js";
+const se = (e, o) => {
+  const c = M(o), { data: t = [], dimension: l, groupDimension: r, measure: n, hasMinMaxYAxisRange: u } = e, m = [...new Set(t.map((s) => s[l.name]).filter(Boolean))].sort(), d = [...new Set(t.map((s) => s[r.name]))].filter(Boolean), a = Z(o), i = d.map((s, x) => {
     var p;
     const b = G(
       `${a}.charts.backgroundColors`,
@@ -22,13 +22,10 @@ const ne = (e, o) => {
       x
     );
     return {
-      clip: c,
-      label: u.data(r, s),
+      clip: u,
+      label: c.data(r, s),
       rawLabel: s,
-      backgroundColor: ee(
-        b,
-        $("--em-line-chart-line-fill-opacity")
-      ),
+      backgroundColor: I(b, 0.5),
       pointBackgroundColor: b,
       fill: (p = n.inputs) == null ? void 0 : p.fillUnderLine,
       borderColor: h,
@@ -45,9 +42,9 @@ const ne = (e, o) => {
     labels: m,
     datasets: i
   };
-}, oe = (e, o) => {
+}, ne = (e, o) => {
   var m, d;
-  const { dimension: u, data: t, measure: l, onLineClicked: r } = e, n = M(o), c = {
+  const { dimension: c, data: t, measure: l, onLineClicked: r } = e, n = M(o), u = {
     plugins: {
       datalabels: {
         labels: {
@@ -61,7 +58,7 @@ const ne = (e, o) => {
           title: (a) => {
             var s;
             const i = (s = a[0]) == null ? void 0 : s.label;
-            return n.data(u, i);
+            return n.data(c, i);
           },
           label: (a) => {
             const i = a.raw;
@@ -76,7 +73,7 @@ const ne = (e, o) => {
           callback: (a) => {
             if (!t || !t.labels) return;
             const i = t.labels[Number(a)];
-            return n.data(u, i);
+            return n.data(c, i);
           }
         }
       },
@@ -87,17 +84,17 @@ const ne = (e, o) => {
       }
     }
   };
-  return F(
-    ae({ onLineClicked: r }),
-    c,
+  return $(
+    ee({ onLineClicked: r }),
+    u,
     ((d = (m = o.charts) == null ? void 0 : m.lineChartGroupedPro) == null ? void 0 : d.options) || {}
   );
-}, te = (e) => {
+}, oe = (e) => {
   const o = R();
-  S(o);
-  const { title: u, description: t, xAxisLabel: l, yAxisLabel: r } = v(e), {
+  F(o);
+  const { title: c, description: t, xAxisLabel: l, yAxisLabel: r } = v(e), {
     measure: n,
-    xAxis: c,
+    xAxis: u,
     groupBy: m,
     reverseXAxis: d,
     showLegend: a,
@@ -107,31 +104,31 @@ const ne = (e, o) => {
     yAxisRangeMax: b,
     yAxisRangeMin: h,
     onLineClicked: L
-  } = e, p = se({
+  } = e, p = ae({
     results: e.results,
     dimension: e.xAxis
-  }), C = ne(
+  }), C = se(
     {
       data: p.data,
-      dimension: c,
+      dimension: u,
       groupDimension: m,
       measure: n,
       hasMinMaxYAxisRange: h != null || b != null
     },
     o
-  ), g = oe(
-    { data: C, dimension: c, measure: n, onLineClicked: L },
+  ), g = ne(
+    { data: C, dimension: u, measure: n, onLineClicked: L },
     o
   );
-  return /* @__PURE__ */ y.jsx(
-    Z,
+  return /* @__PURE__ */ w.jsx(
+    Q,
     {
       data: p,
-      dimensionsAndMeasures: [n, c, m],
+      dimensionsAndMeasures: [n, u, m],
       errorMessage: p.error,
       subtitle: t,
-      title: u,
-      children: /* @__PURE__ */ y.jsx(
+      title: c,
+      children: /* @__PURE__ */ w.jsx(
         B,
         {
           data: C,
@@ -149,34 +146,34 @@ const ne = (e, o) => {
       )
     }
   );
-}, re = {
+}, te = {
   name: "LineChartGroupedPro",
   label: "Line Chart - Grouped",
   category: "Line Charts",
   inputs: [
-    j,
+    S,
     {
-      ...w,
+      ...y,
       inputs: [
-        ...w.inputs,
+        ...y.inputs,
         { ...V, name: "fillUnderLine", label: "Fill under line" },
         { ...V, name: "connectGaps", label: "Connect gaps", defaultValue: !0 }
       ]
     },
-    { ...O, name: "xAxis", label: "X-axis" },
-    { ...T, name: "groupBy", label: "Group by" },
-    K,
-    N,
+    { ...j, name: "xAxis", label: "X-axis" },
+    { ...O, name: "groupBy", label: "Group by" },
+    T,
     X,
     E,
+    K,
+    N,
     U,
     Y,
     q,
     z,
     W,
     _,
-    H,
-    J
+    H
   ],
   events: [
     {
@@ -196,10 +193,10 @@ const ne = (e, o) => {
       ]
     }
   ]
-}, xe = P(te, re, {
+}, ge = P(oe, te, {
   props: (e) => ({
     ...e,
-    results: Q({
+    results: J({
       limit: e.maxResults,
       from: e.dataset,
       select: [e.xAxis, e.groupBy, e.measure]
@@ -213,7 +210,7 @@ const ne = (e, o) => {
   }
 });
 export {
-  xe as default,
-  re as meta
+  ge as default,
+  te as meta
 };
 //# sourceMappingURL=LineChartGroupedPro.js.map

package/dist/LineChartGroupedPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"LineChartGroupedPro.js","sources":["../src/remarkable-pro/components/charts/lines/LineChartGroupedPro/LineChartGroupedPro.utils.ts","../src/remarkable-pro/components/charts/lines/LineChartGroupedPro/index.tsx","../src/remarkable-pro/components/charts/lines/LineChartGroupedPro/LineChartGroupedPro.emb.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { mergician } from 'mergician';\nimport { getObjectStableKey } from '../../../../utils.ts/object.utils';\nimport { getColor } from '../../../../theme/styles/styles.utils';\nimport { chartContrastColors } from '../../../../../remarkable-ui/charts/charts.constants';\nimport { setColorAlpha } from '../../../../utils.ts/color.utils';\nimport { getStyleNumber } from '../../../../../remarkable-ui';\nimport { getLineChartProOptions, LineChartProOptionsClick } from '../lines.utils';\n\nexport const getLineChartGroupedProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    groupDimension: Dimension;\n    measure: Measure;\n    hasMinMaxYAxisRange: boolean;\n  },\n  theme: Theme,\n): ChartData<'line'> => {\n  const themeFormatter = getThemeFormatter(theme);\n  const { data = [], dimension, groupDimension, measure, hasMinMaxYAxisRange } = props;\n\n  const axis = [...new Set(data.map((d) => d[dimension.name]).filter(Boolean))].sort();\n  const groupBy = [...new Set(data.map((d) => d[groupDimension.name]))].filter(Boolean);\n\n  const themeKey = getObjectStableKey(theme);\n\n  const datasets: ChartData<'line'>['datasets'] = groupBy.map((groupByItem, index) => {\n    const backgroundColor = getColor(\n      `${themeKey}.charts.backgroundColors`,\n      `${groupDimension.name}.${groupByItem}`,\n      theme.charts.backgroundColors ?? chartContrastColors,\n      index,\n    );\n\n    const borderColor = getColor(\n      `${themeKey}.charts.borderColors`,\n      `${groupDimension.name}.${groupByItem}`,\n      theme.charts.borderColors ?? chartContrastColors,\n      index,\n    );\n\n    const dataset = {\n      clip: hasMinMaxYAxisRange,\n      label: themeFormatter.data(groupDimension, groupByItem),\n      rawLabel: groupByItem,\n      backgroundColor: setColorAlpha(\n        backgroundColor,\n        getStyleNumber('--em-line-chart-line-fill-opacity') as number,\n      ),\n      pointBackgroundColor: backgroundColor,\n      fill: measure.inputs?.['fillUnderLine'],\n      borderColor,\n      data: axis.map((axisItem) => {\n        const record = data.find(\n          (d) => d[groupDimension.name] === groupByItem && d[dimension.name] === axisItem,\n        );\n        return record?.[measure.name] ?? (measure.inputs?.['connectGaps'] ? 0 : null);\n      }),\n    } as ChartData<'line'>['datasets'][number];\n\n    return dataset;\n  });\n\n  return {\n    labels: axis,\n    datasets,\n  };\n};\n\nexport const getLineChartGroupedProOptions = (\n  options: {\n    dimension: Dimension;\n    measure: Measure;\n    data: ChartData<'line'>;\n    onLineClicked: LineChartProOptionsClick;\n  },\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { dimension, data, measure, onLineClicked } = options;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const lineChartOptions: ChartOptions<'line'> = {\n    plugins: {\n      datalabels: {\n        labels: {\n          value: {\n            formatter: (value: string | number) => {\n              return themeFormatter.data(measure, value);\n            },\n          },\n        },\n      },\n      tooltip: {\n        callbacks: {\n          title: (context) => {\n            const label = context[0]?.label;\n            return themeFormatter.data(dimension, label);\n          },\n          label: (context) => {\n            const raw = context.raw as number;\n            return `${context.dataset.label}: ${themeFormatter.data(measure, raw)}`;\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        ticks: {\n          callback: (value) => {\n            if (!data || !data.labels) return undefined;\n\n            const label = data.labels[Number(value)] as string;\n            return themeFormatter.data(dimension, label);\n          },\n        },\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            return themeFormatter.data(measure, value);\n          },\n        },\n      },\n    },\n  };\n\n  return mergician(\n    getLineChartProOptions({ onLineClicked }),\n    lineChartOptions,\n    theme.charts?.lineChartGroupedPro?.options || {},\n  );\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { LineChart } from '../../../../../remarkable-ui/charts/lines/LineChart';\nimport {\n  getLineChartGroupedProData,\n  getLineChartGroupedProOptions,\n} from './LineChartGroupedPro.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { LineChartProOptionsClick } from '../lines.utils';\n\nexport type LineChartGroupedProPropsOnLineClicked = {\n  axisDimensionValue: string | null;\n  groupingDimensionValue: string | null;\n};\n\ntype LineChartGroupedProProp = {\n  description: string;\n  xAxis: Dimension;\n  groupBy: Dimension;\n  measure: Measure;\n  results: DataResponse;\n  reverseXAxis: boolean;\n  showLegend: boolean;\n  showLogarithmicScale: boolean;\n  showTooltips: boolean;\n  showValueLabels: boolean;\n  title: string;\n  xAxisLabel: string;\n  yAxisLabel: string;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n  onLineClicked: LineChartProOptionsClick;\n};\n\nconst LineChartGroupedPro = (props: LineChartGroupedProProp) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n  const {\n    measure,\n    xAxis,\n    groupBy,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    onLineClicked,\n  } = props;\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: props.xAxis,\n  });\n\n  const data = getLineChartGroupedProData(\n    {\n      data: results.data,\n      dimension: xAxis,\n      groupDimension: groupBy,\n      measure,\n      hasMinMaxYAxisRange: Boolean(yAxisRangeMin != null || yAxisRangeMax != null),\n    },\n\n    theme,\n  );\n  const options = getLineChartGroupedProOptions(\n    { data, dimension: xAxis, measure, onLineClicked },\n    theme,\n  );\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure, xAxis, groupBy]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <LineChart\n        data={data}\n        reverseXAxis={reverseXAxis}\n        showLegend={showLegend}\n        showLogarithmicScale={showLogarithmicScale}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        yAxisRangeMax={yAxisRangeMax}\n        yAxisRangeMin={yAxisRangeMin}\n        options={options}\n      />\n    </ChartCard>\n  );\n};\n\nexport default LineChartGroupedPro;\n","import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport {\n  dataset,\n  description,\n  dimension,\n  dimensionWithDateBounds,\n  genericBoolean,\n  maxResults,\n  measure,\n  reverseXAxis,\n  showLegend,\n  showLogarithmicScale,\n  showTooltips,\n  showValueLabels,\n  title,\n  xAxisLabel,\n  yAxisLabel,\n  yAxisRangeMax,\n  yAxisRangeMin,\n} from '../../../component.constants';\nimport LineChartGroupedPro from './index';\nimport { loadData, Value } from '@embeddable.com/core';\nimport { LineChartProOptionsClickArg } from '../lines.utils';\n\nexport const meta = {\n  name: 'LineChartGroupedPro',\n  label: 'Line Chart - Grouped',\n  category: 'Line Charts',\n  inputs: [\n    dataset,\n    {\n      ...measure,\n      inputs: [\n        ...measure.inputs,\n        { ...genericBoolean, name: 'fillUnderLine', label: 'Fill under line' },\n        { ...genericBoolean, name: 'connectGaps', label: 'Connect gaps', defaultValue: true },\n      ],\n    },\n    { ...dimensionWithDateBounds, name: 'xAxis', label: 'X-axis' },\n    { ...dimension, name: 'groupBy', label: 'Group by' },\n    title,\n    description,\n    maxResults,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    showLogarithmicScale,\n    xAxisLabel,\n    yAxisLabel,\n    reverseXAxis,\n    yAxisRangeMin,\n    yAxisRangeMax,\n  ],\n  events: [\n    {\n      name: 'onLineClicked',\n      label: 'A line is clicked',\n      properties: [\n        {\n          name: 'axisDimensionValue',\n          label: 'Clicked Axis Dimension Value',\n          type: 'string',\n        },\n        {\n          name: 'groupingDimensionValue',\n          label: 'Clicked Grouping Dimension Value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(LineChartGroupedPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        limit: inputs.maxResults,\n        from: inputs.dataset,\n        select: [inputs.xAxis, inputs.groupBy, inputs.measure],\n      }),\n    };\n  },\n  events: {\n    onLineClicked: (value: LineChartProOptionsClickArg) => {\n      return {\n        axisDimensionValue: value.dimensionValue || Value.noFilter(),\n        groupingDimensionValue: value.groupingDimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["getLineChartGroupedProData","props","theme","themeFormatter","getThemeFormatter","data","dimension","groupDimension","measure","hasMinMaxYAxisRange","axis","d","groupBy","themeKey","getObjectStableKey","datasets","groupByItem","index","backgroundColor","getColor","chartContrastColors","borderColor","setColorAlpha","getStyleNumber","_a","axisItem","record","getLineChartGroupedProOptions","options","onLineClicked","lineChartOptions","value","context","label","raw","mergician","getLineChartProOptions","_b","LineChartGroupedPro","useTheme","i18nSetup","title","description","xAxisLabel","yAxisLabel","resolveI18nProps","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","results","useFillGaps","jsx","ChartCard","LineChart","meta","dataset","genericBoolean","dimensionWithDateBounds","maxResults","LineChartGroupedPro_emb","defineComponent","inputs","loadData","Value"],"mappings":"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"}
+{"version":3,"file":"LineChartGroupedPro.js","sources":["../src/remarkable-pro/components/charts/lines/LineChartGroupedPro/LineChartGroupedPro.utils.ts","../src/remarkable-pro/components/charts/lines/LineChartGroupedPro/index.tsx","../src/remarkable-pro/components/charts/lines/LineChartGroupedPro/LineChartGroupedPro.emb.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { mergician } from 'mergician';\nimport { getObjectStableKey } from '../../../../utils.ts/object.utils';\nimport { getColor } from '../../../../theme/styles/styles.utils';\nimport { setColorAlpha } from '../../../../utils.ts/color.utils';\nimport { chartContrastColors } from '../../../../../remarkable-ui';\nimport { getLineChartProOptions, LineChartProOptionsClick } from '../lines.utils';\n\nexport const getLineChartGroupedProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    groupDimension: Dimension;\n    measure: Measure;\n    hasMinMaxYAxisRange: boolean;\n  },\n  theme: Theme,\n): ChartData<'line'> => {\n  const themeFormatter = getThemeFormatter(theme);\n  const { data = [], dimension, groupDimension, measure, hasMinMaxYAxisRange } = props;\n\n  const axis = [...new Set(data.map((d) => d[dimension.name]).filter(Boolean))].sort();\n  const groupBy = [...new Set(data.map((d) => d[groupDimension.name]))].filter(Boolean);\n\n  const themeKey = getObjectStableKey(theme);\n\n  const datasets: ChartData<'line'>['datasets'] = groupBy.map((groupByItem, index) => {\n    const backgroundColor = getColor(\n      `${themeKey}.charts.backgroundColors`,\n      `${groupDimension.name}.${groupByItem}`,\n      theme.charts.backgroundColors ?? chartContrastColors,\n      index,\n    );\n\n    const borderColor = getColor(\n      `${themeKey}.charts.borderColors`,\n      `${groupDimension.name}.${groupByItem}`,\n      theme.charts.borderColors ?? chartContrastColors,\n      index,\n    );\n\n    const dataset = {\n      clip: hasMinMaxYAxisRange,\n      label: themeFormatter.data(groupDimension, groupByItem),\n      rawLabel: groupByItem,\n      backgroundColor: setColorAlpha(backgroundColor, 0.5),\n      pointBackgroundColor: backgroundColor,\n      fill: measure.inputs?.['fillUnderLine'],\n      borderColor,\n      data: axis.map((axisItem) => {\n        const record = data.find(\n          (d) => d[groupDimension.name] === groupByItem && d[dimension.name] === axisItem,\n        );\n        return record?.[measure.name] ?? (measure.inputs?.['connectGaps'] ? 0 : null);\n      }),\n    } as ChartData<'line'>['datasets'][number];\n\n    return dataset;\n  });\n\n  return {\n    labels: axis,\n    datasets,\n  };\n};\n\nexport const getLineChartGroupedProOptions = (\n  options: {\n    dimension: Dimension;\n    measure: Measure;\n    data: ChartData<'line'>;\n    onLineClicked: LineChartProOptionsClick;\n  },\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { dimension, data, measure, onLineClicked } = options;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const lineChartOptions: ChartOptions<'line'> = {\n    plugins: {\n      datalabels: {\n        labels: {\n          value: {\n            formatter: (value: string | number) => {\n              return themeFormatter.data(measure, value);\n            },\n          },\n        },\n      },\n      tooltip: {\n        callbacks: {\n          title: (context) => {\n            const label = context[0]?.label;\n            return themeFormatter.data(dimension, label);\n          },\n          label: (context) => {\n            const raw = context.raw as number;\n            return `${context.dataset.label}: ${themeFormatter.data(measure, raw)}`;\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        ticks: {\n          callback: (value) => {\n            if (!data || !data.labels) return undefined;\n\n            const label = data.labels[Number(value)] as string;\n            return themeFormatter.data(dimension, label);\n          },\n        },\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            return themeFormatter.data(measure, value);\n          },\n        },\n      },\n    },\n  };\n\n  return mergician(\n    getLineChartProOptions({ onLineClicked }),\n    lineChartOptions,\n    theme.charts?.lineChartGroupedPro?.options || {},\n  );\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport {\n  getLineChartGroupedProData,\n  getLineChartGroupedProOptions,\n} from './LineChartGroupedPro.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { LineChartProOptionsClick } from '../lines.utils';\nimport { LineChart } from '../../../../../remarkable-ui';\n\nexport type LineChartGroupedProPropsOnLineClicked = {\n  axisDimensionValue: string | null;\n  groupingDimensionValue: string | null;\n};\n\ntype LineChartGroupedProProp = {\n  description: string;\n  xAxis: Dimension;\n  groupBy: Dimension;\n  measure: Measure;\n  results: DataResponse;\n  reverseXAxis: boolean;\n  showLegend: boolean;\n  showLogarithmicScale: boolean;\n  showTooltips: boolean;\n  showValueLabels: boolean;\n  title: string;\n  xAxisLabel: string;\n  yAxisLabel: string;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n  onLineClicked: LineChartProOptionsClick;\n};\n\nconst LineChartGroupedPro = (props: LineChartGroupedProProp) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n  const {\n    measure,\n    xAxis,\n    groupBy,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    onLineClicked,\n  } = props;\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: props.xAxis,\n  });\n\n  const data = getLineChartGroupedProData(\n    {\n      data: results.data,\n      dimension: xAxis,\n      groupDimension: groupBy,\n      measure,\n      hasMinMaxYAxisRange: Boolean(yAxisRangeMin != null || yAxisRangeMax != null),\n    },\n\n    theme,\n  );\n  const options = getLineChartGroupedProOptions(\n    { data, dimension: xAxis, measure, onLineClicked },\n    theme,\n  );\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure, xAxis, groupBy]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <LineChart\n        data={data}\n        reverseXAxis={reverseXAxis}\n        showLegend={showLegend}\n        showLogarithmicScale={showLogarithmicScale}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        yAxisRangeMax={yAxisRangeMax}\n        yAxisRangeMin={yAxisRangeMin}\n        options={options}\n      />\n    </ChartCard>\n  );\n};\n\nexport default LineChartGroupedPro;\n","import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport {\n  dataset,\n  description,\n  dimension,\n  dimensionWithDateBounds,\n  genericBoolean,\n  maxResults,\n  measure,\n  reverseXAxis,\n  showLegend,\n  showLogarithmicScale,\n  showTooltips,\n  showValueLabels,\n  title,\n  xAxisLabel,\n  yAxisLabel,\n  yAxisRangeMax,\n  yAxisRangeMin,\n} from '../../../component.constants';\nimport LineChartGroupedPro from './index';\nimport { loadData, Value } from '@embeddable.com/core';\nimport { LineChartProOptionsClickArg } from '../lines.utils';\n\nexport const meta = {\n  name: 'LineChartGroupedPro',\n  label: 'Line Chart - Grouped',\n  category: 'Line Charts',\n  inputs: [\n    dataset,\n    {\n      ...measure,\n      inputs: [\n        ...measure.inputs,\n        { ...genericBoolean, name: 'fillUnderLine', label: 'Fill under line' },\n        { ...genericBoolean, name: 'connectGaps', label: 'Connect gaps', defaultValue: true },\n      ],\n    },\n    { ...dimensionWithDateBounds, name: 'xAxis', label: 'X-axis' },\n    { ...dimension, name: 'groupBy', label: 'Group by' },\n    title,\n    description,\n    maxResults,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    showLogarithmicScale,\n    xAxisLabel,\n    yAxisLabel,\n    reverseXAxis,\n    yAxisRangeMin,\n    yAxisRangeMax,\n  ],\n  events: [\n    {\n      name: 'onLineClicked',\n      label: 'A line is clicked',\n      properties: [\n        {\n          name: 'axisDimensionValue',\n          label: 'Clicked Axis Dimension Value',\n          type: 'string',\n        },\n        {\n          name: 'groupingDimensionValue',\n          label: 'Clicked Grouping Dimension Value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(LineChartGroupedPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        limit: inputs.maxResults,\n        from: inputs.dataset,\n        select: [inputs.xAxis, inputs.groupBy, inputs.measure],\n      }),\n    };\n  },\n  events: {\n    onLineClicked: (value: LineChartProOptionsClickArg) => {\n      return {\n        axisDimensionValue: value.dimensionValue || Value.noFilter(),\n        groupingDimensionValue: value.groupingDimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["getLineChartGroupedProData","props","theme","themeFormatter","getThemeFormatter","data","dimension","groupDimension","measure","hasMinMaxYAxisRange","axis","d","groupBy","themeKey","getObjectStableKey","datasets","groupByItem","index","backgroundColor","getColor","chartContrastColors","borderColor","setColorAlpha","_a","axisItem","record","getLineChartGroupedProOptions","options","onLineClicked","lineChartOptions","value","context","label","raw","mergician","getLineChartProOptions","_b","LineChartGroupedPro","useTheme","i18nSetup","title","description","xAxisLabel","yAxisLabel","resolveI18nProps","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","results","useFillGaps","jsx","ChartCard","LineChart","meta","dataset","genericBoolean","dimensionWithDateBounds","maxResults","LineChartGroupedPro_emb","defineComponent","inputs","loadData","Value"],"mappings":"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"}

package/dist/MultiSelectFieldPro.js

@@ -1,6 +1,6 @@
 import { defineComponent as i } from "@embeddable.com/react";
-import { d as r, z as s, t as d, c as u, a1 as m, V as t, o as c } from "./component.constants-DCOqCFoY.js";
-import { M as p, a as f } from "./index-BcPj51g3.js";
+import { d as r, z as s, t as d, c as u, a1 as m, V as t, o as c } from "./component.constants-CYS5-3qd.js";
+import { M as p, a as f } from "./index-B7QvKSGz.js";
 const g = {
   name: "MultiSelectFieldPro",
   label: "Multi Select Field",

package/dist/PieChartPro.js

@@ -1,6 +1,6 @@
-import { d as a, w as s, z as t, t as o, c as n, s as i, Q as r, e as m, f as l, V as d, o as c } from "./component.constants-DCOqCFoY.js";
+import { d as a, w as s, z as t, t as o, c as n, s as i, Q as r, e as m, f as l, V as d, o as c } from "./component.constants-CYS5-3qd.js";
 import { defineComponent as p } from "@embeddable.com/react";
-import { P as u } from "./index-D4oPbYPT.js";
+import { P as u } from "./index-CGRZXASn.js";
 const C = {
   name: "PieChartPro",
   label: "Pie Chart",

package/dist/PivotTable-DrN-dl-H.js

@@ -0,0 +1,249 @@
+import { j as o, a2 as F, aI as a } from "./component.constants-CYS5-3qd.js";
+import { useMemo as b, useState as Z, useEffect as _ } from "react";
+import { g as v } from "./tables.utils-D7KXdM2S.js";
+const G = (x) => typeof x == "number" && !Number.isNaN(x), I = (x, N) => `${x.toFixed(N)}%`, lt = ({
+  columnWidth: x,
+  firstColumnWidth: N,
+  data: d,
+  measures: s,
+  rowDimension: y,
+  columnDimension: p,
+  progressive: T = !0,
+  batchSize: V = 100,
+  batchDelayMs: A = 0,
+  rowTotalsFor: R = [],
+  columnTotalsFor: E = [],
+  totalLabel: C = "Total",
+  className: H
+}) => {
+  const f = b(() => {
+    const t = /* @__PURE__ */ new Set();
+    for (const l of d) {
+      const e = l[y.key];
+      e && t.add(e);
+    }
+    return Array.from(t);
+  }, [d, y.key]), w = b(() => {
+    const t = /* @__PURE__ */ new Set();
+    for (const l of d) {
+      const e = l[p.key];
+      e && t.add(e);
+    }
+    return Array.from(t);
+  }, [d, p.key]), J = b(() => {
+    const t = /* @__PURE__ */ new Map();
+    for (const l of d) {
+      const e = String(l[y.key]), c = String(l[p.key]);
+      t.has(e) || t.set(e, /* @__PURE__ */ new Map()), t.get(e).set(c, l);
+    }
+    return t;
+  }, [d, y.key, p.key]), $ = b(() => new Set(R), [R]), B = b(() => new Set(E), [E]), P = $.size > 0, O = B.size > 0, K = b(() => {
+    const t = /* @__PURE__ */ new Map();
+    return s.forEach((l, e) => t.set(String(l.key), e)), t;
+  }, [s]), { colTotals: q, rowTotals: Q, grandTotals: z } = b(() => {
+    const t = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map(), e = s.map(() => 0);
+    for (const c of d) {
+      const r = String(c[y.key]), n = String(c[p.key]), i = t.get(n) ?? s.map(() => 0), g = l.get(r) ?? s.map(() => 0);
+      s.forEach((h, k) => {
+        const j = c == null ? void 0 : c[h.key], S = Number(j);
+        Number.isNaN(S) || (i[k] += S, g[k] += S, e[k] += S);
+      }), t.set(n, i), l.set(r, g);
+    }
+    for (const c of w)
+      t.has(String(c)) || t.set(
+        String(c),
+        s.map(() => 0)
+      );
+    for (const c of f)
+      l.has(String(c)) || l.set(
+        String(c),
+        s.map(() => 0)
+      );
+    return { colTotals: t, rowTotals: l, grandTotals: e };
+  }, [d, s, y.key, p.key, w, f]), [U, M] = Z(
+    () => T ? Math.min(V, f.length) : f.length
+  );
+  _(() => {
+    if (!T) {
+      M(f.length);
+      return;
+    }
+    let t = !1, l = null;
+    M(0);
+    const e = () => {
+      M((c) => {
+        const r = Math.min(c + V, f.length);
+        return r < f.length && !t && (l = window.setTimeout(e, A)), r;
+      });
+    };
+    return l = window.setTimeout(e, A), () => {
+      t = !0, l !== null && window.clearTimeout(l);
+    };
+  }, [T, V, A, f.length, d]);
+  const X = T ? f.slice(0, U) : f;
+  return /* @__PURE__ */ o.jsx("div", { className: F(a.tableFullContainer, H), children: /* @__PURE__ */ o.jsx(
+    "div",
+    {
+      className: F(
+        a.tableAdjustedContainer,
+        (!x || !N) && a.fullWidth
+      ),
+      children: /* @__PURE__ */ o.jsxs(
+        "table",
+        {
+          className: a.table,
+          "aria-label": `${y.label} by ${p.label}`,
+          children: [
+            /* @__PURE__ */ o.jsxs("thead", { children: [
+              /* @__PURE__ */ o.jsxs("tr", { children: [
+                /* @__PURE__ */ o.jsx(
+                  "th",
+                  {
+                    scope: "col",
+                    rowSpan: 1,
+                    title: p.label,
+                    className: a.stickyFirstColumn,
+                    children: p.label
+                  }
+                ),
+                w.map((t) => {
+                  const l = p.formatValue ? p.formatValue(t) : t;
+                  return /* @__PURE__ */ o.jsx(
+                    "th",
+                    {
+                      scope: "colgroup",
+                      colSpan: s.length,
+                      title: l,
+                      children: l
+                    },
+                    `col-${t}`
+                  );
+                }),
+                P && /* @__PURE__ */ o.jsx(
+                  "th",
+                  {
+                    scope: "colgroup",
+                    colSpan: Array.from($).length,
+                    className: a.boltCell,
+                    title: C,
+                    children: C
+                  },
+                  "col-total-group"
+                )
+              ] }),
+              /* @__PURE__ */ o.jsxs("tr", { children: [
+                /* @__PURE__ */ o.jsx(
+                  "th",
+                  {
+                    scope: "col",
+                    rowSpan: 1,
+                    title: y.label,
+                    className: a.stickyFirstColumn,
+                    style: v(N),
+                    children: y.label
+                  }
+                ),
+                w.flatMap(
+                  (t) => s.map((l, e) => /* @__PURE__ */ o.jsx(
+                    "th",
+                    {
+                      scope: "col",
+                      title: l.label,
+                      style: v(x),
+                      children: l.label
+                    },
+                    `sub-${String(t)}-${l.key}-${e}`
+                  ))
+                ),
+                P && s.filter((t) => $.has(t.key)).map((t, l) => /* @__PURE__ */ o.jsx(
+                  "th",
+                  {
+                    scope: "col",
+                    className: a.boltCell,
+                    title: t.label,
+                    style: v(x),
+                    children: t.label
+                  },
+                  `sub-total-${t.key}-${l}`
+                ))
+              ] })
+            ] }),
+            /* @__PURE__ */ o.jsxs("tbody", { children: [
+              X.map((t) => {
+                const l = y.formatValue ? y.formatValue(t) : t;
+                return /* @__PURE__ */ o.jsxs("tr", { children: [
+                  /* @__PURE__ */ o.jsx(
+                    "th",
+                    {
+                      scope: "row",
+                      title: l,
+                      className: a.stickyFirstColumn,
+                      children: l
+                    }
+                  ),
+                  w.flatMap(
+                    (e) => s.map((c, r) => {
+                      var j;
+                      const n = ((j = J.get(t)) == null ? void 0 : j.get(e)) ?? {}, i = n == null ? void 0 : n[c.key], g = `cell-${t}-${e}-${c.key}-${r}`, k = (() => {
+                        if (c.showAsPercentage) {
+                          const S = K.get(String(c.key)) ?? -1, Y = q.get(String(e)) ?? s.map(() => 0), u = S >= 0 ? Y[S] ?? 0 : 0;
+                          if (c.showAsPercentage && G(Number(i)) && G(u) && u > 0)
+                            return `${(i / u * 100).toFixed(c.percentageDecimalPlaces ?? 0)}%`;
+                        }
+                        return c.accessor ? c.accessor(n) : i;
+                      })();
+                      return /* @__PURE__ */ o.jsx("td", { title: k, children: k }, g);
+                    })
+                  ),
+                  P && s.filter((e) => $.has(e.key)).map((e, c) => {
+                    const r = Q.get(t) ?? s.map(() => 0), n = K.get(e.key) ?? -1, i = `row-total-${String(t)}-${e.key}-${c}`, g = n >= 0 ? r[n] ?? 0 : 0;
+                    let h = g;
+                    return e.showAsPercentage ? h = I(
+                      g / (z[n] || 1) * 100,
+                      e.percentageDecimalPlaces ?? 0
+                    ) : e.accessor && (h = e.accessor({ [e.key]: g })), /* @__PURE__ */ o.jsx("td", { className: a.boltCell, title: h, children: h }, i);
+                  })
+                ] }, `row-${t}`);
+              }),
+              O && /* @__PURE__ */ o.jsxs("tr", { className: a.stickyLastRow, children: [
+                /* @__PURE__ */ o.jsx(
+                  "th",
+                  {
+                    scope: "row",
+                    className: F(a.stickyFirstColumn, a.boltCell),
+                    title: C,
+                    children: C
+                  }
+                ),
+                w.flatMap(
+                  (t) => s.map((l, e) => {
+                    const c = B.has(String(l.key)), r = q.get(String(t)) ?? s.map(() => 0), n = s.findIndex((j) => String(j.key) === String(l.key)), i = `col-total-${String(t)}-${l.key}-${e}`, g = r[n] ?? 0;
+                    let h = g;
+                    l.showAsPercentage ? h = I(
+                      100,
+                      l.percentageDecimalPlaces ?? 0
+                    ) : l.accessor && (h = l.accessor({ [l.key]: g }));
+                    const k = c ? h : "";
+                    return /* @__PURE__ */ o.jsx("td", { className: a.boltCell, title: k, children: k }, i);
+                  })
+                ),
+                P && s.filter((t) => $.has(t.key)).map((t, l) => {
+                  const e = s.findIndex((i) => String(i.key) === t.key), c = `grand-total-${t.key}-${l}`, r = z[e] ?? 0;
+                  let n = r;
+                  return t.showAsPercentage ? n = I(
+                    100,
+                    t.percentageDecimalPlaces ?? 0
+                  ) : t.accessor && (n = t.accessor({ [t.key]: r })), /* @__PURE__ */ o.jsx("td", { className: a.boltCell, title: n, children: n }, c);
+                })
+              ] }, "totals-row")
+            ] })
+          ]
+        }
+      )
+    }
+  ) });
+};
+export {
+  lt as P
+};
+//# sourceMappingURL=PivotTable-DrN-dl-H.js.map