@dynatrace/strato-components 3.12.1 → 3.13.0

package/esm/charts/pie/utils/build-slices.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/pie/utils/build-slices.ts"],
-  "sourcesContent": ["import { type Unit } from '@dynatrace-sdk/units';\n\nimport {\n  CustomColorPalette,\n  ColorPalette,\n} from '../../core/types/color-palette.js';\nimport { getColorPalette } from '../../core/utils/get-color-palette.js';\nimport { InternalSliceData } from '../types/internal/pie-chart.js';\nimport { SliceData } from '../types/pie-chart.config.js';\nimport { getSlicePercentage } from '../utils/plot-data.utils.js';\n\nconst DEFAULT_COLOR_PALETTE = 'categorical';\n\n/**\n * Builds the slices and their configurations for the pie and donut chart.\n * @param data - Data received from the dataSet.\n * @param colorPalette - Color to apply to the slices.\n * @returns An array of internal slices.\n */\nexport const buildSlices = (\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  data: SliceData[],\n  colorPalette?: ColorPalette | CustomColorPalette,\n  unit?: string | Unit,\n): InternalSliceData[] => {\n  const totalAbsoluteValueSum = Object.values(data).reduce(\n    (total, { value }) => total + Math.abs(value),\n    0,\n  );\n\n  return data.map((slice, index) => {\n    const assignedPaletteColor = getColorPalette(\n      slice.category,\n      index,\n      colorPalette ?? DEFAULT_COLOR_PALETTE,\n    );\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    const priorityColor = slice.color && { Default: slice.color };\n\n    return {\n      ...slice,\n      id: `${slice.category}-${index}`,\n      relativeValue: getSlicePercentage(slice.value, totalAbsoluteValueSum),\n      color: priorityColor || assignedPaletteColor,\n      _priorityColor: priorityColor || undefined,\n      unit,\n    };\n  });\n};\n"],
+  "sourcesContent": ["import { type Unit } from '@dynatrace-sdk/units';\n\nimport {\n  CustomColorPalette,\n  ColorPalette,\n} from '../../core/types/color-palette.js';\nimport { getColorPalette } from '../../core/utils/get-color-palette.js';\nimport { InternalSliceData } from '../types/internal/pie-chart.js';\nimport { SliceData } from '../types/pie-chart.config.js';\nimport { getSlicePercentage } from '../utils/plot-data.utils.js';\n\nconst DEFAULT_COLOR_PALETTE = 'categorical';\n\n/**\n * Builds the slices and their configurations for the pie and donut chart.\n * @param data - Data received from the dataSet.\n * @param colorPalette - Color to apply to the slices.\n * @returns An array of internal slices.\n */\nexport const buildSlices = (\n  // oxlint-disable-next-line typescript/no-deprecated\n  data: SliceData[],\n  colorPalette?: ColorPalette | CustomColorPalette,\n  unit?: string | Unit,\n): InternalSliceData[] => {\n  const totalAbsoluteValueSum = Object.values(data).reduce(\n    (total, { value }) => total + Math.abs(value),\n    0,\n  );\n\n  return data.map((slice, index) => {\n    const assignedPaletteColor = getColorPalette(\n      slice.category,\n      index,\n      colorPalette ?? DEFAULT_COLOR_PALETTE,\n    );\n    // oxlint-disable-next-line typescript/no-deprecated\n    const priorityColor = slice.color && { Default: slice.color };\n\n    return {\n      ...slice,\n      id: `${slice.category}-${index}`,\n      relativeValue: getSlicePercentage(slice.value, totalAbsoluteValueSum),\n      color: priorityColor || assignedPaletteColor,\n      _priorityColor: priorityColor || undefined,\n      unit,\n    };\n  });\n};\n"],
   "mappings": "AAMA,SAAS,uBAAuB;AAGhC,SAAS,0BAA0B;AAEnC,MAAM,wBAAwB;AAQvB,MAAM,cAAc,CAEzB,MACA,cACA,SACwB;AACxB,QAAM,wBAAwB,OAAO,OAAO,IAAI,EAAE;AAAA,IAChD,CAAC,OAAO,EAAE,MAAM,MAAM,QAAQ,KAAK,IAAI,KAAK;AAAA,IAC5C;AAAA,EACF;AAEA,SAAO,KAAK,IAAI,CAAC,OAAO,UAAU;AAChC,UAAM,uBAAuB;AAAA,MAC3B,MAAM;AAAA,MACN;AAAA,MACA,gBAAgB;AAAA,IAClB;AAEA,UAAM,gBAAgB,MAAM,SAAS,EAAE,SAAS,MAAM,MAAM;AAE5D,WAAO;AAAA,MACL,GAAG;AAAA,MACH,IAAI,GAAG,MAAM,QAAQ,IAAI,KAAK;AAAA,MAC9B,eAAe,mBAAmB,MAAM,OAAO,qBAAqB;AAAA,MACpE,OAAO,iBAAiB;AAAA,MACxB,gBAAgB,iBAAiB;AAAA,MACjC;AAAA,IACF;AAAA,EACF,CAAC;AACH;",
   "names": []
 }

package/esm/charts/pie/utils/format-csv.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/pie/utils/format-csv.ts"],
-  "sourcesContent": ["import { escapeForCSV } from '../../../core/utils/download.js';\nimport { PieChartData } from '../types/pie-chart.config.js';\n\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport function formatCsv(rawData: PieChartData) {\n  const csvRows: string[] = ['category, value, unit'];\n  const escapedUnit = escapeForCSV(rawData.unit);\n\n  for (const slice of rawData.slices) {\n    const sanitizedValue = escapeForCSV(slice.value);\n\n    const sanitizedCategory = escapeForCSV(slice.category);\n\n    const csvRow = [sanitizedCategory, sanitizedValue, escapedUnit].join(',');\n    csvRows.push(csvRow);\n  }\n\n  return csvRows.join('\\r\\n');\n}\n"],
+  "sourcesContent": ["import { escapeForCSV } from '../../../core/utils/download.js';\nimport { PieChartData } from '../types/pie-chart.config.js';\n\n// oxlint-disable-next-line typescript/no-deprecated\nexport function formatCsv(rawData: PieChartData) {\n  const csvRows: string[] = ['category, value, unit'];\n  const escapedUnit = escapeForCSV(rawData.unit);\n\n  for (const slice of rawData.slices) {\n    const sanitizedValue = escapeForCSV(slice.value);\n\n    const sanitizedCategory = escapeForCSV(slice.category);\n\n    const csvRow = [sanitizedCategory, sanitizedValue, escapedUnit].join(',');\n    csvRows.push(csvRow);\n  }\n\n  return csvRows.join('\\r\\n');\n}\n"],
   "mappings": "AAAA,SAAS,oBAAoB;AAItB,SAAS,UAAU,SAAuB;AAC/C,QAAM,UAAoB,CAAC,uBAAuB;AAClD,QAAM,cAAc,aAAa,QAAQ,IAAI;AAE7C,aAAW,SAAS,QAAQ,QAAQ;AAClC,UAAM,iBAAiB,aAAa,MAAM,KAAK;AAE/C,UAAM,oBAAoB,aAAa,MAAM,QAAQ;AAErD,UAAM,SAAS,CAAC,mBAAmB,gBAAgB,WAAW,EAAE,KAAK,GAAG;AACxE,YAAQ,KAAK,MAAM;AAAA,EACrB;AAEA,SAAO,QAAQ,KAAK,MAAM;AAC5B;",
   "names": []
 }

