npm - @dynatrace/strato-components - Versions diffs - 3.13.3 → 3.14.1 - Mend

@dynatrace/strato-components 3.13.3 → 3.14.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2832) hide show

package/esm/charts/xy-chart/components/axes/AxisTickWithTruncation.css CHANGED Viewed

@@ -1,8 +1,8 @@
-._z2zz8y2-3-13-3 {
-  direction: var(--_z2zz8y0-3-13-3);
+._z2zz8y2-3-14-1 {
+  direction: var(--_z2zz8y0-3-14-1);
   display: inline-block;
   overflow: hidden;
   text-overflow: ellipsis;
   text-wrap: nowrap;
-  width: var(--_z2zz8y1-3-13-3);
+  width: var(--_z2zz8y1-3-14-1);
 }

package/esm/charts/xy-chart/components/axes/AxisTickWithTruncation.sty.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import "./AxisTickWithTruncation.css";
-var directionValue = "var(--_z2zz8y0-3-13-3)";
-var tickStyle = "_z2zz8y2-3-13-3";
-var widthContainer = "var(--_z2zz8y1-3-13-3)";
+var directionValue = "var(--_z2zz8y0-3-14-1)";
+var tickStyle = "_z2zz8y2-3-14-1";
+var widthContainer = "var(--_z2zz8y1-3-14-1)";
 export {
   directionValue,
   tickStyle,

package/esm/charts/xy-chart/components/axes/AxisTickWithTruncation.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/axes/AxisTickWithTruncation.css.ts"],
-  "sourcesContent": ["import './AxisTickWithTruncation.css';\nexport var directionValue = 'var(--_z2zz8y0-3-13-3)';\nexport var tickStyle = '_z2zz8y2-3-13-3';\nexport var widthContainer = 'var(--_z2zz8y1-3-13-3)';"],
+  "sourcesContent": ["import './AxisTickWithTruncation.css';\nexport var directionValue = 'var(--_z2zz8y0-3-14-1)';\nexport var tickStyle = '_z2zz8y2-3-14-1';\nexport var widthContainer = 'var(--_z2zz8y1-3-14-1)';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iBAAiB;AACrB,IAAI,YAAY;AAChB,IAAI,iBAAiB;",
   "names": []
 }

package/esm/charts/xy-chart/components/axes/XYChartBottomAxisArea.js CHANGED Viewed

@@ -101,6 +101,7 @@ function XYChartBottomAxisArea() {
               label: bottomConfig.label,
               isTickVertical: true,
               isTickRotated,
+              reserveSpaceWhenEmpty: canPan,
               children: /* @__PURE__ */ jsx(
                 AxisBottom,
                 {

package/esm/charts/xy-chart/components/axes/XYChartBottomAxisArea.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/axes/XYChartBottomAxisArea.tsx"],
-  "sourcesContent": ["import { useGesture } from '@use-gesture/react';\nimport clsx from 'clsx';\nimport type { NumberValue, ScaleBand } from 'd3-scale';\nimport { useRef } from 'react';\n\nimport { axisContainerStyle } from './AxisArea.sty.js';\nimport { computeCollisionAwareMaxSpace } from './utils/compute-collision-aware-max-space.js';\nimport { isAxisPannable } from './utils/is-axis-pannable.js';\nimport { XTickWithTruncation } from './XTickWithTruncation.js';\nimport { XYChartPanningControls } from './XYChartPanningControls.js';\nimport { AxisBottom } from '../../../core/components/axes/AxisBottom.js';\nimport { DivAxisWrapper } from '../../../core/components/axes/components/DivAxisWrapper.js';\nimport {\n  axisFontProps,\n  EMOJI_REGEX,\n} from '../../../core/components/axes/constants.js';\nimport { getXTickMaxSize } from '../../../core/components/axes/utils/calculate-axis-size.js';\nimport { getXAxisTickLabelProps } from '../../../core/components/axes/utils/get-tick-label-props.js';\nimport { isTickLabelSpaceAvailable } from '../../../core/components/axes/utils/is-tick-label-visible.js';\nimport { ChartGrid } from '../../../core/components/chart-grid/ChartGridRoot.js';\nimport { KEYBOARD_HANDLERS } from '../../../core/components/zoom/constants.js';\nimport { cursorStyle } from '../../../core/components/zoom/ZoomCursors.sty.js';\nimport { XY_CHART_BOTTOM_AXIS_LABEL } from '../../constants/defaults.js';\nimport { useAxesTicks } from '../../hooks/useAxesTicks.js';\nimport { useVisibleAxesConfig } from '../../hooks/useVisibleAxesConfig.js';\nimport { useVisibleAxesScales } from '../../hooks/useVisibleAxesScales.js';\nimport { useXYChartScales } from '../../hooks/useXYChartScales.js';\nimport { isCategorical } from '../../types/guards.js';\nimport { AREAS } from '../../utils/grid-templates.js';\nimport { useApplyPanDelta } from '../overlay/hooks/useApplyPanDelta.js';\n\nexport function XYChartBottomAxisArea() {\n  const axisRef = useRef<HTMLDivElement>(null);\n\n  const { bottomTicks } = useAxesTicks();\n  const { bottom: bottomConfig } = useVisibleAxesConfig();\n  const { bottom: bottomScale } = useVisibleAxesScales();\n  const scales = useXYChartScales();\n\n  const canPan = isAxisPannable(bottomConfig, scales);\n\n  const tickFormat = (_: unknown, index: number) =>\n    bottomTicks.formattedTicks[index];\n\n  const isCategoricalAxis = bottomConfig?.type\n    ? isCategorical(bottomConfig.type)\n    : false;\n  const isTickRotated = bottomConfig?.tickLabelLayout === 'vertical';\n  const tickLabelProps = getXAxisTickLabelProps(\n    'bottom',\n    isCategoricalAxis,\n    isTickRotated,\n    bottomScale,\n    bottomConfig?.tickLabelLayout,\n  );\n\n  const areCategoricalTicksNotFittable =\n    bottomScale &&\n    isCategoricalAxis &&\n    !isTickLabelSpaceAvailable((bottomScale as ScaleBand<string>).step());\n\n  const handlePan = useApplyPanDelta();\n\n  useGesture(\n    {\n      onDrag: (e) =>\n        KEYBOARD_HANDLERS.includes(e.type) ? null : handlePan(-e.delta[0]),\n    },\n    {\n      target: axisRef,\n      eventOptions: { passive: false },\n      drag: { filterTaps: true, pointer: { buttons: [1, 4] } },\n      enabled: canPan,\n    },\n  );\n\n  const hideAxis =\n    bottomConfig === undefined ||\n    areCategoricalTicksNotFittable ||\n    bottomScale === undefined;\n\n  const tickNameHasEmoji = bottomTicks.ticks.some((name) =>\n    EMOJI_REGEX.test(name),\n  );\n\n  return hideAxis ? null : (\n    <ChartGrid.GridArea gridArea={AREAS.bottomAxis}>\n      {({ availableWidth, availableHeight }) => {\n        const maxSpaceForTruncation = computeCollisionAwareMaxSpace(\n          getXTickMaxSize(\n            availableHeight,\n            availableWidth,\n            isTickRotated,\n            bottomScale,\n            bottomConfig.label,\n            bottomTicks.ticks.length,\n          ),\n          bottomTicks.formattedTicks,\n          bottomTicks.ticks as unknown as NumberValue[],\n          bottomScale,\n          isCategoricalAxis,\n          isTickRotated,\n        );\n\n        return (\n          <div\n            className={clsx(\n              cursorStyle({ isPanEnabled: canPan }),\n              axisContainerStyle,\n            )}\n            ref={axisRef}\n          >\n            {canPan && (\n              <XYChartPanningControls\n                visibleAxis={bottomConfig}\n                onClickPan={(delta) => handlePan(-delta)}\n              />\n            )}\n            <DivAxisWrapper\n              divAxisStyle={axisFontProps}\n              ticks={bottomTicks.formattedTicks}\n              label={bottomConfig.label}\n              isTickVertical\n              isTickRotated={isTickRotated}\n            >\n              <AxisBottom\n                role=\"group\"\n                aria-label={XY_CHART_BOTTOM_AXIS_LABEL}\n                scale={bottomScale}\n                containerSize={availableWidth}\n                height={availableHeight}\n                tickValues={bottomTicks.ticks}\n                tickLabelProps={tickLabelProps}\n                tickFormat={tickFormat}\n                label={bottomConfig.label}\n                tickComponent={(renderProps) => (\n                  <XTickWithTruncation\n                    renderProps={renderProps}\n                    maxSpaceForTruncation={maxSpaceForTruncation}\n                    centerTick={isCategoricalAxis}\n                    isTickRotated={isTickRotated}\n                    position=\"bottom\"\n                    tickNameHasEmoji={tickNameHasEmoji}\n                  />\n                )}\n              />\n            </DivAxisWrapper>\n          </div>\n        );\n      }}\n    </ChartGrid.GridArea>\n  );\n}\n\nXYChartBottomAxisArea['displayName'] = 'XYChartValueBottomAxisArea';\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useGesture } from '@use-gesture/react';\nimport clsx from 'clsx';\nimport type { NumberValue, ScaleBand } from 'd3-scale';\nimport { useRef } from 'react';\n\nimport { axisContainerStyle } from './AxisArea.sty.js';\nimport { computeCollisionAwareMaxSpace } from './utils/compute-collision-aware-max-space.js';\nimport { isAxisPannable } from './utils/is-axis-pannable.js';\nimport { XTickWithTruncation } from './XTickWithTruncation.js';\nimport { XYChartPanningControls } from './XYChartPanningControls.js';\nimport { AxisBottom } from '../../../core/components/axes/AxisBottom.js';\nimport { DivAxisWrapper } from '../../../core/components/axes/components/DivAxisWrapper.js';\nimport {\n  axisFontProps,\n  EMOJI_REGEX,\n} from '../../../core/components/axes/constants.js';\nimport { getXTickMaxSize } from '../../../core/components/axes/utils/calculate-axis-size.js';\nimport { getXAxisTickLabelProps } from '../../../core/components/axes/utils/get-tick-label-props.js';\nimport { isTickLabelSpaceAvailable } from '../../../core/components/axes/utils/is-tick-label-visible.js';\nimport { ChartGrid } from '../../../core/components/chart-grid/ChartGridRoot.js';\nimport { KEYBOARD_HANDLERS } from '../../../core/components/zoom/constants.js';\nimport { cursorStyle } from '../../../core/components/zoom/ZoomCursors.sty.js';\nimport { XY_CHART_BOTTOM_AXIS_LABEL } from '../../constants/defaults.js';\nimport { useAxesTicks } from '../../hooks/useAxesTicks.js';\nimport { useVisibleAxesConfig } from '../../hooks/useVisibleAxesConfig.js';\nimport { useVisibleAxesScales } from '../../hooks/useVisibleAxesScales.js';\nimport { useXYChartScales } from '../../hooks/useXYChartScales.js';\nimport { isCategorical } from '../../types/guards.js';\nimport { AREAS } from '../../utils/grid-templates.js';\nimport { useApplyPanDelta } from '../overlay/hooks/useApplyPanDelta.js';\n\nexport function XYChartBottomAxisArea() {\n  const axisRef = useRef<HTMLDivElement>(null);\n\n  const { bottomTicks } = useAxesTicks();\n  const { bottom: bottomConfig } = useVisibleAxesConfig();\n  const { bottom: bottomScale } = useVisibleAxesScales();\n  const scales = useXYChartScales();\n\n  const canPan = isAxisPannable(bottomConfig, scales);\n\n  const tickFormat = (_: unknown, index: number) =>\n    bottomTicks.formattedTicks[index];\n\n  const isCategoricalAxis = bottomConfig?.type\n    ? isCategorical(bottomConfig.type)\n    : false;\n  const isTickRotated = bottomConfig?.tickLabelLayout === 'vertical';\n  const tickLabelProps = getXAxisTickLabelProps(\n    'bottom',\n    isCategoricalAxis,\n    isTickRotated,\n    bottomScale,\n    bottomConfig?.tickLabelLayout,\n  );\n\n  const areCategoricalTicksNotFittable =\n    bottomScale &&\n    isCategoricalAxis &&\n    !isTickLabelSpaceAvailable((bottomScale as ScaleBand<string>).step());\n\n  const handlePan = useApplyPanDelta();\n\n  useGesture(\n    {\n      onDrag: (e) =>\n        KEYBOARD_HANDLERS.includes(e.type) ? null : handlePan(-e.delta[0]),\n    },\n    {\n      target: axisRef,\n      eventOptions: { passive: false },\n      drag: { filterTaps: true, pointer: { buttons: [1, 4] } },\n      enabled: canPan,\n    },\n  );\n\n  const hideAxis =\n    bottomConfig === undefined ||\n    areCategoricalTicksNotFittable ||\n    bottomScale === undefined;\n\n  const tickNameHasEmoji = bottomTicks.ticks.some((name) =>\n    EMOJI_REGEX.test(name),\n  );\n\n  return hideAxis ? null : (\n    <ChartGrid.GridArea gridArea={AREAS.bottomAxis}>\n      {({ availableWidth, availableHeight }) => {\n        const maxSpaceForTruncation = computeCollisionAwareMaxSpace(\n          getXTickMaxSize(\n            availableHeight,\n            availableWidth,\n            isTickRotated,\n            bottomScale,\n            bottomConfig.label,\n            bottomTicks.ticks.length,\n          ),\n          bottomTicks.formattedTicks,\n          bottomTicks.ticks as unknown as NumberValue[],\n          bottomScale,\n          isCategoricalAxis,\n          isTickRotated,\n        );\n\n        return (\n          <div\n            className={clsx(\n              cursorStyle({ isPanEnabled: canPan }),\n              axisContainerStyle,\n            )}\n            ref={axisRef}\n          >\n            {canPan && (\n              <XYChartPanningControls\n                visibleAxis={bottomConfig}\n                onClickPan={(delta) => handlePan(-delta)}\n              />\n            )}\n            <DivAxisWrapper\n              divAxisStyle={axisFontProps}\n              ticks={bottomTicks.formattedTicks}\n              label={bottomConfig.label}\n              isTickVertical\n              isTickRotated={isTickRotated}\n              reserveSpaceWhenEmpty={canPan}\n            >\n              <AxisBottom\n                role=\"group\"\n                aria-label={XY_CHART_BOTTOM_AXIS_LABEL}\n                scale={bottomScale}\n                containerSize={availableWidth}\n                height={availableHeight}\n                tickValues={bottomTicks.ticks}\n                tickLabelProps={tickLabelProps}\n                tickFormat={tickFormat}\n                label={bottomConfig.label}\n                tickComponent={(renderProps) => (\n                  <XTickWithTruncation\n                    renderProps={renderProps}\n                    maxSpaceForTruncation={maxSpaceForTruncation}\n                    centerTick={isCategoricalAxis}\n                    isTickRotated={isTickRotated}\n                    position=\"bottom\"\n                    tickNameHasEmoji={tickNameHasEmoji}\n                  />\n                )}\n              />\n            </DivAxisWrapper>\n          </div>\n        );\n      }}\n    </ChartGrid.GridArea>\n  );\n}\n\nXYChartBottomAxisArea['displayName'] = 'XYChartValueBottomAxisArea';\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart/components/axes/XYChartTopAxisArea.js CHANGED Viewed

@@ -101,6 +101,7 @@ function XYChartTopAxisArea() {
               label: topConfig.label,
               isTickVertical: true,
               isTickRotated,
+              reserveSpaceWhenEmpty: canPan,
               children: /* @__PURE__ */ jsx(
                 AxisTop,
                 {

package/esm/charts/xy-chart/components/axes/XYChartTopAxisArea.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/axes/XYChartTopAxisArea.tsx"],
-  "sourcesContent": ["import { useGesture } from '@use-gesture/react';\nimport clsx from 'clsx';\nimport type { NumberValue, ScaleBand } from 'd3-scale';\nimport { useRef } from 'react';\n\nimport { axisContainerStyle } from './AxisArea.sty.js';\nimport { computeCollisionAwareMaxSpace } from './utils/compute-collision-aware-max-space.js';\nimport { isAxisPannable } from './utils/is-axis-pannable.js';\nimport { XTickWithTruncation } from './XTickWithTruncation.js';\nimport { XYChartPanningControls } from './XYChartPanningControls.js';\nimport { AxisTop } from '../../../core/components/axes/AxisTop.js';\nimport { DivAxisWrapper } from '../../../core/components/axes/components/DivAxisWrapper.js';\nimport {\n  axisFontProps,\n  EMOJI_REGEX,\n} from '../../../core/components/axes/constants.js';\nimport { getXTickMaxSize } from '../../../core/components/axes/utils/calculate-axis-size.js';\nimport { getXAxisTickLabelProps } from '../../../core/components/axes/utils/get-tick-label-props.js';\nimport { isTickLabelSpaceAvailable } from '../../../core/components/axes/utils/is-tick-label-visible.js';\nimport { ChartGrid } from '../../../core/components/chart-grid/ChartGridRoot.js';\nimport { KEYBOARD_HANDLERS } from '../../../core/components/zoom/constants.js';\nimport { cursorStyle } from '../../../core/components/zoom/ZoomCursors.sty.js';\nimport { XY_CHART_TOP_AXIS_LABEL } from '../../constants/defaults.js';\nimport { useAxesTicks } from '../../hooks/useAxesTicks.js';\nimport { useVisibleAxesConfig } from '../../hooks/useVisibleAxesConfig.js';\nimport { useVisibleAxesScales } from '../../hooks/useVisibleAxesScales.js';\nimport { useXYChartScales } from '../../hooks/useXYChartScales.js';\nimport { isCategorical } from '../../types/guards.js';\nimport { AREAS } from '../../utils/grid-templates.js';\nimport { useApplyPanDelta } from '../overlay/hooks/useApplyPanDelta.js';\n\nexport function XYChartTopAxisArea() {\n  const axisRef = useRef<HTMLDivElement>(null);\n\n  const { topTicks } = useAxesTicks();\n  const { top: topConfig } = useVisibleAxesConfig();\n  const { top: topScale } = useVisibleAxesScales();\n\n  const scales = useXYChartScales();\n\n  const canPan = isAxisPannable(topConfig, scales);\n\n  const tickFormat = (_: unknown, index: number) =>\n    topTicks.formattedTicks[index];\n\n  const isCategoricalAxis = topConfig?.type\n    ? isCategorical(topConfig.type)\n    : false;\n  const isTickRotated = topConfig?.tickLabelLayout === 'vertical';\n  const tickLabelProps = getXAxisTickLabelProps(\n    'top',\n    isCategoricalAxis,\n    isTickRotated,\n    topScale,\n    topConfig?.tickLabelLayout,\n  );\n\n  const areCategoricalTicksNotFittable =\n    topScale &&\n    isCategoricalAxis &&\n    !isTickLabelSpaceAvailable((topScale as ScaleBand<string>).step());\n\n  const hideAxis =\n    topConfig === undefined ||\n    areCategoricalTicksNotFittable ||\n    topScale === undefined;\n\n  const handlePan = useApplyPanDelta();\n\n  useGesture(\n    {\n      onDrag: (e) =>\n        KEYBOARD_HANDLERS.includes(e.type) ? null : handlePan(-e.delta[0]),\n    },\n    {\n      target: axisRef,\n      eventOptions: { passive: false },\n      drag: { filterTaps: true, pointer: { buttons: [1, 4] } },\n      enabled: canPan,\n    },\n  );\n\n  const tickNameHasEmoji = topTicks.ticks.some((name) =>\n    EMOJI_REGEX.test(name),\n  );\n\n  return hideAxis ? null : (\n    <ChartGrid.GridArea gridArea={AREAS.topAxis}>\n      {({ availableWidth, availableHeight }) => {\n        const maxSpaceForTruncation = computeCollisionAwareMaxSpace(\n          getXTickMaxSize(\n            availableHeight,\n            availableWidth,\n            isTickRotated,\n            topScale,\n            topConfig.label,\n            topTicks.ticks.length,\n          ),\n          topTicks.formattedTicks,\n          topTicks.ticks as unknown as NumberValue[],\n          topScale,\n          isCategoricalAxis,\n          isTickRotated,\n        );\n\n        return (\n          <div\n            className={clsx(\n              cursorStyle({ isPanEnabled: canPan }),\n              axisContainerStyle,\n            )}\n            ref={axisRef}\n          >\n            {canPan && (\n              <XYChartPanningControls\n                visibleAxis={topConfig}\n                onClickPan={(delta) => handlePan(-delta)}\n              />\n            )}\n            <DivAxisWrapper\n              divAxisStyle={axisFontProps}\n              ticks={topTicks.formattedTicks}\n              label={topConfig.label}\n              isTickVertical\n              isTickRotated={isTickRotated}\n            >\n              <AxisTop\n                role=\"group\"\n                aria-label={XY_CHART_TOP_AXIS_LABEL}\n                scale={topScale}\n                containerSize={availableWidth}\n                height={availableHeight}\n                tickValues={topTicks.ticks}\n                tickLabelProps={tickLabelProps}\n                tickFormat={tickFormat}\n                label={topConfig.label}\n                tickComponent={(renderProps) => (\n                  <XTickWithTruncation\n                    renderProps={renderProps}\n                    maxSpaceForTruncation={maxSpaceForTruncation}\n                    centerTick={isCategoricalAxis}\n                    isTickRotated={isTickRotated}\n                    position=\"top\"\n                    tickNameHasEmoji={tickNameHasEmoji}\n                  />\n                )}\n              />\n            </DivAxisWrapper>\n          </div>\n        );\n      }}\n    </ChartGrid.GridArea>\n  );\n}\n\nXYChartTopAxisArea['displayName'] = 'XYChartTopAxisArea';\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useGesture } from '@use-gesture/react';\nimport clsx from 'clsx';\nimport type { NumberValue, ScaleBand } from 'd3-scale';\nimport { useRef } from 'react';\n\nimport { axisContainerStyle } from './AxisArea.sty.js';\nimport { computeCollisionAwareMaxSpace } from './utils/compute-collision-aware-max-space.js';\nimport { isAxisPannable } from './utils/is-axis-pannable.js';\nimport { XTickWithTruncation } from './XTickWithTruncation.js';\nimport { XYChartPanningControls } from './XYChartPanningControls.js';\nimport { AxisTop } from '../../../core/components/axes/AxisTop.js';\nimport { DivAxisWrapper } from '../../../core/components/axes/components/DivAxisWrapper.js';\nimport {\n  axisFontProps,\n  EMOJI_REGEX,\n} from '../../../core/components/axes/constants.js';\nimport { getXTickMaxSize } from '../../../core/components/axes/utils/calculate-axis-size.js';\nimport { getXAxisTickLabelProps } from '../../../core/components/axes/utils/get-tick-label-props.js';\nimport { isTickLabelSpaceAvailable } from '../../../core/components/axes/utils/is-tick-label-visible.js';\nimport { ChartGrid } from '../../../core/components/chart-grid/ChartGridRoot.js';\nimport { KEYBOARD_HANDLERS } from '../../../core/components/zoom/constants.js';\nimport { cursorStyle } from '../../../core/components/zoom/ZoomCursors.sty.js';\nimport { XY_CHART_TOP_AXIS_LABEL } from '../../constants/defaults.js';\nimport { useAxesTicks } from '../../hooks/useAxesTicks.js';\nimport { useVisibleAxesConfig } from '../../hooks/useVisibleAxesConfig.js';\nimport { useVisibleAxesScales } from '../../hooks/useVisibleAxesScales.js';\nimport { useXYChartScales } from '../../hooks/useXYChartScales.js';\nimport { isCategorical } from '../../types/guards.js';\nimport { AREAS } from '../../utils/grid-templates.js';\nimport { useApplyPanDelta } from '../overlay/hooks/useApplyPanDelta.js';\n\nexport function XYChartTopAxisArea() {\n  const axisRef = useRef<HTMLDivElement>(null);\n\n  const { topTicks } = useAxesTicks();\n  const { top: topConfig } = useVisibleAxesConfig();\n  const { top: topScale } = useVisibleAxesScales();\n\n  const scales = useXYChartScales();\n\n  const canPan = isAxisPannable(topConfig, scales);\n\n  const tickFormat = (_: unknown, index: number) =>\n    topTicks.formattedTicks[index];\n\n  const isCategoricalAxis = topConfig?.type\n    ? isCategorical(topConfig.type)\n    : false;\n  const isTickRotated = topConfig?.tickLabelLayout === 'vertical';\n  const tickLabelProps = getXAxisTickLabelProps(\n    'top',\n    isCategoricalAxis,\n    isTickRotated,\n    topScale,\n    topConfig?.tickLabelLayout,\n  );\n\n  const areCategoricalTicksNotFittable =\n    topScale &&\n    isCategoricalAxis &&\n    !isTickLabelSpaceAvailable((topScale as ScaleBand<string>).step());\n\n  const hideAxis =\n    topConfig === undefined ||\n    areCategoricalTicksNotFittable ||\n    topScale === undefined;\n\n  const handlePan = useApplyPanDelta();\n\n  useGesture(\n    {\n      onDrag: (e) =>\n        KEYBOARD_HANDLERS.includes(e.type) ? null : handlePan(-e.delta[0]),\n    },\n    {\n      target: axisRef,\n      eventOptions: { passive: false },\n      drag: { filterTaps: true, pointer: { buttons: [1, 4] } },\n      enabled: canPan,\n    },\n  );\n\n  const tickNameHasEmoji = topTicks.ticks.some((name) =>\n    EMOJI_REGEX.test(name),\n  );\n\n  return hideAxis ? null : (\n    <ChartGrid.GridArea gridArea={AREAS.topAxis}>\n      {({ availableWidth, availableHeight }) => {\n        const maxSpaceForTruncation = computeCollisionAwareMaxSpace(\n          getXTickMaxSize(\n            availableHeight,\n            availableWidth,\n            isTickRotated,\n            topScale,\n            topConfig.label,\n            topTicks.ticks.length,\n          ),\n          topTicks.formattedTicks,\n          topTicks.ticks as unknown as NumberValue[],\n          topScale,\n          isCategoricalAxis,\n          isTickRotated,\n        );\n\n        return (\n          <div\n            className={clsx(\n              cursorStyle({ isPanEnabled: canPan }),\n              axisContainerStyle,\n            )}\n            ref={axisRef}\n          >\n            {canPan && (\n              <XYChartPanningControls\n                visibleAxis={topConfig}\n                onClickPan={(delta) => handlePan(-delta)}\n              />\n            )}\n            <DivAxisWrapper\n              divAxisStyle={axisFontProps}\n              ticks={topTicks.formattedTicks}\n              label={topConfig.label}\n              isTickVertical\n              isTickRotated={isTickRotated}\n              reserveSpaceWhenEmpty={canPan}\n            >\n              <AxisTop\n                role=\"group\"\n                aria-label={XY_CHART_TOP_AXIS_LABEL}\n                scale={topScale}\n                containerSize={availableWidth}\n                height={availableHeight}\n                tickValues={topTicks.ticks}\n                tickLabelProps={tickLabelProps}\n                tickFormat={tickFormat}\n                label={topConfig.label}\n                tickComponent={(renderProps) => (\n                  <XTickWithTruncation\n                    renderProps={renderProps}\n                    maxSpaceForTruncation={maxSpaceForTruncation}\n                    centerTick={isCategoricalAxis}\n                    isTickRotated={isTickRotated}\n                    position=\"top\"\n                    tickNameHasEmoji={tickNameHasEmoji}\n                  />\n                )}\n              />\n            </DivAxisWrapper>\n          </div>\n        );\n      }}\n    </ChartGrid.GridArea>\n  );\n}\n\nXYChartTopAxisArea['displayName'] = 'XYChartTopAxisArea';\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart/components/axes/hooks/useXTickOffset.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/axes/hooks/useXTickOffset.ts"],
-  "sourcesContent": ["import type { CSSProperties } from 'react';\n\nimport {\n  BOTTOM_AXIS_LINE_OFFSET,\n  TOP_AXIS_LINE_OFFSET,\n  TICK_LINE_HEIGHT,\n  TICK_LINE_ICON_OFFSET,\n} from '../../../../core/components/axes/constants.js';\nimport type { TickRendererProps } from '../../../../core/components/axes/types.js';\n\nexport function useXTickOffset(\n  textWidth: number,\n  textHeight: number,\n  renderProps: TickRendererProps,\n  centerTick: boolean,\n  isTickRotated: boolean,\n  position: 'top' | 'bottom',\n  tickNameHasEmoji: boolean,\n) {\n  const yOffset =\n    position === 'top' && !isTickRotated\n      ? TOP_AXIS_LINE_OFFSET\n      : BOTTOM_AXIS_LINE_OFFSET;\n\n  const size = isTickRotated ? textHeight + 2 : textWidth;\n\n  const xOffset = centerTick\n    ? size / 2\n    : renderProps.textAnchor === 'start'\n    ? 0\n    : renderProps.textAnchor === 'end'\n    ? size\n    : size / 2;\n\n  const { x, y, ...restProps } = renderProps;\n\n  const TICK_LINE_HEIGHT_VALIDATED = tickNameHasEmoji\n    ? TICK_LINE_HEIGHT + TICK_LINE_ICON_OFFSET\n    : TICK_LINE_HEIGHT;\n\n  const style: CSSProperties = {\n    ...(restProps as CSSProperties),\n    width: textWidth,\n    height: TICK_LINE_HEIGHT_VALIDATED,\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    display: 'inline-block',\n  };\n\n  if (isTickRotated) {\n    style.transform = 'rotate(-90deg)';\n  }\n\n  return { xOffset, yOffset, style };\n}\n"],
-  "mappings": "AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGA,SAAS,eACd,WACA,YACA,aACA,YACA,eACA,UACA,kBACA;AACA,QAAM,UACJ,aAAa,SAAS,CAAC,gBACnB,uBACA;AAEN,QAAM,OAAO,gBAAgB,aAAa,IAAI;AAE9C,QAAM,UAAU,aACZ,OAAO,IACP,YAAY,eAAe,UAC3B,IACA,YAAY,eAAe,QAC3B,OACA,OAAO;AAEX,QAAM,EAAE,GAAG,GAAG,GAAG,UAAU,IAAI;AAE/B,QAAM,6BAA6B,mBAC/B,mBAAmB,wBACnB;AAEJ,QAAM,QAAuB;AAAA,IAC3B,GAAI;AAAA,IACJ,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,SAAS;AAAA,EACX;AAEA,MAAI,eAAe;AACjB,UAAM,YAAY;AAAA,EACpB;AAEA,SAAO,EAAE,SAAS,SAAS,MAAM;AACnC;",
+  "sourcesContent": ["import type { CSSProperties } from 'react';\n\nimport {\n  BOTTOM_AXIS_LINE_OFFSET,\n  TOP_AXIS_LINE_OFFSET,\n  TICK_LINE_HEIGHT,\n  TICK_LINE_ICON_OFFSET,\n} from '../../../../core/components/axes/constants.js';\nimport type { TickRendererProps } from '../../../../core/components/axes/types.js';\n\nexport function useXTickOffset(\n  textWidth: number,\n  textHeight: number,\n  renderProps: TickRendererProps,\n  centerTick: boolean,\n  isTickRotated: boolean,\n  position: 'top' | 'bottom',\n  tickNameHasEmoji: boolean,\n) {\n  const yOffset =\n    position === 'top' && !isTickRotated\n      ? TOP_AXIS_LINE_OFFSET\n      : BOTTOM_AXIS_LINE_OFFSET;\n\n  const size = isTickRotated ? textHeight + 2 : textWidth;\n\n  const xOffset = centerTick\n    ? size / 2\n    : renderProps.textAnchor === 'start'\n      ? 0\n      : renderProps.textAnchor === 'end'\n        ? size\n        : size / 2;\n\n  const { x, y, ...restProps } = renderProps;\n\n  const TICK_LINE_HEIGHT_VALIDATED = tickNameHasEmoji\n    ? TICK_LINE_HEIGHT + TICK_LINE_ICON_OFFSET\n    : TICK_LINE_HEIGHT;\n\n  const style: CSSProperties = {\n    ...(restProps as CSSProperties),\n    width: textWidth,\n    height: TICK_LINE_HEIGHT_VALIDATED,\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    display: 'inline-block',\n  };\n\n  if (isTickRotated) {\n    style.transform = 'rotate(-90deg)';\n  }\n\n  return { xOffset, yOffset, style };\n}\n"],
+  "mappings": "AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGA,SAAS,eACd,WACA,YACA,aACA,YACA,eACA,UACA,kBACA;AACA,QAAM,UACJ,aAAa,SAAS,CAAC,gBACnB,uBACA;AAEN,QAAM,OAAO,gBAAgB,aAAa,IAAI;AAE9C,QAAM,UAAU,aACZ,OAAO,IACP,YAAY,eAAe,UACzB,IACA,YAAY,eAAe,QACzB,OACA,OAAO;AAEf,QAAM,EAAE,GAAG,GAAG,GAAG,UAAU,IAAI;AAE/B,QAAM,6BAA6B,mBAC/B,mBAAmB,wBACnB;AAEJ,QAAM,QAAuB;AAAA,IAC3B,GAAI;AAAA,IACJ,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,SAAS;AAAA,EACX;AAEA,MAAI,eAAe;AACjB,UAAM,YAAY;AAAA,EACpB;AAEA,SAAO,EAAE,SAAS,SAAS,MAAM;AACnC;",
   "names": []
 }

package/esm/charts/xy-chart/components/axes/utils/compute-collision-aware-max-space.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/axes/utils/compute-collision-aware-max-space.ts"],
-  "sourcesContent": ["import type { NumberValue } from 'd3-scale';\n\nimport type { AnyScale } from '../../../../core/types/scales.js';\nimport { isBandScale } from '../../../../core/utils/detect-scale.js';\nimport {\n  hasHorizontalLabelCollision,\n  type ContinuousScale,\n  TICK_LABEL_GAP_PX,\n} from '../../../../core/utils/has-horizontal-label-collision.js';\n\n/**\n * Applies collision-aware clamping to a tick-label truncation budget.\n *\n * When exactly two continuous-scale ticks collide, this function shrinks\n * `baseMax` so that each label only occupies its fair share of the pixel gap\n * between the two tick positions. The share depends on domain-boundary\n * alignment: a boundary-anchored label uses less space than a centered one.\n *\n * Returns `baseMax` unchanged whenever the conditions for collision detection\n * are not met (categorical, rotated, \u22602 ticks, band scale, or no collision).\n */\nexport function computeCollisionAwareMaxSpace(\n  baseMax: number,\n  formattedTicks: string[],\n  rawTicks: NumberValue[],\n  scale: AnyScale | undefined,\n  isCategoricalAxis: boolean,\n  isTickRotated: boolean,\n): number {\n  if (\n    isCategoricalAxis ||\n    isTickRotated ||\n    rawTicks.length !== 2 ||\n    !scale ||\n    isBandScale(scale)\n  ) {\n    return baseMax;\n  }\n\n  const continuousScale = scale as unknown as ContinuousScale;\n  const domain = continuousScale.domain() as [number | Date, number | Date];\n  const domainBounds: [number, number] = [+domain[0], +domain[1]];\n\n  if (\n    !hasHorizontalLabelCollision(\n      formattedTicks,\n      rawTicks,\n      continuousScale,\n      domainBounds,\n    )\n  ) {\n    return baseMax;\n  }\n\n  const pos0 = continuousScale(rawTicks[0]);\n  const pos1 = continuousScale(rawTicks[1]);\n  const pixelGap = pos1 - pos0;\n\n  const t0IsStart = +rawTicks[0] === domainBounds[0];\n  const t1IsEnd = +rawTicks[1] === domainBounds[1];\n\n  const bothAtDomainEdges = t0IsStart && t1IsEnd;\n  const oneAtDomainEdge = t0IsStart || t1IsEnd;\n\n  const gapAfterPadding = pixelGap - TICK_LABEL_GAP_PX;\n\n  const tighterMax = bothAtDomainEdges\n    ? gapAfterPadding / 2\n    : oneAtDomainEdge\n    ? (2 * gapAfterPadding) / 3\n    : gapAfterPadding;\n\n  return Math.max(tighterMax, 0);\n}\n"],
-  "mappings": "AAGA,SAAS,mBAAmB;AAC5B;AAAA,EACE;AAAA,EAEA;AAAA,OACK;AAaA,SAAS,8BACd,SACA,gBACA,UACA,OACA,mBACA,eACQ;AACR,MACE,qBACA,iBACA,SAAS,WAAW,KACpB,CAAC,SACD,YAAY,KAAK,GACjB;AACA,WAAO;AAAA,EACT;AAEA,QAAM,kBAAkB;AACxB,QAAM,SAAS,gBAAgB,OAAO;AACtC,QAAM,eAAiC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;AAE9D,MACE,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,GACA;AACA,WAAO;AAAA,EACT;AAEA,QAAM,OAAO,gBAAgB,SAAS,CAAC,CAAC;AACxC,QAAM,OAAO,gBAAgB,SAAS,CAAC,CAAC;AACxC,QAAM,WAAW,OAAO;AAExB,QAAM,YAAY,CAAC,SAAS,CAAC,MAAM,aAAa,CAAC;AACjD,QAAM,UAAU,CAAC,SAAS,CAAC,MAAM,aAAa,CAAC;AAE/C,QAAM,oBAAoB,aAAa;AACvC,QAAM,kBAAkB,aAAa;AAErC,QAAM,kBAAkB,WAAW;AAEnC,QAAM,aAAa,oBACf,kBAAkB,IAClB,kBACC,IAAI,kBAAmB,IACxB;AAEJ,SAAO,KAAK,IAAI,YAAY,CAAC;AAC/B;",
+  "sourcesContent": ["import type { NumberValue } from 'd3-scale';\n\nimport type { AnyScale } from '../../../../core/types/scales.js';\nimport { isBandScale } from '../../../../core/utils/detect-scale.js';\nimport {\n  hasHorizontalLabelCollision,\n  type ContinuousScale,\n  TICK_LABEL_GAP_PX,\n} from '../../../../core/utils/has-horizontal-label-collision.js';\n\n/**\n * Applies collision-aware clamping to a tick-label truncation budget.\n *\n * When exactly two continuous-scale ticks collide, this function shrinks\n * `baseMax` so that each label only occupies its fair share of the pixel gap\n * between the two tick positions. The share depends on domain-boundary\n * alignment: a boundary-anchored label uses less space than a centered one.\n *\n * Returns `baseMax` unchanged whenever the conditions for collision detection\n * are not met (categorical, rotated, \u22602 ticks, band scale, or no collision).\n */\nexport function computeCollisionAwareMaxSpace(\n  baseMax: number,\n  formattedTicks: string[],\n  rawTicks: NumberValue[],\n  scale: AnyScale | undefined,\n  isCategoricalAxis: boolean,\n  isTickRotated: boolean,\n): number {\n  if (\n    isCategoricalAxis ||\n    isTickRotated ||\n    rawTicks.length !== 2 ||\n    !scale ||\n    isBandScale(scale)\n  ) {\n    return baseMax;\n  }\n\n  const continuousScale = scale as unknown as ContinuousScale;\n  const domain = continuousScale.domain() as [number | Date, number | Date];\n  const domainBounds: [number, number] = [+domain[0], +domain[1]];\n\n  if (\n    !hasHorizontalLabelCollision(\n      formattedTicks,\n      rawTicks,\n      continuousScale,\n      domainBounds,\n    )\n  ) {\n    return baseMax;\n  }\n\n  const pos0 = continuousScale(rawTicks[0]);\n  const pos1 = continuousScale(rawTicks[1]);\n  const pixelGap = pos1 - pos0;\n\n  const t0IsStart = +rawTicks[0] === domainBounds[0];\n  const t1IsEnd = +rawTicks[1] === domainBounds[1];\n\n  const bothAtDomainEdges = t0IsStart && t1IsEnd;\n  const oneAtDomainEdge = t0IsStart || t1IsEnd;\n\n  const gapAfterPadding = pixelGap - TICK_LABEL_GAP_PX;\n\n  const tighterMax = bothAtDomainEdges\n    ? gapAfterPadding / 2\n    : oneAtDomainEdge\n      ? (2 * gapAfterPadding) / 3\n      : gapAfterPadding;\n\n  return Math.max(tighterMax, 0);\n}\n"],
+  "mappings": "AAGA,SAAS,mBAAmB;AAC5B;AAAA,EACE;AAAA,EAEA;AAAA,OACK;AAaA,SAAS,8BACd,SACA,gBACA,UACA,OACA,mBACA,eACQ;AACR,MACE,qBACA,iBACA,SAAS,WAAW,KACpB,CAAC,SACD,YAAY,KAAK,GACjB;AACA,WAAO;AAAA,EACT;AAEA,QAAM,kBAAkB;AACxB,QAAM,SAAS,gBAAgB,OAAO;AACtC,QAAM,eAAiC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;AAE9D,MACE,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,GACA;AACA,WAAO;AAAA,EACT;AAEA,QAAM,OAAO,gBAAgB,SAAS,CAAC,CAAC;AACxC,QAAM,OAAO,gBAAgB,SAAS,CAAC,CAAC;AACxC,QAAM,WAAW,OAAO;AAExB,QAAM,YAAY,CAAC,SAAS,CAAC,MAAM,aAAa,CAAC;AACjD,QAAM,UAAU,CAAC,SAAS,CAAC,MAAM,aAAa,CAAC;AAE/C,QAAM,oBAAoB,aAAa;AACvC,QAAM,kBAAkB,aAAa;AAErC,QAAM,kBAAkB,WAAW;AAEnC,QAAM,aAAa,oBACf,kBAAkB,IAClB,kBACG,IAAI,kBAAmB,IACxB;AAEN,SAAO,KAAK,IAAI,YAAY,CAAC;AAC/B;",
   "names": []
 }

package/esm/charts/xy-chart/components/displays/BarDisplay/BarLabelOverlay.css CHANGED Viewed

@@ -1,10 +1,10 @@
-._b76tm80-3-13-3 {
+._b76tm80-3-14-1 {
   position: absolute;
   inset: 0;
   overflow: hidden;
   pointer-events: none;
 }
-._b76tm81-3-13-3 {
+._b76tm81-3-14-1 {
   position: absolute;
   white-space: nowrap;
   font-size: var(--dt-typography-text-small-default-size, 12px);

package/esm/charts/xy-chart/components/displays/BarDisplay/BarLabelOverlay.sty.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import "./BarLabelOverlay.css";
-var labelSpan = "_b76tm81-3-13-3";
-var overlayContainer = "_b76tm80-3-13-3";
+var labelSpan = "_b76tm81-3-14-1";
+var overlayContainer = "_b76tm80-3-14-1";
 export {
   labelSpan,
   overlayContainer

package/esm/charts/xy-chart/components/displays/BarDisplay/BarLabelOverlay.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/displays/BarDisplay/BarLabelOverlay.css.ts"],
-  "sourcesContent": ["import './BarLabelOverlay.css';\nexport var labelSpan = '_b76tm81-3-13-3';\nexport var overlayContainer = '_b76tm80-3-13-3';"],
+  "sourcesContent": ["import './BarLabelOverlay.css';\nexport var labelSpan = '_b76tm81-3-14-1';\nexport var overlayContainer = '_b76tm80-3-14-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;AAChB,IAAI,mBAAmB;",
   "names": []
 }

package/esm/charts/xy-chart/components/displays/RectLabelOverlay.css CHANGED Viewed

@@ -1,10 +1,10 @@
-._1a48u8w0-3-13-3 {
+._1a48u8w0-3-14-1 {
   position: absolute;
   inset: 0;
   overflow: hidden;
   pointer-events: none;
 }
-._1a48u8w1-3-13-3 {
+._1a48u8w1-3-14-1 {
   position: absolute;
   white-space: nowrap;
   font-size: var(--dt-typography-text-small-default-size, 12px);
@@ -12,7 +12,7 @@
   font-weight: var(--dt-typography-text-small-default-weight, 400);
   line-height: 1;
 }
-._1a48u8w2-3-13-3 {
+._1a48u8w2-3-14-1 {
   position: absolute;
   overflow: hidden;
   pointer-events: none;

package/esm/charts/xy-chart/components/displays/RectLabelOverlay.sty.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import "./RectLabelOverlay.css";
-var rectLabelClipWrapper = "_1a48u8w2-3-13-3";
-var rectLabelSpan = "_1a48u8w1-3-13-3";
-var rectOverlayContainer = "_1a48u8w0-3-13-3";
+var rectLabelClipWrapper = "_1a48u8w2-3-14-1";
+var rectLabelSpan = "_1a48u8w1-3-14-1";
+var rectOverlayContainer = "_1a48u8w0-3-14-1";
 export {
   rectLabelClipWrapper,
   rectLabelSpan,

package/esm/charts/xy-chart/components/displays/RectLabelOverlay.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/displays/RectLabelOverlay.css.ts"],
-  "sourcesContent": ["import './RectLabelOverlay.css';\nexport var rectLabelClipWrapper = '_1a48u8w2-3-13-3';\nexport var rectLabelSpan = '_1a48u8w1-3-13-3';\nexport var rectOverlayContainer = '_1a48u8w0-3-13-3';"],
+  "sourcesContent": ["import './RectLabelOverlay.css';\nexport var rectLabelClipWrapper = '_1a48u8w2-3-14-1';\nexport var rectLabelSpan = '_1a48u8w1-3-14-1';\nexport var rectOverlayContainer = '_1a48u8w0-3-14-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,uBAAuB;AAC3B,IAAI,gBAAgB;AACpB,IAAI,uBAAuB;",
   "names": []
 }

package/esm/charts/xy-chart/components/legend/XYLegend/XYLegend.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { useCallback, useMemo } from "react";
+import { useCallback, useEffect, useMemo } from "react";
 import { getXYLegendActions } from "./utils/getXYLegendActions.js";
 import {
   AREA_CHART_ICON_SHAPE,
@@ -93,6 +93,13 @@ function XYLegend({ series, seriesToMetadata }) {
     // oxlint-disable-next-line react-hooks/exhaustive-deps
     [series, seriesToMetadata]
   );
+  const itemIdsKey = useMemo(
+    () => legendItems.map((item) => item.id).join("\0"),
+    [legendItems]
+  );
+  useEffect(() => {
+    setState((prev) => ({ ...prev, filteredSeriesIds: void 0 }));
+  }, [itemIdsKey]);
   const legendActions = getXYLegendActions(series, seriesToMetadata);
   const updateVisibleSeries = useCallback(
     (visibleItems) => {

package/esm/charts/xy-chart/components/legend/XYLegend/XYLegend.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/legend/XYLegend/XYLegend.tsx"],
-  "sourcesContent": ["import type { ScaleOrdinal } from 'd3-scale';\nimport { useCallback, useMemo } from 'react';\n\nimport { getXYLegendActions } from './utils/getXYLegendActions.js';\nimport {\n  AREA_CHART_ICON_SHAPE,\n  BAR_CHART_ICON_SHAPE,\n  LINE_CHART_ICON_SHAPE,\n  RECT_CHART_ICON_SHAPE,\n  XYLegendIcon,\n} from './XYLegendIcon.js';\nimport { useChartLayoutLoading } from '../../../../core/components/chart-layout/hooks/useChartLayoutLoading.js';\nimport { useChartLayoutOrientation } from '../../../../core/components/chart-layout/hooks/useChartLayoutOrientation.js';\nimport { getLegendOrientation } from '../../../../core/components/chart-layout/utils/orientation.js';\nimport { ChartLegend } from '../../../../core/components/legend/categorical/ChartLegend.js';\nimport type { LegendItem } from '../../../../core/components/legend/categorical/types/legend.js';\nimport { usePinCoordinationActions } from '../../../../core/components/overlay-tooltip/usePinCoordinationActions.js';\nimport { useTooltipActions } from '../../../../core/components/overlay-tooltip/useTooltipActions.js';\nimport { buildCategoricalItemsFromScale } from '../../../../core/utils/build-categorical-items-from-scale.js';\nimport { safeGet } from '../../../../core/utils/safe-get.js';\nimport type { SeriesIdToColorScale } from '../../../context/XYChartColorScales.context.js';\nimport { useXYChartColorScales } from '../../../hooks/useXYChartColorScales.js';\nimport { useXYChartTruncationMode } from '../../../hooks/useXYChartTruncationMode.js';\nimport { reduceFilterSeries } from '../../../store/reducer-filter-series.js';\nimport { useSetState } from '../../../store/selectors.js';\nimport {\n  AREA_VARIANT,\n  type AreaSeriesWithDatapoints,\n  BAR_VARIANT,\n  type BarSeriesWithDatapoints,\n  DOT_VARIANT,\n  type DotSeriesWithDatapoints,\n  LINE_VARIANT,\n  type LineSeriesWithDatapoints,\n  RECT_VARIANT,\n  type RectSeriesWithDatapoints,\n  type SeriesToMetadata,\n  type XYChartSeriesWithDatapoints,\n} from '../../../types/xy-chart-internals.js';\nimport { isRangeLegend } from '../../../utils/is-range-legend.js';\nimport { isRectSeries } from '../../../utils/type-guards.js';\n\nconst CHART_ICONS = {\n  [LINE_VARIANT]: LINE_CHART_ICON_SHAPE,\n  [BAR_VARIANT]: BAR_CHART_ICON_SHAPE,\n  [RECT_VARIANT]: RECT_CHART_ICON_SHAPE,\n  [AREA_VARIANT]: AREA_CHART_ICON_SHAPE,\n} as const;\n\nfunction getLegendItems(\n  series: (\n    | DotSeriesWithDatapoints\n    | LineSeriesWithDatapoints\n    | BarSeriesWithDatapoints\n    | RectSeriesWithDatapoints\n    | AreaSeriesWithDatapoints\n  )[],\n  metadata: SeriesToMetadata,\n  isMixedSeries: boolean,\n  scaleColorMap: SeriesIdToColorScale,\n  isCategoricalRectOnly: boolean,\n) {\n  return series.flatMap((series) => {\n    if (series.type === RECT_VARIANT) {\n      if (isRangeLegend(metadata, series)) {\n        return [];\n      }\n      const scale = safeGet(scaleColorMap, series.id) as ScaleOrdinal<\n        string,\n        string\n      >;\n      const overrideItems = safeGet(metadata, series).categoricalColorOverrides;\n\n      const shape = isCategoricalRectOnly ? 'circle' : CHART_ICONS[series.type];\n\n      const items = buildCategoricalItemsFromScale(\n        scale,\n        overrideItems,\n        //We need to compare exactly the same id when an action is selected\n        //In RectSeries, categories are unique per series.\n        (category: string) => `${series.id}--${category}`,\n      );\n\n      return items.map((item: LegendItem) => ({\n        ...item,\n        icon: <XYLegendIcon color={item.color.Default} shape={shape} />,\n      }));\n    } else {\n      const { name, color, shape = 'circle' } = safeGet(metadata, series);\n      const iconShape =\n        isMixedSeries && series.type !== DOT_VARIANT\n          ? CHART_ICONS[series.type]\n          : shape;\n\n      return {\n        id: series.id,\n        color,\n        name,\n        icon: <XYLegendIcon color={color.Default} shape={iconShape} />,\n      };\n    }\n  });\n}\n\ninterface XYLegendProps {\n  series: XYChartSeriesWithDatapoints[];\n  seriesToMetadata: SeriesToMetadata;\n}\n\nexport function XYLegend({ series, seriesToMetadata }: XYLegendProps) {\n  const { reset } = useTooltipActions();\n  const { dismissAnnotation } = usePinCoordinationActions();\n  const { orientation: layoutOrientation } = useChartLayoutOrientation();\n  const orientation = getLegendOrientation(layoutOrientation);\n  const setState = useSetState();\n  const isLoading = useChartLayoutLoading();\n  const scaleColorMap = useXYChartColorScales();\n\n  const { truncationMode } = useXYChartTruncationMode();\n\n  const firstSeries = series[0];\n  const isCategoricalRectOnly =\n    isRectSeries(firstSeries) &&\n    series.every(isRectSeries) &&\n    !isRangeLegend(seriesToMetadata, firstSeries);\n\n  const isMixedSeries = useMemo(() => {\n    const typeSet = new Set(series.map((s) => s.type));\n    return typeSet.size >= 2;\n  }, [series]);\n\n  const legendItems = useMemo(\n    () =>\n      getLegendItems(\n        series,\n        seriesToMetadata,\n        isMixedSeries,\n        scaleColorMap,\n        isCategoricalRectOnly,\n      ),\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n    [series, seriesToMetadata],\n  );\n\n  const legendActions = getXYLegendActions(series, seriesToMetadata);\n\n  const updateVisibleSeries = useCallback(\n    (visibleItems: LegendItem[]) => {\n      const visibleIds = new Set(visibleItems.map((item) => item.id));\n\n      reset();\n      dismissAnnotation();\n      setState(reduceFilterSeries(visibleIds));\n    },\n    [setState, reset, dismissAnnotation],\n  );\n\n  const updateHighlightedSeriesId = (legendItemId?: string) => {\n    setState((prev) => ({ ...prev, highlightedSeriesId: legendItemId }));\n  };\n\n  return (\n    <ChartLegend\n      items={legendItems}\n      orientation={orientation}\n      truncationMode={truncationMode}\n      interactionsDisabled={isLoading}\n      onSeriesAction={legendActions}\n      onHover={(legendItem) => updateHighlightedSeriesId(legendItem?.id)}\n      onClick={updateVisibleSeries}\n    />\n  );\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { ScaleOrdinal } from 'd3-scale';\nimport { useCallback, useEffect, useMemo } from 'react';\n\nimport { getXYLegendActions } from './utils/getXYLegendActions.js';\nimport {\n  AREA_CHART_ICON_SHAPE,\n  BAR_CHART_ICON_SHAPE,\n  LINE_CHART_ICON_SHAPE,\n  RECT_CHART_ICON_SHAPE,\n  XYLegendIcon,\n} from './XYLegendIcon.js';\nimport { useChartLayoutLoading } from '../../../../core/components/chart-layout/hooks/useChartLayoutLoading.js';\nimport { useChartLayoutOrientation } from '../../../../core/components/chart-layout/hooks/useChartLayoutOrientation.js';\nimport { getLegendOrientation } from '../../../../core/components/chart-layout/utils/orientation.js';\nimport { ChartLegend } from '../../../../core/components/legend/categorical/ChartLegend.js';\nimport type { LegendItem } from '../../../../core/components/legend/categorical/types/legend.js';\nimport { usePinCoordinationActions } from '../../../../core/components/overlay-tooltip/usePinCoordinationActions.js';\nimport { useTooltipActions } from '../../../../core/components/overlay-tooltip/useTooltipActions.js';\nimport { buildCategoricalItemsFromScale } from '../../../../core/utils/build-categorical-items-from-scale.js';\nimport { safeGet } from '../../../../core/utils/safe-get.js';\nimport type { SeriesIdToColorScale } from '../../../context/XYChartColorScales.context.js';\nimport { useXYChartColorScales } from '../../../hooks/useXYChartColorScales.js';\nimport { useXYChartTruncationMode } from '../../../hooks/useXYChartTruncationMode.js';\nimport { reduceFilterSeries } from '../../../store/reducer-filter-series.js';\nimport { useSetState } from '../../../store/selectors.js';\nimport {\n  AREA_VARIANT,\n  type AreaSeriesWithDatapoints,\n  BAR_VARIANT,\n  type BarSeriesWithDatapoints,\n  DOT_VARIANT,\n  type DotSeriesWithDatapoints,\n  LINE_VARIANT,\n  type LineSeriesWithDatapoints,\n  RECT_VARIANT,\n  type RectSeriesWithDatapoints,\n  type SeriesToMetadata,\n  type XYChartSeriesWithDatapoints,\n} from '../../../types/xy-chart-internals.js';\nimport { isRangeLegend } from '../../../utils/is-range-legend.js';\nimport { isRectSeries } from '../../../utils/type-guards.js';\n\nconst CHART_ICONS = {\n  [LINE_VARIANT]: LINE_CHART_ICON_SHAPE,\n  [BAR_VARIANT]: BAR_CHART_ICON_SHAPE,\n  [RECT_VARIANT]: RECT_CHART_ICON_SHAPE,\n  [AREA_VARIANT]: AREA_CHART_ICON_SHAPE,\n} as const;\n\nfunction getLegendItems(\n  series: (\n    | DotSeriesWithDatapoints\n    | LineSeriesWithDatapoints\n    | BarSeriesWithDatapoints\n    | RectSeriesWithDatapoints\n    | AreaSeriesWithDatapoints\n  )[],\n  metadata: SeriesToMetadata,\n  isMixedSeries: boolean,\n  scaleColorMap: SeriesIdToColorScale,\n  isCategoricalRectOnly: boolean,\n) {\n  return series.flatMap((series) => {\n    if (series.type === RECT_VARIANT) {\n      if (isRangeLegend(metadata, series)) {\n        return [];\n      }\n      const scale = safeGet(scaleColorMap, series.id) as ScaleOrdinal<\n        string,\n        string\n      >;\n      const overrideItems = safeGet(metadata, series).categoricalColorOverrides;\n\n      const shape = isCategoricalRectOnly ? 'circle' : CHART_ICONS[series.type];\n\n      const items = buildCategoricalItemsFromScale(\n        scale,\n        overrideItems,\n        //We need to compare exactly the same id when an action is selected\n        //In RectSeries, categories are unique per series.\n        (category: string) => `${series.id}--${category}`,\n      );\n\n      return items.map((item: LegendItem) => ({\n        ...item,\n        icon: <XYLegendIcon color={item.color.Default} shape={shape} />,\n      }));\n    } else {\n      const { name, color, shape = 'circle' } = safeGet(metadata, series);\n      const iconShape =\n        isMixedSeries && series.type !== DOT_VARIANT\n          ? CHART_ICONS[series.type]\n          : shape;\n\n      return {\n        id: series.id,\n        color,\n        name,\n        icon: <XYLegendIcon color={color.Default} shape={iconShape} />,\n      };\n    }\n  });\n}\n\ninterface XYLegendProps {\n  series: XYChartSeriesWithDatapoints[];\n  seriesToMetadata: SeriesToMetadata;\n}\n\nexport function XYLegend({ series, seriesToMetadata }: XYLegendProps) {\n  const { reset } = useTooltipActions();\n  const { dismissAnnotation } = usePinCoordinationActions();\n  const { orientation: layoutOrientation } = useChartLayoutOrientation();\n  const orientation = getLegendOrientation(layoutOrientation);\n  const setState = useSetState();\n  const isLoading = useChartLayoutLoading();\n  const scaleColorMap = useXYChartColorScales();\n\n  const { truncationMode } = useXYChartTruncationMode();\n\n  const firstSeries = series[0];\n  const isCategoricalRectOnly =\n    isRectSeries(firstSeries) &&\n    series.every(isRectSeries) &&\n    !isRangeLegend(seriesToMetadata, firstSeries);\n\n  const isMixedSeries = useMemo(() => {\n    const typeSet = new Set(series.map((s) => s.type));\n    return typeSet.size >= 2;\n  }, [series]);\n\n  const legendItems = useMemo(\n    () =>\n      getLegendItems(\n        series,\n        seriesToMetadata,\n        isMixedSeries,\n        scaleColorMap,\n        isCategoricalRectOnly,\n      ),\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n    [series, seriesToMetadata],\n  );\n\n  const itemIdsKey = useMemo(\n    () => legendItems.map((item) => item.id).join('\\0'),\n    [legendItems],\n  );\n\n  // oxlint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(() => {\n    setState((prev) => ({ ...prev, filteredSeriesIds: undefined }));\n  }, [itemIdsKey]);\n\n  const legendActions = getXYLegendActions(series, seriesToMetadata);\n\n  const updateVisibleSeries = useCallback(\n    (visibleItems: LegendItem[]) => {\n      const visibleIds = new Set(visibleItems.map((item) => item.id));\n\n      reset();\n      dismissAnnotation();\n      setState(reduceFilterSeries(visibleIds));\n    },\n    [setState, reset, dismissAnnotation],\n  );\n\n  const updateHighlightedSeriesId = (legendItemId?: string) => {\n    setState((prev) => ({ ...prev, highlightedSeriesId: legendItemId }));\n  };\n\n  return (\n    <ChartLegend\n      items={legendItems}\n      orientation={orientation}\n      truncationMode={truncationMode}\n      interactionsDisabled={isLoading}\n      onSeriesAction={legendActions}\n      onHover={(legendItem) => updateHighlightedSeriesId(legendItem?.id)}\n      onClick={updateVisibleSeries}\n    />\n  );\n}\n"],
+  "mappings": "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",
   "names": ["series"]
 }

package/esm/charts/xy-chart/components/legend/XYLegend/xy-legend.css CHANGED Viewed

@@ -1,3 +1,3 @@
-._1lwufqz0-3-13-3 {
+._1lwufqz0-3-14-1 {
   margin: var(--dt-spacings-size-2, 2px);
 }

package/esm/charts/xy-chart/components/legend/XYLegend/xy-legend.sty.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import "./xy-legend.css";
-var shapeIconWrapper = "_1lwufqz0-3-13-3";
+var shapeIconWrapper = "_1lwufqz0-3-14-1";
 export {
   shapeIconWrapper
 };

package/esm/charts/xy-chart/components/legend/XYLegend/xy-legend.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/legend/XYLegend/xy-legend.css.ts"],
-  "sourcesContent": ["import './xy-legend.css';\nexport var shapeIconWrapper = '_1lwufqz0-3-13-3';"],
+  "sourcesContent": ["import './xy-legend.css';\nexport var shapeIconWrapper = '_1lwufqz0-3-14-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,mBAAmB;",
   "names": []
 }

package/esm/charts/xy-chart/components/overlay/XYChartOverlay.js CHANGED Viewed

@@ -62,9 +62,9 @@ const XYChartOverlay = () => {
   const chartId = useXYChartId();
   const syncedXScale = useSyncedXScaleByPriority();
   const { axesMetadata } = useXYChartData();
-  const { zoomOutEnabled } = useZoomState();
+  const { panEnabled } = useZoomState();
   const isZoomDisabled = !axesMetadata.isZoomEnabled;
-  const isPanDisabled = !(axesMetadata.isPanEnabled && zoomOutEnabled);
+  const isPanDisabled = !(axesMetadata.isPanEnabled && panEnabled);
   const isSelectDisabled = useSelectConfig()?.disabled === true;
   const { hideHorizontal, hideVertical } = useXYChartCrosshairHidden();
   useEffect(() => {

package/esm/charts/xy-chart/components/overlay/XYChartOverlay.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart/components/overlay/XYChartOverlay.tsx"],
-  "sourcesContent": ["import { every } from 'lodash-es';\nimport { useEffect, useRef, type FocusEvent } from 'react';\n\nimport { XYChartSynchronizedCrosshair } from './XYChartSynchronizedCrosshair.js';\nimport { useGridPlotSize } from '../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { InteractionsOverlay } from '../../../core/components/interactions-overlay/InteractionsOverlay.js';\nimport { useOverlay } from '../../../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { reduceExploreCancelHighlight } from '../../store/reducer-explorer.js';\nimport {\n  useInteractionModeState,\n  useSelectState,\n  useSetState,\n  useZoomState,\n} from '../../store/selectors.js';\nimport { XYChartSelectionArea } from '../selection/XYChartSelectionArea.js';\nimport { XYChartToolbar } from '../toolbar/XYChartToolbar.js';\nimport { XYChartOverlayTooltip } from '../tooltip/XYChartOverlayTooltip.js';\nimport { XYChartCrosshair } from './explore/XYChartCrosshair.js';\nimport { XYChartLinearPoint } from './explore/XYChartLinearPoint.js';\nimport { XYChartRectanglePoint } from './explore/XYChartRectanglePoint.js';\nimport { useOverlayEvents } from './hooks/useOverlayEvents.js';\nimport { isOwnEvent } from '../../../core/components/interactions-overlay/utils/is-own-event.js';\nimport {\n  useSelector,\n  useTooltipSnapshot,\n} from '../../../core/components/overlay-tooltip/selectors.js';\nimport type { _SelectionRef } from '../../../core/components/selection-area/types.js';\nimport { SynchronizedSelectionArea } from '../../../core/components/shared-chart-interactions/components/SynchronizedSelectionArea.js';\nimport { useSynchronizedSelection } from '../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js';\nimport { useToolbarHandlerRef } from '../../../core/components/toolbar/hooks/useToolbarHandlerRef.js';\nimport { useEffectOnValueChange } from '../../../core/hooks/useEffectOnValueChange.js';\nimport { zIndicesXYChartAreas } from '../../constants/xy-chart-z-index-areas.js';\nimport { XYChartSelectionAreaRefContext } from '../../context/XYChartSelectionAreaRef.context.js';\nimport { useSelectConfig } from '../../hooks/useSelectConfig.js';\nimport { useSyncedXScaleByPriority } from '../../hooks/useSyncedXScaleByPriority.js';\nimport { useXYChartCrosshairHidden } from '../../hooks/useXYChartCrosshairHidden.js';\nimport { useXYChartData } from '../../hooks/useXYChartData.js';\nimport { useXYChartId } from '../../hooks/useXYChartId.js';\n\nexport const XYChartOverlay = () => {\n  const setState = useSetState();\n  const handlerRef = useToolbarHandlerRef();\n  const overlay = useOverlay();\n  const selectionRef = useRef<_SelectionRef>(null);\n  const { width, height } = useGridPlotSize();\n  useSelector(({ inBounds, pinned }) => `${inBounds}-${pinned}`);\n  const { inBounds, pinned } = useTooltipSnapshot();\n  const {\n    handleModeChange,\n    handleHover,\n    handleTogglePin,\n    handleReset,\n    handleLeave,\n    handlePanChange,\n    handleSelectChange,\n    handleSelectEnd,\n    handleZoomChange,\n    handleSelectStart,\n    resetTooltip,\n  } = useOverlayEvents();\n  const mode = useInteractionModeState();\n  const selectState = useSelectState();\n  const synchronizedSelection = useSynchronizedSelection();\n  const chartId = useXYChartId();\n  const syncedXScale = useSyncedXScaleByPriority();\n  const { axesMetadata } = useXYChartData();\n  const { zoomOutEnabled } = useZoomState();\n  const isZoomDisabled = !axesMetadata.isZoomEnabled;\n  const isPanDisabled = !(axesMetadata.isPanEnabled && zoomOutEnabled);\n  const isSelectDisabled = useSelectConfig()?.disabled === true;\n\n  const { hideHorizontal, hideVertical } = useXYChartCrosshairHidden();\n\n  useEffect(() => {\n    if (\n      every([\n        selectState,\n        !synchronizedSelection.selectedChartId,\n        !synchronizedSelection?.disabled,\n      ])\n    ) {\n      // clear current chart selection if the shared selection was removed\n      setState((s) => ({ ...s, select: undefined }));\n    }\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [synchronizedSelection.selectedChartId]);\n\n  useEffect(() => {\n    if (synchronizedSelection.selectedChartId === chartId && !selectState) {\n      // clear shared chart selection if the current selection was removed\n      synchronizedSelection.resetSelectionState?.();\n    }\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [!!selectState]);\n\n  useEffectOnValueChange(() => {\n    if (!pinned) {\n      setState(reduceExploreCancelHighlight);\n    }\n  }, [pinned, setState]);\n\n  const showHighlightedData =\n    selectState === undefined || selectState?.variant === 'select';\n  const handleFocus = (event?: FocusEvent) => {\n    if (!event || event.cancelable) {\n      return;\n    }\n    if (isOwnEvent(event)) {\n      handlerRef.current.handleFocus();\n    }\n  };\n  return (\n    <InteractionsOverlay\n      style={{\n        zIndex: zIndicesXYChartAreas.overlays,\n        userSelect: selectState?.finished === false ? 'none' : 'auto',\n        cursor: hideHorizontal && hideVertical ? 'default' : undefined,\n      }}\n      ref={overlay.overlayRef}\n      mode={mode}\n      pinned={pinned}\n      selectionArea={\n        selectState ? [selectState?.start, selectState?.end] : undefined\n      }\n      width={width}\n      height={height}\n      onModeChange={handleModeChange}\n      onReset={handleReset}\n      onLeave={handleLeave}\n      onPanChange={handlePanChange}\n      onHover={handleHover}\n      onFocus={handleFocus}\n      onTogglePin={({ pin, position }) => handleTogglePin(pin, position)}\n      onSelectStart={handleSelectStart}\n      onSelectChange={handleSelectChange}\n      onSelectEnd={(event) => handleSelectEnd(event, selectionRef)}\n      onZoomChange={handleZoomChange}\n      isZoomDisabled={isZoomDisabled}\n      isZoomXDisabled={isZoomDisabled}\n      isPanDisabled={isPanDisabled}\n      isSelectDisabled={isSelectDisabled}\n    >\n      {(inBounds || pinned || selectState) && (\n        <>\n          <XYChartOverlayTooltip />\n          <XYChartCrosshair chartRef={overlay.overlayRef} />\n          {showHighlightedData && (\n            <>\n              <XYChartRectanglePoint />\n              <XYChartLinearPoint />\n            </>\n          )}\n        </>\n      )}\n      <XYChartSynchronizedCrosshair />\n      <XYChartSelectionAreaRefContext.Provider value={selectionRef}>\n        <XYChartToolbar onMouseEnter={resetTooltip} handlerRef={handlerRef} />\n        <XYChartSelectionArea />\n      </XYChartSelectionAreaRefContext.Provider>\n      {synchronizedSelection.selectedChartId &&\n        synchronizedSelection.selectedChartId !== chartId &&\n        syncedXScale && <SynchronizedSelectionArea scale={syncedXScale} />}\n    </InteractionsOverlay>\n  );\n};\n\nXYChartOverlay['displayName'] = 'XYChartOverlay';\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { every } from 'lodash-es';\nimport { useEffect, useRef, type FocusEvent } from 'react';\n\nimport { XYChartSynchronizedCrosshair } from './XYChartSynchronizedCrosshair.js';\nimport { useGridPlotSize } from '../../../core/components/chart-grid/hooks/useGridPlotSize.js';\nimport { InteractionsOverlay } from '../../../core/components/interactions-overlay/InteractionsOverlay.js';\nimport { useOverlay } from '../../../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { reduceExploreCancelHighlight } from '../../store/reducer-explorer.js';\nimport {\n  useInteractionModeState,\n  useSelectState,\n  useSetState,\n  useZoomState,\n} from '../../store/selectors.js';\nimport { XYChartSelectionArea } from '../selection/XYChartSelectionArea.js';\nimport { XYChartToolbar } from '../toolbar/XYChartToolbar.js';\nimport { XYChartOverlayTooltip } from '../tooltip/XYChartOverlayTooltip.js';\nimport { XYChartCrosshair } from './explore/XYChartCrosshair.js';\nimport { XYChartLinearPoint } from './explore/XYChartLinearPoint.js';\nimport { XYChartRectanglePoint } from './explore/XYChartRectanglePoint.js';\nimport { useOverlayEvents } from './hooks/useOverlayEvents.js';\nimport { isOwnEvent } from '../../../core/components/interactions-overlay/utils/is-own-event.js';\nimport {\n  useSelector,\n  useTooltipSnapshot,\n} from '../../../core/components/overlay-tooltip/selectors.js';\nimport type { _SelectionRef } from '../../../core/components/selection-area/types.js';\nimport { SynchronizedSelectionArea } from '../../../core/components/shared-chart-interactions/components/SynchronizedSelectionArea.js';\nimport { useSynchronizedSelection } from '../../../core/components/shared-chart-interactions/hooks/useSynchronizedSelection.js';\nimport { useToolbarHandlerRef } from '../../../core/components/toolbar/hooks/useToolbarHandlerRef.js';\nimport { useEffectOnValueChange } from '../../../core/hooks/useEffectOnValueChange.js';\nimport { zIndicesXYChartAreas } from '../../constants/xy-chart-z-index-areas.js';\nimport { XYChartSelectionAreaRefContext } from '../../context/XYChartSelectionAreaRef.context.js';\nimport { useSelectConfig } from '../../hooks/useSelectConfig.js';\nimport { useSyncedXScaleByPriority } from '../../hooks/useSyncedXScaleByPriority.js';\nimport { useXYChartCrosshairHidden } from '../../hooks/useXYChartCrosshairHidden.js';\nimport { useXYChartData } from '../../hooks/useXYChartData.js';\nimport { useXYChartId } from '../../hooks/useXYChartId.js';\n\nexport const XYChartOverlay = () => {\n  const setState = useSetState();\n  const handlerRef = useToolbarHandlerRef();\n  const overlay = useOverlay();\n  const selectionRef = useRef<_SelectionRef>(null);\n  const { width, height } = useGridPlotSize();\n  useSelector(({ inBounds, pinned }) => `${inBounds}-${pinned}`);\n  const { inBounds, pinned } = useTooltipSnapshot();\n  const {\n    handleModeChange,\n    handleHover,\n    handleTogglePin,\n    handleReset,\n    handleLeave,\n    handlePanChange,\n    handleSelectChange,\n    handleSelectEnd,\n    handleZoomChange,\n    handleSelectStart,\n    resetTooltip,\n  } = useOverlayEvents();\n  const mode = useInteractionModeState();\n  const selectState = useSelectState();\n  const synchronizedSelection = useSynchronizedSelection();\n  const chartId = useXYChartId();\n  const syncedXScale = useSyncedXScaleByPriority();\n  const { axesMetadata } = useXYChartData();\n  const { panEnabled } = useZoomState();\n  const isZoomDisabled = !axesMetadata.isZoomEnabled;\n  const isPanDisabled = !(axesMetadata.isPanEnabled && panEnabled);\n  const isSelectDisabled = useSelectConfig()?.disabled === true;\n\n  const { hideHorizontal, hideVertical } = useXYChartCrosshairHidden();\n\n  useEffect(() => {\n    if (\n      every([\n        selectState,\n        !synchronizedSelection.selectedChartId,\n        !synchronizedSelection?.disabled,\n      ])\n    ) {\n      // clear current chart selection if the shared selection was removed\n      setState((s) => ({ ...s, select: undefined }));\n    }\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [synchronizedSelection.selectedChartId]);\n\n  useEffect(() => {\n    if (synchronizedSelection.selectedChartId === chartId && !selectState) {\n      // clear shared chart selection if the current selection was removed\n      synchronizedSelection.resetSelectionState?.();\n    }\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [!!selectState]);\n\n  useEffectOnValueChange(() => {\n    if (!pinned) {\n      setState(reduceExploreCancelHighlight);\n    }\n  }, [pinned, setState]);\n\n  const showHighlightedData =\n    selectState === undefined || selectState?.variant === 'select';\n  const handleFocus = (event?: FocusEvent) => {\n    if (!event || event.cancelable) {\n      return;\n    }\n    if (isOwnEvent(event)) {\n      handlerRef.current.handleFocus();\n    }\n  };\n  return (\n    <InteractionsOverlay\n      style={{\n        zIndex: zIndicesXYChartAreas.overlays,\n        userSelect: selectState?.finished === false ? 'none' : 'auto',\n        cursor: hideHorizontal && hideVertical ? 'default' : undefined,\n      }}\n      ref={overlay.overlayRef}\n      mode={mode}\n      pinned={pinned}\n      selectionArea={\n        selectState ? [selectState?.start, selectState?.end] : undefined\n      }\n      width={width}\n      height={height}\n      onModeChange={handleModeChange}\n      onReset={handleReset}\n      onLeave={handleLeave}\n      onPanChange={handlePanChange}\n      onHover={handleHover}\n      onFocus={handleFocus}\n      onTogglePin={({ pin, position }) => handleTogglePin(pin, position)}\n      onSelectStart={handleSelectStart}\n      onSelectChange={handleSelectChange}\n      onSelectEnd={(event) => handleSelectEnd(event, selectionRef)}\n      onZoomChange={handleZoomChange}\n      isZoomDisabled={isZoomDisabled}\n      isZoomXDisabled={isZoomDisabled}\n      isPanDisabled={isPanDisabled}\n      isSelectDisabled={isSelectDisabled}\n    >\n      {(inBounds || pinned || selectState) && (\n        <>\n          <XYChartOverlayTooltip />\n          <XYChartCrosshair chartRef={overlay.overlayRef} />\n          {showHighlightedData && (\n            <>\n              <XYChartRectanglePoint />\n              <XYChartLinearPoint />\n            </>\n          )}\n        </>\n      )}\n      <XYChartSynchronizedCrosshair />\n      <XYChartSelectionAreaRefContext.Provider value={selectionRef}>\n        <XYChartToolbar onMouseEnter={resetTooltip} handlerRef={handlerRef} />\n        <XYChartSelectionArea />\n      </XYChartSelectionAreaRefContext.Provider>\n      {synchronizedSelection.selectedChartId &&\n        synchronizedSelection.selectedChartId !== chartId &&\n        syncedXScale && <SynchronizedSelectionArea scale={syncedXScale} />}\n    </InteractionsOverlay>\n  );\n};\n\nXYChartOverlay['displayName'] = 'XYChartOverlay';\n"],
+  "mappings": "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",
   "names": ["inBounds", "pinned"]
 }

package/esm/charts/xy-chart/components/overlay/explore/HighlightedRectangleCanvas.js CHANGED Viewed

@@ -11,10 +11,13 @@ const INNER_OFFSET = 3;
 const INNER_SHRINK = 5;
 const BORDER_WIDTH = 1;
 const getMinSizeHighlightBar = (point, canvasWidth, canvasHeight) => {
+  const clampedY = Math.max(0, point.y);
+  const clampedBottom = Math.min(canvasHeight, point.y + point.height);
+  const clampedHeight = Math.max(0, clampedBottom - clampedY);
   const width = Math.max(point.width, MIN_BAR_HIGHLIGHT_SIZE_PX);
-  const height = Math.max(point.height, MIN_BAR_HIGHLIGHT_SIZE_PX);
+  const height = point.y < 0 || point.y + point.height > canvasHeight ? clampedHeight : Math.max(clampedHeight, MIN_BAR_HIGHLIGHT_SIZE_PX);
   const xExpansion = (width - point.width) / 2;
-  const yExpansion = (height - point.height) / 2;
+  const yExpansion = (height - clampedHeight) / 2;
   const rawX = point.x - xExpansion;
   const clampedX = Math.max(0, rawX);
   const clampedWidth = Math.max(
@@ -23,7 +26,7 @@ const getMinSizeHighlightBar = (point, canvasWidth, canvasHeight) => {
   );
   return {
     x: clampedX,
-    y: Math.max(0, Math.min(point.y - yExpansion, canvasHeight - height)),
+    y: Math.max(0, Math.min(clampedY - yExpansion, canvasHeight - height)),
     width: clampedWidth,
     height
   };
@@ -77,6 +80,7 @@ const HighlightedRectangleCanvas = ({
   return null;
 };
 export {
-  HighlightedRectangleCanvas
+  HighlightedRectangleCanvas,
+  getMinSizeHighlightBar
 };
 //# sourceMappingURL=HighlightedRectangleCanvas.js.map

package/esm/charts/xy-chart/components/overlay/explore/HighlightedRectangleCanvas.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/overlay/explore/HighlightedRectangleCanvas.tsx"],
-  "sourcesContent": ["import { useCallback } from 'react';\n\nimport Colors from '@dynatrace/strato-design-tokens/colors';\n\nimport type { RectanglePoint } from './types.js';\nimport { useCanvas } from '../../../../core/components/canvas/hooks/useCanvas.js';\nimport { getCanvasColor } from '../../../../core/components/canvas/utils/canvas-color.js';\nimport { DEFAULT_HIGHLIGHTED_OPACITY } from '../../../../core/constants.js';\nimport { MIN_BAR_HIGHLIGHT_SIZE_PX } from '../../../constants/defaults.js';\nimport { BAR_ID } from '../../../types/xy-chart-internals.js';\n\ninterface HighlightedRectangleCanvasProps {\n  points: RectanglePoint[];\n}\n\nconst OUTER_OFFSET = 2;\nconst OUTER_SHRINK = 3;\nconst INNER_OFFSET = 3;\nconst INNER_SHRINK = 5;\nconst BORDER_WIDTH = 1;\n\nconst getMinSizeHighlightBar = (\n  point: RectanglePoint,\n  canvasWidth: number,\n  canvasHeight: number,\n) => {\n  const width = Math.max(point.width, MIN_BAR_HIGHLIGHT_SIZE_PX);\n  const height = Math.max(point.height, MIN_BAR_HIGHLIGHT_SIZE_PX);\n  const xExpansion = (width - point.width) / 2;\n  const yExpansion = (height - point.height) / 2;\n\n  const rawX = point.x - xExpansion;\n  const clampedX = Math.max(0, rawX);\n  const clampedWidth = Math.max(\n    0,\n    Math.min(rawX + width, canvasWidth) - clampedX,\n  );\n\n  return {\n    x: clampedX,\n    y: Math.max(0, Math.min(point.y - yExpansion, canvasHeight - height)),\n    width: clampedWidth,\n    height,\n  };\n};\n\nconst getCanvasCssSize = (ctx: CanvasRenderingContext2D) => {\n  const dpr = window.devicePixelRatio || 1;\n  return {\n    width: ctx.canvas.width / dpr,\n    height: ctx.canvas.height / dpr,\n  };\n};\n\nexport const HighlightedRectangleCanvas = ({\n  points,\n}: HighlightedRectangleCanvasProps) => {\n  const draw = useCallback(\n    (ctx: CanvasRenderingContext2D) => {\n      const { width: canvasWidth, height: canvasHeight } =\n        getCanvasCssSize(ctx);\n\n      for (const point of points) {\n        const { x, y, width, height } =\n          point.id === BAR_ID\n            ? getMinSizeHighlightBar(point, canvasWidth, canvasHeight)\n            : point;\n\n        // Outer border\n        ctx.beginPath();\n        ctx.lineWidth = BORDER_WIDTH;\n        ctx.strokeStyle = getCanvasColor(Colors.Text.Neutral.Default);\n        ctx.rect(\n          x + OUTER_OFFSET,\n          y + OUTER_OFFSET,\n          Math.max(0, width - OUTER_SHRINK),\n          Math.max(0, height - OUTER_SHRINK),\n        );\n        ctx.stroke();\n        ctx.closePath();\n\n        // Calculate inner rectangle dimensions\n        const innerX = x + INNER_OFFSET;\n        const innerY = y + INNER_OFFSET;\n        const innerWidth = width - INNER_SHRINK;\n        const innerHeight = height - INNER_SHRINK;\n\n        // Only draw inner border if it has positive size\n        if (innerWidth > 0 && innerHeight > 0) {\n          ctx.beginPath();\n          ctx.lineWidth = BORDER_WIDTH;\n          ctx.globalAlpha = DEFAULT_HIGHLIGHTED_OPACITY;\n          ctx.strokeStyle = getCanvasColor(Colors.Background.Base.Default);\n          ctx.rect(innerX, innerY, innerWidth, innerHeight);\n          ctx.stroke();\n          ctx.globalAlpha = 1;\n          ctx.closePath();\n        }\n      }\n\n      return false;\n    },\n    [points],\n  );\n\n  useCanvas('Highlighted-rects', draw);\n\n  return null;\n};\n"],
-  "mappings": "AAAA,SAAS,mBAAmB;AAE5B,OAAO,YAAY;AAGnB,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB;AAC/B,SAAS,mCAAmC;AAC5C,SAAS,iCAAiC;AAC1C,SAAS,cAAc;AAMvB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AAErB,MAAM,yBAAyB,CAC7B,OACA,aACA,iBACG;AACH,QAAM,QAAQ,KAAK,IAAI,MAAM,OAAO,yBAAyB;AAC7D,QAAM,SAAS,KAAK,IAAI,MAAM,QAAQ,yBAAyB;AAC/D,QAAM,cAAc,QAAQ,MAAM,SAAS;AAC3C,QAAM,cAAc,SAAS,MAAM,UAAU;AAE7C,QAAM,OAAO,MAAM,IAAI;AACvB,QAAM,WAAW,KAAK,IAAI,GAAG,IAAI;AACjC,QAAM,eAAe,KAAK;AAAA,IACxB;AAAA,IACA,KAAK,IAAI,OAAO,OAAO,WAAW,IAAI;AAAA,EACxC;AAEA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG,KAAK,IAAI,GAAG,KAAK,IAAI,MAAM,IAAI,YAAY,eAAe,MAAM,CAAC;AAAA,IACpE,OAAO;AAAA,IACP;AAAA,EACF;AACF;AAEA,MAAM,mBAAmB,CAAC,QAAkC;AAC1D,QAAM,MAAM,OAAO,oBAAoB;AACvC,SAAO;AAAA,IACL,OAAO,IAAI,OAAO,QAAQ;AAAA,IAC1B,QAAQ,IAAI,OAAO,SAAS;AAAA,EAC9B;AACF;AAEO,MAAM,6BAA6B,CAAC;AAAA,EACzC;AACF,MAAuC;AACrC,QAAM,OAAO;AAAA,IACX,CAAC,QAAkC;AACjC,YAAM,EAAE,OAAO,aAAa,QAAQ,aAAa,IAC/C,iBAAiB,GAAG;AAEtB,iBAAW,SAAS,QAAQ;AAC1B,cAAM,EAAE,GAAG,GAAG,OAAO,OAAO,IAC1B,MAAM,OAAO,SACT,uBAAuB,OAAO,aAAa,YAAY,IACvD;AAGN,YAAI,UAAU;AACd,YAAI,YAAY;AAChB,YAAI,cAAc,eAAe,OAAO,KAAK,QAAQ,OAAO;AAC5D,YAAI;AAAA,UACF,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,KAAK,IAAI,GAAG,QAAQ,YAAY;AAAA,UAChC,KAAK,IAAI,GAAG,SAAS,YAAY;AAAA,QACnC;AACA,YAAI,OAAO;AACX,YAAI,UAAU;AAGd,cAAM,SAAS,IAAI;AACnB,cAAM,SAAS,IAAI;AACnB,cAAM,aAAa,QAAQ;AAC3B,cAAM,cAAc,SAAS;AAG7B,YAAI,aAAa,KAAK,cAAc,GAAG;AACrC,cAAI,UAAU;AACd,cAAI,YAAY;AAChB,cAAI,cAAc;AAClB,cAAI,cAAc,eAAe,OAAO,WAAW,KAAK,OAAO;AAC/D,cAAI,KAAK,QAAQ,QAAQ,YAAY,WAAW;AAChD,cAAI,OAAO;AACX,cAAI,cAAc;AAClB,cAAI,UAAU;AAAA,QAChB;AAAA,MACF;AAEA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AAEA,YAAU,qBAAqB,IAAI;AAEnC,SAAO;AACT;",
+  "sourcesContent": ["import { useCallback } from 'react';\n\nimport Colors from '@dynatrace/strato-design-tokens/colors';\n\nimport type { RectanglePoint } from './types.js';\nimport { useCanvas } from '../../../../core/components/canvas/hooks/useCanvas.js';\nimport { getCanvasColor } from '../../../../core/components/canvas/utils/canvas-color.js';\nimport { DEFAULT_HIGHLIGHTED_OPACITY } from '../../../../core/constants.js';\nimport { MIN_BAR_HIGHLIGHT_SIZE_PX } from '../../../constants/defaults.js';\nimport { BAR_ID } from '../../../types/xy-chart-internals.js';\n\ninterface HighlightedRectangleCanvasProps {\n  points: RectanglePoint[];\n}\n\nconst OUTER_OFFSET = 2;\nconst OUTER_SHRINK = 3;\nconst INNER_OFFSET = 3;\nconst INNER_SHRINK = 5;\nconst BORDER_WIDTH = 1;\n\nexport const getMinSizeHighlightBar = (\n  point: RectanglePoint,\n  canvasWidth: number,\n  canvasHeight: number,\n) => {\n  // Clamp the bar to canvas bounds before min-size expansion, so that bars\n  // clipped by a custom y-axis max don't produce oversized highlight rectangles.\n  const clampedY = Math.max(0, point.y);\n  const clampedBottom = Math.min(canvasHeight, point.y + point.height);\n  const clampedHeight = Math.max(0, clampedBottom - clampedY);\n\n  const width = Math.max(point.width, MIN_BAR_HIGHLIGHT_SIZE_PX);\n  const height =\n    point.y < 0 || point.y + point.height > canvasHeight\n      ? clampedHeight\n      : Math.max(clampedHeight, MIN_BAR_HIGHLIGHT_SIZE_PX);\n  const xExpansion = (width - point.width) / 2;\n  const yExpansion = (height - clampedHeight) / 2;\n\n  const rawX = point.x - xExpansion;\n  const clampedX = Math.max(0, rawX);\n  const clampedWidth = Math.max(\n    0,\n    Math.min(rawX + width, canvasWidth) - clampedX,\n  );\n\n  return {\n    x: clampedX,\n    y: Math.max(0, Math.min(clampedY - yExpansion, canvasHeight - height)),\n    width: clampedWidth,\n    height,\n  };\n};\n\nconst getCanvasCssSize = (ctx: CanvasRenderingContext2D) => {\n  const dpr = window.devicePixelRatio || 1;\n  return {\n    width: ctx.canvas.width / dpr,\n    height: ctx.canvas.height / dpr,\n  };\n};\n\nexport const HighlightedRectangleCanvas = ({\n  points,\n}: HighlightedRectangleCanvasProps) => {\n  const draw = useCallback(\n    (ctx: CanvasRenderingContext2D) => {\n      const { width: canvasWidth, height: canvasHeight } =\n        getCanvasCssSize(ctx);\n\n      for (const point of points) {\n        const { x, y, width, height } =\n          point.id === BAR_ID\n            ? getMinSizeHighlightBar(point, canvasWidth, canvasHeight)\n            : point;\n\n        // Outer border\n        ctx.beginPath();\n        ctx.lineWidth = BORDER_WIDTH;\n        ctx.strokeStyle = getCanvasColor(Colors.Text.Neutral.Default);\n        ctx.rect(\n          x + OUTER_OFFSET,\n          y + OUTER_OFFSET,\n          Math.max(0, width - OUTER_SHRINK),\n          Math.max(0, height - OUTER_SHRINK),\n        );\n        ctx.stroke();\n        ctx.closePath();\n\n        // Calculate inner rectangle dimensions\n        const innerX = x + INNER_OFFSET;\n        const innerY = y + INNER_OFFSET;\n        const innerWidth = width - INNER_SHRINK;\n        const innerHeight = height - INNER_SHRINK;\n\n        // Only draw inner border if it has positive size\n        if (innerWidth > 0 && innerHeight > 0) {\n          ctx.beginPath();\n          ctx.lineWidth = BORDER_WIDTH;\n          ctx.globalAlpha = DEFAULT_HIGHLIGHTED_OPACITY;\n          ctx.strokeStyle = getCanvasColor(Colors.Background.Base.Default);\n          ctx.rect(innerX, innerY, innerWidth, innerHeight);\n          ctx.stroke();\n          ctx.globalAlpha = 1;\n          ctx.closePath();\n        }\n      }\n\n      return false;\n    },\n    [points],\n  );\n\n  useCanvas('Highlighted-rects', draw);\n\n  return null;\n};\n"],
+  "mappings": "AAAA,SAAS,mBAAmB;AAE5B,OAAO,YAAY;AAGnB,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB;AAC/B,SAAS,mCAAmC;AAC5C,SAAS,iCAAiC;AAC1C,SAAS,cAAc;AAMvB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AACrB,MAAM,eAAe;AAEd,MAAM,yBAAyB,CACpC,OACA,aACA,iBACG;AAGH,QAAM,WAAW,KAAK,IAAI,GAAG,MAAM,CAAC;AACpC,QAAM,gBAAgB,KAAK,IAAI,cAAc,MAAM,IAAI,MAAM,MAAM;AACnE,QAAM,gBAAgB,KAAK,IAAI,GAAG,gBAAgB,QAAQ;AAE1D,QAAM,QAAQ,KAAK,IAAI,MAAM,OAAO,yBAAyB;AAC7D,QAAM,SACJ,MAAM,IAAI,KAAK,MAAM,IAAI,MAAM,SAAS,eACpC,gBACA,KAAK,IAAI,eAAe,yBAAyB;AACvD,QAAM,cAAc,QAAQ,MAAM,SAAS;AAC3C,QAAM,cAAc,SAAS,iBAAiB;AAE9C,QAAM,OAAO,MAAM,IAAI;AACvB,QAAM,WAAW,KAAK,IAAI,GAAG,IAAI;AACjC,QAAM,eAAe,KAAK;AAAA,IACxB;AAAA,IACA,KAAK,IAAI,OAAO,OAAO,WAAW,IAAI;AAAA,EACxC;AAEA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG,KAAK,IAAI,GAAG,KAAK,IAAI,WAAW,YAAY,eAAe,MAAM,CAAC;AAAA,IACrE,OAAO;AAAA,IACP;AAAA,EACF;AACF;AAEA,MAAM,mBAAmB,CAAC,QAAkC;AAC1D,QAAM,MAAM,OAAO,oBAAoB;AACvC,SAAO;AAAA,IACL,OAAO,IAAI,OAAO,QAAQ;AAAA,IAC1B,QAAQ,IAAI,OAAO,SAAS;AAAA,EAC9B;AACF;AAEO,MAAM,6BAA6B,CAAC;AAAA,EACzC;AACF,MAAuC;AACrC,QAAM,OAAO;AAAA,IACX,CAAC,QAAkC;AACjC,YAAM,EAAE,OAAO,aAAa,QAAQ,aAAa,IAC/C,iBAAiB,GAAG;AAEtB,iBAAW,SAAS,QAAQ;AAC1B,cAAM,EAAE,GAAG,GAAG,OAAO,OAAO,IAC1B,MAAM,OAAO,SACT,uBAAuB,OAAO,aAAa,YAAY,IACvD;AAGN,YAAI,UAAU;AACd,YAAI,YAAY;AAChB,YAAI,cAAc,eAAe,OAAO,KAAK,QAAQ,OAAO;AAC5D,YAAI;AAAA,UACF,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,KAAK,IAAI,GAAG,QAAQ,YAAY;AAAA,UAChC,KAAK,IAAI,GAAG,SAAS,YAAY;AAAA,QACnC;AACA,YAAI,OAAO;AACX,YAAI,UAAU;AAGd,cAAM,SAAS,IAAI;AACnB,cAAM,SAAS,IAAI;AACnB,cAAM,aAAa,QAAQ;AAC3B,cAAM,cAAc,SAAS;AAG7B,YAAI,aAAa,KAAK,cAAc,GAAG;AACrC,cAAI,UAAU;AACd,cAAI,YAAY;AAChB,cAAI,cAAc;AAClB,cAAI,cAAc,eAAe,OAAO,WAAW,KAAK,OAAO;AAC/D,cAAI,KAAK,QAAQ,QAAQ,YAAY,WAAW;AAChD,cAAI,OAAO;AACX,cAAI,cAAc;AAClB,cAAI,UAAU;AAAA,QAChB;AAAA,MACF;AAEA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AAEA,YAAU,qBAAqB,IAAI;AAEnC,SAAO;AACT;",
   "names": []
 }

package/esm/charts/xy-chart/components/overlay/explore/XYChartCrosshair.css CHANGED Viewed

@@ -1,4 +1,4 @@
-._1bbe5uo0-3-13-3 {
+._1bbe5uo0-3-14-1 {
   overflow: visible;
   cursor: crosshair;
   z-index: 1;

package/esm/charts/xy-chart/components/overlay/explore/XYChartCrosshair.sty.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import "./XYChartCrosshair.css";
-var crosshair = "_1bbe5uo0-3-13-3";
+var crosshair = "_1bbe5uo0-3-14-1";
 export {
   crosshair
 };

package/esm/charts/xy-chart/components/overlay/explore/XYChartCrosshair.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/overlay/explore/XYChartCrosshair.css.ts"],
-  "sourcesContent": ["import './XYChartCrosshair.css';\nexport var crosshair = '_1bbe5uo0-3-13-3';"],
+  "sourcesContent": ["import './XYChartCrosshair.css';\nexport var crosshair = '_1bbe5uo0-3-14-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/xy-chart/components/overlay/explore/XYChartExplore.css CHANGED Viewed

@@ -1,4 +1,4 @@
-._cd1yys0-3-13-3 {
+._cd1yys0-3-14-1 {
   top: -11px;
   left: -11px;
   width: calc(100% + 22px);
@@ -6,7 +6,7 @@
   z-index: 2;
   pointer-events: none;
 }
-._cd1yys1-3-13-3 {
+._cd1yys1-3-14-1 {
   top: 0px;
   left: 0px;
   width: calc(100% + 1px);

package/esm/charts/xy-chart/components/overlay/explore/XYChartExplore.sty.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import "../../../../core/components/chart-grid/ChartGrid.css";
 import "./XYChartExplore.css";
-var datapointIndicatorLayout = "_cd1yys1-3-13-3 _13lzg4k0-3-13-3";
-var datapointIndicatorShiftedLayout = "_cd1yys0-3-13-3 _13lzg4k0-3-13-3";
+var datapointIndicatorLayout = "_cd1yys1-3-14-1 _13lzg4k0-3-14-1";
+var datapointIndicatorShiftedLayout = "_cd1yys0-3-14-1 _13lzg4k0-3-14-1";
 export {
   datapointIndicatorLayout,
   datapointIndicatorShiftedLayout

package/esm/charts/xy-chart/components/overlay/explore/XYChartExplore.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/xy-chart/components/overlay/explore/XYChartExplore.css.ts"],
-  "sourcesContent": ["import '../../../../core/components/chart-grid/ChartGrid.css';\nimport './XYChartExplore.css';\nexport var datapointIndicatorLayout = '_cd1yys1-3-13-3 _13lzg4k0-3-13-3';\nexport var datapointIndicatorShiftedLayout = '_cd1yys0-3-13-3 _13lzg4k0-3-13-3';"],
+  "sourcesContent": ["import '../../../../core/components/chart-grid/ChartGrid.css';\nimport './XYChartExplore.css';\nexport var datapointIndicatorLayout = '_cd1yys1-3-14-1 _13lzg4k0-3-14-1';\nexport var datapointIndicatorShiftedLayout = '_cd1yys0-3-14-1 _13lzg4k0-3-14-1';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,2BAA2B;AAC/B,IAAI,kCAAkC;",
   "names": []
 }