@fluentui/react-charts 9.3.22 → 9.3.24

package/lib-commonjs/components/ScatterChart/ScatterChart.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ScatterChart/ScatterChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ScatterChartProps } from './ScatterChart.types';\nimport { useScatterChartStyles } from './useScatterChartStyles.styles';\nimport type { Axis as D3Axis } from 'd3-axis';\nimport { select as d3Select } from 'd3-selection';\nimport type { Legend } from '../Legends/index';\nimport { Legends } from '../Legends/index';\nimport { max as d3Max, min as d3Min } from 'd3-array';\nimport { useId } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { IDomainNRange } from '../../utilities/index';\nimport {\n  areArraysEqual,\n  createNumericYAxis,\n  createStringYAxis,\n  getDomainPaddingForMarkers,\n  domainRangeOfXStringAxis,\n  findNumericMinMaxOfY,\n  YAxisType,\n  isTextMode,\n  isScatterPolarSeries,\n  isPlottable,\n  getRangeForScatterMarkerSize,\n  calculateMarkerRadius,\n  domainRangeOfDateForAreaLineScatterVerticalBarCharts,\n  domainRangeOfNumericForAreaLineScatterCharts,\n  sortAxisCategories,\n  findCalloutPoints,\n} from '../../utilities/index';\nimport type {\n  AccessibilityProps,\n  ChildProps,\n  CustomizedCalloutData,\n  Margins,\n  RefArrayData,\n  ScatterChartDataPoint,\n  ScatterChartPoints,\n  YValueHover,\n} from '../../index';\nimport { CartesianChart } from '../../index';\nimport { tokens } from '@fluentui/react-theme';\nimport {\n  calloutData,\n  ChartTypes,\n  XAxisTypes,\n  getTypeOfAxis,\n  getNextColor,\n  getColorFromToken,\n} from '../../utilities/index';\nimport type { LineChartPoints } from '../../types/DataPoint';\nimport { renderScatterPolarCategoryLabels } from '../../utilities/scatterpolar-utils';\nimport { formatDateToLocaleString } from '@fluentui/chart-utilities';\nimport { useImageExport } from '../../utilities/hooks';\n\ntype NumericAxis = D3Axis<number | { valueOf(): number }>;\n\ntype ScatterChartDataWithIndex = ScatterChartPoints & { index: number };\n\n// Create a ScatterChart variant which uses these default styles and this styled subcomponent.\n/**\n * ScatterChart component\n * {@docCategory ScatterChart}\n */\nexport const ScatterChart: React.FunctionComponent<ScatterChartProps> = React.forwardRef<\n  HTMLDivElement,\n  ScatterChartProps\n>((props, forwardedRef) => {\n  const _circleId: string = useId('circle');\n  const _seriesId: string = useId('seriesID');\n  const _verticalLine: string = useId('verticalLine');\n  const _firstRenderOptimization = true;\n  const _emptyChartId: string = useId('_ScatterChart_empty');\n  let _points: ScatterChartDataWithIndex[] = _injectIndexPropertyInScatterChartData(props.data.scatterChartData);\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let _xAxisScale: any = '';\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let _yAxisScale: any = '';\n  let _uniqueCallOutID: string | null = '';\n  const _refArray: RefArrayData[] = [];\n  let margins: Margins;\n  let renderSeries: JSXElement[];\n  let _xAxisLabels: string[] = [];\n  const xAxisCalloutAccessibilityData: AccessibilityProps = {};\n  let _xBandwidth = 0;\n  const { cartesianChartRef, legendsRef: _legendsRef } = useImageExport(props.componentRef, props.hideLegend);\n  const classes = useScatterChartStyles(props);\n\n  const [hoverXValue, setHoverXValue] = React.useState<string | number>('');\n  const [activeLegend, setActiveLegend] = React.useState<string>('');\n  const [yValueHover, setYValueHover] = React.useState<YValueHover[]>([]);\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const [selectedLegendPoints, setSelectedLegendPoints] = React.useState<any[]>([]);\n  const [isSelectedLegend, setIsSelectedLegend] = React.useState<boolean>(false);\n  const [activePoint, setActivePoint] = React.useState<string>('');\n  const [stackCalloutProps, setStackCalloutProps] = React.useState<CustomizedCalloutData>();\n  const [dataPointCalloutProps, setDataPointCalloutProps] = React.useState<CustomizedCalloutData>();\n  const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n  const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n  const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends || []);\n  const prevSelectedLegendsRef = React.useRef<string[] | undefined>(undefined);\n  const _isTextMode = React.useRef(false);\n  const _isScatterPolarRef = React.useRef(false);\n\n  React.useEffect(() => {\n    if (\n      prevSelectedLegendsRef.current &&\n      !areArraysEqual(prevSelectedLegendsRef.current, props.legendProps?.selectedLegends)\n    ) {\n      setSelectedLegends(props.legendProps?.selectedLegends || []);\n    }\n    prevSelectedLegendsRef.current = props.legendProps?.selectedLegends;\n  }, [props.legendProps?.selectedLegends]);\n\n  const _xAxisType: XAxisTypes =\n    props.data.scatterChartData! &&\n    props.data.scatterChartData!.length > 0 &&\n    props.data.scatterChartData![0].data &&\n    props.data.scatterChartData![0].data.length > 0\n      ? (getTypeOfAxis(props.data.scatterChartData![0].data[0].x, true) as XAxisTypes)\n      : XAxisTypes.StringAxis;\n\n  // Detect y axis type (numeric or string)\n  const _yAxisType: YAxisType =\n    props.data.scatterChartData &&\n    props.data.scatterChartData.length > 0 &&\n    props.data.scatterChartData[0].data &&\n    props.data.scatterChartData[0].data.length > 0\n      ? typeof props.data.scatterChartData[0].data[0].y === 'string'\n        ? YAxisType.StringAxis\n        : YAxisType.NumericAxis\n      : YAxisType.NumericAxis;\n\n  const pointsRef = React.useRef<ScatterChartDataWithIndex[] | []>([]);\n  const calloutPointsRef = React.useRef<Record<string, YValueHover[]>>({});\n  React.useEffect(() => {\n    /** note that height and width are not used to resize or set as dimesions of the chart,\n     * fitParentContainer is responisble for setting the height and width or resizing of the svg/chart\n     */\n\n    if (_points !== _injectIndexPropertyInScatterChartData(props.data.scatterChartData) || props.data !== _points) {\n      pointsRef.current = _injectIndexPropertyInScatterChartData(props.data.scatterChartData);\n      calloutPointsRef.current = calloutData(pointsRef.current);\n    }\n  }, [props.height, props.width, props.data, _points]);\n\n  function _injectIndexPropertyInScatterChartData(\n    scatterChartData?: ScatterChartPoints[],\n  ): ScatterChartDataWithIndex[] | [] {\n    return scatterChartData\n      ? scatterChartData.map((item: ScatterChartPoints, index: number) => {\n          let color: string;\n          if (typeof item.color === 'undefined') {\n            color = getNextColor(index, 0);\n          } else {\n            color = getColorFromToken(item.color);\n          }\n          return {\n            ...item,\n            index: -1,\n            color,\n          };\n        })\n      : [];\n  }\n\n  function updatePosition(newX: number, newY: number) {\n    const threshold = 1; // Set a threshold for movement\n    const { x, y } = clickPosition;\n    // Calculate the distance moved\n    const distance = Math.sqrt(Math.pow(newX - x, 2) + Math.pow(newY - y, 2));\n    // Update the position only if the distance moved is greater than the threshold\n    if (distance > threshold) {\n      setClickPosition({ x: newX, y: newY });\n      setPopoverOpen(true);\n    }\n  }\n\n  function _getNumericMinMaxOfY(\n    points: ScatterChartPoints[],\n    yAxisType?: YAxisType,\n  ): { startValue: number; endValue: number } {\n    const { startValue, endValue } = findNumericMinMaxOfY(points, yAxisType);\n    const yPadding = getDomainPaddingForMarkers(startValue, endValue, props.yScaleType);\n\n    return {\n      startValue: startValue - yPadding.start,\n      endValue: endValue + yPadding.end,\n    };\n  }\n\n  function _getDomainNRangeValues(\n    points: any,\n    margins: Margins,\n    width: number,\n    chartType: ChartTypes,\n    isRTL: boolean,\n    xAxisType: XAxisTypes,\n    barWidth: number,\n    tickValues: Date[] | number[] | undefined,\n  ) {\n    let domainNRangeValue: IDomainNRange;\n    if (xAxisType === XAxisTypes.NumericAxis) {\n      domainNRangeValue = domainRangeOfNumericForAreaLineScatterCharts(\n        points,\n        margins,\n        width,\n        isRTL,\n        props.xScaleType,\n        true,\n        props.xMinValue,\n        props.xMaxValue,\n      );\n    } else if (xAxisType === XAxisTypes.DateAxis) {\n      domainNRangeValue = domainRangeOfDateForAreaLineScatterVerticalBarCharts(\n        points,\n        margins,\n        width,\n        isRTL,\n        tickValues! as Date[],\n        chartType,\n      );\n    } else {\n      domainNRangeValue = domainRangeOfXStringAxis(margins, width, isRTL);\n    }\n    return domainNRangeValue;\n  }\n\n  function _getMargins(_margins: Margins) {\n    margins = _margins;\n  }\n\n  function _initializeScatterChartData(\n    xScale: NumericAxis,\n    yScale: NumericAxis,\n    containerHeight: number,\n    containerWidth: number,\n    xElement: SVGElement | null,\n  ) {\n    _xAxisScale = xScale;\n    _yAxisScale = yScale;\n    _isTextMode.current = isTextMode(_points);\n    _isScatterPolarRef.current = isScatterPolarSeries(_points);\n    renderSeries = _createPlot(xElement!, containerHeight!);\n  }\n\n  function _onHoverCardHide() {\n    setSelectedLegendPoints([]);\n    setIsSelectedLegend(false);\n  }\n\n  function _createLegends(data: ScatterChartDataWithIndex[]): JSXElement {\n    const { legendProps } = props;\n    const isLegendMultiSelectEnabled = !!(legendProps && !!legendProps.canSelectMultipleLegends);\n    const mapLegendToPoints: Record<string, ScatterChartDataWithIndex[]> = {};\n    data.forEach((point: ScatterChartDataWithIndex) => {\n      if (point.legend) {\n        if (!mapLegendToPoints[point.legend]) {\n          mapLegendToPoints[point.legend] = [];\n        }\n        mapLegendToPoints[point.legend].push(point);\n      }\n    });\n    const legendDataItems: Legend[] = Object.entries(mapLegendToPoints).map(([legendTitle, points]) => {\n      const representativePoint = points[0];\n      // mapping data to the format Legends component needs\n      const legend: Legend = {\n        title: legendTitle,\n        color: representativePoint.color!,\n        onMouseOutAction: () => {\n          setActiveLegend('');\n        },\n        hoverAction: () => {\n          _handleChartMouseLeave();\n          setActiveLegend(legendTitle);\n        },\n        ...(representativePoint.legendShape && {\n          shape: representativePoint.legendShape,\n        }),\n      };\n      return legend;\n    });\n\n    return (\n      <Legends\n        legends={[...legendDataItems]}\n        enabledWrapLines={props.enabledLegendsWrapLines}\n        overflowText={props.legendsOverflowText}\n        {...(isLegendMultiSelectEnabled && { onLegendHoverCardLeave: _onHoverCardHide })}\n        {...props.legendProps}\n        selectedLegends={selectedLegends}\n        onChange={_onLegendSelectionChange}\n        legendRef={_legendsRef}\n      />\n    );\n  }\n\n  function _getOrderedYAxisLabels() {\n    const shouldOrderYAxisLabelsByCategoryOrder =\n      _yAxisType === YAxisType.StringAxis && props.yAxisCategoryOrder !== 'default';\n    if (!shouldOrderYAxisLabelsByCategoryOrder) {\n      // Collect all unique string y values from all data points in all series, in reverse order\n      const yLabelsSet = new Set<string>();\n      for (let i = _points.length - 1; i >= 0; i--) {\n        const point = _points[i];\n        if (point.data && Array.isArray(point.data)) {\n          for (const d of point.data) {\n            if (typeof d.y === 'string') {\n              yLabelsSet.add(d.y);\n            }\n          }\n        }\n      }\n      return Array.from(yLabelsSet);\n    }\n\n    return sortAxisCategories(_mapCategoryToValues(), props.yAxisCategoryOrder);\n  }\n\n  function _mapCategoryToValues() {\n    const categoryToValues: Record<string, number[]> = {};\n    _points.forEach(point => {\n      if (point.data && Array.isArray(point.data)) {\n        point.data.forEach(d => {\n          if (typeof d.y === 'string') {\n            if (!categoryToValues[d.y]) {\n              categoryToValues[d.y] = [];\n            }\n            if (typeof d.x === 'number') {\n              categoryToValues[d.y].push(d.x);\n            }\n          }\n        });\n      }\n    });\n    return categoryToValues;\n  }\n\n  function _onLegendSelectionChange(\n    legendsSelected: string[],\n    event: React.MouseEvent<HTMLButtonElement>,\n    currentLegend?: Legend,\n  ): void {\n    if (props.legendProps?.canSelectMultipleLegends) {\n      setSelectedLegends(legendsSelected);\n    } else {\n      setSelectedLegends(legendsSelected.slice(-1));\n    }\n\n    if (props.legendProps?.onChange) {\n      props.legendProps.onChange(legendsSelected, event, currentLegend);\n    }\n  }\n\n  function _getPointFill(seriesColor: string, pointId: string, pointIndex: number, isLastPoint: boolean) {\n    if (activePoint === pointId) {\n      return tokens.colorNeutralBackground1;\n    } else {\n      return seriesColor;\n    }\n  }\n\n  function _createPlot(xElement: SVGElement, containerHeight: number): JSXElement[] {\n    const series: JSXElement[] = [];\n    if (isSelectedLegend) {\n      _points = selectedLegendPoints;\n    } else {\n      _points = _injectIndexPropertyInScatterChartData(props.data.scatterChartData);\n    }\n\n    if (_xAxisType === XAxisTypes.StringAxis) {\n      _xBandwidth = _xAxisScale.bandwidth() / 2;\n    }\n\n    const minMarkerSize =\n      d3Min(_points, (point: ScatterChartPoints) => {\n        return d3Min(point.data as ScatterChartDataPoint[], (item: ScatterChartDataPoint) => {\n          return item.markerSize as number;\n        });\n      }) ?? 0;\n    const maxMarkerSize =\n      d3Max(_points, (point: ScatterChartPoints) => {\n        return d3Max(point.data as ScatterChartDataPoint[], (item: ScatterChartDataPoint) => {\n          return item.markerSize as number;\n        });\n      }) ?? 0;\n    const isContinuousXY = _xAxisType !== XAxisTypes.StringAxis && _yAxisType !== YAxisType.StringAxis;\n    const extraMaxPixels = isContinuousXY\n      ? getRangeForScatterMarkerSize({\n          data: _points,\n          xScale: _xAxisScale,\n          yScalePrimary: _yAxisScale,\n          xScaleType: props.xScaleType,\n          yScaleType: props.yScaleType,\n        })\n      : 0;\n\n    for (let i = _points.length - 1; i >= 0; i--) {\n      const pointsForSeries: JSXElement[] = [];\n\n      const legendVal: string = _points[i].legend;\n      const seriesColor: string = _points[i].color!;\n      const verticaLineHeight = containerHeight - margins.bottom! + 6;\n\n      for (let j = 0; j < _points[i].data.length; j++) {\n        const { x, y, xAxisCalloutData, xAxisCalloutAccessibilityData } = _points?.[i]?.data[j];\n        const xPoint = _xAxisScale?.(x);\n        // Use string y axis scale if needed\n        const yPoint =\n          _yAxisType === YAxisType.StringAxis\n            ? _yAxisScale?.(y) + (_yAxisScale?.bandwidth ? _yAxisScale.bandwidth() / 2 : 0)\n            : _yAxisScale?.(y);\n        if (!isPlottable(xPoint, yPoint)) {\n          continue;\n        }\n        const seriesId = `${_seriesId}_${i}_${j}`;\n        const circleId = `${_circleId}_${i}_${j}`;\n        const pointMarkerSize = (_points[i].data[j] as ScatterChartDataPoint).markerSize;\n        const circleRadius = calculateMarkerRadius({\n          pointMarkerSize,\n          minMarkerSize,\n          maxMarkerSize,\n          extraMaxPixels,\n          isContinuousXY,\n          isActive: activePoint === circleId,\n          defaultRadius: 4,\n          activeRadius: 6,\n        });\n\n        const isLegendSelected: boolean = _legendHighlighted(legendVal) || _noLegendHighlighted() || isSelectedLegend;\n\n        const currentPointHidden = _points[i].hideNonActiveDots && activePoint !== circleId;\n        const text = _points?.[i].data[j]?.text;\n        if (!_isTextMode.current) {\n          pointsForSeries.push(\n            <>\n              <circle\n                id={circleId}\n                key={circleId}\n                r={circleRadius}\n                cx={xPoint + _xBandwidth}\n                cy={yPoint}\n                data-is-focusable={isLegendSelected}\n                onMouseOver={(event: React.MouseEvent<SVGElement>) =>\n                  _handleHover(\n                    x,\n                    y,\n                    verticaLineHeight,\n                    xAxisCalloutData,\n                    circleId,\n                    xAxisCalloutAccessibilityData,\n                    event,\n                  )\n                }\n                onMouseMove={(event: React.MouseEvent<SVGElement>) =>\n                  _handleHover(\n                    x,\n                    y,\n                    verticaLineHeight,\n                    xAxisCalloutData,\n                    circleId,\n                    xAxisCalloutAccessibilityData,\n                    event,\n                  )\n                }\n                onMouseOut={_handleMouseOut}\n                onFocus={event =>\n                  _handleFocus(event, seriesId, x, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData)\n                }\n                onBlur={_handleMouseOut}\n                {..._getClickHandler(_points[i].data[j].onDataPointClick)}\n                opacity={isLegendSelected && !currentPointHidden ? 1 : 0.1}\n                fill={_getPointFill(seriesColor, circleId, j, false)}\n                stroke={seriesColor}\n                role=\"option\"\n                aria-label={_getAriaLabel(i, j)}\n                tabIndex={isLegendSelected ? 0 : undefined}\n              />\n              {text && (\n                <text\n                  key={`${circleId}-label`}\n                  x={xPoint + _xBandwidth}\n                  y={yPoint + Math.max(circleRadius + 12, 16)}\n                  className={classes.markerLabel}\n                >\n                  {text}\n                </text>\n              )}\n            </>,\n          );\n        }\n      }\n\n      if (_isScatterPolarRef.current) {\n        pointsForSeries.push(\n          ...renderScatterPolarCategoryLabels({\n            xAxisScale: _xAxisScale,\n            yAxisScale: _yAxisScale,\n            className: classes.markerLabel || '',\n            lineOptions: (_points?.[i] as Partial<LineChartPoints>)?.lineOptions,\n          }),\n        );\n      }\n\n      series.push(\n        <g\n          key={`series_${i}`}\n          role=\"listbox\"\n          aria-label={`${legendVal}, series ${i + 1} of ${_points.length} with ${_points[i].data.length} data points.`}\n        >\n          {pointsForSeries}\n        </g>,\n      );\n    }\n    return series;\n  }\n\n  function _handleFocus(\n    event: React.FocusEvent<SVGCircleElement, Element>,\n    seriesId: string,\n    x: number | Date | string,\n    xAxisCalloutData: string | undefined,\n    circleId: string,\n    xAxisCalloutAccessibilityData?: AccessibilityProps,\n  ) {\n    let cx = 0;\n    let cy = 0;\n\n    const targetRect = (event.target as SVGCircleElement).getBoundingClientRect();\n    cx = targetRect.left + targetRect.width / 2;\n    cy = targetRect.top + targetRect.height / 2;\n    updatePosition(cx, cy);\n    _uniqueCallOutID = circleId;\n    const formattedData = x instanceof Date ? formatDateToLocaleString(x, props.culture, props.useUTC as boolean) : x;\n    const found = findCalloutPoints(calloutPointsRef.current, x) as CustomizedCalloutData | undefined;\n    // if no points need to be called out then don't show vertical line and callout card\n\n    if (found) {\n      d3Select(`#${_verticalLine}`)\n        .attr('transform', () => `translate(${_xAxisScale(x) + _xBandwidth}, 0)`)\n        .attr('visibility', 'visibility');\n      _refArray.forEach((obj: RefArrayData) => {\n        if (obj.index === seriesId) {\n          setPopoverOpen(true);\n          xAxisCalloutData ? setHoverXValue(xAxisCalloutData) : setHoverXValue('' + formattedData);\n          setYValueHover(found.values);\n          setStackCalloutProps(found!);\n          setDataPointCalloutProps(found!);\n          setActivePoint(circleId);\n        }\n      });\n    } else {\n      setActivePoint(circleId);\n    }\n  }\n\n  function _handleHover(\n    x: number | Date | string,\n    y: number,\n    lineHeight: number,\n    xAxisCalloutData: string | undefined,\n    circleId: string,\n    xAxisCalloutAccessibilityData: AccessibilityProps | undefined,\n    mouseEvent: React.MouseEvent<SVGElement>,\n  ) {\n    mouseEvent?.persist();\n    const formattedData = x instanceof Date ? formatDateToLocaleString(x, props.culture, props.useUTC as boolean) : x;\n    const found = findCalloutPoints(calloutPointsRef.current, x) as CustomizedCalloutData | undefined;\n    // if no points need to be called out then don't show vertical line and callout card\n\n    if (found) {\n      d3Select(`#${_verticalLine}`)\n        .attr('transform', () => `translate(${_xAxisScale(x) + _xBandwidth}, ${_yAxisScale(y)})`)\n        .attr('visibility', 'visibility')\n        .attr('y2', `${lineHeight - _yAxisScale(y)}`);\n\n      if (_uniqueCallOutID !== circleId) {\n        _uniqueCallOutID = circleId;\n        updatePosition(mouseEvent.clientX, mouseEvent.clientY);\n        xAxisCalloutData ? setHoverXValue(xAxisCalloutData) : setHoverXValue('' + formattedData);\n        setYValueHover(found.values);\n        setStackCalloutProps(found!);\n        setDataPointCalloutProps(found!);\n        setActivePoint(circleId);\n      }\n    } else {\n      setActivePoint(circleId);\n    }\n  }\n\n  /**\n   * Screen readers announce an element as clickable if the onClick attribute is set.\n   * This function sets the attribute only when a click event handler is provided.*/\n\n  function _getClickHandler(func?: () => void): { onClick?: () => void } {\n    if (func) {\n      return {\n        onClick: func,\n      };\n    }\n\n    return {};\n  }\n\n  function _handleMouseOut() {\n    d3Select(`#${_verticalLine}`).attr('visibility', 'hidden');\n  }\n\n  function _handleChartMouseLeave() {\n    _uniqueCallOutID = null;\n    setActivePoint('');\n    if (isPopoverOpen) {\n      setPopoverOpen(false);\n    }\n  }\n\n  function _getCustomizedCallout() {\n    return props.onRenderCalloutPerStack\n      ? props.onRenderCalloutPerStack(stackCalloutProps)\n      : props.onRenderCalloutPerDataPoint\n      ? props.onRenderCalloutPerDataPoint(dataPointCalloutProps)\n      : null;\n  }\n\n  /**\n   * This function checks if the given legend is highlighted or not.\n   * A legend can be highlighted in 2 ways:\n   * 1. selection: if the user clicks on it\n   * 2. hovering: if there is no selected legend and the user hovers over it*/\n\n  function _legendHighlighted(legend: string): boolean {\n    return _getHighlightedLegend().includes(legend);\n  }\n\n  /**\n   * This function checks if none of the legends is selected or hovered.*/\n\n  function _noLegendHighlighted(): boolean {\n    return _getHighlightedLegend().length === 0;\n  }\n\n  function _getHighlightedLegend(): string[] {\n    return selectedLegends.length > 0 ? selectedLegends : activeLegend ? [activeLegend] : [];\n  }\n\n  function _getAriaLabel(seriesIndex: number, pointIndex: number): string {\n    const series = _points[seriesIndex];\n    const point = series.data[pointIndex];\n    const formattedDate =\n      point.x instanceof Date ? formatDateToLocaleString(point.x, props.culture, props.useUTC as boolean) : point.x;\n    const xValue = point.xAxisCalloutData || formattedDate;\n    const legend = series.legend;\n    const yValue = point.yAxisCalloutData || point.y;\n    return point.callOutAccessibilityData?.ariaLabel || `${xValue}. ${legend}, ${yValue}.`;\n  }\n\n  function _isChartEmpty(): boolean {\n    return !(\n      props.data &&\n      props.data.scatterChartData &&\n      props.data.scatterChartData.length > 0 &&\n      props.data.scatterChartData.filter((item: ScatterChartPoints) => item.data.length).length > 0\n    );\n  }\n\n  const { legendProps, tickValues, tickFormat } = props;\n  _points = _injectIndexPropertyInScatterChartData(props.data.scatterChartData);\n\n  let points = _points as ScatterChartPoints[];\n  if (legendProps && !!legendProps.canSelectMultipleLegends) {\n    points = selectedLegendPoints.length >= 1 ? selectedLegendPoints : _points;\n    calloutPointsRef.current = calloutData(points);\n  }\n\n  let legendBars = null;\n  // reduce computation cost by only creating legendBars\n  // if when hideLegend is false.\n  // NOTE: they are rendered only when hideLegend is false in CartesianChart.\n  if (!props.hideLegend && !_isTextMode.current) {\n    legendBars = _createLegends(_points!); // ToDo: Memoize legends to improve performance.\n  }\n  const calloutProps = {\n    YValueHover: yValueHover,\n    hoverXValue,\n    descriptionMessage:\n      props.getCalloutDescriptionMessage && stackCalloutProps\n        ? props.getCalloutDescriptionMessage(stackCalloutProps)\n        : undefined,\n    'data-is-focusable': true,\n    xAxisCalloutAccessibilityData,\n    ...props.calloutProps,\n    clickPosition,\n    isPopoverOpen,\n    isCalloutForStack: true,\n    culture: props.culture,\n    isCartesian: true,\n    customCallout: {\n      customizedCallout: _getCustomizedCallout() !== null ? _getCustomizedCallout()! : undefined,\n      customCalloutProps: props.calloutPropsPerDataPoint\n        ? props.calloutPropsPerDataPoint(dataPointCalloutProps!)\n        : undefined,\n    },\n  };\n  const tickParams = {\n    tickValues,\n    tickFormat,\n  };\n\n  const xAxisLabels: string[] = _points\n    .map((point: ScatterChartDataWithIndex) => point.data.map((dp: ScatterChartDataPoint) => dp.x as string))\n    .flat();\n\n  _xAxisLabels = [...new Set(xAxisLabels)];\n\n  // Compute unique y axis labels for string y axis\n  const _yAxisLabels: string[] = _getOrderedYAxisLabels();\n\n  return !_isChartEmpty() ? (\n    <CartesianChart\n      {...props}\n      chartTitle={props.data.chartTitle}\n      points={points}\n      chartType={ChartTypes.ScatterChart}\n      calloutProps={calloutProps}\n      tickParams={tickParams}\n      legendBars={legendBars}\n      getmargins={_getMargins}\n      getGraphData={_initializeScatterChartData}\n      xAxisType={_xAxisType}\n      yAxisType={_yAxisType}\n      // Pass stringDatasetForYAxisDomain only if y axis is string\n      {...(_yAxisType === YAxisType.StringAxis ? { stringDatasetForYAxisDomain: _yAxisLabels } : {})}\n      getMinMaxOfYAxis={_getNumericMinMaxOfY}\n      getDomainNRangeValues={_getDomainNRangeValues}\n      createYAxis={createNumericYAxis}\n      createStringYAxis={createStringYAxis}\n      onChartMouseLeave={_handleChartMouseLeave}\n      enableFirstRenderOptimization={_firstRenderOptimization}\n      datasetForXAxisDomain={_xAxisLabels}\n      componentRef={cartesianChartRef}\n      {...(_isScatterPolarRef.current ? { yMaxValue: 1, yMinValue: -1 } : {})}\n      /* eslint-disable react/jsx-no-bind */\n\n      children={(props: ChildProps) => {\n        _xAxisScale = props.xScale!;\n        _yAxisScale = props.yScalePrimary!;\n        return (\n          <>\n            <g>\n              <line\n                x1={0}\n                y1={0}\n                x2={0}\n                y2={props.containerHeight}\n                stroke={'#323130'}\n                id={_verticalLine}\n                visibility={'hidden'}\n                strokeDasharray={'5,5'}\n              />\n              <g>{renderSeries}</g>\n            </g>\n          </>\n        );\n      }}\n    />\n  ) : (\n    <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n  );\n});\nScatterChart.displayName = 'ScatterChart';\n"],"names":["React","useScatterChartStyles","select","d3Select","Legends","max","d3Max","min","d3Min","useId","areArraysEqual","createNumericYAxis","createStringYAxis","getDomainPaddingForMarkers","domainRangeOfXStringAxis","findNumericMinMaxOfY","YAxisType","isTextMode","isScatterPolarSeries","isPlottable","getRangeForScatterMarkerSize","calculateMarkerRadius","domainRangeOfDateForAreaLineScatterVerticalBarCharts","domainRangeOfNumericForAreaLineScatterCharts","sortAxisCategories","findCalloutPoints","CartesianChart","tokens","calloutData","ChartTypes","XAxisTypes","getTypeOfAxis","getNextColor","getColorFromToken","renderScatterPolarCategoryLabels","formatDateToLocaleString","useImageExport","ScatterChart","forwardRef","props","forwardedRef","_circleId","_seriesId","_verticalLine","_firstRenderOptimization","_emptyChartId","_points","_injectIndexPropertyInScatterChartData","data","scatterChartData","_xAxisScale","_yAxisScale","_uniqueCallOutID","_refArray","margins","renderSeries","_xAxisLabels","xAxisCalloutAccessibilityData","_xBandwidth","cartesianChartRef","legendsRef","_legendsRef","componentRef","hideLegend","classes","hoverXValue","setHoverXValue","useState","activeLegend","setActiveLegend","yValueHover","setYValueHover","selectedLegendPoints","setSelectedLegendPoints","isSelectedLegend","setIsSelectedLegend","activePoint","setActivePoint","stackCalloutProps","setStackCalloutProps","dataPointCalloutProps","setDataPointCalloutProps","clickPosition","setClickPosition","x","y","isPopoverOpen","setPopoverOpen","selectedLegends","setSelectedLegends","legendProps","prevSelectedLegendsRef","useRef","undefined","_isTextMode","_isScatterPolarRef","useEffect","current","_xAxisType","length","StringAxis","_yAxisType","NumericAxis","pointsRef","calloutPointsRef","height","width","map","item","index","color","updatePosition","newX","newY","threshold","distance","Math","sqrt","pow","_getNumericMinMaxOfY","points","yAxisType","startValue","endValue","yPadding","yScaleType","start","end","_getDomainNRangeValues","chartType","isRTL","xAxisType","barWidth","tickValues","domainNRangeValue","xScaleType","xMinValue","xMaxValue","DateAxis","_getMargins","_margins","_initializeScatterChartData","xScale","yScale","containerHeight","containerWidth","xElement","_createPlot","_onHoverCardHide","_createLegends","isLegendMultiSelectEnabled","canSelectMultipleLegends","mapLegendToPoints","forEach","point","legend","push","legendDataItems","Object","entries","legendTitle","representativePoint","title","onMouseOutAction","hoverAction","_handleChartMouseLeave","legendShape","shape","legends","enabledWrapLines","enabledLegendsWrapLines","overflowText","legendsOverflowText","onLegendHoverCardLeave","onChange","_onLegendSelectionChange","legendRef","_getOrderedYAxisLabels","shouldOrderYAxisLabelsByCategoryOrder","yAxisCategoryOrder","yLabelsSet","Set","i","Array","isArray","d","add","from","_mapCategoryToValues","categoryToValues","legendsSelected","event","currentLegend","slice","_getPointFill","seriesColor","pointId","pointIndex","isLastPoint","colorNeutralBackground1","series","bandwidth","minMarkerSize","markerSize","maxMarkerSize","isContinuousXY","extraMaxPixels","yScalePrimary","pointsForSeries","legendVal","verticaLineHeight","bottom","j","xAxisCalloutData","xPoint","yPoint","seriesId","circleId","pointMarkerSize","circleRadius","isActive","defaultRadius","activeRadius","isLegendSelected","_legendHighlighted","_noLegendHighlighted","currentPointHidden","hideNonActiveDots","text","circle","id","key","r","cx","cy","data-is-focusable","onMouseOver","_handleHover","onMouseMove","onMouseOut","_handleMouseOut","onFocus","_handleFocus","onBlur","_getClickHandler","onDataPointClick","opacity","fill","stroke","role","aria-label","_getAriaLabel","tabIndex","className","markerLabel","xAxisScale","yAxisScale","lineOptions","g","targetRect","target","getBoundingClientRect","left","top","formattedData","Date","culture","useUTC","found","attr","obj","values","lineHeight","mouseEvent","persist","clientX","clientY","func","onClick","_getCustomizedCallout","onRenderCalloutPerStack","onRenderCalloutPerDataPoint","_getHighlightedLegend","includes","seriesIndex","formattedDate","xValue","yValue","yAxisCalloutData","callOutAccessibilityData","ariaLabel","_isChartEmpty","filter","tickFormat","legendBars","calloutProps","YValueHover","descriptionMessage","getCalloutDescriptionMessage","isCalloutForStack","isCartesian","customCallout","customizedCallout","customCalloutProps","calloutPropsPerDataPoint","tickParams","xAxisLabels","dp","flat","_yAxisLabels","chartTitle","getmargins","getGraphData","stringDatasetForYAxisDomain","getMinMaxOfYAxis","getDomainNRangeValues","createYAxis","onChartMouseLeave","enableFirstRenderOptimization","datasetForXAxisDomain","yMaxValue","yMinValue","children","line","x1","y1","x2","y2","visibility","strokeDasharray","div","style","displayName"],"mappings":"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"}