package/esm/charts/pie/utils/iterate-slots.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/pie/utils/iterate-slots.ts"],
-  "sourcesContent": ["import { Children, type ReactNode } from 'react';\n\nimport { Intent, IntentProps } from '../../../core/slots/Intent/Intent.js';\nimport { isSlot } from '../../../core/utils/is-slot.js';\nimport { ColorRule, isValidColorRule } from '../../core/slots/ColorRule.js';\nimport { ChartToolbar } from '../../core/slots/toolbar/ChartToolbar.js';\nimport { sanitizeProps } from '../../core/slots/toolbar/CompactToolbar.js';\nimport { DownloadData } from '../../core/slots/toolbar/DownloadData.js';\nimport type { ChartToolbarConfig } from '../../core/types/toolbar.js';\nimport { extractBehaviorTrackingProps } from '../../core/utils/extract-behavior-tracking-props.js';\nimport { Toolbar } from '../shared/slots/Toolbar.js';\nimport { DonutChartDownloadCSVSlot } from '../slots/DonutChartDownloadCSV.js';\nimport { Grouping as DonutChartGrouping } from '../slots/DonutChartGrouping.js';\nimport { DonutChartInner } from '../slots/DonutChartInner.js';\nimport { Labels as DonutChartLabels } from '../slots/DonutChartLabels.js';\nimport { Legend as DonutChartLegend } from '../slots/DonutChartLegend.js';\nimport { Tooltip as DonutChartTooltipSlot } from '../slots/DonutChartTooltip.js';\nimport { PieChartDownloadCSVSlot } from '../slots/PieChartDownloadCSV.js';\nimport { Grouping as PieChartGrouping } from '../slots/PieChartGrouping.js';\nimport { Labels as PieChartLabels } from '../slots/PieChartLabels.js';\nimport { Legend as PieChartLegend } from '../slots/PieChartLegend.js';\nimport { Tooltip as PieChartTooltipSlot } from '../slots/PieChartTooltip.js';\nimport type { PieChartSlots } from '../types/pie-chart.config.js';\n\n/**\n * Generate chart config based on slots\n * @param children - CharInteraction children\n * @returns ChartInteraction slot config\n */\nconst iterateChartToolbarSlots = (children: ReactNode): ChartToolbarConfig => {\n  let slots = {} as ChartToolbarConfig;\n\n  Children.forEach(children, (childInteractions) => {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    if (isSlot(childInteractions, DownloadData)) {\n      slots = { ...slots, downloadData: { enabled: true } };\n    }\n  });\n\n  return slots;\n};\n\n/**\n * Iterate over the slotted children to merge the configuration.\n * @param children - Slotted children to iterate\n * @returns Merged config as PieChartSlots\n */\nexport function iterateSlots(children: ReactNode): PieChartSlots {\n  let slots: PieChartSlots = {\n    labels: {},\n    grouping: {},\n    legend: {},\n    toolbar: undefined,\n    innerElement: undefined,\n    colorRules: [],\n    tooltip: undefined,\n  };\n\n  let intents: IntentProps[] | undefined;\n\n  Children.map(children, (child) => {\n    if (isSlot(child, DonutChartLabels) || isSlot(child, PieChartLabels)) {\n      slots = { ...slots, labels: child.props };\n    } else if (\n      isSlot(child, PieChartGrouping) ||\n      isSlot(child, DonutChartGrouping)\n    ) {\n      slots = { ...slots, grouping: child.props };\n    } else if (\n      isSlot(child, PieChartLegend) ||\n      isSlot(child, DonutChartLegend)\n    ) {\n      slots = { ...slots, legend: child.props };\n    } else if (isSlot(child, Toolbar)) {\n      slots = {\n        ...slots,\n        toolbar: {\n          ...slots.toolbar,\n          ...sanitizeProps(child.props),\n          ...extractBehaviorTrackingProps(child.props),\n        },\n      };\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n    } else if (isSlot(child, ChartToolbar)) {\n      const { children, ...toolbarProps } = child.props;\n\n      const toolbarSlots = iterateChartToolbarSlots(children);\n\n      const toolbar = { ...toolbarProps, ...toolbarSlots };\n      slots = { ...slots, toolbar };\n    } else if (\n      isSlot(child, DonutChartDownloadCSVSlot) ||\n      isSlot(child, PieChartDownloadCSVSlot)\n    ) {\n      slots = {\n        ...slots,\n        toolbar: {\n          ...slots.toolbar,\n          downloadData: { enabled: true },\n        },\n      };\n    } else if (isSlot(child, Intent)) {\n      intents = intents ? [...intents, child.props] : [child.props];\n    } else if (isSlot(child, DonutChartInner)) {\n      const inner = child.props.children;\n      slots = { ...slots, innerElement: inner };\n    } else if (isSlot(child, ColorRule)) {\n      isValidColorRule(child.props) && slots.colorRules.push(child.props);\n    } else if (\n      isSlot(child, PieChartTooltipSlot) ||\n      isSlot(child, DonutChartTooltipSlot)\n    ) {\n      slots = {\n        ...slots,\n        tooltip: {\n          hidden: child.props.hidden ?? false,\n          template: child.props.children,\n        },\n      };\n    }\n  });\n\n  if (intents?.length) {\n    slots = {\n      ...slots,\n      toolbar: {\n        ...slots.toolbar,\n        intents,\n      },\n    };\n  }\n\n  return slots;\n}\n"],
+  "sourcesContent": ["import { Children, type ReactNode } from 'react';\n\nimport { Intent, IntentProps } from '../../../core/slots/Intent/Intent.js';\nimport { isSlot } from '../../../core/utils/is-slot.js';\nimport { ColorRule, isValidColorRule } from '../../core/slots/ColorRule.js';\nimport { ChartToolbar } from '../../core/slots/toolbar/ChartToolbar.js';\nimport { sanitizeProps } from '../../core/slots/toolbar/CompactToolbar.js';\nimport { DownloadData } from '../../core/slots/toolbar/DownloadData.js';\nimport type { ChartToolbarConfig } from '../../core/types/toolbar.js';\nimport { extractBehaviorTrackingProps } from '../../core/utils/extract-behavior-tracking-props.js';\nimport { Toolbar } from '../shared/slots/Toolbar.js';\nimport { DonutChartDownloadCSVSlot } from '../slots/DonutChartDownloadCSV.js';\nimport { Grouping as DonutChartGrouping } from '../slots/DonutChartGrouping.js';\nimport { DonutChartInner } from '../slots/DonutChartInner.js';\nimport { Labels as DonutChartLabels } from '../slots/DonutChartLabels.js';\nimport { Legend as DonutChartLegend } from '../slots/DonutChartLegend.js';\nimport { Tooltip as DonutChartTooltipSlot } from '../slots/DonutChartTooltip.js';\nimport { PieChartDownloadCSVSlot } from '../slots/PieChartDownloadCSV.js';\nimport { Grouping as PieChartGrouping } from '../slots/PieChartGrouping.js';\nimport { Labels as PieChartLabels } from '../slots/PieChartLabels.js';\nimport { Legend as PieChartLegend } from '../slots/PieChartLegend.js';\nimport { Tooltip as PieChartTooltipSlot } from '../slots/PieChartTooltip.js';\nimport type { PieChartSlots } from '../types/pie-chart.config.js';\n\n/**\n * Generate chart config based on slots\n * @param children - CharInteraction children\n * @returns ChartInteraction slot config\n */\nconst iterateChartToolbarSlots = (children: ReactNode): ChartToolbarConfig => {\n  let slots = {} as ChartToolbarConfig;\n\n  Children.forEach(children, (childInteractions) => {\n    // oxlint-disable-next-line typescript/no-deprecated\n    if (isSlot(childInteractions, DownloadData)) {\n      slots = { ...slots, downloadData: { enabled: true } };\n    }\n  });\n\n  return slots;\n};\n\n/**\n * Iterate over the slotted children to merge the configuration.\n * @param children - Slotted children to iterate\n * @returns Merged config as PieChartSlots\n */\nexport function iterateSlots(children: ReactNode): PieChartSlots {\n  let slots: PieChartSlots = {\n    labels: {},\n    grouping: {},\n    legend: {},\n    toolbar: undefined,\n    innerElement: undefined,\n    colorRules: [],\n    tooltip: undefined,\n  };\n\n  let intents: IntentProps[] | undefined;\n\n  Children.map(children, (child) => {\n    if (isSlot(child, DonutChartLabels) || isSlot(child, PieChartLabels)) {\n      slots = { ...slots, labels: child.props };\n    } else if (\n      isSlot(child, PieChartGrouping) ||\n      isSlot(child, DonutChartGrouping)\n    ) {\n      slots = { ...slots, grouping: child.props };\n    } else if (\n      isSlot(child, PieChartLegend) ||\n      isSlot(child, DonutChartLegend)\n    ) {\n      slots = { ...slots, legend: child.props };\n    } else if (isSlot(child, Toolbar)) {\n      slots = {\n        ...slots,\n        toolbar: {\n          ...slots.toolbar,\n          ...sanitizeProps(child.props),\n          ...extractBehaviorTrackingProps(child.props),\n        },\n      };\n      // oxlint-disable-next-line typescript/no-deprecated\n    } else if (isSlot(child, ChartToolbar)) {\n      const { children, ...toolbarProps } = child.props;\n\n      const toolbarSlots = iterateChartToolbarSlots(children);\n\n      const toolbar = { ...toolbarProps, ...toolbarSlots };\n      slots = { ...slots, toolbar };\n    } else if (\n      isSlot(child, DonutChartDownloadCSVSlot) ||\n      isSlot(child, PieChartDownloadCSVSlot)\n    ) {\n      slots = {\n        ...slots,\n        toolbar: {\n          ...slots.toolbar,\n          downloadData: { enabled: true },\n        },\n      };\n    } else if (isSlot(child, Intent)) {\n      intents = intents ? [...intents, child.props] : [child.props];\n    } else if (isSlot(child, DonutChartInner)) {\n      const inner = child.props.children;\n      slots = { ...slots, innerElement: inner };\n    } else if (isSlot(child, ColorRule)) {\n      isValidColorRule(child.props) && slots.colorRules.push(child.props);\n    } else if (\n      isSlot(child, PieChartTooltipSlot) ||\n      isSlot(child, DonutChartTooltipSlot)\n    ) {\n      slots = {\n        ...slots,\n        tooltip: {\n          hidden: child.props.hidden ?? false,\n          template: child.props.children,\n        },\n      };\n    }\n  });\n\n  if (intents?.length) {\n    slots = {\n      ...slots,\n      toolbar: {\n        ...slots.toolbar,\n        intents,\n      },\n    };\n  }\n\n  return slots;\n}\n"],
   "mappings": "AAAA,SAAS,gBAAgC;AAEzC,SAAS,cAA2B;AACpC,SAAS,cAAc;AACvB,SAAS,WAAW,wBAAwB;AAC5C,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAE7B,SAAS,oCAAoC;AAC7C,SAAS,eAAe;AACxB,SAAS,iCAAiC;AAC1C,SAAS,YAAY,0BAA0B;AAC/C,SAAS,uBAAuB;AAChC,SAAS,UAAU,wBAAwB;AAC3C,SAAS,UAAU,wBAAwB;AAC3C,SAAS,WAAW,6BAA6B;AACjD,SAAS,+BAA+B;AACxC,SAAS,YAAY,wBAAwB;AAC7C,SAAS,UAAU,sBAAsB;AACzC,SAAS,UAAU,sBAAsB;AACzC,SAAS,WAAW,2BAA2B;AAQ/C,MAAM,2BAA2B,CAAC,aAA4C;AAC5E,MAAI,QAAQ,CAAC;AAEb,WAAS,QAAQ,UAAU,CAAC,sBAAsB;AAEhD,QAAI,OAAO,mBAAmB,YAAY,GAAG;AAC3C,cAAQ,EAAE,GAAG,OAAO,cAAc,EAAE,SAAS,KAAK,EAAE;AAAA,IACtD;AAAA,EACF,CAAC;AAED,SAAO;AACT;AAOO,SAAS,aAAa,UAAoC;AAC/D,MAAI,QAAuB;AAAA,IACzB,QAAQ,CAAC;AAAA,IACT,UAAU,CAAC;AAAA,IACX,QAAQ,CAAC;AAAA,IACT,SAAS;AAAA,IACT,cAAc;AAAA,IACd,YAAY,CAAC;AAAA,IACb,SAAS;AAAA,EACX;AAEA,MAAI;AAEJ,WAAS,IAAI,UAAU,CAAC,UAAU;AAChC,QAAI,OAAO,OAAO,gBAAgB,KAAK,OAAO,OAAO,cAAc,GAAG;AACpE,cAAQ,EAAE,GAAG,OAAO,QAAQ,MAAM,MAAM;AAAA,IAC1C,WACE,OAAO,OAAO,gBAAgB,KAC9B,OAAO,OAAO,kBAAkB,GAChC;AACA,cAAQ,EAAE,GAAG,OAAO,UAAU,MAAM,MAAM;AAAA,IAC5C,WACE,OAAO,OAAO,cAAc,KAC5B,OAAO,OAAO,gBAAgB,GAC9B;AACA,cAAQ,EAAE,GAAG,OAAO,QAAQ,MAAM,MAAM;AAAA,IAC1C,WAAW,OAAO,OAAO,OAAO,GAAG;AACjC,cAAQ;AAAA,QACN,GAAG;AAAA,QACH,SAAS;AAAA,UACP,GAAG,MAAM;AAAA,UACT,GAAG,cAAc,MAAM,KAAK;AAAA,UAC5B,GAAG,6BAA6B,MAAM,KAAK;AAAA,QAC7C;AAAA,MACF;AAAA,IAEF,WAAW,OAAO,OAAO,YAAY,GAAG;AACtC,YAAM,EAAE,UAAAA,WAAU,GAAG,aAAa,IAAI,MAAM;AAE5C,YAAM,eAAe,yBAAyBA,SAAQ;AAEtD,YAAM,UAAU,EAAE,GAAG,cAAc,GAAG,aAAa;AACnD,cAAQ,EAAE,GAAG,OAAO,QAAQ;AAAA,IAC9B,WACE,OAAO,OAAO,yBAAyB,KACvC,OAAO,OAAO,uBAAuB,GACrC;AACA,cAAQ;AAAA,QACN,GAAG;AAAA,QACH,SAAS;AAAA,UACP,GAAG,MAAM;AAAA,UACT,cAAc,EAAE,SAAS,KAAK;AAAA,QAChC;AAAA,MACF;AAAA,IACF,WAAW,OAAO,OAAO,MAAM,GAAG;AAChC,gBAAU,UAAU,CAAC,GAAG,SAAS,MAAM,KAAK,IAAI,CAAC,MAAM,KAAK;AAAA,IAC9D,WAAW,OAAO,OAAO,eAAe,GAAG;AACzC,YAAM,QAAQ,MAAM,MAAM;AAC1B,cAAQ,EAAE,GAAG,OAAO,cAAc,MAAM;AAAA,IAC1C,WAAW,OAAO,OAAO,SAAS,GAAG;AACnC,uBAAiB,MAAM,KAAK,KAAK,MAAM,WAAW,KAAK,MAAM,KAAK;AAAA,IACpE,WACE,OAAO,OAAO,mBAAmB,KACjC,OAAO,OAAO,qBAAqB,GACnC;AACA,cAAQ;AAAA,QACN,GAAG;AAAA,QACH,SAAS;AAAA,UACP,QAAQ,MAAM,MAAM,UAAU;AAAA,UAC9B,UAAU,MAAM,MAAM;AAAA,QACxB;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAC;AAED,MAAI,SAAS,QAAQ;AACnB,YAAQ;AAAA,MACN,GAAG;AAAA,MACH,SAAS;AAAA,QACP,GAAG,MAAM;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
   "names": ["children"]
 }

