@neo4j-ndl/react-charts 1.3.8 → 1.3.9

package/lib/cjs/charts/Chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chart.js","sourceRoot":"","sources":["../../../src/charts/Chart.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAsBA,iCAAyD;AAEzD,qDAAkD;AAClD,+CAA4C;AAC5C,2DAA2D;AAC3D,iEAA4D;AAC5D,qCAAkC;AAUlC;;;;;;;GAOG;AACH,MAAM,WAAW,GAAG,CAAC,EACnB,WAAW,EACX,aAAa,EACb,uBAAuB,EACvB,aAAa,GACI,EAAE,EAAE;IACrB,MAAM,YAAY,GAAG,IAAA,mCAAe,EAAC;QACnC,WAAW;QACX,uBAAuB;KACxB,CAAC,CAAC;IAEH,IAAI,uBAAuB,EAAE,CAAC;QAC5B,OAAO,CACL,+CACc,MAAM,EAClB,SAAS,EAAC,mEAAmE,GAC7E,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,uBAAC,eAAM,IACL,MAAM,EAAE,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,EAC1B,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACI,MAAM,KAAK,GAAG,CAAC,EAA4C,EAAE,EAAE;QAAhD,EAAE,KAAK,EAAE,MAAM,OAA6B,EAAxB,UAAU,cAA9B,mBAAgC,CAAF;IAClD,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAC7E,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,GAAiB,CAAC;IAChE,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAA,CAAC,CAAC;IAE9E,MAAM,uBAAuB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC/C,sBAAsB,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAA,EAAE,CAAC;YAClB,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAC,CAAC,CAAC;IAEnB,MAAM,oBAAoB,GACxB,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,KAAI,CAAC,mBAAmB;QAClC,CAAC,CAAC,0CAA0C;QAC5C,CAAC,CAAC,kBAAkB,CAAC;IAEzB,OAAO,CACL,uBAAC,kCAAiB,cAChB,wBAAC,+BAAc,IAAC,KAAK,EAAE,KAAK,aAC1B,gCAAK,SAAS,EAAE,oBAAoB,YAClC,uBAAC,yBAAW,oBACN,UAAU,IACd,mBAAmB,EAAE,cAAc,EACnC,mBAAmB,EAAE,0BAA0B,IAC/C,GACE,EACL,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,KAAI,CACf,uBAAC,WAAW,IACV,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,mBAAmB,EAClC,uBAAuB,EAAE,uBAAuB,EAChD,aAAa,EAAE,uBAAuB,GACtC,CACH,IACc,GACC,CACrB,CAAC;AACJ,CAAC,CAAC;AAzCW,QAAA,KAAK,SAyChB","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport type { EChartsOption } from 'echarts';\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { ChartContainer } from './ChartContainer';\nimport { ChartRender } from './ChartRender';\nimport { ChartRefsProvider } from './hooks/use-chart-refs';\nimport { useLegendSeries } from './hooks/use-legend-series';\nimport { Legend } from './Legend';\nimport { type ChartProps } from './utils/chart-types';\n\ntype ChartLegendProps = {\n  chartOption: EChartsOption | undefined;\n  isLayoutReady: boolean;\n  isWaitingForFirstResize: boolean;\n  onLayoutReady?: () => void;\n};\n\n/**\n * Bridges the rendered ECharts option into the React legend.\n *\n * `useLegendSeries` reads the current chart option and ECharts color state to\n * derive the legend rows. Rendering is deferred until the chart has completed\n * its first resize so the legend does not measure against an uninitialized\n * chart instance.\n */\nconst ChartLegend = ({\n  chartOption,\n  isLayoutReady,\n  isWaitingForFirstResize,\n  onLayoutReady,\n}: ChartLegendProps) => {\n  const legendSeries = useLegendSeries({\n    chartOption,\n    isWaitingForFirstResize,\n  });\n\n  if (isWaitingForFirstResize) {\n    return (\n      <div\n        aria-hidden=\"true\"\n        className=\"ndl-chart-legend-container ndl-chart-legend-container-placeholder\"\n      />\n    );\n  }\n\n  return (\n    <Legend\n      series={legendSeries ?? []}\n      onLayoutReady={onLayoutReady}\n      isLayoutReady={isLayoutReady}\n    />\n  );\n};\n\n/**\n * A chart component powered by Apache ECharts with Needle's customization and theming.\n *\n * The `Chart` component fills 100% of its parent's width and height. Because it\n * relies on the container's `clientHeight` to size the canvas, **the parent element\n * must have an explicit height** (e.g. a fixed px/rem value or a viewport unit).\n *\n * @example\n * ```tsx\n * <div style={{ height: '350px' }}>\n *   <Chart dataset={dataset} series={series} xAxis={xAxis} yAxis={yAxis} />\n * </div>\n * ```\n *\n * @remarks\n * **Data zoom sliders.** A `dataZoom` slider passed through `option` targets\n * the x-axis unless it is bound to an axis explicitly, so on a horizontal bar\n * chart it zooms the value axis rather than the categories. Bind the slider to\n * the category axis with `yAxisIndex: [0]` (or set `orient: 'vertical'`) to\n * page through the bars instead; Needle then lays the slider out vertically on\n * the right of the chart and reserves grid space for it. Sliders that target a\n * continuous (`value`, `time`, or `log`) axis default to `filterMode: 'none'`\n * so out-of-window data is clipped rather than removed, while category-axis\n * sliders keep ECharts' `'filter'` default so the opposite value axis rescales\n * to the visible data.\n *\n * **Drag-to-zoom.** Dragging in the plot area zooms the axes your `dataZoom`\n * config targets: entries bound to a y-axis (`yAxisIndex` or\n * `orient: 'vertical'`) make the drag select a y band, entries on both axes\n * make it select a rectangle, and without any `dataZoom` config the drag zooms\n * the x-axis. Set `toolbox.feature.dataZoom` through `option` to override the\n * derived axes explicitly. When every drag-targeted axis is continuous the\n * drag defaults to `filterMode: 'none'`, matching the slider rule above.\n */\nexport const Chart = ({ style, legend, ...chartProps }: ChartProps) => {\n  const [isWaitingForFirstResize, setIsWaitingForFirstResize] = useState(true);\n  const [chartOption, setChartOption] = useState<EChartsOption>();\n  const [isLegendLayoutReady, setIsLegendLayoutReady] = useState(!legend?.show);\n\n  const handleLegendLayoutReady = useCallback(() => {\n    setIsLegendLayoutReady(true);\n  }, []);\n\n  useEffect(() => {\n    if (!legend?.show) {\n      setIsLegendLayoutReady(true);\n    }\n  }, [legend?.show]);\n\n  const chartLayoutClassName =\n    legend?.show && !isLegendLayoutReady\n      ? 'ndl-chart-layout ndl-chart-layout-hidden'\n      : 'ndl-chart-layout';\n\n  return (\n    <ChartRefsProvider>\n      <ChartContainer style={style}>\n        <div className={chartLayoutClassName}>\n          <ChartRender\n            {...chartProps}\n            onChartOptionChange={setChartOption}\n            onFirstResizeChange={setIsWaitingForFirstResize}\n          />\n        </div>\n        {legend?.show && (\n          <ChartLegend\n            chartOption={chartOption}\n            isLayoutReady={isLegendLayoutReady}\n            isWaitingForFirstResize={isWaitingForFirstResize}\n            onLayoutReady={handleLegendLayoutReady}\n          />\n        )}\n      </ChartContainer>\n    </ChartRefsProvider>\n  );\n};\n"]}
+{"version":3,"file":"Chart.js","sourceRoot":"","sources":["../../../src/charts/Chart.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAsBA,iCAAyD;AAEzD,qDAAkD;AAClD,+CAA4C;AAC5C,2DAA2D;AAC3D,iEAA4D;AAC5D,qCAAkC;AAUlC;;;;;;;GAOG;AACH,MAAM,WAAW,GAAG,CAAC,EACnB,WAAW,EACX,aAAa,EACb,uBAAuB,EACvB,aAAa,GACI,EAAE,EAAE;IACrB,MAAM,YAAY,GAAG,IAAA,mCAAe,EAAC;QACnC,WAAW;QACX,uBAAuB;KACxB,CAAC,CAAC;IAEH,IAAI,uBAAuB,EAAE,CAAC;QAC5B,OAAO,CACL,+CACc,MAAM,EAClB,SAAS,EAAC,mEAAmE,GAC7E,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,uBAAC,eAAM,IACL,MAAM,EAAE,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,EAC1B,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACI,MAAM,KAAK,GAAG,CAAC,EAA4C,EAAE,EAAE;QAAhD,EAAE,KAAK,EAAE,MAAM,OAA6B,EAAxB,UAAU,cAA9B,mBAAgC,CAAF;IAClD,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAC7E,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,GAAiB,CAAC;IAChE,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAA,CAAC,CAAC;IAE9E,MAAM,uBAAuB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC/C,sBAAsB,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAA,EAAE,CAAC;YAClB,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAC,CAAC,CAAC;IAEnB,MAAM,oBAAoB,GACxB,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,KAAI,CAAC,mBAAmB;QAClC,CAAC,CAAC,0CAA0C;QAC5C,CAAC,CAAC,kBAAkB,CAAC;IAEzB,OAAO,CACL,uBAAC,kCAAiB,cAChB,wBAAC,+BAAc,IAAC,KAAK,EAAE,KAAK,aAC1B,gCAAK,SAAS,EAAE,oBAAoB,YAClC,uBAAC,yBAAW,oBACN,UAAU,IACd,mBAAmB,EAAE,cAAc,EACnC,mBAAmB,EAAE,0BAA0B,IAC/C,GACE,EACL,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,KAAI,CACf,uBAAC,WAAW,IACV,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,mBAAmB,EAClC,uBAAuB,EAAE,uBAAuB,EAChD,aAAa,EAAE,uBAAuB,GACtC,CACH,IACc,GACC,CACrB,CAAC;AACJ,CAAC,CAAC;AAzCW,QAAA,KAAK,SAyChB","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport type { EChartsOption } from 'echarts';\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { ChartContainer } from './ChartContainer';\nimport { ChartRender } from './ChartRender';\nimport { ChartRefsProvider } from './hooks/use-chart-refs';\nimport { useLegendSeries } from './hooks/use-legend-series';\nimport { Legend } from './Legend';\nimport { type ChartProps } from './utils/chart-types';\n\ntype ChartLegendProps = {\n  chartOption: EChartsOption | undefined;\n  isLayoutReady: boolean;\n  isWaitingForFirstResize: boolean;\n  onLayoutReady?: () => void;\n};\n\n/**\n * Bridges the rendered ECharts option into the React legend.\n *\n * `useLegendSeries` reads the current chart option and ECharts color state to\n * derive the legend rows. Rendering is deferred until the chart has completed\n * its first resize so the legend does not measure against an uninitialized\n * chart instance.\n */\nconst ChartLegend = ({\n  chartOption,\n  isLayoutReady,\n  isWaitingForFirstResize,\n  onLayoutReady,\n}: ChartLegendProps) => {\n  const legendSeries = useLegendSeries({\n    chartOption,\n    isWaitingForFirstResize,\n  });\n\n  if (isWaitingForFirstResize) {\n    return (\n      <div\n        aria-hidden=\"true\"\n        className=\"ndl-chart-legend-container ndl-chart-legend-container-placeholder\"\n      />\n    );\n  }\n\n  return (\n    <Legend\n      series={legendSeries ?? []}\n      onLayoutReady={onLayoutReady}\n      isLayoutReady={isLayoutReady}\n    />\n  );\n};\n\n/**\n * A chart component powered by Apache ECharts with Needle's customization and theming.\n *\n * The `Chart` component fills 100% of its parent's width and height. Because it\n * relies on the container's `clientHeight` to size the canvas, **the parent element\n * must have an explicit height** (e.g. a fixed px/rem value or a viewport unit).\n *\n * @example\n * ```tsx\n * <div style={{ height: '350px' }}>\n *   <Chart dataset={dataset} series={series} xAxis={xAxis} yAxis={yAxis} />\n * </div>\n * ```\n *\n * @remarks\n * **Data zoom sliders.** A `dataZoom` slider passed through `option` targets\n * the x-axis unless it is bound to an axis explicitly, so on a horizontal bar\n * chart it zooms the value axis rather than the categories. Bind the slider to\n * the category axis with `yAxisIndex: [0]` (or set `orient: 'vertical'`) to\n * page through the bars instead; Needle then lays the slider out vertically on\n * the right of the chart and reserves grid space for it. Sliders that target a\n * continuous (`value`, `time`, or `log`) axis default to `filterMode: 'none'`\n * so out-of-window data is clipped rather than removed, while category-axis\n * sliders keep ECharts' `'filter'` default so the opposite value axis rescales\n * to the visible data.\n *\n * **Drag-to-zoom.** Dragging in the plot area zooms the axes your `dataZoom`\n * config targets: entries bound to a y-axis (`yAxisIndex` or\n * `orient: 'vertical'`) make the drag select a y band, entries on both axes\n * make it select a rectangle, and without any `dataZoom` config the drag zooms\n * the x-axis. Set `toolbox.feature.dataZoom` through `option` to override the\n * derived axes explicitly. When every drag-targeted axis is continuous the\n * drag defaults to `filterMode: 'none'`, matching the slider rule above.\n */\nexport const Chart = ({ style, legend, ...chartProps }: ChartProps) => {\n  const [isWaitingForFirstResize, setIsWaitingForFirstResize] = useState(true);\n  const [chartOption, setChartOption] = useState<EChartsOption>();\n  const [isLegendLayoutReady, setIsLegendLayoutReady] = useState(!legend?.show);\n\n  const handleLegendLayoutReady = useCallback(() => {\n    setIsLegendLayoutReady(true);\n  }, []);\n\n  useEffect(() => {\n    if (!legend?.show) {\n      setIsLegendLayoutReady(true);\n    }\n  }, [legend?.show]);\n\n  const chartLayoutClassName =\n    legend?.show && !isLegendLayoutReady\n      ? 'ndl-chart-layout ndl-chart-layout-hidden'\n      : 'ndl-chart-layout';\n\n  return (\n    <ChartRefsProvider>\n      <ChartContainer style={style}>\n        <div className={chartLayoutClassName}>\n          <ChartRender\n            {...chartProps}\n            onChartOptionChange={setChartOption}\n            onFirstResizeChange={setIsWaitingForFirstResize}\n          />\n        </div>\n        {legend?.show && (\n          <ChartLegend\n            chartOption={chartOption}\n            isLayoutReady={isLegendLayoutReady}\n            isWaitingForFirstResize={isWaitingForFirstResize}\n            onLayoutReady={handleLegendLayoutReady}\n          />\n        )}\n      </ChartContainer>\n    </ChartRefsProvider>\n  );\n};\n"]}

package/lib/cjs/charts/ChartContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartContainer.js","sourceRoot":"","sources":["../../../src/charts/ChartContainer.tsx"],"names":[],"mappings":";;;;AAsBA,iCAA0E;AAE1E,MAAM,gCAAgC,GAAG,GAAG,CAAC;AAE7C;;;;;;GAMG;AACH,MAAM,uBAAuB,GAAG,CAC9B,QAAgD,EAChD,EAAE;IACF,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,IAAA,gBAAQ,GAAU,CAAC;IAE3E,MAAM,0BAA0B,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;;QAClD,uBAAuB,CAAC,MAAA,QAAQ,CAAC,OAAO,0CAAE,YAAY,CAAC,CAAC;IAC1D,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,0BAA0B,EAAE,CAAC;QAE7B,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,CAAC;QACxC,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,0BAA0B,CAAC,CAAC;QACtE,cAAc,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;QAEvC,OAAO,GAAG,EAAE;YACV,cAAc,CAAC,UAAU,EAAE,CAAC;QAC9B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,0BAA0B,CAAC,CAAC,CAAC;IAE3C,OAAO,oBAAoB,CAAC;AAC9B,CAAC,CAAC;AAOF;;;;;;GAMG;AACI,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAuB,EAAE,EAAE;IACzE,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,oBAAoB,GAAG,uBAAuB,CAAC,QAAQ,CAAC,CAAC;IAC/D,MAAM,mBAAmB,GAAG,IAAA,eAAO,EACjC,GAAG,EAAE,CACH,iCACK,KAAK,KACR,wCAAwC,EACtC,oBAAoB,KAAK,SAAS;YAChC,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CACX,oBAAoB,GAAG,gCAAgC,CACxD,IAAI,IACY,EAC3B,CAAC,oBAAoB,EAAE,KAAK,CAAC,CAC9B,CAAC;IAEF,OAAO,CACL,gCAAK,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,mBAAmB,YACjE,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,cAAc,kBAsBzB","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport type React from 'react';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nconst EXPANDED_LEGEND_MAX_HEIGHT_RATIO = 0.3;\n\n/**\n * Tracks the outer chart container height.\n *\n * The measured height is used to expose CSS sizing data to descendants, most\n * notably the expanded legend max height. A ResizeObserver keeps the value in\n * sync with parent layout changes.\n */\nconst useChartContainerHeight = (\n  chartRef: React.RefObject<HTMLDivElement | null>,\n) => {\n  const [chartContainerHeight, setChartContainerHeight] = useState<number>();\n\n  const updateChartContainerHeight = useCallback(() => {\n    setChartContainerHeight(chartRef.current?.clientHeight);\n  }, [chartRef]);\n\n  useEffect(() => {\n    updateChartContainerHeight();\n\n    const chartContainer = chartRef.current;\n    if (!chartContainer) {\n      return;\n    }\n\n    const resizeObserver = new ResizeObserver(updateChartContainerHeight);\n    resizeObserver.observe(chartContainer);\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [chartRef, updateChartContainerHeight]);\n\n  return chartContainerHeight;\n};\n\ntype ChartContainerProps = {\n  children: React.ReactNode;\n  style?: React.CSSProperties;\n};\n\n/**\n * Provides the chart grid shell and CSS variables shared by the ECharts canvas\n * and legend rows.\n *\n * The container owns the measurement ref for the full chart area so the legend\n * can cap expanded height relative to the available chart height.\n */\nexport const ChartContainer = ({ children, style }: ChartContainerProps) => {\n  const chartRef = useRef<HTMLDivElement>(null);\n  const chartContainerHeight = useChartContainerHeight(chartRef);\n  const chartContainerStyle = useMemo(\n    () =>\n      ({\n        ...style,\n        '--ndl-chart-legend-expanded-max-height':\n          chartContainerHeight === undefined\n            ? undefined\n            : `${Math.floor(\n                chartContainerHeight * EXPANDED_LEGEND_MAX_HEIGHT_RATIO,\n              )}px`,\n      }) as React.CSSProperties,\n    [chartContainerHeight, style],\n  );\n\n  return (\n    <div ref={chartRef} className=\"ndl-chart\" style={chartContainerStyle}>\n      {children}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"ChartContainer.js","sourceRoot":"","sources":["../../../src/charts/ChartContainer.tsx"],"names":[],"mappings":";;;;AAsBA,iCAA0E;AAE1E,MAAM,gCAAgC,GAAG,GAAG,CAAC;AAE7C;;;;;;GAMG;AACH,MAAM,uBAAuB,GAAG,CAC9B,QAAgD,EAChD,EAAE;IACF,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,IAAA,gBAAQ,GAAU,CAAC;IAE3E,MAAM,0BAA0B,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;;QAClD,uBAAuB,CAAC,MAAA,QAAQ,CAAC,OAAO,0CAAE,YAAY,CAAC,CAAC;IAC1D,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,0BAA0B,EAAE,CAAC;QAE7B,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,CAAC;QACxC,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,0BAA0B,CAAC,CAAC;QACtE,cAAc,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;QAEvC,OAAO,GAAG,EAAE;YACV,cAAc,CAAC,UAAU,EAAE,CAAC;QAC9B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,0BAA0B,CAAC,CAAC,CAAC;IAE3C,OAAO,oBAAoB,CAAC;AAC9B,CAAC,CAAC;AAOF;;;;;;GAMG;AACI,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAuB,EAAE,EAAE;IACzE,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,oBAAoB,GAAG,uBAAuB,CAAC,QAAQ,CAAC,CAAC;IAC/D,MAAM,mBAAmB,GAAG,IAAA,eAAO,EACjC,GAAG,EAAE,CACH,iCACK,KAAK,KACR,wCAAwC,EACtC,oBAAoB,KAAK,SAAS;YAChC,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CACX,oBAAoB,GAAG,gCAAgC,CACxD,IAAI,IACY,EAC3B,CAAC,oBAAoB,EAAE,KAAK,CAAC,CAC9B,CAAC;IAEF,OAAO,CACL,gCAAK,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,mBAAmB,YACjE,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,cAAc,kBAsBzB","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport type React from 'react';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nconst EXPANDED_LEGEND_MAX_HEIGHT_RATIO = 0.3;\n\n/**\n * Tracks the outer chart container height.\n *\n * The measured height is used to expose CSS sizing data to descendants, most\n * notably the expanded legend max height. A ResizeObserver keeps the value in\n * sync with parent layout changes.\n */\nconst useChartContainerHeight = (\n  chartRef: React.RefObject<HTMLDivElement | null>,\n) => {\n  const [chartContainerHeight, setChartContainerHeight] = useState<number>();\n\n  const updateChartContainerHeight = useCallback(() => {\n    setChartContainerHeight(chartRef.current?.clientHeight);\n  }, [chartRef]);\n\n  useEffect(() => {\n    updateChartContainerHeight();\n\n    const chartContainer = chartRef.current;\n    if (!chartContainer) {\n      return;\n    }\n\n    const resizeObserver = new ResizeObserver(updateChartContainerHeight);\n    resizeObserver.observe(chartContainer);\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [chartRef, updateChartContainerHeight]);\n\n  return chartContainerHeight;\n};\n\ntype ChartContainerProps = {\n  children: React.ReactNode;\n  style?: React.CSSProperties;\n};\n\n/**\n * Provides the chart grid shell and CSS variables shared by the ECharts canvas\n * and legend rows.\n *\n * The container owns the measurement ref for the full chart area so the legend\n * can cap expanded height relative to the available chart height.\n */\nexport const ChartContainer = ({ children, style }: ChartContainerProps) => {\n  const chartRef = useRef<HTMLDivElement>(null);\n  const chartContainerHeight = useChartContainerHeight(chartRef);\n  const chartContainerStyle = useMemo(\n    () =>\n      ({\n        ...style,\n        '--ndl-chart-legend-expanded-max-height':\n          chartContainerHeight === undefined\n            ? undefined\n            : `${Math.floor(\n                chartContainerHeight * EXPANDED_LEGEND_MAX_HEIGHT_RATIO,\n              )}px`,\n      }) as React.CSSProperties,\n    [chartContainerHeight, style],\n  );\n\n  return (\n    <div ref={chartRef} className=\"ndl-chart\" style={chartContainerStyle}>\n      {children}\n    </div>\n  );\n};\n"]}

package/lib/cjs/charts/ChartEmpty.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChartEmpty = ChartEmpty;
 const jsx_runtime_1 = require("react/jsx-runtime");
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/cjs/charts/ChartEmpty.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartEmpty.js","sourceRoot":"","sources":["../../../src/charts/ChartEmpty.tsx"],"names":[],"mappings":";;AAsCA,gCAcC;;AApDD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,4CAA8C;AAC9C,kDAIgC;AAIhC,MAAM,eAAe,GAAG;IACtB,GAAG,EAAE,uCAA+B;IACpC,IAAI,EAAE,wCAAgC;IACtC,GAAG,EAAE,2BAAmB;CAIzB,CAAC;AAEF,SAAgB,UAAU,CAAC,EACzB,MAAM,EACN,OAAO,GAAG,mBAAmB,EAC7B,IAAI,GAAG,MAAM,GACG;IAChB,MAAM,IAAI,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;IAEnC,OAAO,CACL,iCAAK,SAAS,EAAC,uBAAuB,aACpC,uBAAC,IAAI,IAAC,SAAS,EAAC,4BAA4B,GAAG,EAC/C,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,YAAE,OAAO,GAAc,EACvD,MAAM,IACH,CACP,CAAC;AACJ,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { Typography } from '@neo4j-ndl/react';\nimport {\n  ChartPieIconOutline,\n  PresentationChartBarIconOutline,\n  PresentationChartLineIconOutline,\n} from '@neo4j-ndl/react/icons';\n\nimport { type ChartEmptyProps } from './utils/chart-types';\n\nconst chartEmptyIcons = {\n  bar: PresentationChartBarIconOutline,\n  line: PresentationChartLineIconOutline,\n  pie: ChartPieIconOutline,\n} satisfies Record<\n  NonNullable<ChartEmptyProps['type']>,\n  React.ComponentType<{ className?: string }>\n>;\n\nexport function ChartEmpty({\n  action,\n  message = 'No data available',\n  type = 'line',\n}: ChartEmptyProps): React.JSX.Element {\n  const Icon = chartEmptyIcons[type];\n\n  return (\n    <div className=\"ndl-chart-empty-state\">\n      <Icon className=\"ndl-chart-empty-state-icon\" />\n      <Typography variant=\"body-medium\">{message}</Typography>\n      {action}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"ChartEmpty.js","sourceRoot":"","sources":["../../../src/charts/ChartEmpty.tsx"],"names":[],"mappings":";;AAsCA,gCAcC;;AApDD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,4CAA8C;AAC9C,kDAIgC;AAIhC,MAAM,eAAe,GAAG;IACtB,GAAG,EAAE,uCAA+B;IACpC,IAAI,EAAE,wCAAgC;IACtC,GAAG,EAAE,2BAAmB;CAIzB,CAAC;AAEF,SAAgB,UAAU,CAAC,EACzB,MAAM,EACN,OAAO,GAAG,mBAAmB,EAC7B,IAAI,GAAG,MAAM,GACG;IAChB,MAAM,IAAI,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;IAEnC,OAAO,CACL,iCAAK,SAAS,EAAC,uBAAuB,aACpC,uBAAC,IAAI,IAAC,SAAS,EAAC,4BAA4B,GAAG,EAC/C,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,YAAE,OAAO,GAAc,EACvD,MAAM,IACH,CACP,CAAC;AACJ,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { Typography } from '@neo4j-ndl/react';\nimport {\n  ChartPieIconOutline,\n  PresentationChartBarIconOutline,\n  PresentationChartLineIconOutline,\n} from '@neo4j-ndl/react/icons';\n\nimport { type ChartEmptyProps } from './utils/chart-types';\n\nconst chartEmptyIcons = {\n  bar: PresentationChartBarIconOutline,\n  line: PresentationChartLineIconOutline,\n  pie: ChartPieIconOutline,\n} satisfies Record<\n  NonNullable<ChartEmptyProps['type']>,\n  React.ComponentType<{ className?: string }>\n>;\n\nexport function ChartEmpty({\n  action,\n  message = 'No data available',\n  type = 'line',\n}: ChartEmptyProps): React.JSX.Element {\n  const Icon = chartEmptyIcons[type];\n\n  return (\n    <div className=\"ndl-chart-empty-state\">\n      <Icon className=\"ndl-chart-empty-state-icon\" />\n      <Typography variant=\"body-medium\">{message}</Typography>\n      {action}\n    </div>\n  );\n}\n"]}

package/lib/cjs/charts/ChartRender.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChartRender = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/cjs/charts/ChartRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartRender.js","sourceRoot":"","sources":["../../../src/charts/ChartRender.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { useNeedleTheme } from '@neo4j-ndl/react';\nimport type { EChartsOption } from 'echarts';\nimport { useEffect, useMemo } from 'react';\n\nimport {\n  useChartLifecycle,\n  useChartLoading,\n  useChartResize,\n} from './hooks/use-chart-instance';\nimport { useChartOption } from './hooks/use-chart-option';\nimport { useChartRefsContext } from './hooks/use-chart-refs';\nimport { useChartZoom } from './hooks/use-chart-zoom';\nimport {\n  hasCategoryXAxis as getHasCategoryXAxis,\n  hasMarkAreaInSeries,\n} from './utils/build-chart-option';\nimport type { ChartProps } from './utils/chart-types';\nimport { defaultChartSettings } from './utils/defaults';\nimport { normalizeThresholdLines } from './utils/threshold';\nimport {\n  mergeDataZoom,\n  mergeSeries,\n  mergeXAxis,\n  mergeYAxis,\n} from './utils/user-option-utils';\n\ntype ChartRenderProps = Omit<ChartProps, 'legend' | 'style'> & {\n  onChartOptionChange: (chartOption: EChartsOption | undefined) => void;\n  onFirstResizeChange: (isWaitingForFirstResize: boolean) => void;\n};\n\n/**\n * Owns the ECharts instance element and coordinates chart-specific hooks.\n *\n * The component normalizes user props into Needle-themed ECharts options,\n * initializes/resizes the chart instance, applies loading and zoom behavior, and\n * reports derived chart state back to `Chart` for legend rendering.\n */\nexport const ChartRender = ({\n  callbacks,\n  dataset,\n  isChartZoomDisabled = false,\n  isLoading,\n  onChartOptionChange,\n  onFirstResizeChange,\n  option: userOption,\n  palette,\n  series: propsSeries,\n  settings = defaultChartSettings,\n  xAxis: propXAxis,\n  yAxis: propYAxis,\n}: ChartRenderProps) => {\n  const { chartEchartRef } = useChartRefsContext();\n  const dataZoomOptions = (userOption as EChartsOption)?.dataZoom;\n  const toolboxOptions = (userOption as EChartsOption)?.toolbox;\n  const { theme } = useNeedleTheme();\n\n  const thresholdLines = useMemo(\n    () => normalizeThresholdLines(propsSeries),\n    [propsSeries],\n  );\n  const dataZoom = useMemo(\n    () =>\n      mergeDataZoom(dataZoomOptions, { xAxis: propXAxis, yAxis: propYAxis }),\n    [dataZoomOptions, propXAxis, propYAxis],\n  );\n  const series = useMemo(\n    () => mergeSeries(propsSeries, theme, userOption, palette),\n    [palette, propsSeries, theme, userOption],\n  );\n  const xAxis = useMemo(() => mergeXAxis(propXAxis, theme), [propXAxis, theme]);\n  const yAxis = useMemo(() => mergeYAxis(propYAxis, theme), [propYAxis, theme]);\n  const hasCategoryXAxis = getHasCategoryXAxis(xAxis);\n  const hasMarkArea = hasMarkAreaInSeries(series);\n\n  /**\n   * Hook responsibilities:\n   * - `useChartLifecycle` creates/disposes the ECharts instance and updates theme data.\n   * - `useChartResize` keeps the canvas sized to its container before first render.\n   * - `useChartOption` builds and applies the merged ECharts option.\n   * - `useChartZoom` attaches consumer zoom callbacks.\n   * - `useChartLoading` synchronizes the loading overlay with chart readiness.\n   */\n  useChartLifecycle({ palette, theme });\n  const { isWaitingForFirstResize } = useChartResize();\n  const chartOption = useChartOption({\n    dataZoom,\n    dataset,\n    hasCategoryXAxis,\n    hasMarkArea,\n    propsSeries,\n    series,\n    settings,\n    thresholdLines,\n    toolboxOptions,\n    userOption,\n    xAxis,\n    yAxis,\n  });\n  useChartZoom({ callbacks, isChartZoomDisabled });\n  useChartLoading({\n    isLoading,\n    isWaitingForFirstResize,\n    theme,\n  });\n\n  useEffect(() => {\n    onFirstResizeChange(isWaitingForFirstResize);\n  }, [isWaitingForFirstResize, onFirstResizeChange]);\n\n  useEffect(() => {\n    onChartOptionChange(chartOption);\n  }, [chartOption, onChartOptionChange]);\n\n  return <div ref={chartEchartRef} className=\"ndl-chart-echart\" />;\n};\n"]}
+{"version":3,"file":"ChartRender.js","sourceRoot":"","sources":["../../../src/charts/ChartRender.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { useNeedleTheme } from '@neo4j-ndl/react';\nimport type { EChartsOption } from 'echarts';\nimport { useEffect, useMemo } from 'react';\n\nimport {\n  useChartLifecycle,\n  useChartLoading,\n  useChartResize,\n} from './hooks/use-chart-instance';\nimport { useChartOption } from './hooks/use-chart-option';\nimport { useChartRefsContext } from './hooks/use-chart-refs';\nimport { useChartZoom } from './hooks/use-chart-zoom';\nimport {\n  hasCategoryXAxis as getHasCategoryXAxis,\n  hasMarkAreaInSeries,\n} from './utils/build-chart-option';\nimport type { ChartProps } from './utils/chart-types';\nimport { defaultChartSettings } from './utils/defaults';\nimport { normalizeThresholdLines } from './utils/threshold';\nimport {\n  mergeDataZoom,\n  mergeSeries,\n  mergeXAxis,\n  mergeYAxis,\n} from './utils/user-option-utils';\n\ntype ChartRenderProps = Omit<ChartProps, 'legend' | 'style'> & {\n  onChartOptionChange: (chartOption: EChartsOption | undefined) => void;\n  onFirstResizeChange: (isWaitingForFirstResize: boolean) => void;\n};\n\n/**\n * Owns the ECharts instance element and coordinates chart-specific hooks.\n *\n * The component normalizes user props into Needle-themed ECharts options,\n * initializes/resizes the chart instance, applies loading and zoom behavior, and\n * reports derived chart state back to `Chart` for legend rendering.\n */\nexport const ChartRender = ({\n  callbacks,\n  dataset,\n  isChartZoomDisabled = false,\n  isLoading,\n  onChartOptionChange,\n  onFirstResizeChange,\n  option: userOption,\n  palette,\n  series: propsSeries,\n  settings = defaultChartSettings,\n  xAxis: propXAxis,\n  yAxis: propYAxis,\n}: ChartRenderProps) => {\n  const { chartEchartRef } = useChartRefsContext();\n  const dataZoomOptions = (userOption as EChartsOption)?.dataZoom;\n  const toolboxOptions = (userOption as EChartsOption)?.toolbox;\n  const { theme } = useNeedleTheme();\n\n  const thresholdLines = useMemo(\n    () => normalizeThresholdLines(propsSeries),\n    [propsSeries],\n  );\n  const dataZoom = useMemo(\n    () =>\n      mergeDataZoom(dataZoomOptions, { xAxis: propXAxis, yAxis: propYAxis }),\n    [dataZoomOptions, propXAxis, propYAxis],\n  );\n  const series = useMemo(\n    () => mergeSeries(propsSeries, theme, userOption, palette),\n    [palette, propsSeries, theme, userOption],\n  );\n  const xAxis = useMemo(() => mergeXAxis(propXAxis, theme), [propXAxis, theme]);\n  const yAxis = useMemo(() => mergeYAxis(propYAxis, theme), [propYAxis, theme]);\n  const hasCategoryXAxis = getHasCategoryXAxis(xAxis);\n  const hasMarkArea = hasMarkAreaInSeries(series);\n\n  /**\n   * Hook responsibilities:\n   * - `useChartLifecycle` creates/disposes the ECharts instance and updates theme data.\n   * - `useChartResize` keeps the canvas sized to its container before first render.\n   * - `useChartOption` builds and applies the merged ECharts option.\n   * - `useChartZoom` attaches consumer zoom callbacks.\n   * - `useChartLoading` synchronizes the loading overlay with chart readiness.\n   */\n  useChartLifecycle({ palette, theme });\n  const { isWaitingForFirstResize } = useChartResize();\n  const chartOption = useChartOption({\n    dataZoom,\n    dataset,\n    hasCategoryXAxis,\n    hasMarkArea,\n    propsSeries,\n    series,\n    settings,\n    thresholdLines,\n    toolboxOptions,\n    userOption,\n    xAxis,\n    yAxis,\n  });\n  useChartZoom({ callbacks, isChartZoomDisabled });\n  useChartLoading({\n    isLoading,\n    isWaitingForFirstResize,\n    theme,\n  });\n\n  useEffect(() => {\n    onFirstResizeChange(isWaitingForFirstResize);\n  }, [isWaitingForFirstResize, onFirstResizeChange]);\n\n  useEffect(() => {\n    onChartOptionChange(chartOption);\n  }, [chartOption, onChartOptionChange]);\n\n  return <div ref={chartEchartRef} className=\"ndl-chart-echart\" />;\n};\n"]}

package/lib/cjs/charts/ChartTooltip.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChartTooltip = exports.ChartTooltipComponent = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/cjs/charts/ChartTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartTooltip.js","sourceRoot":"","sources":["../../../src/charts/ChartTooltip.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport {\n  Popover,\n  StatusIndicator,\n  TextLink,\n  Typography,\n} from '@neo4j-ndl/react';\nimport classNames from 'classnames';\nimport type React from 'react';\n\nimport {\n  type ChartTooltipContentProps,\n  type ChartTooltipProps,\n} from './utils/chart-types';\n\nexport const ChartTooltipComponent = function ChartTooltipComponent({\n  children,\n  isOpen,\n  style,\n  anchorPosition,\n  ref,\n}: ChartTooltipProps) {\n  return (\n    <Popover\n      isOpen={isOpen}\n      anchorPosition={anchorPosition}\n      placement=\"middle-end-middle-start\"\n    >\n      <Popover.Content ref={ref} style={style}>\n        {children}\n      </Popover.Content>\n    </Popover>\n  );\n};\n\ntype ChartTooltipTitleProps = {\n  children: React.ReactNode;\n  ref?: React.Ref<HTMLSpanElement>;\n};\n\nconst ChartTooltipTitle = function ChartTooltipTitle({\n  children,\n  ref,\n}: ChartTooltipTitleProps) {\n  const classes = classNames(`ndl-charts-chart-tooltip-title`);\n\n  return (\n    <Typography ref={ref} variant=\"body-small\" className={classes}>\n      {children}\n    </Typography>\n  );\n};\n\nconst ChartTooltipContent = function ChartTooltipContent({\n  leadingElement,\n  trailingElement,\n  indentSquareColor,\n  notifications,\n  ref,\n}: ChartTooltipContentProps) {\n  const classes = classNames(`ndl-charts-chart-tooltip-content`);\n\n  return (\n    <div ref={ref} className={classes}>\n      <div className=\"ndl-charts-chart-tooltip-content-line\">\n        {indentSquareColor && (\n          <div\n            className=\"ndl-charts-chart-tooltip-content-indent-square\"\n            style={{ backgroundColor: indentSquareColor }}\n          />\n        )}\n        {leadingElement && (\n          <Typography\n            variant={trailingElement ? 'body-medium' : 'label'}\n            className=\"ndl-charts-chart-tooltip-content-left-element\"\n          >\n            {leadingElement}\n          </Typography>\n        )}\n        {trailingElement && (\n          <Typography\n            variant=\"label\"\n            className=\"ndl-charts-chart-tooltip-content-trailing-element\"\n          >\n            {trailingElement}\n          </Typography>\n        )}\n      </div>\n\n      {notifications &&\n        notifications.map((notification) => {\n          const { id, notificationType, leadingElement, trailingElement } =\n            notification;\n\n          return (\n            <div\n              key={`notification-${id}`}\n              className={`ndl-charts-chart-tooltip-content-notification ndl-notification-${notificationType}`}\n            >\n              <StatusIndicator variant={notificationType} />\n              <Typography\n                variant=\"body-medium\"\n                className=\"ndl-charts-chart-tooltip-content-notification-left-element\"\n              >\n                {leadingElement}\n              </Typography>\n              <Typography\n                variant=\"label\"\n                className=\"ndl-charts-chart-tooltip-content-notification-trailing-element\"\n              >\n                {trailingElement}\n              </Typography>\n            </div>\n          );\n        })}\n    </div>\n  );\n};\n\nconst ChartTooltipLink = function ChartTooltipAction({\n  ref,\n  ...restProps\n}: React.ComponentProps<typeof TextLink>) {\n  return <TextLink ref={ref} {...restProps} />;\n};\n\nconst ChartTooltip = Object.assign(ChartTooltipComponent, {\n  Content: ChartTooltipContent,\n  Link: ChartTooltipLink,\n  Title: ChartTooltipTitle,\n});\n\nexport { ChartTooltip };\n"]}
+{"version":3,"file":"ChartTooltip.js","sourceRoot":"","sources":["../../../src/charts/ChartTooltip.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport {\n  Popover,\n  StatusIndicator,\n  TextLink,\n  Typography,\n} from '@neo4j-ndl/react';\nimport classNames from 'classnames';\nimport type React from 'react';\n\nimport {\n  type ChartTooltipContentProps,\n  type ChartTooltipProps,\n} from './utils/chart-types';\n\nexport const ChartTooltipComponent = function ChartTooltipComponent({\n  children,\n  isOpen,\n  style,\n  anchorPosition,\n  ref,\n}: ChartTooltipProps) {\n  return (\n    <Popover\n      isOpen={isOpen}\n      anchorPosition={anchorPosition}\n      placement=\"middle-end-middle-start\"\n    >\n      <Popover.Content ref={ref} style={style}>\n        {children}\n      </Popover.Content>\n    </Popover>\n  );\n};\n\ntype ChartTooltipTitleProps = {\n  children: React.ReactNode;\n  ref?: React.Ref<HTMLSpanElement>;\n};\n\nconst ChartTooltipTitle = function ChartTooltipTitle({\n  children,\n  ref,\n}: ChartTooltipTitleProps) {\n  const classes = classNames(`ndl-charts-chart-tooltip-title`);\n\n  return (\n    <Typography ref={ref} variant=\"body-small\" className={classes}>\n      {children}\n    </Typography>\n  );\n};\n\nconst ChartTooltipContent = function ChartTooltipContent({\n  leadingElement,\n  trailingElement,\n  indentSquareColor,\n  notifications,\n  ref,\n}: ChartTooltipContentProps) {\n  const classes = classNames(`ndl-charts-chart-tooltip-content`);\n\n  return (\n    <div ref={ref} className={classes}>\n      <div className=\"ndl-charts-chart-tooltip-content-line\">\n        {indentSquareColor && (\n          <div\n            className=\"ndl-charts-chart-tooltip-content-indent-square\"\n            style={{ backgroundColor: indentSquareColor }}\n          />\n        )}\n        {leadingElement && (\n          <Typography\n            variant={trailingElement ? 'body-medium' : 'label'}\n            className=\"ndl-charts-chart-tooltip-content-left-element\"\n          >\n            {leadingElement}\n          </Typography>\n        )}\n        {trailingElement && (\n          <Typography\n            variant=\"label\"\n            className=\"ndl-charts-chart-tooltip-content-trailing-element\"\n          >\n            {trailingElement}\n          </Typography>\n        )}\n      </div>\n\n      {notifications &&\n        notifications.map((notification) => {\n          const { id, notificationType, leadingElement, trailingElement } =\n            notification;\n\n          return (\n            <div\n              key={`notification-${id}`}\n              className={`ndl-charts-chart-tooltip-content-notification ndl-notification-${notificationType}`}\n            >\n              <StatusIndicator variant={notificationType} />\n              <Typography\n                variant=\"body-medium\"\n                className=\"ndl-charts-chart-tooltip-content-notification-left-element\"\n              >\n                {leadingElement}\n              </Typography>\n              <Typography\n                variant=\"label\"\n                className=\"ndl-charts-chart-tooltip-content-notification-trailing-element\"\n              >\n                {trailingElement}\n              </Typography>\n            </div>\n          );\n        })}\n    </div>\n  );\n};\n\nconst ChartTooltipLink = function ChartTooltipAction({\n  ref,\n  ...restProps\n}: React.ComponentProps<typeof TextLink>) {\n  return <TextLink ref={ref} {...restProps} />;\n};\n\nconst ChartTooltip = Object.assign(ChartTooltipComponent, {\n  Content: ChartTooltipContent,\n  Link: ChartTooltipLink,\n  Title: ChartTooltipTitle,\n});\n\nexport { ChartTooltip };\n"]}

package/lib/cjs/charts/Legend.js

@@ -13,7 +13,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Legend = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/cjs/charts/Legend.js.map

@@ -1 +1 @@
-{"version":3,"file":"Legend.js","sourceRoot":"","sources":["../../../src/charts/Legend.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,6EAGyC;AACzC,yEAAoE;AACpE,6CAA0C;AAC1C,iDAA8C;AAQ9C;;;;;;;GAOG;AACI,MAAM,MAAM,GAAG,CAAC,EAOiC,EAAE,EAAE;QAPrC,EACrB,SAAS,EACT,MAAM,EACN,aAAa,GAAG,IAAI,EACpB,aAAa,EACb,cAAc,OAEwC,EADnD,SAAS,cANS,2EAOtB,CADa;IAEZ,MAAM,EAAE,sBAAsB,EAAE,GAAG,IAAA,4CAAkB,EAAC;QACpD,MAAM;KACP,CAAC,CAAC;IAEH,MAAM,EAAE,eAAe,EAAE,GAAG,IAAA,iDAAuB,EAAC;QAClD,cAAc,EAAE,sBAAsB;QACtC,MAAM;KACP,CAAC,CAAC;IAEH,MAAM,EAAE,sBAAsB,EAAE,GAAG,IAAA,2CAAmB,EACpD,sBAAsB,CACvB,CAAC;IAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,MAAM,CACvE,OAAO,CACR,CAAC,MAAM,CAAC;IACT,MAAM,kBAAkB,GAAG,oBAAoB,KAAK,MAAM,CAAC,MAAM,CAAC;IAClE,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;IAE7C,OAAO,CACL,uBAAC,2BAAY,kBACX,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,IAC1B,SAAS,cAEZ,MAAM,CAAC,GAAG,CAAC,CAAC,aAAa,EAAE,KAAK,EAAE,EAAE;;YAAC,OAAA,CACpC,uBAAC,uBAAU,IAET,IAAI,EAAE,aAAa,CAAC,IAAI,EACxB,KAAK,EAAE,aAAa,CAAC,KAAK,EAC1B,UAAU,EAAE,kBAAkB,IAAI,aAAa,CAAC,IAAI,KAAK,SAAS,EAClE,sBAAsB,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,aAAa,EAAE,IAAI,CAAC,EAClE,sBAAsB,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,aAAa,EAAE,KAAK,CAAC,EACnE,iBAAiB,EAAE,GAAG,EAAE;;oBACtB,MAAM,aAAa,GACjB,sBAAsB,CAAC,MAAA,aAAa,CAAC,IAAI,mCAAI,EAAE,CAAC;wBAChD,oBAAoB,KAAK,CAAC,CAAC;oBAE7B,sBAAsB,CACpB,aAAa,CAAC,IAAI,EAClB,kBAAkB,EAClB,aAAa,CACd,CAAC;gBACJ,CAAC,EACD,QAAQ,EACN,CAAC,kBAAkB;oBACnB,sBAAsB,CAAC,MAAA,aAAa,CAAC,IAAI,mCAAI,EAAE,CAAC,EAElD,UAAU,EACR,aAAa,CAAC,IAAI,KAAK,SAAS;oBAC9B,CAAC,CAAC,KAAK;oBACP,CAAC,CAAC,CAAC,sBAAsB,CAAC,aAAa,CAAC,IAAI,CAAC,YAGhD,MAAA,aAAa,CAAC,IAAI,mCAAI,UAAU,KAAK,EAAE,IA3BnC,MAAA,aAAa,CAAC,IAAI,mCAAI,KAAK,CA4BrB,CACd,CAAA;SAAA,CAAC,IACW,CAChB,CAAC;AACJ,CAAC,CAAC;AAtEW,QAAA,MAAM,UAsEjB","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport {\n  useLegendHoverHighlight,\n  useLegendSelection,\n} from './hooks/use-legend-interactions';\nimport { useLegendVisibility } from './hooks/use-legend-visibility';\nimport { LegendItem } from './LegendItem';\nimport { LegendLayout } from './LegendLayout';\nimport { type CommonProps, type LegendProps } from './utils/chart-types';\n\ntype LegendComponentProps = LegendProps & {\n  isLayoutReady?: boolean;\n  onLayoutReady?: () => void;\n};\n\n/**\n * Renders the interactive chart legend and keeps legend state synchronized with\n * ECharts.\n *\n * The component owns the React-side selected-series state, mirrors it into the\n * shared ref consumed when rebuilding chart options, and wires item hover/click\n * interactions back to the ECharts instance.\n */\nexport const Legend = ({\n  className,\n  series,\n  isLayoutReady = true,\n  onLayoutReady,\n  htmlAttributes,\n  ...restProps\n}: Omit<CommonProps<'div', LegendComponentProps>, 'ref'>) => {\n  const { renderedSelectedSeries } = useLegendSelection({\n    series,\n  });\n\n  const { toggleHighlight } = useLegendHoverHighlight({\n    selectedSeries: renderedSelectedSeries,\n    series,\n  });\n\n  const { toggleLegendVisibility } = useLegendVisibility(\n    renderedSelectedSeries,\n  );\n\n  const selectedSeriesLength = Object.values(renderedSelectedSeries).filter(\n    Boolean,\n  ).length;\n  const isAllSeriesVisible = selectedSeriesLength === series.length;\n  const hasMoreThanOneItem = series.length > 1;\n\n  return (\n    <LegendLayout\n      className={className}\n      isLayoutReady={isLayoutReady}\n      itemCount={series.length}\n      onLayoutReady={onLayoutReady}\n      htmlAttributes={htmlAttributes}\n      {...restProps}\n    >\n      {series.map((currentSeries, index) => (\n        <LegendItem\n          key={currentSeries.name ?? index}\n          name={currentSeries.name}\n          color={currentSeries.color}\n          hasButtons={hasMoreThanOneItem && currentSeries.name !== undefined}\n          onLegendItemMouseEnter={() => toggleHighlight(currentSeries, true)}\n          onLegendItemMouseLeave={() => toggleHighlight(currentSeries, false)}\n          onLegendItemClick={() => {\n            const isOnlyVisible =\n              renderedSelectedSeries[currentSeries.name ?? ''] &&\n              selectedSeriesLength === 1;\n\n            toggleLegendVisibility(\n              currentSeries.name,\n              isAllSeriesVisible,\n              isOnlyVisible,\n            );\n          }}\n          selected={\n            !isAllSeriesVisible &&\n            renderedSelectedSeries[currentSeries.name ?? '']\n          }\n          deSelected={\n            currentSeries.name === undefined\n              ? false\n              : !renderedSelectedSeries[currentSeries.name]\n          }\n        >\n          {currentSeries.name ?? `Series ${index}`}\n        </LegendItem>\n      ))}\n    </LegendLayout>\n  );\n};\n"]}
+{"version":3,"file":"Legend.js","sourceRoot":"","sources":["../../../src/charts/Legend.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,6EAGyC;AACzC,yEAAoE;AACpE,6CAA0C;AAC1C,iDAA8C;AAQ9C;;;;;;;GAOG;AACI,MAAM,MAAM,GAAG,CAAC,EAOiC,EAAE,EAAE;QAPrC,EACrB,SAAS,EACT,MAAM,EACN,aAAa,GAAG,IAAI,EACpB,aAAa,EACb,cAAc,OAEwC,EADnD,SAAS,cANS,2EAOtB,CADa;IAEZ,MAAM,EAAE,sBAAsB,EAAE,GAAG,IAAA,4CAAkB,EAAC;QACpD,MAAM;KACP,CAAC,CAAC;IAEH,MAAM,EAAE,eAAe,EAAE,GAAG,IAAA,iDAAuB,EAAC;QAClD,cAAc,EAAE,sBAAsB;QACtC,MAAM;KACP,CAAC,CAAC;IAEH,MAAM,EAAE,sBAAsB,EAAE,GAAG,IAAA,2CAAmB,EACpD,sBAAsB,CACvB,CAAC;IAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,MAAM,CACvE,OAAO,CACR,CAAC,MAAM,CAAC;IACT,MAAM,kBAAkB,GAAG,oBAAoB,KAAK,MAAM,CAAC,MAAM,CAAC;IAClE,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;IAE7C,OAAO,CACL,uBAAC,2BAAY,kBACX,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,IAC1B,SAAS,cAEZ,MAAM,CAAC,GAAG,CAAC,CAAC,aAAa,EAAE,KAAK,EAAE,EAAE;;YAAC,OAAA,CACpC,uBAAC,uBAAU,IAET,IAAI,EAAE,aAAa,CAAC,IAAI,EACxB,KAAK,EAAE,aAAa,CAAC,KAAK,EAC1B,UAAU,EAAE,kBAAkB,IAAI,aAAa,CAAC,IAAI,KAAK,SAAS,EAClE,sBAAsB,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,aAAa,EAAE,IAAI,CAAC,EAClE,sBAAsB,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,aAAa,EAAE,KAAK,CAAC,EACnE,iBAAiB,EAAE,GAAG,EAAE;;oBACtB,MAAM,aAAa,GACjB,sBAAsB,CAAC,MAAA,aAAa,CAAC,IAAI,mCAAI,EAAE,CAAC;wBAChD,oBAAoB,KAAK,CAAC,CAAC;oBAE7B,sBAAsB,CACpB,aAAa,CAAC,IAAI,EAClB,kBAAkB,EAClB,aAAa,CACd,CAAC;gBACJ,CAAC,EACD,QAAQ,EACN,CAAC,kBAAkB;oBACnB,sBAAsB,CAAC,MAAA,aAAa,CAAC,IAAI,mCAAI,EAAE,CAAC,EAElD,UAAU,EACR,aAAa,CAAC,IAAI,KAAK,SAAS;oBAC9B,CAAC,CAAC,KAAK;oBACP,CAAC,CAAC,CAAC,sBAAsB,CAAC,aAAa,CAAC,IAAI,CAAC,YAGhD,MAAA,aAAa,CAAC,IAAI,mCAAI,UAAU,KAAK,EAAE,IA3BnC,MAAA,aAAa,CAAC,IAAI,mCAAI,KAAK,CA4BrB,CACd,CAAA;SAAA,CAAC,IACW,CAChB,CAAC;AACJ,CAAC,CAAC;AAtEW,QAAA,MAAM,UAsEjB","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport {\n  useLegendHoverHighlight,\n  useLegendSelection,\n} from './hooks/use-legend-interactions';\nimport { useLegendVisibility } from './hooks/use-legend-visibility';\nimport { LegendItem } from './LegendItem';\nimport { LegendLayout } from './LegendLayout';\nimport { type CommonProps, type LegendProps } from './utils/chart-types';\n\ntype LegendComponentProps = LegendProps & {\n  isLayoutReady?: boolean;\n  onLayoutReady?: () => void;\n};\n\n/**\n * Renders the interactive chart legend and keeps legend state synchronized with\n * ECharts.\n *\n * The component owns the React-side selected-series state, mirrors it into the\n * shared ref consumed when rebuilding chart options, and wires item hover/click\n * interactions back to the ECharts instance.\n */\nexport const Legend = ({\n  className,\n  series,\n  isLayoutReady = true,\n  onLayoutReady,\n  htmlAttributes,\n  ...restProps\n}: Omit<CommonProps<'div', LegendComponentProps>, 'ref'>) => {\n  const { renderedSelectedSeries } = useLegendSelection({\n    series,\n  });\n\n  const { toggleHighlight } = useLegendHoverHighlight({\n    selectedSeries: renderedSelectedSeries,\n    series,\n  });\n\n  const { toggleLegendVisibility } = useLegendVisibility(\n    renderedSelectedSeries,\n  );\n\n  const selectedSeriesLength = Object.values(renderedSelectedSeries).filter(\n    Boolean,\n  ).length;\n  const isAllSeriesVisible = selectedSeriesLength === series.length;\n  const hasMoreThanOneItem = series.length > 1;\n\n  return (\n    <LegendLayout\n      className={className}\n      isLayoutReady={isLayoutReady}\n      itemCount={series.length}\n      onLayoutReady={onLayoutReady}\n      htmlAttributes={htmlAttributes}\n      {...restProps}\n    >\n      {series.map((currentSeries, index) => (\n        <LegendItem\n          key={currentSeries.name ?? index}\n          name={currentSeries.name}\n          color={currentSeries.color}\n          hasButtons={hasMoreThanOneItem && currentSeries.name !== undefined}\n          onLegendItemMouseEnter={() => toggleHighlight(currentSeries, true)}\n          onLegendItemMouseLeave={() => toggleHighlight(currentSeries, false)}\n          onLegendItemClick={() => {\n            const isOnlyVisible =\n              renderedSelectedSeries[currentSeries.name ?? ''] &&\n              selectedSeriesLength === 1;\n\n            toggleLegendVisibility(\n              currentSeries.name,\n              isAllSeriesVisible,\n              isOnlyVisible,\n            );\n          }}\n          selected={\n            !isAllSeriesVisible &&\n            renderedSelectedSeries[currentSeries.name ?? '']\n          }\n          deSelected={\n            currentSeries.name === undefined\n              ? false\n              : !renderedSelectedSeries[currentSeries.name]\n          }\n        >\n          {currentSeries.name ?? `Series ${index}`}\n        </LegendItem>\n      ))}\n    </LegendLayout>\n  );\n};\n"]}

package/lib/cjs/charts/LegendItem.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LegendItem = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/cjs/charts/LegendItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegendItem.js","sourceRoot":"","sources":["../../../src/charts/LegendItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4CAA8C;AAC9C,kDAA0D;AAC1D,4DAAoC;AAIpC,iDAAoD;AAEpD;;;;;;GAMG;AACI,MAAM,UAAU,GAAG,CAAC,EAcT,EAAE,EAAE;;QAdK,EACzB,QAAQ,EACR,EAAE,EACF,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,iBAAiB,EACjB,KAAK,EACL,UAAU,GAAG,IAAI,EACjB,GAAG,EACH,sBAAsB,EACtB,sBAAsB,OAEN,EADb,SAAS,cAba,wKAc1B,CADa;IAEZ,MAAM,SAAS,GAAG,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,OAAO,GAAG,IAAA,oBAAU,EACxB,uBAAuB,EACvB;QACE,kCAAkC,EAAE,UAAU;QAC9C,gCAAgC,EAAE,QAAQ;KAC3C,EACD,SAAS,CACV,CAAC;IAEF,yDAAyD;IACzD,IAAI,MAAA,IAAA,2BAAe,EAAC,IAAI,CAAC,mCAAI,KAAK,EAAE,CAAC;QACnC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,wBAAC,SAAS,kBACR,SAAS,EAAE,OAAO,EAClB,GAAG,EAAE,GAAG,oBACQ,IAAI,EACpB,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,EACnD,YAAY,EAAE,sBAAsB,EACpC,YAAY,EAAE,sBAAsB,IAChC,SAAS,eAEb,iCACE,SAAS,EAAC,8BAA8B,EACxC,KAAK,EACH;oBACE,+BAA+B,EAAE,KAAK;oBACtC,eAAe,EAAE,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK;iBACtC,YAGzB,QAAQ,KAAK,IAAI,IAAI,CACpB,uBAAC,wBAAgB,IAAC,SAAS,EAAC,wCAAwC,GAAG,CACxE,GACI,EACP,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,EAAC,SAAS,EAAC,4BAA4B,YACrE,QAAQ,GACE,KACH,CACb,CAAC;AACJ,CAAC,CAAC;AA5DW,QAAA,UAAU,cA4DrB","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { Typography } from '@neo4j-ndl/react';\nimport { CheckIconOutline } from '@neo4j-ndl/react/icons';\nimport classNames from 'classnames';\nimport type React from 'react';\n\nimport { type LegendItemProps } from './utils/chart-types';\nimport { isThresholdLine } from './utils/threshold';\n\n/**\n * Renders a single legend entry with its series color, selection indicator, and\n * optional button semantics.\n *\n * Threshold-line series are intentionally skipped because they are chart\n * annotations rather than user-toggleable data series.\n */\nexport const LegendItem = ({\n  children,\n  as,\n  className,\n  name,\n  selected,\n  deSelected,\n  onLegendItemClick,\n  color,\n  hasButtons = true,\n  ref,\n  onLegendItemMouseEnter,\n  onLegendItemMouseLeave,\n  ...restProps\n}: LegendItemProps) => {\n  const Component = as ?? (hasButtons ? 'button' : 'div');\n\n  const classes = classNames(\n    'ndl-chart-legend-item',\n    {\n      'ndl-chart-legend-item-deselected': deSelected,\n      'ndl-chart-legend-item-selected': selected,\n    },\n    className,\n  );\n\n  // We don't want to display threshold lines in the legend\n  if (isThresholdLine(name) ?? false) {\n    return null;\n  }\n\n  return (\n    <Component\n      className={classes}\n      ref={ref}\n      data-labelname={name}\n      title={name}\n      onClick={hasButtons ? onLegendItemClick : undefined}\n      onMouseEnter={onLegendItemMouseEnter}\n      onMouseLeave={onLegendItemMouseLeave}\n      {...restProps}\n    >\n      <span\n        className=\"ndl-chart-legend-item-square\"\n        style={\n          {\n            '--ndl-chart-legend-item-color': color,\n            backgroundColor: deSelected === true ? 'transparent' : color,\n          } as React.CSSProperties\n        }\n      >\n        {selected === true && (\n          <CheckIconOutline className=\"ndl-chart-legend-item-square-checkmark\" />\n        )}\n      </span>\n      <Typography variant=\"body-medium\" className=\"ndl-chart-legend-item-text\">\n        {children}\n      </Typography>\n    </Component>\n  );\n};\n"]}
+{"version":3,"file":"LegendItem.js","sourceRoot":"","sources":["../../../src/charts/LegendItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4CAA8C;AAC9C,kDAA0D;AAC1D,4DAAoC;AAIpC,iDAAoD;AAEpD;;;;;;GAMG;AACI,MAAM,UAAU,GAAG,CAAC,EAcT,EAAE,EAAE;;QAdK,EACzB,QAAQ,EACR,EAAE,EACF,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,iBAAiB,EACjB,KAAK,EACL,UAAU,GAAG,IAAI,EACjB,GAAG,EACH,sBAAsB,EACtB,sBAAsB,OAEN,EADb,SAAS,cAba,wKAc1B,CADa;IAEZ,MAAM,SAAS,GAAG,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,OAAO,GAAG,IAAA,oBAAU,EACxB,uBAAuB,EACvB;QACE,kCAAkC,EAAE,UAAU;QAC9C,gCAAgC,EAAE,QAAQ;KAC3C,EACD,SAAS,CACV,CAAC;IAEF,yDAAyD;IACzD,IAAI,MAAA,IAAA,2BAAe,EAAC,IAAI,CAAC,mCAAI,KAAK,EAAE,CAAC;QACnC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,wBAAC,SAAS,kBACR,SAAS,EAAE,OAAO,EAClB,GAAG,EAAE,GAAG,oBACQ,IAAI,EACpB,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,EACnD,YAAY,EAAE,sBAAsB,EACpC,YAAY,EAAE,sBAAsB,IAChC,SAAS,eAEb,iCACE,SAAS,EAAC,8BAA8B,EACxC,KAAK,EACH;oBACE,+BAA+B,EAAE,KAAK;oBACtC,eAAe,EAAE,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK;iBACtC,YAGzB,QAAQ,KAAK,IAAI,IAAI,CACpB,uBAAC,wBAAgB,IAAC,SAAS,EAAC,wCAAwC,GAAG,CACxE,GACI,EACP,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,EAAC,SAAS,EAAC,4BAA4B,YACrE,QAAQ,GACE,KACH,CACb,CAAC;AACJ,CAAC,CAAC;AA5DW,QAAA,UAAU,cA4DrB","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { Typography } from '@neo4j-ndl/react';\nimport { CheckIconOutline } from '@neo4j-ndl/react/icons';\nimport classNames from 'classnames';\nimport type React from 'react';\n\nimport { type LegendItemProps } from './utils/chart-types';\nimport { isThresholdLine } from './utils/threshold';\n\n/**\n * Renders a single legend entry with its series color, selection indicator, and\n * optional button semantics.\n *\n * Threshold-line series are intentionally skipped because they are chart\n * annotations rather than user-toggleable data series.\n */\nexport const LegendItem = ({\n  children,\n  as,\n  className,\n  name,\n  selected,\n  deSelected,\n  onLegendItemClick,\n  color,\n  hasButtons = true,\n  ref,\n  onLegendItemMouseEnter,\n  onLegendItemMouseLeave,\n  ...restProps\n}: LegendItemProps) => {\n  const Component = as ?? (hasButtons ? 'button' : 'div');\n\n  const classes = classNames(\n    'ndl-chart-legend-item',\n    {\n      'ndl-chart-legend-item-deselected': deSelected,\n      'ndl-chart-legend-item-selected': selected,\n    },\n    className,\n  );\n\n  // We don't want to display threshold lines in the legend\n  if (isThresholdLine(name) ?? false) {\n    return null;\n  }\n\n  return (\n    <Component\n      className={classes}\n      ref={ref}\n      data-labelname={name}\n      title={name}\n      onClick={hasButtons ? onLegendItemClick : undefined}\n      onMouseEnter={onLegendItemMouseEnter}\n      onMouseLeave={onLegendItemMouseLeave}\n      {...restProps}\n    >\n      <span\n        className=\"ndl-chart-legend-item-square\"\n        style={\n          {\n            '--ndl-chart-legend-item-color': color,\n            backgroundColor: deSelected === true ? 'transparent' : color,\n          } as React.CSSProperties\n        }\n      >\n        {selected === true && (\n          <CheckIconOutline className=\"ndl-chart-legend-item-square-checkmark\" />\n        )}\n      </span>\n      <Typography variant=\"body-medium\" className=\"ndl-chart-legend-item-text\">\n        {children}\n      </Typography>\n    </Component>\n  );\n};\n"]}

package/lib/cjs/charts/LegendLayout.js

@@ -49,7 +49,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LegendLayout = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/cjs/charts/LegendLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegendLayout.js","sourceRoot":"","sources":["../../../src/charts/LegendLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { TextLink } from '@neo4j-ndl/react';\nimport classNames from 'classnames';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { type CommonProps } from './utils/chart-types';\nimport {\n  COLLAPSED_LEGEND_MAX_HEIGHT,\n  COLLAPSED_LEGEND_ROWS,\n  getCollapsedVisibleItemCount,\n  getComputedElementWidth,\n} from './utils/legend-layout';\n\ntype LegendLayoutProps = {\n  children: React.ReactNode;\n  isLayoutReady?: boolean;\n  itemCount: number;\n  onLayoutReady?: () => void;\n};\n\ntype LegendLayoutSnapshot = {\n  collapsedHeight?: number;\n  contentHeight: number;\n  hasOverflow: boolean;\n  visibleItemCount: number;\n};\n\nconst getLegendElementsContentHeight = (\n  legendContent: HTMLElement,\n  elements: HTMLElement[],\n) => {\n  const legendContentStyle = getComputedStyle(legendContent);\n  const paddingBottom = parseFloat(legendContentStyle.paddingBottom) || 0;\n  const elementsBottom = Math.max(\n    ...elements.map((element) => element.offsetTop + element.offsetHeight),\n  );\n\n  return elementsBottom + paddingBottom;\n};\n\nconst getCollapsedLegendContentHeight = ({\n  availableRowWidth,\n  elements,\n  legendContent,\n}: {\n  availableRowWidth: number;\n  elements: HTMLElement[];\n  legendContent: HTMLElement;\n}) => {\n  const legendContentStyle = getComputedStyle(legendContent);\n  const paddingTop = parseFloat(legendContentStyle.paddingTop) || 0;\n  const paddingBottom = parseFloat(legendContentStyle.paddingBottom) || 0;\n  const rowGap = parseFloat(legendContentStyle.rowGap) || 0;\n  let currentRowHeight = 0;\n  let currentRowWidth = 0;\n  const rowHeights: number[] = [];\n\n  elements.forEach((element) => {\n    const elementWidth = getComputedElementWidth(element);\n    const elementHeight = element.getBoundingClientRect().height;\n    const shouldWrap =\n      currentRowWidth > 0 && currentRowWidth + elementWidth > availableRowWidth;\n\n    if (shouldWrap) {\n      rowHeights.push(currentRowHeight);\n      currentRowHeight = 0;\n      currentRowWidth = 0;\n    }\n\n    currentRowWidth += elementWidth;\n    currentRowHeight = Math.max(currentRowHeight, elementHeight);\n  });\n\n  if (currentRowHeight > 0) {\n    rowHeights.push(currentRowHeight);\n  }\n\n  const rowsHeight = rowHeights.reduce((height, rowHeight) => {\n    return height + rowHeight;\n  }, 0);\n\n  return (\n    paddingTop +\n    rowsHeight +\n    rowGap * Math.max(rowHeights.length - 1, 0) +\n    paddingBottom\n  );\n};\n\n/**\n * Tracks legend container width for responsive collapsed-layout recalculation.\n *\n * The width is kept in state so `useCollapsibleLegendLayout` can re-measure item\n * wrapping whenever the available legend width changes.\n */\nconst useLegendContainerWidth = (\n  legendContainerRef: React.RefObject<HTMLDivElement | null>,\n) => {\n  const [legendWidth, setLegendWidth] = useState(Infinity);\n\n  const updateLegendWidth = useCallback(() => {\n    const nextWidth = legendContainerRef.current?.clientWidth;\n    if (nextWidth === undefined) {\n      return;\n    }\n\n    setLegendWidth(nextWidth);\n  }, [legendContainerRef]);\n\n  useEffect(() => {\n    updateLegendWidth();\n\n    const legendContainer = legendContainerRef.current;\n    if (!legendContainer) {\n      return;\n    }\n\n    const resizeObserver = new ResizeObserver(updateLegendWidth);\n    resizeObserver.observe(legendContainer);\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [legendContainerRef, updateLegendWidth]);\n\n  return legendWidth;\n};\n\n/**\n * Owns the collapsed, measuring, and expanded layout state for wrapping legends.\n *\n * Collapsed legends only render the visible subset of items. When the item count\n * or container width changes, the hook temporarily renders every item in an\n * invisible measuring pass so it can calculate wrapping, overflow, and the next\n * visible item count. The last collapsed height is preserved during that pass so\n * the chart area does not shrink while the hidden full legend is being measured.\n */\nconst useCollapsibleLegendLayout = ({\n  itemCount,\n  legendContainerRef,\n  legendContentRef,\n  legendMeasurementRef,\n  viewMoreButtonMeasurementRef,\n}: {\n  itemCount: number;\n  legendContainerRef: React.RefObject<HTMLDivElement | null>;\n  legendContentRef: React.RefObject<HTMLDivElement | null>;\n  legendMeasurementRef: React.RefObject<HTMLDivElement | null>;\n  viewMoreButtonMeasurementRef: React.RefObject<HTMLButtonElement | null>;\n}) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const [isMeasuring, setIsMeasuring] = useState(false);\n  const [layoutSnapshot, setLayoutSnapshot] = useState<LegendLayoutSnapshot>({\n    contentHeight: 0,\n    hasOverflow: false,\n    visibleItemCount: itemCount,\n  });\n  const skipNextCollapseMeasurementRef = useRef(false);\n  const legendWidth = useLegendContainerWidth(legendContainerRef);\n\n  const updateVisibleItems = useCallback(() => {\n    const legendContent = legendMeasurementRef.current;\n    const viewMoreButton = viewMoreButtonMeasurementRef.current;\n    if (!legendContent || !viewMoreButton) {\n      setIsMeasuring(false);\n      return;\n    }\n\n    const legendItems = Array.from(\n      legendContent.querySelectorAll<HTMLElement>('.ndl-chart-legend-item'),\n    ).filter((element) => element.offsetParent !== null);\n\n    if (legendItems.length === 0) {\n      setLayoutSnapshot((snapshot) => ({\n        ...snapshot,\n        contentHeight: 0,\n        hasOverflow: false,\n        visibleItemCount: itemCount,\n      }));\n      setIsMeasuring(false);\n      return;\n    }\n\n    const rowTops = Array.from(\n      new Set(legendItems.map((element) => element.offsetTop)),\n    ).sort((left, right) => left - right);\n    const nextLegendContentHeight = legendContent.scrollHeight;\n    const nextLegendItemsContentHeight = getLegendElementsContentHeight(\n      legendContent,\n      legendItems,\n    );\n\n    if (rowTops.length <= COLLAPSED_LEGEND_ROWS) {\n      setLayoutSnapshot((snapshot) => ({\n        ...snapshot,\n        contentHeight: nextLegendItemsContentHeight,\n        hasOverflow: false,\n        visibleItemCount: itemCount,\n      }));\n      setIsMeasuring(false);\n      return;\n    }\n\n    const legendContainer = legendContainerRef.current;\n    const legendContentStyle = getComputedStyle(legendContent);\n    const availableRowWidth =\n      (legendContainer?.clientWidth ?? legendContent.clientWidth) -\n      (parseFloat(legendContentStyle.paddingLeft) || 0) -\n      (parseFloat(legendContentStyle.paddingRight) || 0);\n    const viewMoreButtonWidth = getComputedElementWidth(viewMoreButton);\n    const legendItemWidths = legendItems.map(getComputedElementWidth);\n    const nextVisibleItemCount = getCollapsedVisibleItemCount(\n      legendItemWidths,\n      availableRowWidth,\n      viewMoreButtonWidth,\n    );\n    const nextCollapsedContentHeight = getCollapsedLegendContentHeight({\n      availableRowWidth,\n      elements: [...legendItems.slice(0, nextVisibleItemCount), viewMoreButton],\n      legendContent,\n    });\n\n    setLayoutSnapshot((snapshot) => ({\n      ...snapshot,\n      collapsedHeight: Math.min(\n        nextCollapsedContentHeight,\n        COLLAPSED_LEGEND_MAX_HEIGHT,\n      ),\n      contentHeight: nextLegendContentHeight,\n      hasOverflow: nextVisibleItemCount < itemCount,\n      visibleItemCount: nextVisibleItemCount,\n    }));\n    setIsMeasuring(false);\n  }, [\n    itemCount,\n    legendContainerRef,\n    legendMeasurementRef,\n    viewMoreButtonMeasurementRef,\n  ]);\n\n  useEffect(() => {\n    setIsExpanded(false);\n  }, [itemCount]);\n\n  useEffect(() => {\n    if (isExpanded) {\n      setIsMeasuring(false);\n      return;\n    }\n\n    if (skipNextCollapseMeasurementRef.current) {\n      skipNextCollapseMeasurementRef.current = false;\n      setIsMeasuring(false);\n      return;\n    }\n\n    setIsMeasuring(true);\n  }, [isExpanded, itemCount, legendWidth]);\n\n  useEffect(() => {\n    const isMeasuringCollapsed = !isExpanded && isMeasuring;\n\n    const animationFrame = requestAnimationFrame(() => {\n      if (isMeasuringCollapsed) {\n        updateVisibleItems();\n      } else {\n        setLayoutSnapshot((snapshot) => ({\n          ...snapshot,\n          contentHeight: legendContentRef.current?.scrollHeight ?? 0,\n        }));\n\n        if (!isMeasuring && !isExpanded && layoutSnapshot.hasOverflow) {\n          setLayoutSnapshot((snapshot) => ({\n            ...snapshot,\n            collapsedHeight:\n              legendContentRef.current?.getBoundingClientRect().height,\n          }));\n        }\n      }\n    });\n\n    return () => {\n      cancelAnimationFrame(animationFrame);\n    };\n  }, [\n    isExpanded,\n    isMeasuring,\n    legendContentRef,\n    layoutSnapshot.hasOverflow,\n    updateVisibleItems,\n  ]);\n\n  const expandLegend = useCallback(() => {\n    setIsMeasuring(false);\n    setIsExpanded(true);\n  }, []);\n\n  const collapseLegend = useCallback(() => {\n    skipNextCollapseMeasurementRef.current = true;\n    setIsExpanded(false);\n  }, []);\n\n  return {\n    collapseLegend,\n    expandLegend,\n    isExpanded,\n    isMeasuring,\n    layoutSnapshot,\n  };\n};\n\n/**\n * Renders the responsive legend layout shell.\n *\n * The component switches between a two-row collapsed view, an invisible\n * measurement view, and an expanded scrollable view while keeping the\n * \"View more\"/\"View less\" action wired to the measured overflow state.\n */\nexport const LegendLayout = ({\n  children,\n  className,\n  isLayoutReady = true,\n  itemCount,\n  onLayoutReady,\n  htmlAttributes,\n  ...restProps\n}: Omit<CommonProps<'div', LegendLayoutProps>, 'ref'>) => {\n  const legendContainerRef = useRef<HTMLDivElement>(null);\n  const legendContentRef = useRef<HTMLDivElement>(null);\n  const legendMeasurementRef = useRef<HTMLDivElement>(null);\n  const pendingFocusLegendItemIndexRef = useRef<number | null>(null);\n  const viewMoreButtonMeasurementRef = useRef<HTMLButtonElement>(null);\n  const {\n    collapseLegend,\n    expandLegend,\n    isExpanded,\n    isMeasuring,\n    layoutSnapshot,\n  } = useCollapsibleLegendLayout({\n    itemCount,\n    legendContainerRef,\n    legendContentRef,\n    legendMeasurementRef,\n    viewMoreButtonMeasurementRef,\n  });\n\n  const childList = React.Children.toArray(children);\n  const childrenToRender = !isExpanded\n    ? childList.slice(0, layoutSnapshot.visibleItemCount)\n    : childList;\n  const legendHeight =\n    !isMeasuring && !isExpanded && layoutSnapshot.hasOverflow\n      ? layoutSnapshot.collapsedHeight\n      : !isMeasuring &&\n          !layoutSnapshot.hasOverflow &&\n          layoutSnapshot.contentHeight\n        ? layoutSnapshot.contentHeight\n        : undefined;\n\n  useEffect(() => {\n    if (!isMeasuring && layoutSnapshot.contentHeight > 0) {\n      let secondFrame: number | undefined;\n      const firstFrame = requestAnimationFrame(() => {\n        secondFrame = requestAnimationFrame(() => {\n          onLayoutReady?.();\n        });\n      });\n\n      return () => {\n        cancelAnimationFrame(firstFrame);\n        if (secondFrame !== undefined) {\n          cancelAnimationFrame(secondFrame);\n        }\n      };\n    }\n  }, [isMeasuring, layoutSnapshot.contentHeight, onLayoutReady]);\n\n  useEffect(() => {\n    const pendingFocusLegendItemIndex = pendingFocusLegendItemIndexRef.current;\n    if (!isExpanded || pendingFocusLegendItemIndex === null) {\n      return;\n    }\n\n    const legendItems = legendContentRef.current?.querySelectorAll<HTMLElement>(\n      '.ndl-chart-legend-item',\n    );\n    legendItems?.[pendingFocusLegendItemIndex]?.focus();\n    pendingFocusLegendItemIndexRef.current = null;\n  }, [isExpanded]);\n\n  const handleLegendActionClick = useCallback(() => {\n    if (isExpanded) {\n      collapseLegend();\n      return;\n    }\n\n    pendingFocusLegendItemIndexRef.current = layoutSnapshot.visibleItemCount;\n    expandLegend();\n  }, [\n    collapseLegend,\n    expandLegend,\n    isExpanded,\n    layoutSnapshot.visibleItemCount,\n  ]);\n\n  const classes = classNames(\n    'ndl-chart-legend',\n    {\n      'ndl-chart-legend-calculating': !isExpanded && isMeasuring,\n      'ndl-chart-legend-collapsed': layoutSnapshot.hasOverflow && !isExpanded,\n      'ndl-chart-legend-expanded': layoutSnapshot.hasOverflow && isExpanded,\n      'ndl-chart-legend-hidden': !isLayoutReady,\n      'ndl-chart-legend-scrollable':\n        layoutSnapshot.hasOverflow &&\n        isExpanded &&\n        layoutSnapshot.contentHeight > COLLAPSED_LEGEND_MAX_HEIGHT,\n      'ndl-chart-legend-wrapping': true,\n    },\n    className,\n  );\n  return (\n    <div\n      ref={legendContainerRef}\n      className=\"ndl-chart-legend-container\"\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <div\n        className={classes}\n        ref={legendContentRef}\n        style={{\n          height: legendHeight,\n          maxHeight:\n            layoutSnapshot.hasOverflow && isExpanded\n              ? 'var(--ndl-chart-legend-expanded-max-height)'\n              : layoutSnapshot.hasOverflow\n                ? COLLAPSED_LEGEND_MAX_HEIGHT\n                : undefined,\n        }}\n      >\n        {childrenToRender}\n        {layoutSnapshot.hasOverflow && (\n          <TextLink\n            as=\"button\"\n            className=\"ndl-chart-legend-action\"\n            htmlAttributes={{\n              'aria-expanded': isExpanded,\n              onClick: handleLegendActionClick,\n              type: 'button',\n            }}\n          >\n            {isExpanded ? 'View less' : 'View more'}\n          </TextLink>\n        )}\n        {isMeasuring && (\n          <div\n            aria-hidden=\"true\"\n            className=\"ndl-chart-legend-measurement\"\n            ref={legendMeasurementRef}\n          >\n            {childList}\n            <TextLink\n              as=\"button\"\n              ref={viewMoreButtonMeasurementRef}\n              className=\"ndl-chart-legend-action\"\n              htmlAttributes={{\n                tabIndex: -1,\n                type: 'button',\n              }}\n            >\n              View more\n            </TextLink>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"LegendLayout.js","sourceRoot":"","sources":["../../../src/charts/LegendLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { TextLink } from '@neo4j-ndl/react';\nimport classNames from 'classnames';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { type CommonProps } from './utils/chart-types';\nimport {\n  COLLAPSED_LEGEND_MAX_HEIGHT,\n  COLLAPSED_LEGEND_ROWS,\n  getCollapsedVisibleItemCount,\n  getComputedElementWidth,\n} from './utils/legend-layout';\n\ntype LegendLayoutProps = {\n  children: React.ReactNode;\n  isLayoutReady?: boolean;\n  itemCount: number;\n  onLayoutReady?: () => void;\n};\n\ntype LegendLayoutSnapshot = {\n  collapsedHeight?: number;\n  contentHeight: number;\n  hasOverflow: boolean;\n  visibleItemCount: number;\n};\n\nconst getLegendElementsContentHeight = (\n  legendContent: HTMLElement,\n  elements: HTMLElement[],\n) => {\n  const legendContentStyle = getComputedStyle(legendContent);\n  const paddingBottom = parseFloat(legendContentStyle.paddingBottom) || 0;\n  const elementsBottom = Math.max(\n    ...elements.map((element) => element.offsetTop + element.offsetHeight),\n  );\n\n  return elementsBottom + paddingBottom;\n};\n\nconst getCollapsedLegendContentHeight = ({\n  availableRowWidth,\n  elements,\n  legendContent,\n}: {\n  availableRowWidth: number;\n  elements: HTMLElement[];\n  legendContent: HTMLElement;\n}) => {\n  const legendContentStyle = getComputedStyle(legendContent);\n  const paddingTop = parseFloat(legendContentStyle.paddingTop) || 0;\n  const paddingBottom = parseFloat(legendContentStyle.paddingBottom) || 0;\n  const rowGap = parseFloat(legendContentStyle.rowGap) || 0;\n  let currentRowHeight = 0;\n  let currentRowWidth = 0;\n  const rowHeights: number[] = [];\n\n  elements.forEach((element) => {\n    const elementWidth = getComputedElementWidth(element);\n    const elementHeight = element.getBoundingClientRect().height;\n    const shouldWrap =\n      currentRowWidth > 0 && currentRowWidth + elementWidth > availableRowWidth;\n\n    if (shouldWrap) {\n      rowHeights.push(currentRowHeight);\n      currentRowHeight = 0;\n      currentRowWidth = 0;\n    }\n\n    currentRowWidth += elementWidth;\n    currentRowHeight = Math.max(currentRowHeight, elementHeight);\n  });\n\n  if (currentRowHeight > 0) {\n    rowHeights.push(currentRowHeight);\n  }\n\n  const rowsHeight = rowHeights.reduce((height, rowHeight) => {\n    return height + rowHeight;\n  }, 0);\n\n  return (\n    paddingTop +\n    rowsHeight +\n    rowGap * Math.max(rowHeights.length - 1, 0) +\n    paddingBottom\n  );\n};\n\n/**\n * Tracks legend container width for responsive collapsed-layout recalculation.\n *\n * The width is kept in state so `useCollapsibleLegendLayout` can re-measure item\n * wrapping whenever the available legend width changes.\n */\nconst useLegendContainerWidth = (\n  legendContainerRef: React.RefObject<HTMLDivElement | null>,\n) => {\n  const [legendWidth, setLegendWidth] = useState(Infinity);\n\n  const updateLegendWidth = useCallback(() => {\n    const nextWidth = legendContainerRef.current?.clientWidth;\n    if (nextWidth === undefined) {\n      return;\n    }\n\n    setLegendWidth(nextWidth);\n  }, [legendContainerRef]);\n\n  useEffect(() => {\n    updateLegendWidth();\n\n    const legendContainer = legendContainerRef.current;\n    if (!legendContainer) {\n      return;\n    }\n\n    const resizeObserver = new ResizeObserver(updateLegendWidth);\n    resizeObserver.observe(legendContainer);\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [legendContainerRef, updateLegendWidth]);\n\n  return legendWidth;\n};\n\n/**\n * Owns the collapsed, measuring, and expanded layout state for wrapping legends.\n *\n * Collapsed legends only render the visible subset of items. When the item count\n * or container width changes, the hook temporarily renders every item in an\n * invisible measuring pass so it can calculate wrapping, overflow, and the next\n * visible item count. The last collapsed height is preserved during that pass so\n * the chart area does not shrink while the hidden full legend is being measured.\n */\nconst useCollapsibleLegendLayout = ({\n  itemCount,\n  legendContainerRef,\n  legendContentRef,\n  legendMeasurementRef,\n  viewMoreButtonMeasurementRef,\n}: {\n  itemCount: number;\n  legendContainerRef: React.RefObject<HTMLDivElement | null>;\n  legendContentRef: React.RefObject<HTMLDivElement | null>;\n  legendMeasurementRef: React.RefObject<HTMLDivElement | null>;\n  viewMoreButtonMeasurementRef: React.RefObject<HTMLButtonElement | null>;\n}) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const [isMeasuring, setIsMeasuring] = useState(false);\n  const [layoutSnapshot, setLayoutSnapshot] = useState<LegendLayoutSnapshot>({\n    contentHeight: 0,\n    hasOverflow: false,\n    visibleItemCount: itemCount,\n  });\n  const skipNextCollapseMeasurementRef = useRef(false);\n  const legendWidth = useLegendContainerWidth(legendContainerRef);\n\n  const updateVisibleItems = useCallback(() => {\n    const legendContent = legendMeasurementRef.current;\n    const viewMoreButton = viewMoreButtonMeasurementRef.current;\n    if (!legendContent || !viewMoreButton) {\n      setIsMeasuring(false);\n      return;\n    }\n\n    const legendItems = Array.from(\n      legendContent.querySelectorAll<HTMLElement>('.ndl-chart-legend-item'),\n    ).filter((element) => element.offsetParent !== null);\n\n    if (legendItems.length === 0) {\n      setLayoutSnapshot((snapshot) => ({\n        ...snapshot,\n        contentHeight: 0,\n        hasOverflow: false,\n        visibleItemCount: itemCount,\n      }));\n      setIsMeasuring(false);\n      return;\n    }\n\n    const rowTops = Array.from(\n      new Set(legendItems.map((element) => element.offsetTop)),\n    ).sort((left, right) => left - right);\n    const nextLegendContentHeight = legendContent.scrollHeight;\n    const nextLegendItemsContentHeight = getLegendElementsContentHeight(\n      legendContent,\n      legendItems,\n    );\n\n    if (rowTops.length <= COLLAPSED_LEGEND_ROWS) {\n      setLayoutSnapshot((snapshot) => ({\n        ...snapshot,\n        contentHeight: nextLegendItemsContentHeight,\n        hasOverflow: false,\n        visibleItemCount: itemCount,\n      }));\n      setIsMeasuring(false);\n      return;\n    }\n\n    const legendContainer = legendContainerRef.current;\n    const legendContentStyle = getComputedStyle(legendContent);\n    const availableRowWidth =\n      (legendContainer?.clientWidth ?? legendContent.clientWidth) -\n      (parseFloat(legendContentStyle.paddingLeft) || 0) -\n      (parseFloat(legendContentStyle.paddingRight) || 0);\n    const viewMoreButtonWidth = getComputedElementWidth(viewMoreButton);\n    const legendItemWidths = legendItems.map(getComputedElementWidth);\n    const nextVisibleItemCount = getCollapsedVisibleItemCount(\n      legendItemWidths,\n      availableRowWidth,\n      viewMoreButtonWidth,\n    );\n    const nextCollapsedContentHeight = getCollapsedLegendContentHeight({\n      availableRowWidth,\n      elements: [...legendItems.slice(0, nextVisibleItemCount), viewMoreButton],\n      legendContent,\n    });\n\n    setLayoutSnapshot((snapshot) => ({\n      ...snapshot,\n      collapsedHeight: Math.min(\n        nextCollapsedContentHeight,\n        COLLAPSED_LEGEND_MAX_HEIGHT,\n      ),\n      contentHeight: nextLegendContentHeight,\n      hasOverflow: nextVisibleItemCount < itemCount,\n      visibleItemCount: nextVisibleItemCount,\n    }));\n    setIsMeasuring(false);\n  }, [\n    itemCount,\n    legendContainerRef,\n    legendMeasurementRef,\n    viewMoreButtonMeasurementRef,\n  ]);\n\n  useEffect(() => {\n    setIsExpanded(false);\n  }, [itemCount]);\n\n  useEffect(() => {\n    if (isExpanded) {\n      setIsMeasuring(false);\n      return;\n    }\n\n    if (skipNextCollapseMeasurementRef.current) {\n      skipNextCollapseMeasurementRef.current = false;\n      setIsMeasuring(false);\n      return;\n    }\n\n    setIsMeasuring(true);\n  }, [isExpanded, itemCount, legendWidth]);\n\n  useEffect(() => {\n    const isMeasuringCollapsed = !isExpanded && isMeasuring;\n\n    const animationFrame = requestAnimationFrame(() => {\n      if (isMeasuringCollapsed) {\n        updateVisibleItems();\n      } else {\n        setLayoutSnapshot((snapshot) => ({\n          ...snapshot,\n          contentHeight: legendContentRef.current?.scrollHeight ?? 0,\n        }));\n\n        if (!isMeasuring && !isExpanded && layoutSnapshot.hasOverflow) {\n          setLayoutSnapshot((snapshot) => ({\n            ...snapshot,\n            collapsedHeight:\n              legendContentRef.current?.getBoundingClientRect().height,\n          }));\n        }\n      }\n    });\n\n    return () => {\n      cancelAnimationFrame(animationFrame);\n    };\n  }, [\n    isExpanded,\n    isMeasuring,\n    legendContentRef,\n    layoutSnapshot.hasOverflow,\n    updateVisibleItems,\n  ]);\n\n  const expandLegend = useCallback(() => {\n    setIsMeasuring(false);\n    setIsExpanded(true);\n  }, []);\n\n  const collapseLegend = useCallback(() => {\n    skipNextCollapseMeasurementRef.current = true;\n    setIsExpanded(false);\n  }, []);\n\n  return {\n    collapseLegend,\n    expandLegend,\n    isExpanded,\n    isMeasuring,\n    layoutSnapshot,\n  };\n};\n\n/**\n * Renders the responsive legend layout shell.\n *\n * The component switches between a two-row collapsed view, an invisible\n * measurement view, and an expanded scrollable view while keeping the\n * \"View more\"/\"View less\" action wired to the measured overflow state.\n */\nexport const LegendLayout = ({\n  children,\n  className,\n  isLayoutReady = true,\n  itemCount,\n  onLayoutReady,\n  htmlAttributes,\n  ...restProps\n}: Omit<CommonProps<'div', LegendLayoutProps>, 'ref'>) => {\n  const legendContainerRef = useRef<HTMLDivElement>(null);\n  const legendContentRef = useRef<HTMLDivElement>(null);\n  const legendMeasurementRef = useRef<HTMLDivElement>(null);\n  const pendingFocusLegendItemIndexRef = useRef<number | null>(null);\n  const viewMoreButtonMeasurementRef = useRef<HTMLButtonElement>(null);\n  const {\n    collapseLegend,\n    expandLegend,\n    isExpanded,\n    isMeasuring,\n    layoutSnapshot,\n  } = useCollapsibleLegendLayout({\n    itemCount,\n    legendContainerRef,\n    legendContentRef,\n    legendMeasurementRef,\n    viewMoreButtonMeasurementRef,\n  });\n\n  const childList = React.Children.toArray(children);\n  const childrenToRender = !isExpanded\n    ? childList.slice(0, layoutSnapshot.visibleItemCount)\n    : childList;\n  const legendHeight =\n    !isMeasuring && !isExpanded && layoutSnapshot.hasOverflow\n      ? layoutSnapshot.collapsedHeight\n      : !isMeasuring &&\n          !layoutSnapshot.hasOverflow &&\n          layoutSnapshot.contentHeight\n        ? layoutSnapshot.contentHeight\n        : undefined;\n\n  useEffect(() => {\n    if (!isMeasuring && layoutSnapshot.contentHeight > 0) {\n      let secondFrame: number | undefined;\n      const firstFrame = requestAnimationFrame(() => {\n        secondFrame = requestAnimationFrame(() => {\n          onLayoutReady?.();\n        });\n      });\n\n      return () => {\n        cancelAnimationFrame(firstFrame);\n        if (secondFrame !== undefined) {\n          cancelAnimationFrame(secondFrame);\n        }\n      };\n    }\n  }, [isMeasuring, layoutSnapshot.contentHeight, onLayoutReady]);\n\n  useEffect(() => {\n    const pendingFocusLegendItemIndex = pendingFocusLegendItemIndexRef.current;\n    if (!isExpanded || pendingFocusLegendItemIndex === null) {\n      return;\n    }\n\n    const legendItems = legendContentRef.current?.querySelectorAll<HTMLElement>(\n      '.ndl-chart-legend-item',\n    );\n    legendItems?.[pendingFocusLegendItemIndex]?.focus();\n    pendingFocusLegendItemIndexRef.current = null;\n  }, [isExpanded]);\n\n  const handleLegendActionClick = useCallback(() => {\n    if (isExpanded) {\n      collapseLegend();\n      return;\n    }\n\n    pendingFocusLegendItemIndexRef.current = layoutSnapshot.visibleItemCount;\n    expandLegend();\n  }, [\n    collapseLegend,\n    expandLegend,\n    isExpanded,\n    layoutSnapshot.visibleItemCount,\n  ]);\n\n  const classes = classNames(\n    'ndl-chart-legend',\n    {\n      'ndl-chart-legend-calculating': !isExpanded && isMeasuring,\n      'ndl-chart-legend-collapsed': layoutSnapshot.hasOverflow && !isExpanded,\n      'ndl-chart-legend-expanded': layoutSnapshot.hasOverflow && isExpanded,\n      'ndl-chart-legend-hidden': !isLayoutReady,\n      'ndl-chart-legend-scrollable':\n        layoutSnapshot.hasOverflow &&\n        isExpanded &&\n        layoutSnapshot.contentHeight > COLLAPSED_LEGEND_MAX_HEIGHT,\n      'ndl-chart-legend-wrapping': true,\n    },\n    className,\n  );\n  return (\n    <div\n      ref={legendContainerRef}\n      className=\"ndl-chart-legend-container\"\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <div\n        className={classes}\n        ref={legendContentRef}\n        style={{\n          height: legendHeight,\n          maxHeight:\n            layoutSnapshot.hasOverflow && isExpanded\n              ? 'var(--ndl-chart-legend-expanded-max-height)'\n              : layoutSnapshot.hasOverflow\n                ? COLLAPSED_LEGEND_MAX_HEIGHT\n                : undefined,\n        }}\n      >\n        {childrenToRender}\n        {layoutSnapshot.hasOverflow && (\n          <TextLink\n            as=\"button\"\n            className=\"ndl-chart-legend-action\"\n            htmlAttributes={{\n              'aria-expanded': isExpanded,\n              onClick: handleLegendActionClick,\n              type: 'button',\n            }}\n          >\n            {isExpanded ? 'View less' : 'View more'}\n          </TextLink>\n        )}\n        {isMeasuring && (\n          <div\n            aria-hidden=\"true\"\n            className=\"ndl-chart-legend-measurement\"\n            ref={legendMeasurementRef}\n          >\n            {childList}\n            <TextLink\n              as=\"button\"\n              ref={viewMoreButtonMeasurementRef}\n              className=\"ndl-chart-legend-action\"\n              htmlAttributes={{\n                tabIndex: -1,\n                type: 'button',\n              }}\n            >\n              View more\n            </TextLink>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"]}

package/lib/cjs/charts/hooks/use-chart-instance.js

@@ -1,5 +1,5 @@
 "use strict";
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/cjs/charts/hooks/use-chart-instance.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-chart-instance.js","sourceRoot":"","sources":["../../../../src/charts/hooks/use-chart-instance.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { tokens } from '@neo4j-ndl/base';\nimport { getInstanceByDom, init, registerTheme } from 'echarts';\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { ndlEchartsTheme } from '../themes/ndl-echarts-theme';\nimport type { HexColor } from '../utils/chart-types';\nimport { useChartRefsContext } from './use-chart-refs';\n\ntype UseChartLifecycleParams = {\n  palette?: HexColor[];\n  theme: 'light' | 'dark';\n};\n\ntype UseChartLoadingParams = {\n  isLoading?: boolean;\n  isWaitingForFirstResize: boolean;\n  theme: 'light' | 'dark';\n};\n\n/**\n * Registers Needle ECharts themes and initializes the chart instance.\n *\n * Theme registration runs with the active palette so ECharts can resolve Needle\n * colors before options are applied. The hook only calls `init` when the DOM\n * element does not already have an ECharts instance, allowing later renders to\n * update registered theme data without replacing the existing chart.\n */\nexport function useChartLifecycle({ palette, theme }: UseChartLifecycleParams) {\n  const { chartEchartRef } = useChartRefsContext();\n\n  useEffect(() => {\n    if (chartEchartRef.current === null) {\n      return;\n    }\n\n    registerTheme('ndl-light', ndlEchartsTheme('light', palette));\n    registerTheme('ndl-dark', ndlEchartsTheme('dark', palette));\n\n    const currentChart = getInstanceByDom(chartEchartRef.current);\n    if (currentChart) {\n      return;\n    }\n\n    const echartsTheme = theme === 'light' ? 'ndl-light' : 'ndl-dark';\n    init(chartEchartRef.current, echartsTheme, {\n      renderer: 'svg',\n    });\n  });\n}\n\n/**\n * Mirrors React loading state into ECharts' loading overlay.\n *\n * The overlay also stays visible while the chart waits for its first resize,\n * preventing users from seeing an unmeasured SVG before ECharts has been sized\n * to its container. Loading colors come from the active Needle theme.\n */\nexport function useChartLoading({\n  isLoading,\n  isWaitingForFirstResize,\n  theme,\n}: UseChartLoadingParams) {\n  const { chartEchartRef } = useChartRefsContext();\n\n  useEffect(() => {\n    if (chartEchartRef.current === null) {\n      return;\n    }\n\n    const chart = getInstanceByDom(chartEchartRef.current);\n\n    if (isLoading === true || isWaitingForFirstResize) {\n      chart?.showLoading({\n        color: tokens.theme[theme].color.primary.bg.status,\n        fontFamily: tokens.typography['label'].fontFamily,\n        fontSize: tokens.typography['label'].fontSize,\n        fontWeight: tokens.typography['label'].fontWeight,\n        maskColor: `rgb( from ${tokens.theme[theme].color.neutral.text.inverse} r g b / 0.8)`,\n        text: 'Loading',\n        textColor: tokens.theme[theme].color.neutral.text.default,\n      });\n    } else {\n      chart?.hideLoading();\n    }\n  }, [chartEchartRef, isLoading, isWaitingForFirstResize, theme]);\n}\n\n/**\n * Keeps the ECharts canvas sized to the DOM box assigned by the chart layout.\n *\n * The hook listens to both window resize events and direct element resize\n * observations because the chart can change size through parent layout changes\n * that do not emit a window resize. It exposes `isWaitingForFirstResize` so the\n * rest of the chart can delay rendering dependent UI until ECharts has been\n * given its initial dimensions.\n */\nexport function useChartResize() {\n  const { chartEchartRef } = useChartRefsContext();\n  const [isWaitingForFirstResize, setIsWaitingForFirstResize] = useState(true);\n\n  const resizeChart = useCallback(() => {\n    if (chartEchartRef.current === null) {\n      return;\n    }\n\n    const chart = getInstanceByDom(chartEchartRef.current);\n    const { clientHeight: height, clientWidth: width } = chartEchartRef.current;\n\n    chart?.resize({\n      height,\n      width,\n    });\n  }, [chartEchartRef]);\n\n  useEffect(() => {\n    window.addEventListener('resize', resizeChart);\n    const resizeObserver = new ResizeObserver(() => {\n      resizeChart();\n    });\n    if (chartEchartRef.current) {\n      resizeObserver.observe(chartEchartRef.current);\n    }\n    const animationFrame = requestAnimationFrame(() => {\n      resizeChart();\n      setIsWaitingForFirstResize(false);\n    });\n\n    return () => {\n      cancelAnimationFrame(animationFrame);\n      window.removeEventListener('resize', resizeChart);\n      resizeObserver.disconnect();\n    };\n  }, [chartEchartRef, resizeChart]);\n\n  return {\n    isWaitingForFirstResize,\n    resizeChart,\n  };\n}\n"]}
+{"version":3,"file":"use-chart-instance.js","sourceRoot":"","sources":["../../../../src/charts/hooks/use-chart-instance.ts"],"names":[],"mappings":"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","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { tokens } from '@neo4j-ndl/base';\nimport { getInstanceByDom, init, registerTheme } from 'echarts';\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { ndlEchartsTheme } from '../themes/ndl-echarts-theme';\nimport type { HexColor } from '../utils/chart-types';\nimport { useChartRefsContext } from './use-chart-refs';\n\ntype UseChartLifecycleParams = {\n  palette?: HexColor[];\n  theme: 'light' | 'dark';\n};\n\ntype UseChartLoadingParams = {\n  isLoading?: boolean;\n  isWaitingForFirstResize: boolean;\n  theme: 'light' | 'dark';\n};\n\n/**\n * Registers Needle ECharts themes and initializes the chart instance.\n *\n * Theme registration runs with the active palette so ECharts can resolve Needle\n * colors before options are applied. The hook only calls `init` when the DOM\n * element does not already have an ECharts instance, allowing later renders to\n * update registered theme data without replacing the existing chart.\n */\nexport function useChartLifecycle({ palette, theme }: UseChartLifecycleParams) {\n  const { chartEchartRef } = useChartRefsContext();\n\n  useEffect(() => {\n    if (chartEchartRef.current === null) {\n      return;\n    }\n\n    registerTheme('ndl-light', ndlEchartsTheme('light', palette));\n    registerTheme('ndl-dark', ndlEchartsTheme('dark', palette));\n\n    const currentChart = getInstanceByDom(chartEchartRef.current);\n    if (currentChart) {\n      return;\n    }\n\n    const echartsTheme = theme === 'light' ? 'ndl-light' : 'ndl-dark';\n    init(chartEchartRef.current, echartsTheme, {\n      renderer: 'svg',\n    });\n  });\n}\n\n/**\n * Mirrors React loading state into ECharts' loading overlay.\n *\n * The overlay also stays visible while the chart waits for its first resize,\n * preventing users from seeing an unmeasured SVG before ECharts has been sized\n * to its container. Loading colors come from the active Needle theme.\n */\nexport function useChartLoading({\n  isLoading,\n  isWaitingForFirstResize,\n  theme,\n}: UseChartLoadingParams) {\n  const { chartEchartRef } = useChartRefsContext();\n\n  useEffect(() => {\n    if (chartEchartRef.current === null) {\n      return;\n    }\n\n    const chart = getInstanceByDom(chartEchartRef.current);\n\n    if (isLoading === true || isWaitingForFirstResize) {\n      chart?.showLoading({\n        color: tokens.theme[theme].color.primary.bg.status,\n        fontFamily: tokens.typography['label'].fontFamily,\n        fontSize: tokens.typography['label'].fontSize,\n        fontWeight: tokens.typography['label'].fontWeight,\n        maskColor: `rgb( from ${tokens.theme[theme].color.neutral.text.inverse} r g b / 0.8)`,\n        text: 'Loading',\n        textColor: tokens.theme[theme].color.neutral.text.default,\n      });\n    } else {\n      chart?.hideLoading();\n    }\n  }, [chartEchartRef, isLoading, isWaitingForFirstResize, theme]);\n}\n\n/**\n * Keeps the ECharts canvas sized to the DOM box assigned by the chart layout.\n *\n * The hook listens to both window resize events and direct element resize\n * observations because the chart can change size through parent layout changes\n * that do not emit a window resize. It exposes `isWaitingForFirstResize` so the\n * rest of the chart can delay rendering dependent UI until ECharts has been\n * given its initial dimensions.\n */\nexport function useChartResize() {\n  const { chartEchartRef } = useChartRefsContext();\n  const [isWaitingForFirstResize, setIsWaitingForFirstResize] = useState(true);\n\n  const resizeChart = useCallback(() => {\n    if (chartEchartRef.current === null) {\n      return;\n    }\n\n    const chart = getInstanceByDom(chartEchartRef.current);\n    const { clientHeight: height, clientWidth: width } = chartEchartRef.current;\n\n    chart?.resize({\n      height,\n      width,\n    });\n  }, [chartEchartRef]);\n\n  useEffect(() => {\n    window.addEventListener('resize', resizeChart);\n    const resizeObserver = new ResizeObserver(() => {\n      resizeChart();\n    });\n    if (chartEchartRef.current) {\n      resizeObserver.observe(chartEchartRef.current);\n    }\n    const animationFrame = requestAnimationFrame(() => {\n      resizeChart();\n      setIsWaitingForFirstResize(false);\n    });\n\n    return () => {\n      cancelAnimationFrame(animationFrame);\n      window.removeEventListener('resize', resizeChart);\n      resizeObserver.disconnect();\n    };\n  }, [chartEchartRef, resizeChart]);\n\n  return {\n    isWaitingForFirstResize,\n    resizeChart,\n  };\n}\n"]}

package/lib/cjs/charts/hooks/use-chart-option.js

@@ -1,5 +1,5 @@
 "use strict";
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/cjs/charts/hooks/use-chart-option.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-chart-option.js","sourceRoot":"","sources":["../../../../src/charts/hooks/use-chart-option.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;AAmCH,wCA4DC;AA5FD,qCAA2C;AAC3C,iCAA4C;AAE5C,oEAA+D;AAG/D,qDAAuD;AAiBvD;;;;;;;;GAQG;AACH,SAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,OAAO,EACP,gBAAgB,EAChB,WAAW,EACX,MAAM,EACN,QAAQ,EACR,cAAc,EACd,cAAc,EACd,UAAU,EACV,KAAK,EACL,KAAK,EACL,WAAW,GACU;IACrB,MAAM,EAAE,cAAc,EAAE,iBAAiB,EAAE,GAAG,IAAA,oCAAmB,GAAE,CAAC;IACpE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,GAAiB,CAAC;IAEhE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,cAAc,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;YACpC,OAAO;QACT,CAAC;QAED,MAAM,KAAK,GAAG,IAAA,0BAAgB,EAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QAEvD,MAAM,MAAM,GAAG,IAAA,qCAAgB,EAAC;YAC9B,QAAQ;YACR,OAAO;YACP,gBAAgB;YAChB,WAAW;YACX,cAAc,EAAE,iBAAiB,CAAC,OAAO,IAAI,EAAE;YAC/C,WAAW;YACX,MAAM;YACN,cAAc;YACd,cAAc;YACd,UAAU;YACV,KAAK;YACL,KAAK;SACN,CAAC,CAAC;QAEH,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAEnC,cAAc,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,EAA+B,CAAC,CAAC;IAClE,CAAC,EAAE;QACD,cAAc;QACd,QAAQ;QACR,OAAO;QACP,gBAAgB;QAChB,WAAW;QACX,iBAAiB;QACjB,WAAW;QACX,MAAM;QACN,QAAQ;QACR,cAAc;QACd,cAAc;QACd,UAAU;QACV,KAAK;QACL,KAAK;KACN,CAAC,CAAC;IAEH,OAAO,WAAW,CAAC;AACrB,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport type { EChartsOption } from 'echarts';\nimport { getInstanceByDom } from 'echarts';\nimport { useEffect, useState } from 'react';\n\nimport { buildChartOption } from '../utils/build-chart-option';\nimport type { ChartProps, EchartsSeries } from '../utils/chart-types';\nimport type { NormalizedThresholdLine } from '../utils/threshold';\nimport { useChartRefsContext } from './use-chart-refs';\n\nexport type UseChartOptionParams = {\n  dataZoom: EChartsOption['dataZoom'];\n  dataset: ChartProps['dataset'];\n  hasCategoryXAxis: boolean;\n  propsSeries: ChartProps['series'];\n  series: EchartsSeries;\n  settings: ChartProps['settings'];\n  thresholdLines: NormalizedThresholdLine[];\n  toolboxOptions: EChartsOption['toolbox'];\n  userOption: ChartProps['option'];\n  xAxis: EChartsOption['xAxis'];\n  yAxis: EChartsOption['yAxis'];\n  hasMarkArea: boolean;\n};\n\n/**\n * Builds, applies, and exposes the ECharts option for the current React props.\n *\n * `buildChartOption` merges Needle defaults, normalized axes/series, threshold\n * lines, zoom settings, toolbox options, user overrides, and the current legend\n * selection. After `setOption`, the hook returns ECharts' normalized option so\n * downstream code, especially the custom legend, can read the final series and\n * dataset shape ECharts is actually using.\n */\nexport function useChartOption({\n  dataZoom,\n  dataset,\n  hasCategoryXAxis,\n  propsSeries,\n  series,\n  settings,\n  thresholdLines,\n  toolboxOptions,\n  userOption,\n  xAxis,\n  yAxis,\n  hasMarkArea,\n}: UseChartOptionParams) {\n  const { chartEchartRef, legendSelectedRef } = useChartRefsContext();\n  const [chartOption, setChartOption] = useState<EChartsOption>();\n\n  useEffect(() => {\n    if (chartEchartRef.current === null) {\n      return;\n    }\n\n    const chart = getInstanceByDom(chartEchartRef.current);\n\n    const option = buildChartOption({\n      dataZoom,\n      dataset,\n      hasCategoryXAxis,\n      hasMarkArea,\n      legendSelected: legendSelectedRef.current || {},\n      propsSeries,\n      series,\n      thresholdLines,\n      toolboxOptions,\n      userOption,\n      xAxis,\n      yAxis,\n    });\n\n    chart?.setOption(option, settings);\n\n    setChartOption(chart?.getOption() as EChartsOption | undefined);\n  }, [\n    chartEchartRef,\n    dataZoom,\n    dataset,\n    hasCategoryXAxis,\n    hasMarkArea,\n    legendSelectedRef,\n    propsSeries,\n    series,\n    settings,\n    thresholdLines,\n    toolboxOptions,\n    userOption,\n    xAxis,\n    yAxis,\n  ]);\n\n  return chartOption;\n}\n"]}
+{"version":3,"file":"use-chart-option.js","sourceRoot":"","sources":["../../../../src/charts/hooks/use-chart-option.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;AAmCH,wCA4DC;AA5FD,qCAA2C;AAC3C,iCAA4C;AAE5C,oEAA+D;AAG/D,qDAAuD;AAiBvD;;;;;;;;GAQG;AACH,SAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,OAAO,EACP,gBAAgB,EAChB,WAAW,EACX,MAAM,EACN,QAAQ,EACR,cAAc,EACd,cAAc,EACd,UAAU,EACV,KAAK,EACL,KAAK,EACL,WAAW,GACU;IACrB,MAAM,EAAE,cAAc,EAAE,iBAAiB,EAAE,GAAG,IAAA,oCAAmB,GAAE,CAAC;IACpE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,GAAiB,CAAC;IAEhE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,cAAc,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;YACpC,OAAO;QACT,CAAC;QAED,MAAM,KAAK,GAAG,IAAA,0BAAgB,EAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QAEvD,MAAM,MAAM,GAAG,IAAA,qCAAgB,EAAC;YAC9B,QAAQ;YACR,OAAO;YACP,gBAAgB;YAChB,WAAW;YACX,cAAc,EAAE,iBAAiB,CAAC,OAAO,IAAI,EAAE;YAC/C,WAAW;YACX,MAAM;YACN,cAAc;YACd,cAAc;YACd,UAAU;YACV,KAAK;YACL,KAAK;SACN,CAAC,CAAC;QAEH,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAEnC,cAAc,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,EAA+B,CAAC,CAAC;IAClE,CAAC,EAAE;QACD,cAAc;QACd,QAAQ;QACR,OAAO;QACP,gBAAgB;QAChB,WAAW;QACX,iBAAiB;QACjB,WAAW;QACX,MAAM;QACN,QAAQ;QACR,cAAc;QACd,cAAc;QACd,UAAU;QACV,KAAK;QACL,KAAK;KACN,CAAC,CAAC;IAEH,OAAO,WAAW,CAAC;AACrB,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport type { EChartsOption } from 'echarts';\nimport { getInstanceByDom } from 'echarts';\nimport { useEffect, useState } from 'react';\n\nimport { buildChartOption } from '../utils/build-chart-option';\nimport type { ChartProps, EchartsSeries } from '../utils/chart-types';\nimport type { NormalizedThresholdLine } from '../utils/threshold';\nimport { useChartRefsContext } from './use-chart-refs';\n\nexport type UseChartOptionParams = {\n  dataZoom: EChartsOption['dataZoom'];\n  dataset: ChartProps['dataset'];\n  hasCategoryXAxis: boolean;\n  propsSeries: ChartProps['series'];\n  series: EchartsSeries;\n  settings: ChartProps['settings'];\n  thresholdLines: NormalizedThresholdLine[];\n  toolboxOptions: EChartsOption['toolbox'];\n  userOption: ChartProps['option'];\n  xAxis: EChartsOption['xAxis'];\n  yAxis: EChartsOption['yAxis'];\n  hasMarkArea: boolean;\n};\n\n/**\n * Builds, applies, and exposes the ECharts option for the current React props.\n *\n * `buildChartOption` merges Needle defaults, normalized axes/series, threshold\n * lines, zoom settings, toolbox options, user overrides, and the current legend\n * selection. After `setOption`, the hook returns ECharts' normalized option so\n * downstream code, especially the custom legend, can read the final series and\n * dataset shape ECharts is actually using.\n */\nexport function useChartOption({\n  dataZoom,\n  dataset,\n  hasCategoryXAxis,\n  propsSeries,\n  series,\n  settings,\n  thresholdLines,\n  toolboxOptions,\n  userOption,\n  xAxis,\n  yAxis,\n  hasMarkArea,\n}: UseChartOptionParams) {\n  const { chartEchartRef, legendSelectedRef } = useChartRefsContext();\n  const [chartOption, setChartOption] = useState<EChartsOption>();\n\n  useEffect(() => {\n    if (chartEchartRef.current === null) {\n      return;\n    }\n\n    const chart = getInstanceByDom(chartEchartRef.current);\n\n    const option = buildChartOption({\n      dataZoom,\n      dataset,\n      hasCategoryXAxis,\n      hasMarkArea,\n      legendSelected: legendSelectedRef.current || {},\n      propsSeries,\n      series,\n      thresholdLines,\n      toolboxOptions,\n      userOption,\n      xAxis,\n      yAxis,\n    });\n\n    chart?.setOption(option, settings);\n\n    setChartOption(chart?.getOption() as EChartsOption | undefined);\n  }, [\n    chartEchartRef,\n    dataZoom,\n    dataset,\n    hasCategoryXAxis,\n    hasMarkArea,\n    legendSelectedRef,\n    propsSeries,\n    series,\n    settings,\n    thresholdLines,\n    toolboxOptions,\n    userOption,\n    xAxis,\n    yAxis,\n  ]);\n\n  return chartOption;\n}\n"]}

package/lib/cjs/charts/hooks/use-chart-refs.js

@@ -1,5 +1,5 @@
 "use strict";
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/cjs/charts/hooks/use-chart-refs.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-chart-refs.js","sourceRoot":"","sources":["../../../../src/charts/hooks/use-chart-refs.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;AA0BH,8CAcC;AAED,kDASC;AAjDD,iCAOe;AAQf,MAAM,gBAAgB,GAAG,IAAA,qBAAa,EAAwB,SAAS,CAAC,CAAC;AAEzE;;;;;;GAMG;AACH,SAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAA2B;IACrE,MAAM,cAAc,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACpD,MAAM,iBAAiB,GAAG,IAAA,cAAM,EAA0B,EAAE,CAAC,CAAC;IAC9D,MAAM,mBAAmB,GAAG,IAAA,cAAM,EAAsB,IAAI,GAAG,EAAE,CAAC,CAAC;IACnE,MAAM,IAAI,GAAG,IAAA,eAAO,EAClB,GAAG,EAAE,CAAC,CAAC;QACL,cAAc;QACd,mBAAmB;QACnB,iBAAiB;KAClB,CAAC,EACF,EAAE,CACH,CAAC;IAEF,OAAO,IAAA,qBAAa,EAAC,gBAAgB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,QAAQ,CAAC,CAAC;AAC7E,CAAC;AAED,SAAgB,mBAAmB;IACjC,MAAM,IAAI,GAAG,IAAA,kBAAU,EAAC,gBAAgB,CAAC,CAAC;IAC1C,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACvB,MAAM,IAAI,KAAK,CACb,2DAA2D,CAC5D,CAAC;IACJ,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport {\n  createContext,\n  createElement,\n  type ReactNode,\n  useContext,\n  useMemo,\n  useRef,\n} from 'react';\n\nexport type ChartRefs = {\n  chartEchartRef: React.RefObject<HTMLDivElement | null>;\n  legendColorCacheRef: React.RefObject<Map<string, string>>;\n  legendSelectedRef: React.RefObject<Record<string, boolean>>;\n};\n\nconst ChartRefsContext = createContext<ChartRefs | undefined>(undefined);\n\n/**\n * Creates the mutable refs shared between `ChartRender` and legend components.\n *\n * `chartEchartRef` points at the ECharts host element, while the legend refs act\n * as a bridge for state that ECharts needs synchronously during option rebuilds\n * without forcing extra React renders.\n */\nexport function ChartRefsProvider({ children }: { children: ReactNode }) {\n  const chartEchartRef = useRef<HTMLDivElement>(null);\n  const legendSelectedRef = useRef<Record<string, boolean>>({});\n  const legendColorCacheRef = useRef<Map<string, string>>(new Map());\n  const refs = useMemo(\n    () => ({\n      chartEchartRef,\n      legendColorCacheRef,\n      legendSelectedRef,\n    }),\n    [],\n  );\n\n  return createElement(ChartRefsContext.Provider, { value: refs }, children);\n}\n\nexport function useChartRefsContext() {\n  const refs = useContext(ChartRefsContext);\n  if (refs === undefined) {\n    throw new Error(\n      'useChartRefsContext must be used within ChartRefsProvider',\n    );\n  }\n\n  return refs;\n}\n"]}
+{"version":3,"file":"use-chart-refs.js","sourceRoot":"","sources":["../../../../src/charts/hooks/use-chart-refs.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;AA0BH,8CAcC;AAED,kDASC;AAjDD,iCAOe;AAQf,MAAM,gBAAgB,GAAG,IAAA,qBAAa,EAAwB,SAAS,CAAC,CAAC;AAEzE;;;;;;GAMG;AACH,SAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAA2B;IACrE,MAAM,cAAc,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACpD,MAAM,iBAAiB,GAAG,IAAA,cAAM,EAA0B,EAAE,CAAC,CAAC;IAC9D,MAAM,mBAAmB,GAAG,IAAA,cAAM,EAAsB,IAAI,GAAG,EAAE,CAAC,CAAC;IACnE,MAAM,IAAI,GAAG,IAAA,eAAO,EAClB,GAAG,EAAE,CAAC,CAAC;QACL,cAAc;QACd,mBAAmB;QACnB,iBAAiB;KAClB,CAAC,EACF,EAAE,CACH,CAAC;IAEF,OAAO,IAAA,qBAAa,EAAC,gBAAgB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,QAAQ,CAAC,CAAC;AAC7E,CAAC;AAED,SAAgB,mBAAmB;IACjC,MAAM,IAAI,GAAG,IAAA,kBAAU,EAAC,gBAAgB,CAAC,CAAC;IAC1C,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACvB,MAAM,IAAI,KAAK,CACb,2DAA2D,CAC5D,CAAC;IACJ,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport {\n  createContext,\n  createElement,\n  type ReactNode,\n  useContext,\n  useMemo,\n  useRef,\n} from 'react';\n\nexport type ChartRefs = {\n  chartEchartRef: React.RefObject<HTMLDivElement | null>;\n  legendColorCacheRef: React.RefObject<Map<string, string>>;\n  legendSelectedRef: React.RefObject<Record<string, boolean>>;\n};\n\nconst ChartRefsContext = createContext<ChartRefs | undefined>(undefined);\n\n/**\n * Creates the mutable refs shared between `ChartRender` and legend components.\n *\n * `chartEchartRef` points at the ECharts host element, while the legend refs act\n * as a bridge for state that ECharts needs synchronously during option rebuilds\n * without forcing extra React renders.\n */\nexport function ChartRefsProvider({ children }: { children: ReactNode }) {\n  const chartEchartRef = useRef<HTMLDivElement>(null);\n  const legendSelectedRef = useRef<Record<string, boolean>>({});\n  const legendColorCacheRef = useRef<Map<string, string>>(new Map());\n  const refs = useMemo(\n    () => ({\n      chartEchartRef,\n      legendColorCacheRef,\n      legendSelectedRef,\n    }),\n    [],\n  );\n\n  return createElement(ChartRefsContext.Provider, { value: refs }, children);\n}\n\nexport function useChartRefsContext() {\n  const refs = useContext(ChartRefsContext);\n  if (refs === undefined) {\n    throw new Error(\n      'useChartRefsContext must be used within ChartRefsProvider',\n    );\n  }\n\n  return refs;\n}\n"]}

package/lib/cjs/charts/hooks/use-chart-zoom.js

@@ -1,5 +1,5 @@
 "use strict";
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/cjs/charts/hooks/use-chart-zoom.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-chart-zoom.js","sourceRoot":"","sources":["../../../../src/charts/hooks/use-chart-zoom.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { getInstanceByDom } from 'echarts';\nimport { useEffect } from 'react';\n\nimport type { ChartProps } from '../utils/chart-types';\nimport { useChartRefsContext } from './use-chart-refs';\n\ntype UseChartZoomParams = {\n  callbacks: ChartProps['callbacks'];\n  isChartZoomDisabled: boolean;\n};\n\n/**\n * Owns ECharts zoom interactions and forwards zoom changes to consumers.\n *\n * The hook subscribes to ECharts `datazoom` events, enables drag-to-zoom through\n * ECharts' global cursor API, resets zoom on double click, and clears ECharts'\n * SVG cursor override after mouse movement so Needle's default cursor styling is\n * preserved.\n *\n * The effect re-runs on every render, so each listener has to be detached again\n * on cleanup. Otherwise they pile up and consumers get one `onZoom` call per\n * render that has happened so far.\n */\nexport function useChartZoom({\n  callbacks,\n  isChartZoomDisabled,\n}: UseChartZoomParams) {\n  const { chartEchartRef } = useChartRefsContext();\n\n  useEffect(() => {\n    const chart =\n      chartEchartRef.current === null\n        ? undefined\n        : getInstanceByDom(chartEchartRef.current);\n\n    const handleDataZoom = () => {\n      if (chartEchartRef.current === null) {\n        return;\n      }\n\n      const currentChart = getInstanceByDom(chartEchartRef.current);\n      if (!currentChart) {\n        return;\n      }\n\n      const option = currentChart.getOption();\n      if (!option || !option.dataZoom) {\n        return;\n      }\n\n      const dataZoom = Array.isArray(option.dataZoom)\n        ? option.dataZoom[0]\n        : option.dataZoom;\n      const { startValue, endValue } = dataZoom as {\n        startValue: number;\n        endValue: number;\n      };\n\n      callbacks?.onZoom?.({ endValue, startValue });\n    };\n\n    if (callbacks?.onZoom) {\n      chart?.on('datazoom', handleDataZoom);\n    }\n\n    const handleMouseMove = () => {\n      // ECharts updates SVG cursor styles on mouse move, so Needle has to\n      // reset it after ECharts' internal handler runs.\n      chart?.getZr().setCursorStyle('default');\n    };\n    const chartChild = chartEchartRef.current?.children[0] as\n      | HTMLElement\n      | undefined;\n    if (!isChartZoomDisabled) {\n      chartChild?.addEventListener('mousemove', handleMouseMove);\n    }\n\n    const handleMouseDown = (params: { event: MouseEvent }) => {\n      const event = params.event;\n      const amountOfMouseClicks = event.detail;\n      const isDoubleClick = amountOfMouseClicks === 2;\n      if (isDoubleClick) {\n        if (chart === undefined) {\n          return;\n        }\n        chart?.dispatchAction({\n          end: 100,\n          start: 0,\n          type: 'dataZoom',\n        });\n        if (callbacks?.onZoom) {\n          callbacks?.onZoom?.({ endValue: 100, startValue: 0 });\n        }\n      }\n    };\n    if (!isChartZoomDisabled) {\n      chart?.getZr().on('mousedown', handleMouseDown);\n    }\n\n    const chartRefCurrentElement = chartEchartRef.current;\n    const element = chartRefCurrentElement?.children[0];\n    return () => {\n      element?.removeEventListener('mousemove', handleMouseMove);\n\n      if (chartRefCurrentElement) {\n        const chart = getInstanceByDom(chartRefCurrentElement);\n        chart?.off('datazoom', handleDataZoom);\n        chart?.getZr().off('mousedown', handleMouseDown);\n      }\n    };\n  });\n\n  if (chartEchartRef.current !== null && !isChartZoomDisabled) {\n    const chart = getInstanceByDom(chartEchartRef.current);\n    if (chart) {\n      // Needs to be re-set on every re-render. Sets the selectable zoom area\n      // over the chart body, not the slider.\n      chart.dispatchAction({\n        dataZoomSelectActive: true,\n        key: 'dataZoomSelect',\n        type: 'takeGlobalCursor',\n      });\n    }\n  }\n}\n"]}
+{"version":3,"file":"use-chart-zoom.js","sourceRoot":"","sources":["../../../../src/charts/hooks/use-chart-zoom.ts"],"names":[],"mappings":"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","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { getInstanceByDom } from 'echarts';\nimport { useEffect } from 'react';\n\nimport type { ChartProps } from '../utils/chart-types';\nimport { useChartRefsContext } from './use-chart-refs';\n\ntype UseChartZoomParams = {\n  callbacks: ChartProps['callbacks'];\n  isChartZoomDisabled: boolean;\n};\n\n/**\n * Owns ECharts zoom interactions and forwards zoom changes to consumers.\n *\n * The hook subscribes to ECharts `datazoom` events, enables drag-to-zoom through\n * ECharts' global cursor API, resets zoom on double click, and clears ECharts'\n * SVG cursor override after mouse movement so Needle's default cursor styling is\n * preserved.\n *\n * The effect re-runs on every render, so each listener has to be detached again\n * on cleanup. Otherwise they pile up and consumers get one `onZoom` call per\n * render that has happened so far.\n */\nexport function useChartZoom({\n  callbacks,\n  isChartZoomDisabled,\n}: UseChartZoomParams) {\n  const { chartEchartRef } = useChartRefsContext();\n\n  useEffect(() => {\n    const chart =\n      chartEchartRef.current === null\n        ? undefined\n        : getInstanceByDom(chartEchartRef.current);\n\n    const handleDataZoom = () => {\n      if (chartEchartRef.current === null) {\n        return;\n      }\n\n      const currentChart = getInstanceByDom(chartEchartRef.current);\n      if (!currentChart) {\n        return;\n      }\n\n      const option = currentChart.getOption();\n      if (!option || !option.dataZoom) {\n        return;\n      }\n\n      const dataZoom = Array.isArray(option.dataZoom)\n        ? option.dataZoom[0]\n        : option.dataZoom;\n      const { startValue, endValue } = dataZoom as {\n        startValue: number;\n        endValue: number;\n      };\n\n      callbacks?.onZoom?.({ endValue, startValue });\n    };\n\n    if (callbacks?.onZoom) {\n      chart?.on('datazoom', handleDataZoom);\n    }\n\n    const handleMouseMove = () => {\n      // ECharts updates SVG cursor styles on mouse move, so Needle has to\n      // reset it after ECharts' internal handler runs.\n      chart?.getZr().setCursorStyle('default');\n    };\n    const chartChild = chartEchartRef.current?.children[0] as\n      | HTMLElement\n      | undefined;\n    if (!isChartZoomDisabled) {\n      chartChild?.addEventListener('mousemove', handleMouseMove);\n    }\n\n    const handleMouseDown = (params: { event: MouseEvent }) => {\n      const event = params.event;\n      const amountOfMouseClicks = event.detail;\n      const isDoubleClick = amountOfMouseClicks === 2;\n      if (isDoubleClick) {\n        if (chart === undefined) {\n          return;\n        }\n        chart?.dispatchAction({\n          end: 100,\n          start: 0,\n          type: 'dataZoom',\n        });\n        if (callbacks?.onZoom) {\n          callbacks?.onZoom?.({ endValue: 100, startValue: 0 });\n        }\n      }\n    };\n    if (!isChartZoomDisabled) {\n      chart?.getZr().on('mousedown', handleMouseDown);\n    }\n\n    const chartRefCurrentElement = chartEchartRef.current;\n    const element = chartRefCurrentElement?.children[0];\n    return () => {\n      element?.removeEventListener('mousemove', handleMouseMove);\n\n      if (chartRefCurrentElement) {\n        const chart = getInstanceByDom(chartRefCurrentElement);\n        chart?.off('datazoom', handleDataZoom);\n        chart?.getZr().off('mousedown', handleMouseDown);\n      }\n    };\n  });\n\n  if (chartEchartRef.current !== null && !isChartZoomDisabled) {\n    const chart = getInstanceByDom(chartEchartRef.current);\n    if (chart) {\n      // Needs to be re-set on every re-render. Sets the selectable zoom area\n      // over the chart body, not the slider.\n      chart.dispatchAction({\n        dataZoomSelectActive: true,\n        key: 'dataZoomSelect',\n        type: 'takeGlobalCursor',\n      });\n    }\n  }\n}\n"]}

package/lib/cjs/charts/hooks/use-legend-interactions.js

@@ -1,5 +1,5 @@
 "use strict";
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]