package/lib-commonjs/components/ScatterChart/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./ScatterChart.cjs"), exports);
+_export_star._(require("./ScatterChart.types.cjs"), exports);
+_export_star._(require("../../types/index.cjs"), exports);

package/lib-commonjs/components/ScatterChart/{index.js.map → index.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ScatterChart/index.ts"],"sourcesContent":["export * from './ScatterChart';\nexport * from './ScatterChart.types';\nexport * from '../../types/index';\n"],"names":[],"mappings":";;;;;uBAAc,iBAAiB;uBACjB,uBAAuB;uBACvB,oBAAoB"}
+{"version":3,"sources":["../src/components/ScatterChart/index.ts"],"sourcesContent":["export * from './ScatterChart';\nexport * from './ScatterChart.types';\nexport * from '../../types/index';\n"],"names":[],"mappings":";;;;;uBAAc,oBAAiB;uBACjB,0BAAuB;uBACvB,uBAAoB"}

package/lib-commonjs/components/ScatterChart/useScatterChartStyles.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useScatterChartStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nimport { getMarkerLabelStyle, getTooltipStyle } from \"../../utilities/index.js\";\n/**\n * @internal\n */ export const scatterChartClassNames = {\n    tooltip: 'fui-line__tooltip',\n    markerLabel: 'fui-line__markerLabel',\n    root: 'fui-line__root',\n    xAxis: 'fui-line__xAxis',\n    yAxis: 'fui-line__yAxis',\n    legendContainer: 'fui-line__legendContainer',\n    hover: 'fui-line__hover',\n    descriptionMessage: 'fui-line__descriptionMessage',\n    axisTitle: 'fui-line__axisTitle',\n    chartTitle: 'fui-line__chartTitle',\n    opacityChangeOnHover: 'fui-line__opacityChangeOnHover',\n    shapeStyles: 'fui-line__shapeStyles',\n    chartWrapper: 'fui-line__chartWrapper',\n    svgTooltip: '',\n    chart: '',\n    axisAnnotation: '',\n    plotContainer: '',\n    annotationLayer: ''\n};\n/**\n * Base Styles\n */ const useStyles = makeStyles({\n    tooltip: getTooltipStyle(),\n    markerLabel: getMarkerLabelStyle()\n});\n/**\n * Apply styling to the Carousel slots based on the state\n */ export const useScatterChartStyles = (props)=>{\n    var _props_styles;\n    const baseStyles = useStyles();\n    return {\n        tooltip: mergeClasses(scatterChartClassNames.tooltip, baseStyles.tooltip /*props.styles?.tooltip*/ ),\n        markerLabel: mergeClasses(scatterChartClassNames.markerLabel, baseStyles.markerLabel, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.markerLabel)\n    };\n};\n"],"names":["__styles","mergeClasses","getMarkerLabelStyle","getTooltipStyle","scatterChartClassNames","tooltip","markerLabel","root","xAxis","yAxis","legendContainer","hover","descriptionMessage","axisTitle","chartTitle","opacityChangeOnHover","shapeStyles","chartWrapper","svgTooltip","chart","axisAnnotation","plotContainer","annotationLayer","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","Beiy3e4","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","qhf8xq","fsow6f","De3pzq","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bkecrkj","sj55zd","Bkfmm31","jzqdnp","Bxms50k","d","p","m","useScatterChartStyles","props","_props_styles","baseStyles","styles"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAKKI,sBAAsB;;;IA4BtB+C,qBAAqB;;;;uBAhCG,gBAAgB;AAI9C,+BAA+B;IACtC9C,OAAO,EAAE,mBAAmB;IAC5BC,WAAW,EAAE,uBAAuB;IACpCC,IAAI,EAAE,gBAAgB;IACtBC,KAAK,EAAE,iBAAiB;IACxBC,KAAK,EAAE,iBAAiB;IACxBC,eAAe,EAAE,2BAA2B;IAC5CC,KAAK,EAAE,iBAAiB;IACxBC,kBAAkB,EAAE,8BAA8B;IAClDC,SAAS,EAAE,qBAAqB;IAChCC,UAAU,EAAE,sBAAsB;IAClCC,oBAAoB,EAAE,gCAAgC;IACtDC,WAAW,EAAE,uBAAuB;IACpCC,YAAY,EAAE,wBAAwB;IACtCC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAE,EAAE;IACTC,cAAc,EAAE,EAAE;IAClBC,aAAa,EAAE,EAAE;IACjBC,eAAe,EAAE;AACrB,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGvB,eAAA,EAAA;IAAAK,OAAA,EAAA;QAAAmB,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAtC,WAAA,EAAA;QAAAkB,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAkB,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA;YAAA;SAAA;KAAA;AAAA,CAGrB,CAAC;AAGS,+BAA+BE,KAAK,IAAG;IAC9C,IAAIC,aAAa;IACjB,MAAMC,UAAU,GAAG/B,SAAS,CAAC,CAAC;IAC9B,OAAO;QACHlB,OAAO,MAAEJ,mBAAY,EAACG,sBAAsB,CAACC,OAAO,EAAEiD,UAAU,CAACjD,OAAO,CAAC,uBAAA,EAA0B,CAAC;QACpGC,WAAW,MAAEL,mBAAY,EAACG,sBAAsB,CAACE,WAAW,EAAEgD,UAAU,CAAChD,WAAW,EAAE,CAAC+C,aAAa,GAAGD,KAAK,CAACG,MAAAA,AAAM,MAAM,IAAI,IAAIF,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,aAAa,CAAC/C,WAAW;IAClM,CAAC;AACL,CAAC"}

package/lib-commonjs/components/ScatterChart/{useScatterChartStyles.styles.raw.js → useScatterChartStyles.styles.raw.cjs}

@@ -18,7 +18,7 @@ _export(exports, {
     }
 });
 const _react = require("@griffel/react");