package/esm/charts/pie/utils/normalize-pie-data.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/pie/utils/normalize-pie-data.ts"],
-  "sourcesContent": ["import { accessValue } from '../../../core/utils/accessors/access-value.js';\nimport type { ChartData } from '../../core/types/chart-data.js';\nimport type { ChartUnit } from '../../core/types/chart-unit.js';\nimport type { PieChartData, SliceData } from '../types/pie-chart.config.js';\n\n/**\n * Input accepted by {@link normalizePieData}: either the unified `ChartData`\n * format (paired with `labelAccessor`/`valueAccessor` and a root-level `unit`)\n * or the legacy `PieChartData` shape.\n * @internal\n */\nexport interface NormalizePieDataInput {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  data: ChartData | PieChartData;\n  labelAccessor?: string;\n  valueAccessor?: string;\n  unit?: ChartUnit;\n}\n\n/**\n * Normalizes the public PieChart/DonutChart data props into the internal\n * `PieChartData` (`{ slices, unit }`) shape consumed by the rendering pipeline.\n *\n * When `labelAccessor`/`valueAccessor` are provided, the data is treated as the\n * unified `ChartData` array and each datapoint is mapped to a slice by resolving\n * the accessor strings (dot-notation supported). Otherwise the legacy\n * `PieChartData` is returned unchanged.\n *\n * @param input - the data-related PieChart/DonutChart props\n * @returns the internal `PieChartData` shape\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport function normalizePieData(input: NormalizePieDataInput): PieChartData {\n  const { data, labelAccessor, valueAccessor, unit } = input;\n\n  if (labelAccessor && valueAccessor) {\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    const slices: SliceData[] = (data as ChartData).map((datapoint) => {\n      const color = accessValue<string>(datapoint, 'color');\n      return {\n        category: String(accessValue<string>(datapoint, labelAccessor) ?? ''),\n        value: Number(accessValue<number>(datapoint, valueAccessor) ?? 0),\n        ...(typeof color === 'string' ? { color } : {}),\n      };\n    });\n\n    return { slices, unit };\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  return data as PieChartData;\n}\n"],
+  "sourcesContent": ["import { accessValue } from '../../../core/utils/accessors/access-value.js';\nimport type { ChartData } from '../../core/types/chart-data.js';\nimport type { ChartUnit } from '../../core/types/chart-unit.js';\nimport type { PieChartData, SliceData } from '../types/pie-chart.config.js';\n\n/**\n * Input accepted by {@link normalizePieData}: either the unified `ChartData`\n * format (paired with `labelAccessor`/`valueAccessor` and a root-level `unit`)\n * or the legacy `PieChartData` shape.\n * @internal\n */\nexport interface NormalizePieDataInput {\n  // oxlint-disable-next-line typescript/no-deprecated\n  data: ChartData | PieChartData;\n  labelAccessor?: string;\n  valueAccessor?: string;\n  unit?: ChartUnit;\n}\n\n/**\n * Normalizes the public PieChart/DonutChart data props into the internal\n * `PieChartData` (`{ slices, unit }`) shape consumed by the rendering pipeline.\n *\n * When `labelAccessor`/`valueAccessor` are provided, the data is treated as the\n * unified `ChartData` array and each datapoint is mapped to a slice by resolving\n * the accessor strings (dot-notation supported). Otherwise the legacy\n * `PieChartData` is returned unchanged.\n *\n * @param input - the data-related PieChart/DonutChart props\n * @returns the internal `PieChartData` shape\n * @internal\n */\n// oxlint-disable-next-line typescript/no-deprecated\nexport function normalizePieData(input: NormalizePieDataInput): PieChartData {\n  const { data, labelAccessor, valueAccessor, unit } = input;\n\n  if (labelAccessor && valueAccessor) {\n    // oxlint-disable-next-line typescript/no-deprecated\n    const slices: SliceData[] = (data as ChartData).map((datapoint) => {\n      const color = accessValue<string>(datapoint, 'color');\n      return {\n        category: String(accessValue<string>(datapoint, labelAccessor) ?? ''),\n        value: Number(accessValue<number>(datapoint, valueAccessor) ?? 0),\n        ...(typeof color === 'string' ? { color } : {}),\n      };\n    });\n\n    return { slices, unit };\n  }\n\n  // oxlint-disable-next-line typescript/no-deprecated\n  return data as PieChartData;\n}\n"],
   "mappings": "AAAA,SAAS,mBAAmB;AAiCrB,SAAS,iBAAiB,OAA4C;AAC3E,QAAM,EAAE,MAAM,eAAe,eAAe,KAAK,IAAI;AAErD,MAAI,iBAAiB,eAAe;AAElC,UAAM,SAAuB,KAAmB,IAAI,CAAC,cAAc;AACjE,YAAM,QAAQ,YAAoB,WAAW,OAAO;AACpD,aAAO;AAAA,QACL,UAAU,OAAO,YAAoB,WAAW,aAAa,KAAK,EAAE;AAAA,QACpE,OAAO,OAAO,YAAoB,WAAW,aAAa,KAAK,CAAC;AAAA,QAChE,GAAI,OAAO,UAAU,WAAW,EAAE,MAAM,IAAI,CAAC;AAAA,MAC/C;AAAA,IACF,CAAC;AAED,WAAO,EAAE,QAAQ,KAAK;AAAA,EACxB;AAGA,SAAO;AACT;",
   "names": []
 }

