@fluentui/react-charts 9.3.23 → 9.3.25

package/lib/components/LineChart/eventAnnotation/EventAnnotation.js

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { tokens } from '@fluentui/react-theme';
-import { findIndex } from '../../../utilities/index';
-import { LabelLink } from './LabelLink';
-import { getColorFromToken } from '../../../utilities/colors';
+import * as React from "react";
+import { tokens } from "@fluentui/react-theme";
+import { findIndex } from "../../../utilities/index.js";
+import { LabelLink } from "./LabelLink.js";
+import { getColorFromToken } from "../../../utilities/colors.js";
 export const EventsAnnotation = (props)=>{
     const textWidth = props.labelWidth ? props.labelWidth : 105;
     const textY = props.chartYTop - 20;

package/lib/components/LineChart/eventAnnotation/EventAnnotation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/LineChart/eventAnnotation/EventAnnotation.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ScaleTime } from 'd3-scale';\nimport { tokens } from '@fluentui/react-theme';\nimport { findIndex } from '../../../utilities/index';\nimport type { LineDef, LabelDef } from './LabelLink';\nimport { LabelLink } from './LabelLink';\nimport type { EventsAnnotationProps } from '../LineChart.types';\nimport { getColorFromToken } from '../../../utilities/colors';\n\ninterface IEventsAnnotationExtendProps extends EventsAnnotationProps {\n  scale: ScaleTime<number, number>;\n  chartYBottom: number;\n  chartYTop: number;\n}\n\nexport const EventsAnnotation: React.FunctionComponent<IEventsAnnotationExtendProps> = props => {\n  const textWidth = props.labelWidth ? props.labelWidth : 105;\n  const textY = props.chartYTop - 20;\n  const lineTopY = textY + 7;\n  const textPadding = 5;\n  const lineHeight = 18;\n  const fontSize = '10pt';\n  const axisRange = props.scale.range();\n\n  const lineDefs: LineDef[] = props.events.map(e => ({ ...e, x: props.scale(e.date) }));\n\n  lineDefs.sort((e1, e2) => +e1.date - +e2.date);\n\n  const fill: string | undefined = props.strokeColor\n    ? getColorFromToken(props.strokeColor, false /*ToDo fix */)\n    : tokens.colorNeutralForeground1;\n\n  const lines = uniqBy(lineDefs, x => x.date.toString()).map((x, i) => (\n    <line key={i} x1={x.x} x2={x.x} y1={lineTopY} y2={props.chartYBottom} stroke={fill} strokeDasharray=\"8\" />\n  ));\n\n  const labelLinks = calculateLabels(lineDefs, textWidth + textPadding, axisRange[1], axisRange[0]).map((x, i) => (\n    <LabelLink\n      key={i}\n      {...{\n        lineDefs,\n        labelDef: x,\n        textY,\n        textWidth,\n        textLineHeight: lineHeight,\n        textFontSize: fontSize,\n        textColor: props.labelColor,\n        mergedLabel: props.mergedLabel,\n      }}\n    />\n  ));\n\n  return (\n    <>\n      {lines}\n      {labelLinks}\n    </>\n  );\n};\n\nfunction calculateLabels(lineDefs: LineDef[], textWidth: number, maxX: number, minX: number): LabelDef[] {\n  const calculateLabel = (lastX: number, currentIdx: number): LabelDef[] => {\n    // base case 1\n    if (currentIdx === lineDefs.length) {\n      return [];\n    }\n\n    const { x } = lineDefs[currentIdx];\n    const leftXBoundary = x - textWidth;\n\n    // cannot render on top of other text\n    if (x < lastX) {\n      return [];\n    }\n\n    // base case 2\n    if (currentIdx === lineDefs.length - 1) {\n      if (lastX < leftXBoundary) {\n        return [{ x, anchor: 'end', aggregatedIdx: [currentIdx] }];\n      } else if (x + textWidth < maxX) {\n        return [{ x, anchor: 'start', aggregatedIdx: [currentIdx] }];\n      }\n\n      return [];\n    }\n\n    if (lastX < leftXBoundary) {\n      // label on left side\n      return backtrack(currentIdx, 'end');\n    } else {\n      // label on right side\n      return backtrack(currentIdx, 'start');\n    }\n  };\n\n  const backtrack = (currentIdx: number, anchor: 'start' | 'end'): LabelDef[] => {\n    const bd = anchor === 'end' ? lineDefs[currentIdx].x : lineDefs[currentIdx].x + textWidth;\n\n    let idx = findIndex(\n      lineDefs,\n      ds => ds.x > bd && (ds.x - textWidth >= bd || ds.x + textWidth < maxX),\n      currentIdx + 1,\n    );\n    if (idx === -1) {\n      idx = lineDefs.length;\n    }\n\n    const aggregatedIdx: number[] = [];\n    for (let i = currentIdx; i < idx; i++) {\n      aggregatedIdx.push(i);\n    }\n    const next = calculateLabel(bd, idx);\n\n    next.unshift({ x: lineDefs[currentIdx].x, anchor, aggregatedIdx });\n    return next;\n  };\n\n  return calculateLabel(minX, 0);\n}\n\n/** Get unique items of `arr`, comparing based on the result of calling `iteratee` on each item. */\nfunction uniqBy<T>(arr: T[], iteratee: (x: T) => string): T[] {\n  const seen: string[] = [];\n  const result: T[] = [];\n  for (const x of arr) {\n    const comp = iteratee(x);\n    if (seen.indexOf(comp) === -1) {\n      result.push(x);\n      seen.push(comp);\n    }\n  }\n  return result;\n}\n"],"names":["React","tokens","findIndex","LabelLink","getColorFromToken","EventsAnnotation","props","textWidth","labelWidth","textY","chartYTop","lineTopY","textPadding","lineHeight","fontSize","axisRange","scale","range","lineDefs","events","map","e","x","date","sort","e1","e2","fill","strokeColor","colorNeutralForeground1","lines","uniqBy","toString","i","line","key","x1","x2","y1","y2","chartYBottom","stroke","strokeDasharray","labelLinks","calculateLabels","labelDef","textLineHeight","textFontSize","textColor","labelColor","mergedLabel","maxX","minX","calculateLabel","lastX","currentIdx","length","leftXBoundary","anchor","aggregatedIdx","backtrack","bd","idx","ds","push","next","unshift","arr","iteratee","seen","result","comp","indexOf"],"mappings":"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"}
+{"version":3,"sources":["../src/components/LineChart/eventAnnotation/EventAnnotation.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ScaleTime } from 'd3-scale';\nimport { tokens } from '@fluentui/react-theme';\nimport { findIndex } from '../../../utilities/index';\nimport type { LineDef, LabelDef } from './LabelLink';\nimport { LabelLink } from './LabelLink';\nimport type { EventsAnnotationProps } from '../LineChart.types';\nimport { getColorFromToken } from '../../../utilities/colors';\n\ninterface IEventsAnnotationExtendProps extends EventsAnnotationProps {\n  scale: ScaleTime<number, number>;\n  chartYBottom: number;\n  chartYTop: number;\n}\n\nexport const EventsAnnotation: React.FunctionComponent<IEventsAnnotationExtendProps> = props => {\n  const textWidth = props.labelWidth ? props.labelWidth : 105;\n  const textY = props.chartYTop - 20;\n  const lineTopY = textY + 7;\n  const textPadding = 5;\n  const lineHeight = 18;\n  const fontSize = '10pt';\n  const axisRange = props.scale.range();\n\n  const lineDefs: LineDef[] = props.events.map(e => ({ ...e, x: props.scale(e.date) }));\n\n  lineDefs.sort((e1, e2) => +e1.date - +e2.date);\n\n  const fill: string | undefined = props.strokeColor\n    ? getColorFromToken(props.strokeColor, false /*ToDo fix */)\n    : tokens.colorNeutralForeground1;\n\n  const lines = uniqBy(lineDefs, x => x.date.toString()).map((x, i) => (\n    <line key={i} x1={x.x} x2={x.x} y1={lineTopY} y2={props.chartYBottom} stroke={fill} strokeDasharray=\"8\" />\n  ));\n\n  const labelLinks = calculateLabels(lineDefs, textWidth + textPadding, axisRange[1], axisRange[0]).map((x, i) => (\n    <LabelLink\n      key={i}\n      {...{\n        lineDefs,\n        labelDef: x,\n        textY,\n        textWidth,\n        textLineHeight: lineHeight,\n        textFontSize: fontSize,\n        textColor: props.labelColor,\n        mergedLabel: props.mergedLabel,\n      }}\n    />\n  ));\n\n  return (\n    <>\n      {lines}\n      {labelLinks}\n    </>\n  );\n};\n\nfunction calculateLabels(lineDefs: LineDef[], textWidth: number, maxX: number, minX: number): LabelDef[] {\n  const calculateLabel = (lastX: number, currentIdx: number): LabelDef[] => {\n    // base case 1\n    if (currentIdx === lineDefs.length) {\n      return [];\n    }\n\n    const { x } = lineDefs[currentIdx];\n    const leftXBoundary = x - textWidth;\n\n    // cannot render on top of other text\n    if (x < lastX) {\n      return [];\n    }\n\n    // base case 2\n    if (currentIdx === lineDefs.length - 1) {\n      if (lastX < leftXBoundary) {\n        return [{ x, anchor: 'end', aggregatedIdx: [currentIdx] }];\n      } else if (x + textWidth < maxX) {\n        return [{ x, anchor: 'start', aggregatedIdx: [currentIdx] }];\n      }\n\n      return [];\n    }\n\n    if (lastX < leftXBoundary) {\n      // label on left side\n      return backtrack(currentIdx, 'end');\n    } else {\n      // label on right side\n      return backtrack(currentIdx, 'start');\n    }\n  };\n\n  const backtrack = (currentIdx: number, anchor: 'start' | 'end'): LabelDef[] => {\n    const bd = anchor === 'end' ? lineDefs[currentIdx].x : lineDefs[currentIdx].x + textWidth;\n\n    let idx = findIndex(\n      lineDefs,\n      ds => ds.x > bd && (ds.x - textWidth >= bd || ds.x + textWidth < maxX),\n      currentIdx + 1,\n    );\n    if (idx === -1) {\n      idx = lineDefs.length;\n    }\n\n    const aggregatedIdx: number[] = [];\n    for (let i = currentIdx; i < idx; i++) {\n      aggregatedIdx.push(i);\n    }\n    const next = calculateLabel(bd, idx);\n\n    next.unshift({ x: lineDefs[currentIdx].x, anchor, aggregatedIdx });\n    return next;\n  };\n\n  return calculateLabel(minX, 0);\n}\n\n/** Get unique items of `arr`, comparing based on the result of calling `iteratee` on each item. */\nfunction uniqBy<T>(arr: T[], iteratee: (x: T) => string): T[] {\n  const seen: string[] = [];\n  const result: T[] = [];\n  for (const x of arr) {\n    const comp = iteratee(x);\n    if (seen.indexOf(comp) === -1) {\n      result.push(x);\n      seen.push(comp);\n    }\n  }\n  return result;\n}\n"],"names":["React","tokens","findIndex","LabelLink","getColorFromToken","EventsAnnotation","props","textWidth","labelWidth","textY","chartYTop","lineTopY","textPadding","lineHeight","fontSize","axisRange","scale","range","lineDefs","events","map","e","x","date","sort","e1","e2","fill","strokeColor","colorNeutralForeground1","lines","uniqBy","toString","i","line","key","x1","x2","y1","y2","chartYBottom","stroke","strokeDasharray","labelLinks","calculateLabels","labelDef","textLineHeight","textFontSize","textColor","labelColor","mergedLabel","maxX","minX","calculateLabel","lastX","currentIdx","length","leftXBoundary","anchor","aggregatedIdx","backtrack","bd","idx","ds","push","next","unshift","arr","iteratee","seen","result","comp","indexOf"],"mappings":"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"}

package/lib/components/LineChart/eventAnnotation/LabelLink.js

@@ -1,8 +1,8 @@
 'use client';
-import * as React from 'react';
-import { Textbox } from './Textbox';
-import { getColorFromToken } from '../../../utilities/colors';
-import { tokens } from '@fluentui/react-theme';
+import * as React from "react";
+import { Textbox } from "./Textbox.js";
+import { getColorFromToken } from "../../../utilities/colors.js";
+import { tokens } from "@fluentui/react-theme";
 export const LabelLink = (props)=>{
     const gRef = React.useRef(null);
     const [showCard, setShowCard] = React.useState(false);

package/lib/components/LineChart/eventAnnotation/LabelLink.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/LineChart/eventAnnotation/LabelLink.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { EventAnnotation } from '../../../types/EventAnnotation';\nimport { Textbox } from './Textbox';\nimport { getColorFromToken } from '../../../utilities/colors';\nimport { tokens } from '@fluentui/react-theme';\n\nexport interface LineDef extends EventAnnotation {\n  x: number;\n}\n\nexport interface LabelDef {\n  x: number;\n  aggregatedIdx: number[];\n  anchor: 'start' | 'end';\n}\n\ninterface LabelLinkProps {\n  lineDefs: LineDef[];\n  labelDef: LabelDef;\n  textY: number;\n  textWidth: number;\n  textLineHeight: number;\n  textFontSize: string;\n  textColor: string | undefined;\n  mergedLabel: (count: number) => string;\n}\n\nexport const LabelLink: React.FunctionComponent<LabelLinkProps> = props => {\n  const gRef = React.useRef<SVGGElement>(null);\n  const [showCard, setShowCard] = React.useState(false);\n  const onClick = () => setShowCard(true);\n\n  let callout: React.ReactNode = null;\n  if (showCard) {\n    const cards = props.labelDef.aggregatedIdx.map(i => props.lineDefs[i].onRenderCard!).filter(c => !!c);\n    if (cards.length > 0) {\n      callout = null;\n      // TODO - need to replace callout with popover\n      /*callout = {\n        /* <Callout\n          target={gRef.current}\n          // eslint-disable-next-line react/jsx-no-bind\n          onDismiss={onDismiss}\n          setInitialFocus={true}\n          role=\"dialog\"\n        >\n          <FocusZone isCircularNavigation={true} direction={FocusZoneDirection.vertical}>\n            <List<() => React.ReactNode>\n              items={cards}\n              // eslint-disable-next-line react/jsx-no-bind\n              onRenderCell={onRenderCell}\n            />\n          </FocusZone>\n        </Callout>\n      };*/\n    }\n  }\n\n  let text: string;\n  const fill: string | undefined = props.textColor\n    ? getColorFromToken(props.textColor, false)\n    : tokens.colorNeutralForeground1;\n\n  if (props.labelDef.aggregatedIdx.length === 1) {\n    text = props.lineDefs[props.labelDef.aggregatedIdx[0]].event;\n  } else {\n    text = props.mergedLabel(props.labelDef.aggregatedIdx.length);\n  }\n\n  return (\n    <>\n      <g ref={gRef} onClick={onClick} data-is-focusable={false} style={{ cursor: 'pointer' }} role=\"button\">\n        <Textbox\n          text={text}\n          x={props.labelDef.x}\n          y={props.textY}\n          width={props.textWidth}\n          lineHeight={props.textLineHeight}\n          textAnchor={props.labelDef.anchor}\n          fontSize={props.textFontSize}\n          fill={fill}\n        />\n      </g>\n      {callout}\n    </>\n  );\n};\n"],"names":["React","Textbox","getColorFromToken","tokens","LabelLink","props","gRef","useRef","showCard","setShowCard","useState","onClick","callout","cards","labelDef","aggregatedIdx","map","i","lineDefs","onRenderCard","filter","c","length","text","fill","textColor","colorNeutralForeground1","event","mergedLabel","g","ref","data-is-focusable","style","cursor","role","x","y","textY","width","textWidth","lineHeight","textLineHeight","textAnchor","anchor","fontSize","textFontSize"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,iBAAiB,QAAQ,4BAA4B;AAC9D,SAASC,MAAM,QAAQ,wBAAwB;AAuB/C,OAAO,MAAMC,YAAqDC,CAAAA;IAChE,MAAMC,OAAON,MAAMO,MAAM,CAAc;IACvC,MAAM,CAACC,UAAUC,YAAY,GAAGT,MAAMU,QAAQ,CAAC;IAC/C,MAAMC,UAAU,IAAMF,YAAY;IAElC,IAAIG,UAA2B;IAC/B,IAAIJ,UAAU;QACZ,MAAMK,QAAQR,MAAMS,QAAQ,CAACC,aAAa,CAACC,GAAG,CAACC,CAAAA,IAAKZ,MAAMa,QAAQ,CAACD,EAAE,CAACE,YAAY,EAAGC,MAAM,CAACC,CAAAA,IAAK,CAAC,CAACA;QACnG,IAAIR,MAAMS,MAAM,GAAG,GAAG;YACpBV,UAAU;QACV,8CAA8C;QAC9C;;;;;;;;;;;;;;;;QAgBE,GACJ;IACF;IAEA,IAAIW;IACJ,MAAMC,OAA2BnB,MAAMoB,SAAS,GAC5CvB,kBAAkBG,MAAMoB,SAAS,EAAE,SACnCtB,OAAOuB,uBAAuB;IAElC,IAAIrB,MAAMS,QAAQ,CAACC,aAAa,CAACO,MAAM,KAAK,GAAG;QAC7CC,OAAOlB,MAAMa,QAAQ,CAACb,MAAMS,QAAQ,CAACC,aAAa,CAAC,EAAE,CAAC,CAACY,KAAK;IAC9D,OAAO;QACLJ,OAAOlB,MAAMuB,WAAW,CAACvB,MAAMS,QAAQ,CAACC,aAAa,CAACO,MAAM;IAC9D;IAEA,qBACE,wDACE,oBAACO;QAAEC,KAAKxB;QAAMK,SAASA;QAASoB,qBAAmB;QAAOC,OAAO;YAAEC,QAAQ;QAAU;QAAGC,MAAK;qBAC3F,oBAACjC;QACCsB,MAAMA;QACNY,GAAG9B,MAAMS,QAAQ,CAACqB,CAAC;QACnBC,GAAG/B,MAAMgC,KAAK;QACdC,OAAOjC,MAAMkC,SAAS;QACtBC,YAAYnC,MAAMoC,cAAc;QAChCC,YAAYrC,MAAMS,QAAQ,CAAC6B,MAAM;QACjCC,UAAUvC,MAAMwC,YAAY;QAC5BrB,MAAMA;SAGTZ;AAGP,EAAE"}
+{"version":3,"sources":["../src/components/LineChart/eventAnnotation/LabelLink.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { EventAnnotation } from '../../../types/EventAnnotation';\nimport { Textbox } from './Textbox';\nimport { getColorFromToken } from '../../../utilities/colors';\nimport { tokens } from '@fluentui/react-theme';\n\nexport interface LineDef extends EventAnnotation {\n  x: number;\n}\n\nexport interface LabelDef {\n  x: number;\n  aggregatedIdx: number[];\n  anchor: 'start' | 'end';\n}\n\ninterface LabelLinkProps {\n  lineDefs: LineDef[];\n  labelDef: LabelDef;\n  textY: number;\n  textWidth: number;\n  textLineHeight: number;\n  textFontSize: string;\n  textColor: string | undefined;\n  mergedLabel: (count: number) => string;\n}\n\nexport const LabelLink: React.FunctionComponent<LabelLinkProps> = props => {\n  const gRef = React.useRef<SVGGElement>(null);\n  const [showCard, setShowCard] = React.useState(false);\n  const onClick = () => setShowCard(true);\n\n  let callout: React.ReactNode = null;\n  if (showCard) {\n    const cards = props.labelDef.aggregatedIdx.map(i => props.lineDefs[i].onRenderCard!).filter(c => !!c);\n    if (cards.length > 0) {\n      callout = null;\n      // TODO - need to replace callout with popover\n      /*callout = {\n        /* <Callout\n          target={gRef.current}\n          // eslint-disable-next-line react/jsx-no-bind\n          onDismiss={onDismiss}\n          setInitialFocus={true}\n          role=\"dialog\"\n        >\n          <FocusZone isCircularNavigation={true} direction={FocusZoneDirection.vertical}>\n            <List<() => React.ReactNode>\n              items={cards}\n              // eslint-disable-next-line react/jsx-no-bind\n              onRenderCell={onRenderCell}\n            />\n          </FocusZone>\n        </Callout>\n      };*/\n    }\n  }\n\n  let text: string;\n  const fill: string | undefined = props.textColor\n    ? getColorFromToken(props.textColor, false)\n    : tokens.colorNeutralForeground1;\n\n  if (props.labelDef.aggregatedIdx.length === 1) {\n    text = props.lineDefs[props.labelDef.aggregatedIdx[0]].event;\n  } else {\n    text = props.mergedLabel(props.labelDef.aggregatedIdx.length);\n  }\n\n  return (\n    <>\n      <g ref={gRef} onClick={onClick} data-is-focusable={false} style={{ cursor: 'pointer' }} role=\"button\">\n        <Textbox\n          text={text}\n          x={props.labelDef.x}\n          y={props.textY}\n          width={props.textWidth}\n          lineHeight={props.textLineHeight}\n          textAnchor={props.labelDef.anchor}\n          fontSize={props.textFontSize}\n          fill={fill}\n        />\n      </g>\n      {callout}\n    </>\n  );\n};\n"],"names":["React","Textbox","getColorFromToken","tokens","LabelLink","props","gRef","useRef","showCard","setShowCard","useState","onClick","callout","cards","labelDef","aggregatedIdx","map","i","lineDefs","onRenderCard","filter","c","length","text","fill","textColor","colorNeutralForeground1","event","mergedLabel","g","ref","data-is-focusable","style","cursor","role","x","y","textY","width","textWidth","lineHeight","textLineHeight","textAnchor","anchor","fontSize","textFontSize"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,OAAO,QAAQ,eAAY;AACpC,SAASC,iBAAiB,QAAQ,+BAA4B;AAC9D,SAASC,MAAM,QAAQ,wBAAwB;AAuB/C,OAAO,MAAMC,YAAqDC,CAAAA;IAChE,MAAMC,OAAON,MAAMO,MAAM,CAAc;IACvC,MAAM,CAACC,UAAUC,YAAY,GAAGT,MAAMU,QAAQ,CAAC;IAC/C,MAAMC,UAAU,IAAMF,YAAY;IAElC,IAAIG,UAA2B;IAC/B,IAAIJ,UAAU;QACZ,MAAMK,QAAQR,MAAMS,QAAQ,CAACC,aAAa,CAACC,GAAG,CAACC,CAAAA,IAAKZ,MAAMa,QAAQ,CAACD,EAAE,CAACE,YAAY,EAAGC,MAAM,CAACC,CAAAA,IAAK,CAAC,CAACA;QACnG,IAAIR,MAAMS,MAAM,GAAG,GAAG;YACpBV,UAAU;QACV,8CAA8C;QAC9C;;;;;;;;;;;;;;;;QAgBE,GACJ;IACF;IAEA,IAAIW;IACJ,MAAMC,OAA2BnB,MAAMoB,SAAS,GAC5CvB,kBAAkBG,MAAMoB,SAAS,EAAE,SACnCtB,OAAOuB,uBAAuB;IAElC,IAAIrB,MAAMS,QAAQ,CAACC,aAAa,CAACO,MAAM,KAAK,GAAG;QAC7CC,OAAOlB,MAAMa,QAAQ,CAACb,MAAMS,QAAQ,CAACC,aAAa,CAAC,EAAE,CAAC,CAACY,KAAK;IAC9D,OAAO;QACLJ,OAAOlB,MAAMuB,WAAW,CAACvB,MAAMS,QAAQ,CAACC,aAAa,CAACO,MAAM;IAC9D;IAEA,qBACE,wDACE,oBAACO;QAAEC,KAAKxB;QAAMK,SAASA;QAASoB,qBAAmB;QAAOC,OAAO;YAAEC,QAAQ;QAAU;QAAGC,MAAK;qBAC3F,oBAACjC;QACCsB,MAAMA;QACNY,GAAG9B,MAAMS,QAAQ,CAACqB,CAAC;QACnBC,GAAG/B,MAAMgC,KAAK;QACdC,OAAOjC,MAAMkC,SAAS;QACtBC,YAAYnC,MAAMoC,cAAc;QAChCC,YAAYrC,MAAMS,QAAQ,CAAC6B,MAAM;QACjCC,UAAUvC,MAAMwC,YAAY;QAC5BrB,MAAMA;SAGTZ;AAGP,EAAE"}

package/lib/components/LineChart/eventAnnotation/Textbox.js

@@ -1,7 +1,7 @@
 'use client';
-import * as React from 'react';
-import { select } from 'd3-selection';
-import { getSecureProps } from '../../../utilities/utilities';
+import * as React from "react";
+import { select } from "d3-selection";
+import { getSecureProps } from "../../../utilities/utilities.js";
 export const Textbox = (props)=>{
     const textElementRef = React.useRef(null);
     const wrapWords = ()=>{

package/lib/components/LineChart/eventAnnotation/Textbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/LineChart/eventAnnotation/Textbox.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { select } from 'd3-selection';\nimport { getSecureProps } from '../../../utilities/utilities';\n\ninterface TextboxProps {\n  text: string;\n  width: number;\n  x: number;\n  y: number;\n  lineHeight: number;\n  textAnchor?: 'start' | 'middle' | 'end';\n  fontSize?: string;\n  fill?: string;\n}\n\nexport const Textbox: React.FunctionComponent<TextboxProps> = props => {\n  const textElementRef: React.RefObject<SVGTextElement | null> = React.useRef(null);\n\n  const wrapWords = () => {\n    if (!textElementRef.current) {\n      return;\n    }\n    const text = select(textElementRef.current);\n    const words = props.text.split(/\\s+/);\n    let line: string[] = [];\n    let tspan = text.append<SVGTSpanElement>('tspan');\n    let numLines = 0;\n\n    words.forEach(word => {\n      line.push(word);\n      tspan.text(line.join(' '));\n      const node = tspan.node();\n      if (node && node.getComputedTextLength() > props.width && line.length > 1) {\n        numLines++;\n        line.pop();\n        tspan.text(line.join(' '));\n        line = [word];\n        tspan = text.append<SVGTSpanElement>('tspan').text(word).attr('dy', props.lineHeight).attr('x', props.x);\n      }\n    });\n    // bottom aligns text\n    text.attr('dy', -numLines * props.lineHeight);\n\n    return () => {\n      text.selectAll('tspan').remove();\n    };\n  };\n  React.useEffect(wrapWords);\n\n  const { lineHeight, ...rest } = props;\n\n  return <text ref={textElementRef} {...getSecureProps(rest)} />;\n};\n"],"names":["React","select","getSecureProps","Textbox","props","textElementRef","useRef","wrapWords","current","text","words","split","line","tspan","append","numLines","forEach","word","push","join","node","getComputedTextLength","width","length","pop","attr","lineHeight","x","selectAll","remove","useEffect","rest","ref"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,eAAe;AACtC,SAASC,cAAc,QAAQ,+BAA+B;AAa9D,OAAO,MAAMC,UAAiDC,CAAAA;IAC5D,MAAMC,iBAAyDL,MAAMM,MAAM,CAAC;IAE5E,MAAMC,YAAY;QAChB,IAAI,CAACF,eAAeG,OAAO,EAAE;YAC3B;QACF;QACA,MAAMC,OAAOR,OAAOI,eAAeG,OAAO;QAC1C,MAAME,QAAQN,MAAMK,IAAI,CAACE,KAAK,CAAC;QAC/B,IAAIC,OAAiB,EAAE;QACvB,IAAIC,QAAQJ,KAAKK,MAAM,CAAkB;QACzC,IAAIC,WAAW;QAEfL,MAAMM,OAAO,CAACC,CAAAA;YACZL,KAAKM,IAAI,CAACD;YACVJ,MAAMJ,IAAI,CAACG,KAAKO,IAAI,CAAC;YACrB,MAAMC,OAAOP,MAAMO,IAAI;YACvB,IAAIA,QAAQA,KAAKC,qBAAqB,KAAKjB,MAAMkB,KAAK,IAAIV,KAAKW,MAAM,GAAG,GAAG;gBACzER;gBACAH,KAAKY,GAAG;gBACRX,MAAMJ,IAAI,CAACG,KAAKO,IAAI,CAAC;gBACrBP,OAAO;oBAACK;iBAAK;gBACbJ,QAAQJ,KAAKK,MAAM,CAAkB,SAASL,IAAI,CAACQ,MAAMQ,IAAI,CAAC,MAAMrB,MAAMsB,UAAU,EAAED,IAAI,CAAC,KAAKrB,MAAMuB,CAAC;YACzG;QACF;QACA,qBAAqB;QACrBlB,KAAKgB,IAAI,CAAC,MAAM,CAACV,WAAWX,MAAMsB,UAAU;QAE5C,OAAO;YACLjB,KAAKmB,SAAS,CAAC,SAASC,MAAM;QAChC;IACF;IACA7B,MAAM8B,SAAS,CAACvB;IAEhB,MAAM,EAAEmB,UAAU,EAAE,GAAGK,MAAM,GAAG3B;IAEhC,qBAAO,oBAACK;QAAKuB,KAAK3B;QAAiB,GAAGH,eAAe6B,KAAK;;AAC5D,EAAE"}
+{"version":3,"sources":["../src/components/LineChart/eventAnnotation/Textbox.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { select } from 'd3-selection';\nimport { getSecureProps } from '../../../utilities/utilities';\n\ninterface TextboxProps {\n  text: string;\n  width: number;\n  x: number;\n  y: number;\n  lineHeight: number;\n  textAnchor?: 'start' | 'middle' | 'end';\n  fontSize?: string;\n  fill?: string;\n}\n\nexport const Textbox: React.FunctionComponent<TextboxProps> = props => {\n  const textElementRef: React.RefObject<SVGTextElement | null> = React.useRef(null);\n\n  const wrapWords = () => {\n    if (!textElementRef.current) {\n      return;\n    }\n    const text = select(textElementRef.current);\n    const words = props.text.split(/\\s+/);\n    let line: string[] = [];\n    let tspan = text.append<SVGTSpanElement>('tspan');\n    let numLines = 0;\n\n    words.forEach(word => {\n      line.push(word);\n      tspan.text(line.join(' '));\n      const node = tspan.node();\n      if (node && node.getComputedTextLength() > props.width && line.length > 1) {\n        numLines++;\n        line.pop();\n        tspan.text(line.join(' '));\n        line = [word];\n        tspan = text.append<SVGTSpanElement>('tspan').text(word).attr('dy', props.lineHeight).attr('x', props.x);\n      }\n    });\n    // bottom aligns text\n    text.attr('dy', -numLines * props.lineHeight);\n\n    return () => {\n      text.selectAll('tspan').remove();\n    };\n  };\n  React.useEffect(wrapWords);\n\n  const { lineHeight, ...rest } = props;\n\n  return <text ref={textElementRef} {...getSecureProps(rest)} />;\n};\n"],"names":["React","select","getSecureProps","Textbox","props","textElementRef","useRef","wrapWords","current","text","words","split","line","tspan","append","numLines","forEach","word","push","join","node","getComputedTextLength","width","length","pop","attr","lineHeight","x","selectAll","remove","useEffect","rest","ref"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,eAAe;AACtC,SAASC,cAAc,QAAQ,kCAA+B;AAa9D,OAAO,MAAMC,UAAiDC,CAAAA;IAC5D,MAAMC,iBAAyDL,MAAMM,MAAM,CAAC;IAE5E,MAAMC,YAAY;QAChB,IAAI,CAACF,eAAeG,OAAO,EAAE;YAC3B;QACF;QACA,MAAMC,OAAOR,OAAOI,eAAeG,OAAO;QAC1C,MAAME,QAAQN,MAAMK,IAAI,CAACE,KAAK,CAAC;QAC/B,IAAIC,OAAiB,EAAE;QACvB,IAAIC,QAAQJ,KAAKK,MAAM,CAAkB;QACzC,IAAIC,WAAW;QAEfL,MAAMM,OAAO,CAACC,CAAAA;YACZL,KAAKM,IAAI,CAACD;YACVJ,MAAMJ,IAAI,CAACG,KAAKO,IAAI,CAAC;YACrB,MAAMC,OAAOP,MAAMO,IAAI;YACvB,IAAIA,QAAQA,KAAKC,qBAAqB,KAAKjB,MAAMkB,KAAK,IAAIV,KAAKW,MAAM,GAAG,GAAG;gBACzER;gBACAH,KAAKY,GAAG;gBACRX,MAAMJ,IAAI,CAACG,KAAKO,IAAI,CAAC;gBACrBP,OAAO;oBAACK;iBAAK;gBACbJ,QAAQJ,KAAKK,MAAM,CAAkB,SAASL,IAAI,CAACQ,MAAMQ,IAAI,CAAC,MAAMrB,MAAMsB,UAAU,EAAED,IAAI,CAAC,KAAKrB,MAAMuB,CAAC;YACzG;QACF;QACA,qBAAqB;QACrBlB,KAAKgB,IAAI,CAAC,MAAM,CAACV,WAAWX,MAAMsB,UAAU;QAE5C,OAAO;YACLjB,KAAKmB,SAAS,CAAC,SAASC,MAAM;QAChC;IACF;IACA7B,MAAM8B,SAAS,CAACvB;IAEhB,MAAM,EAAEmB,UAAU,EAAE,GAAGK,MAAM,GAAG3B;IAEhC,qBAAO,oBAACK;QAAKuB,KAAK3B;QAAiB,GAAGH,eAAe6B,KAAK;;AAC5D,EAAE"}

package/lib/components/LineChart/index.js

@@ -1,4 +1,4 @@
-export * from './LineChart';
-export * from './LineChart.types';
-export * from './eventAnnotation/Textbox';
-export * from '../../types/index';
+export * from "./LineChart.js";
+export * from "./LineChart.types.js";
+export * from "./eventAnnotation/Textbox.js";
+export * from "../../types/index.js";

package/lib/components/LineChart/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/LineChart/index.ts"],"sourcesContent":["export * from './LineChart';\nexport * from './LineChart.types';\nexport * from './eventAnnotation/Textbox';\nexport * from '../../types/index';\n"],"names":[],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,oBAAoB;AAClC,cAAc,4BAA4B;AAC1C,cAAc,oBAAoB"}
+{"version":3,"sources":["../src/components/LineChart/index.ts"],"sourcesContent":["export * from './LineChart';\nexport * from './LineChart.types';\nexport * from './eventAnnotation/Textbox';\nexport * from '../../types/index';\n"],"names":[],"mappings":"AAAA,cAAc,iBAAc;AAC5B,cAAc,uBAAoB;AAClC,cAAc,+BAA4B;AAC1C,cAAc,uBAAoB"}

package/lib/components/LineChart/useLineChartStyles.styles.js

@@ -1,9 +1,9 @@
 'use client';
 
-import { __styles, mergeClasses } from '@griffel/react';
-import { tokens } from '@fluentui/react-theme';
-import { HighContrastSelector } from '../../utilities/index';
-import { getMarkerLabelStyle, getTooltipStyle } from '../../utilities/index';
+import { __styles, mergeClasses } from "@griffel/react";
+import { tokens } from "@fluentui/react-theme";
+import { HighContrastSelector } from "../../utilities/index.js";
+import { getMarkerLabelStyle, getTooltipStyle } from "../../utilities/index.js";
 /**
  * @internal
  */

package/lib/components/LineChart/useLineChartStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","tokens","HighContrastSelector","getMarkerLabelStyle","getTooltipStyle","linechartClassNames","tooltip","lineBorder","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","ojy3ng","Bj7tp1g","d","p","m","useLineChartStyles","props","baseStyles"],"sources":["useLineChartStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { HighContrastSelector } from '../../utilities/index';\nimport { getMarkerLabelStyle, getTooltipStyle } from '../../utilities/index';\n/**\n * @internal\n */ export const linechartClassNames = {\n    tooltip: 'fui-line__tooltip',\n    lineBorder: 'fui-line_lineBorder',\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    lineBorder: {\n        stroke: tokens.colorNeutralBackground1,\n        [HighContrastSelector]: {\n            stroke: 'Canvas'\n        }\n    }\n});\n/**\n * Apply styling to the Carousel slots based on the state\n */ export const useLineChartStyles = (props)=>{\n    const baseStyles = useStyles();\n    return {\n        tooltip: mergeClasses(linechartClassNames.tooltip, baseStyles.tooltip /*props.styles?.tooltip*/ ),\n        lineBorder: mergeClasses(linechartClassNames.lineBorder, baseStyles.lineBorder /*props.styles?.lineBorder*/ ),\n        markerLabel: mergeClasses(linechartClassNames.markerLabel, baseStyles.markerLabel /*props.styles?.markerLabel*/ )\n    };\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,oBAAoB,QAAQ,uBAAuB;AAC5D,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,uBAAuB;AAC5E;AACA;AACA;AAAI,OAAO,MAAMC,mBAAmB,GAAG;EACnCC,OAAO,EAAE,mBAAmB;EAC5BC,UAAU,EAAE,qBAAqB;EACjCC,WAAW,EAAE,uBAAuB;EACpCC,IAAI,EAAE,gBAAgB;EACtBC,KAAK,EAAE,iBAAiB;EACxBC,KAAK,EAAE,iBAAiB;EACxBC,eAAe,EAAE,2BAA2B;EAC5CC,KAAK,EAAE,iBAAiB;EACxBC,kBAAkB,EAAE,8BAA8B;EAClDC,SAAS,EAAE,qBAAqB;EAChCC,UAAU,EAAE,sBAAsB;EAClCC,oBAAoB,EAAE,gCAAgC;EACtDC,WAAW,EAAE,uBAAuB;EACpCC,YAAY,EAAE,wBAAwB;EACtCC,UAAU,EAAE,EAAE;EACdC,KAAK,EAAE,EAAE;EACTC,cAAc,EAAE,EAAE;EAClBC,aAAa,EAAE,EAAE;EACjBC,eAAe,EAAE;AACrB,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAG1B,QAAA;EAAAO,OAAA;IAAAoB,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAtC,WAAA;IAAAkB,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAkB,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAA1C,UAAA;IAAA2C,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CASrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,kBAAkB,GAAIC,KAAK,IAAG;EAC3C,MAAMC,UAAU,GAAGhC,SAAS,CAAC,CAAC;EAC9B,OAAO;IACHnB,OAAO,EAAEN,YAAY,CAACK,mBAAmB,CAACC,OAAO,EAAEmD,UAAU,CAACnD,OAAO,CAAC,yBAA0B,CAAC;IACjGC,UAAU,EAAEP,YAAY,CAACK,mBAAmB,CAACE,UAAU,EAAEkD,UAAU,CAAClD,UAAU,CAAC,4BAA6B,CAAC;IAC7GC,WAAW,EAAER,YAAY,CAACK,mBAAmB,CAACG,WAAW,EAAEiD,UAAU,CAACjD,WAAW,CAAC,6BAA8B;EACpH,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","mergeClasses","tokens","HighContrastSelector","getMarkerLabelStyle","getTooltipStyle","linechartClassNames","tooltip","lineBorder","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","ojy3ng","Bj7tp1g","d","p","m","useLineChartStyles","props","baseStyles"],"sources":["useLineChartStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nimport { tokens } from \"@fluentui/react-theme\";\nimport { HighContrastSelector } from \"../../utilities/index.js\";\nimport { getMarkerLabelStyle, getTooltipStyle } from \"../../utilities/index.js\";\n/**\n * @internal\n */ export const linechartClassNames = {\n    tooltip: 'fui-line__tooltip',\n    lineBorder: 'fui-line_lineBorder',\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    lineBorder: {\n        stroke: tokens.colorNeutralBackground1,\n        [HighContrastSelector]: {\n            stroke: 'Canvas'\n        }\n    }\n});\n/**\n * Apply styling to the Carousel slots based on the state\n */ export const useLineChartStyles = (props)=>{\n    const baseStyles = useStyles();\n    return {\n        tooltip: mergeClasses(linechartClassNames.tooltip, baseStyles.tooltip /*props.styles?.tooltip*/ ),\n        lineBorder: mergeClasses(linechartClassNames.lineBorder, baseStyles.lineBorder /*props.styles?.lineBorder*/ ),\n        markerLabel: mergeClasses(linechartClassNames.markerLabel, baseStyles.markerLabel /*props.styles?.markerLabel*/ )\n    };\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,oBAAoB,QAAQ,0BAA0B;AAC/D,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,0BAA0B;AAC/E;AACA;AACA;AAAI,OAAO,MAAMC,mBAAmB,GAAG;EACnCC,OAAO,EAAE,mBAAmB;EAC5BC,UAAU,EAAE,qBAAqB;EACjCC,WAAW,EAAE,uBAAuB;EACpCC,IAAI,EAAE,gBAAgB;EACtBC,KAAK,EAAE,iBAAiB;EACxBC,KAAK,EAAE,iBAAiB;EACxBC,eAAe,EAAE,2BAA2B;EAC5CC,KAAK,EAAE,iBAAiB;EACxBC,kBAAkB,EAAE,8BAA8B;EAClDC,SAAS,EAAE,qBAAqB;EAChCC,UAAU,EAAE,sBAAsB;EAClCC,oBAAoB,EAAE,gCAAgC;EACtDC,WAAW,EAAE,uBAAuB;EACpCC,YAAY,EAAE,wBAAwB;EACtCC,UAAU,EAAE,EAAE;EACdC,KAAK,EAAE,EAAE;EACTC,cAAc,EAAE,EAAE;EAClBC,aAAa,EAAE,EAAE;EACjBC,eAAe,EAAE;AACrB,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAG1B,QAAA;EAAAO,OAAA;IAAAoB,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAtC,WAAA;IAAAkB,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAkB,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAA1C,UAAA;IAAA2C,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CASrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,kBAAkB,GAAIC,KAAK,IAAG;EAC3C,MAAMC,UAAU,GAAGhC,SAAS,CAAC,CAAC;EAC9B,OAAO;IACHnB,OAAO,EAAEN,YAAY,CAACK,mBAAmB,CAACC,OAAO,EAAEmD,UAAU,CAACnD,OAAO,CAAC,yBAA0B,CAAC;IACjGC,UAAU,EAAEP,YAAY,CAACK,mBAAmB,CAACE,UAAU,EAAEkD,UAAU,CAAClD,UAAU,CAAC,4BAA6B,CAAC;IAC7GC,WAAW,EAAER,YAAY,CAACK,mBAAmB,CAACG,WAAW,EAAEiD,UAAU,CAACjD,WAAW,CAAC,6BAA8B;EACpH,CAAC;AACL,CAAC","ignoreList":[]}

package/lib/components/LineChart/useLineChartStyles.styles.raw.js

@@ -1,8 +1,8 @@
 'use client';
-import { makeStyles, mergeClasses } from '@griffel/react';
-import { tokens } from '@fluentui/react-theme';
-import { HighContrastSelector } from '../../utilities/index';
-import { getMarkerLabelStyle, getTooltipStyle } from '../../utilities/index';
+import { makeStyles, mergeClasses } from "@griffel/react";
+import { tokens } from "@fluentui/react-theme";
+import { HighContrastSelector } from "../../utilities/index.js";
+import { getMarkerLabelStyle, getTooltipStyle } from "../../utilities/index.js";
 /**
  * @internal
  */ export const linechartClassNames = {

package/lib/components/LineChart/useLineChartStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/LineChart/useLineChartStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport type { GriffelStyle } from '@griffel/react';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { LineChartProps, LineChartStyles } from './LineChart.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities/src/index';\nimport { HighContrastSelector } from '../../utilities/index';\nimport { getMarkerLabelStyle, getTooltipStyle } from '../../utilities/index';\n\n/**\n * @internal\n */\nexport const linechartClassNames: SlotClassNames<LineChartStyles> = {\n  tooltip: 'fui-line__tooltip',\n  lineBorder: 'fui-line_lineBorder',\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  lineBorder: {\n    stroke: tokens.colorNeutralBackground1,\n    [HighContrastSelector]: {\n      stroke: 'Canvas',\n    },\n  },\n});\n\n/**\n * Apply styling to the Carousel slots based on the state\n */\nexport const useLineChartStyles = (props: LineChartProps): LineChartStyles => {\n  const baseStyles = useStyles();\n  return {\n    tooltip: mergeClasses(linechartClassNames.tooltip, baseStyles.tooltip /*props.styles?.tooltip*/),\n    lineBorder: mergeClasses(linechartClassNames.lineBorder, baseStyles.lineBorder /*props.styles?.lineBorder*/),\n    markerLabel: mergeClasses(linechartClassNames.markerLabel, baseStyles.markerLabel /*props.styles?.markerLabel*/),\n  };\n};\n"],"names":["makeStyles","mergeClasses","tokens","HighContrastSelector","getMarkerLabelStyle","getTooltipStyle","linechartClassNames","tooltip","lineBorder","markerLabel","root","xAxis","yAxis","legendContainer","hover","descriptionMessage","axisTitle","chartTitle","opacityChangeOnHover","shapeStyles","chartWrapper","svgTooltip","chart","axisAnnotation","plotContainer","annotationLayer","useStyles","stroke","colorNeutralBackground1","useLineChartStyles","props","baseStyles"],"mappings":"AAAA;AAGA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAC1D,SAASC,MAAM,QAAQ,wBAAwB;AAG/C,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,wBAAwB;AAE7E;;CAEC,GACD,OAAO,MAAMC,sBAAuD;IAClEC,SAAS;IACTC,YAAY;IACZC,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,YAAY1B,WAAW;IAC3BO,SAASF;IACTI,aAAaL;IACbI,YAAY;QACVmB,QAAQzB,OAAO0B,uBAAuB;QACtC,CAACzB,qBAAqB,EAAE;YACtBwB,QAAQ;QACV;IACF;AACF;AAEA;;CAEC,GACD,OAAO,MAAME,qBAAqB,CAACC;IACjC,MAAMC,aAAaL;IACnB,OAAO;QACLnB,SAASN,aAAaK,oBAAoBC,OAAO,EAAEwB,WAAWxB,OAAO,CAAC,uBAAuB;QAC7FC,YAAYP,aAAaK,oBAAoBE,UAAU,EAAEuB,WAAWvB,UAAU,CAAC,0BAA0B;QACzGC,aAAaR,aAAaK,oBAAoBG,WAAW,EAAEsB,WAAWtB,WAAW,CAAC,2BAA2B;IAC/G;AACF,EAAE"}
+{"version":3,"sources":["../src/components/LineChart/useLineChartStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport type { GriffelStyle } from '@griffel/react';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { LineChartProps, LineChartStyles } from './LineChart.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities/src/index';\nimport { HighContrastSelector } from '../../utilities/index';\nimport { getMarkerLabelStyle, getTooltipStyle } from '../../utilities/index';\n\n/**\n * @internal\n */\nexport const linechartClassNames: SlotClassNames<LineChartStyles> = {\n  tooltip: 'fui-line__tooltip',\n  lineBorder: 'fui-line_lineBorder',\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  lineBorder: {\n    stroke: tokens.colorNeutralBackground1,\n    [HighContrastSelector]: {\n      stroke: 'Canvas',\n    },\n  },\n});\n\n/**\n * Apply styling to the Carousel slots based on the state\n */\nexport const useLineChartStyles = (props: LineChartProps): LineChartStyles => {\n  const baseStyles = useStyles();\n  return {\n    tooltip: mergeClasses(linechartClassNames.tooltip, baseStyles.tooltip /*props.styles?.tooltip*/),\n    lineBorder: mergeClasses(linechartClassNames.lineBorder, baseStyles.lineBorder /*props.styles?.lineBorder*/),\n    markerLabel: mergeClasses(linechartClassNames.markerLabel, baseStyles.markerLabel /*props.styles?.markerLabel*/),\n  };\n};\n"],"names":["makeStyles","mergeClasses","tokens","HighContrastSelector","getMarkerLabelStyle","getTooltipStyle","linechartClassNames","tooltip","lineBorder","markerLabel","root","xAxis","yAxis","legendContainer","hover","descriptionMessage","axisTitle","chartTitle","opacityChangeOnHover","shapeStyles","chartWrapper","svgTooltip","chart","axisAnnotation","plotContainer","annotationLayer","useStyles","stroke","colorNeutralBackground1","useLineChartStyles","props","baseStyles"],"mappings":"AAAA;AAGA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAC1D,SAASC,MAAM,QAAQ,wBAAwB;AAG/C,SAASC,oBAAoB,QAAQ,2BAAwB;AAC7D,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,2BAAwB;AAE7E;;CAEC,GACD,OAAO,MAAMC,sBAAuD;IAClEC,SAAS;IACTC,YAAY;IACZC,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,YAAY1B,WAAW;IAC3BO,SAASF;IACTI,aAAaL;IACbI,YAAY;QACVmB,QAAQzB,OAAO0B,uBAAuB;QACtC,CAACzB,qBAAqB,EAAE;YACtBwB,QAAQ;QACV;IACF;AACF;AAEA;;CAEC,GACD,OAAO,MAAME,qBAAqB,CAACC;IACjC,MAAMC,aAAaL;IACnB,OAAO;QACLnB,SAASN,aAAaK,oBAAoBC,OAAO,EAAEwB,WAAWxB,OAAO,CAAC,uBAAuB;QAC7FC,YAAYP,aAAaK,oBAAoBE,UAAU,EAAEuB,WAAWvB,UAAU,CAAC,0BAA0B;QACzGC,aAAaR,aAAaK,oBAAoBG,WAAW,EAAEsB,WAAWtB,WAAW,CAAC,2BAA2B;IAC/G;AACF,EAAE"}

package/lib/components/PolarChart/PolarChart.js

@@ -1,17 +1,17 @@
 'use client';
-import * as React from 'react';
-import { usePolarChartStyles } from './usePolarChartStyles.styles';
-import { useImageExport } from '../../utilities/hooks';
-import { pointRadial as d3PointRadial, areaRadial as d3AreaRadial, lineRadial as d3LineRadial, curveLinearClosed as d3CurveLinearClosed } from 'd3-shape';
-import { tokens } from '@fluentui/react-theme';
-import { Legends } from '../Legends/index';
-import { createRadialScale, getContinuousScaleDomain, getScaleType, EPSILON, createAngularScale, formatAngle } from './PolarChart.utils';
-import { ChartPopover } from '../CommonComponents/ChartPopover';
-import { getColorFromToken, getCurveFactory, getNextColor, isPlottable, sortAxisCategories } from '../../utilities/index';
-import { extent as d3Extent } from 'd3-array';
-import { useArrowNavigationGroup } from '@fluentui/react-tabster';
-import { formatToLocaleString } from '@fluentui/chart-utilities';
-import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';
+import * as React from "react";
+import { usePolarChartStyles } from "./usePolarChartStyles.styles.js";
+import { useImageExport } from "../../utilities/hooks.js";
+import { pointRadial as d3PointRadial, areaRadial as d3AreaRadial, lineRadial as d3LineRadial, curveLinearClosed as d3CurveLinearClosed } from "d3-shape";
+import { tokens } from "@fluentui/react-theme";
+import { Legends } from "../Legends/index.js";
+import { createRadialScale, getContinuousScaleDomain, getScaleType, EPSILON, createAngularScale, formatAngle } from "./PolarChart.utils.js";
+import { ChartPopover } from "../CommonComponents/ChartPopover.js";
+import { getColorFromToken, getCurveFactory, getNextColor, isPlottable, sortAxisCategories } from "../../utilities/index.js";
+import { extent as d3Extent } from "d3-array";
+import { useArrowNavigationGroup } from "@fluentui/react-tabster";
+import { formatToLocaleString } from "@fluentui/chart-utilities";
+import { useFluent_unstable as useFluent } from "@fluentui/react-shared-contexts";
 const DEFAULT_LEGEND_HEIGHT = 32;
 const LABEL_WIDTH = 36;
 const LABEL_HEIGHT = 16;

package/lib/components/PolarChart/PolarChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/PolarChart/PolarChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { PolarChartProps } from './PolarChart.types';\nimport { usePolarChartStyles } from './usePolarChartStyles.styles';\nimport { useImageExport } from '../../utilities/hooks';\nimport {\n  pointRadial as d3PointRadial,\n  areaRadial as d3AreaRadial,\n  lineRadial as d3LineRadial,\n  curveLinearClosed as d3CurveLinearClosed,\n} from 'd3-shape';\nimport type { AreaPolarSeries, LinePolarSeries, PolarDataPoint, ScatterPolarSeries } from '../../types/DataPoint';\nimport { tokens } from '@fluentui/react-theme';\nimport type { Legend } from '../Legends/index';\nimport { Legends } from '../Legends/index';\nimport {\n  createRadialScale,\n  getContinuousScaleDomain,\n  getScaleType,\n  EPSILON,\n  createAngularScale,\n  formatAngle,\n} from './PolarChart.utils';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\nimport {\n  getColorFromToken,\n  getCurveFactory,\n  getNextColor,\n  isPlottable,\n  sortAxisCategories,\n} from '../../utilities/index';\nimport { extent as d3Extent } from 'd3-array';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { formatToLocaleString } from '@fluentui/chart-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\nconst DEFAULT_LEGEND_HEIGHT = 32;\nconst LABEL_WIDTH = 36;\nconst LABEL_HEIGHT = 16;\nconst LABEL_OFFSET = 10;\nconst TICK_SIZE = 6;\nconst MIN_MARKER_SIZE_PX = 2;\nconst MAX_MARKER_SIZE_PX = 16;\nconst MIN_MARKER_SIZE_PX_MARKERS_ONLY = 4;\n\nexport const PolarChart: React.FunctionComponent<PolarChartProps> = React.forwardRef<HTMLDivElement, PolarChartProps>(\n  (props, forwardedRef) => {\n    const { chartContainerRef, legendsRef } = useImageExport(props.componentRef, props.hideLegend, false);\n    const legendContainerRef = React.useRef<HTMLDivElement>(null);\n    const { targetDocument } = useFluent();\n    const _window = targetDocument?.defaultView;\n\n    const [containerWidth, setContainerWidth] = React.useState<number>(200);\n    const [containerHeight, setContainerHeight] = React.useState<number>(200);\n    const [legendContainerHeight, setLegendContainerHeight] = React.useState<number>(\n      props.hideLegend ? 0 : DEFAULT_LEGEND_HEIGHT,\n    );\n    const [isPopoverOpen, setPopoverOpen] = React.useState<boolean>(false);\n    const [popoverTarget, setPopoverTarget] = React.useState<SVGElement | null>(null);\n    const [popoverXValue, setPopoverXValue] = React.useState<string>('');\n    const [popoverLegend, setPopoverLegend] = React.useState<string>('');\n    const [popoverColor, setPopoverColor] = React.useState<string>('');\n    const [popoverYValue, setPopoverYValue] = React.useState<string>('');\n    const [hoveredLegend, setHoveredLegend] = React.useState<string>('');\n    const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends || []);\n    const [activePoint, setActivePoint] = React.useState<string>('');\n\n    React.useEffect(() => {\n      if (chartContainerRef.current) {\n        const { width, height } = chartContainerRef.current.getBoundingClientRect();\n        setContainerWidth(width);\n        setContainerHeight(height);\n      }\n    }, [chartContainerRef]);\n    React.useEffect(() => {\n      if (props.hideLegend) {\n        setLegendContainerHeight(0);\n      } else if (legendContainerRef.current) {\n        const { height } = legendContainerRef.current.getBoundingClientRect();\n        const marginTop = _window?.getComputedStyle(legendContainerRef.current).marginTop || '0px';\n        setLegendContainerHeight(Math.max(height, DEFAULT_LEGEND_HEIGHT) + parseFloat(marginTop));\n      }\n    }, [props.hideLegend, _window]);\n\n    React.useEffect(() => {\n      setSelectedLegends(props.legendProps?.selectedLegends || []);\n    }, [props.legendProps?.selectedLegends]);\n\n    const margins = React.useMemo(\n      () => ({\n        left: LABEL_OFFSET + LABEL_WIDTH,\n        right: LABEL_OFFSET + LABEL_WIDTH,\n        top: LABEL_OFFSET + LABEL_HEIGHT,\n        bottom: LABEL_OFFSET + LABEL_HEIGHT,\n        ...props.margins,\n      }),\n      [props.margins],\n    );\n\n    const svgWidth = React.useMemo(() => props.width || containerWidth, [props.width, containerWidth]);\n    const svgHeight = React.useMemo(\n      () => (props.height || containerHeight) - legendContainerHeight,\n      [props.height, containerHeight, legendContainerHeight],\n    );\n    const outerRadius = React.useMemo(\n      () => Math.min(svgWidth - (margins.left + margins.right), svgHeight - (margins.top + margins.bottom)) / 2,\n      [svgWidth, svgHeight, margins],\n    );\n    const innerRadius = React.useMemo(\n      () => Math.max(0, Math.min(Math.abs(props.hole || 0), 1)) * outerRadius,\n      [props.hole, outerRadius],\n    );\n\n    const legendColorMap = React.useRef<Record<string, string>>({});\n    const chartData = React.useMemo(() => {\n      legendColorMap.current = {};\n      let colorIndex = 0;\n      const renderingOrder = ['areapolar', 'linepolar', 'scatterpolar'];\n\n      return props.data\n        .map(series => {\n          const seriesColor = series.color ? getColorFromToken(series.color) : getNextColor(colorIndex++, 0);\n          if (!(series.legend in legendColorMap.current)) {\n            legendColorMap.current[series.legend] = seriesColor;\n          }\n\n          return {\n            ...series,\n            color: seriesColor,\n            data: series.data.map(point => {\n              return {\n                ...point,\n                color: point.color ? getColorFromToken(point.color) : seriesColor,\n              };\n            }),\n          };\n        })\n        .sort((a, b) => {\n          return renderingOrder.indexOf(a.type) - renderingOrder.indexOf(b.type);\n        });\n    }, [props.data]);\n\n    const mapCategoryToValues = React.useCallback(\n      (isAngularAxis?: boolean) => {\n        const categoryToValues: Record<string, number[]> = {};\n        chartData.forEach(series => {\n          series.data.forEach(point => {\n            const category = (isAngularAxis ? point.theta : point.r) as string;\n            if (!categoryToValues[category]) {\n              categoryToValues[category] = [];\n            }\n            const value = isAngularAxis ? point.r : point.theta;\n            if (typeof value === 'number') {\n              categoryToValues[category].push(value);\n            }\n          });\n        });\n        return categoryToValues;\n      },\n      [chartData],\n    );\n\n    const getOrderedRCategories = React.useCallback(() => {\n      return sortAxisCategories(mapCategoryToValues(), props.radialAxis?.categoryOrder);\n    }, [mapCategoryToValues, props.radialAxis?.categoryOrder]);\n\n    const getOrderedACategories = React.useCallback(() => {\n      return sortAxisCategories(mapCategoryToValues(true), props.angularAxis?.categoryOrder);\n    }, [mapCategoryToValues, props.angularAxis?.categoryOrder]);\n\n    const rValues = React.useMemo(() => chartData.flatMap(series => series.data.map(point => point.r)), [chartData]);\n    const rScaleType = React.useMemo(\n      () =>\n        getScaleType(rValues, {\n          scaleType: props.radialAxis?.scaleType,\n          supportsLog: true,\n        }),\n      [rValues, props.radialAxis?.scaleType],\n    );\n    const rScaleDomain = React.useMemo(\n      () =>\n        rScaleType === 'category'\n          ? getOrderedRCategories()\n          : getContinuousScaleDomain(rScaleType, rValues as (number | Date)[], {\n              rangeStart: props.radialAxis?.rangeStart,\n              rangeEnd: props.radialAxis?.rangeEnd,\n            }),\n      [getOrderedRCategories, rScaleType, rValues, props.radialAxis?.rangeStart, props.radialAxis?.rangeEnd],\n    );\n    const {\n      scale: rScale,\n      tickValues: rTickValues,\n      tickLabels: rTickLabels,\n    } = React.useMemo(\n      () =>\n        createRadialScale(rScaleType, rScaleDomain, [innerRadius, outerRadius], {\n          useUTC: props.useUTC,\n          tickCount: props.radialAxis?.tickCount,\n          tickValues: props.radialAxis?.tickValues,\n          tickText: props.radialAxis?.tickText,\n          tickFormat: props.radialAxis?.tickFormat,\n          culture: props.culture,\n          tickStep: props.radialAxis?.tickStep,\n          tick0: props.radialAxis?.tick0,\n          dateLocalizeOptions: props.dateLocalizeOptions,\n        }),\n      [\n        rScaleType,\n        rScaleDomain,\n        innerRadius,\n        outerRadius,\n        props.culture,\n        props.dateLocalizeOptions,\n        props.radialAxis?.tick0,\n        props.radialAxis?.tickCount,\n        props.radialAxis?.tickFormat,\n        props.radialAxis?.tickStep,\n        props.radialAxis?.tickText,\n        props.radialAxis?.tickValues,\n        props.useUTC,\n      ],\n    );\n\n    const aValues = React.useMemo(\n      () => chartData.flatMap(series => series.data.map(point => point.theta)),\n      [chartData],\n    );\n    const aScaleType = React.useMemo(\n      () =>\n        getScaleType(aValues, {\n          scaleType: props.angularAxis?.scaleType,\n        }),\n      [aValues, props.angularAxis?.scaleType],\n    );\n    const aDomain = React.useMemo(\n      () =>\n        aScaleType === 'category'\n          ? getOrderedACategories()\n          : (getContinuousScaleDomain(aScaleType, aValues as number[]) as number[]),\n      [getOrderedACategories, aScaleType, aValues],\n    );\n    const {\n      scale: aScale,\n      tickValues: aTickValues,\n      tickLabels: aTickLabels,\n    } = React.useMemo(\n      () =>\n        createAngularScale(aScaleType, aDomain, {\n          tickCount: props.angularAxis?.tickCount,\n          tickValues: props.angularAxis?.tickValues,\n          tickText: props.angularAxis?.tickText,\n          tickFormat: props.angularAxis?.tickFormat,\n          culture: props.culture,\n          tickStep: props.angularAxis?.tickStep,\n          tick0: props.angularAxis?.tick0,\n          direction: props.direction,\n          unit: props.angularAxis?.unit,\n        }),\n      [\n        aScaleType,\n        aDomain,\n        props.angularAxis?.tick0,\n        props.angularAxis?.tickCount,\n        props.angularAxis?.tickFormat,\n        props.angularAxis?.tickStep,\n        props.angularAxis?.tickText,\n        props.angularAxis?.tickValues,\n        props.angularAxis?.unit,\n        props.culture,\n        props.direction,\n      ],\n    );\n\n    const classes = usePolarChartStyles(props);\n\n    const renderPolarGrid = React.useCallback(() => {\n      const extRTickValues = [];\n      const rDomain = rScale.domain();\n      if (innerRadius > 0 && rDomain[0] !== rTickValues[0]) {\n        extRTickValues.push(rDomain[0]);\n      }\n      extRTickValues.push(...rTickValues);\n      if (rDomain[rDomain.length - 1] !== rTickValues[rTickValues.length - 1]) {\n        extRTickValues.push(rDomain[rDomain.length - 1]);\n      }\n\n      return (\n        <g>\n          <g>\n            {extRTickValues.map((r, rIndex) => {\n              const className = rIndex === extRTickValues.length - 1 ? classes.gridLineOuter : classes.gridLineInner;\n\n              if (props.shape === 'polygon') {\n                let d = '';\n                aTickValues.forEach((a, aIndex) => {\n                  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                  const radialPoint = d3PointRadial(aScale(a), rScale(r as any)!);\n                  d += (aIndex === 0 ? 'M' : 'L') + radialPoint.join(',') + ' ';\n                });\n                d += 'Z';\n\n                return <path key={rIndex} d={d} className={className} />;\n              }\n\n              // eslint-disable-next-line @typescript-eslint/no-explicit-any\n              return <circle key={rIndex} cx={0} cy={0} r={rScale(r as any)} className={className} />;\n            })}\n          </g>\n          <g>\n            {aTickValues.map((a, aIndex) => {\n              const radialPoint1 = d3PointRadial(aScale(a), innerRadius);\n              const radialPoint2 = d3PointRadial(aScale(a), outerRadius);\n\n              return (\n                <path\n                  key={aIndex}\n                  d={`M${radialPoint1.join(',')} L${radialPoint2.join(',')}`}\n                  className={classes.gridLineInner}\n                />\n              );\n            })}\n          </g>\n        </g>\n      );\n    }, [\n      innerRadius,\n      outerRadius,\n      rTickValues,\n      aTickValues,\n      rScale,\n      aScale,\n      props.shape,\n      classes.gridLineInner,\n      classes.gridLineOuter,\n    ]);\n\n    const renderPolarTicks = React.useCallback(() => {\n      const radialAxisAngle = props.direction === 'clockwise' ? 0 : Math.PI / 2;\n      const radialAxisStartPoint = d3PointRadial(radialAxisAngle, innerRadius);\n      const radialAxisEndPoint = d3PointRadial(radialAxisAngle, outerRadius);\n      // (0, pi]\n      const sign = radialAxisAngle > EPSILON && radialAxisAngle - Math.PI < EPSILON ? 1 : -1;\n\n      return (\n        <g>\n          <g>\n            <path\n              d={`M${radialAxisStartPoint.join(',')} L${radialAxisEndPoint.join(',')}`}\n              className={classes.gridLineOuter}\n            />\n            {rTickValues.map((r, rIndex) => {\n              // eslint-disable-next-line @typescript-eslint/no-explicit-any\n              const [pointX, pointY] = d3PointRadial(radialAxisAngle, rScale(r as any)!);\n              return (\n                <g key={rIndex}>\n                  <path\n                    d={`M${pointX},${pointY} L${pointX + TICK_SIZE * Math.cos(radialAxisAngle) * sign},${\n                      pointY + TICK_SIZE * Math.sin(radialAxisAngle) * sign\n                    }`}\n                    className={classes.gridLineOuter}\n                  />\n                  <text\n                    x={pointX + (TICK_SIZE + LABEL_OFFSET) * Math.cos(radialAxisAngle) * sign}\n                    y={pointY + (TICK_SIZE + LABEL_OFFSET) * Math.sin(radialAxisAngle) * sign}\n                    textAnchor={\n                      // pi/2 or 3pi/2\n                      Math.abs(radialAxisAngle - Math.PI / 2) < EPSILON ||\n                      Math.abs(radialAxisAngle - (3 * Math.PI) / 2) < EPSILON\n                        ? 'middle'\n                        : // (0, pi/2) or (pi, 3pi/2)\n                        (radialAxisAngle > EPSILON && radialAxisAngle - Math.PI / 2 < -EPSILON) ||\n                          (radialAxisAngle - Math.PI > EPSILON && radialAxisAngle - (3 * Math.PI) / 2 < -EPSILON)\n                        ? 'start'\n                        : 'end'\n                    }\n                    dominantBaseline=\"middle\"\n                    aria-hidden={true}\n                    className={classes.tickLabel}\n                  >\n                    {rTickLabels[rIndex]}\n                  </text>\n                </g>\n              );\n            })}\n          </g>\n          <g>\n            {aTickValues.map((a, aIndex) => {\n              const angle = aScale(a);\n              const [pointX, pointY] = d3PointRadial(angle, outerRadius + LABEL_OFFSET);\n\n              return (\n                <text\n                  key={aIndex}\n                  x={pointX}\n                  y={pointY}\n                  textAnchor={\n                    Math.abs(angle) < EPSILON || Math.abs(angle - Math.PI) < EPSILON\n                      ? 'middle'\n                      : angle > Math.PI\n                      ? 'end'\n                      : 'start'\n                  }\n                  dominantBaseline=\"middle\"\n                  aria-hidden={true}\n                  className={classes.tickLabel}\n                >\n                  {aTickLabels[aIndex]}\n                </text>\n              );\n            })}\n          </g>\n        </g>\n      );\n    }, [\n      rTickValues,\n      aTickValues,\n      rScale,\n      aScale,\n      outerRadius,\n      classes.gridLineOuter,\n      classes.tickLabel,\n      aTickLabels,\n      innerRadius,\n      rTickLabels,\n      props.direction,\n    ]);\n\n    const getActiveLegends = React.useCallback(() => {\n      return selectedLegends.length > 0 ? selectedLegends : hoveredLegend ? [hoveredLegend] : [];\n    }, [selectedLegends, hoveredLegend]);\n\n    const legendHighlighted = React.useCallback(\n      (legendTitle: string) => {\n        const activeLegends = getActiveLegends();\n        return activeLegends.includes(legendTitle) || activeLegends.length === 0;\n      },\n      [getActiveLegends],\n    );\n\n    const renderRadialArea = React.useCallback(\n      (series: AreaPolarSeries) => {\n        const radialArea = d3AreaRadial<PolarDataPoint>()\n          .angle(d => aScale(d.theta))\n          .innerRadius(innerRadius)\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          .outerRadius(d => rScale(d.r as any)!)\n          .curve(getCurveFactory(series.lineOptions?.curve, d3CurveLinearClosed))\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          .defined(d => isPlottable(aScale(d.theta), rScale(d.r as any)));\n        const shouldHighlight = legendHighlighted(series.legend);\n\n        return (\n          <path\n            d={radialArea(series.data)!}\n            fill={series.color}\n            fillOpacity={shouldHighlight ? 0.7 : 0.1}\n            pointerEvents=\"none\"\n          />\n        );\n      },\n      [innerRadius, rScale, aScale, legendHighlighted],\n    );\n\n    const renderRadialLine = React.useCallback(\n      (series: AreaPolarSeries | LinePolarSeries) => {\n        const radialLine = d3LineRadial<PolarDataPoint>()\n          .angle(d => aScale(d.theta))\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          .radius(d => rScale(d.r as any)!)\n          .curve(getCurveFactory(series.lineOptions?.curve))\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          .defined(d => isPlottable(aScale(d.theta), rScale(d.r as any)));\n\n        return (\n          <path\n            d={radialLine(series.data)!}\n            fill=\"none\"\n            stroke={series.color}\n            strokeOpacity={legendHighlighted(series.legend) ? 1 : 0.1}\n            strokeWidth={series.lineOptions?.strokeWidth ?? 3}\n            strokeDasharray={series.lineOptions?.strokeDasharray}\n            strokeDashoffset={series.lineOptions?.strokeDashoffset}\n            strokeLinecap={series.lineOptions?.strokeLinecap}\n            pointerEvents=\"none\"\n          />\n        );\n      },\n      [rScale, aScale, legendHighlighted],\n    );\n\n    const [minMarkerSize, maxMarkerSize] = React.useMemo(\n      () => d3Extent<number>(chartData.flatMap(series => series.data.map(point => point.markerSize as number))),\n      [chartData],\n    );\n\n    const showPopover = React.useCallback(\n      (\n        event: React.MouseEvent<SVGElement> | React.FocusEvent<SVGElement>,\n        point: PolarDataPoint,\n        pointId: string,\n        legend: string,\n      ) => {\n        setPopoverTarget(event.currentTarget);\n        setPopoverOpen(legendHighlighted(legend));\n        setPopoverXValue(point.angularAxisCalloutData ?? formatAngle(point.theta, props.angularAxis?.unit));\n        setPopoverLegend(legend);\n        setPopoverColor(point.color!);\n        setPopoverYValue(\n          point.radialAxisCalloutData ?? (formatToLocaleString(point.r, props.culture, props.useUTC) as string),\n        );\n        setActivePoint(pointId);\n      },\n      [legendHighlighted, props.angularAxis?.unit, props.culture, props.useUTC],\n    );\n\n    const hidePopover = React.useCallback(() => {\n      setPopoverOpen(false);\n      setActivePoint('');\n    }, []);\n\n    const markersOnlyMode = React.useMemo(\n      () => chartData.filter(s => s.type === 'areapolar' || s.type === 'linepolar').length === 0,\n      [chartData],\n    );\n\n    const renderRadialPoints = React.useCallback(\n      (series: AreaPolarSeries | LinePolarSeries | ScatterPolarSeries, seriesIndex: number) => {\n        const shouldHighlight = legendHighlighted(series.legend);\n        return (\n          <g>\n            {series.data.map((point, pointIndex) => {\n              // eslint-disable-next-line @typescript-eslint/no-explicit-any\n              if (!isPlottable(aScale(point.theta), rScale(point.r as any))) {\n                return null;\n              }\n\n              // eslint-disable-next-line @typescript-eslint/no-explicit-any\n              const [x, y] = d3PointRadial(aScale(point.theta), rScale(point.r as any)!);\n              const id = `${seriesIndex}-${pointIndex}`;\n              const isActive = activePoint === id;\n              const minPx = markersOnlyMode ? MIN_MARKER_SIZE_PX_MARKERS_ONLY : MIN_MARKER_SIZE_PX;\n              let radius = minPx;\n              if (typeof point.markerSize !== 'undefined' && minMarkerSize !== maxMarkerSize) {\n                radius =\n                  minPx +\n                  ((point.markerSize - minMarkerSize!) / (maxMarkerSize! - minMarkerSize!)) *\n                    (MAX_MARKER_SIZE_PX - minPx);\n              }\n\n              const xValue =\n                point.radialAxisCalloutData || (formatToLocaleString(point.r, props.culture, props.useUTC) as string);\n              const legend = series.legend;\n              const yValue = point.angularAxisCalloutData || formatAngle(point.theta, props.angularAxis?.unit);\n              const ariaLabel = point.callOutAccessibilityData?.ariaLabel || `${xValue}. ${legend}, ${yValue}.`;\n\n              return (\n                <circle\n                  key={pointIndex}\n                  cx={x}\n                  cy={y}\n                  r={radius}\n                  fill={isActive ? tokens.colorNeutralBackground1 : point.color}\n                  stroke={isActive ? point.color : 'none'}\n                  strokeWidth={isActive ? 2 : 0}\n                  opacity={shouldHighlight ? 1 : 0.1}\n                  tabIndex={shouldHighlight ? 0 : -1}\n                  onMouseOver={e => showPopover(e, point, id, series.legend)}\n                  onFocus={e => showPopover(e, point, id, series.legend)}\n                  role=\"img\"\n                  aria-label={ariaLabel}\n                />\n              );\n            })}\n          </g>\n        );\n      },\n      [\n        legendHighlighted,\n        rScale,\n        aScale,\n        activePoint,\n        showPopover,\n        minMarkerSize,\n        maxMarkerSize,\n        markersOnlyMode,\n        props.angularAxis?.unit,\n        props.culture,\n        props.useUTC,\n      ],\n    );\n\n    const onLegendSelectionChange = React.useCallback(\n      (_selectedLegends: string[], event: React.MouseEvent<HTMLButtonElement>, currentLegend?: Legend) => {\n        if (props.legendProps?.canSelectMultipleLegends) {\n          setSelectedLegends(_selectedLegends);\n        } else {\n          setSelectedLegends(_selectedLegends.slice(-1));\n        }\n        if (props.legendProps?.onChange) {\n          props.legendProps.onChange(_selectedLegends, event, currentLegend);\n        }\n      },\n      [props.legendProps],\n    );\n\n    const renderLegends = React.useCallback(() => {\n      if (props.hideLegend) {\n        return null;\n      }\n\n      const legends: Legend[] = Object.keys(legendColorMap.current).map(legendTitle => {\n        return {\n          title: legendTitle,\n          color: legendColorMap.current[legendTitle],\n          hoverAction: () => {\n            setHoveredLegend(legendTitle);\n          },\n          onMouseOutAction: () => {\n            setHoveredLegend('');\n          },\n        };\n      });\n\n      return (\n        <div ref={legendContainerRef} className={classes.legendContainer}>\n          <Legends\n            legends={legends}\n            centerLegends\n            onChange={onLegendSelectionChange}\n            legendRef={legendsRef}\n            {...props.legendProps}\n          />\n        </div>\n      );\n    }, [props.hideLegend, props.legendProps, legendsRef, onLegendSelectionChange, classes.legendContainer]);\n\n    const focusAttributes = useArrowNavigationGroup({ axis: 'horizontal' });\n\n    return (\n      <div className={classes.root} ref={chartContainerRef} onMouseLeave={hidePopover} onBlur={hidePopover}>\n        <div className={classes.chartWrapper} {...focusAttributes}>\n          <svg\n            className={classes.chart}\n            width={svgWidth}\n            height={svgHeight}\n            role=\"region\"\n            aria-label={\n              (props.chartTitle ? `${props.chartTitle}. ` : '') + `Polar chart with ${chartData.length} data series.`\n            }\n          >\n            <g transform={`translate(${svgWidth / 2}, ${svgHeight / 2})`}>\n              {renderPolarGrid()}\n              <g>\n                {chartData.map((series, seriesIndex) => {\n                  return (\n                    <g\n                      key={seriesIndex}\n                      role=\"region\"\n                      aria-label={`${series.legend}, series ${seriesIndex + 1} of ${chartData.length} with ${\n                        series.data.length\n                      } data points.`}\n                    >\n                      {series.type === 'areapolar' && renderRadialArea(series)}\n                      {(series.type === 'areapolar' || series.type === 'linepolar') && renderRadialLine(series)}\n                      {renderRadialPoints(series, seriesIndex)}\n                    </g>\n                  );\n                })}\n              </g>\n              {renderPolarTicks()}\n            </g>\n          </svg>\n        </div>\n        {renderLegends()}\n        {!props.hideTooltip && (\n          <ChartPopover\n            isPopoverOpen={isPopoverOpen}\n            positioning={{\n              target: popoverTarget,\n            }}\n            XValue={popoverXValue}\n            legend={popoverLegend}\n            color={popoverColor}\n            YValue={popoverYValue}\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nPolarChart.displayName = 'PolarChart';\n"],"names":["React","usePolarChartStyles","useImageExport","pointRadial","d3PointRadial","areaRadial","d3AreaRadial","lineRadial","d3LineRadial","curveLinearClosed","d3CurveLinearClosed","tokens","Legends","createRadialScale","getContinuousScaleDomain","getScaleType","EPSILON","createAngularScale","formatAngle","ChartPopover","getColorFromToken","getCurveFactory","getNextColor","isPlottable","sortAxisCategories","extent","d3Extent","useArrowNavigationGroup","formatToLocaleString","useFluent_unstable","useFluent","DEFAULT_LEGEND_HEIGHT","LABEL_WIDTH","LABEL_HEIGHT","LABEL_OFFSET","TICK_SIZE","MIN_MARKER_SIZE_PX","MAX_MARKER_SIZE_PX","MIN_MARKER_SIZE_PX_MARKERS_ONLY","PolarChart","forwardRef","props","forwardedRef","chartContainerRef","legendsRef","componentRef","hideLegend","legendContainerRef","useRef","targetDocument","_window","defaultView","containerWidth","setContainerWidth","useState","containerHeight","setContainerHeight","legendContainerHeight","setLegendContainerHeight","isPopoverOpen","setPopoverOpen","popoverTarget","setPopoverTarget","popoverXValue","setPopoverXValue","popoverLegend","setPopoverLegend","popoverColor","setPopoverColor","popoverYValue","setPopoverYValue","hoveredLegend","setHoveredLegend","selectedLegends","setSelectedLegends","legendProps","activePoint","setActivePoint","useEffect","current","width","height","getBoundingClientRect","marginTop","getComputedStyle","Math","max","parseFloat","margins","useMemo","left","right","top","bottom","svgWidth","svgHeight","outerRadius","min","innerRadius","abs","hole","legendColorMap","chartData","colorIndex","renderingOrder","data","map","series","seriesColor","color","legend","point","sort","a","b","indexOf","type","mapCategoryToValues","useCallback","isAngularAxis","categoryToValues","forEach","category","theta","r","value","push","getOrderedRCategories","radialAxis","categoryOrder","getOrderedACategories","angularAxis","rValues","flatMap","rScaleType","scaleType","supportsLog","rScaleDomain","rangeStart","rangeEnd","scale","rScale","tickValues","rTickValues","tickLabels","rTickLabels","useUTC","tickCount","tickText","tickFormat","culture","tickStep","tick0","dateLocalizeOptions","aValues","aScaleType","aDomain","aScale","aTickValues","aTickLabels","direction","unit","classes","renderPolarGrid","extRTickValues","rDomain","domain","length","g","rIndex","className","gridLineOuter","gridLineInner","shape","d","aIndex","radialPoint","join","path","key","circle","cx","cy","radialPoint1","radialPoint2","renderPolarTicks","radialAxisAngle","PI","radialAxisStartPoint","radialAxisEndPoint","sign","pointX","pointY","cos","sin","text","x","y","textAnchor","dominantBaseline","aria-hidden","tickLabel","angle","getActiveLegends","legendHighlighted","legendTitle","activeLegends","includes","renderRadialArea","radialArea","curve","lineOptions","defined","shouldHighlight","fill","fillOpacity","pointerEvents","renderRadialLine","radialLine","radius","stroke","strokeOpacity","strokeWidth","strokeDasharray","strokeDashoffset","strokeLinecap","minMarkerSize","maxMarkerSize","markerSize","showPopover","event","pointId","currentTarget","angularAxisCalloutData","radialAxisCalloutData","hidePopover","markersOnlyMode","filter","s","renderRadialPoints","seriesIndex","pointIndex","id","isActive","minPx","xValue","yValue","ariaLabel","callOutAccessibilityData","colorNeutralBackground1","opacity","tabIndex","onMouseOver","e","onFocus","role","aria-label","onLegendSelectionChange","_selectedLegends","currentLegend","canSelectMultipleLegends","slice","onChange","renderLegends","legends","Object","keys","title","hoverAction","onMouseOutAction","div","ref","legendContainer","centerLegends","legendRef","focusAttributes","axis","root","onMouseLeave","onBlur","chartWrapper","svg","chart","chartTitle","transform","hideTooltip","positioning","target","XValue","YValue","displayName"],"mappings":"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"}
+{"version":3,"sources":["../src/components/PolarChart/PolarChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { PolarChartProps } from './PolarChart.types';\nimport { usePolarChartStyles } from './usePolarChartStyles.styles';\nimport { useImageExport } from '../../utilities/hooks';\nimport {\n  pointRadial as d3PointRadial,\n  areaRadial as d3AreaRadial,\n  lineRadial as d3LineRadial,\n  curveLinearClosed as d3CurveLinearClosed,\n} from 'd3-shape';\nimport type { AreaPolarSeries, LinePolarSeries, PolarDataPoint, ScatterPolarSeries } from '../../types/DataPoint';\nimport { tokens } from '@fluentui/react-theme';\nimport type { Legend } from '../Legends/index';\nimport { Legends } from '../Legends/index';\nimport {\n  createRadialScale,\n  getContinuousScaleDomain,\n  getScaleType,\n  EPSILON,\n  createAngularScale,\n  formatAngle,\n} from './PolarChart.utils';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\nimport {\n  getColorFromToken,\n  getCurveFactory,\n  getNextColor,\n  isPlottable,\n  sortAxisCategories,\n} from '../../utilities/index';\nimport { extent as d3Extent } from 'd3-array';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { formatToLocaleString } from '@fluentui/chart-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\nconst DEFAULT_LEGEND_HEIGHT = 32;\nconst LABEL_WIDTH = 36;\nconst LABEL_HEIGHT = 16;\nconst LABEL_OFFSET = 10;\nconst TICK_SIZE = 6;\nconst MIN_MARKER_SIZE_PX = 2;\nconst MAX_MARKER_SIZE_PX = 16;\nconst MIN_MARKER_SIZE_PX_MARKERS_ONLY = 4;\n\nexport const PolarChart: React.FunctionComponent<PolarChartProps> = React.forwardRef<HTMLDivElement, PolarChartProps>(\n  (props, forwardedRef) => {\n    const { chartContainerRef, legendsRef } = useImageExport(props.componentRef, props.hideLegend, false);\n    const legendContainerRef = React.useRef<HTMLDivElement>(null);\n    const { targetDocument } = useFluent();\n    const _window = targetDocument?.defaultView;\n\n    const [containerWidth, setContainerWidth] = React.useState<number>(200);\n    const [containerHeight, setContainerHeight] = React.useState<number>(200);\n    const [legendContainerHeight, setLegendContainerHeight] = React.useState<number>(\n      props.hideLegend ? 0 : DEFAULT_LEGEND_HEIGHT,\n    );\n    const [isPopoverOpen, setPopoverOpen] = React.useState<boolean>(false);\n    const [popoverTarget, setPopoverTarget] = React.useState<SVGElement | null>(null);\n    const [popoverXValue, setPopoverXValue] = React.useState<string>('');\n    const [popoverLegend, setPopoverLegend] = React.useState<string>('');\n    const [popoverColor, setPopoverColor] = React.useState<string>('');\n    const [popoverYValue, setPopoverYValue] = React.useState<string>('');\n    const [hoveredLegend, setHoveredLegend] = React.useState<string>('');\n    const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends || []);\n    const [activePoint, setActivePoint] = React.useState<string>('');\n\n    React.useEffect(() => {\n      if (chartContainerRef.current) {\n        const { width, height } = chartContainerRef.current.getBoundingClientRect();\n        setContainerWidth(width);\n        setContainerHeight(height);\n      }\n    }, [chartContainerRef]);\n    React.useEffect(() => {\n      if (props.hideLegend) {\n        setLegendContainerHeight(0);\n      } else if (legendContainerRef.current) {\n        const { height } = legendContainerRef.current.getBoundingClientRect();\n        const marginTop = _window?.getComputedStyle(legendContainerRef.current).marginTop || '0px';\n        setLegendContainerHeight(Math.max(height, DEFAULT_LEGEND_HEIGHT) + parseFloat(marginTop));\n      }\n    }, [props.hideLegend, _window]);\n\n    React.useEffect(() => {\n      setSelectedLegends(props.legendProps?.selectedLegends || []);\n    }, [props.legendProps?.selectedLegends]);\n\n    const margins = React.useMemo(\n      () => ({\n        left: LABEL_OFFSET + LABEL_WIDTH,\n        right: LABEL_OFFSET + LABEL_WIDTH,\n        top: LABEL_OFFSET + LABEL_HEIGHT,\n        bottom: LABEL_OFFSET + LABEL_HEIGHT,\n        ...props.margins,\n      }),\n      [props.margins],\n    );\n\n    const svgWidth = React.useMemo(() => props.width || containerWidth, [props.width, containerWidth]);\n    const svgHeight = React.useMemo(\n      () => (props.height || containerHeight) - legendContainerHeight,\n      [props.height, containerHeight, legendContainerHeight],\n    );\n    const outerRadius = React.useMemo(\n      () => Math.min(svgWidth - (margins.left + margins.right), svgHeight - (margins.top + margins.bottom)) / 2,\n      [svgWidth, svgHeight, margins],\n    );\n    const innerRadius = React.useMemo(\n      () => Math.max(0, Math.min(Math.abs(props.hole || 0), 1)) * outerRadius,\n      [props.hole, outerRadius],\n    );\n\n    const legendColorMap = React.useRef<Record<string, string>>({});\n    const chartData = React.useMemo(() => {\n      legendColorMap.current = {};\n      let colorIndex = 0;\n      const renderingOrder = ['areapolar', 'linepolar', 'scatterpolar'];\n\n      return props.data\n        .map(series => {\n          const seriesColor = series.color ? getColorFromToken(series.color) : getNextColor(colorIndex++, 0);\n          if (!(series.legend in legendColorMap.current)) {\n            legendColorMap.current[series.legend] = seriesColor;\n          }\n\n          return {\n            ...series,\n            color: seriesColor,\n            data: series.data.map(point => {\n              return {\n                ...point,\n                color: point.color ? getColorFromToken(point.color) : seriesColor,\n              };\n            }),\n          };\n        })\n        .sort((a, b) => {\n          return renderingOrder.indexOf(a.type) - renderingOrder.indexOf(b.type);\n        });\n    }, [props.data]);\n\n    const mapCategoryToValues = React.useCallback(\n      (isAngularAxis?: boolean) => {\n        const categoryToValues: Record<string, number[]> = {};\n        chartData.forEach(series => {\n          series.data.forEach(point => {\n            const category = (isAngularAxis ? point.theta : point.r) as string;\n            if (!categoryToValues[category]) {\n              categoryToValues[category] = [];\n            }\n            const value = isAngularAxis ? point.r : point.theta;\n            if (typeof value === 'number') {\n              categoryToValues[category].push(value);\n            }\n          });\n        });\n        return categoryToValues;\n      },\n      [chartData],\n    );\n\n    const getOrderedRCategories = React.useCallback(() => {\n      return sortAxisCategories(mapCategoryToValues(), props.radialAxis?.categoryOrder);\n    }, [mapCategoryToValues, props.radialAxis?.categoryOrder]);\n\n    const getOrderedACategories = React.useCallback(() => {\n      return sortAxisCategories(mapCategoryToValues(true), props.angularAxis?.categoryOrder);\n    }, [mapCategoryToValues, props.angularAxis?.categoryOrder]);\n\n    const rValues = React.useMemo(() => chartData.flatMap(series => series.data.map(point => point.r)), [chartData]);\n    const rScaleType = React.useMemo(\n      () =>\n        getScaleType(rValues, {\n          scaleType: props.radialAxis?.scaleType,\n          supportsLog: true,\n        }),\n      [rValues, props.radialAxis?.scaleType],\n    );\n    const rScaleDomain = React.useMemo(\n      () =>\n        rScaleType === 'category'\n          ? getOrderedRCategories()\n          : getContinuousScaleDomain(rScaleType, rValues as (number | Date)[], {\n              rangeStart: props.radialAxis?.rangeStart,\n              rangeEnd: props.radialAxis?.rangeEnd,\n            }),\n      [getOrderedRCategories, rScaleType, rValues, props.radialAxis?.rangeStart, props.radialAxis?.rangeEnd],\n    );\n    const {\n      scale: rScale,\n      tickValues: rTickValues,\n      tickLabels: rTickLabels,\n    } = React.useMemo(\n      () =>\n        createRadialScale(rScaleType, rScaleDomain, [innerRadius, outerRadius], {\n          useUTC: props.useUTC,\n          tickCount: props.radialAxis?.tickCount,\n          tickValues: props.radialAxis?.tickValues,\n          tickText: props.radialAxis?.tickText,\n          tickFormat: props.radialAxis?.tickFormat,\n          culture: props.culture,\n          tickStep: props.radialAxis?.tickStep,\n          tick0: props.radialAxis?.tick0,\n          dateLocalizeOptions: props.dateLocalizeOptions,\n        }),\n      [\n        rScaleType,\n        rScaleDomain,\n        innerRadius,\n        outerRadius,\n        props.culture,\n        props.dateLocalizeOptions,\n        props.radialAxis?.tick0,\n        props.radialAxis?.tickCount,\n        props.radialAxis?.tickFormat,\n        props.radialAxis?.tickStep,\n        props.radialAxis?.tickText,\n        props.radialAxis?.tickValues,\n        props.useUTC,\n      ],\n    );\n\n    const aValues = React.useMemo(\n      () => chartData.flatMap(series => series.data.map(point => point.theta)),\n      [chartData],\n    );\n    const aScaleType = React.useMemo(\n      () =>\n        getScaleType(aValues, {\n          scaleType: props.angularAxis?.scaleType,\n        }),\n      [aValues, props.angularAxis?.scaleType],\n    );\n    const aDomain = React.useMemo(\n      () =>\n        aScaleType === 'category'\n          ? getOrderedACategories()\n          : (getContinuousScaleDomain(aScaleType, aValues as number[]) as number[]),\n      [getOrderedACategories, aScaleType, aValues],\n    );\n    const {\n      scale: aScale,\n      tickValues: aTickValues,\n      tickLabels: aTickLabels,\n    } = React.useMemo(\n      () =>\n        createAngularScale(aScaleType, aDomain, {\n          tickCount: props.angularAxis?.tickCount,\n          tickValues: props.angularAxis?.tickValues,\n          tickText: props.angularAxis?.tickText,\n          tickFormat: props.angularAxis?.tickFormat,\n          culture: props.culture,\n          tickStep: props.angularAxis?.tickStep,\n          tick0: props.angularAxis?.tick0,\n          direction: props.direction,\n          unit: props.angularAxis?.unit,\n        }),\n      [\n        aScaleType,\n        aDomain,\n        props.angularAxis?.tick0,\n        props.angularAxis?.tickCount,\n        props.angularAxis?.tickFormat,\n        props.angularAxis?.tickStep,\n        props.angularAxis?.tickText,\n        props.angularAxis?.tickValues,\n        props.angularAxis?.unit,\n        props.culture,\n        props.direction,\n      ],\n    );\n\n    const classes = usePolarChartStyles(props);\n\n    const renderPolarGrid = React.useCallback(() => {\n      const extRTickValues = [];\n      const rDomain = rScale.domain();\n      if (innerRadius > 0 && rDomain[0] !== rTickValues[0]) {\n        extRTickValues.push(rDomain[0]);\n      }\n      extRTickValues.push(...rTickValues);\n      if (rDomain[rDomain.length - 1] !== rTickValues[rTickValues.length - 1]) {\n        extRTickValues.push(rDomain[rDomain.length - 1]);\n      }\n\n      return (\n        <g>\n          <g>\n            {extRTickValues.map((r, rIndex) => {\n              const className = rIndex === extRTickValues.length - 1 ? classes.gridLineOuter : classes.gridLineInner;\n\n              if (props.shape === 'polygon') {\n                let d = '';\n                aTickValues.forEach((a, aIndex) => {\n                  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                  const radialPoint = d3PointRadial(aScale(a), rScale(r as any)!);\n                  d += (aIndex === 0 ? 'M' : 'L') + radialPoint.join(',') + ' ';\n                });\n                d += 'Z';\n\n                return <path key={rIndex} d={d} className={className} />;\n              }\n\n              // eslint-disable-next-line @typescript-eslint/no-explicit-any\n              return <circle key={rIndex} cx={0} cy={0} r={rScale(r as any)} className={className} />;\n            })}\n          </g>\n          <g>\n            {aTickValues.map((a, aIndex) => {\n              const radialPoint1 = d3PointRadial(aScale(a), innerRadius);\n              const radialPoint2 = d3PointRadial(aScale(a), outerRadius);\n\n              return (\n                <path\n                  key={aIndex}\n                  d={`M${radialPoint1.join(',')} L${radialPoint2.join(',')}`}\n                  className={classes.gridLineInner}\n                />\n              );\n            })}\n          </g>\n        </g>\n      );\n    }, [\n      innerRadius,\n      outerRadius,\n      rTickValues,\n      aTickValues,\n      rScale,\n      aScale,\n      props.shape,\n      classes.gridLineInner,\n      classes.gridLineOuter,\n    ]);\n\n    const renderPolarTicks = React.useCallback(() => {\n      const radialAxisAngle = props.direction === 'clockwise' ? 0 : Math.PI / 2;\n      const radialAxisStartPoint = d3PointRadial(radialAxisAngle, innerRadius);\n      const radialAxisEndPoint = d3PointRadial(radialAxisAngle, outerRadius);\n      // (0, pi]\n      const sign = radialAxisAngle > EPSILON && radialAxisAngle - Math.PI < EPSILON ? 1 : -1;\n\n      return (\n        <g>\n          <g>\n            <path\n              d={`M${radialAxisStartPoint.join(',')} L${radialAxisEndPoint.join(',')}`}\n              className={classes.gridLineOuter}\n            />\n            {rTickValues.map((r, rIndex) => {\n              // eslint-disable-next-line @typescript-eslint/no-explicit-any\n              const [pointX, pointY] = d3PointRadial(radialAxisAngle, rScale(r as any)!);\n              return (\n                <g key={rIndex}>\n                  <path\n                    d={`M${pointX},${pointY} L${pointX + TICK_SIZE * Math.cos(radialAxisAngle) * sign},${\n                      pointY + TICK_SIZE * Math.sin(radialAxisAngle) * sign\n                    }`}\n                    className={classes.gridLineOuter}\n                  />\n                  <text\n                    x={pointX + (TICK_SIZE + LABEL_OFFSET) * Math.cos(radialAxisAngle) * sign}\n                    y={pointY + (TICK_SIZE + LABEL_OFFSET) * Math.sin(radialAxisAngle) * sign}\n                    textAnchor={\n                      // pi/2 or 3pi/2\n                      Math.abs(radialAxisAngle - Math.PI / 2) < EPSILON ||\n                      Math.abs(radialAxisAngle - (3 * Math.PI) / 2) < EPSILON\n                        ? 'middle'\n                        : // (0, pi/2) or (pi, 3pi/2)\n                        (radialAxisAngle > EPSILON && radialAxisAngle - Math.PI / 2 < -EPSILON) ||\n                          (radialAxisAngle - Math.PI > EPSILON && radialAxisAngle - (3 * Math.PI) / 2 < -EPSILON)\n                        ? 'start'\n                        : 'end'\n                    }\n                    dominantBaseline=\"middle\"\n                    aria-hidden={true}\n                    className={classes.tickLabel}\n                  >\n                    {rTickLabels[rIndex]}\n                  </text>\n                </g>\n              );\n            })}\n          </g>\n          <g>\n            {aTickValues.map((a, aIndex) => {\n              const angle = aScale(a);\n              const [pointX, pointY] = d3PointRadial(angle, outerRadius + LABEL_OFFSET);\n\n              return (\n                <text\n                  key={aIndex}\n                  x={pointX}\n                  y={pointY}\n                  textAnchor={\n                    Math.abs(angle) < EPSILON || Math.abs(angle - Math.PI) < EPSILON\n                      ? 'middle'\n                      : angle > Math.PI\n                      ? 'end'\n                      : 'start'\n                  }\n                  dominantBaseline=\"middle\"\n                  aria-hidden={true}\n                  className={classes.tickLabel}\n                >\n                  {aTickLabels[aIndex]}\n                </text>\n              );\n            })}\n          </g>\n        </g>\n      );\n    }, [\n      rTickValues,\n      aTickValues,\n      rScale,\n      aScale,\n      outerRadius,\n      classes.gridLineOuter,\n      classes.tickLabel,\n      aTickLabels,\n      innerRadius,\n      rTickLabels,\n      props.direction,\n    ]);\n\n    const getActiveLegends = React.useCallback(() => {\n      return selectedLegends.length > 0 ? selectedLegends : hoveredLegend ? [hoveredLegend] : [];\n    }, [selectedLegends, hoveredLegend]);\n\n    const legendHighlighted = React.useCallback(\n      (legendTitle: string) => {\n        const activeLegends = getActiveLegends();\n        return activeLegends.includes(legendTitle) || activeLegends.length === 0;\n      },\n      [getActiveLegends],\n    );\n\n    const renderRadialArea = React.useCallback(\n      (series: AreaPolarSeries) => {\n        const radialArea = d3AreaRadial<PolarDataPoint>()\n          .angle(d => aScale(d.theta))\n          .innerRadius(innerRadius)\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          .outerRadius(d => rScale(d.r as any)!)\n          .curve(getCurveFactory(series.lineOptions?.curve, d3CurveLinearClosed))\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          .defined(d => isPlottable(aScale(d.theta), rScale(d.r as any)));\n        const shouldHighlight = legendHighlighted(series.legend);\n\n        return (\n          <path\n            d={radialArea(series.data)!}\n            fill={series.color}\n            fillOpacity={shouldHighlight ? 0.7 : 0.1}\n            pointerEvents=\"none\"\n          />\n        );\n      },\n      [innerRadius, rScale, aScale, legendHighlighted],\n    );\n\n    const renderRadialLine = React.useCallback(\n      (series: AreaPolarSeries | LinePolarSeries) => {\n        const radialLine = d3LineRadial<PolarDataPoint>()\n          .angle(d => aScale(d.theta))\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          .radius(d => rScale(d.r as any)!)\n          .curve(getCurveFactory(series.lineOptions?.curve))\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          .defined(d => isPlottable(aScale(d.theta), rScale(d.r as any)));\n\n        return (\n          <path\n            d={radialLine(series.data)!}\n            fill=\"none\"\n            stroke={series.color}\n            strokeOpacity={legendHighlighted(series.legend) ? 1 : 0.1}\n            strokeWidth={series.lineOptions?.strokeWidth ?? 3}\n            strokeDasharray={series.lineOptions?.strokeDasharray}\n            strokeDashoffset={series.lineOptions?.strokeDashoffset}\n            strokeLinecap={series.lineOptions?.strokeLinecap}\n            pointerEvents=\"none\"\n          />\n        );\n      },\n      [rScale, aScale, legendHighlighted],\n    );\n\n    const [minMarkerSize, maxMarkerSize] = React.useMemo(\n      () => d3Extent<number>(chartData.flatMap(series => series.data.map(point => point.markerSize as number))),\n      [chartData],\n    );\n\n    const showPopover = React.useCallback(\n      (\n        event: React.MouseEvent<SVGElement> | React.FocusEvent<SVGElement>,\n        point: PolarDataPoint,\n        pointId: string,\n        legend: string,\n      ) => {\n        setPopoverTarget(event.currentTarget);\n        setPopoverOpen(legendHighlighted(legend));\n        setPopoverXValue(point.angularAxisCalloutData ?? formatAngle(point.theta, props.angularAxis?.unit));\n        setPopoverLegend(legend);\n        setPopoverColor(point.color!);\n        setPopoverYValue(\n          point.radialAxisCalloutData ?? (formatToLocaleString(point.r, props.culture, props.useUTC) as string),\n        );\n        setActivePoint(pointId);\n      },\n      [legendHighlighted, props.angularAxis?.unit, props.culture, props.useUTC],\n    );\n\n    const hidePopover = React.useCallback(() => {\n      setPopoverOpen(false);\n      setActivePoint('');\n    }, []);\n\n    const markersOnlyMode = React.useMemo(\n      () => chartData.filter(s => s.type === 'areapolar' || s.type === 'linepolar').length === 0,\n      [chartData],\n    );\n\n    const renderRadialPoints = React.useCallback(\n      (series: AreaPolarSeries | LinePolarSeries | ScatterPolarSeries, seriesIndex: number) => {\n        const shouldHighlight = legendHighlighted(series.legend);\n        return (\n          <g>\n            {series.data.map((point, pointIndex) => {\n              // eslint-disable-next-line @typescript-eslint/no-explicit-any\n              if (!isPlottable(aScale(point.theta), rScale(point.r as any))) {\n                return null;\n              }\n\n              // eslint-disable-next-line @typescript-eslint/no-explicit-any\n              const [x, y] = d3PointRadial(aScale(point.theta), rScale(point.r as any)!);\n              const id = `${seriesIndex}-${pointIndex}`;\n              const isActive = activePoint === id;\n              const minPx = markersOnlyMode ? MIN_MARKER_SIZE_PX_MARKERS_ONLY : MIN_MARKER_SIZE_PX;\n              let radius = minPx;\n              if (typeof point.markerSize !== 'undefined' && minMarkerSize !== maxMarkerSize) {\n                radius =\n                  minPx +\n                  ((point.markerSize - minMarkerSize!) / (maxMarkerSize! - minMarkerSize!)) *\n                    (MAX_MARKER_SIZE_PX - minPx);\n              }\n\n              const xValue =\n                point.radialAxisCalloutData || (formatToLocaleString(point.r, props.culture, props.useUTC) as string);\n              const legend = series.legend;\n              const yValue = point.angularAxisCalloutData || formatAngle(point.theta, props.angularAxis?.unit);\n              const ariaLabel = point.callOutAccessibilityData?.ariaLabel || `${xValue}. ${legend}, ${yValue}.`;\n\n              return (\n                <circle\n                  key={pointIndex}\n                  cx={x}\n                  cy={y}\n                  r={radius}\n                  fill={isActive ? tokens.colorNeutralBackground1 : point.color}\n                  stroke={isActive ? point.color : 'none'}\n                  strokeWidth={isActive ? 2 : 0}\n                  opacity={shouldHighlight ? 1 : 0.1}\n                  tabIndex={shouldHighlight ? 0 : -1}\n                  onMouseOver={e => showPopover(e, point, id, series.legend)}\n                  onFocus={e => showPopover(e, point, id, series.legend)}\n                  role=\"img\"\n                  aria-label={ariaLabel}\n                />\n              );\n            })}\n          </g>\n        );\n      },\n      [\n        legendHighlighted,\n        rScale,\n        aScale,\n        activePoint,\n        showPopover,\n        minMarkerSize,\n        maxMarkerSize,\n        markersOnlyMode,\n        props.angularAxis?.unit,\n        props.culture,\n        props.useUTC,\n      ],\n    );\n\n    const onLegendSelectionChange = React.useCallback(\n      (_selectedLegends: string[], event: React.MouseEvent<HTMLButtonElement>, currentLegend?: Legend) => {\n        if (props.legendProps?.canSelectMultipleLegends) {\n          setSelectedLegends(_selectedLegends);\n        } else {\n          setSelectedLegends(_selectedLegends.slice(-1));\n        }\n        if (props.legendProps?.onChange) {\n          props.legendProps.onChange(_selectedLegends, event, currentLegend);\n        }\n      },\n      [props.legendProps],\n    );\n\n    const renderLegends = React.useCallback(() => {\n      if (props.hideLegend) {\n        return null;\n      }\n\n      const legends: Legend[] = Object.keys(legendColorMap.current).map(legendTitle => {\n        return {\n          title: legendTitle,\n          color: legendColorMap.current[legendTitle],\n          hoverAction: () => {\n            setHoveredLegend(legendTitle);\n          },\n          onMouseOutAction: () => {\n            setHoveredLegend('');\n          },\n        };\n      });\n\n      return (\n        <div ref={legendContainerRef} className={classes.legendContainer}>\n          <Legends\n            legends={legends}\n            centerLegends\n            onChange={onLegendSelectionChange}\n            legendRef={legendsRef}\n            {...props.legendProps}\n          />\n        </div>\n      );\n    }, [props.hideLegend, props.legendProps, legendsRef, onLegendSelectionChange, classes.legendContainer]);\n\n    const focusAttributes = useArrowNavigationGroup({ axis: 'horizontal' });\n\n    return (\n      <div className={classes.root} ref={chartContainerRef} onMouseLeave={hidePopover} onBlur={hidePopover}>\n        <div className={classes.chartWrapper} {...focusAttributes}>\n          <svg\n            className={classes.chart}\n            width={svgWidth}\n            height={svgHeight}\n            role=\"region\"\n            aria-label={\n              (props.chartTitle ? `${props.chartTitle}. ` : '') + `Polar chart with ${chartData.length} data series.`\n            }\n          >\n            <g transform={`translate(${svgWidth / 2}, ${svgHeight / 2})`}>\n              {renderPolarGrid()}\n              <g>\n                {chartData.map((series, seriesIndex) => {\n                  return (\n                    <g\n                      key={seriesIndex}\n                      role=\"region\"\n                      aria-label={`${series.legend}, series ${seriesIndex + 1} of ${chartData.length} with ${\n                        series.data.length\n                      } data points.`}\n                    >\n                      {series.type === 'areapolar' && renderRadialArea(series)}\n                      {(series.type === 'areapolar' || series.type === 'linepolar') && renderRadialLine(series)}\n                      {renderRadialPoints(series, seriesIndex)}\n                    </g>\n                  );\n                })}\n              </g>\n              {renderPolarTicks()}\n            </g>\n          </svg>\n        </div>\n        {renderLegends()}\n        {!props.hideTooltip && (\n          <ChartPopover\n            isPopoverOpen={isPopoverOpen}\n            positioning={{\n              target: popoverTarget,\n            }}\n            XValue={popoverXValue}\n            legend={popoverLegend}\n            color={popoverColor}\n            YValue={popoverYValue}\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nPolarChart.displayName = 'PolarChart';\n"],"names":["React","usePolarChartStyles","useImageExport","pointRadial","d3PointRadial","areaRadial","d3AreaRadial","lineRadial","d3LineRadial","curveLinearClosed","d3CurveLinearClosed","tokens","Legends","createRadialScale","getContinuousScaleDomain","getScaleType","EPSILON","createAngularScale","formatAngle","ChartPopover","getColorFromToken","getCurveFactory","getNextColor","isPlottable","sortAxisCategories","extent","d3Extent","useArrowNavigationGroup","formatToLocaleString","useFluent_unstable","useFluent","DEFAULT_LEGEND_HEIGHT","LABEL_WIDTH","LABEL_HEIGHT","LABEL_OFFSET","TICK_SIZE","MIN_MARKER_SIZE_PX","MAX_MARKER_SIZE_PX","MIN_MARKER_SIZE_PX_MARKERS_ONLY","PolarChart","forwardRef","props","forwardedRef","chartContainerRef","legendsRef","componentRef","hideLegend","legendContainerRef","useRef","targetDocument","_window","defaultView","containerWidth","setContainerWidth","useState","containerHeight","setContainerHeight","legendContainerHeight","setLegendContainerHeight","isPopoverOpen","setPopoverOpen","popoverTarget","setPopoverTarget","popoverXValue","setPopoverXValue","popoverLegend","setPopoverLegend","popoverColor","setPopoverColor","popoverYValue","setPopoverYValue","hoveredLegend","setHoveredLegend","selectedLegends","setSelectedLegends","legendProps","activePoint","setActivePoint","useEffect","current","width","height","getBoundingClientRect","marginTop","getComputedStyle","Math","max","parseFloat","margins","useMemo","left","right","top","bottom","svgWidth","svgHeight","outerRadius","min","innerRadius","abs","hole","legendColorMap","chartData","colorIndex","renderingOrder","data","map","series","seriesColor","color","legend","point","sort","a","b","indexOf","type","mapCategoryToValues","useCallback","isAngularAxis","categoryToValues","forEach","category","theta","r","value","push","getOrderedRCategories","radialAxis","categoryOrder","getOrderedACategories","angularAxis","rValues","flatMap","rScaleType","scaleType","supportsLog","rScaleDomain","rangeStart","rangeEnd","scale","rScale","tickValues","rTickValues","tickLabels","rTickLabels","useUTC","tickCount","tickText","tickFormat","culture","tickStep","tick0","dateLocalizeOptions","aValues","aScaleType","aDomain","aScale","aTickValues","aTickLabels","direction","unit","classes","renderPolarGrid","extRTickValues","rDomain","domain","length","g","rIndex","className","gridLineOuter","gridLineInner","shape","d","aIndex","radialPoint","join","path","key","circle","cx","cy","radialPoint1","radialPoint2","renderPolarTicks","radialAxisAngle","PI","radialAxisStartPoint","radialAxisEndPoint","sign","pointX","pointY","cos","sin","text","x","y","textAnchor","dominantBaseline","aria-hidden","tickLabel","angle","getActiveLegends","legendHighlighted","legendTitle","activeLegends","includes","renderRadialArea","radialArea","curve","lineOptions","defined","shouldHighlight","fill","fillOpacity","pointerEvents","renderRadialLine","radialLine","radius","stroke","strokeOpacity","strokeWidth","strokeDasharray","strokeDashoffset","strokeLinecap","minMarkerSize","maxMarkerSize","markerSize","showPopover","event","pointId","currentTarget","angularAxisCalloutData","radialAxisCalloutData","hidePopover","markersOnlyMode","filter","s","renderRadialPoints","seriesIndex","pointIndex","id","isActive","minPx","xValue","yValue","ariaLabel","callOutAccessibilityData","colorNeutralBackground1","opacity","tabIndex","onMouseOver","e","onFocus","role","aria-label","onLegendSelectionChange","_selectedLegends","currentLegend","canSelectMultipleLegends","slice","onChange","renderLegends","legends","Object","keys","title","hoverAction","onMouseOutAction","div","ref","legendContainer","centerLegends","legendRef","focusAttributes","axis","root","onMouseLeave","onBlur","chartWrapper","svg","chart","chartTitle","transform","hideTooltip","positioning","target","XValue","YValue","displayName"],"mappings":"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"}

package/lib/components/PolarChart/PolarChart.utils.js

@@ -1,9 +1,9 @@
-import { scaleBand as d3ScaleBand, scaleLinear as d3ScaleLinear, scaleLog as d3ScaleLog, scaleTime as d3ScaleTime, scaleUtc as d3ScaleUtc } from 'd3-scale';
-import { extent as d3Extent, range as d3Range } from 'd3-array';
-import { format as d3Format } from 'd3-format';
-import { generateDateTicks, generateNumericTicks, getDateFormatLevel, isValidDomainValue, precisionRound } from '../../utilities/utilities';
-import { isInvalidValue, formatToLocaleString, getMultiLevelDateTimeFormatOptions, formatDateToLocaleString } from '@fluentui/chart-utilities';
-import { timeFormat as d3TimeFormat, utcFormat as d3UtcFormat } from 'd3-time-format';
+import { scaleBand as d3ScaleBand, scaleLinear as d3ScaleLinear, scaleLog as d3ScaleLog, scaleTime as d3ScaleTime, scaleUtc as d3ScaleUtc } from "d3-scale";
+import { extent as d3Extent, range as d3Range } from "d3-array";
+import { format as d3Format } from "d3-format";
+import { generateDateTicks, generateNumericTicks, getDateFormatLevel, isValidDomainValue, precisionRound } from "../../utilities/utilities.js";
+import { isInvalidValue, formatToLocaleString, getMultiLevelDateTimeFormatOptions, formatDateToLocaleString } from "@fluentui/chart-utilities";
+import { timeFormat as d3TimeFormat, utcFormat as d3UtcFormat } from "d3-time-format";
 export const EPSILON = 1e-6;
 export const createRadialScale = (scaleType, domain, range, opts = {})=>{
     if (scaleType === 'category') {