-const _index = require("../../utilities/index");
+const _index = require("../../utilities/index.cjs");
 const scatterChartClassNames = {
     tooltip: 'fui-line__tooltip',
     markerLabel: 'fui-line__markerLabel',

package/lib-commonjs/components/ScatterChart/{useScatterChartStyles.styles.raw.js.map → useScatterChartStyles.styles.raw.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ScatterChart/useScatterChartStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport type { GriffelStyle } from '@griffel/react';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { ScatterChartProps, ScatterChartStyles } from './ScatterChart.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities/src/index';\nimport { getMarkerLabelStyle, getTooltipStyle } from '../../utilities/index';\n\n/**\n * @internal\n */\nexport const scatterChartClassNames: SlotClassNames<ScatterChartStyles> = {\n  tooltip: 'fui-line__tooltip',\n  markerLabel: 'fui-line__markerLabel',\n  root: 'fui-line__root',\n  xAxis: 'fui-line__xAxis',\n  yAxis: 'fui-line__yAxis',\n  legendContainer: 'fui-line__legendContainer',\n  hover: 'fui-line__hover',\n  descriptionMessage: 'fui-line__descriptionMessage',\n  axisTitle: 'fui-line__axisTitle',\n  chartTitle: 'fui-line__chartTitle',\n  opacityChangeOnHover: 'fui-line__opacityChangeOnHover',\n  shapeStyles: 'fui-line__shapeStyles',\n  chartWrapper: 'fui-line__chartWrapper',\n  svgTooltip: '',\n  chart: '',\n  axisAnnotation: '',\n  plotContainer: '',\n  annotationLayer: '',\n};\n\n/**\n * Base Styles\n */\nconst useStyles = makeStyles({\n  tooltip: getTooltipStyle() as GriffelStyle,\n  markerLabel: getMarkerLabelStyle() as GriffelStyle,\n});\n\n/**\n * Apply styling to the Carousel slots based on the state\n */\nexport const useScatterChartStyles = (props: ScatterChartProps): ScatterChartStyles => {\n  const baseStyles = useStyles();\n  return {\n    tooltip: mergeClasses(scatterChartClassNames.tooltip, baseStyles.tooltip /*props.styles?.tooltip*/),\n    markerLabel: mergeClasses(scatterChartClassNames.markerLabel, baseStyles.markerLabel, props.styles?.markerLabel),\n  };\n};\n"],"names":["makeStyles","mergeClasses","getMarkerLabelStyle","getTooltipStyle","scatterChartClassNames","tooltip","markerLabel","root","xAxis","yAxis","legendContainer","hover","descriptionMessage","axisTitle","chartTitle","opacityChangeOnHover","shapeStyles","chartWrapper","svgTooltip","chart","axisAnnotation","plotContainer","annotationLayer","useStyles","useScatterChartStyles","props","baseStyles","styles"],"mappings":"AAAA;;;;;;;;;;;;IAWaI,sBAAAA;;;IAgCAoB,qBAAAA;;;;uBAxC4B,iBAAiB;uBAGL,wBAAwB;AAKtE,+BAAmE;IACxEnB,SAAS;IACTC,aAAa;IACbC,MAAM;IACNC,OAAO;IACPC,OAAO;IACPC,iBAAiB;IACjBC,OAAO;IACPC,oBAAoB;IACpBC,WAAW;IACXC,YAAY;IACZC,sBAAsB;IACtBC,aAAa;IACbC,cAAc;IACdC,YAAY;IACZC,OAAO;IACPC,gBAAgB;IAChBC,eAAe;IACfC,iBAAiB;AACnB,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYvB,iBAAAA,EAAW;IAC3BK,aAASF,sBAAAA;IACTG,iBAAaJ,0BAAAA;AACf;AAKO,8BAA8B,CAACuB;QAIoDA;IAHxF,MAAMC,aAAaH;IACnB,OAAO;QACLlB,aAASJ,mBAAAA,EAAaG,uBAAuBC,OAAO,EAAEqB,WAAWrB,OAAO,CAAC,uBAAuB;QAChGC,iBAAaL,mBAAAA,EAAaG,uBAAuBE,WAAW,EAAEoB,WAAWpB,WAAW,EAAA,CAAEmB,gBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,kBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,cAAcnB,WAAW;IACjH;AACF,EAAE"}
+{"version":3,"sources":["../src/components/ScatterChart/useScatterChartStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport type { GriffelStyle } from '@griffel/react';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { ScatterChartProps, ScatterChartStyles } from './ScatterChart.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities/src/index';\nimport { getMarkerLabelStyle, getTooltipStyle } from '../../utilities/index';\n\n/**\n * @internal\n */\nexport const scatterChartClassNames: SlotClassNames<ScatterChartStyles> = {\n  tooltip: 'fui-line__tooltip',\n  markerLabel: 'fui-line__markerLabel',\n  root: 'fui-line__root',\n  xAxis: 'fui-line__xAxis',\n  yAxis: 'fui-line__yAxis',\n  legendContainer: 'fui-line__legendContainer',\n  hover: 'fui-line__hover',\n  descriptionMessage: 'fui-line__descriptionMessage',\n  axisTitle: 'fui-line__axisTitle',\n  chartTitle: 'fui-line__chartTitle',\n  opacityChangeOnHover: 'fui-line__opacityChangeOnHover',\n  shapeStyles: 'fui-line__shapeStyles',\n  chartWrapper: 'fui-line__chartWrapper',\n  svgTooltip: '',\n  chart: '',\n  axisAnnotation: '',\n  plotContainer: '',\n  annotationLayer: '',\n};\n\n/**\n * Base Styles\n */\nconst useStyles = makeStyles({\n  tooltip: getTooltipStyle() as GriffelStyle,\n  markerLabel: getMarkerLabelStyle() as GriffelStyle,\n});\n\n/**\n * Apply styling to the Carousel slots based on the state\n */\nexport const useScatterChartStyles = (props: ScatterChartProps): ScatterChartStyles => {\n  const baseStyles = useStyles();\n  return {\n    tooltip: mergeClasses(scatterChartClassNames.tooltip, baseStyles.tooltip /*props.styles?.tooltip*/),\n    markerLabel: mergeClasses(scatterChartClassNames.markerLabel, baseStyles.markerLabel, props.styles?.markerLabel),\n  };\n};\n"],"names":["makeStyles","mergeClasses","getMarkerLabelStyle","getTooltipStyle","scatterChartClassNames","tooltip","markerLabel","root","xAxis","yAxis","legendContainer","hover","descriptionMessage","axisTitle","chartTitle","opacityChangeOnHover","shapeStyles","chartWrapper","svgTooltip","chart","axisAnnotation","plotContainer","annotationLayer","useStyles","useScatterChartStyles","props","baseStyles","styles"],"mappings":"AAAA;;;;;;;;;;;;IAWaI,sBAAAA;;;IAgCAoB,qBAAAA;;;;uBAxC4B,iBAAiB;uBAGL,2BAAwB;AAKtE,+BAAmE;IACxEnB,SAAS;IACTC,aAAa;IACbC,MAAM;IACNC,OAAO;IACPC,OAAO;IACPC,iBAAiB;IACjBC,OAAO;IACPC,oBAAoB;IACpBC,WAAW;IACXC,YAAY;IACZC,sBAAsB;IACtBC,aAAa;IACbC,cAAc;IACdC,YAAY;IACZC,OAAO;IACPC,gBAAgB;IAChBC,eAAe;IACfC,iBAAiB;AACnB,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYvB,iBAAAA,EAAW;IAC3BK,aAASF,sBAAAA;IACTG,iBAAaJ,0BAAAA;AACf;AAKO,8BAA8B,CAACuB;QAIoDA;IAHxF,MAAMC,aAAaH;IACnB,OAAO;QACLlB,aAASJ,mBAAAA,EAAaG,uBAAuBC,OAAO,EAAEqB,WAAWrB,OAAO,CAAC,uBAAuB;QAChGC,iBAAaL,mBAAAA,EAAaG,uBAAuBE,WAAW,EAAEoB,WAAWpB,WAAW,EAAA,CAAEmB,gBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,kBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,cAAcnB,WAAW;IACjH;AACF,EAAE"}

package/lib-commonjs/components/Sparkline/{Sparkline.js → Sparkline.cjs}

@@ -15,8 +15,8 @@ const _d3array = require("d3-array");
 const _d3scale = require("d3-scale");
 const _d3shape = require("d3-shape");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _index = require("../../utilities/index");
-const _useSparklineStylesstyles = require("./useSparklineStyles.styles");
+const _index = require("../../utilities/index.cjs");
+const _useSparklineStylesstyles = require("./useSparklineStyles.styles.cjs");
 const Sparkline = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
     const margin = {
         top: 2,

package/lib-commonjs/components/Sparkline/{Sparkline.js.map → Sparkline.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Sparkline/Sparkline.tsx"],"sourcesContent":["'use client';\n\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { extent as d3Extent, max as d3Max } from 'd3-array';\nimport { scaleLinear as d3ScaleLinear } from 'd3-scale';\nimport { area as d3Area, line as d3Line, curveLinear as d3curveLinear } from 'd3-shape';\nimport * as React from 'react';\nimport type { SparklineProps } from '../../index';\nimport type { LineChartDataPoint } from '../../types/DataPoint';\nimport { useRtl } from '../../utilities/index';\nimport { useSparklineStyles } from './useSparklineStyles.styles';\n\n/**\n * Sparkline is the context wrapper and container for all Sparkline content/controls,\n * It has no direct style or slot opinions.\n *\n * Sparkline also provides API interfaces for callbacks that will occur on navigation events.\n */\nexport const Sparkline: React.FunctionComponent<SparklineProps> = React.forwardRef<HTMLDivElement, SparklineProps>(\n  (props, forwardedRef) => {\n    const margin = {\n      top: 2,\n      right: 0,\n      bottom: 0,\n      left: 0,\n    };\n    let x: any;\n    let y: any;\n    const _emptyChartId: string = '_SparklineChart_empty';\n    const _isRTL: boolean = useRtl();\n    const [points, setPoints] = React.useState<LineChartDataPoint[]>([]);\n\n    // Use props with default fallbacks instead of hardcoded values\n    const width = props.width ?? 80;\n    const height = props.height ?? 20;\n    const valueTextWidth = props.valueTextWidth ?? 80;\n\n    const line = React.useMemo(() => {\n      return d3Line<LineChartDataPoint>()\n        .x((d: LineChartDataPoint) => x(d.x))\n        .y((d: LineChartDataPoint) => y(d.y))\n        .curve(d3curveLinear);\n    }, [x, y]);\n\n    const area = React.useMemo(() => {\n      return d3Area<LineChartDataPoint>()\n        .x((d: LineChartDataPoint) => x(d.x))\n        .y0(height)\n        .y1((d: LineChartDataPoint) => y(d.y))\n        .curve(d3curveLinear);\n    }, [height, x, y]);\n\n    React.useEffect(() => {\n      if (!_isChartEmpty()) {\n        const _points = props.data!.lineChartData![0].data;\n\n        /* eslint-disable @typescript-eslint/no-explicit-any */\n        const [xMin, xMax] = d3Extent(_points, (d: any) => d.x);\n\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        x = d3ScaleLinear()\n          .domain([xMin, xMax])\n          .range([margin.left!, width - margin.right!]);\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        y = d3ScaleLinear()\n          /* eslint-disable @typescript-eslint/no-explicit-any */\n          .domain([0, d3Max(_points, (d: any) => d.y)])\n          .range([height - margin.bottom!, margin.top!]);\n\n        setPoints(_points as LineChartDataPoint[]);\n      }\n    }, []);\n\n    const { data } = props;\n    function _isChartEmpty(): boolean {\n      return !(\n        data &&\n        data.lineChartData &&\n        data.lineChartData.length > 0 &&\n        data.lineChartData.filter(item => item.data.length === 0).length === 0\n      );\n    }\n    function drawSparkline() {\n      if (!line || !area) {\n        return null;\n      }\n      return (\n        <>\n          <path\n            className=\"line\"\n            d={line(points)!}\n            fill={'transparent'}\n            opacity={1}\n            strokeWidth={2}\n            stroke={data!.lineChartData![0].color!}\n          />\n          <path\n            className=\"area\"\n            d={area(points)!}\n            opacity={1}\n            fillOpacity={0.2}\n            fill={data!.lineChartData![0].color!}\n            role=\"img\"\n            aria-hidden\n          />\n        </>\n      );\n    }\n\n    const classes = useSparklineStyles(props);\n    const focusAttributes = useFocusableGroup();\n    return !_isChartEmpty() ? (\n      <div className={classes.inlineBlock} {...focusAttributes}>\n        {width >= 50 && height >= 16 ? (\n          <svg\n            width={width}\n            height={height}\n            aria-label={`Sparkline with label ${data!.lineChartData![0].legend!}`}\n            tabIndex={0}\n          >\n            {points ? drawSparkline() : null}\n          </svg>\n        ) : (\n          <></>\n        )}\n        {props.showLegend && props.data!.lineChartData![0].legend ? (\n          <svg width={valueTextWidth} height={height}>\n            <text x=\"0%\" textAnchor={_isRTL ? 'end' : 'start'} dx={8} y=\"100%\" dy={-5} className={classes.valueText}>\n              {props.data!.lineChartData![0].legend!}\n            </text>\n          </svg>\n        ) : (\n          <></>\n        )}\n      </div>\n    ) : (\n      <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n    );\n  },\n);\nSparkline.displayName = 'Sparkline';\n"],"names":["useFocusableGroup","extent","d3Extent","max","d3Max","scaleLinear","d3ScaleLinear","area","d3Area","line","d3Line","curveLinear","d3curveLinear","React","useRtl","useSparklineStyles","Sparkline","forwardRef","props","forwardedRef","margin","top","right","bottom","left","x","y","_emptyChartId","_isRTL","points","setPoints","useState","width","height","valueTextWidth","useMemo","d","curve","y0","y1","useEffect","_isChartEmpty","_points","data","lineChartData","xMin","xMax","domain","range","length","filter","item","drawSparkline","path","className","fill","opacity","strokeWidth","stroke","color","fillOpacity","role","aria-hidden","classes","focusAttributes","div","inlineBlock","svg","aria-label","legend","tabIndex","showLegend","text","textAnchor","dx","dy","valueText","id","style","displayName"],"mappings":"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"}
+{"version":3,"sources":["../src/components/Sparkline/Sparkline.tsx"],"sourcesContent":["'use client';\n\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { extent as d3Extent, max as d3Max } from 'd3-array';\nimport { scaleLinear as d3ScaleLinear } from 'd3-scale';\nimport { area as d3Area, line as d3Line, curveLinear as d3curveLinear } from 'd3-shape';\nimport * as React from 'react';\nimport type { SparklineProps } from '../../index';\nimport type { LineChartDataPoint } from '../../types/DataPoint';\nimport { useRtl } from '../../utilities/index';\nimport { useSparklineStyles } from './useSparklineStyles.styles';\n\n/**\n * Sparkline is the context wrapper and container for all Sparkline content/controls,\n * It has no direct style or slot opinions.\n *\n * Sparkline also provides API interfaces for callbacks that will occur on navigation events.\n */\nexport const Sparkline: React.FunctionComponent<SparklineProps> = React.forwardRef<HTMLDivElement, SparklineProps>(\n  (props, forwardedRef) => {\n    const margin = {\n      top: 2,\n      right: 0,\n      bottom: 0,\n      left: 0,\n    };\n    let x: any;\n    let y: any;\n    const _emptyChartId: string = '_SparklineChart_empty';\n    const _isRTL: boolean = useRtl();\n    const [points, setPoints] = React.useState<LineChartDataPoint[]>([]);\n\n    // Use props with default fallbacks instead of hardcoded values\n    const width = props.width ?? 80;\n    const height = props.height ?? 20;\n    const valueTextWidth = props.valueTextWidth ?? 80;\n\n    const line = React.useMemo(() => {\n      return d3Line<LineChartDataPoint>()\n        .x((d: LineChartDataPoint) => x(d.x))\n        .y((d: LineChartDataPoint) => y(d.y))\n        .curve(d3curveLinear);\n    }, [x, y]);\n\n    const area = React.useMemo(() => {\n      return d3Area<LineChartDataPoint>()\n        .x((d: LineChartDataPoint) => x(d.x))\n        .y0(height)\n        .y1((d: LineChartDataPoint) => y(d.y))\n        .curve(d3curveLinear);\n    }, [height, x, y]);\n\n    React.useEffect(() => {\n      if (!_isChartEmpty()) {\n        const _points = props.data!.lineChartData![0].data;\n\n        /* eslint-disable @typescript-eslint/no-explicit-any */\n        const [xMin, xMax] = d3Extent(_points, (d: any) => d.x);\n\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        x = d3ScaleLinear()\n          .domain([xMin, xMax])\n          .range([margin.left!, width - margin.right!]);\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        y = d3ScaleLinear()\n          /* eslint-disable @typescript-eslint/no-explicit-any */\n          .domain([0, d3Max(_points, (d: any) => d.y)])\n          .range([height - margin.bottom!, margin.top!]);\n\n        setPoints(_points as LineChartDataPoint[]);\n      }\n    }, []);\n\n    const { data } = props;\n    function _isChartEmpty(): boolean {\n      return !(\n        data &&\n        data.lineChartData &&\n        data.lineChartData.length > 0 &&\n        data.lineChartData.filter(item => item.data.length === 0).length === 0\n      );\n    }\n    function drawSparkline() {\n      if (!line || !area) {\n        return null;\n      }\n      return (\n        <>\n          <path\n            className=\"line\"\n            d={line(points)!}\n            fill={'transparent'}\n            opacity={1}\n            strokeWidth={2}\n            stroke={data!.lineChartData![0].color!}\n          />\n          <path\n            className=\"area\"\n            d={area(points)!}\n            opacity={1}\n            fillOpacity={0.2}\n            fill={data!.lineChartData![0].color!}\n            role=\"img\"\n            aria-hidden\n          />\n        </>\n      );\n    }\n\n    const classes = useSparklineStyles(props);\n    const focusAttributes = useFocusableGroup();\n    return !_isChartEmpty() ? (\n      <div className={classes.inlineBlock} {...focusAttributes}>\n        {width >= 50 && height >= 16 ? (\n          <svg\n            width={width}\n            height={height}\n            aria-label={`Sparkline with label ${data!.lineChartData![0].legend!}`}\n            tabIndex={0}\n          >\n            {points ? drawSparkline() : null}\n          </svg>\n        ) : (\n          <></>\n        )}\n        {props.showLegend && props.data!.lineChartData![0].legend ? (\n          <svg width={valueTextWidth} height={height}>\n            <text x=\"0%\" textAnchor={_isRTL ? 'end' : 'start'} dx={8} y=\"100%\" dy={-5} className={classes.valueText}>\n              {props.data!.lineChartData![0].legend!}\n            </text>\n          </svg>\n        ) : (\n          <></>\n        )}\n      </div>\n    ) : (\n      <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n    );\n  },\n);\nSparkline.displayName = 'Sparkline';\n"],"names":["useFocusableGroup","extent","d3Extent","max","d3Max","scaleLinear","d3ScaleLinear","area","d3Area","line","d3Line","curveLinear","d3curveLinear","React","useRtl","useSparklineStyles","Sparkline","forwardRef","props","forwardedRef","margin","top","right","bottom","left","x","y","_emptyChartId","_isRTL","points","setPoints","useState","width","height","valueTextWidth","useMemo","d","curve","y0","y1","useEffect","_isChartEmpty","_points","data","lineChartData","xMin","xMax","domain","range","length","filter","item","drawSparkline","path","className","fill","opacity","strokeWidth","stroke","color","fillOpacity","role","aria-hidden","classes","focusAttributes","div","inlineBlock","svg","aria-label","legend","tabIndex","showLegend","text","textAnchor","dx","dy","valueText","id","style","displayName"],"mappings":"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"}

package/lib-commonjs/components/Sparkline/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./Sparkline.cjs"), exports);
+_export_star._(require("./Sparkline.types.cjs"), exports);
+_export_star._(require("../../types/index.cjs"), exports);

package/lib-commonjs/components/Sparkline/{index.js.map → index.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Sparkline/index.ts"],"sourcesContent":["export * from './Sparkline';\nexport * from './Sparkline.types';\nexport * from '../../types/index';\n"],"names":[],"mappings":";;;;;uBAAc,cAAc;uBACd,oBAAoB;uBACpB,oBAAoB"}
+{"version":3,"sources":["../src/components/Sparkline/index.ts"],"sourcesContent":["export * from './Sparkline';\nexport * from './Sparkline.types';\nexport * from '../../types/index';\n"],"names":[],"mappings":";;;;;uBAAc,iBAAc;uBACd,uBAAoB;uBACpB,uBAAoB"}

package/lib-commonjs/components/Sparkline/useSparklineStyles.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useSparklineStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nimport { tokens, typographyStyles } from \"@fluentui/react-theme\";\n/**\n * @internal\n */ export const sparklineClassNames = {\n    inlineBlock: 'fui-sprk__inlineBlock',\n    valueText: 'fui-sprk__valueText'\n};\n/**\n * Base Styles\n */ const useStyles = makeStyles({\n    inlineBlock: {\n        display: 'inline'\n    },\n    valueText: {\n        ...typographyStyles.caption1,\n        fill: tokens.colorNeutralForeground1,\n        forcedColorAdjust: 'auto'\n    }\n});\n/**\n * Apply styling to the Carousel slots based on the state\n */ export const useSparklineStyles = (props)=>{\n    var _props_styles, _props_styles1;\n    const baseStyles = useStyles();\n    return {\n        inlineBlock: mergeClasses(sparklineClassNames.inlineBlock, baseStyles.inlineBlock, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.inlineBlock),\n        valueText: mergeClasses(sparklineClassNames.valueText, baseStyles.valueText, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.valueText)\n    };\n};\n"],"names":["__styles","mergeClasses","tokens","typographyStyles","sparklineClassNames","inlineBlock","valueText","useStyles","mc9l5x","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","Bkfmm31","Bvjb7m6","d","useSparklineStyles","props","_props_styles","_props_styles1","baseStyles","styles"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAKKI,mBAAmB;;;sBAkBD;;;;uBAtBM,gBAAgB;AAI9C,4BAA4B;IACnCC,WAAW,EAAE,uBAAuB;IACpCC,SAAS,EAAE;AACf,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGP,eAAA,EAAA;IAAAK,WAAA,EAAA;QAAAG,MAAA,EAAA;IAAA;IAAAF,SAAA,EAAA;QAAAG,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CASrB,CAAC;AAGS,MAAMC,sBAAsBC,KAAK,IAAG;IAC3C,IAAIC,aAAa,EAAEC,cAAc;IACjC,MAAMC,UAAU,GAAGb,SAAS,CAAC,CAAC;IAC9B,OAAO;QACHF,WAAW,MAAEJ,mBAAY,EAACG,mBAAmB,CAACC,WAAW,EAAEe,UAAU,CAACf,WAAW,EAAE,CAACa,aAAa,GAAGD,KAAK,CAACI,MAAAA,AAAM,MAAM,IAAI,IAAIH,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,aAAa,CAACb,WAAW,CAAC;QAC5LC,SAAS,MAAEL,mBAAY,EAACG,mBAAmB,CAACE,SAAS,EAAEc,UAAU,CAACd,SAAS,EAAE,CAACa,cAAc,GAAGF,KAAK,CAACI,MAAM,AAANA,MAAY,IAAI,IAAIF,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAACb,SAAS;IAC1L,CAAC;AACL,CAAC"}

package/lib-commonjs/components/VegaDeclarativeChart/{VegaDeclarativeChart.js → VegaDeclarativeChart.cjs}

@@ -11,20 +11,20 @@ Object.defineProperty(exports, "VegaDeclarativeChart", {
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _VegaLiteSchemaAdapter = require("./VegaLiteSchemaAdapter");
-const _index = require("../Legends/index");
-const _withResponsiveContainer = require("../ResponsiveContainer/withResponsiveContainer");
-const _index1 = require("../LineChart/index");
-const _index2 = require("../VerticalBarChart/index");
-const _index3 = require("../VerticalStackedBarChart/index");
-const _index4 = require("../GroupedVerticalBarChart/index");
-const _index5 = require("../HorizontalBarChartWithAxis/index");
-const _index6 = require("../AreaChart/index");
-const _index7 = require("../ScatterChart/index");
-const _index8 = require("../DonutChart/index");
-const _index9 = require("../HeatMapChart/index");
-const _index10 = require("../PolarChart/index");
-const _VegaDeclarativeChartHooks = require("./VegaDeclarativeChartHooks");
+const _VegaLiteSchemaAdapter = require("./VegaLiteSchemaAdapter.cjs");
+const _index = require("../Legends/index.cjs");
+const _withResponsiveContainer = require("../ResponsiveContainer/withResponsiveContainer.cjs");
+const _index1 = require("../LineChart/index.cjs");
+const _index2 = require("../VerticalBarChart/index.cjs");
+const _index3 = require("../VerticalStackedBarChart/index.cjs");
+const _index4 = require("../GroupedVerticalBarChart/index.cjs");
+const _index5 = require("../HorizontalBarChartWithAxis/index.cjs");
+const _index6 = require("../AreaChart/index.cjs");
+const _index7 = require("../ScatterChart/index.cjs");
+const _index8 = require("../DonutChart/index.cjs");
+const _index9 = require("../HeatMapChart/index.cjs");
+const _index10 = require("../PolarChart/index.cjs");
+const _VegaDeclarativeChartHooks = require("./VegaDeclarativeChartHooks.cjs");
 /**
  * Maximum allowed nesting depth for incoming JSON specs.
  * Matches the Plotly adapter's MAX_DEPTH to prevent stack overflow / memory exhaustion.

package/lib-commonjs/components/VegaDeclarativeChart/{VegaDeclarativeChart.js.map → VegaDeclarativeChart.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/VegaDeclarativeChart/VegaDeclarativeChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  transformVegaLiteToLineChartProps,\n  transformVegaLiteToVerticalBarChartProps,\n  transformVegaLiteToVerticalStackedBarChartProps,\n  transformVegaLiteToGroupedVerticalBarChartProps,\n  transformVegaLiteToHorizontalBarChartProps,\n  transformVegaLiteToAreaChartProps,\n  transformVegaLiteToScatterChartProps,\n  transformVegaLiteToDonutChartProps,\n  transformVegaLiteToHeatMapChartProps,\n  transformVegaLiteToHistogramProps,\n  transformVegaLiteToPolarChartProps,\n  getChartType,\n  getMarkType,\n  getVegaLiteLegendsProps,\n} from './VegaLiteSchemaAdapter';\nimport type { VegaLiteUnitSpec, VegaLiteSpec } from './VegaLiteTypes';\nimport { Legends } from '../Legends/index';\nimport { withResponsiveContainer } from '../ResponsiveContainer/withResponsiveContainer';\nimport { LineChart } from '../LineChart/index';\nimport { VerticalBarChart } from '../VerticalBarChart/index';\nimport { VerticalStackedBarChart } from '../VerticalStackedBarChart/index';\nimport { GroupedVerticalBarChart } from '../GroupedVerticalBarChart/index';\nimport { HorizontalBarChartWithAxis } from '../HorizontalBarChartWithAxis/index';\nimport { AreaChart } from '../AreaChart/index';\nimport { ScatterChart } from '../ScatterChart/index';\nimport { DonutChart } from '../DonutChart/index';\nimport { HeatMapChart } from '../HeatMapChart/index';\nimport { PolarChart } from '../PolarChart/index';\nimport { useIsDarkTheme, useColorMapping } from './VegaDeclarativeChartHooks';\nimport type { Chart } from '../../types/index';\n\n// Re-export the typed VegaLiteSpec for public API\nexport type { VegaLiteSpec } from './VegaLiteTypes';\n\n/**\n * Maximum allowed nesting depth for incoming JSON specs.\n * Matches the Plotly adapter's MAX_DEPTH to prevent stack overflow / memory exhaustion.\n */\nconst MAX_DEPTH = 15;\n\n/**\n * Validates that a JSON value does not exceed the maximum nesting depth.\n * Throws if the depth limit is exceeded (same behavior as Plotly's sanitizeJson).\n */\nfunction validateJsonDepth(value: unknown, depth: number = 0): void {\n  if (depth > MAX_DEPTH) {\n    throw new Error('VegaDeclarativeChart: Maximum JSON depth exceeded');\n  }\n  if (value !== null && typeof value === 'object') {\n    for (const key of Object.keys(value as Record<string, unknown>)) {\n      validateJsonDepth((value as Record<string, unknown>)[key], depth + 1);\n    }\n  }\n}\n\n/**\n * Schema for VegaDeclarativeChart component\n */\nexport interface VegaSchema {\n  /**\n   * Vega-Lite specification\n   *\n   * @see https://vega.github.io/vega-lite/docs/spec.html\n   */\n  vegaLiteSpec: VegaLiteSpec;\n\n  /**\n   * Selected legends for filtering\n   */\n  selectedLegends?: string[];\n}\n\n/**\n * Props for VegaDeclarativeChart component\n */\nexport interface VegaDeclarativeChartProps {\n  /**\n   * Vega-Lite chart schema\n   */\n  chartSchema: VegaSchema;\n\n  /**\n   * Callback when schema changes (e.g., legend selection)\n   */\n  onSchemaChange?: (newSchema: VegaSchema) => void;\n\n  /**\n   * Additional CSS class name\n   */\n  className?: string;\n\n  /**\n   * Additional inline styles\n   */\n  style?: React.CSSProperties;\n}\n\n/**\n * Check if spec is a horizontal concatenation\n */\nfunction isHConcatSpec(spec: VegaLiteSpec): boolean {\n  return !!spec.hconcat && Array.isArray(spec.hconcat) && spec.hconcat.length > 0;\n}\n\n/**\n * Check if spec is a vertical concatenation\n */\nfunction isVConcatSpec(spec: VegaLiteSpec): boolean {\n  return !!spec.vconcat && Array.isArray(spec.vconcat) && spec.vconcat.length > 0;\n}\n\n/**\n * Get grid properties for concat specs\n */\nfunction getVegaConcatGridProperties(spec: VegaLiteSpec): {\n  templateRows: string;\n  templateColumns: string;\n  isHorizontal: boolean;\n  specs: VegaLiteSpec[];\n} {\n  if (isHConcatSpec(spec)) {\n    return {\n      templateRows: 'auto',\n      templateColumns: `repeat(${spec.hconcat!.length}, 1fr)`,\n      isHorizontal: true,\n      specs: spec.hconcat!,\n    };\n  }\n\n  if (isVConcatSpec(spec)) {\n    return {\n      templateRows: `repeat(${spec.vconcat!.length}, auto)`,\n      templateColumns: '1fr',\n      isHorizontal: false,\n      specs: spec.vconcat!,\n    };\n  }\n\n  return {\n    templateRows: '1fr',\n    templateColumns: '1fr',\n    isHorizontal: false,\n    specs: [spec],\n  };\n}\n\nconst ResponsiveLineChart = withResponsiveContainer(LineChart);\nconst ResponsiveVerticalBarChart = withResponsiveContainer(VerticalBarChart);\nconst ResponsiveVerticalStackedBarChart = withResponsiveContainer(VerticalStackedBarChart);\nconst ResponsiveGroupedVerticalBarChart = withResponsiveContainer(GroupedVerticalBarChart);\nconst ResponsiveHorizontalBarChartWithAxis = withResponsiveContainer(HorizontalBarChartWithAxis);\nconst ResponsiveAreaChart = withResponsiveContainer(AreaChart);\nconst ResponsiveScatterChart = withResponsiveContainer(ScatterChart);\nconst ResponsiveDonutChart = withResponsiveContainer(DonutChart);\nconst ResponsiveHeatMapChart = withResponsiveContainer(HeatMapChart);\nconst ResponsivePolarChart = withResponsiveContainer(PolarChart);\n\n/**\n * Chart type mapping with transformers and renderers\n * Follows the factory functor pattern from PlotlyDeclarativeChart\n */\ntype VegaChartTypeMap = {\n  line: { transformer: typeof transformVegaLiteToLineChartProps; renderer: typeof ResponsiveLineChart };\n  bar: { transformer: typeof transformVegaLiteToVerticalBarChartProps; renderer: typeof ResponsiveVerticalBarChart };\n  'stacked-bar': {\n    transformer: typeof transformVegaLiteToVerticalStackedBarChartProps;\n    renderer: typeof ResponsiveVerticalStackedBarChart;\n  };\n  'grouped-bar': {\n    transformer: typeof transformVegaLiteToGroupedVerticalBarChartProps;\n    renderer: typeof ResponsiveGroupedVerticalBarChart;\n  };\n  'horizontal-bar': {\n    transformer: typeof transformVegaLiteToHorizontalBarChartProps;\n    renderer: typeof ResponsiveHorizontalBarChartWithAxis;\n  };\n  area: { transformer: typeof transformVegaLiteToAreaChartProps; renderer: typeof ResponsiveAreaChart };\n  scatter: { transformer: typeof transformVegaLiteToScatterChartProps; renderer: typeof ResponsiveScatterChart };\n  donut: { transformer: typeof transformVegaLiteToDonutChartProps; renderer: typeof ResponsiveDonutChart };\n  heatmap: { transformer: typeof transformVegaLiteToHeatMapChartProps; renderer: typeof ResponsiveHeatMapChart };\n  histogram: { transformer: typeof transformVegaLiteToHistogramProps; renderer: typeof ResponsiveVerticalBarChart };\n  polar: { transformer: typeof transformVegaLiteToPolarChartProps; renderer: typeof ResponsivePolarChart };\n};\n\nconst vegaChartMap: VegaChartTypeMap = {\n  line: { transformer: transformVegaLiteToLineChartProps, renderer: ResponsiveLineChart },\n  bar: { transformer: transformVegaLiteToVerticalBarChartProps, renderer: ResponsiveVerticalBarChart },\n  'stacked-bar': {\n    transformer: transformVegaLiteToVerticalStackedBarChartProps,\n    renderer: ResponsiveVerticalStackedBarChart,\n  },\n  'grouped-bar': {\n    transformer: transformVegaLiteToGroupedVerticalBarChartProps,\n    renderer: ResponsiveGroupedVerticalBarChart,\n  },\n  'horizontal-bar': {\n    transformer: transformVegaLiteToHorizontalBarChartProps,\n    renderer: ResponsiveHorizontalBarChartWithAxis,\n  },\n  area: { transformer: transformVegaLiteToAreaChartProps, renderer: ResponsiveAreaChart },\n  scatter: { transformer: transformVegaLiteToScatterChartProps, renderer: ResponsiveScatterChart },\n  donut: { transformer: transformVegaLiteToDonutChartProps, renderer: ResponsiveDonutChart },\n  heatmap: { transformer: transformVegaLiteToHeatMapChartProps, renderer: ResponsiveHeatMapChart },\n  histogram: { transformer: transformVegaLiteToHistogramProps, renderer: ResponsiveVerticalBarChart },\n  polar: { transformer: transformVegaLiteToPolarChartProps, renderer: ResponsivePolarChart },\n};\n\ninterface MultiSelectLegendProps {\n  canSelectMultipleLegends: boolean;\n  onChange: (keys: string[]) => void;\n  selectedLegends: string[];\n}\n\n/**\n * Renders a single Vega-Lite chart spec\n */\nfunction renderSingleChart(\n  spec: VegaLiteSpec,\n  colorMap: React.RefObject<Map<string, string>>,\n  isDarkTheme: boolean,\n  interactiveCommonProps: { componentRef: React.RefObject<Chart | null>; legendProps: MultiSelectLegendProps },\n): React.ReactElement {\n  const chartType = getChartType(spec);\n  const chartConfig = vegaChartMap[chartType.type];\n\n  if (!chartConfig) {\n    throw new Error(`VegaDeclarativeChart: Unsupported chart type '${chartType.type}'`);\n  }\n\n  const { transformer, renderer: ChartRenderer } = chartConfig;\n  const chartProps = transformer(spec, colorMap, isDarkTheme) as Record<string, unknown>;\n\n  // For hconcat/vconcat sub-charts, hide per-chart legends (shared legend rendered separately)\n  if ((spec as Record<string, unknown>)._hideLegend) {\n    chartProps.hideLegend = true;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  return <ChartRenderer {...(chartProps as any)} {...interactiveCommonProps} />;\n}\n\n/**\n * VegaDeclarativeChart - Render Vega-Lite specifications with Fluent UI styling\n *\n * Supported chart types:\n * - Line charts: mark: 'line' or 'point'\n * - Area charts: mark: 'area'\n * - Scatter charts: mark: 'point', 'circle', or 'square'\n * - Vertical bar charts: mark: 'bar' with nominal/ordinal x-axis\n * - Stacked bar charts: mark: 'bar' with color encoding\n * - Grouped bar charts: mark: 'bar' with color encoding (via configuration)\n * - Horizontal bar charts: mark: 'bar' with nominal/ordinal y-axis\n * - Donut/Pie charts: mark: 'arc' with theta encoding\n * - Heatmaps: mark: 'rect' with x, y, and color (quantitative) encodings\n * - Combo charts: Layered specs with bar + line marks render as VerticalStackedBarChart with line overlays\n *\n * Multi-plot Support:\n * - Horizontal concatenation (hconcat): Multiple charts side-by-side\n * - Vertical concatenation (vconcat): Multiple charts stacked vertically\n * - Shared data and encoding are merged from parent spec to each subplot\n *\n * Limitations:\n * - Most layered specifications (multiple chart types) are not fully supported\n * - Bar + Line combinations ARE supported and will render properly\n * - For other composite charts, only the first layer will be rendered\n * - Faceting and repeat operators are not yet supported\n * - Funnel charts are not a native Vega-Lite mark type. The conversion_funnel.json example\n *   uses a horizontal bar chart (y: nominal, x: quantitative) which is the standard way to\n *   represent funnel data in Vega-Lite. For specialized funnel visualizations with tapering\n *   shapes, consider using Plotly's native funnel chart type instead.\n *\n * Note: Sankey, Gantt, and Gauge charts are not standard Vega-Lite marks.\n * These specialized visualizations would require custom extensions or alternative approaches.\n *\n * @example Line Chart\n * ```tsx\n * import { VegaDeclarativeChart } from '@fluentui/react-charts';\n *\n * const spec = {\n *   mark: 'line',\n *   data: { values: [{ x: 1, y: 10 }, { x: 2, y: 20 }] },\n *   encoding: {\n *     x: { field: 'x', type: 'quantitative' },\n *     y: { field: 'y', type: 'quantitative' }\n *   }\n * };\n *\n * <VegaDeclarativeChart chartSchema={{ vegaLiteSpec: spec }} />\n * ```\n *\n * @example Area Chart\n * ```tsx\n * const areaSpec = {\n *   mark: 'area',\n *   data: { values: [{ date: '2023-01', value: 100 }, { date: '2023-02', value: 150 }] },\n *   encoding: {\n *     x: { field: 'date', type: 'temporal' },\n *     y: { field: 'value', type: 'quantitative' }\n *   }\n * };\n *\n * <VegaDeclarativeChart chartSchema={{ vegaLiteSpec: areaSpec }} />\n * ```\n *\n * @example Scatter Chart\n * ```tsx\n * const scatterSpec = {\n *   mark: 'point',\n *   data: { values: [{ x: 10, y: 20, size: 100 }, { x: 15, y: 30, size: 200 }] },\n *   encoding: {\n *     x: { field: 'x', type: 'quantitative' },\n *     y: { field: 'y', type: 'quantitative' },\n *     size: { field: 'size', type: 'quantitative' }\n *   }\n * };\n *\n * <VegaDeclarativeChart chartSchema={{ vegaLiteSpec: scatterSpec }} />\n * ```\n *\n * @example Vertical Bar Chart\n * ```tsx\n * const barSpec = {\n *   mark: 'bar',\n *   data: { values: [{ cat: 'A', val: 28 }, { cat: 'B', val: 55 }] },\n *   encoding: {\n *     x: { field: 'cat', type: 'nominal' },\n *     y: { field: 'val', type: 'quantitative' }\n *   }\n * };\n *\n * <VegaDeclarativeChart chartSchema={{ vegaLiteSpec: barSpec }} />\n * ```\n *\n * @example Stacked Bar Chart\n * ```tsx\n * const stackedSpec = {\n *   mark: 'bar',\n *   data: { values: [\n *     { cat: 'A', group: 'G1', val: 28 },\n *     { cat: 'A', group: 'G2', val: 15 }\n *   ]},\n *   encoding: {\n *     x: { field: 'cat', type: 'nominal' },\n *     y: { field: 'val', type: 'quantitative' },\n *     color: { field: 'group', type: 'nominal' }\n *   }\n * };\n *\n * <VegaDeclarativeChart chartSchema={{ vegaLiteSpec: stackedSpec }} />\n * ```\n *\n * @example Donut Chart\n * ```tsx\n * const donutSpec = {\n *   mark: 'arc',\n *   data: { values: [{ category: 'A', value: 30 }, { category: 'B', value: 70 }] },\n *   encoding: {\n *     theta: { field: 'value', type: 'quantitative' },\n *     color: { field: 'category', type: 'nominal' }\n *   }\n * };\n *\n * <VegaDeclarativeChart chartSchema={{ vegaLiteSpec: donutSpec }} />\n * ```\n *\n * @example Heatmap\n * ```tsx\n * const heatmapSpec = {\n *   mark: 'rect',\n *   data: { values: [\n *     { x: 'A', y: 'Mon', value: 28 },\n *     { x: 'B', y: 'Mon', value: 55 },\n *     { x: 'A', y: 'Tue', value: 43 }\n *   ]},\n *   encoding: {\n *     x: { field: 'x', type: 'nominal' },\n *     y: { field: 'y', type: 'nominal' },\n *     color: { field: 'value', type: 'quantitative' }\n *   }\n * };\n *\n * <VegaDeclarativeChart chartSchema={{ vegaLiteSpec: heatmapSpec }} />\n * ```\n */\nexport const VegaDeclarativeChart = React.forwardRef<HTMLDivElement, VegaDeclarativeChartProps>(\n  (props, forwardedRef) => {\n    const { vegaLiteSpec, selectedLegends = [] } = props.chartSchema;\n\n    if (!vegaLiteSpec) {\n      throw new Error('VegaDeclarativeChart: vegaLiteSpec is required in chartSchema');\n    }\n\n    // Guard against excessively deep JSON specs that could cause stack overflow / memory exhaustion\n    validateJsonDepth(vegaLiteSpec);\n\n    const colorMap = useColorMapping();\n    const isDarkTheme = useIsDarkTheme();\n    const chartRef = React.useRef<Chart>(null);\n\n    const [activeLegends, setActiveLegends] = React.useState<string[]>(selectedLegends);\n\n    const onActiveLegendsChange = (keys: string[]) => {\n      setActiveLegends(keys);\n      if (props.onSchemaChange) {\n        props.onSchemaChange({ vegaLiteSpec, selectedLegends: keys });\n      }\n    };\n\n    React.useEffect(() => {\n      setActiveLegends(props.chartSchema.selectedLegends ?? []);\n    }, [props.chartSchema.selectedLegends]);\n\n    const multiSelectLegendProps = {\n      canSelectMultipleLegends: true,\n      onChange: onActiveLegendsChange,\n      selectedLegends: activeLegends,\n    };\n\n    const interactiveCommonProps = {\n      componentRef: chartRef,\n      legendProps: multiSelectLegendProps,\n    };\n\n    try {\n      // Check if this is a concat spec (multiple charts side-by-side or stacked)\n      if (isHConcatSpec(vegaLiteSpec) || isVConcatSpec(vegaLiteSpec)) {\n        const gridProps = getVegaConcatGridProperties(vegaLiteSpec);\n\n        // Build shared legend from the first sub-chart's color encoding\n        const firstSubSpec = {\n          ...gridProps.specs[0],\n          data: gridProps.specs[0].data || vegaLiteSpec.data,\n          encoding: {\n            ...(vegaLiteSpec.encoding || {}),\n            ...(gridProps.specs[0].encoding || {}),\n          },\n        };\n        const sharedLegendProps = getVegaLiteLegendsProps(firstSubSpec, colorMap, isDarkTheme);\n\n        return (\n          <div ref={forwardedRef} className={props.className} style={props.style}>\n            <div\n              style={{\n                display: 'grid',\n                gridTemplateRows: gridProps.templateRows,\n                gridTemplateColumns: gridProps.templateColumns,\n                gap: '16px',\n              }}\n            >\n              {gridProps.specs.map((subSpec: VegaLiteSpec, index: number) => {\n                // Compute default height for sub-charts\n                const defaultSubHeight =\n                  typeof vegaLiteSpec.height === 'number'\n                    ? vegaLiteSpec.height\n                    : typeof subSpec.height === 'number'\n                    ? subSpec.height\n                    : 300;\n\n                const mergedSpec = {\n                  ...subSpec,\n                  data: subSpec.data || vegaLiteSpec.data,\n                  encoding: {\n                    ...(vegaLiteSpec.encoding || {}),\n                    ...(subSpec.encoding || {}),\n                  },\n                  height: typeof subSpec.height === 'number' ? subSpec.height : defaultSubHeight,\n                  // Hide legends on ALL sub-charts — shared legend is rendered below\n                  _hideLegend: true,\n                };\n\n                const cellRow = gridProps.isHorizontal ? 1 : index + 1;\n                const cellColumn = gridProps.isHorizontal ? index + 1 : 1;\n\n                return (\n                  <div\n                    key={`chart_${index}`}\n                    style={{\n                      gridRowStart: cellRow,\n                      gridRowEnd: cellRow + 1,\n                      gridColumnStart: cellColumn,\n                      gridColumnEnd: cellColumn + 1,\n                      minWidth: 0,\n                    }}\n                  >\n                    {renderSingleChart(mergedSpec, colorMap, isDarkTheme, interactiveCommonProps)}\n                  </div>\n                );\n              })}\n            </div>\n            {sharedLegendProps.legends.length > 0 && <Legends {...sharedLegendProps} {...multiSelectLegendProps} />}\n          </div>\n        );\n      }\n\n      // Check if this is a layered spec (composite chart)\n      if (vegaLiteSpec.layer && vegaLiteSpec.layer.length > 1) {\n        // Check if it's a supported bar+line combo\n        const marks = vegaLiteSpec.layer.map((layer: VegaLiteUnitSpec) => getMarkType(layer.mark));\n        const hasBar = marks.includes('bar');\n        const hasLine = marks.includes('line') || marks.includes('point');\n        const isBarLineCombo = hasBar && hasLine;\n\n        // Only warn for unsupported layered specs\n        if (!isBarLineCombo) {\n          // Layered specifications with multiple chart types are not fully supported.\n          // Only the first layer will be rendered.\n        }\n      }\n\n      // Render single chart\n      const chartComponent = renderSingleChart(vegaLiteSpec, colorMap, isDarkTheme, interactiveCommonProps);\n\n      return (\n        <div ref={forwardedRef} className={props.className} style={props.style}>\n          {chartComponent}\n        </div>\n      );\n    } catch (error) {\n      throw new Error(`Failed to transform Vega-Lite spec: ${error}`);\n    }\n  },\n);\n\nVegaDeclarativeChart.displayName = 'VegaDeclarativeChart';\n"],"names":["React","transformVegaLiteToLineChartProps","transformVegaLiteToVerticalBarChartProps","transformVegaLiteToVerticalStackedBarChartProps","transformVegaLiteToGroupedVerticalBarChartProps","transformVegaLiteToHorizontalBarChartProps","transformVegaLiteToAreaChartProps","transformVegaLiteToScatterChartProps","transformVegaLiteToDonutChartProps","transformVegaLiteToHeatMapChartProps","transformVegaLiteToHistogramProps","transformVegaLiteToPolarChartProps","getChartType","getMarkType","getVegaLiteLegendsProps","Legends","withResponsiveContainer","LineChart","VerticalBarChart","VerticalStackedBarChart","GroupedVerticalBarChart","HorizontalBarChartWithAxis","AreaChart","ScatterChart","DonutChart","HeatMapChart","PolarChart","useIsDarkTheme","useColorMapping","MAX_DEPTH","validateJsonDepth","value","depth","Error","key","Object","keys","isHConcatSpec","spec","hconcat","Array","isArray","length","isVConcatSpec","vconcat","getVegaConcatGridProperties","templateRows","templateColumns","isHorizontal","specs","ResponsiveLineChart","ResponsiveVerticalBarChart","ResponsiveVerticalStackedBarChart","ResponsiveGroupedVerticalBarChart","ResponsiveHorizontalBarChartWithAxis","ResponsiveAreaChart","ResponsiveScatterChart","ResponsiveDonutChart","ResponsiveHeatMapChart","ResponsivePolarChart","vegaChartMap","line","transformer","renderer","bar","area","scatter","donut","heatmap","histogram","polar","renderSingleChart","colorMap","isDarkTheme","interactiveCommonProps","chartType","chartConfig","type","ChartRenderer","chartProps","_hideLegend","hideLegend","VegaDeclarativeChart","forwardRef","props","forwardedRef","vegaLiteSpec","selectedLegends","chartSchema","chartRef","useRef","activeLegends","setActiveLegends","useState","onActiveLegendsChange","onSchemaChange","useEffect","multiSelectLegendProps","canSelectMultipleLegends","onChange","componentRef","legendProps","gridProps","firstSubSpec","data","encoding","sharedLegendProps","div","ref","className","style","display","gridTemplateRows","gridTemplateColumns","gap","map","subSpec","index","defaultSubHeight","height","mergedSpec","cellRow","cellColumn","gridRowStart","gridRowEnd","gridColumnStart","gridColumnEnd","minWidth","legends","layer","marks","mark","hasBar","includes","hasLine","isBarLineCombo","chartComponent","error","displayName"],"mappings":"AAAA;;;;;+BAoYakF;;;;;;;iEAlYU,QAAQ;uCAgBxB,0BAA0B;uBAET,mBAAmB;yCACH,iDAAiD;wBAC/D,qBAAqB;wBACd,4BAA4B;wBACrB,mCAAmC;wBACnC,mCAAmC;wBAChC,sCAAsC;wBACvD,qBAAqB;wBAClB,wBAAwB;wBAC1B,sBAAsB;wBACpB,wBAAwB;yBAC1B,sBAAsB;2CACD,8BAA8B;AAM9E;;;CAGC,GACD,MAAMrD,YAAY;AAElB;;;CAGC,GACD,SAASC,kBAAkBC,KAAc,EAAEC,QAAgB,CAAC;IAC1D,IAAIA,QAAQH,WAAW;QACrB,MAAM,IAAII,MAAM;IAClB;IACA,IAAIF,UAAU,QAAQ,OAAOA,UAAU,UAAU;QAC/C,KAAK,MAAMG,OAAOC,OAAOC,IAAI,CAACL,OAAmC;YAC/DD,kBAAmBC,KAAiC,CAACG,IAAI,EAAEF,QAAQ;QACrE;IACF;AACF;AA4CA;;CAEC,GACD,SAASK,cAAcC,IAAkB;IACvC,OAAO,CAAC,CAACA,KAAKC,OAAO,IAAIC,MAAMC,OAAO,CAACH,KAAKC,OAAO,KAAKD,KAAKC,OAAO,CAACG,MAAM,GAAG;AAChF;AAEA;;CAEC,GACD,SAASC,cAAcL,IAAkB;IACvC,OAAO,CAAC,CAACA,KAAKM,OAAO,IAAIJ,MAAMC,OAAO,CAACH,KAAKM,OAAO,KAAKN,KAAKM,OAAO,CAACF,MAAM,GAAG;AAChF;AAEA;;CAEC,GACD,SAASG,4BAA4BP,IAAkB;IAMrD,IAAID,cAAcC,OAAO;QACvB,OAAO;YACLQ,cAAc;YACdC,iBAAiB,CAAC,OAAO,EAAET,KAAKC,OAAO,CAAEG,MAAM,CAAC,MAAM,CAAC;YACvDM,cAAc;YACdC,OAAOX,KAAKC,OAAO;QACrB;IACF;IAEA,IAAII,cAAcL,OAAO;QACvB,OAAO;YACLQ,cAAc,CAAC,OAAO,EAAER,KAAKM,OAAO,CAAEF,MAAM,CAAC,OAAO,CAAC;YACrDK,iBAAiB;YACjBC,cAAc;YACdC,OAAOX,KAAKM,OAAO;QACrB;IACF;IAEA,OAAO;QACLE,cAAc;QACdC,iBAAiB;QACjBC,cAAc;QACdC,OAAO;YAACX;SAAK;IACf;AACF;AAEA,MAAMY,0BAAsBlC,gDAAAA,EAAwBC,iBAAAA;AACpD,MAAMkC,iCAA6BnC,gDAAAA,EAAwBE,wBAAAA;AAC3D,MAAMkC,wCAAoCpC,gDAAAA,EAAwBG,+BAAAA;AAClE,MAAMkC,wCAAoCrC,gDAAAA,EAAwBI,+BAAAA;AAClE,MAAMkC,2CAAuCtC,gDAAAA,EAAwBK,kCAAAA;AACrE,MAAMkC,0BAAsBvC,gDAAAA,EAAwBM,iBAAAA;AACpD,MAAMkC,6BAAyBxC,gDAAAA,EAAwBO,oBAAAA;AACvD,MAAMkC,2BAAuBzC,gDAAAA,EAAwBQ,kBAAAA;AACrD,MAAMkC,6BAAyB1C,gDAAAA,EAAwBS,oBAAAA;AACvD,MAAMkC,2BAAuB3C,gDAAAA,EAAwBU,mBAAAA;AA6BrD,MAAMkC,eAAiC;IACrCC,MAAM;QAAEC,aAAa7D,wDAAAA;QAAmC8D,UAAUb;IAAoB;IACtFc,KAAK;QAAEF,aAAa5D,+DAAAA;QAA0C6D,UAAUZ;IAA2B;IACnG,eAAe;QACbW,aAAa3D,sEAAAA;QACb4D,UAAUX;IACZ;IACA,eAAe;QACbU,aAAa1D,sEAAAA;QACb2D,UAAUV;IACZ;IACA,kBAAkB;QAChBS,aAAazD,iEAAAA;QACb0D,UAAUT;IACZ;IACAW,MAAM;QAAEH,aAAaxD,wDAAAA;QAAmCyD,UAAUR;IAAoB;IACtFW,SAAS;QAAEJ,aAAavD,2DAAAA;QAAsCwD,UAAUP;IAAuB;IAC/FW,OAAO;QAAEL,aAAatD,yDAAAA;QAAoCuD,UAAUN;IAAqB;IACzFW,SAAS;QAAEN,aAAarD,2DAAAA;QAAsCsD,UAAUL;IAAuB;IAC/FW,WAAW;QAAEP,aAAapD,wDAAAA;QAAmCqD,UAAUZ;IAA2B;IAClGmB,OAAO;QAAER,aAAanD,yDAAAA;QAAoCoD,UAAUJ;IAAqB;AAC3F;AAQA;;CAEC,GACD,SAASY,kBACPjC,IAAkB,EAClBkC,QAA8C,EAC9CC,WAAoB,EACpBC,sBAA4G;IAE5G,MAAMC,gBAAY/D,mCAAAA,EAAa0B;IAC/B,MAAMsC,cAAchB,YAAY,CAACe,UAAUE,IAAI,CAAC;IAEhD,IAAI,CAACD,aAAa;QAChB,MAAM,IAAI3C,MAAM,CAAC,8CAA8C,EAAE0C,UAAUE,IAAI,CAAC,CAAC,CAAC;IACpF;IAEA,MAAM,EAAEf,WAAW,EAAEC,UAAUe,aAAa,EAAE,GAAGF;IACjD,MAAMG,aAAajB,YAAYxB,MAAMkC,UAAUC;IAE/C,6FAA6F;IAC7F,IAAKnC,KAAiC0C,WAAW,EAAE;QACjDD,WAAWE,UAAU,GAAG;IAC1B;IAEA,8DAA8D;IAC9D,OAAA,WAAA,GAAO,OAAA,aAAA,CAACH,eAAAA;QAAe,GAAIC,UAAU;QAAW,GAAGL,sBAAsB;;AAC3E;AAiJO,6BAAMQ,WAAAA,GAAuBlF,OAAMmF,UAAU,CAClD,CAACC,OAAOC;IACN,MAAM,EAAEC,YAAY,EAAEC,kBAAkB,EAAE,EAAE,GAAGH,MAAMI,WAAW;IAEhE,IAAI,CAACF,cAAc;QACjB,MAAM,IAAIrD,MAAM;IAClB;IAEA,gGAAgG;IAChGH,kBAAkBwD;IAElB,MAAMd,eAAW5C,0CAAAA;IACjB,MAAM6C,cAAc9C,6CAAAA;IACpB,MAAM8D,WAAWzF,OAAM0F,MAAM,CAAQ;IAErC,MAAM,CAACC,eAAeC,iBAAiB,GAAG5F,OAAM6F,QAAQ,CAAWN;IAEnE,MAAMO,wBAAwB,CAAC1D;QAC7BwD,iBAAiBxD;QACjB,IAAIgD,MAAMW,cAAc,EAAE;YACxBX,MAAMW,cAAc,CAAC;gBAAET;gBAAcC,iBAAiBnD;YAAK;QAC7D;IACF;IAEApC,OAAMgG,SAAS,CAAC;YACGZ;QAAjBQ,iBAAiBR,sCAAAA,MAAMI,WAAW,CAACD,eAAAA,AAAe,MAAA,QAAjCH,uCAAAA,KAAAA,IAAAA,qCAAqC,EAAE;IAC1D,GAAG;QAACA,MAAMI,WAAW,CAACD,eAAe;KAAC;IAEtC,MAAMU,yBAAyB;QAC7BC,0BAA0B;QAC1BC,UAAUL;QACVP,iBAAiBI;IACnB;IAEA,MAAMjB,yBAAyB;QAC7B0B,cAAcX;QACdY,aAAaJ;IACf;IAEA,IAAI;QACF,2EAA2E;QAC3E,IAAI5D,cAAciD,iBAAiB3C,cAAc2C,eAAe;YAC9D,MAAMgB,YAAYzD,4BAA4ByC;YAE9C,gEAAgE;YAChE,MAAMiB,eAAe;gBACnB,GAAGD,UAAUrD,KAAK,CAAC,EAAE;gBACrBuD,MAAMF,UAAUrD,KAAK,CAAC,EAAE,CAACuD,IAAI,IAAIlB,aAAakB,IAAI;gBAClDC,UAAU;oBACR,GAAInB,aAAamB,QAAQ,IAAI,CAAC,CAAC;oBAC/B,GAAIH,UAAUrD,KAAK,CAAC,EAAE,CAACwD,QAAQ,IAAI,CAAC,CAAC;gBACvC;YACF;YACA,MAAMC,wBAAoB5F,8CAAAA,EAAwByF,cAAc/B,UAAUC;YAE1E,OAAA,WAAA,GACE,OAAA,aAAA,CAACkC,OAAAA;gBAAIC,KAAKvB;gBAAcwB,WAAWzB,MAAMyB,SAAS;gBAAEC,OAAO1B,MAAM0B,KAAK;6BACpE,OAAA,aAAA,CAACH,OAAAA;gBACCG,OAAO;oBACLC,SAAS;oBACTC,kBAAkBV,UAAUxD,YAAY;oBACxCmE,qBAAqBX,UAAUvD,eAAe;oBAC9CmE,KAAK;gBACP;eAECZ,UAAUrD,KAAK,CAACkE,GAAG,CAAC,CAACC,SAAuBC;gBAC3C,wCAAwC;gBACxC,MAAMC,mBACJ,OAAOhC,aAAaiC,MAAM,KAAK,WAC3BjC,aAAaiC,MAAM,GACnB,OAAOH,QAAQG,MAAM,KAAK,WAC1BH,QAAQG,MAAM,GACd;gBAEN,MAAMC,aAAa;oBACjB,GAAGJ,OAAO;oBACVZ,MAAMY,QAAQZ,IAAI,IAAIlB,aAAakB,IAAI;oBACvCC,UAAU;wBACR,GAAInB,aAAamB,QAAQ,IAAI,CAAC,CAAC;wBAC/B,GAAIW,QAAQX,QAAQ,IAAI,CAAC,CAAC;oBAC5B;oBACAc,QAAQ,OAAOH,QAAQG,MAAM,KAAK,WAAWH,QAAQG,MAAM,GAAGD;oBAC9D,mEAAmE;oBACnEtC,aAAa;gBACf;gBAEA,MAAMyC,UAAUnB,UAAUtD,YAAY,GAAG,IAAIqE,QAAQ;gBACrD,MAAMK,aAAapB,UAAUtD,YAAY,GAAGqE,QAAQ,IAAI;gBAExD,OAAA,WAAA,GACE,OAAA,aAAA,CAACV,OAAAA;oBACCzE,KAAK,CAAC,MAAM,EAAEmF,OAAO;oBACrBP,OAAO;wBACLa,cAAcF;wBACdG,YAAYH,UAAU;wBACtBI,iBAAiBH;wBACjBI,eAAeJ,aAAa;wBAC5BK,UAAU;oBACZ;mBAECxD,kBAAkBiD,YAAYhD,UAAUC,aAAaC;YAG5D,KAEDgC,kBAAkBsB,OAAO,CAACtF,MAAM,GAAG,KAAA,WAAA,GAAK,OAAA,aAAA,CAAC3B,cAAAA,EAAAA;gBAAS,GAAG2F,iBAAiB;gBAAG,GAAGT,sBAAsB;;QAGzG;QAEA,oDAAoD;QACpD,IAAIX,aAAa2C,KAAK,IAAI3C,aAAa2C,KAAK,CAACvF,MAAM,GAAG,GAAG;YACvD,2CAA2C;YAC3C,MAAMwF,QAAQ5C,aAAa2C,KAAK,CAACd,GAAG,CAAC,CAACc,QAA4BpH,sCAAAA,EAAYoH,MAAME,IAAI;YACxF,MAAMC,SAASF,MAAMG,QAAQ,CAAC;YAC9B,MAAMC,UAAUJ,MAAMG,QAAQ,CAAC,WAAWH,MAAMG,QAAQ,CAAC;YACzD,MAAME,iBAAiBH,UAAUE;YAEjC,0CAA0C;YAC1C,IAAI,CAACC,gBAAgB;YACnB,4EAA4E;YAC5E,yCAAyC;YAC3C;QACF;QAEA,sBAAsB;QACtB,MAAMC,iBAAiBjE,kBAAkBe,cAAcd,UAAUC,aAAaC;QAE9E,OAAA,WAAA,GACE,OAAA,aAAA,CAACiC,OAAAA;YAAIC,KAAKvB;YAAcwB,WAAWzB,MAAMyB,SAAS;YAAEC,OAAO1B,MAAM0B,KAAK;WACnE0B;IAGP,EAAE,OAAOC,OAAO;QACd,MAAM,IAAIxG,MAAM,CAAC,oCAAoC,EAAEwG,OAAO;IAChE;AACF,GACA;AAEFvD,qBAAqBwD,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/VegaDeclarativeChart/VegaDeclarativeChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  transformVegaLiteToLineChartProps,\n  transformVegaLiteToVerticalBarChartProps,\n  transformVegaLiteToVerticalStackedBarChartProps,\n  transformVegaLiteToGroupedVerticalBarChartProps,\n  transformVegaLiteToHorizontalBarChartProps,\n  transformVegaLiteToAreaChartProps,\n  transformVegaLiteToScatterChartProps,\n  transformVegaLiteToDonutChartProps,\n  transformVegaLiteToHeatMapChartProps,\n  transformVegaLiteToHistogramProps,\n  transformVegaLiteToPolarChartProps,\n  getChartType,\n  getMarkType,\n  getVegaLiteLegendsProps,\n} from './VegaLiteSchemaAdapter';\nimport type { VegaLiteUnitSpec, VegaLiteSpec } from './VegaLiteTypes';\nimport { Legends } from '../Legends/index';\nimport { withResponsiveContainer } from '../ResponsiveContainer/withResponsiveContainer';\nimport { LineChart } from '../LineChart/index';\nimport { VerticalBarChart } from '../VerticalBarChart/index';\nimport { VerticalStackedBarChart } from '../VerticalStackedBarChart/index';\nimport { GroupedVerticalBarChart } from '../GroupedVerticalBarChart/index';\nimport { HorizontalBarChartWithAxis } from '../HorizontalBarChartWithAxis/index';\nimport { AreaChart } from '../AreaChart/index';\nimport { ScatterChart } from '../ScatterChart/index';\nimport { DonutChart } from '../DonutChart/index';\nimport { HeatMapChart } from '../HeatMapChart/index';\nimport { PolarChart } from '../PolarChart/index';\nimport { useIsDarkTheme, useColorMapping } from './VegaDeclarativeChartHooks';\nimport type { Chart } from '../../types/index';\n\n// Re-export the typed VegaLiteSpec for public API\nexport type { VegaLiteSpec } from './VegaLiteTypes';\n\n/**\n * Maximum allowed nesting depth for incoming JSON specs.\n * Matches the Plotly adapter's MAX_DEPTH to prevent stack overflow / memory exhaustion.\n */\nconst MAX_DEPTH = 15;\n\n/**\n * Validates that a JSON value does not exceed the maximum nesting depth.\n * Throws if the depth limit is exceeded (same behavior as Plotly's sanitizeJson).\n */\nfunction validateJsonDepth(value: unknown, depth: number = 0): void {\n  if (depth > MAX_DEPTH) {\n    throw new Error('VegaDeclarativeChart: Maximum JSON depth exceeded');\n  }\n  if (value !== null && typeof value === 'object') {\n    for (const key of Object.keys(value as Record<string, unknown>)) {\n      validateJsonDepth((value as Record<string, unknown>)[key], depth + 1);\n    }\n  }\n}\n\n/**\n * Schema for VegaDeclarativeChart component\n */\nexport interface VegaSchema {\n  /**\n   * Vega-Lite specification\n   *\n   * @see https://vega.github.io/vega-lite/docs/spec.html\n   */\n  vegaLiteSpec: VegaLiteSpec;\n\n  /**\n   * Selected legends for filtering\n   */\n  selectedLegends?: string[];\n}\n\n/**\n * Props for VegaDeclarativeChart component\n */\nexport interface VegaDeclarativeChartProps {\n  /**\n   * Vega-Lite chart schema\n   */\n  chartSchema: VegaSchema;\n\n  /**\n   * Callback when schema changes (e.g., legend selection)\n   */\n  onSchemaChange?: (newSchema: VegaSchema) => void;\n\n  /**\n   * Additional CSS class name\n   */\n  className?: string;\n\n  /**\n   * Additional inline styles\n   */\n  style?: React.CSSProperties;\n}\n\n/**\n * Check if spec is a horizontal concatenation\n */\nfunction isHConcatSpec(spec: VegaLiteSpec): boolean {\n  return !!spec.hconcat && Array.isArray(spec.hconcat) && spec.hconcat.length > 0;\n}\n\n/**\n * Check if spec is a vertical concatenation\n */\nfunction isVConcatSpec(spec: VegaLiteSpec): boolean {\n  return !!spec.vconcat && Array.isArray(spec.vconcat) && spec.vconcat.length > 0;\n}\n\n/**\n * Get grid properties for concat specs\n */\nfunction getVegaConcatGridProperties(spec: VegaLiteSpec): {\n  templateRows: string;\n  templateColumns: string;\n  isHorizontal: boolean;\n  specs: VegaLiteSpec[];\n} {\n  if (isHConcatSpec(spec)) {\n    return {\n      templateRows: 'auto',\n      templateColumns: `repeat(${spec.hconcat!.length}, 1fr)`,\n      isHorizontal: true,\n      specs: spec.hconcat!,\n    };\n  }\n\n  if (isVConcatSpec(spec)) {\n    return {\n      templateRows: `repeat(${spec.vconcat!.length}, auto)`,\n      templateColumns: '1fr',\n      isHorizontal: false,\n      specs: spec.vconcat!,\n    };\n  }\n\n  return {\n    templateRows: '1fr',\n    templateColumns: '1fr',\n    isHorizontal: false,\n    specs: [spec],\n  };\n}\n\nconst ResponsiveLineChart = withResponsiveContainer(LineChart);\nconst ResponsiveVerticalBarChart = withResponsiveContainer(VerticalBarChart);\nconst ResponsiveVerticalStackedBarChart = withResponsiveContainer(VerticalStackedBarChart);\nconst ResponsiveGroupedVerticalBarChart = withResponsiveContainer(GroupedVerticalBarChart);\nconst ResponsiveHorizontalBarChartWithAxis = withResponsiveContainer(HorizontalBarChartWithAxis);\nconst ResponsiveAreaChart = withResponsiveContainer(AreaChart);\nconst ResponsiveScatterChart = withResponsiveContainer(ScatterChart);\nconst ResponsiveDonutChart = withResponsiveContainer(DonutChart);\nconst ResponsiveHeatMapChart = withResponsiveContainer(HeatMapChart);\nconst ResponsivePolarChart = withResponsiveContainer(PolarChart);\n\n/**\n * Chart type mapping with transformers and renderers\n * Follows the factory functor pattern from PlotlyDeclarativeChart\n */\ntype VegaChartTypeMap = {\n  line: { transformer: typeof transformVegaLiteToLineChartProps; renderer: typeof ResponsiveLineChart };\n  bar: { transformer: typeof transformVegaLiteToVerticalBarChartProps; renderer: typeof ResponsiveVerticalBarChart };\n  'stacked-bar': {\n    transformer: typeof transformVegaLiteToVerticalStackedBarChartProps;\n    renderer: typeof ResponsiveVerticalStackedBarChart;\n  };\n  'grouped-bar': {\n    transformer: typeof transformVegaLiteToGroupedVerticalBarChartProps;\n    renderer: typeof ResponsiveGroupedVerticalBarChart;\n  };\n  'horizontal-bar': {\n    transformer: typeof transformVegaLiteToHorizontalBarChartProps;\n    renderer: typeof ResponsiveHorizontalBarChartWithAxis;\n  };\n  area: { transformer: typeof transformVegaLiteToAreaChartProps; renderer: typeof ResponsiveAreaChart };\n  scatter: { transformer: typeof transformVegaLiteToScatterChartProps; renderer: typeof ResponsiveScatterChart };\n  donut: { transformer: typeof transformVegaLiteToDonutChartProps; renderer: typeof ResponsiveDonutChart };\n  heatmap: { transformer: typeof transformVegaLiteToHeatMapChartProps; renderer: typeof ResponsiveHeatMapChart };\n  histogram: { transformer: typeof transformVegaLiteToHistogramProps; renderer: typeof ResponsiveVerticalBarChart };\n  polar: { transformer: typeof transformVegaLiteToPolarChartProps; renderer: typeof ResponsivePolarChart };\n};\n\nconst vegaChartMap: VegaChartTypeMap = {\n  line: { transformer: transformVegaLiteToLineChartProps, renderer: ResponsiveLineChart },\n  bar: { transformer: transformVegaLiteToVerticalBarChartProps, renderer: ResponsiveVerticalBarChart },\n  'stacked-bar': {\n    transformer: transformVegaLiteToVerticalStackedBarChartProps,\n    renderer: ResponsiveVerticalStackedBarChart,\n  },\n  'grouped-bar': {\n    transformer: transformVegaLiteToGroupedVerticalBarChartProps,\n    renderer: ResponsiveGroupedVerticalBarChart,\n  },\n  'horizontal-bar': {\n    transformer: transformVegaLiteToHorizontalBarChartProps,\n    renderer: ResponsiveHorizontalBarChartWithAxis,\n  },\n  area: { transformer: transformVegaLiteToAreaChartProps, renderer: ResponsiveAreaChart },\n  scatter: { transformer: transformVegaLiteToScatterChartProps, renderer: ResponsiveScatterChart },\n  donut: { transformer: transformVegaLiteToDonutChartProps, renderer: ResponsiveDonutChart },\n  heatmap: { transformer: transformVegaLiteToHeatMapChartProps, renderer: ResponsiveHeatMapChart },\n  histogram: { transformer: transformVegaLiteToHistogramProps, renderer: ResponsiveVerticalBarChart },\n  polar: { transformer: transformVegaLiteToPolarChartProps, renderer: ResponsivePolarChart },\n};\n\ninterface MultiSelectLegendProps {\n  canSelectMultipleLegends: boolean;\n  onChange: (keys: string[]) => void;\n  selectedLegends: string[];\n}\n\n/**\n * Renders a single Vega-Lite chart spec\n */\nfunction renderSingleChart(\n  spec: VegaLiteSpec,\n  colorMap: React.RefObject<Map<string, string>>,\n  isDarkTheme: boolean,\n  interactiveCommonProps: { componentRef: React.RefObject<Chart | null>; legendProps: MultiSelectLegendProps },\n): React.ReactElement {\n  const chartType = getChartType(spec);\n  const chartConfig = vegaChartMap[chartType.type];\n\n  if (!chartConfig) {\n    throw new Error(`VegaDeclarativeChart: Unsupported chart type '${chartType.type}'`);\n  }\n\n  const { transformer, renderer: ChartRenderer } = chartConfig;\n  const chartProps = transformer(spec, colorMap, isDarkTheme) as Record<string, unknown>;\n\n  // For hconcat/vconcat sub-charts, hide per-chart legends (shared legend rendered separately)\n  if ((spec as Record<string, unknown>)._hideLegend) {\n    chartProps.hideLegend = true;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  return <ChartRenderer {...(chartProps as any)} {...interactiveCommonProps} />;\n}\n\n/**\n * VegaDeclarativeChart - Render Vega-Lite specifications with Fluent UI styling\n *\n * Supported chart types:\n * - Line charts: mark: 'line' or 'point'\n * - Area charts: mark: 'area'\n * - Scatter charts: mark: 'point', 'circle', or 'square'\n * - Vertical bar charts: mark: 'bar' with nominal/ordinal x-axis\n * - Stacked bar charts: mark: 'bar' with color encoding\n * - Grouped bar charts: mark: 'bar' with color encoding (via configuration)\n * - Horizontal bar charts: mark: 'bar' with nominal/ordinal y-axis\n * - Donut/Pie charts: mark: 'arc' with theta encoding\n * - Heatmaps: mark: 'rect' with x, y, and color (quantitative) encodings\n * - Combo charts: Layered specs with bar + line marks render as VerticalStackedBarChart with line overlays\n *\n * Multi-plot Support:\n * - Horizontal concatenation (hconcat): Multiple charts side-by-side\n * - Vertical concatenation (vconcat): Multiple charts stacked vertically\n * - Shared data and encoding are merged from parent spec to each subplot\n *\n * Limitations:\n * - Most layered specifications (multiple chart types) are not fully supported\n * - Bar + Line combinations ARE supported and will render properly\n * - For other composite charts, only the first layer will be rendered\n * - Faceting and repeat operators are not yet supported\n * - Funnel charts are not a native Vega-Lite mark type. The conversion_funnel.json example\n *   uses a horizontal bar chart (y: nominal, x: quantitative) which is the standard way to\n *   represent funnel data in Vega-Lite. For specialized funnel visualizations with tapering\n *   shapes, consider using Plotly's native funnel chart type instead.\n *\n * Note: Sankey, Gantt, and Gauge charts are not standard Vega-Lite marks.\n * These specialized visualizations would require custom extensions or alternative approaches.\n *\n * @example Line Chart\n * ```tsx\n * import { VegaDeclarativeChart } from '@fluentui/react-charts';\n *\n * const spec = {\n *   mark: 'line',\n *   data: { values: [{ x: 1, y: 10 }, { x: 2, y: 20 }] },\n *   encoding: {\n *     x: { field: 'x', type: 'quantitative' },\n *     y: { field: 'y', type: 'quantitative' }\n *   }\n * };\n *\n * <VegaDeclarativeChart chartSchema={{ vegaLiteSpec: spec }} />\n * ```\n *\n * @example Area Chart\n * ```tsx\n * const areaSpec = {\n *   mark: 'area',\n *   data: { values: [{ date: '2023-01', value: 100 }, { date: '2023-02', value: 150 }] },\n *   encoding: {\n *     x: { field: 'date', type: 'temporal' },\n *     y: { field: 'value', type: 'quantitative' }\n *   }\n * };\n *\n * <VegaDeclarativeChart chartSchema={{ vegaLiteSpec: areaSpec }} />\n * ```\n *\n * @example Scatter Chart\n * ```tsx\n * const scatterSpec = {\n *   mark: 'point',\n *   data: { values: [{ x: 10, y: 20, size: 100 }, { x: 15, y: 30, size: 200 }] },\n *   encoding: {\n *     x: { field: 'x', type: 'quantitative' },\n *     y: { field: 'y', type: 'quantitative' },\n *     size: { field: 'size', type: 'quantitative' }\n *   }\n * };\n *\n * <VegaDeclarativeChart chartSchema={{ vegaLiteSpec: scatterSpec }} />\n * ```\n *\n * @example Vertical Bar Chart\n * ```tsx\n * const barSpec = {\n *   mark: 'bar',\n *   data: { values: [{ cat: 'A', val: 28 }, { cat: 'B', val: 55 }] },\n *   encoding: {\n *     x: { field: 'cat', type: 'nominal' },\n *     y: { field: 'val', type: 'quantitative' }\n *   }\n * };\n *\n * <VegaDeclarativeChart chartSchema={{ vegaLiteSpec: barSpec }} />\n * ```\n *\n * @example Stacked Bar Chart\n * ```tsx\n * const stackedSpec = {\n *   mark: 'bar',\n *   data: { values: [\n *     { cat: 'A', group: 'G1', val: 28 },\n *     { cat: 'A', group: 'G2', val: 15 }\n *   ]},\n *   encoding: {\n *     x: { field: 'cat', type: 'nominal' },\n *     y: { field: 'val', type: 'quantitative' },\n *     color: { field: 'group', type: 'nominal' }\n *   }\n * };\n *\n * <VegaDeclarativeChart chartSchema={{ vegaLiteSpec: stackedSpec }} />\n * ```\n *\n * @example Donut Chart\n * ```tsx\n * const donutSpec = {\n *   mark: 'arc',\n *   data: { values: [{ category: 'A', value: 30 }, { category: 'B', value: 70 }] },\n *   encoding: {\n *     theta: { field: 'value', type: 'quantitative' },\n *     color: { field: 'category', type: 'nominal' }\n *   }\n * };\n *\n * <VegaDeclarativeChart chartSchema={{ vegaLiteSpec: donutSpec }} />\n * ```\n *\n * @example Heatmap\n * ```tsx\n * const heatmapSpec = {\n *   mark: 'rect',\n *   data: { values: [\n *     { x: 'A', y: 'Mon', value: 28 },\n *     { x: 'B', y: 'Mon', value: 55 },\n *     { x: 'A', y: 'Tue', value: 43 }\n *   ]},\n *   encoding: {\n *     x: { field: 'x', type: 'nominal' },\n *     y: { field: 'y', type: 'nominal' },\n *     color: { field: 'value', type: 'quantitative' }\n *   }\n * };\n *\n * <VegaDeclarativeChart chartSchema={{ vegaLiteSpec: heatmapSpec }} />\n * ```\n */\nexport const VegaDeclarativeChart = React.forwardRef<HTMLDivElement, VegaDeclarativeChartProps>(\n  (props, forwardedRef) => {\n    const { vegaLiteSpec, selectedLegends = [] } = props.chartSchema;\n\n    if (!vegaLiteSpec) {\n      throw new Error('VegaDeclarativeChart: vegaLiteSpec is required in chartSchema');\n    }\n\n    // Guard against excessively deep JSON specs that could cause stack overflow / memory exhaustion\n    validateJsonDepth(vegaLiteSpec);\n\n    const colorMap = useColorMapping();\n    const isDarkTheme = useIsDarkTheme();\n    const chartRef = React.useRef<Chart>(null);\n\n    const [activeLegends, setActiveLegends] = React.useState<string[]>(selectedLegends);\n\n    const onActiveLegendsChange = (keys: string[]) => {\n      setActiveLegends(keys);\n      if (props.onSchemaChange) {\n        props.onSchemaChange({ vegaLiteSpec, selectedLegends: keys });\n      }\n    };\n\n    React.useEffect(() => {\n      setActiveLegends(props.chartSchema.selectedLegends ?? []);\n    }, [props.chartSchema.selectedLegends]);\n\n    const multiSelectLegendProps = {\n      canSelectMultipleLegends: true,\n      onChange: onActiveLegendsChange,\n      selectedLegends: activeLegends,\n    };\n\n    const interactiveCommonProps = {\n      componentRef: chartRef,\n      legendProps: multiSelectLegendProps,\n    };\n\n    try {\n      // Check if this is a concat spec (multiple charts side-by-side or stacked)\n      if (isHConcatSpec(vegaLiteSpec) || isVConcatSpec(vegaLiteSpec)) {\n        const gridProps = getVegaConcatGridProperties(vegaLiteSpec);\n\n        // Build shared legend from the first sub-chart's color encoding\n        const firstSubSpec = {\n          ...gridProps.specs[0],\n          data: gridProps.specs[0].data || vegaLiteSpec.data,\n          encoding: {\n            ...(vegaLiteSpec.encoding || {}),\n            ...(gridProps.specs[0].encoding || {}),\n          },\n        };\n        const sharedLegendProps = getVegaLiteLegendsProps(firstSubSpec, colorMap, isDarkTheme);\n\n        return (\n          <div ref={forwardedRef} className={props.className} style={props.style}>\n            <div\n              style={{\n                display: 'grid',\n                gridTemplateRows: gridProps.templateRows,\n                gridTemplateColumns: gridProps.templateColumns,\n                gap: '16px',\n              }}\n            >\n              {gridProps.specs.map((subSpec: VegaLiteSpec, index: number) => {\n                // Compute default height for sub-charts\n                const defaultSubHeight =\n                  typeof vegaLiteSpec.height === 'number'\n                    ? vegaLiteSpec.height\n                    : typeof subSpec.height === 'number'\n                    ? subSpec.height\n                    : 300;\n\n                const mergedSpec = {\n                  ...subSpec,\n                  data: subSpec.data || vegaLiteSpec.data,\n                  encoding: {\n                    ...(vegaLiteSpec.encoding || {}),\n                    ...(subSpec.encoding || {}),\n                  },\n                  height: typeof subSpec.height === 'number' ? subSpec.height : defaultSubHeight,\n                  // Hide legends on ALL sub-charts — shared legend is rendered below\n                  _hideLegend: true,\n                };\n\n                const cellRow = gridProps.isHorizontal ? 1 : index + 1;\n                const cellColumn = gridProps.isHorizontal ? index + 1 : 1;\n\n                return (\n                  <div\n                    key={`chart_${index}`}\n                    style={{\n                      gridRowStart: cellRow,\n                      gridRowEnd: cellRow + 1,\n                      gridColumnStart: cellColumn,\n                      gridColumnEnd: cellColumn + 1,\n                      minWidth: 0,\n                    }}\n                  >\n                    {renderSingleChart(mergedSpec, colorMap, isDarkTheme, interactiveCommonProps)}\n                  </div>\n                );\n              })}\n            </div>\n            {sharedLegendProps.legends.length > 0 && <Legends {...sharedLegendProps} {...multiSelectLegendProps} />}\n          </div>\n        );\n      }\n\n      // Check if this is a layered spec (composite chart)\n      if (vegaLiteSpec.layer && vegaLiteSpec.layer.length > 1) {\n        // Check if it's a supported bar+line combo\n        const marks = vegaLiteSpec.layer.map((layer: VegaLiteUnitSpec) => getMarkType(layer.mark));\n        const hasBar = marks.includes('bar');\n        const hasLine = marks.includes('line') || marks.includes('point');\n        const isBarLineCombo = hasBar && hasLine;\n\n        // Only warn for unsupported layered specs\n        if (!isBarLineCombo) {\n          // Layered specifications with multiple chart types are not fully supported.\n          // Only the first layer will be rendered.\n        }\n      }\n\n      // Render single chart\n      const chartComponent = renderSingleChart(vegaLiteSpec, colorMap, isDarkTheme, interactiveCommonProps);\n\n      return (\n        <div ref={forwardedRef} className={props.className} style={props.style}>\n          {chartComponent}\n        </div>\n      );\n    } catch (error) {\n      throw new Error(`Failed to transform Vega-Lite spec: ${error}`);\n    }\n  },\n);\n\nVegaDeclarativeChart.displayName = 'VegaDeclarativeChart';\n"],"names":["React","transformVegaLiteToLineChartProps","transformVegaLiteToVerticalBarChartProps","transformVegaLiteToVerticalStackedBarChartProps","transformVegaLiteToGroupedVerticalBarChartProps","transformVegaLiteToHorizontalBarChartProps","transformVegaLiteToAreaChartProps","transformVegaLiteToScatterChartProps","transformVegaLiteToDonutChartProps","transformVegaLiteToHeatMapChartProps","transformVegaLiteToHistogramProps","transformVegaLiteToPolarChartProps","getChartType","getMarkType","getVegaLiteLegendsProps","Legends","withResponsiveContainer","LineChart","VerticalBarChart","VerticalStackedBarChart","GroupedVerticalBarChart","HorizontalBarChartWithAxis","AreaChart","ScatterChart","DonutChart","HeatMapChart","PolarChart","useIsDarkTheme","useColorMapping","MAX_DEPTH","validateJsonDepth","value","depth","Error","key","Object","keys","isHConcatSpec","spec","hconcat","Array","isArray","length","isVConcatSpec","vconcat","getVegaConcatGridProperties","templateRows","templateColumns","isHorizontal","specs","ResponsiveLineChart","ResponsiveVerticalBarChart","ResponsiveVerticalStackedBarChart","ResponsiveGroupedVerticalBarChart","ResponsiveHorizontalBarChartWithAxis","ResponsiveAreaChart","ResponsiveScatterChart","ResponsiveDonutChart","ResponsiveHeatMapChart","ResponsivePolarChart","vegaChartMap","line","transformer","renderer","bar","area","scatter","donut","heatmap","histogram","polar","renderSingleChart","colorMap","isDarkTheme","interactiveCommonProps","chartType","chartConfig","type","ChartRenderer","chartProps","_hideLegend","hideLegend","VegaDeclarativeChart","forwardRef","props","forwardedRef","vegaLiteSpec","selectedLegends","chartSchema","chartRef","useRef","activeLegends","setActiveLegends","useState","onActiveLegendsChange","onSchemaChange","useEffect","multiSelectLegendProps","canSelectMultipleLegends","onChange","componentRef","legendProps","gridProps","firstSubSpec","data","encoding","sharedLegendProps","div","ref","className","style","display","gridTemplateRows","gridTemplateColumns","gap","map","subSpec","index","defaultSubHeight","height","mergedSpec","cellRow","cellColumn","gridRowStart","gridRowEnd","gridColumnStart","gridColumnEnd","minWidth","legends","layer","marks","mark","hasBar","includes","hasLine","isBarLineCombo","chartComponent","error","displayName"],"mappings":"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"}

package/lib-commonjs/components/VegaDeclarativeChart/{VegaLiteColorAdapter.js → VegaLiteColorAdapter.cjs}

@@ -22,8 +22,8 @@ _export(exports, {
         return isStandardVegaScheme;
     }
 });
-const _colors = require("../../utilities/colors");
-const _utilities = require("../../utilities/utilities");
+const _colors = require("../../utilities/colors.cjs");
+const _utilities = require("../../utilities/utilities.cjs");
 /**
  * Vega-Lite Color Scheme to Fluent DataViz Palette Adapter
  *

package/lib-commonjs/components/VegaDeclarativeChart/{VegaLiteColorAdapter.js.map → VegaLiteColorAdapter.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/VegaDeclarativeChart/VegaLiteColorAdapter.ts"],"sourcesContent":["import { DataVizPalette, getColorFromToken, getNextColor } from '../../utilities/colors';\nimport { areArraysEqual } from '../../utilities/utilities';\n\n/**\n * A ref-like object holding a mutable Map of legend-label to color.\n * Structurally compatible with React.RefObject<Map<string, string>>.\n */\nexport type ColorMapRef = { readonly current: Map<string, string> | null };\n\n/**\n * Vega-Lite Color Scheme to Fluent DataViz Palette Adapter\n *\n * Maps standard Vega-Lite color schemes to Fluent UI DataViz colors\n * Similar to PlotlyColorAdapter but for Vega-Lite specifications\n */\n\n// Vega's category10 scheme (D3 Category10)\n// https://vega.github.io/vega/docs/schemes/#categorical\nconst VEGA_CATEGORY10 = [\n  '#1f77b4', // blue\n  '#ff7f0e', // orange\n  '#2ca02c', // green\n  '#d62728', // red\n  '#9467bd', // purple\n  '#8c564b', // brown\n  '#e377c2', // pink\n  '#7f7f7f', // gray\n  '#bcbd22', // olive\n  '#17becf', // cyan\n];\n\n// Vega's category20 scheme\nconst VEGA_CATEGORY20 = [\n  '#1f77b4',\n  '#aec7e8', // blue shades\n  '#ff7f0e',\n  '#ffbb78', // orange shades\n  '#2ca02c',\n  '#98df8a', // green shades\n  '#d62728',\n  '#ff9896', // red shades\n  '#9467bd',\n  '#c5b0d5', // purple shades\n  '#8c564b',\n  '#c49c94', // brown shades\n  '#e377c2',\n  '#f7b6d2', // pink shades\n  '#7f7f7f',\n  '#c7c7c7', // gray shades\n  '#bcbd22',\n  '#dbdb8d', // olive shades\n  '#17becf',\n  '#9edae5', // cyan shades\n];\n\n// Tableau10 scheme (commonly used in Vega-Lite)\nconst VEGA_TABLEAU10 = [\n  '#4e79a7', // blue\n  '#f28e2c', // orange\n  '#e15759', // red\n  '#76b7b2', // teal\n  '#59a14f', // green\n  '#edc949', // yellow\n  '#af7aa1', // purple\n  '#ff9da7', // pink\n  '#9c755f', // brown\n  '#bab0ab', // gray\n];\n\n// Tableau20 scheme\nconst VEGA_TABLEAU20 = [\n  '#4e79a7',\n  '#a0cbe8', // blue shades\n  '#f28e2c',\n  '#ffbe7d', // orange shades\n  '#59a14f',\n  '#8cd17d', // green shades\n  '#b6992d',\n  '#f1ce63', // yellow shades\n  '#499894',\n  '#86bcb6', // teal shades\n  '#e15759',\n  '#ff9d9a', // red shades\n  '#79706e',\n  '#bab0ab', // gray shades\n  '#d37295',\n  '#fabfd2', // pink shades\n  '#b07aa1',\n  '#d4a6c8', // purple shades\n  '#9d7660',\n  '#d7b5a6', // brown shades\n];\n\n// Mapping from Vega category10 to Fluent DataViz tokens\nconst CATEGORY10_FLUENT_MAPPING: string[] = [\n  DataVizPalette.color26, // blue -> lightBlue.shade10\n  DataVizPalette.warning, // orange -> semantic warning\n  DataVizPalette.color5, // green -> lightGreen.primary\n  DataVizPalette.error, // red -> semantic error\n  DataVizPalette.color4, // purple -> orchid.tint10\n  DataVizPalette.color17, // brown -> pumpkin.shade20\n  DataVizPalette.color22, // pink -> hotPink.tint20\n  DataVizPalette.disabled, // gray -> semantic disabled\n  DataVizPalette.color10, // olive/yellow-green -> gold.shade10\n  DataVizPalette.color3, // cyan/teal -> teal.tint20\n];\n\n// Mapping from Vega category20 to Fluent DataViz tokens\nconst CATEGORY20_FLUENT_MAPPING: string[] = [\n  DataVizPalette.color26,\n  DataVizPalette.color36, // blue shades\n  DataVizPalette.warning,\n  DataVizPalette.color27, // orange shades\n  DataVizPalette.color5,\n  DataVizPalette.color15, // green shades\n  DataVizPalette.error,\n  DataVizPalette.color32, // red shades\n  DataVizPalette.color4,\n  DataVizPalette.color24, // purple shades\n  DataVizPalette.color17,\n  DataVizPalette.color37, // brown shades\n  DataVizPalette.color22,\n  DataVizPalette.color12, // pink shades\n  DataVizPalette.disabled,\n  DataVizPalette.color31, // gray shades\n  DataVizPalette.color10,\n  DataVizPalette.color30, // olive shades\n  DataVizPalette.color3,\n  DataVizPalette.color13, // cyan shades\n];\n\n// Mapping from Tableau10 to Fluent DataViz tokens\nconst TABLEAU10_FLUENT_MAPPING: string[] = [\n  DataVizPalette.color1, // blue -> cornflower.tint10\n  DataVizPalette.color7, // orange -> pumpkin.primary\n  DataVizPalette.error, // red -> semantic error\n  DataVizPalette.color3, // teal -> teal.tint20\n  DataVizPalette.color5, // green -> lightGreen.primary\n  DataVizPalette.color10, // yellow -> gold.shade10\n  DataVizPalette.color4, // purple -> orchid.tint10\n  DataVizPalette.color2, // pink -> hotPink.primary\n  DataVizPalette.color17, // brown -> pumpkin.shade20\n  DataVizPalette.disabled, // gray -> semantic disabled\n];\n\n// Mapping from Tableau20 to Fluent DataViz tokens\nconst TABLEAU20_FLUENT_MAPPING: string[] = [\n  DataVizPalette.color1,\n  DataVizPalette.color11, // blue shades\n  DataVizPalette.color7,\n  DataVizPalette.color27, // orange shades\n  DataVizPalette.color5,\n  DataVizPalette.color15, // green shades\n  DataVizPalette.color10,\n  DataVizPalette.color30, // yellow shades\n  DataVizPalette.color3,\n  DataVizPalette.color13, // teal shades\n  DataVizPalette.error,\n  DataVizPalette.color32, // red shades\n  DataVizPalette.disabled,\n  DataVizPalette.color31, // gray shades\n  DataVizPalette.color2,\n  DataVizPalette.color12, // pink shades\n  DataVizPalette.color4,\n  DataVizPalette.color24, // purple shades\n  DataVizPalette.color17,\n  DataVizPalette.color37, // brown shades\n];\n\n/**\n * Supported Vega-Lite color scheme names\n */\nexport type VegaColorScheme =\n  | 'category10'\n  | 'category20'\n  | 'category20b'\n  | 'category20c'\n  | 'tableau10'\n  | 'tableau20'\n  | 'accent'\n  | 'dark2'\n  | 'paired'\n  | 'pastel1'\n  | 'pastel2'\n  | 'set1'\n  | 'set2'\n  | 'set3';\n\n/**\n * Gets the Fluent color mapping for a given Vega-Lite color scheme\n */\nfunction getSchemeMapping(scheme: string | undefined): string[] | undefined {\n  if (!scheme) {\n    return undefined;\n  }\n\n  const schemeLower = scheme.toLowerCase();\n\n  switch (schemeLower) {\n    case 'category10':\n      return CATEGORY10_FLUENT_MAPPING;\n    case 'category20':\n    case 'category20b':\n    case 'category20c':\n      return CATEGORY20_FLUENT_MAPPING;\n    case 'tableau10':\n      return TABLEAU10_FLUENT_MAPPING;\n    case 'tableau20':\n      return TABLEAU20_FLUENT_MAPPING;\n    // For unsupported schemes, fall back to default Fluent palette\n    case 'accent':\n    case 'dark2':\n    case 'paired':\n    case 'pastel1':\n    case 'pastel2':\n    case 'set1':\n    case 'set2':\n    case 'set3':\n      // Color schemes not yet mapped to Fluent colors. Using default palette.\n      return undefined;\n    default:\n      return undefined;\n  }\n}\n\n/**\n * Gets a color for a series based on Vega-Lite color encoding\n *\n * @param index - Series index\n * @param scheme - Vega-Lite color scheme name (e.g., 'category10', 'tableau10')\n * @param range - Custom color range array\n * @param isDarkTheme - Whether dark theme is active\n * @returns Color string (hex)\n */\nexport function getVegaColor(\n  index: number,\n  scheme: string | undefined,\n  range: string[] | undefined,\n  isDarkTheme: boolean = false,\n): string {\n  // Priority 1: Custom range (highest priority)\n  if (range && range.length > 0) {\n    return range[index % range.length];\n  }\n\n  // Priority 2: Named color scheme mapped to Fluent\n  const schemeMapping = getSchemeMapping(scheme);\n  if (schemeMapping) {\n    const token = schemeMapping[index % schemeMapping.length];\n    return getColorFromToken(token, isDarkTheme);\n  }\n\n  // Priority 3: Default Fluent qualitative palette\n  return getNextColor(index, 0, isDarkTheme);\n}\n\n/**\n * Gets a color from the color map or creates a new one based on Vega-Lite encoding\n *\n * @param legendLabel - Legend label for the series\n * @param colorMap - Color mapping ref for consistent coloring across charts\n * @param scheme - Vega-Lite color scheme name\n * @param range - Custom color range array\n * @param isDarkTheme - Whether dark theme is active\n * @returns Color string (hex)\n */\nexport function getVegaColorFromMap(\n  legendLabel: string,\n  colorMap: ColorMapRef,\n  scheme: string | undefined,\n  range: string[] | undefined,\n  isDarkTheme: boolean = false,\n): string {\n  // Check if color is already assigned\n  if (colorMap.current?.has(legendLabel)) {\n    return colorMap.current.get(legendLabel)!;\n  }\n\n  // Assign new color based on current map size\n  const index = colorMap.current?.size ?? 0;\n  const color = getVegaColor(index, scheme, range, isDarkTheme);\n\n  colorMap.current?.set(legendLabel, color);\n  return color;\n}\n\n/**\n * Sequential and diverging color scheme ramps for heatmaps and continuous color scales.\n * Each ramp is a 5-point gradient matching D3/Vega defaults.\n */\nconst SEQUENTIAL_SCHEMES: Record<string, string[]> = {\n  blues: ['#deebf7', '#9ecae1', '#4292c6', '#2171b5', '#084594'],\n  greens: ['#e5f5e0', '#a1d99b', '#41ab5d', '#238b45', '#005a32'],\n  reds: ['#fee0d2', '#fc9272', '#ef3b2c', '#cb181d', '#99000d'],\n  oranges: ['#feedde', '#fdbe85', '#fd8d3c', '#e6550d', '#a63603'],\n  purples: ['#efedf5', '#bcbddc', '#807dba', '#6a51a3', '#4a1486'],\n  greys: ['#f0f0f0', '#bdbdbd', '#969696', '#636363', '#252525'],\n  viridis: ['#440154', '#3b528b', '#21918c', '#5ec962', '#fde725'],\n  inferno: ['#000004', '#57106e', '#bc3754', '#f98c0a', '#fcffa4'],\n  magma: ['#000004', '#51127c', '#b73779', '#fc8961', '#fcfdbf'],\n  plasma: ['#0d0887', '#7e03a8', '#cc4778', '#f89540', '#f0f921'],\n  greenblue: ['#e0f3db', '#a8ddb5', '#4eb3d3', '#2b8cbe', '#08589e'],\n  yellowgreen: ['#ffffcc', '#c2e699', '#78c679', '#31a354', '#006837'],\n  yellowgreenblue: ['#ffffcc', '#a1dab4', '#41b6c4', '#2c7fb8', '#253494'],\n  redyellowgreen: ['#d73027', '#fc8d59', '#fee08b', '#91cf60', '#1a9850'],\n  blueorange: ['#2166ac', '#67a9cf', '#f7f7f7', '#f4a582', '#b2182b'],\n  redblue: ['#ca0020', '#f4a582', '#f7f7f7', '#92c5de', '#0571b0'],\n};\n\n/**\n * Gets a sequential or diverging color ramp for heatmap rendering.\n * Returns an array of `steps` interpolated colors for the given scheme name.\n *\n * @param scheme - Vega-Lite scheme name (e.g., 'blues', 'viridis', 'redyellowgreen')\n * @param steps - Number of color stops (default: 5)\n * @returns Array of hex/rgb color strings, or undefined if scheme is not recognized\n */\nexport function getSequentialSchemeColors(scheme: string, steps: number = 5): string[] | undefined {\n  const ramp = SEQUENTIAL_SCHEMES[scheme.toLowerCase()];\n  if (!ramp) {\n    return undefined;\n  }\n\n  if (steps === ramp.length) {\n    return [...ramp];\n  }\n\n  // Interpolate to requested number of steps\n  const result: string[] = [];\n  for (let i = 0; i < steps; i++) {\n    const t = steps === 1 ? 0.5 : i / (steps - 1);\n    const pos = t * (ramp.length - 1);\n    const lo = Math.floor(pos);\n    const hi = Math.min(lo + 1, ramp.length - 1);\n    const frac = pos - lo;\n\n    if (frac === 0) {\n      result.push(ramp[lo]);\n    } else {\n      result.push(interpolateHexColor(ramp[lo], ramp[hi], frac));\n    }\n  }\n  return result;\n}\n\n/**\n * Linearly interpolates between two hex colors\n */\nfunction interpolateHexColor(c1: string, c2: string, t: number): string {\n  const r1 = parseInt(c1.slice(1, 3), 16);\n  const g1 = parseInt(c1.slice(3, 5), 16);\n  const b1 = parseInt(c1.slice(5, 7), 16);\n  const r2 = parseInt(c2.slice(1, 3), 16);\n  const g2 = parseInt(c2.slice(3, 5), 16);\n  const b2 = parseInt(c2.slice(5, 7), 16);\n\n  const r = Math.round(r1 + (r2 - r1) * t);\n  const g = Math.round(g1 + (g2 - g1) * t);\n  const b = Math.round(b1 + (b2 - b1) * t);\n\n  return `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;\n}\n\n/**\n * Checks if the provided range matches a standard Vega scheme\n * Useful for optimizing color assignment\n */\nexport function isStandardVegaScheme(range: string[] | undefined): VegaColorScheme | undefined {\n  if (!range || range.length === 0) {\n    return undefined;\n  }\n\n  const rangeLower = range.map(c => c.toLowerCase());\n\n  if (areArraysEqual(rangeLower, VEGA_CATEGORY10)) {\n    return 'category10';\n  }\n  if (areArraysEqual(rangeLower, VEGA_CATEGORY20)) {\n    return 'category20';\n  }\n  if (areArraysEqual(rangeLower, VEGA_TABLEAU10)) {\n    return 'tableau10';\n  }\n  if (areArraysEqual(rangeLower, VEGA_TABLEAU20)) {\n    return 'tableau20';\n  }\n\n  return undefined;\n}\n"],"names":["DataVizPalette","getColorFromToken","getNextColor","areArraysEqual","VEGA_CATEGORY10","VEGA_CATEGORY20","VEGA_TABLEAU10","VEGA_TABLEAU20","CATEGORY10_FLUENT_MAPPING","color26","warning","color5","error","color4","color17","color22","disabled","color10","color3","CATEGORY20_FLUENT_MAPPING","color36","color27","color15","color32","color24","color37","color12","color31","color30","color13","TABLEAU10_FLUENT_MAPPING","color1","color7","color2","TABLEAU20_FLUENT_MAPPING","color11","getSchemeMapping","scheme","undefined","schemeLower","toLowerCase","getVegaColor","index","range","isDarkTheme","length","schemeMapping","token","getVegaColorFromMap","legendLabel","colorMap","current","has","get","size","color","set","SEQUENTIAL_SCHEMES","blues","greens","reds","oranges","purples","greys","viridis","inferno","magma","plasma","greenblue","yellowgreen","yellowgreenblue","redyellowgreen","blueorange","redblue","getSequentialSchemeColors","steps","ramp","result","i","t","pos","lo","Math","floor","hi","min","frac","push","interpolateHexColor","c1","c2","r1","parseInt","slice","g1","b1","r2","g2","b2","r","round","g","b","toString","padStart","isStandardVegaScheme","rangeLower","map","c"],"mappings":"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"}
+{"version":3,"sources":["../src/components/VegaDeclarativeChart/VegaLiteColorAdapter.ts"],"sourcesContent":["import { DataVizPalette, getColorFromToken, getNextColor } from '../../utilities/colors';\nimport { areArraysEqual } from '../../utilities/utilities';\n\n/**\n * A ref-like object holding a mutable Map of legend-label to color.\n * Structurally compatible with React.RefObject<Map<string, string>>.\n */\nexport type ColorMapRef = { readonly current: Map<string, string> | null };\n\n/**\n * Vega-Lite Color Scheme to Fluent DataViz Palette Adapter\n *\n * Maps standard Vega-Lite color schemes to Fluent UI DataViz colors\n * Similar to PlotlyColorAdapter but for Vega-Lite specifications\n */\n\n// Vega's category10 scheme (D3 Category10)\n// https://vega.github.io/vega/docs/schemes/#categorical\nconst VEGA_CATEGORY10 = [\n  '#1f77b4', // blue\n  '#ff7f0e', // orange\n  '#2ca02c', // green\n  '#d62728', // red\n  '#9467bd', // purple\n  '#8c564b', // brown\n  '#e377c2', // pink\n  '#7f7f7f', // gray\n  '#bcbd22', // olive\n  '#17becf', // cyan\n];\n\n// Vega's category20 scheme\nconst VEGA_CATEGORY20 = [\n  '#1f77b4',\n  '#aec7e8', // blue shades\n  '#ff7f0e',\n  '#ffbb78', // orange shades\n  '#2ca02c',\n  '#98df8a', // green shades\n  '#d62728',\n  '#ff9896', // red shades\n  '#9467bd',\n  '#c5b0d5', // purple shades\n  '#8c564b',\n  '#c49c94', // brown shades\n  '#e377c2',\n  '#f7b6d2', // pink shades\n  '#7f7f7f',\n  '#c7c7c7', // gray shades\n  '#bcbd22',\n  '#dbdb8d', // olive shades\n  '#17becf',\n  '#9edae5', // cyan shades\n];\n\n// Tableau10 scheme (commonly used in Vega-Lite)\nconst VEGA_TABLEAU10 = [\n  '#4e79a7', // blue\n  '#f28e2c', // orange\n  '#e15759', // red\n  '#76b7b2', // teal\n  '#59a14f', // green\n  '#edc949', // yellow\n  '#af7aa1', // purple\n  '#ff9da7', // pink\n  '#9c755f', // brown\n  '#bab0ab', // gray\n];\n\n// Tableau20 scheme\nconst VEGA_TABLEAU20 = [\n  '#4e79a7',\n  '#a0cbe8', // blue shades\n  '#f28e2c',\n  '#ffbe7d', // orange shades\n  '#59a14f',\n  '#8cd17d', // green shades\n  '#b6992d',\n  '#f1ce63', // yellow shades\n  '#499894',\n  '#86bcb6', // teal shades\n  '#e15759',\n  '#ff9d9a', // red shades\n  '#79706e',\n  '#bab0ab', // gray shades\n  '#d37295',\n  '#fabfd2', // pink shades\n  '#b07aa1',\n  '#d4a6c8', // purple shades\n  '#9d7660',\n  '#d7b5a6', // brown shades\n];\n\n// Mapping from Vega category10 to Fluent DataViz tokens\nconst CATEGORY10_FLUENT_MAPPING: string[] = [\n  DataVizPalette.color26, // blue -> lightBlue.shade10\n  DataVizPalette.warning, // orange -> semantic warning\n  DataVizPalette.color5, // green -> lightGreen.primary\n  DataVizPalette.error, // red -> semantic error\n  DataVizPalette.color4, // purple -> orchid.tint10\n  DataVizPalette.color17, // brown -> pumpkin.shade20\n  DataVizPalette.color22, // pink -> hotPink.tint20\n  DataVizPalette.disabled, // gray -> semantic disabled\n  DataVizPalette.color10, // olive/yellow-green -> gold.shade10\n  DataVizPalette.color3, // cyan/teal -> teal.tint20\n];\n\n// Mapping from Vega category20 to Fluent DataViz tokens\nconst CATEGORY20_FLUENT_MAPPING: string[] = [\n  DataVizPalette.color26,\n  DataVizPalette.color36, // blue shades\n  DataVizPalette.warning,\n  DataVizPalette.color27, // orange shades\n  DataVizPalette.color5,\n  DataVizPalette.color15, // green shades\n  DataVizPalette.error,\n  DataVizPalette.color32, // red shades\n  DataVizPalette.color4,\n  DataVizPalette.color24, // purple shades\n  DataVizPalette.color17,\n  DataVizPalette.color37, // brown shades\n  DataVizPalette.color22,\n  DataVizPalette.color12, // pink shades\n  DataVizPalette.disabled,\n  DataVizPalette.color31, // gray shades\n  DataVizPalette.color10,\n  DataVizPalette.color30, // olive shades\n  DataVizPalette.color3,\n  DataVizPalette.color13, // cyan shades\n];\n\n// Mapping from Tableau10 to Fluent DataViz tokens\nconst TABLEAU10_FLUENT_MAPPING: string[] = [\n  DataVizPalette.color1, // blue -> cornflower.tint10\n  DataVizPalette.color7, // orange -> pumpkin.primary\n  DataVizPalette.error, // red -> semantic error\n  DataVizPalette.color3, // teal -> teal.tint20\n  DataVizPalette.color5, // green -> lightGreen.primary\n  DataVizPalette.color10, // yellow -> gold.shade10\n  DataVizPalette.color4, // purple -> orchid.tint10\n  DataVizPalette.color2, // pink -> hotPink.primary\n  DataVizPalette.color17, // brown -> pumpkin.shade20\n  DataVizPalette.disabled, // gray -> semantic disabled\n];\n\n// Mapping from Tableau20 to Fluent DataViz tokens\nconst TABLEAU20_FLUENT_MAPPING: string[] = [\n  DataVizPalette.color1,\n  DataVizPalette.color11, // blue shades\n  DataVizPalette.color7,\n  DataVizPalette.color27, // orange shades\n  DataVizPalette.color5,\n  DataVizPalette.color15, // green shades\n  DataVizPalette.color10,\n  DataVizPalette.color30, // yellow shades\n  DataVizPalette.color3,\n  DataVizPalette.color13, // teal shades\n  DataVizPalette.error,\n  DataVizPalette.color32, // red shades\n  DataVizPalette.disabled,\n  DataVizPalette.color31, // gray shades\n  DataVizPalette.color2,\n  DataVizPalette.color12, // pink shades\n  DataVizPalette.color4,\n  DataVizPalette.color24, // purple shades\n  DataVizPalette.color17,\n  DataVizPalette.color37, // brown shades\n];\n\n/**\n * Supported Vega-Lite color scheme names\n */\nexport type VegaColorScheme =\n  | 'category10'\n  | 'category20'\n  | 'category20b'\n  | 'category20c'\n  | 'tableau10'\n  | 'tableau20'\n  | 'accent'\n  | 'dark2'\n  | 'paired'\n  | 'pastel1'\n  | 'pastel2'\n  | 'set1'\n  | 'set2'\n  | 'set3';\n\n/**\n * Gets the Fluent color mapping for a given Vega-Lite color scheme\n */\nfunction getSchemeMapping(scheme: string | undefined): string[] | undefined {\n  if (!scheme) {\n    return undefined;\n  }\n\n  const schemeLower = scheme.toLowerCase();\n\n  switch (schemeLower) {\n    case 'category10':\n      return CATEGORY10_FLUENT_MAPPING;\n    case 'category20':\n    case 'category20b':\n    case 'category20c':\n      return CATEGORY20_FLUENT_MAPPING;\n    case 'tableau10':\n      return TABLEAU10_FLUENT_MAPPING;\n    case 'tableau20':\n      return TABLEAU20_FLUENT_MAPPING;\n    // For unsupported schemes, fall back to default Fluent palette\n    case 'accent':\n    case 'dark2':\n    case 'paired':\n    case 'pastel1':\n    case 'pastel2':\n    case 'set1':\n    case 'set2':\n    case 'set3':\n      // Color schemes not yet mapped to Fluent colors. Using default palette.\n      return undefined;\n    default:\n      return undefined;\n  }\n}\n\n/**\n * Gets a color for a series based on Vega-Lite color encoding\n *\n * @param index - Series index\n * @param scheme - Vega-Lite color scheme name (e.g., 'category10', 'tableau10')\n * @param range - Custom color range array\n * @param isDarkTheme - Whether dark theme is active\n * @returns Color string (hex)\n */\nexport function getVegaColor(\n  index: number,\n  scheme: string | undefined,\n  range: string[] | undefined,\n  isDarkTheme: boolean = false,\n): string {\n  // Priority 1: Custom range (highest priority)\n  if (range && range.length > 0) {\n    return range[index % range.length];\n  }\n\n  // Priority 2: Named color scheme mapped to Fluent\n  const schemeMapping = getSchemeMapping(scheme);\n  if (schemeMapping) {\n    const token = schemeMapping[index % schemeMapping.length];\n    return getColorFromToken(token, isDarkTheme);\n  }\n\n  // Priority 3: Default Fluent qualitative palette\n  return getNextColor(index, 0, isDarkTheme);\n}\n\n/**\n * Gets a color from the color map or creates a new one based on Vega-Lite encoding\n *\n * @param legendLabel - Legend label for the series\n * @param colorMap - Color mapping ref for consistent coloring across charts\n * @param scheme - Vega-Lite color scheme name\n * @param range - Custom color range array\n * @param isDarkTheme - Whether dark theme is active\n * @returns Color string (hex)\n */\nexport function getVegaColorFromMap(\n  legendLabel: string,\n  colorMap: ColorMapRef,\n  scheme: string | undefined,\n  range: string[] | undefined,\n  isDarkTheme: boolean = false,\n): string {\n  // Check if color is already assigned\n  if (colorMap.current?.has(legendLabel)) {\n    return colorMap.current.get(legendLabel)!;\n  }\n\n  // Assign new color based on current map size\n  const index = colorMap.current?.size ?? 0;\n  const color = getVegaColor(index, scheme, range, isDarkTheme);\n\n  colorMap.current?.set(legendLabel, color);\n  return color;\n}\n\n/**\n * Sequential and diverging color scheme ramps for heatmaps and continuous color scales.\n * Each ramp is a 5-point gradient matching D3/Vega defaults.\n */\nconst SEQUENTIAL_SCHEMES: Record<string, string[]> = {\n  blues: ['#deebf7', '#9ecae1', '#4292c6', '#2171b5', '#084594'],\n  greens: ['#e5f5e0', '#a1d99b', '#41ab5d', '#238b45', '#005a32'],\n  reds: ['#fee0d2', '#fc9272', '#ef3b2c', '#cb181d', '#99000d'],\n  oranges: ['#feedde', '#fdbe85', '#fd8d3c', '#e6550d', '#a63603'],\n  purples: ['#efedf5', '#bcbddc', '#807dba', '#6a51a3', '#4a1486'],\n  greys: ['#f0f0f0', '#bdbdbd', '#969696', '#636363', '#252525'],\n  viridis: ['#440154', '#3b528b', '#21918c', '#5ec962', '#fde725'],\n  inferno: ['#000004', '#57106e', '#bc3754', '#f98c0a', '#fcffa4'],\n  magma: ['#000004', '#51127c', '#b73779', '#fc8961', '#fcfdbf'],\n  plasma: ['#0d0887', '#7e03a8', '#cc4778', '#f89540', '#f0f921'],\n  greenblue: ['#e0f3db', '#a8ddb5', '#4eb3d3', '#2b8cbe', '#08589e'],\n  yellowgreen: ['#ffffcc', '#c2e699', '#78c679', '#31a354', '#006837'],\n  yellowgreenblue: ['#ffffcc', '#a1dab4', '#41b6c4', '#2c7fb8', '#253494'],\n  redyellowgreen: ['#d73027', '#fc8d59', '#fee08b', '#91cf60', '#1a9850'],\n  blueorange: ['#2166ac', '#67a9cf', '#f7f7f7', '#f4a582', '#b2182b'],\n  redblue: ['#ca0020', '#f4a582', '#f7f7f7', '#92c5de', '#0571b0'],\n};\n\n/**\n * Gets a sequential or diverging color ramp for heatmap rendering.\n * Returns an array of `steps` interpolated colors for the given scheme name.\n *\n * @param scheme - Vega-Lite scheme name (e.g., 'blues', 'viridis', 'redyellowgreen')\n * @param steps - Number of color stops (default: 5)\n * @returns Array of hex/rgb color strings, or undefined if scheme is not recognized\n */\nexport function getSequentialSchemeColors(scheme: string, steps: number = 5): string[] | undefined {\n  const ramp = SEQUENTIAL_SCHEMES[scheme.toLowerCase()];\n  if (!ramp) {\n    return undefined;\n  }\n\n  if (steps === ramp.length) {\n    return [...ramp];\n  }\n\n  // Interpolate to requested number of steps\n  const result: string[] = [];\n  for (let i = 0; i < steps; i++) {\n    const t = steps === 1 ? 0.5 : i / (steps - 1);\n    const pos = t * (ramp.length - 1);\n    const lo = Math.floor(pos);\n    const hi = Math.min(lo + 1, ramp.length - 1);\n    const frac = pos - lo;\n\n    if (frac === 0) {\n      result.push(ramp[lo]);\n    } else {\n      result.push(interpolateHexColor(ramp[lo], ramp[hi], frac));\n    }\n  }\n  return result;\n}\n\n/**\n * Linearly interpolates between two hex colors\n */\nfunction interpolateHexColor(c1: string, c2: string, t: number): string {\n  const r1 = parseInt(c1.slice(1, 3), 16);\n  const g1 = parseInt(c1.slice(3, 5), 16);\n  const b1 = parseInt(c1.slice(5, 7), 16);\n  const r2 = parseInt(c2.slice(1, 3), 16);\n  const g2 = parseInt(c2.slice(3, 5), 16);\n  const b2 = parseInt(c2.slice(5, 7), 16);\n\n  const r = Math.round(r1 + (r2 - r1) * t);\n  const g = Math.round(g1 + (g2 - g1) * t);\n  const b = Math.round(b1 + (b2 - b1) * t);\n\n  return `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;\n}\n\n/**\n * Checks if the provided range matches a standard Vega scheme\n * Useful for optimizing color assignment\n */\nexport function isStandardVegaScheme(range: string[] | undefined): VegaColorScheme | undefined {\n  if (!range || range.length === 0) {\n    return undefined;\n  }\n\n  const rangeLower = range.map(c => c.toLowerCase());\n\n  if (areArraysEqual(rangeLower, VEGA_CATEGORY10)) {\n    return 'category10';\n  }\n  if (areArraysEqual(rangeLower, VEGA_CATEGORY20)) {\n    return 'category20';\n  }\n  if (areArraysEqual(rangeLower, VEGA_TABLEAU10)) {\n    return 'tableau10';\n  }\n  if (areArraysEqual(rangeLower, VEGA_TABLEAU20)) {\n    return 'tableau20';\n  }\n\n  return undefined;\n}\n"],"names":["DataVizPalette","getColorFromToken","getNextColor","areArraysEqual","VEGA_CATEGORY10","VEGA_CATEGORY20","VEGA_TABLEAU10","VEGA_TABLEAU20","CATEGORY10_FLUENT_MAPPING","color26","warning","color5","error","color4","color17","color22","disabled","color10","color3","CATEGORY20_FLUENT_MAPPING","color36","color27","color15","color32","color24","color37","color12","color31","color30","color13","TABLEAU10_FLUENT_MAPPING","color1","color7","color2","TABLEAU20_FLUENT_MAPPING","color11","getSchemeMapping","scheme","undefined","schemeLower","toLowerCase","getVegaColor","index","range","isDarkTheme","length","schemeMapping","token","getVegaColorFromMap","legendLabel","colorMap","current","has","get","size","color","set","SEQUENTIAL_SCHEMES","blues","greens","reds","oranges","purples","greys","viridis","inferno","magma","plasma","greenblue","yellowgreen","yellowgreenblue","redyellowgreen","blueorange","redblue","getSequentialSchemeColors","steps","ramp","result","i","t","pos","lo","Math","floor","hi","min","frac","push","interpolateHexColor","c1","c2","r1","parseInt","slice","g1","b1","r2","g2","b2","r","round","g","b","toString","padStart","isStandardVegaScheme","rangeLower","map","c"],"mappings":"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"}