package/esm/charts/pie/utils/pie-config.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/pie/utils/pie-config.ts"],
-  "sourcesContent": ["import { isUndefined, merge } from 'lodash-es';\nimport type { PropsWithChildren } from 'react';\n\nimport { DEFAULT_TRUNCATION_MODE } from '../../core/constants.js';\nimport { isValidColorRule } from '../../core/slots/ColorRule.js';\nimport {\n  ColorPalette,\n  CustomColorPalette,\n  isCustomColorPalette,\n} from '../../core/types/color-palette.js';\nimport { Formatter } from '../../core/types/formatter.js';\nimport { ChartToolbarProps } from '../../core/types/toolbar.js';\nimport { defaultUnitFormatter } from '../../core/utils/defaultUnitFormatter.js';\nimport { isValidColorPalette } from '../../core/utils/is-valid-color-palette.js';\nimport { isValidLegendPosition } from '../../core/utils/is-valid-legend-position.js';\nimport { THRESHOLD_TYPE_OPTION } from '../constants.js';\nimport { defaultConfig } from '../types/default.js';\nimport {\n  DonutChartSlots,\n  GroupConfig,\n  PieChartContextConfig,\n  PieChartLegendConfig,\n  PieChartProps,\n  PieChartSlots,\n  PieDonutConfig,\n} from '../types/pie-chart.config.js';\nimport { PieChartToolbarConfig } from '../types/toolbar.js';\nimport { isValidThresholdType } from '../utils/is-valid-threshold-type.js';\n\n/**\n * Builds a ColorPalette configuration based on context and props\n * @param contextColorPalette - color palette context\n * @param propsColorPalette - color palette props\n */\nexport function getColorPaletteConfiguration(\n  contextColorPalette?: ColorPalette | CustomColorPalette,\n  propsColorPalette?: ColorPalette | CustomColorPalette,\n): ColorPalette | CustomColorPalette {\n  const colorPalette =\n    propsColorPalette ?? contextColorPalette ?? defaultConfig.colorPalette;\n\n  return isCustomColorPalette(colorPalette) || isValidColorPalette(colorPalette)\n    ? colorPalette\n    : defaultConfig.colorPalette;\n}\n\n/**\n * Builds a GroupConfig based on context and slots\n *\n * @param contextGrouping - grouping config in context\n * @param slotsGrouping - grouping config in slots\n */\nexport function getGroupingConfiguration(\n  contextGrouping?: GroupConfig,\n  slotsGrouping?: Partial<GroupConfig>,\n): GroupConfig {\n  let grouping = merge(\n    {},\n    defaultConfig.grouping,\n    contextGrouping,\n    slotsGrouping,\n  );\n\n  grouping = {\n    ...grouping,\n    threshold: {\n      ...grouping.threshold,\n      type: isValidThresholdType(grouping.threshold.type)\n        ? grouping.threshold.type\n        : THRESHOLD_TYPE_OPTION.Relative,\n    },\n  };\n\n  return grouping;\n}\n\n/**\n * Builds a LegendConfiguration configuration based on context and props\n *\n * @param contextLegendConfig - legend config context\n * @param slotsLegendConfig - legend config props\n */\nexport function getLegendConfiguration(\n  contextLegendConfig?: PieChartLegendConfig,\n  slotsLegendConfig?: PieChartLegendConfig,\n): PieChartLegendConfig {\n  let legend = merge(\n    {},\n    defaultConfig.legend,\n    contextLegendConfig,\n    slotsLegendConfig,\n  );\n\n  const position =\n    legend.position && isValidLegendPosition(legend.position)\n      ? legend.position\n      : defaultConfig.legend.position;\n\n  legend = {\n    ...legend,\n    position,\n  };\n\n  return legend;\n}\n\nconst validateToolbarContextConfig = (\n  contextConfig: PieChartToolbarConfig | undefined,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n) => !isUndefined(contextConfig) && contextConfig.downloadData?.enabled;\n\nconst getToolbarConfiguration = (\n  contextConfig?: PieChartToolbarConfig | undefined,\n  slots?: Partial<ChartToolbarProps> | undefined,\n) => {\n  const hasValidToolbarConfig =\n    validateToolbarContextConfig(contextConfig) || !isUndefined(slots);\n\n  return hasValidToolbarConfig ? merge({}, contextConfig, slots) : undefined;\n};\n\n/**\n * Build pie chart configuration.\n *\n * @param props - config from props\n * @param contextConfig - config from context\n * @param slots - config from components slots\n * @returns RequiredPieChartConfiguration\n */\nexport function buildPieChartConfig(\n  props: PropsWithChildren<PieChartProps>,\n  contextConfig: PieChartContextConfig,\n  slots: PieChartSlots | DonutChartSlots,\n): PieDonutConfig {\n  const colorPalette = getColorPaletteConfiguration(\n    contextConfig.colorPalette,\n    props.colorPalette,\n  );\n\n  const grouping = getGroupingConfiguration(\n    contextConfig.grouping,\n    slots.grouping,\n  );\n\n  const legend = getLegendConfiguration(contextConfig.legend, slots.legend);\n\n  // The unit lives at the root in the unified `ChartData` format (where\n  // `props.data` is an array) and nested in the data object in the legacy format.\n  const resolvedUnit = Array.isArray(props.data) ? props.unit : props.data.unit;\n\n  const formatter =\n    props.formatter ??\n    contextConfig.formatter ??\n    (defaultUnitFormatter(resolvedUnit, 0) as Formatter);\n\n  const truncationMode =\n    props.truncationMode ??\n    contextConfig.truncationMode ??\n    DEFAULT_TRUNCATION_MODE;\n\n  const toolbar = getToolbarConfiguration(contextConfig.toolbar, slots.toolbar);\n\n  const seriesActions =\n    props.seriesActions ?? contextConfig.seriesActions ?? undefined;\n\n  const colorRules = (contextConfig.colorRules || [])\n    .filter(isValidColorRule)\n    .concat(slots.colorRules || []);\n\n  return {\n    height: props.height ?? defaultConfig.height,\n    colorPalette,\n    labels: merge({}, defaultConfig.labels, contextConfig.labels, slots.labels),\n    grouping,\n    legend,\n    formatter,\n    truncationMode,\n    toolbar,\n    innerElement: slots.innerElement,\n    seriesActions,\n    colorRules,\n    tooltip: slots.tooltip ?? contextConfig.tooltip,\n  };\n}\n\n/**\n * Get chart configuration merging the default one with the stringify json config.\n * In case there is a conflict property, default would prevail.\n * In case there is any parse error. It will return an empty config.\n *\n * @param serializedConfig - stringify json config\n * @returns - PieChartConfiguration\n */\nexport function deserializeConfig(\n  serializedConfig: string,\n): PieChartContextConfig {\n  try {\n    return merge({}, defaultConfig, JSON.parse(serializedConfig));\n  } catch {\n    return defaultConfig;\n  }\n}\n"],
+  "sourcesContent": ["import { isUndefined, merge } from 'lodash-es';\nimport type { PropsWithChildren } from 'react';\n\nimport { DEFAULT_TRUNCATION_MODE } from '../../core/constants.js';\nimport { isValidColorRule } from '../../core/slots/ColorRule.js';\nimport {\n  ColorPalette,\n  CustomColorPalette,\n  isCustomColorPalette,\n} from '../../core/types/color-palette.js';\nimport { Formatter } from '../../core/types/formatter.js';\nimport { ChartToolbarProps } from '../../core/types/toolbar.js';\nimport { defaultUnitFormatter } from '../../core/utils/defaultUnitFormatter.js';\nimport { isValidColorPalette } from '../../core/utils/is-valid-color-palette.js';\nimport { isValidLegendPosition } from '../../core/utils/is-valid-legend-position.js';\nimport { THRESHOLD_TYPE_OPTION } from '../constants.js';\nimport { defaultConfig } from '../types/default.js';\nimport {\n  DonutChartSlots,\n  GroupConfig,\n  PieChartContextConfig,\n  PieChartLegendConfig,\n  PieChartProps,\n  PieChartSlots,\n  PieDonutConfig,\n} from '../types/pie-chart.config.js';\nimport { PieChartToolbarConfig } from '../types/toolbar.js';\nimport { isValidThresholdType } from '../utils/is-valid-threshold-type.js';\n\n/**\n * Builds a ColorPalette configuration based on context and props\n * @param contextColorPalette - color palette context\n * @param propsColorPalette - color palette props\n */\nexport function getColorPaletteConfiguration(\n  contextColorPalette?: ColorPalette | CustomColorPalette,\n  propsColorPalette?: ColorPalette | CustomColorPalette,\n): ColorPalette | CustomColorPalette {\n  const colorPalette =\n    propsColorPalette ?? contextColorPalette ?? defaultConfig.colorPalette;\n\n  return isCustomColorPalette(colorPalette) || isValidColorPalette(colorPalette)\n    ? colorPalette\n    : defaultConfig.colorPalette;\n}\n\n/**\n * Builds a GroupConfig based on context and slots\n *\n * @param contextGrouping - grouping config in context\n * @param slotsGrouping - grouping config in slots\n */\nexport function getGroupingConfiguration(\n  contextGrouping?: GroupConfig,\n  slotsGrouping?: Partial<GroupConfig>,\n): GroupConfig {\n  let grouping = merge(\n    {},\n    defaultConfig.grouping,\n    contextGrouping,\n    slotsGrouping,\n  );\n\n  grouping = {\n    ...grouping,\n    threshold: {\n      ...grouping.threshold,\n      type: isValidThresholdType(grouping.threshold.type)\n        ? grouping.threshold.type\n        : THRESHOLD_TYPE_OPTION.Relative,\n    },\n  };\n\n  return grouping;\n}\n\n/**\n * Builds a LegendConfiguration configuration based on context and props\n *\n * @param contextLegendConfig - legend config context\n * @param slotsLegendConfig - legend config props\n */\nexport function getLegendConfiguration(\n  contextLegendConfig?: PieChartLegendConfig,\n  slotsLegendConfig?: PieChartLegendConfig,\n): PieChartLegendConfig {\n  let legend = merge(\n    {},\n    defaultConfig.legend,\n    contextLegendConfig,\n    slotsLegendConfig,\n  );\n\n  const position =\n    legend.position && isValidLegendPosition(legend.position)\n      ? legend.position\n      : defaultConfig.legend.position;\n\n  legend = {\n    ...legend,\n    position,\n  };\n\n  return legend;\n}\n\nconst validateToolbarContextConfig = (\n  contextConfig: PieChartToolbarConfig | undefined,\n  // oxlint-disable-next-line typescript/no-deprecated\n) => !isUndefined(contextConfig) && contextConfig.downloadData?.enabled;\n\nconst getToolbarConfiguration = (\n  contextConfig?: PieChartToolbarConfig | undefined,\n  slots?: Partial<ChartToolbarProps> | undefined,\n) => {\n  const hasValidToolbarConfig =\n    validateToolbarContextConfig(contextConfig) || !isUndefined(slots);\n\n  return hasValidToolbarConfig ? merge({}, contextConfig, slots) : undefined;\n};\n\n/**\n * Build pie chart configuration.\n *\n * @param props - config from props\n * @param contextConfig - config from context\n * @param slots - config from components slots\n * @returns RequiredPieChartConfiguration\n */\nexport function buildPieChartConfig(\n  props: PropsWithChildren<PieChartProps>,\n  contextConfig: PieChartContextConfig,\n  slots: PieChartSlots | DonutChartSlots,\n): PieDonutConfig {\n  const colorPalette = getColorPaletteConfiguration(\n    contextConfig.colorPalette,\n    props.colorPalette,\n  );\n\n  const grouping = getGroupingConfiguration(\n    contextConfig.grouping,\n    slots.grouping,\n  );\n\n  const legend = getLegendConfiguration(contextConfig.legend, slots.legend);\n\n  // The unit lives at the root in the unified `ChartData` format (where\n  // `props.data` is an array) and nested in the data object in the legacy format.\n  const resolvedUnit = Array.isArray(props.data) ? props.unit : props.data.unit;\n\n  const formatter =\n    props.formatter ??\n    contextConfig.formatter ??\n    (defaultUnitFormatter(resolvedUnit, 0) as Formatter);\n\n  const truncationMode =\n    props.truncationMode ??\n    contextConfig.truncationMode ??\n    DEFAULT_TRUNCATION_MODE;\n\n  const toolbar = getToolbarConfiguration(contextConfig.toolbar, slots.toolbar);\n\n  const seriesActions =\n    props.seriesActions ?? contextConfig.seriesActions ?? undefined;\n\n  const colorRules = (contextConfig.colorRules || [])\n    .filter(isValidColorRule)\n    .concat(slots.colorRules || []);\n\n  return {\n    height: props.height ?? defaultConfig.height,\n    colorPalette,\n    labels: merge({}, defaultConfig.labels, contextConfig.labels, slots.labels),\n    grouping,\n    legend,\n    formatter,\n    truncationMode,\n    toolbar,\n    innerElement: slots.innerElement,\n    seriesActions,\n    colorRules,\n    tooltip: slots.tooltip ?? contextConfig.tooltip,\n  };\n}\n\n/**\n * Get chart configuration merging the default one with the stringify json config.\n * In case there is a conflict property, default would prevail.\n * In case there is any parse error. It will return an empty config.\n *\n * @param serializedConfig - stringify json config\n * @returns - PieChartConfiguration\n */\nexport function deserializeConfig(\n  serializedConfig: string,\n): PieChartContextConfig {\n  try {\n    return merge({}, defaultConfig, JSON.parse(serializedConfig));\n  } catch {\n    return defaultConfig;\n  }\n}\n"],
   "mappings": "AAAA,SAAS,aAAa,aAAa;AAGnC,SAAS,+BAA+B;AACxC,SAAS,wBAAwB;AACjC;AAAA,EAGE;AAAA,OACK;AAGP,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;AACpC,SAAS,6BAA6B;AACtC,SAAS,6BAA6B;AACtC,SAAS,qBAAqB;AAW9B,SAAS,4BAA4B;AAO9B,SAAS,6BACd,qBACA,mBACmC;AACnC,QAAM,eACJ,qBAAqB,uBAAuB,cAAc;AAE5D,SAAO,qBAAqB,YAAY,KAAK,oBAAoB,YAAY,IACzE,eACA,cAAc;AACpB;AAQO,SAAS,yBACd,iBACA,eACa;AACb,MAAI,WAAW;AAAA,IACb,CAAC;AAAA,IACD,cAAc;AAAA,IACd;AAAA,IACA;AAAA,EACF;AAEA,aAAW;AAAA,IACT,GAAG;AAAA,IACH,WAAW;AAAA,MACT,GAAG,SAAS;AAAA,MACZ,MAAM,qBAAqB,SAAS,UAAU,IAAI,IAC9C,SAAS,UAAU,OACnB,sBAAsB;AAAA,IAC5B;AAAA,EACF;AAEA,SAAO;AACT;AAQO,SAAS,uBACd,qBACA,mBACsB;AACtB,MAAI,SAAS;AAAA,IACX,CAAC;AAAA,IACD,cAAc;AAAA,IACd;AAAA,IACA;AAAA,EACF;AAEA,QAAM,WACJ,OAAO,YAAY,sBAAsB,OAAO,QAAQ,IACpD,OAAO,WACP,cAAc,OAAO;AAE3B,WAAS;AAAA,IACP,GAAG;AAAA,IACH;AAAA,EACF;AAEA,SAAO;AACT;AAEA,MAAM,+BAA+B,CACnC,kBAEG,CAAC,YAAY,aAAa,KAAK,cAAc,cAAc;AAEhE,MAAM,0BAA0B,CAC9B,eACA,UACG;AACH,QAAM,wBACJ,6BAA6B,aAAa,KAAK,CAAC,YAAY,KAAK;AAEnE,SAAO,wBAAwB,MAAM,CAAC,GAAG,eAAe,KAAK,IAAI;AACnE;AAUO,SAAS,oBACd,OACA,eACA,OACgB;AAChB,QAAM,eAAe;AAAA,IACnB,cAAc;AAAA,IACd,MAAM;AAAA,EACR;AAEA,QAAM,WAAW;AAAA,IACf,cAAc;AAAA,IACd,MAAM;AAAA,EACR;AAEA,QAAM,SAAS,uBAAuB,cAAc,QAAQ,MAAM,MAAM;AAIxE,QAAM,eAAe,MAAM,QAAQ,MAAM,IAAI,IAAI,MAAM,OAAO,MAAM,KAAK;AAEzE,QAAM,YACJ,MAAM,aACN,cAAc,aACb,qBAAqB,cAAc,CAAC;AAEvC,QAAM,iBACJ,MAAM,kBACN,cAAc,kBACd;AAEF,QAAM,UAAU,wBAAwB,cAAc,SAAS,MAAM,OAAO;AAE5E,QAAM,gBACJ,MAAM,iBAAiB,cAAc,iBAAiB;AAExD,QAAM,cAAc,cAAc,cAAc,CAAC,GAC9C,OAAO,gBAAgB,EACvB,OAAO,MAAM,cAAc,CAAC,CAAC;AAEhC,SAAO;AAAA,IACL,QAAQ,MAAM,UAAU,cAAc;AAAA,IACtC;AAAA,IACA,QAAQ,MAAM,CAAC,GAAG,cAAc,QAAQ,cAAc,QAAQ,MAAM,MAAM;AAAA,IAC1E;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc,MAAM;AAAA,IACpB;AAAA,IACA;AAAA,IACA,SAAS,MAAM,WAAW,cAAc;AAAA,EAC1C;AACF;AAUO,SAAS,kBACd,kBACuB;AACvB,MAAI;AACF,WAAO,MAAM,CAAC,GAAG,eAAe,KAAK,MAAM,gBAAgB,CAAC;AAAA,EAC9D,QAAQ;AACN,WAAO;AAAA,EACT;AACF;",
   "names": []
 }

package/esm/charts/sankey-chart/SankeyChart.css

@@ -1,15 +1,15 @@
-._s3m3d0-3-12-1 {
+._s3m3d0-3-13-0 {
   position: relative;
   width: 100%;
   height: 100%;
 }
-._s3m3d1-3-12-1 {
+._s3m3d1-3-13-0 {
   display: grid;
   grid-template-columns: minmax(0, auto) minmax(60%, 1fr) minmax(0, auto);
   width: 100%;
   height: 100%;
 }
-._s3m3d2-3-12-1 {
+._s3m3d2-3-13-0 {
   position: relative;
   overflow: hidden;
 }

package/esm/charts/sankey-chart/SankeyChart.sty.js

@@ -1,7 +1,7 @@
 import "./SankeyChart.css";
-var graphAreaCell = "_s3m3d2-3-12-1";
-var graphAreaContainer = "_s3m3d1-3-12-1";
-var graphAreaWrapper = "_s3m3d0-3-12-1";
+var graphAreaCell = "_s3m3d2-3-13-0";
+var graphAreaContainer = "_s3m3d1-3-13-0";
+var graphAreaWrapper = "_s3m3d0-3-13-0";
 export {
   graphAreaCell,
   graphAreaContainer,

package/esm/charts/sankey-chart/SankeyChart.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/sankey-chart/SankeyChart.css.ts"],
-  "sourcesContent": ["import './SankeyChart.css';\nexport var graphAreaCell = '_s3m3d2-3-12-1';\nexport var graphAreaContainer = '_s3m3d1-3-12-1';\nexport var graphAreaWrapper = '_s3m3d0-3-12-1';"],
+  "sourcesContent": ["import './SankeyChart.css';\nexport var graphAreaCell = '_s3m3d2-3-13-0';\nexport var graphAreaContainer = '_s3m3d1-3-13-0';\nexport var graphAreaWrapper = '_s3m3d0-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,gBAAgB;AACpB,IAAI,qBAAqB;AACzB,IAAI,mBAAmB;",
   "names": []
 }

package/esm/charts/sankey-chart/SankeyChartRoot.js

@@ -2,6 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { DEFAULT_TRUNCATION_MODE, DISPLAY_NAME } from "./constants.js";
 import { SankeyConfigProvider } from "./providers/SankeyConfigProvider.js";
 import { SankeyDataProvider } from "./providers/SankeyDataProvider.js";
+import { SankeyFormatterProvider } from "./providers/SankeyFormatterProvider.js";
 import { SankeyChartLayout } from "./SankeyChart.js";
 import { Nodes } from "./slots/Nodes.js";
 import { iterateSlots } from "./utils/iterate-slots.js";
@@ -22,10 +23,12 @@ const SankeyChartRoot = (props) => {
     loading = false,
     truncationMode = DEFAULT_TRUNCATION_MODE,
     colorPalette = "categorical",
+    formatter,
+    unit,
     children
   } = props;
   const { nodes: nodesConfig } = iterateSlots(children);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(SankeyFormatterProvider, { formatter, unit, children: /* @__PURE__ */ jsx(
     SankeyConfigProvider,
     {
       nodesConfig,
@@ -54,7 +57,7 @@ const SankeyChartRoot = (props) => {
         }
       )
     }
-  );
+  ) });
 };
 SankeyChartRoot.displayName = DISPLAY_NAME;
 const SankeyChart = Object.assign(SankeyChartRoot, {

package/esm/charts/sankey-chart/SankeyChartRoot.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/sankey-chart/SankeyChartRoot.tsx"],
-  "sourcesContent": ["import { DEFAULT_TRUNCATION_MODE, DISPLAY_NAME } from './constants.js';\nimport { SankeyConfigProvider } from './providers/SankeyConfigProvider.js';\nimport { SankeyDataProvider } from './providers/SankeyDataProvider.js';\nimport { SankeyChartLayout } from './SankeyChart.js';\nimport { Nodes } from './slots/Nodes.js';\nimport type { SankeyChartProps } from './types/sankey-props.js';\nimport { iterateSlots } from './utils/iterate-slots.js';\nimport { EmptyStateSlot } from '../core/slots/chart-states/EmptyStateSlot.js';\nimport { ErrorStateSlot } from '../core/slots/chart-states/ErrorStateSlot.js';\n\n/**\n * @internal\n */\nexport const SankeyChartRoot = (props: SankeyChartProps) => {\n  const {\n    data,\n    sourceAccessor,\n    targetAccessor,\n    valueAccessor,\n    nodes,\n    nodeIdAccessor,\n    nodeLabelAccessor,\n    columnAccessor,\n    width,\n    height,\n    loading = false,\n    truncationMode = DEFAULT_TRUNCATION_MODE,\n    colorPalette = 'categorical',\n    children,\n  } = props;\n\n  const { nodes: nodesConfig } = iterateSlots(children);\n\n  return (\n    <SankeyConfigProvider\n      nodesConfig={nodesConfig}\n      truncationMode={truncationMode}\n      colorPalette={colorPalette}\n    >\n      <SankeyDataProvider\n        data={data}\n        sourceAccessor={sourceAccessor}\n        targetAccessor={targetAccessor}\n        valueAccessor={valueAccessor}\n        nodes={nodes}\n        nodeIdAccessor={nodeIdAccessor}\n        nodeLabelAccessor={nodeLabelAccessor}\n        columnAccessor={columnAccessor}\n      >\n        <SankeyChartLayout\n          chartWidth={width}\n          chartHeight={height}\n          showLoader={loading}\n        >\n          {children}\n        </SankeyChartLayout>\n      </SankeyDataProvider>\n    </SankeyConfigProvider>\n  );\n};\n\n(\n  SankeyChartRoot as typeof SankeyChartRoot & { displayName: string }\n).displayName = DISPLAY_NAME;\n\n/**\n * The `SankeyChart` visualizes directed flows between nodes across stages.\n * @internal\n */\nexport const SankeyChart = Object.assign(SankeyChartRoot, {\n  Nodes,\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n});\n\n(SankeyChart as typeof SankeyChart & { displayName: string }).displayName =\n  'SankeyChart';\n"],
-  "mappings": "AAiDQ;AAjDR,SAAS,yBAAyB,oBAAoB;AACtD,SAAS,4BAA4B;AACrC,SAAS,0BAA0B;AACnC,SAAS,yBAAyB;AAClC,SAAS,aAAa;AAEtB,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAKxB,MAAM,kBAAkB,CAAC,UAA4B;AAC1D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,iBAAiB;AAAA,IACjB,eAAe;AAAA,IACf;AAAA,EACF,IAAI;AAEJ,QAAM,EAAE,OAAO,YAAY,IAAI,aAAa,QAAQ;AAEpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,YAAY;AAAA,cACZ,aAAa;AAAA,cACb,YAAY;AAAA,cAEX;AAAA;AAAA,UACH;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAGE,gBACA,cAAc;AAMT,MAAM,cAAc,OAAO,OAAO,iBAAiB;AAAA,EACxD;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AACd,CAAC;AAEA,YAA6D,cAC5D;",
+  "sourcesContent": ["import { DEFAULT_TRUNCATION_MODE, DISPLAY_NAME } from './constants.js';\nimport { SankeyConfigProvider } from './providers/SankeyConfigProvider.js';\nimport { SankeyDataProvider } from './providers/SankeyDataProvider.js';\nimport { SankeyFormatterProvider } from './providers/SankeyFormatterProvider.js';\nimport { SankeyChartLayout } from './SankeyChart.js';\nimport { Nodes } from './slots/Nodes.js';\nimport type { SankeyChartProps } from './types/sankey-props.js';\nimport { iterateSlots } from './utils/iterate-slots.js';\nimport { EmptyStateSlot } from '../core/slots/chart-states/EmptyStateSlot.js';\nimport { ErrorStateSlot } from '../core/slots/chart-states/ErrorStateSlot.js';\n\n/**\n * @internal\n */\nexport const SankeyChartRoot = (props: SankeyChartProps) => {\n  const {\n    data,\n    sourceAccessor,\n    targetAccessor,\n    valueAccessor,\n    nodes,\n    nodeIdAccessor,\n    nodeLabelAccessor,\n    columnAccessor,\n    width,\n    height,\n    loading = false,\n    truncationMode = DEFAULT_TRUNCATION_MODE,\n    colorPalette = 'categorical',\n    formatter,\n    unit,\n    children,\n  } = props;\n\n  const { nodes: nodesConfig } = iterateSlots(children);\n\n  return (\n    <SankeyFormatterProvider formatter={formatter} unit={unit}>\n    <SankeyConfigProvider\n      nodesConfig={nodesConfig}\n      truncationMode={truncationMode}\n      colorPalette={colorPalette}\n    >\n      <SankeyDataProvider\n        data={data}\n        sourceAccessor={sourceAccessor}\n        targetAccessor={targetAccessor}\n        valueAccessor={valueAccessor}\n        nodes={nodes}\n        nodeIdAccessor={nodeIdAccessor}\n        nodeLabelAccessor={nodeLabelAccessor}\n        columnAccessor={columnAccessor}\n      >\n        <SankeyChartLayout\n          chartWidth={width}\n          chartHeight={height}\n          showLoader={loading}\n        >\n          {children}\n        </SankeyChartLayout>\n      </SankeyDataProvider>\n    </SankeyConfigProvider>\n    </SankeyFormatterProvider>\n  );\n};\n\n(\n  SankeyChartRoot as typeof SankeyChartRoot & { displayName: string }\n).displayName = DISPLAY_NAME;\n\n/**\n * The `SankeyChart` visualizes directed flows between nodes across stages.\n * @internal\n */\nexport const SankeyChart = Object.assign(SankeyChartRoot, {\n  Nodes,\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n});\n\n(SankeyChart as typeof SankeyChart & { displayName: string }).displayName =\n  'SankeyChart';\n"],
+  "mappings": "AAqDQ;AArDR,SAAS,yBAAyB,oBAAoB;AACtD,SAAS,4BAA4B;AACrC,SAAS,0BAA0B;AACnC,SAAS,+BAA+B;AACxC,SAAS,yBAAyB;AAClC,SAAS,aAAa;AAEtB,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAKxB,MAAM,kBAAkB,CAAC,UAA4B;AAC1D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,iBAAiB;AAAA,IACjB,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,EAAE,OAAO,YAAY,IAAI,aAAa,QAAQ;AAEpD,SACE,oBAAC,2BAAwB,WAAsB,MAC/C;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,YAAY;AAAA,cACZ,aAAa;AAAA,cACb,YAAY;AAAA,cAEX;AAAA;AAAA,UACH;AAAA;AAAA,MACF;AAAA;AAAA,EACF,GACA;AAEJ;AAGE,gBACA,cAAc;AAMT,MAAM,cAAc,OAAO,OAAO,iBAAiB;AAAA,EACxD;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AACd,CAAC;AAEA,YAA6D,cAC5D;",
   "names": []
 }

package/esm/charts/sankey-chart/components/SankeyCanvas.css

@@ -1,4 +1,10 @@
-._1hfx9ue0-3-12-1 {
+._1hfx9ue0-3-13-0 {
   position: absolute;
   inset: 0;
+}
+._1hfx9ue1-3-13-0 {
+  position: absolute;
+  top: 0;
+  left: 0;
+  pointer-events: none;
 }

package/esm/charts/sankey-chart/components/SankeyCanvas.js

@@ -1,11 +1,17 @@
-import { jsx } from "react/jsx-runtime";
-import { useMemo, useRef } from "react";
-import { canvasContainer } from "./SankeyCanvas.sty.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef } from "react";
+import { canvasContainer, highlightCanvas } from "./SankeyCanvas.sty.js";
 import { Canvas } from "../../core/components/canvas/Canvas.js";
 import { CanvasContext } from "../../core/components/canvas/CanvasContext.js";
+import { DIM_CANVAS_ALPHA } from "../constants.js";
 import { useDrawSankey } from "../hooks/use-draw-sankey.js";
-function SankeyDraw({ layout, nodeColors }) {
-  useDrawSankey(layout, nodeColors);
+import { useSankeyActiveHighlight } from "../store/selectors.js";
+function SankeyDraw({
+  layout,
+  nodeColors,
+  overlayCanvasRef
+}) {
+  useDrawSankey(layout, nodeColors, overlayCanvasRef);
   return null;
 }
 SankeyDraw["displayName"] = "SankeyDraw";
@@ -20,7 +26,44 @@ function SankeyCanvas({
     () => ({ shapeRefs: shapeRefs.current }),
     []
   );
-  return /* @__PURE__ */ jsx("div", { className: canvasContainer, children: /* @__PURE__ */ jsx(CanvasContext.Provider, { value: canvasContextValue, children: /* @__PURE__ */ jsx(Canvas, { width, height, children: /* @__PURE__ */ jsx(SankeyDraw, { layout, nodeColors }) }) }) });
+  const mainCanvasRef = useRef(null);
+  const overlayCanvasRef = useRef(null);
+  const activeSet = useSankeyActiveHighlight();
+  useEffect(() => {
+    const overlayCanvas = overlayCanvasRef.current;
+    if (!overlayCanvas || width <= 0 || height <= 0) {
+      return;
+    }
+    const dpr = Math.max(1, window.devicePixelRatio) || 1;
+    overlayCanvas.width = width * dpr;
+    overlayCanvas.height = height * dpr;
+    const ctx = overlayCanvas.getContext("2d");
+    if (ctx) {
+      ctx.scale(dpr, dpr);
+    }
+    overlayCanvas.style.width = "100%";
+    overlayCanvas.style.height = "100%";
+  }, [width, height]);
+  useEffect(() => {
+    const requestId = requestAnimationFrame(() => {
+      mainCanvasRef.current?.customSetStyle(
+        "opacity",
+        activeSet ? String(DIM_CANVAS_ALPHA) : "1"
+      );
+    });
+    return () => cancelAnimationFrame(requestId);
+  }, [activeSet]);
+  return /* @__PURE__ */ jsxs("div", { className: canvasContainer, children: [
+    /* @__PURE__ */ jsx(CanvasContext.Provider, { value: canvasContextValue, children: /* @__PURE__ */ jsx(Canvas, { ref: mainCanvasRef, width, height, children: /* @__PURE__ */ jsx(
+      SankeyDraw,
+      {
+        layout,
+        nodeColors,
+        overlayCanvasRef
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx("canvas", { ref: overlayCanvasRef, className: highlightCanvas })
+  ] });
 }
 SankeyCanvas["displayName"] = "SankeyCanvas";
 export {

package/esm/charts/sankey-chart/components/SankeyCanvas.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/sankey-chart/components/SankeyCanvas.tsx"],
-  "sourcesContent": ["import { useMemo, useRef, type RefObject } from 'react';\n\nimport { canvasContainer } from './SankeyCanvas.sty.js';\nimport { Canvas } from '../../core/components/canvas/Canvas.js';\nimport { CanvasContext } from '../../core/components/canvas/CanvasContext.js';\nimport type { CanvasShape } from '../../core/components/canvas/types/canvas-shape.js';\nimport { useDrawSankey } from '../hooks/use-draw-sankey.js';\nimport type { SankeyLayoutModel } from '../types/sankey-internal.js';\n\ninterface SankeyDrawProps {\n  layout: SankeyLayoutModel;\n  nodeColors: Map<string, string>;\n}\n\nfunction SankeyDraw({ layout, nodeColors }: Readonly<SankeyDrawProps>) {\n  useDrawSankey(layout, nodeColors);\n  return null;\n}\n\nSankeyDraw['displayName'] = 'SankeyDraw';\n\ninterface SankeyCanvasProps {\n  nodeColors: Map<string, string>;\n  layout: SankeyLayoutModel;\n  width: number;\n  height: number;\n}\n\nexport function SankeyCanvas({\n  nodeColors,\n  layout,\n  width,\n  height,\n}: Readonly<SankeyCanvasProps>) {\n  const shapeRefs = useRef(new Map<string, RefObject<CanvasShape>>());\n  const canvasContextValue = useMemo(\n    () => ({ shapeRefs: shapeRefs.current }),\n    [],\n  );\n\n  return (\n    <div className={canvasContainer}>\n      <CanvasContext.Provider value={canvasContextValue}>\n        <Canvas width={width} height={height}>\n          <SankeyDraw layout={layout} nodeColors={nodeColors} />\n        </Canvas>\n      </CanvasContext.Provider>\n    </div>\n  );\n}\n\nSankeyCanvas['displayName'] = 'SankeyCanvas';\n"],
-  "mappings": "AA4CU;AA5CV,SAAS,SAAS,cAA8B;AAEhD,SAAS,uBAAuB;AAChC,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAE9B,SAAS,qBAAqB;AAQ9B,SAAS,WAAW,EAAE,QAAQ,WAAW,GAA8B;AACrE,gBAAc,QAAQ,UAAU;AAChC,SAAO;AACT;AAEA,WAAW,aAAa,IAAI;AASrB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAgC;AAC9B,QAAM,YAAY,OAAO,oBAAI,IAAoC,CAAC;AAClE,QAAM,qBAAqB;AAAA,IACzB,OAAO,EAAE,WAAW,UAAU,QAAQ;AAAA,IACtC,CAAC;AAAA,EACH;AAEA,SACE,oBAAC,SAAI,WAAW,iBACd,8BAAC,cAAc,UAAd,EAAuB,OAAO,oBAC7B,8BAAC,UAAO,OAAc,QACpB,8BAAC,cAAW,QAAgB,YAAwB,GACtD,GACF,GACF;AAEJ;AAEA,aAAa,aAAa,IAAI;",
+  "sourcesContent": ["import { useEffect, useMemo, useRef, type RefObject } from 'react';\n\nimport { canvasContainer, highlightCanvas } from './SankeyCanvas.sty.js';\nimport { Canvas, type CanvasRef } from '../../core/components/canvas/Canvas.js';\nimport { CanvasContext } from '../../core/components/canvas/CanvasContext.js';\nimport type { CanvasShape } from '../../core/components/canvas/types/canvas-shape.js';\nimport { DIM_CANVAS_ALPHA } from '../constants.js';\nimport { useDrawSankey } from '../hooks/use-draw-sankey.js';\nimport { useSankeyActiveHighlight } from '../store/selectors.js';\nimport type { SankeyLayoutModel } from '../types/sankey-internal.js';\n\ninterface SankeyDrawProps {\n  layout: SankeyLayoutModel;\n  nodeColors: Map<string, string>;\n  overlayCanvasRef: RefObject<HTMLCanvasElement | null>;\n}\n\nfunction SankeyDraw({\n  layout,\n  nodeColors,\n  overlayCanvasRef,\n}: Readonly<SankeyDrawProps>) {\n  useDrawSankey(layout, nodeColors, overlayCanvasRef);\n  return null;\n}\n\nSankeyDraw['displayName'] = 'SankeyDraw';\n\ninterface SankeyCanvasProps {\n  nodeColors: Map<string, string>;\n  layout: SankeyLayoutModel;\n  width: number;\n  height: number;\n}\n\nexport function SankeyCanvas({\n  nodeColors,\n  layout,\n  width,\n  height,\n}: Readonly<SankeyCanvasProps>) {\n  const shapeRefs = useRef(new Map<string, RefObject<CanvasShape>>());\n  const canvasContextValue = useMemo(\n    () => ({ shapeRefs: shapeRefs.current }),\n    [],\n  );\n  const mainCanvasRef = useRef<CanvasRef>(null);\n  const overlayCanvasRef = useRef<HTMLCanvasElement>(null);\n  const activeSet = useSankeyActiveHighlight();\n\n  useEffect(() => {\n    const overlayCanvas = overlayCanvasRef.current;\n    if (!overlayCanvas || width <= 0 || height <= 0) {\n      return;\n    }\n    const dpr = Math.max(1, window.devicePixelRatio) || 1;\n    overlayCanvas.width = width * dpr;\n    overlayCanvas.height = height * dpr;\n    const ctx = overlayCanvas.getContext('2d');\n    if (ctx) {\n      ctx.scale(dpr, dpr);\n    }\n    overlayCanvas.style.width = '100%';\n    overlayCanvas.style.height = '100%';\n  }, [width, height]);\n\n  useEffect(() => {\n    const requestId = requestAnimationFrame(() => {\n      mainCanvasRef.current?.customSetStyle(\n        'opacity',\n        activeSet ? String(DIM_CANVAS_ALPHA) : '1',\n      );\n    });\n\n    return () => cancelAnimationFrame(requestId);\n  }, [activeSet]);\n\n  return (\n    <div className={canvasContainer}>\n      <CanvasContext.Provider value={canvasContextValue}>\n        <Canvas ref={mainCanvasRef} width={width} height={height}>\n          <SankeyDraw\n            layout={layout}\n            nodeColors={nodeColors}\n            overlayCanvasRef={overlayCanvasRef}\n          />\n        </Canvas>\n      </CanvasContext.Provider>\n      <canvas ref={overlayCanvasRef} className={highlightCanvas} />\n    </div>\n  );\n}\n\nSankeyCanvas['displayName'] = 'SankeyCanvas';\n"],
+  "mappings": "AA8EI,SAGM,KAHN;AA9EJ,SAAS,WAAW,SAAS,cAA8B;AAE3D,SAAS,iBAAiB,uBAAuB;AACjD,SAAS,cAA8B;AACvC,SAAS,qBAAqB;AAE9B,SAAS,wBAAwB;AACjC,SAAS,qBAAqB;AAC9B,SAAS,gCAAgC;AASzC,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AACF,GAA8B;AAC5B,gBAAc,QAAQ,YAAY,gBAAgB;AAClD,SAAO;AACT;AAEA,WAAW,aAAa,IAAI;AASrB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAgC;AAC9B,QAAM,YAAY,OAAO,oBAAI,IAAoC,CAAC;AAClE,QAAM,qBAAqB;AAAA,IACzB,OAAO,EAAE,WAAW,UAAU,QAAQ;AAAA,IACtC,CAAC;AAAA,EACH;AACA,QAAM,gBAAgB,OAAkB,IAAI;AAC5C,QAAM,mBAAmB,OAA0B,IAAI;AACvD,QAAM,YAAY,yBAAyB;AAE3C,YAAU,MAAM;AACd,UAAM,gBAAgB,iBAAiB;AACvC,QAAI,CAAC,iBAAiB,SAAS,KAAK,UAAU,GAAG;AAC/C;AAAA,IACF;AACA,UAAM,MAAM,KAAK,IAAI,GAAG,OAAO,gBAAgB,KAAK;AACpD,kBAAc,QAAQ,QAAQ;AAC9B,kBAAc,SAAS,SAAS;AAChC,UAAM,MAAM,cAAc,WAAW,IAAI;AACzC,QAAI,KAAK;AACP,UAAI,MAAM,KAAK,GAAG;AAAA,IACpB;AACA,kBAAc,MAAM,QAAQ;AAC5B,kBAAc,MAAM,SAAS;AAAA,EAC/B,GAAG,CAAC,OAAO,MAAM,CAAC;AAElB,YAAU,MAAM;AACd,UAAM,YAAY,sBAAsB,MAAM;AAC5C,oBAAc,SAAS;AAAA,QACrB;AAAA,QACA,YAAY,OAAO,gBAAgB,IAAI;AAAA,MACzC;AAAA,IACF,CAAC;AAED,WAAO,MAAM,qBAAqB,SAAS;AAAA,EAC7C,GAAG,CAAC,SAAS,CAAC;AAEd,SACE,qBAAC,SAAI,WAAW,iBACd;AAAA,wBAAC,cAAc,UAAd,EAAuB,OAAO,oBAC7B,8BAAC,UAAO,KAAK,eAAe,OAAc,QACxC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,GACF,GACF;AAAA,IACA,oBAAC,YAAO,KAAK,kBAAkB,WAAW,iBAAiB;AAAA,KAC7D;AAEJ;AAEA,aAAa,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/sankey-chart/components/SankeyCanvas.sty.js

@@ -1,6 +1,8 @@
 import "./SankeyCanvas.css";
-var canvasContainer = "_1hfx9ue0-3-12-1";
+var canvasContainer = "_1hfx9ue0-3-13-0";
+var highlightCanvas = "_1hfx9ue1-3-13-0";
 export {
-  canvasContainer
+  canvasContainer,
+  highlightCanvas
 };
 //# sourceMappingURL=SankeyCanvas.sty.js.map

package/esm/charts/sankey-chart/components/SankeyCanvas.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/sankey-chart/components/SankeyCanvas.css.ts"],
-  "sourcesContent": ["import './SankeyCanvas.css';\nexport var canvasContainer = '_1hfx9ue0-3-12-1';"],
-  "mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;",
+  "sourcesContent": ["import './SankeyCanvas.css';\nexport var canvasContainer = '_1hfx9ue0-3-13-0';\nexport var highlightCanvas = '_1hfx9ue1-3-13-0';"],
+  "mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;AACtB,IAAI,kBAAkB;",
   "names": []
 }

package/esm/charts/sankey-chart/components/SankeyGraphArea.js

@@ -1,62 +1,13 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import {
-  graphAreaCell,
-  graphAreaContainer,
-  graphAreaWrapper
-} from "../SankeyChart.sty.js";
-import { SankeyCanvas } from "./SankeyCanvas.js";
-import { SankeyLabelOverlay } from "./SankeyLabelOverlay.js";
-import { SankeyOverlay } from "./SankeyOverlay.js";
+import { jsx } from "react/jsx-runtime";
+import { graphAreaWrapper } from "../SankeyChart.sty.js";
+import { SankeyGraphAreaContent } from "./SankeyGraphAreaContent.js";
 import { useResizeObserver } from "../../../core/hooks/useResizeObserver.js";
 import { useGraphSize } from "../../core/components/chart-layout/hooks/useGraphSize.js";
 import { OverlayProvider } from "../../core/components/overlay-tooltip/contexts/OverlayContext.js";
 import { MAX_SIDE_LABEL_WIDTH_RATIO } from "../constants.js";
 import { useNodeColors } from "../hooks/use-node-colors.js";
-import { useSankeyLayout } from "../hooks/use-sankey-layout.js";
-import { SankeyHoverStoreProvider } from "../providers/SankeyHoverStoreProvider.js";
 import { SankeyLayoutProvider } from "../providers/SankeyLayoutProvider.js";
-function SankeyGraphAreaContent({
-  outerRef,
-  canvasRef,
-  canvasWidth,
-  height,
-  maxSideLabelWidth,
-  nodeColors
-}) {
-  const layout = useSankeyLayout();
-  return /* @__PURE__ */ jsxs("div", { ref: outerRef, className: graphAreaContainer, children: [
-    /* @__PURE__ */ jsx("div", { className: graphAreaCell, children: /* @__PURE__ */ jsx(
-      SankeyLabelOverlay,
-      {
-        zone: "left",
-        layout,
-        maxWidth: maxSideLabelWidth
-      }
-    ) }),
-    /* @__PURE__ */ jsxs("div", { ref: canvasRef, className: graphAreaCell, children: [
-      /* @__PURE__ */ jsx(
-        SankeyCanvas,
-        {
-          width: canvasWidth,
-          height,
-          layout,
-          nodeColors
-        }
-      ),
-      /* @__PURE__ */ jsx(SankeyLabelOverlay, { zone: "inside", layout }),
-      /* @__PURE__ */ jsx(SankeyOverlay, {})
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: graphAreaCell, children: /* @__PURE__ */ jsx(
-      SankeyLabelOverlay,
-      {
-        zone: "right",
-        layout,
-        maxWidth: maxSideLabelWidth
-      }
-    ) })
-  ] });
-}
-SankeyGraphAreaContent["displayName"] = "SankeyGraphAreaContent";
+import { SankeyStoreProvider } from "../providers/SankeyStoreProvider.js";
 function SankeyGraphArea() {
   const { height } = useGraphSize();
   const nodeColors = useNodeColors();
@@ -64,7 +15,7 @@ function SankeyGraphArea() {
   const { ref: canvasRef, width: measuredWidth } = useResizeObserver();
   const canvasWidth = measuredWidth ?? 0;
   const maxSideLabelWidth = outerWidth !== void 0 && outerWidth > 0 ? Math.floor(outerWidth * MAX_SIDE_LABEL_WIDTH_RATIO) : void 0;
-  return /* @__PURE__ */ jsx("div", { className: graphAreaWrapper, children: /* @__PURE__ */ jsx(SankeyHoverStoreProvider, { children: /* @__PURE__ */ jsx(SankeyLayoutProvider, { width: canvasWidth, height, children: /* @__PURE__ */ jsx(OverlayProvider, { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { className: graphAreaWrapper, children: /* @__PURE__ */ jsx(SankeyStoreProvider, { children: /* @__PURE__ */ jsx(SankeyLayoutProvider, { width: canvasWidth, height, children: /* @__PURE__ */ jsx(OverlayProvider, { children: /* @__PURE__ */ jsx(
     SankeyGraphAreaContent,
     {
       outerRef,

package/esm/charts/sankey-chart/components/SankeyGraphArea.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/sankey-chart/components/SankeyGraphArea.tsx"],
-  "sourcesContent": ["import { type RefCallback } from 'react';\n\nimport {\n  graphAreaCell,\n  graphAreaContainer,\n  graphAreaWrapper,\n} from '../SankeyChart.sty.js';\nimport { SankeyCanvas } from './SankeyCanvas.js';\nimport { SankeyLabelOverlay } from './SankeyLabelOverlay.js';\nimport { SankeyOverlay } from './SankeyOverlay.js';\nimport { useResizeObserver } from '../../../core/hooks/useResizeObserver.js';\nimport { useGraphSize } from '../../core/components/chart-layout/hooks/useGraphSize.js';\nimport { OverlayProvider } from '../../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { MAX_SIDE_LABEL_WIDTH_RATIO } from '../constants.js';\nimport { useNodeColors } from '../hooks/use-node-colors.js';\nimport { useSankeyLayout } from '../hooks/use-sankey-layout.js';\nimport { SankeyHoverStoreProvider } from '../providers/SankeyHoverStoreProvider.js';\nimport { SankeyLayoutProvider } from '../providers/SankeyLayoutProvider.js';\n\ninterface SankeyGraphAreaContentProps {\n  outerRef: RefCallback<HTMLDivElement | null>;\n  canvasRef: RefCallback<HTMLDivElement | null>;\n  canvasWidth: number;\n  height: number;\n  maxSideLabelWidth: number | undefined;\n  nodeColors: Map<string, string>;\n}\n\nfunction SankeyGraphAreaContent({\n  outerRef,\n  canvasRef,\n  canvasWidth,\n  height,\n  maxSideLabelWidth,\n  nodeColors,\n}: Readonly<SankeyGraphAreaContentProps>) {\n  const layout = useSankeyLayout();\n\n  return (\n    <div ref={outerRef} className={graphAreaContainer}>\n      <div className={graphAreaCell}>\n        <SankeyLabelOverlay\n          zone=\"left\"\n          layout={layout}\n          maxWidth={maxSideLabelWidth}\n        />\n      </div>\n      <div ref={canvasRef} className={graphAreaCell}>\n        <SankeyCanvas\n          width={canvasWidth}\n          height={height}\n          layout={layout}\n          nodeColors={nodeColors}\n        />\n        <SankeyLabelOverlay zone=\"inside\" layout={layout} />\n        <SankeyOverlay />\n      </div>\n      <div className={graphAreaCell}>\n        <SankeyLabelOverlay\n          zone=\"right\"\n          layout={layout}\n          maxWidth={maxSideLabelWidth}\n        />\n      </div>\n    </div>\n  );\n}\n\nSankeyGraphAreaContent['displayName'] = 'SankeyGraphAreaContent';\n\nexport function SankeyGraphArea() {\n  const { height } = useGraphSize();\n  const nodeColors = useNodeColors();\n\n  const { ref: outerRef, width: outerWidth } =\n    useResizeObserver<HTMLDivElement>();\n  const { ref: canvasRef, width: measuredWidth } =\n    useResizeObserver<HTMLDivElement>();\n  const canvasWidth = measuredWidth ?? 0;\n\n  const maxSideLabelWidth =\n    outerWidth !== undefined && outerWidth > 0\n      ? Math.floor(outerWidth * MAX_SIDE_LABEL_WIDTH_RATIO)\n      : undefined;\n\n  return (\n    <div className={graphAreaWrapper}>\n      <SankeyHoverStoreProvider>\n        <SankeyLayoutProvider width={canvasWidth} height={height}>\n          <OverlayProvider>\n            <SankeyGraphAreaContent\n              outerRef={outerRef}\n              canvasRef={canvasRef}\n              canvasWidth={canvasWidth}\n              height={height}\n              maxSideLabelWidth={maxSideLabelWidth}\n              nodeColors={nodeColors}\n            />\n          </OverlayProvider>\n        </SankeyLayoutProvider>\n      </SankeyHoverStoreProvider>\n    </div>\n  );\n}\n\nSankeyGraphArea['displayName'] = 'SankeyGraphArea';\n"],
-  "mappings": "AAyCQ,cAMF,YANE;AAvCR;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AACnC,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,kCAAkC;AAC3C,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAChC,SAAS,gCAAgC;AACzC,SAAS,4BAA4B;AAWrC,SAAS,uBAAuB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0C;AACxC,QAAM,SAAS,gBAAgB;AAE/B,SACE,qBAAC,SAAI,KAAK,UAAU,WAAW,oBAC7B;AAAA,wBAAC,SAAI,WAAW,eACd;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL;AAAA,QACA,UAAU;AAAA;AAAA,IACZ,GACF;AAAA,IACA,qBAAC,SAAI,KAAK,WAAW,WAAW,eAC9B;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,MACA,oBAAC,sBAAmB,MAAK,UAAS,QAAgB;AAAA,MAClD,oBAAC,iBAAc;AAAA,OACjB;AAAA,IACA,oBAAC,SAAI,WAAW,eACd;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL;AAAA,QACA,UAAU;AAAA;AAAA,IACZ,GACF;AAAA,KACF;AAEJ;AAEA,uBAAuB,aAAa,IAAI;AAEjC,SAAS,kBAAkB;AAChC,QAAM,EAAE,OAAO,IAAI,aAAa;AAChC,QAAM,aAAa,cAAc;AAEjC,QAAM,EAAE,KAAK,UAAU,OAAO,WAAW,IACvC,kBAAkC;AACpC,QAAM,EAAE,KAAK,WAAW,OAAO,cAAc,IAC3C,kBAAkC;AACpC,QAAM,cAAc,iBAAiB;AAErC,QAAM,oBACJ,eAAe,UAAa,aAAa,IACrC,KAAK,MAAM,aAAa,0BAA0B,IAClD;AAEN,SACE,oBAAC,SAAI,WAAW,kBACd,8BAAC,4BACC,8BAAC,wBAAqB,OAAO,aAAa,QACxC,8BAAC,mBACC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF,GACF,GACF,GACF,GACF;AAEJ;AAEA,gBAAgB,aAAa,IAAI;",
+  "sourcesContent": ["import { graphAreaWrapper } from '../SankeyChart.sty.js';\nimport { SankeyGraphAreaContent } from './SankeyGraphAreaContent.js';\nimport { useResizeObserver } from '../../../core/hooks/useResizeObserver.js';\nimport { useGraphSize } from '../../core/components/chart-layout/hooks/useGraphSize.js';\nimport { OverlayProvider } from '../../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { MAX_SIDE_LABEL_WIDTH_RATIO } from '../constants.js';\nimport { useNodeColors } from '../hooks/use-node-colors.js';\nimport { SankeyLayoutProvider } from '../providers/SankeyLayoutProvider.js';\nimport { SankeyStoreProvider } from '../providers/SankeyStoreProvider.js';\n\nexport function SankeyGraphArea() {\n  const { height } = useGraphSize();\n  const nodeColors = useNodeColors();\n\n  const { ref: outerRef, width: outerWidth } =\n    useResizeObserver<HTMLDivElement>();\n  const { ref: canvasRef, width: measuredWidth } =\n    useResizeObserver<HTMLDivElement>();\n  const canvasWidth = measuredWidth ?? 0;\n\n  const maxSideLabelWidth =\n    outerWidth !== undefined && outerWidth > 0\n      ? Math.floor(outerWidth * MAX_SIDE_LABEL_WIDTH_RATIO)\n      : undefined;\n\n  return (\n    <div className={graphAreaWrapper}>\n      <SankeyStoreProvider>\n        <SankeyLayoutProvider width={canvasWidth} height={height}>\n          <OverlayProvider>\n            <SankeyGraphAreaContent\n              outerRef={outerRef}\n              canvasRef={canvasRef}\n              canvasWidth={canvasWidth}\n              height={height}\n              maxSideLabelWidth={maxSideLabelWidth}\n              nodeColors={nodeColors}\n            />\n          </OverlayProvider>\n        </SankeyLayoutProvider>\n      </SankeyStoreProvider>\n    </div>\n  );\n}\n\nSankeyGraphArea['displayName'] = 'SankeyGraphArea';\n"],
+  "mappings": "AA8BY;AA9BZ,SAAS,wBAAwB;AACjC,SAAS,8BAA8B;AACvC,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,kCAAkC;AAC3C,SAAS,qBAAqB;AAC9B,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;AAE7B,SAAS,kBAAkB;AAChC,QAAM,EAAE,OAAO,IAAI,aAAa;AAChC,QAAM,aAAa,cAAc;AAEjC,QAAM,EAAE,KAAK,UAAU,OAAO,WAAW,IACvC,kBAAkC;AACpC,QAAM,EAAE,KAAK,WAAW,OAAO,cAAc,IAC3C,kBAAkC;AACpC,QAAM,cAAc,iBAAiB;AAErC,QAAM,oBACJ,eAAe,UAAa,aAAa,IACrC,KAAK,MAAM,aAAa,0BAA0B,IAClD;AAEN,SACE,oBAAC,SAAI,WAAW,kBACd,8BAAC,uBACC,8BAAC,wBAAqB,OAAO,aAAa,QACxC,8BAAC,mBACC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF,GACF,GACF,GACF,GACF;AAEJ;AAEA,gBAAgB,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/sankey-chart/components/SankeyGraphAreaContent.js

@@ -0,0 +1,65 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { graphAreaCell, graphAreaContainer } from "../SankeyChart.sty.js";
+import { SankeyCanvas } from "./SankeyCanvas.js";
+import { SankeyLabelOverlay } from "./SankeyLabelOverlay.js";
+import { SankeyOverlay } from "./SankeyOverlay.js";
+import { SankeyHighlightContext } from "../context/SankeyHighlight.context.js";
+import { useSankeyLayout } from "../hooks/use-sankey-layout.js";
+import {
+  useSankeyHoveredShape,
+  useSankeySelectedShape
+} from "../store/selectors.js";
+import { getActiveConnectedSet } from "../utils/get-active-connected-set.js";
+function SankeyGraphAreaContent({
+  outerRef,
+  canvasRef,
+  canvasWidth,
+  height,
+  maxSideLabelWidth,
+  nodeColors
+}) {
+  const layout = useSankeyLayout();
+  const selected = useSankeySelectedShape();
+  const hovered = useSankeyHoveredShape();
+  const highlight = useMemo(
+    () => getActiveConnectedSet(layout, selected, hovered),
+    [layout, selected, hovered]
+  );
+  return /* @__PURE__ */ jsx(SankeyHighlightContext.Provider, { value: highlight, children: /* @__PURE__ */ jsxs("div", { ref: outerRef, className: graphAreaContainer, children: [
+    /* @__PURE__ */ jsx("div", { className: graphAreaCell, children: /* @__PURE__ */ jsx(
+      SankeyLabelOverlay,
+      {
+        zone: "left",
+        layout,
+        maxWidth: maxSideLabelWidth
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { ref: canvasRef, className: graphAreaCell, children: [
+      /* @__PURE__ */ jsx(
+        SankeyCanvas,
+        {
+          width: canvasWidth,
+          height,
+          layout,
+          nodeColors
+        }
+      ),
+      /* @__PURE__ */ jsx(SankeyLabelOverlay, { zone: "inside", layout }),
+      /* @__PURE__ */ jsx(SankeyOverlay, {})
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: graphAreaCell, children: /* @__PURE__ */ jsx(
+      SankeyLabelOverlay,
+      {
+        zone: "right",
+        layout,
+        maxWidth: maxSideLabelWidth
+      }
+    ) })
+  ] }) });
+}
+SankeyGraphAreaContent["displayName"] = "SankeyGraphAreaContent";
+export {
+  SankeyGraphAreaContent
+};
+//# sourceMappingURL=SankeyGraphAreaContent.js.map

package/esm/charts/sankey-chart/components/SankeyGraphAreaContent.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/sankey-chart/components/SankeyGraphAreaContent.tsx"],
+  "sourcesContent": ["import { type RefCallback, useMemo } from 'react';\n\nimport { graphAreaCell, graphAreaContainer } from '../SankeyChart.sty.js';\nimport { SankeyCanvas } from './SankeyCanvas.js';\nimport { SankeyLabelOverlay } from './SankeyLabelOverlay.js';\nimport { SankeyOverlay } from './SankeyOverlay.js';\nimport { SankeyHighlightContext } from '../context/SankeyHighlight.context.js';\nimport { useSankeyLayout } from '../hooks/use-sankey-layout.js';\nimport {\n  useSankeyHoveredShape,\n  useSankeySelectedShape,\n} from '../store/selectors.js';\nimport { getActiveConnectedSet } from '../utils/get-active-connected-set.js';\n\ninterface SankeyGraphAreaContentProps {\n  outerRef: RefCallback<HTMLDivElement | null>;\n  canvasRef: RefCallback<HTMLDivElement | null>;\n  canvasWidth: number;\n  height: number;\n  maxSideLabelWidth: number | undefined;\n  nodeColors: Map<string, string>;\n}\n\nexport function SankeyGraphAreaContent({\n  outerRef,\n  canvasRef,\n  canvasWidth,\n  height,\n  maxSideLabelWidth,\n  nodeColors,\n}: Readonly<SankeyGraphAreaContentProps>) {\n  const layout = useSankeyLayout();\n  const selected = useSankeySelectedShape();\n  const hovered = useSankeyHoveredShape();\n\n  const highlight = useMemo(\n    () => getActiveConnectedSet(layout, selected, hovered),\n    [layout, selected, hovered],\n  );\n\n  return (\n    <SankeyHighlightContext.Provider value={highlight}>\n      <div ref={outerRef} className={graphAreaContainer}>\n        <div className={graphAreaCell}>\n          <SankeyLabelOverlay\n            zone=\"left\"\n            layout={layout}\n            maxWidth={maxSideLabelWidth}\n          />\n        </div>\n        <div ref={canvasRef} className={graphAreaCell}>\n          <SankeyCanvas\n            width={canvasWidth}\n            height={height}\n            layout={layout}\n            nodeColors={nodeColors}\n          />\n          <SankeyLabelOverlay zone=\"inside\" layout={layout} />\n          <SankeyOverlay />\n        </div>\n        <div className={graphAreaCell}>\n          <SankeyLabelOverlay\n            zone=\"right\"\n            layout={layout}\n            maxWidth={maxSideLabelWidth}\n          />\n        </div>\n      </div>\n    </SankeyHighlightContext.Provider>\n  );\n}\n\nSankeyGraphAreaContent['displayName'] = 'SankeyGraphAreaContent';\n"],
+  "mappings": "AA4CU,cAMF,YANE;AA5CV,SAA2B,eAAe;AAE1C,SAAS,eAAe,0BAA0B;AAClD,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AACnC,SAAS,qBAAqB;AAC9B,SAAS,8BAA8B;AACvC,SAAS,uBAAuB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,6BAA6B;AAW/B,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0C;AACxC,QAAM,SAAS,gBAAgB;AAC/B,QAAM,WAAW,uBAAuB;AACxC,QAAM,UAAU,sBAAsB;AAEtC,QAAM,YAAY;AAAA,IAChB,MAAM,sBAAsB,QAAQ,UAAU,OAAO;AAAA,IACrD,CAAC,QAAQ,UAAU,OAAO;AAAA,EAC5B;AAEA,SACE,oBAAC,uBAAuB,UAAvB,EAAgC,OAAO,WACtC,+BAAC,SAAI,KAAK,UAAU,WAAW,oBAC7B;AAAA,wBAAC,SAAI,WAAW,eACd;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL;AAAA,QACA,UAAU;AAAA;AAAA,IACZ,GACF;AAAA,IACA,qBAAC,SAAI,KAAK,WAAW,WAAW,eAC9B;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,MACA,oBAAC,sBAAmB,MAAK,UAAS,QAAgB;AAAA,MAClD,oBAAC,iBAAc;AAAA,OACjB;AAAA,IACA,oBAAC,SAAI,WAAW,eACd;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL;AAAA,QACA,UAAU;AAAA;AAAA,IACZ,GACF;AAAA,KACF,GACF;AAEJ;AAEA,uBAAuB,aAAa,IAAI;",
+  "names": []
+}

package/esm/charts/sankey-chart/components/SankeyLabelOverlay.css

@@ -1,16 +1,16 @@
-._1wbek5q0-3-12-1 {
+._1wbek5q0-3-13-0 {
   position: relative;
   height: 100%;
   pointer-events: none;
 }
-._1wbek5q1-3-12-1 {
+._1wbek5q1-3-13-0 {
   position: absolute;
   left: 0;
   right: 0;
   display: flex;
   align-items: center;
 }
-._1wbek5q2-3-12-1 {
+._1wbek5q2-3-13-0 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -25,7 +25,7 @@
   width: 100%;
   text-align: right;
 }
-._1wbek5q3-3-12-1 {
+._1wbek5q3-3-13-0 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -39,19 +39,19 @@
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   width: 100%;
 }
-._1wbek5q4-3-12-1 {
+._1wbek5q4-3-13-0 {
   position: absolute;
   inset: 0;
   overflow: hidden;
   pointer-events: none;
 }
-._1wbek5q5-3-12-1 {
+._1wbek5q5-3-13-0 {
   position: absolute;
   display: flex;
   align-items: center;
   pointer-events: none;
 }
-._1wbek5q6-3-12-1 {
+._1wbek5q6-3-13-0 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -64,11 +64,15 @@
   line-height: var(--dt-typography-text-base-emphasized-line-height, 1.4285714286);
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   max-width: 100%;
-  -webkit-text-stroke: 2px var(--dt-colors-border-neutral-on-accent-default, #f3f3f6);
+  -webkit-text-stroke: 3px var(--dt-colors-border-neutral-on-accent-default, #f3f3f6);
   paint-order: stroke fill;
+  padding-left: 1px;
 }
-._1wbek5q7-3-12-1 {
+._1wbek5q7-3-13-0 {
   position: relative;
   pointer-events: auto;
   z-index: 1;
+}
+._1wbek5q8-3-13-0 {
+  opacity: 0.3;
 }