@fluentui/react-charting 5.24.9 → 5.24.11

package/lib-amd/components/FunnelChart/funnelGeometry.js

@@ -0,0 +1,204 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.getSegmentTextProps = exports.getStackedVerticalFunnelSegmentGeometry = exports.getStackedHorizontalFunnelSegmentGeometry = exports.getVerticalFunnelSegmentGeometry = exports.getHorizontalFunnelSegmentGeometry = void 0;
+    function getHorizontalFunnelSegmentGeometry(_a) {
+        var d = _a.d, i = _a.i, data = _a.data, funnelWidth = _a.funnelWidth, funnelHeight = _a.funnelHeight, isRTL = _a.isRTL;
+        var segmentHeight = funnelHeight / data.length;
+        var widthScale = function (value) { return (value / Math.max.apply(Math, data.map(function (dataPoint) { return dataPoint.value; }))) * funnelWidth; };
+        var topWidth = widthScale(d.value);
+        var bottomWidth = i < data.length - 1 ? widthScale(data[i + 1].value) : 0;
+        var xOffset = (funnelWidth - topWidth) / 2;
+        var nextXOffset = (funnelWidth - bottomWidth) / 2;
+        var xStart = isRTL ? funnelWidth - xOffset : xOffset;
+        var xEnd = isRTL ? funnelWidth - nextXOffset : nextXOffset;
+        var isLastSegment = i === data.length - 1;
+        var textY = isLastSegment ? i * segmentHeight + segmentHeight * 0.33 : i * segmentHeight + segmentHeight / 2;
+        var textX = funnelWidth / 2;
+        var availableWidth = topWidth;
+        if (isLastSegment) {
+            var yFromTop = textY - i * segmentHeight;
+            var widthAtY = topWidth * (1 - yFromTop / segmentHeight);
+            availableWidth = Math.max(widthAtY * 0.8, 0);
+        }
+        else {
+            availableWidth = Math.min(topWidth, bottomWidth) * 0.9;
+        }
+        var pathD = "M".concat(xStart, ",").concat(i * segmentHeight, "\n    L").concat(funnelWidth - xStart, ",").concat(i * segmentHeight, "\n    L").concat(funnelWidth - xEnd, ",").concat((i + 1) * segmentHeight, "\n    L").concat(xEnd, ",").concat((i + 1) * segmentHeight, "\n    Z");
+        return { pathD: pathD, textX: textX, textY: textY, availableWidth: availableWidth };
+    }
+    exports.getHorizontalFunnelSegmentGeometry = getHorizontalFunnelSegmentGeometry;
+    function getVerticalFunnelSegmentGeometry(_a) {
+        var d = _a.d, i = _a.i, data = _a.data, funnelWidth = _a.funnelWidth, funnelHeight = _a.funnelHeight, isRTL = _a.isRTL;
+        var segmentWidth = funnelWidth / data.length;
+        var heightScale = function (value) { return (value / Math.max.apply(Math, data.map(function (dataPoint) { return dataPoint.value; }))) * funnelHeight; };
+        var leftHeight = heightScale(d.value);
+        var rightHeight = i < data.length - 1 ? heightScale(data[i + 1].value) : 0;
+        var yOffset = (funnelHeight - leftHeight) / 2;
+        var nextYOffset = (funnelHeight - rightHeight) / 2;
+        var x0 = i * segmentWidth;
+        var x1 = (i + 1) * segmentWidth;
+        var isLastSegment = i === data.length - 1;
+        var textX;
+        var textY;
+        var availableWidth = segmentWidth * 0.8;
+        if (isLastSegment) {
+            // For the triangular last segment, position text at 1/4 from the left edge
+            textX = x0 + (x1 - x0) * 0.25;
+            textY = funnelHeight / 2;
+            // For triangular segments, we need to check both height and width constraints
+            // The segment needs to be large enough to contain text
+            var segmentArea = (leftHeight * segmentWidth) / 2; // Area of triangle
+            var minAreaForText = 800; // Minimum area needed to show text
+            if (leftHeight < 40 || segmentArea < minAreaForText) {
+                // Hide text if height is too small or area is insufficient
+                availableWidth = 0;
+            }
+            else {
+                // Calculate available width at text position
+                var widthAtTextPosition = (x1 - x0) * 0.75;
+                availableWidth = widthAtTextPosition * 0.6;
+            }
+        }
+        else {
+            textX = (x0 + x1) / 2;
+            textY = funnelHeight / 2;
+            var minHeight = Math.min(leftHeight, rightHeight);
+            availableWidth = minHeight > 20 ? segmentWidth * 0.8 : 0;
+        }
+        var pathD = "M".concat(x0, ",").concat(yOffset, "\n    L").concat(x1, ",").concat(nextYOffset, "\n    L").concat(x1, ",").concat(funnelHeight - nextYOffset, "\n    L").concat(x0, ",").concat(funnelHeight - yOffset, "\n    Z");
+        return { pathD: pathD, textX: textX, textY: textY, availableWidth: availableWidth };
+    }
+    exports.getVerticalFunnelSegmentGeometry = getVerticalFunnelSegmentGeometry;
+    function getStackedHorizontalFunnelSegmentGeometry(_a) {
+        var _b, _c;
+        var i = _a.i, k = _a.k, stages = _a.stages, totals = _a.totals, maxTotal = _a.maxTotal, funnelWidth = _a.funnelWidth, funnelHeight = _a.funnelHeight;
+        var segmentHeight = funnelHeight / stages.length;
+        var cur = stages[i];
+        var next = stages[i + 1] || { subValues: [] };
+        var curTotal = totals[i] || 1;
+        var nextTotal = totals[i + 1] || 0;
+        var cumTop = 0;
+        var cumBot = 0;
+        var _loop_1 = function (idx) {
+            var v_1 = cur.subValues[idx];
+            var vNext_1 = (_b = next.subValues) === null || _b === void 0 ? void 0 : _b.find(function (x) { return x.category === v_1.category; });
+            var val_1 = v_1.value;
+            var nextVal_1 = vNext_1 ? vNext_1.value : 0;
+            cumTop += (val_1 / curTotal) * (curTotal / maxTotal) * funnelWidth;
+            cumBot += (nextVal_1 / nextTotal || 0) * (nextTotal / maxTotal) * funnelWidth;
+        };
+        for (var idx = 0; idx < k; idx++) {
+            _loop_1(idx);
+        }
+        var v = cur.subValues[k];
+        var vNext = (_c = next.subValues) === null || _c === void 0 ? void 0 : _c.find(function (x) { return x.category === v.category; });
+        var val = v.value;
+        var nextVal = vNext ? vNext.value : 0;
+        var topW = (val / curTotal) * (curTotal / maxTotal) * funnelWidth;
+        var botW = (nextVal / nextTotal || 0) * (nextTotal / maxTotal) * funnelWidth;
+        var topStart = (funnelWidth - (curTotal / maxTotal) * funnelWidth) / 2 + cumTop;
+        var topEnd = topStart + topW;
+        var botStart = (funnelWidth - (nextTotal / maxTotal) * funnelWidth) / 2 + cumBot;
+        var botEnd = botStart + botW;
+        var textX = (topStart + topEnd + botStart + botEnd) / 4;
+        var isLastSegment = i === stages.length - 1;
+        var textY = isLastSegment ? i * segmentHeight + segmentHeight * 0.33 : (i + 0.5) * segmentHeight;
+        // Calculate available width based on this specific segment's width
+        var availableWidth;
+        if (isLastSegment) {
+            // For triangular last segment, use the width at text Y position
+            var yFromTop = textY - i * segmentHeight;
+            var widthRatio = 1 - yFromTop / segmentHeight;
+            availableWidth = topW * widthRatio;
+        }
+        else {
+            // For trapezoidal segments, use the actual segment width
+            availableWidth = Math.min(topW, botW);
+        }
+        var pathD = "M".concat(topStart, ",").concat(i * segmentHeight, "\n    L").concat(topEnd, ",").concat(i * segmentHeight, "\n    L").concat(botEnd, ",").concat((i + 1) * segmentHeight, "\n    L").concat(botStart, ",").concat((i + 1) * segmentHeight, "\n    Z");
+        return { pathD: pathD, textX: textX, textY: textY, availableWidth: availableWidth };
+    }
+    exports.getStackedHorizontalFunnelSegmentGeometry = getStackedHorizontalFunnelSegmentGeometry;
+    function getStackedVerticalFunnelSegmentGeometry(_a) {
+        var _b, _c;
+        var i = _a.i, k = _a.k, stages = _a.stages, totals = _a.totals, maxTotal = _a.maxTotal, funnelWidth = _a.funnelWidth, funnelHeight = _a.funnelHeight;
+        var segmentWidth = funnelWidth / stages.length;
+        var cur = stages[i];
+        var next = stages[i + 1] || { subValues: [] };
+        var curTotal = totals[i] || 1;
+        var nextTotal = totals[i + 1] || 0;
+        var cumTop = 0;
+        var cumBot = 0;
+        var _loop_2 = function (idx) {
+            var v_2 = cur.subValues[idx];
+            var vNext_2 = (_b = next.subValues) === null || _b === void 0 ? void 0 : _b.find(function (x) { return x.category === v_2.category; });
+            var val_2 = v_2.value;
+            var nextVal_2 = vNext_2 ? vNext_2.value : 0;
+            cumTop += (val_2 / curTotal) * (curTotal / maxTotal) * funnelHeight;
+            cumBot += (nextVal_2 / nextTotal || 0) * (nextTotal / maxTotal) * funnelHeight;
+        };
+        for (var idx = 0; idx < k; idx++) {
+            _loop_2(idx);
+        }
+        var v = cur.subValues[k];
+        var vNext = (_c = next.subValues) === null || _c === void 0 ? void 0 : _c.find(function (x) { return x.category === v.category; });
+        var val = v.value;
+        var nextVal = vNext ? vNext.value : 0;
+        var topH = (val / curTotal) * (curTotal / maxTotal) * funnelHeight;
+        var botH = (nextVal / nextTotal || 0) * (nextTotal / maxTotal) * funnelHeight;
+        var leftStart = i * segmentWidth;
+        var leftEnd = (i + 1) * segmentWidth;
+        var topStart = (funnelHeight - (curTotal / maxTotal) * funnelHeight) / 2 + cumTop;
+        var topEnd = topStart + topH;
+        var botStart = (funnelHeight - (nextTotal / maxTotal) * funnelHeight) / 2 + cumBot;
+        var botEnd = botStart + botH;
+        var isLastSegment = i === stages.length - 1;
+        var textX;
+        var textY;
+        var availableWidth;
+        if (isLastSegment) {
+            textX = leftStart + (leftEnd - leftStart) * 0.25;
+            textY = (topStart + topEnd) / 2;
+            // For triangular segments, calculate available width at text position
+            var segmentWidthAtTextPos = (leftEnd - leftStart) * 0.5;
+            availableWidth = segmentWidthAtTextPos * 0.8;
+            // For triangular last segments, also check if there's enough height
+            // The segment area should be large enough to contain text
+            var segmentArea = (topH * segmentWidth) / 2;
+            if (topH < 24 || segmentArea < 600) {
+                availableWidth = 0;
+            }
+        }
+        else {
+            textX = (leftStart + leftEnd) / 2;
+            textY = (topStart + topEnd + botStart + botEnd) / 4;
+            // For trapezoidal segments, use full segment width
+            availableWidth = Math.abs(leftEnd - leftStart) * 0.9;
+            // Check if the segment has sufficient height for text
+            // For non-last segments, we need to ensure there's enough vertical space
+            var avgHeight = (topH + botH) / 2;
+            if (avgHeight < 20) {
+                availableWidth = 0;
+            }
+        }
+        var pathD = "M".concat(leftStart, ",").concat(topStart, "\n    L").concat(leftEnd, ",").concat(botStart, "\n    L").concat(leftEnd, ",").concat(botEnd, "\n    L").concat(leftStart, ",").concat(topEnd, "\n    Z");
+        return { pathD: pathD, textX: textX, textY: textY, availableWidth: availableWidth };
+    }
+    exports.getStackedVerticalFunnelSegmentGeometry = getStackedVerticalFunnelSegmentGeometry;
+    function getSegmentTextProps(_a) {
+        var availableWidth = _a.availableWidth, _b = _a.minTextWidth, minTextWidth = _b === void 0 ? 24 : _b, textX = _a.textX, textY = _a.textY, value = _a.value, culture = _a.culture, onMouseOver = _a.onMouseOver, onMouseMove = _a.onMouseMove, onMouseOut = _a.onMouseOut;
+        return {
+            show: availableWidth > minTextWidth && availableWidth > 0,
+            x: textX,
+            y: textY,
+            value: value,
+            culture: culture,
+            onMouseOver: onMouseOver,
+            onMouseMove: onMouseMove,
+            onMouseOut: onMouseOut,
+        };
+    }
+    exports.getSegmentTextProps = getSegmentTextProps;
+});
+//# sourceMappingURL=funnelGeometry.js.map

package/lib-amd/components/FunnelChart/funnelGeometry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"funnelGeometry.js","sourceRoot":"../src/","sources":["components/FunnelChart/funnelGeometry.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { IFunnelChartDataPoint } from './FunnelChart.types';\n\nexport interface IFunnelSegmentGeometry {\n  pathD: string;\n  textX: number;\n  textY: number;\n  availableWidth: number;\n}\n\nexport interface IStackedFunnelSegmentGeometry {\n  pathD: string;\n  textX: number;\n  textY: number;\n  availableWidth: number;\n}\n\ninterface ISubValue {\n  category: string;\n  value: number;\n  color: string;\n}\n\ninterface IStage {\n  subValues: ISubValue[];\n}\n\nexport function getHorizontalFunnelSegmentGeometry({\n  d,\n  i,\n  data,\n  funnelWidth,\n  funnelHeight,\n  isRTL,\n}: {\n  d: IFunnelChartDataPoint;\n  i: number;\n  data: IFunnelChartDataPoint[];\n  funnelWidth: number;\n  funnelHeight: number;\n  isRTL: boolean;\n}): IFunnelSegmentGeometry {\n  const segmentHeight = funnelHeight / data.length;\n  const widthScale = (value: number) => (value / Math.max(...data.map(dataPoint => dataPoint.value!))) * funnelWidth;\n  const topWidth = widthScale(d.value!);\n  const bottomWidth = i < data.length - 1 ? widthScale(data[i + 1].value!) : 0;\n  const xOffset = (funnelWidth - topWidth) / 2;\n  const nextXOffset = (funnelWidth - bottomWidth) / 2;\n  const xStart = isRTL ? funnelWidth - xOffset : xOffset;\n  const xEnd = isRTL ? funnelWidth - nextXOffset : nextXOffset;\n\n  const isLastSegment = i === data.length - 1;\n  const textY = isLastSegment ? i * segmentHeight + segmentHeight * 0.33 : i * segmentHeight + segmentHeight / 2;\n\n  const textX = funnelWidth / 2;\n  let availableWidth = topWidth;\n  if (isLastSegment) {\n    const yFromTop = textY - i * segmentHeight;\n    const widthAtY = topWidth * (1 - yFromTop / segmentHeight);\n    availableWidth = Math.max(widthAtY * 0.8, 0);\n  } else {\n    availableWidth = Math.min(topWidth, bottomWidth) * 0.9;\n  }\n  const pathD = `M${xStart},${i * segmentHeight}\n    L${funnelWidth - xStart},${i * segmentHeight}\n    L${funnelWidth - xEnd},${(i + 1) * segmentHeight}\n    L${xEnd},${(i + 1) * segmentHeight}\n    Z`;\n  return { pathD, textX, textY, availableWidth };\n}\n\nexport function getVerticalFunnelSegmentGeometry({\n  d,\n  i,\n  data,\n  funnelWidth,\n  funnelHeight,\n  isRTL,\n}: {\n  d: IFunnelChartDataPoint;\n  i: number;\n  data: IFunnelChartDataPoint[];\n  funnelWidth: number;\n  funnelHeight: number;\n  isRTL: boolean;\n}): IFunnelSegmentGeometry {\n  const segmentWidth = funnelWidth / data.length;\n  const heightScale = (value: number) => (value / Math.max(...data.map(dataPoint => dataPoint.value!))) * funnelHeight;\n  const leftHeight = heightScale(d.value!);\n  const rightHeight = i < data.length - 1 ? heightScale(data[i + 1].value!) : 0;\n  const yOffset = (funnelHeight - leftHeight) / 2;\n  const nextYOffset = (funnelHeight - rightHeight) / 2;\n  const x0 = i * segmentWidth;\n  const x1 = (i + 1) * segmentWidth;\n\n  const isLastSegment = i === data.length - 1;\n  let textX: number;\n  let textY: number;\n  let availableWidth = segmentWidth * 0.8;\n\n  if (isLastSegment) {\n    // For the triangular last segment, position text at 1/4 from the left edge\n    textX = x0 + (x1 - x0) * 0.25;\n    textY = funnelHeight / 2;\n\n    // For triangular segments, we need to check both height and width constraints\n    // The segment needs to be large enough to contain text\n    const segmentArea = (leftHeight * segmentWidth) / 2; // Area of triangle\n    const minAreaForText = 800; // Minimum area needed to show text\n\n    if (leftHeight < 40 || segmentArea < minAreaForText) {\n      // Hide text if height is too small or area is insufficient\n      availableWidth = 0;\n    } else {\n      // Calculate available width at text position\n      const widthAtTextPosition = (x1 - x0) * 0.75;\n      availableWidth = widthAtTextPosition * 0.6;\n    }\n  } else {\n    textX = (x0 + x1) / 2;\n    textY = funnelHeight / 2;\n    const minHeight = Math.min(leftHeight, rightHeight);\n    availableWidth = minHeight > 20 ? segmentWidth * 0.8 : 0;\n  }\n\n  const pathD = `M${x0},${yOffset}\n    L${x1},${nextYOffset}\n    L${x1},${funnelHeight - nextYOffset}\n    L${x0},${funnelHeight - yOffset}\n    Z`;\n  return { pathD, textX, textY, availableWidth };\n}\n\nexport function getStackedHorizontalFunnelSegmentGeometry({\n  i,\n  k,\n  stages,\n  totals,\n  maxTotal,\n  funnelWidth,\n  funnelHeight,\n}: {\n  i: number;\n  k: number;\n  stages: IStage[];\n  totals: number[];\n  maxTotal: number;\n  funnelWidth: number;\n  funnelHeight: number;\n}): IStackedFunnelSegmentGeometry {\n  const segmentHeight = funnelHeight / stages.length;\n  const cur = stages[i];\n  const next = stages[i + 1] || { subValues: [] };\n  const curTotal = totals[i] || 1;\n  const nextTotal = totals[i + 1] || 0;\n\n  let cumTop = 0;\n  let cumBot = 0;\n  for (let idx = 0; idx < k; idx++) {\n    const v = cur.subValues[idx];\n    const vNext = next.subValues?.find((x: ISubValue) => x.category === v.category);\n    const val = v.value;\n    const nextVal = vNext ? vNext.value : 0;\n    cumTop += (val / curTotal) * (curTotal / maxTotal) * funnelWidth;\n    cumBot += (nextVal / nextTotal || 0) * (nextTotal / maxTotal) * funnelWidth;\n  }\n  const v = cur.subValues[k];\n  const vNext = next.subValues?.find((x: ISubValue) => x.category === v.category);\n  const val = v.value;\n  const nextVal = vNext ? vNext.value : 0;\n  const topW = (val / curTotal) * (curTotal / maxTotal) * funnelWidth;\n  const botW = (nextVal / nextTotal || 0) * (nextTotal / maxTotal) * funnelWidth;\n  const topStart = (funnelWidth - (curTotal / maxTotal) * funnelWidth) / 2 + cumTop;\n  const topEnd = topStart + topW;\n  const botStart = (funnelWidth - (nextTotal / maxTotal) * funnelWidth) / 2 + cumBot;\n  const botEnd = botStart + botW;\n  const textX = (topStart + topEnd + botStart + botEnd) / 4;\n\n  const isLastSegment = i === stages.length - 1;\n  const textY = isLastSegment ? i * segmentHeight + segmentHeight * 0.33 : (i + 0.5) * segmentHeight;\n\n  // Calculate available width based on this specific segment's width\n  let availableWidth: number;\n  if (isLastSegment) {\n    // For triangular last segment, use the width at text Y position\n    const yFromTop = textY - i * segmentHeight;\n    const widthRatio = 1 - yFromTop / segmentHeight;\n    availableWidth = topW * widthRatio;\n  } else {\n    // For trapezoidal segments, use the actual segment width\n    availableWidth = Math.min(topW, botW);\n  }\n\n  const pathD = `M${topStart},${i * segmentHeight}\n    L${topEnd},${i * segmentHeight}\n    L${botEnd},${(i + 1) * segmentHeight}\n    L${botStart},${(i + 1) * segmentHeight}\n    Z`;\n  return { pathD, textX, textY, availableWidth };\n}\n\nexport function getStackedVerticalFunnelSegmentGeometry({\n  i,\n  k,\n  stages,\n  totals,\n  maxTotal,\n  funnelWidth,\n  funnelHeight,\n}: {\n  i: number;\n  k: number;\n  stages: IStage[];\n  totals: number[];\n  maxTotal: number;\n  funnelWidth: number;\n  funnelHeight: number;\n}): IStackedFunnelSegmentGeometry {\n  const segmentWidth = funnelWidth / stages.length;\n  const cur = stages[i];\n  const next = stages[i + 1] || { subValues: [] };\n  const curTotal = totals[i] || 1;\n  const nextTotal = totals[i + 1] || 0;\n\n  let cumTop = 0;\n  let cumBot = 0;\n  for (let idx = 0; idx < k; idx++) {\n    const v = cur.subValues[idx];\n    const vNext = next.subValues?.find((x: ISubValue) => x.category === v.category);\n    const val = v.value;\n    const nextVal = vNext ? vNext.value : 0;\n    cumTop += (val / curTotal) * (curTotal / maxTotal) * funnelHeight;\n    cumBot += (nextVal / nextTotal || 0) * (nextTotal / maxTotal) * funnelHeight;\n  }\n  const v = cur.subValues[k];\n  const vNext = next.subValues?.find((x: ISubValue) => x.category === v.category);\n  const val = v.value;\n  const nextVal = vNext ? vNext.value : 0;\n  const topH = (val / curTotal) * (curTotal / maxTotal) * funnelHeight;\n  const botH = (nextVal / nextTotal || 0) * (nextTotal / maxTotal) * funnelHeight;\n  const leftStart = i * segmentWidth;\n  const leftEnd = (i + 1) * segmentWidth;\n  const topStart = (funnelHeight - (curTotal / maxTotal) * funnelHeight) / 2 + cumTop;\n  const topEnd = topStart + topH;\n  const botStart = (funnelHeight - (nextTotal / maxTotal) * funnelHeight) / 2 + cumBot;\n  const botEnd = botStart + botH;\n\n  const isLastSegment = i === stages.length - 1;\n  let textX: number;\n  let textY: number;\n  let availableWidth: number;\n\n  if (isLastSegment) {\n    textX = leftStart + (leftEnd - leftStart) * 0.25;\n    textY = (topStart + topEnd) / 2;\n    // For triangular segments, calculate available width at text position\n    const segmentWidthAtTextPos = (leftEnd - leftStart) * 0.5;\n    availableWidth = segmentWidthAtTextPos * 0.8;\n\n    // For triangular last segments, also check if there's enough height\n    // The segment area should be large enough to contain text\n    const segmentArea = (topH * segmentWidth) / 2;\n    if (topH < 24 || segmentArea < 600) {\n      availableWidth = 0;\n    }\n  } else {\n    textX = (leftStart + leftEnd) / 2;\n    textY = (topStart + topEnd + botStart + botEnd) / 4;\n    // For trapezoidal segments, use full segment width\n    availableWidth = Math.abs(leftEnd - leftStart) * 0.9;\n\n    // Check if the segment has sufficient height for text\n    // For non-last segments, we need to ensure there's enough vertical space\n    const avgHeight = (topH + botH) / 2;\n    if (avgHeight < 20) {\n      availableWidth = 0;\n    }\n  }\n\n  const pathD = `M${leftStart},${topStart}\n    L${leftEnd},${botStart}\n    L${leftEnd},${botEnd}\n    L${leftStart},${topEnd}\n    Z`;\n  return { pathD, textX, textY, availableWidth };\n}\n\nexport function getSegmentTextProps({\n  availableWidth,\n  minTextWidth = 24,\n  textX,\n  textY,\n  value,\n  culture,\n  onMouseOver,\n  onMouseMove,\n  onMouseOut,\n}: {\n  availableWidth: number;\n  minTextWidth?: number;\n  textX: number;\n  textY: number;\n  value: number;\n  culture: string | undefined;\n  onMouseOver: (event: React.MouseEvent<SVGElement>) => void;\n  onMouseMove: (event: React.MouseEvent<SVGElement>) => void;\n  onMouseOut: () => void;\n}) {\n  return {\n    show: availableWidth > minTextWidth && availableWidth > 0,\n    x: textX,\n    y: textY,\n    value,\n    culture,\n    onMouseOver,\n    onMouseMove,\n    onMouseOut,\n  };\n}\n"]}

package/lib-amd/components/FunnelChart/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FunnelChart';
+export * from './FunnelChart.types';

package/lib-amd/components/FunnelChart/index.js

@@ -0,0 +1,7 @@
+define(["require", "exports", "tslib", "./FunnelChart", "./FunnelChart.types"], function (require, exports, tslib_1, FunnelChart_1, FunnelChart_types_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(FunnelChart_1, exports);
+    tslib_1.__exportStar(FunnelChart_types_1, exports);
+});
+//# sourceMappingURL=index.js.map

package/lib-amd/components/FunnelChart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/FunnelChart/index.ts"],"names":[],"mappings":";;;IAAA,6CAA8B;IAC9B,mDAAoC","sourcesContent":["export * from './FunnelChart';\nexport * from './FunnelChart.types';\n"]}

package/lib-amd/components/GaugeChart/GaugeChart.base.js

@@ -332,13 +332,11 @@ define(["require", "exports", "tslib", "react", "d3-shape", "@fluentui/react/lib
             this._classNames = getClassNames(this.props.styles, {
                 theme: this.props.theme,
                 className: this.props.className,
-                chartWidth: width,
-                chartHeight: height - this._legendsHeight,
                 chartValueSize: chartValueSize,
             });
             return (React.createElement("div", { className: this._classNames.root, ref: function (el) { return (_this._rootElem = el); } },
-                React.createElement(react_focus_1.FocusZone, { direction: react_focus_1.FocusZoneDirection.horizontal },
-                    React.createElement("svg", { className: this._classNames.chart, role: "region", "aria-label": this._getChartTitle(), onMouseLeave: this._handleMouseOut },
+                React.createElement(react_focus_1.FocusZone, { direction: react_focus_1.FocusZoneDirection.horizontal, className: this._classNames.chartWrapper },
+                    React.createElement("svg", { className: this._classNames.chart, role: "region", "aria-label": this._getChartTitle(), onMouseLeave: this._handleMouseOut, width: width, height: height - this._legendsHeight },
                         React.createElement("g", { transform: "translate(".concat(width / 2, ", ").concat(height - (this._margins.bottom + this._legendsHeight), ")") },
                             this.props.chartTitle && (React.createElement("text", { x: 0, y: -(this._outerRadius + TITLE_OFFSET), textAnchor: "middle", className: this._classNames.chartTitle, "aria-hidden": true }, this.props.chartTitle)),
                             !this.props.hideMinMax && (React.createElement(React.Fragment, null,
@@ -454,7 +452,7 @@ define(["require", "exports", "tslib", "react", "d3-shape", "@fluentui/react/lib
                     Object.keys(subcounts_1).map(function (subcountName) {
                         return (React.createElement("div", { key: subcountName, className: _classNames.calloutBlockContainer },
                             React.createElement("div", { className: _classNames.calloutlegendText },
-                                " ",
+                                ' ',
                                 (0, chart_utilities_1.formatToLocaleString)(subcountName, culture)),
                             React.createElement("div", { className: _classNames.calloutContentY }, (0, chart_utilities_1.formatToLocaleString)(subcounts_1[subcountName], culture))));
                     })));

package/lib-amd/components/GaugeChart/GaugeChart.base.js.map

@@ -1 +1 @@
-{"version":3,"file":"GaugeChart.base.js","sourceRoot":"../src/","sources":["components/GaugeChart/GaugeChart.base.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { arc as d3Arc } from 'd3-shape';\nimport { classNamesFunction, getId, getRTL, initializeComponentRef } from '@fluentui/react/lib/Utilities';\nimport {\n  IGaugeChartProps,\n  IGaugeChartSegment,\n  IGaugeChartStyleProps,\n  IGaugeChartStyles,\n  GaugeValueFormat,\n  GaugeChartVariant,\n} from './GaugeChart.types';\nimport { IProcessedStyleSet } from '@fluentui/react/lib/Styling';\nimport { formatToLocaleString } from '@fluentui/chart-utilities';\nimport {\n  Points,\n  areArraysEqual,\n  formatScientificLimitWidth,\n  getAccessibleDataObject,\n  getColorFromToken,\n  getNextColor,\n  getNextGradient,\n  pointTypes,\n} from '../../utilities/index';\nimport { ILegend, ILegendContainer, LegendShape, Legends, Shape } from '../Legends/index';\nimport { FocusZone, FocusZoneDirection } from '@fluentui/react-focus';\nimport { Callout, DirectionalHint } from '@fluentui/react/lib/Callout';\nimport { IYValueHover } from '../../index';\nimport { SVGTooltipText } from '../../utilities/SVGTooltipText';\nimport { select as d3Select } from 'd3-selection';\nimport { IChart, IImageExportOptions } from '../../types/index';\nimport { toImage } from '../../utilities/image-export-utils';\n\nconst GAUGE_MARGIN = 16;\nconst LABEL_WIDTH = 36;\nconst LABEL_HEIGHT = 16;\nconst LABEL_OFFSET = 4;\nconst TITLE_OFFSET = 11;\nconst EXTRA_NEEDLE_LENGTH = 4;\nexport const ARC_PADDING = 2;\nexport const BREAKPOINTS = [\n  { minRadius: 52, arcWidth: 12, fontSize: 20 },\n  { minRadius: 70, arcWidth: 16, fontSize: 24 },\n  { minRadius: 88, arcWidth: 20, fontSize: 32 },\n  { minRadius: 106, arcWidth: 24, fontSize: 32 },\n  { minRadius: 124, arcWidth: 28, fontSize: 40 },\n  { minRadius: 142, arcWidth: 32, fontSize: 40 },\n];\n\nconst getClassNames = classNamesFunction<IGaugeChartStyleProps, IGaugeChartStyles>();\n\nexport const calcNeedleRotation = (chartValue: number, minValue: number, maxValue: number) => {\n  let needleRotation = ((chartValue - minValue) / (maxValue - minValue)) * 180;\n  if (needleRotation < 0) {\n    needleRotation = 0;\n  } else if (needleRotation > 180) {\n    needleRotation = 180;\n  }\n\n  return needleRotation;\n};\n\nexport const getSegmentLabel = (\n  segment: IExtendedSegment,\n  minValue: number,\n  maxValue: number,\n  variant?: GaugeChartVariant,\n  isAriaLabel: boolean = false,\n) => {\n  if (isAriaLabel) {\n    return minValue === 0 && variant === GaugeChartVariant.SingleSegment\n      ? `${segment.legend}, ${segment.size} out of ${maxValue} or ${((segment.size / maxValue) * 100).toFixed()}%`\n      : `${segment.legend}, ${segment.start} to ${segment.end}`;\n  }\n\n  return minValue === 0 && variant === GaugeChartVariant.SingleSegment\n    ? `${segment.size} (${((segment.size / maxValue) * 100).toFixed()}%)`\n    : `${segment.start} - ${segment.end}`;\n};\n\nexport const getChartValueLabel = (\n  chartValue: number,\n  minValue: number,\n  maxValue: number,\n  chartValueFormat?: GaugeValueFormat | ((sweepFraction: [number, number]) => string),\n  forCallout: boolean = false,\n): string => {\n  if (forCallout) {\n    // When displaying the chart value as a percentage, use fractions in the callout, and vice versa.\n    // This helps clarify the actual value and avoid repetition.\n    return minValue !== 0\n      ? chartValue.toString()\n      : chartValueFormat === GaugeValueFormat.Fraction\n      ? `${((chartValue / maxValue) * 100).toFixed()}%`\n      : `${chartValue}/${maxValue}`;\n  }\n\n  return typeof chartValueFormat === 'function'\n    ? chartValueFormat([chartValue - minValue, maxValue - minValue])\n    : minValue !== 0\n    ? chartValue.toString()\n    : chartValueFormat === GaugeValueFormat.Fraction\n    ? `${chartValue}/${maxValue}`\n    : `${((chartValue / maxValue) * 100).toFixed()}%`;\n};\n\ninterface IYValue extends Omit<IYValueHover, 'y'> {\n  y?: string | number;\n}\nexport interface IGaugeChartState {\n  hoveredLegend: string;\n  selectedLegends: string[];\n  focusedElement?: string;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  calloutTarget: any;\n  isCalloutVisible: boolean;\n  hoverXValue: string | number;\n  hoverYValues: IYValue[];\n  width: number;\n  height: number;\n}\nexport interface IExtendedSegment extends IGaugeChartSegment {\n  start: number;\n  end: number;\n}\n\nexport class GaugeChartBase extends React.Component<IGaugeChartProps, IGaugeChartState> implements IChart {\n  private _classNames: IProcessedStyleSet<IGaugeChartStyles>;\n  private _isRTL: boolean;\n  private _innerRadius: number;\n  private _outerRadius: number;\n  private _minValue: number;\n  private _maxValue: number;\n  private _segments: IExtendedSegment[];\n  private _calloutAnchor: string;\n  private _rootElem: HTMLDivElement | null;\n  private _margins: { left: number; right: number; top: number; bottom: number };\n  private _legendsHeight: number;\n  private _legendsRef: React.RefObject<ILegendContainer>;\n\n  constructor(props: IGaugeChartProps) {\n    super(props);\n\n    initializeComponentRef(this);\n\n    this._margins = this._getMargins();\n    this._legendsHeight = !props.hideLegend ? 24 : 0;\n\n    this.state = {\n      hoveredLegend: '',\n      selectedLegends: props.legendProps?.selectedLegends || [],\n      focusedElement: '',\n      calloutTarget: null,\n      isCalloutVisible: false,\n      hoverXValue: '',\n      hoverYValues: [],\n      width: 140 + this._margins.left + this._margins.right,\n      height: 70 + this._margins.top + this._margins.bottom + this._legendsHeight,\n    };\n\n    this._isRTL = getRTL(props.theme);\n    this._calloutAnchor = '';\n    this._legendsRef = React.createRef();\n  }\n\n  public componentDidMount(): void {\n    if (this._rootElem) {\n      this.setState({\n        width: this._rootElem.clientWidth,\n        height: this._rootElem.clientHeight,\n      });\n    }\n  }\n\n  public componentDidUpdate(prevProps: IGaugeChartProps): void {\n    if (!areArraysEqual(prevProps.legendProps?.selectedLegends, this.props.legendProps?.selectedLegends)) {\n      this.setState({\n        selectedLegends: this.props.legendProps?.selectedLegends || [],\n      });\n    }\n  }\n\n  public render(): React.ReactNode {\n    this._margins = this._getMargins();\n    this._legendsHeight = !this.props.hideLegend ? 24 : 0;\n\n    const width = this.props.width || this.state.width;\n    const height = this.props.height || this.state.height;\n\n    this._outerRadius = Math.min(\n      (width - (this._margins.left + this._margins.right)) / 2,\n      height - (this._margins.top + this._margins.bottom + this._legendsHeight),\n    );\n\n    const { arcWidth, chartValueSize } = this._getStylesBasedOnBreakpoint();\n    this._innerRadius = this._outerRadius - arcWidth;\n\n    const { arcs } = this._processProps();\n\n    this._classNames = getClassNames(this.props.styles!, {\n      theme: this.props.theme!,\n      className: this.props.className,\n      chartWidth: width,\n      chartHeight: height - this._legendsHeight,\n      chartValueSize,\n    });\n\n    return (\n      <div className={this._classNames.root} ref={el => (this._rootElem = el)}>\n        <FocusZone direction={FocusZoneDirection.horizontal}>\n          <svg\n            className={this._classNames.chart}\n            role=\"region\"\n            aria-label={this._getChartTitle()}\n            onMouseLeave={this._handleMouseOut}\n          >\n            <g transform={`translate(${width / 2}, ${height - (this._margins.bottom + this._legendsHeight)})`}>\n              {this.props.chartTitle && (\n                <text\n                  x={0}\n                  y={-(this._outerRadius + TITLE_OFFSET)}\n                  textAnchor=\"middle\"\n                  className={this._classNames.chartTitle}\n                  aria-hidden={true}\n                >\n                  {this.props.chartTitle}\n                </text>\n              )}\n              {!this.props.hideMinMax && (\n                <>\n                  <text\n                    x={(this._isRTL ? 1 : -1) * (this._outerRadius + LABEL_OFFSET)}\n                    y={0}\n                    textAnchor=\"end\"\n                    className={this._classNames.limits}\n                    role=\"img\"\n                    aria-label={`Min value: ${this._minValue}`}\n                  >\n                    {formatScientificLimitWidth(this._minValue)}\n                  </text>\n                  <text\n                    x={(this._isRTL ? -1 : 1) * (this._outerRadius + LABEL_OFFSET)}\n                    y={0}\n                    textAnchor=\"start\"\n                    className={this._classNames.limits}\n                    role=\"img\"\n                    aria-label={`Max value: ${this._maxValue}`}\n                  >\n                    {formatScientificLimitWidth(this._maxValue)}\n                  </text>\n                </>\n              )}\n              {arcs.map((arc, index) => {\n                const segment = this._segments[arc.segmentIndex];\n\n                const clipId = getId('Arc_clip') + `${index}_${arc.startAngle}_${arc.endAngle}`;\n\n                const arcClassNames = getClassNames(this.props.styles!, {\n                  theme: this.props.theme!,\n                  solidFill: this.props.enableGradient ? 'transparent' : segment.color!,\n                  gradientFill: `conic-gradient(\n                      from ${arc.startAngle}rad at 50% 100%,\n                      ${segment.gradient?.[0]},\n                      ${segment.gradient?.[1]} ${arc.endAngle - arc.startAngle}rad\n                    )`,\n                  opacity: this._legendHighlighted(segment.legend) || this._noLegendHighlighted() ? 1 : 0.1,\n                });\n\n                return (\n                  <React.Fragment key={index}>\n                    <path\n                      d={arc.d}\n                      strokeWidth={this.state.focusedElement === segment.legend ? ARC_PADDING : 0}\n                      className={arcClassNames.segment}\n                      {...getAccessibleDataObject(\n                        {\n                          ariaLabel: getSegmentLabel(segment, this._minValue, this._maxValue, this.props.variant, true),\n                          ...segment.accessibilityData,\n                        },\n                        'img',\n                        true,\n                      )}\n                      onFocus={e => this._handleFocus(e, segment.legend)}\n                      onBlur={this._handleBlur}\n                      onMouseEnter={e => this._handleMouseOver(e, segment.legend)}\n                      onMouseMove={e => this._handleMouseOver(e, segment.legend)}\n                      data-is-focusable={this._legendHighlighted(segment.legend) || this._noLegendHighlighted()}\n                    />\n\n                    {this.props.enableGradient && (\n                      <>\n                        <clipPath id={clipId}>\n                          <path d={arc.d} />\n                        </clipPath>\n                        <foreignObject x=\"-50%\" y=\"-100%\" width=\"100%\" height=\"100%\" clipPath={`url(#${clipId})`}>\n                          <div className={arcClassNames.gradientSegment} />\n                        </foreignObject>\n                      </>\n                    )}\n                  </React.Fragment>\n                );\n              })}\n              {this._renderNeedle()}\n              <g\n                onMouseEnter={e => this._handleMouseOver(e, 'Chart value')}\n                onMouseMove={e => this._handleMouseOver(e, 'Chart value')}\n              >\n                <SVGTooltipText\n                  content={getChartValueLabel(\n                    this.props.chartValue,\n                    this._minValue,\n                    this._maxValue,\n                    this.props.chartValueFormat,\n                  )}\n                  textProps={{\n                    x: 0,\n                    y: 0,\n                    textAnchor: 'middle',\n                    className: this._classNames.chartValue,\n                    'aria-hidden': 'true',\n                  }}\n                  maxWidth={this._innerRadius * 2 - 24}\n                  wrapContent={this._wrapContent}\n                />\n              </g>\n              {this.props.sublabel && (\n                <SVGTooltipText\n                  content={this.props.sublabel}\n                  textProps={{\n                    x: 0,\n                    y: 4,\n                    textAnchor: 'middle',\n                    dominantBaseline: 'hanging',\n                    className: this._classNames.sublabel,\n                  }}\n                  maxWidth={this._innerRadius * 2}\n                  wrapContent={this._wrapContent}\n                />\n              )}\n            </g>\n          </svg>\n        </FocusZone>\n        {this._renderLegends()}\n        {!this.props.hideTooltip && this.state.isCalloutVisible && (\n          <Callout\n            target={this.state.calloutTarget}\n            directionalHint={DirectionalHint.topAutoEdge}\n            gapSpace={15}\n            isBeakVisible={false}\n            onDismiss={this._handleCalloutDismiss}\n            {...this.props.calloutProps}\n          >\n            {this._multiValueCallout({\n              hoverXValue: this.state.hoverXValue,\n              YValueHover: this.state.hoverYValues,\n            })}\n          </Callout>\n        )}\n      </div>\n    );\n  }\n\n  public get chartContainer(): HTMLElement | null {\n    return this._rootElem;\n  }\n\n  public toImage = (opts?: IImageExportOptions): Promise<string> => {\n    return toImage(this._rootElem, this._legendsRef.current?.toSVG, this._isRTL, opts);\n  };\n\n  private _getMargins = () => {\n    const { hideMinMax, chartTitle, sublabel } = this.props;\n\n    return {\n      left: (!hideMinMax ? LABEL_OFFSET + LABEL_WIDTH : 0) + GAUGE_MARGIN,\n      right: (!hideMinMax ? LABEL_OFFSET + LABEL_WIDTH : 0) + GAUGE_MARGIN,\n      top: (chartTitle ? TITLE_OFFSET + LABEL_HEIGHT : EXTRA_NEEDLE_LENGTH / 2) + GAUGE_MARGIN,\n      bottom: (sublabel ? LABEL_OFFSET + LABEL_HEIGHT : 0) + GAUGE_MARGIN,\n    };\n  };\n\n  private _getStylesBasedOnBreakpoint = () => {\n    for (let index = BREAKPOINTS.length - 1; index >= 0; index -= 1) {\n      if (this._outerRadius >= BREAKPOINTS[index].minRadius) {\n        return {\n          arcWidth: BREAKPOINTS[index].arcWidth,\n          chartValueSize: BREAKPOINTS[index].fontSize,\n        };\n      }\n    }\n    return {\n      arcWidth: BREAKPOINTS[0].arcWidth,\n      chartValueSize: BREAKPOINTS[0].fontSize,\n    };\n  };\n\n  private _processProps = () => {\n    const { minValue = 0, maxValue, theme } = this.props;\n\n    let total = minValue;\n    const segments: IExtendedSegment[] = this.props.segments.map((segment, index) => {\n      const size = Math.max(segment.size, 0);\n      total += size;\n      return {\n        legend: segment.legend,\n        size,\n        color:\n          typeof segment.color !== 'undefined'\n            ? getColorFromToken(segment.color, theme!.isInverted)\n            : getNextColor(index, 0, theme!.isInverted),\n        gradient: segment.gradient ?? getNextGradient(index, 0, theme!.isInverted),\n        accessibilityData: segment.accessibilityData,\n        start: total - size,\n        end: total,\n      };\n    });\n    if (typeof maxValue !== 'undefined' && total < maxValue) {\n      segments.push({\n        legend: 'Unknown',\n        size: maxValue - total,\n        color: theme!.palette.neutralLight,\n        start: total,\n        end: maxValue,\n      });\n      total = maxValue;\n    }\n\n    const arcGenerator = d3Arc()\n      .cornerRadius(this.props.roundCorners ? 3 : 0)\n      .padAngle(ARC_PADDING / this._outerRadius)\n      .padRadius(this._outerRadius);\n    const rtlSafeSegments = this._isRTL ? Array.from(segments).reverse() : segments;\n    let prevAngle = -Math.PI / 2;\n    const arcs = rtlSafeSegments.map((segment, index) => {\n      const endAngle = prevAngle + (segment.size / (total - minValue)) * Math.PI;\n      const d = arcGenerator({\n        innerRadius: this._innerRadius,\n        outerRadius: this._outerRadius,\n        startAngle: prevAngle,\n        endAngle,\n      })!;\n      prevAngle = endAngle;\n      return {\n        d,\n        segmentIndex: this._isRTL ? segments.length - 1 - index : index,\n        startAngle: prevAngle - (segment.size / (total - minValue)) * Math.PI,\n        endAngle,\n      };\n    });\n\n    this._minValue = minValue;\n    this._maxValue = total;\n    this._segments = segments;\n\n    return {\n      arcs,\n    };\n  };\n\n  private _renderNeedle = () => {\n    const needleRotation = calcNeedleRotation(this.props.chartValue, this._minValue, this._maxValue);\n    const rtlSafeNeedleRotation = this._isRTL ? 180 - needleRotation : needleRotation;\n    const strokeWidth = 2;\n    const halfStrokeWidth = strokeWidth / 2;\n    const needleLength = this._outerRadius - this._innerRadius + EXTRA_NEEDLE_LENGTH;\n\n    return (\n      <g transform={`rotate(${rtlSafeNeedleRotation}, 0, 0)`}>\n        <path\n          d={`\n            M 0,${-halfStrokeWidth - 3}\n            L ${-needleLength},${-halfStrokeWidth - 1}\n            A ${halfStrokeWidth + 1},${halfStrokeWidth + 1},0,0,0,${-needleLength},${halfStrokeWidth + 1}\n            L 0,${halfStrokeWidth + 3}\n            A ${halfStrokeWidth + 3},${halfStrokeWidth + 3},0,0,0,0,${-halfStrokeWidth - 3}\n          `}\n          strokeWidth={strokeWidth}\n          className={this._classNames.needle}\n          transform={`translate(${-this._innerRadius + EXTRA_NEEDLE_LENGTH / 2})`}\n          data-is-focusable={true}\n          onFocus={e => this._handleFocus(e, 'Needle')}\n          onBlur={this._handleBlur}\n          onMouseEnter={e => this._handleMouseOver(e, 'Needle')}\n          onMouseMove={e => this._handleMouseOver(e, 'Needle')}\n          role=\"img\"\n          aria-label={\n            'Current value: ' +\n            getChartValueLabel(this.props.chartValue, this._minValue, this._maxValue, this.props.chartValueFormat)\n          }\n        />\n      </g>\n    );\n  };\n\n  private _renderLegends = () => {\n    if (this.props.hideLegend) {\n      return null;\n    }\n\n    const legends: ILegend[] = this._segments.map((segment, index) => {\n      const color: string = this.props.enableGradient\n        ? segment.gradient?.[0] || getNextGradient(index, 0, this.props.theme!.isInverted)[0]\n        : segment.color || getNextColor(index, 0, this.props.theme!.isInverted);\n\n      return {\n        title: segment.legend,\n        color,\n        hoverAction: () => {\n          this.setState({ hoveredLegend: segment.legend });\n        },\n        onMouseOutAction: () => {\n          this.setState({ hoveredLegend: '' });\n        },\n      };\n    });\n\n    return (\n      <div className={this._classNames.legendsContainer}>\n        <Legends\n          legends={legends}\n          centerLegends\n          {...this.props.legendProps}\n          // eslint-disable-next-line react/jsx-no-bind\n          onChange={this._onLegendSelectionChange.bind(this)}\n          ref={this._legendsRef}\n        />\n      </div>\n    );\n  };\n\n  private _onLegendSelectionChange(\n    selectedLegends: string[],\n    event: React.MouseEvent<HTMLButtonElement>,\n    currentLegend?: ILegend,\n  ): void {\n    if (this.props.legendProps?.canSelectMultipleLegends) {\n      this.setState({ selectedLegends });\n    } else {\n      this.setState({ selectedLegends: selectedLegends.slice(-1) });\n    }\n    if (this.props.legendProps?.onChange) {\n      this.props.legendProps.onChange(selectedLegends, event, currentLegend);\n    }\n  }\n\n  /**\n   * This function checks if the given legend is highlighted or not.\n   * A legend can be highlighted in 2 ways:\n   * 1. selection: if the user clicks on it\n   * 2. hovering: if there is no selected legend and the user hovers over it\n   */\n  private _legendHighlighted = (legend: string) => {\n    return this._getHighlightedLegend().includes(legend!);\n  };\n\n  /**\n   * This function checks if none of the legends is selected or hovered.\n   */\n  private _noLegendHighlighted = () => {\n    return this._getHighlightedLegend().length === 0;\n  };\n\n  private _getHighlightedLegend() {\n    return this.state.selectedLegends.length > 0\n      ? this.state.selectedLegends\n      : this.state.hoveredLegend\n      ? [this.state.hoveredLegend]\n      : [];\n  }\n\n  private _handleFocus = (focusEvent: React.FocusEvent<SVGElement>, focusedElement: string) => {\n    this._showCallout(focusEvent.target, focusedElement, true);\n  };\n\n  private _handleBlur = () => {\n    this._hideCallout(true);\n  };\n\n  private _handleMouseOver = (mouseEvent: React.MouseEvent<SVGElement>, hoveredElement: string) => {\n    this._showCallout(mouseEvent.target, hoveredElement, false);\n  };\n\n  private _handleMouseOut = () => {\n    this._hideCallout(false);\n  };\n\n  private _handleCalloutDismiss = () => {\n    this._hideCallout(false);\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private _showCallout = (target: any, legend: string, isFocusEvent: boolean) => {\n    if (this._calloutAnchor === legend) {\n      return;\n    }\n\n    this._calloutAnchor = legend;\n    const hoverXValue: string =\n      'Current value is ' +\n      getChartValueLabel(this.props.chartValue, this._minValue, this._maxValue, this.props.chartValueFormat, true);\n    const hoverYValues: IYValue[] = this._segments.map(segment => {\n      const yValue: IYValue = {\n        legend: segment.legend,\n        y: getSegmentLabel(segment, this._minValue, this._maxValue, this.props.variant),\n        color: this.props.enableGradient ? segment.gradient?.[0] : segment.color,\n      };\n      return yValue;\n    });\n    this.setState({\n      calloutTarget: target,\n      /** Show the callout if highlighted arc is hovered/focused and Hide it if unhighlighted arc is hovered/focused */\n      isCalloutVisible:\n        ['Needle', 'Chart value'].includes(legend) || this._noLegendHighlighted() || this._legendHighlighted(legend),\n      hoverXValue,\n      hoverYValues,\n      ...(isFocusEvent ? { focusedElement: legend } : {}),\n    });\n  };\n\n  private _hideCallout = (isBlurEvent?: boolean) => {\n    this._calloutAnchor = '';\n    this.setState({\n      calloutTarget: null,\n      isCalloutVisible: false,\n      hoverXValue: '',\n      hoverYValues: [],\n      ...(isBlurEvent ? { focusedElement: '' } : {}),\n    });\n  };\n\n  private _wrapContent = (content: string, id: string, maxWidth: number) => {\n    const textElement = d3Select<SVGTextElement, {}>(`#${id}`);\n    textElement.text(content);\n    if (!textElement.node()) {\n      return false;\n    }\n\n    let isOverflowing = false;\n    let textLength = textElement.node()!.getComputedTextLength();\n    while (textLength > maxWidth && content.length > 0) {\n      content = content.slice(0, -1);\n      textElement.text(content + '...');\n      isOverflowing = true;\n      textLength = textElement.node()!.getComputedTextLength();\n    }\n    return isOverflowing;\n  };\n\n  // TO DO: Write a common functional component for Multi value callout and divide sub count method\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private _multiValueCallout = (calloutProps: any) => {\n    const yValueHoverSubCountsExists: boolean = this._yValueHoverSubCountsExists(calloutProps.YValueHover);\n    return (\n      <div className={this._classNames.calloutContentRoot}>\n        <div\n          className={this._classNames.calloutDateTimeContainer}\n          style={yValueHoverSubCountsExists ? { marginBottom: '11px' } : {}}\n        >\n          <div\n            className={this._classNames.calloutContentX}\n            {...getAccessibleDataObject(calloutProps!.xAxisCalloutAccessibilityData, 'text', false)}\n          >\n            {formatToLocaleString(calloutProps!.hoverXValue, this.props.culture)}\n          </div>\n        </div>\n        <div\n          className={this._classNames.calloutInfoContainer}\n          style={yValueHoverSubCountsExists ? { display: 'flex' } : {}}\n        >\n          {calloutProps!.YValueHover &&\n            calloutProps!.YValueHover.map((yValue: IYValueHover, index: number, yValues: IYValueHover[]) => {\n              const isLast: boolean = index + 1 === yValues.length;\n              const { shouldDrawBorderBottom = false } = yValue;\n              return (\n                <div\n                  {...getAccessibleDataObject(yValue.callOutAccessibilityData, 'text', false)}\n                  key={`callout-content-${index}`}\n                  style={\n                    yValueHoverSubCountsExists\n                      ? {\n                          display: 'inline-block',\n                          ...(shouldDrawBorderBottom && {\n                            borderBottom: `1px solid ${this.props.theme!.semanticColors.menuDivider}`,\n                            paddingBottom: '10px',\n                          }),\n                        }\n                      : {\n                          ...(shouldDrawBorderBottom && {\n                            borderBottom: `1px solid ${this.props.theme!.semanticColors.menuDivider}`,\n                            paddingBottom: '10px',\n                          }),\n                        }\n                  }\n                >\n                  {this._getCalloutContent(yValue, index, yValueHoverSubCountsExists, isLast)}\n                </div>\n              );\n            })}\n          {!!calloutProps.descriptionMessage && (\n            <div className={this._classNames.descriptionMessage}>{calloutProps.descriptionMessage}</div>\n          )}\n        </div>\n      </div>\n    );\n  };\n\n  private _yValueHoverSubCountsExists(yValueHover?: IYValueHover[]) {\n    if (yValueHover) {\n      return yValueHover.some(\n        (yValue: {\n          legend?: string;\n          y?: number;\n          color?: string;\n          yAxisCalloutData?: string | { [id: string]: number };\n        }) => yValue.yAxisCalloutData && typeof yValue.yAxisCalloutData !== 'string',\n      );\n    }\n    return false;\n  }\n\n  private _getCalloutContent(\n    xValue: IYValueHover,\n    index: number,\n    yValueHoverSubCountsExists: boolean,\n    isLast: boolean,\n  ): React.ReactNode {\n    const marginStyle: React.CSSProperties = isLast ? {} : { marginRight: '16px' };\n    const toDrawShape = xValue.index !== undefined && xValue.index !== -1;\n    const _classNames = getClassNames(this.props.styles!, {\n      theme: this.props.theme!,\n      lineColor: xValue.color,\n      toDrawShape,\n    });\n\n    const { culture } = this.props;\n    const yValue = formatToLocaleString(xValue.y, culture);\n    if (!xValue.yAxisCalloutData || typeof xValue.yAxisCalloutData === 'string') {\n      return (\n        <div style={yValueHoverSubCountsExists ? marginStyle : {}}>\n          {yValueHoverSubCountsExists && (\n            <div className=\"ms-fontWeight-semibold\" style={{ fontSize: '12pt' }}>\n              {xValue.legend!} ({yValue})\n            </div>\n          )}\n          <div id={`${index}_${xValue.y}`} className={_classNames.calloutBlockContainer}>\n            {toDrawShape && (\n              <Shape\n                svgProps={{\n                  className: _classNames.shapeStyles,\n                }}\n                pathProps={{ fill: xValue.color }}\n                shape={Points[xValue.index! % Object.keys(pointTypes).length] as LegendShape}\n              />\n            )}\n            <div>\n              <div className={_classNames.calloutlegendText}> {xValue.legend}</div>\n              <div className={_classNames.calloutContentY}>\n                {formatToLocaleString(\n                  xValue.yAxisCalloutData ? xValue.yAxisCalloutData : xValue.y || xValue.data,\n                  culture,\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n      );\n    } else {\n      const subcounts: { [id: string]: number } = xValue.yAxisCalloutData as { [id: string]: number };\n      return (\n        <div style={marginStyle}>\n          <div className=\"ms-fontWeight-semibold\" style={{ fontSize: '12pt' }}>\n            {xValue.legend!} ({yValue})\n          </div>\n          {Object.keys(subcounts).map((subcountName: string) => {\n            return (\n              <div key={subcountName} className={_classNames.calloutBlockContainer}>\n                <div className={_classNames.calloutlegendText}> {formatToLocaleString(subcountName, culture)}</div>\n                <div className={_classNames.calloutContentY}>\n                  {formatToLocaleString(subcounts[subcountName], culture)}\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      );\n    }\n  }\n\n  private _getChartTitle = (): string => {\n    const { chartTitle } = this.props;\n    return (chartTitle ? `${chartTitle}. ` : '') + `Gauge chart with ${this._segments.length} segments. `;\n  };\n}\n"]}
+{"version":3,"file":"GaugeChart.base.js","sourceRoot":"../src/","sources":["components/GaugeChart/GaugeChart.base.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { arc as d3Arc } from 'd3-shape';\nimport { classNamesFunction, getId, getRTL, initializeComponentRef } from '@fluentui/react/lib/Utilities';\nimport {\n  IGaugeChartProps,\n  IGaugeChartSegment,\n  IGaugeChartStyleProps,\n  IGaugeChartStyles,\n  GaugeValueFormat,\n  GaugeChartVariant,\n} from './GaugeChart.types';\nimport { IProcessedStyleSet } from '@fluentui/react/lib/Styling';\nimport { formatToLocaleString } from '@fluentui/chart-utilities';\nimport {\n  Points,\n  areArraysEqual,\n  formatScientificLimitWidth,\n  getAccessibleDataObject,\n  getColorFromToken,\n  getNextColor,\n  getNextGradient,\n  pointTypes,\n} from '../../utilities/index';\nimport { ILegend, ILegendContainer, LegendShape, Legends, Shape } from '../Legends/index';\nimport { FocusZone, FocusZoneDirection } from '@fluentui/react-focus';\nimport { Callout, DirectionalHint } from '@fluentui/react/lib/Callout';\nimport { IYValueHover } from '../../index';\nimport { SVGTooltipText } from '../../utilities/SVGTooltipText';\nimport { select as d3Select } from 'd3-selection';\nimport { IChart, IImageExportOptions } from '../../types/index';\nimport { toImage } from '../../utilities/image-export-utils';\n\nconst GAUGE_MARGIN = 16;\nconst LABEL_WIDTH = 36;\nconst LABEL_HEIGHT = 16;\nconst LABEL_OFFSET = 4;\nconst TITLE_OFFSET = 11;\nconst EXTRA_NEEDLE_LENGTH = 4;\nexport const ARC_PADDING = 2;\nexport const BREAKPOINTS = [\n  { minRadius: 52, arcWidth: 12, fontSize: 20 },\n  { minRadius: 70, arcWidth: 16, fontSize: 24 },\n  { minRadius: 88, arcWidth: 20, fontSize: 32 },\n  { minRadius: 106, arcWidth: 24, fontSize: 32 },\n  { minRadius: 124, arcWidth: 28, fontSize: 40 },\n  { minRadius: 142, arcWidth: 32, fontSize: 40 },\n];\n\nconst getClassNames = classNamesFunction<IGaugeChartStyleProps, IGaugeChartStyles>();\n\nexport const calcNeedleRotation = (chartValue: number, minValue: number, maxValue: number) => {\n  let needleRotation = ((chartValue - minValue) / (maxValue - minValue)) * 180;\n  if (needleRotation < 0) {\n    needleRotation = 0;\n  } else if (needleRotation > 180) {\n    needleRotation = 180;\n  }\n\n  return needleRotation;\n};\n\nexport const getSegmentLabel = (\n  segment: IExtendedSegment,\n  minValue: number,\n  maxValue: number,\n  variant?: GaugeChartVariant,\n  isAriaLabel: boolean = false,\n) => {\n  if (isAriaLabel) {\n    return minValue === 0 && variant === GaugeChartVariant.SingleSegment\n      ? `${segment.legend}, ${segment.size} out of ${maxValue} or ${((segment.size / maxValue) * 100).toFixed()}%`\n      : `${segment.legend}, ${segment.start} to ${segment.end}`;\n  }\n\n  return minValue === 0 && variant === GaugeChartVariant.SingleSegment\n    ? `${segment.size} (${((segment.size / maxValue) * 100).toFixed()}%)`\n    : `${segment.start} - ${segment.end}`;\n};\n\nexport const getChartValueLabel = (\n  chartValue: number,\n  minValue: number,\n  maxValue: number,\n  chartValueFormat?: GaugeValueFormat | ((sweepFraction: [number, number]) => string),\n  forCallout: boolean = false,\n): string => {\n  if (forCallout) {\n    // When displaying the chart value as a percentage, use fractions in the callout, and vice versa.\n    // This helps clarify the actual value and avoid repetition.\n    return minValue !== 0\n      ? chartValue.toString()\n      : chartValueFormat === GaugeValueFormat.Fraction\n      ? `${((chartValue / maxValue) * 100).toFixed()}%`\n      : `${chartValue}/${maxValue}`;\n  }\n\n  return typeof chartValueFormat === 'function'\n    ? chartValueFormat([chartValue - minValue, maxValue - minValue])\n    : minValue !== 0\n    ? chartValue.toString()\n    : chartValueFormat === GaugeValueFormat.Fraction\n    ? `${chartValue}/${maxValue}`\n    : `${((chartValue / maxValue) * 100).toFixed()}%`;\n};\n\ninterface IYValue extends Omit<IYValueHover, 'y'> {\n  y?: string | number;\n}\nexport interface IGaugeChartState {\n  hoveredLegend: string;\n  selectedLegends: string[];\n  focusedElement?: string;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  calloutTarget: any;\n  isCalloutVisible: boolean;\n  hoverXValue: string | number;\n  hoverYValues: IYValue[];\n  width: number;\n  height: number;\n}\nexport interface IExtendedSegment extends IGaugeChartSegment {\n  start: number;\n  end: number;\n}\n\nexport class GaugeChartBase extends React.Component<IGaugeChartProps, IGaugeChartState> implements IChart {\n  private _classNames: IProcessedStyleSet<IGaugeChartStyles>;\n  private _isRTL: boolean;\n  private _innerRadius: number;\n  private _outerRadius: number;\n  private _minValue: number;\n  private _maxValue: number;\n  private _segments: IExtendedSegment[];\n  private _calloutAnchor: string;\n  private _rootElem: HTMLDivElement | null;\n  private _margins: { left: number; right: number; top: number; bottom: number };\n  private _legendsHeight: number;\n  private _legendsRef: React.RefObject<ILegendContainer>;\n\n  constructor(props: IGaugeChartProps) {\n    super(props);\n\n    initializeComponentRef(this);\n\n    this._margins = this._getMargins();\n    this._legendsHeight = !props.hideLegend ? 24 : 0;\n\n    this.state = {\n      hoveredLegend: '',\n      selectedLegends: props.legendProps?.selectedLegends || [],\n      focusedElement: '',\n      calloutTarget: null,\n      isCalloutVisible: false,\n      hoverXValue: '',\n      hoverYValues: [],\n      width: 140 + this._margins.left + this._margins.right,\n      height: 70 + this._margins.top + this._margins.bottom + this._legendsHeight,\n    };\n\n    this._isRTL = getRTL(props.theme);\n    this._calloutAnchor = '';\n    this._legendsRef = React.createRef();\n  }\n\n  public componentDidMount(): void {\n    if (this._rootElem) {\n      this.setState({\n        width: this._rootElem.clientWidth,\n        height: this._rootElem.clientHeight,\n      });\n    }\n  }\n\n  public componentDidUpdate(prevProps: IGaugeChartProps): void {\n    if (!areArraysEqual(prevProps.legendProps?.selectedLegends, this.props.legendProps?.selectedLegends)) {\n      this.setState({\n        selectedLegends: this.props.legendProps?.selectedLegends || [],\n      });\n    }\n  }\n\n  public render(): React.ReactNode {\n    this._margins = this._getMargins();\n    this._legendsHeight = !this.props.hideLegend ? 24 : 0;\n\n    const width = this.props.width || this.state.width;\n    const height = this.props.height || this.state.height;\n\n    this._outerRadius = Math.min(\n      (width - (this._margins.left + this._margins.right)) / 2,\n      height - (this._margins.top + this._margins.bottom + this._legendsHeight),\n    );\n\n    const { arcWidth, chartValueSize } = this._getStylesBasedOnBreakpoint();\n    this._innerRadius = this._outerRadius - arcWidth;\n\n    const { arcs } = this._processProps();\n\n    this._classNames = getClassNames(this.props.styles!, {\n      theme: this.props.theme!,\n      className: this.props.className,\n      chartValueSize,\n    });\n\n    return (\n      <div className={this._classNames.root} ref={el => (this._rootElem = el)}>\n        <FocusZone direction={FocusZoneDirection.horizontal} className={this._classNames.chartWrapper}>\n          <svg\n            className={this._classNames.chart}\n            role=\"region\"\n            aria-label={this._getChartTitle()}\n            onMouseLeave={this._handleMouseOut}\n            width={width}\n            height={height - this._legendsHeight}\n          >\n            <g transform={`translate(${width / 2}, ${height - (this._margins.bottom + this._legendsHeight)})`}>\n              {this.props.chartTitle && (\n                <text\n                  x={0}\n                  y={-(this._outerRadius + TITLE_OFFSET)}\n                  textAnchor=\"middle\"\n                  className={this._classNames.chartTitle}\n                  aria-hidden={true}\n                >\n                  {this.props.chartTitle}\n                </text>\n              )}\n              {!this.props.hideMinMax && (\n                <>\n                  <text\n                    x={(this._isRTL ? 1 : -1) * (this._outerRadius + LABEL_OFFSET)}\n                    y={0}\n                    textAnchor=\"end\"\n                    className={this._classNames.limits}\n                    role=\"img\"\n                    aria-label={`Min value: ${this._minValue}`}\n                  >\n                    {formatScientificLimitWidth(this._minValue)}\n                  </text>\n                  <text\n                    x={(this._isRTL ? -1 : 1) * (this._outerRadius + LABEL_OFFSET)}\n                    y={0}\n                    textAnchor=\"start\"\n                    className={this._classNames.limits}\n                    role=\"img\"\n                    aria-label={`Max value: ${this._maxValue}`}\n                  >\n                    {formatScientificLimitWidth(this._maxValue)}\n                  </text>\n                </>\n              )}\n              {arcs.map((arc, index) => {\n                const segment = this._segments[arc.segmentIndex];\n\n                const clipId = getId('Arc_clip') + `${index}_${arc.startAngle}_${arc.endAngle}`;\n\n                const arcClassNames = getClassNames(this.props.styles!, {\n                  theme: this.props.theme!,\n                  solidFill: this.props.enableGradient ? 'transparent' : segment.color!,\n                  gradientFill: `conic-gradient(\n                      from ${arc.startAngle}rad at 50% 100%,\n                      ${segment.gradient?.[0]},\n                      ${segment.gradient?.[1]} ${arc.endAngle - arc.startAngle}rad\n                    )`,\n                  opacity: this._legendHighlighted(segment.legend) || this._noLegendHighlighted() ? 1 : 0.1,\n                });\n\n                return (\n                  <React.Fragment key={index}>\n                    <path\n                      d={arc.d}\n                      strokeWidth={this.state.focusedElement === segment.legend ? ARC_PADDING : 0}\n                      className={arcClassNames.segment}\n                      {...getAccessibleDataObject(\n                        {\n                          ariaLabel: getSegmentLabel(segment, this._minValue, this._maxValue, this.props.variant, true),\n                          ...segment.accessibilityData,\n                        },\n                        'img',\n                        true,\n                      )}\n                      onFocus={e => this._handleFocus(e, segment.legend)}\n                      onBlur={this._handleBlur}\n                      onMouseEnter={e => this._handleMouseOver(e, segment.legend)}\n                      onMouseMove={e => this._handleMouseOver(e, segment.legend)}\n                      data-is-focusable={this._legendHighlighted(segment.legend) || this._noLegendHighlighted()}\n                    />\n\n                    {this.props.enableGradient && (\n                      <>\n                        <clipPath id={clipId}>\n                          <path d={arc.d} />\n                        </clipPath>\n                        <foreignObject x=\"-50%\" y=\"-100%\" width=\"100%\" height=\"100%\" clipPath={`url(#${clipId})`}>\n                          <div className={arcClassNames.gradientSegment} />\n                        </foreignObject>\n                      </>\n                    )}\n                  </React.Fragment>\n                );\n              })}\n              {this._renderNeedle()}\n              <g\n                onMouseEnter={e => this._handleMouseOver(e, 'Chart value')}\n                onMouseMove={e => this._handleMouseOver(e, 'Chart value')}\n              >\n                <SVGTooltipText\n                  content={getChartValueLabel(\n                    this.props.chartValue,\n                    this._minValue,\n                    this._maxValue,\n                    this.props.chartValueFormat,\n                  )}\n                  textProps={{\n                    x: 0,\n                    y: 0,\n                    textAnchor: 'middle',\n                    className: this._classNames.chartValue,\n                    'aria-hidden': 'true',\n                  }}\n                  maxWidth={this._innerRadius * 2 - 24}\n                  wrapContent={this._wrapContent}\n                />\n              </g>\n              {this.props.sublabel && (\n                <SVGTooltipText\n                  content={this.props.sublabel}\n                  textProps={{\n                    x: 0,\n                    y: 4,\n                    textAnchor: 'middle',\n                    dominantBaseline: 'hanging',\n                    className: this._classNames.sublabel,\n                  }}\n                  maxWidth={this._innerRadius * 2}\n                  wrapContent={this._wrapContent}\n                />\n              )}\n            </g>\n          </svg>\n        </FocusZone>\n        {this._renderLegends()}\n        {!this.props.hideTooltip && this.state.isCalloutVisible && (\n          <Callout\n            target={this.state.calloutTarget}\n            directionalHint={DirectionalHint.topAutoEdge}\n            gapSpace={15}\n            isBeakVisible={false}\n            onDismiss={this._handleCalloutDismiss}\n            {...this.props.calloutProps}\n          >\n            {this._multiValueCallout({\n              hoverXValue: this.state.hoverXValue,\n              YValueHover: this.state.hoverYValues,\n            })}\n          </Callout>\n        )}\n      </div>\n    );\n  }\n\n  public get chartContainer(): HTMLElement | null {\n    return this._rootElem;\n  }\n\n  public toImage = (opts?: IImageExportOptions): Promise<string> => {\n    return toImage(this._rootElem, this._legendsRef.current?.toSVG, this._isRTL, opts);\n  };\n\n  private _getMargins = () => {\n    const { hideMinMax, chartTitle, sublabel } = this.props;\n\n    return {\n      left: (!hideMinMax ? LABEL_OFFSET + LABEL_WIDTH : 0) + GAUGE_MARGIN,\n      right: (!hideMinMax ? LABEL_OFFSET + LABEL_WIDTH : 0) + GAUGE_MARGIN,\n      top: (chartTitle ? TITLE_OFFSET + LABEL_HEIGHT : EXTRA_NEEDLE_LENGTH / 2) + GAUGE_MARGIN,\n      bottom: (sublabel ? LABEL_OFFSET + LABEL_HEIGHT : 0) + GAUGE_MARGIN,\n    };\n  };\n\n  private _getStylesBasedOnBreakpoint = () => {\n    for (let index = BREAKPOINTS.length - 1; index >= 0; index -= 1) {\n      if (this._outerRadius >= BREAKPOINTS[index].minRadius) {\n        return {\n          arcWidth: BREAKPOINTS[index].arcWidth,\n          chartValueSize: BREAKPOINTS[index].fontSize,\n        };\n      }\n    }\n    return {\n      arcWidth: BREAKPOINTS[0].arcWidth,\n      chartValueSize: BREAKPOINTS[0].fontSize,\n    };\n  };\n\n  private _processProps = () => {\n    const { minValue = 0, maxValue, theme } = this.props;\n\n    let total = minValue;\n    const segments: IExtendedSegment[] = this.props.segments.map((segment, index) => {\n      const size = Math.max(segment.size, 0);\n      total += size;\n      return {\n        legend: segment.legend,\n        size,\n        color:\n          typeof segment.color !== 'undefined'\n            ? getColorFromToken(segment.color, theme!.isInverted)\n            : getNextColor(index, 0, theme!.isInverted),\n        gradient: segment.gradient ?? getNextGradient(index, 0, theme!.isInverted),\n        accessibilityData: segment.accessibilityData,\n        start: total - size,\n        end: total,\n      };\n    });\n    if (typeof maxValue !== 'undefined' && total < maxValue) {\n      segments.push({\n        legend: 'Unknown',\n        size: maxValue - total,\n        color: theme!.palette.neutralLight,\n        start: total,\n        end: maxValue,\n      });\n      total = maxValue;\n    }\n\n    const arcGenerator = d3Arc()\n      .cornerRadius(this.props.roundCorners ? 3 : 0)\n      .padAngle(ARC_PADDING / this._outerRadius)\n      .padRadius(this._outerRadius);\n    const rtlSafeSegments = this._isRTL ? Array.from(segments).reverse() : segments;\n    let prevAngle = -Math.PI / 2;\n    const arcs = rtlSafeSegments.map((segment, index) => {\n      const endAngle = prevAngle + (segment.size / (total - minValue)) * Math.PI;\n      const d = arcGenerator({\n        innerRadius: this._innerRadius,\n        outerRadius: this._outerRadius,\n        startAngle: prevAngle,\n        endAngle,\n      })!;\n      prevAngle = endAngle;\n      return {\n        d,\n        segmentIndex: this._isRTL ? segments.length - 1 - index : index,\n        startAngle: prevAngle - (segment.size / (total - minValue)) * Math.PI,\n        endAngle,\n      };\n    });\n\n    this._minValue = minValue;\n    this._maxValue = total;\n    this._segments = segments;\n\n    return {\n      arcs,\n    };\n  };\n\n  private _renderNeedle = () => {\n    const needleRotation = calcNeedleRotation(this.props.chartValue, this._minValue, this._maxValue);\n    const rtlSafeNeedleRotation = this._isRTL ? 180 - needleRotation : needleRotation;\n    const strokeWidth = 2;\n    const halfStrokeWidth = strokeWidth / 2;\n    const needleLength = this._outerRadius - this._innerRadius + EXTRA_NEEDLE_LENGTH;\n\n    return (\n      <g transform={`rotate(${rtlSafeNeedleRotation}, 0, 0)`}>\n        <path\n          d={`\n            M 0,${-halfStrokeWidth - 3}\n            L ${-needleLength},${-halfStrokeWidth - 1}\n            A ${halfStrokeWidth + 1},${halfStrokeWidth + 1},0,0,0,${-needleLength},${halfStrokeWidth + 1}\n            L 0,${halfStrokeWidth + 3}\n            A ${halfStrokeWidth + 3},${halfStrokeWidth + 3},0,0,0,0,${-halfStrokeWidth - 3}\n          `}\n          strokeWidth={strokeWidth}\n          className={this._classNames.needle}\n          transform={`translate(${-this._innerRadius + EXTRA_NEEDLE_LENGTH / 2})`}\n          data-is-focusable={true}\n          onFocus={e => this._handleFocus(e, 'Needle')}\n          onBlur={this._handleBlur}\n          onMouseEnter={e => this._handleMouseOver(e, 'Needle')}\n          onMouseMove={e => this._handleMouseOver(e, 'Needle')}\n          role=\"img\"\n          aria-label={\n            'Current value: ' +\n            getChartValueLabel(this.props.chartValue, this._minValue, this._maxValue, this.props.chartValueFormat)\n          }\n        />\n      </g>\n    );\n  };\n\n  private _renderLegends = () => {\n    if (this.props.hideLegend) {\n      return null;\n    }\n\n    const legends: ILegend[] = this._segments.map((segment, index) => {\n      const color: string = this.props.enableGradient\n        ? segment.gradient?.[0] || getNextGradient(index, 0, this.props.theme!.isInverted)[0]\n        : segment.color || getNextColor(index, 0, this.props.theme!.isInverted);\n\n      return {\n        title: segment.legend,\n        color,\n        hoverAction: () => {\n          this.setState({ hoveredLegend: segment.legend });\n        },\n        onMouseOutAction: () => {\n          this.setState({ hoveredLegend: '' });\n        },\n      };\n    });\n\n    return (\n      <div className={this._classNames.legendsContainer}>\n        <Legends\n          legends={legends}\n          centerLegends\n          {...this.props.legendProps}\n          // eslint-disable-next-line react/jsx-no-bind\n          onChange={this._onLegendSelectionChange.bind(this)}\n          ref={this._legendsRef}\n        />\n      </div>\n    );\n  };\n\n  private _onLegendSelectionChange(\n    selectedLegends: string[],\n    event: React.MouseEvent<HTMLButtonElement>,\n    currentLegend?: ILegend,\n  ): void {\n    if (this.props.legendProps?.canSelectMultipleLegends) {\n      this.setState({ selectedLegends });\n    } else {\n      this.setState({ selectedLegends: selectedLegends.slice(-1) });\n    }\n    if (this.props.legendProps?.onChange) {\n      this.props.legendProps.onChange(selectedLegends, event, currentLegend);\n    }\n  }\n\n  /**\n   * This function checks if the given legend is highlighted or not.\n   * A legend can be highlighted in 2 ways:\n   * 1. selection: if the user clicks on it\n   * 2. hovering: if there is no selected legend and the user hovers over it\n   */\n  private _legendHighlighted = (legend: string) => {\n    return this._getHighlightedLegend().includes(legend!);\n  };\n\n  /**\n   * This function checks if none of the legends is selected or hovered.\n   */\n  private _noLegendHighlighted = () => {\n    return this._getHighlightedLegend().length === 0;\n  };\n\n  private _getHighlightedLegend() {\n    return this.state.selectedLegends.length > 0\n      ? this.state.selectedLegends\n      : this.state.hoveredLegend\n      ? [this.state.hoveredLegend]\n      : [];\n  }\n\n  private _handleFocus = (focusEvent: React.FocusEvent<SVGElement>, focusedElement: string) => {\n    this._showCallout(focusEvent.target, focusedElement, true);\n  };\n\n  private _handleBlur = () => {\n    this._hideCallout(true);\n  };\n\n  private _handleMouseOver = (mouseEvent: React.MouseEvent<SVGElement>, hoveredElement: string) => {\n    this._showCallout(mouseEvent.target, hoveredElement, false);\n  };\n\n  private _handleMouseOut = () => {\n    this._hideCallout(false);\n  };\n\n  private _handleCalloutDismiss = () => {\n    this._hideCallout(false);\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private _showCallout = (target: any, legend: string, isFocusEvent: boolean) => {\n    if (this._calloutAnchor === legend) {\n      return;\n    }\n\n    this._calloutAnchor = legend;\n    const hoverXValue: string =\n      'Current value is ' +\n      getChartValueLabel(this.props.chartValue, this._minValue, this._maxValue, this.props.chartValueFormat, true);\n    const hoverYValues: IYValue[] = this._segments.map(segment => {\n      const yValue: IYValue = {\n        legend: segment.legend,\n        y: getSegmentLabel(segment, this._minValue, this._maxValue, this.props.variant),\n        color: this.props.enableGradient ? segment.gradient?.[0] : segment.color,\n      };\n      return yValue;\n    });\n    this.setState({\n      calloutTarget: target,\n      /** Show the callout if highlighted arc is hovered/focused and Hide it if unhighlighted arc is hovered/focused */\n      isCalloutVisible:\n        ['Needle', 'Chart value'].includes(legend) || this._noLegendHighlighted() || this._legendHighlighted(legend),\n      hoverXValue,\n      hoverYValues,\n      ...(isFocusEvent ? { focusedElement: legend } : {}),\n    });\n  };\n\n  private _hideCallout = (isBlurEvent?: boolean) => {\n    this._calloutAnchor = '';\n    this.setState({\n      calloutTarget: null,\n      isCalloutVisible: false,\n      hoverXValue: '',\n      hoverYValues: [],\n      ...(isBlurEvent ? { focusedElement: '' } : {}),\n    });\n  };\n\n  private _wrapContent = (content: string, id: string, maxWidth: number) => {\n    const textElement = d3Select<SVGTextElement, {}>(`#${id}`);\n    textElement.text(content);\n    if (!textElement.node()) {\n      return false;\n    }\n\n    let isOverflowing = false;\n    let textLength = textElement.node()!.getComputedTextLength();\n    while (textLength > maxWidth && content.length > 0) {\n      content = content.slice(0, -1);\n      textElement.text(content + '...');\n      isOverflowing = true;\n      textLength = textElement.node()!.getComputedTextLength();\n    }\n    return isOverflowing;\n  };\n\n  // TO DO: Write a common functional component for Multi value callout and divide sub count method\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private _multiValueCallout = (calloutProps: any) => {\n    const yValueHoverSubCountsExists: boolean = this._yValueHoverSubCountsExists(calloutProps.YValueHover);\n    return (\n      <div className={this._classNames.calloutContentRoot}>\n        <div\n          className={this._classNames.calloutDateTimeContainer}\n          style={yValueHoverSubCountsExists ? { marginBottom: '11px' } : {}}\n        >\n          <div\n            className={this._classNames.calloutContentX}\n            {...getAccessibleDataObject(calloutProps!.xAxisCalloutAccessibilityData, 'text', false)}\n          >\n            {formatToLocaleString(calloutProps!.hoverXValue, this.props.culture) as React.ReactNode}\n          </div>\n        </div>\n        <div\n          className={this._classNames.calloutInfoContainer}\n          style={yValueHoverSubCountsExists ? { display: 'flex' } : {}}\n        >\n          {calloutProps!.YValueHover &&\n            calloutProps!.YValueHover.map((yValue: IYValueHover, index: number, yValues: IYValueHover[]) => {\n              const isLast: boolean = index + 1 === yValues.length;\n              const { shouldDrawBorderBottom = false } = yValue;\n              return (\n                <div\n                  {...getAccessibleDataObject(yValue.callOutAccessibilityData, 'text', false)}\n                  key={`callout-content-${index}`}\n                  style={\n                    yValueHoverSubCountsExists\n                      ? {\n                          display: 'inline-block',\n                          ...(shouldDrawBorderBottom && {\n                            borderBottom: `1px solid ${this.props.theme!.semanticColors.menuDivider}`,\n                            paddingBottom: '10px',\n                          }),\n                        }\n                      : {\n                          ...(shouldDrawBorderBottom && {\n                            borderBottom: `1px solid ${this.props.theme!.semanticColors.menuDivider}`,\n                            paddingBottom: '10px',\n                          }),\n                        }\n                  }\n                >\n                  {this._getCalloutContent(yValue, index, yValueHoverSubCountsExists, isLast)}\n                </div>\n              );\n            })}\n          {!!calloutProps.descriptionMessage && (\n            <div className={this._classNames.descriptionMessage}>{calloutProps.descriptionMessage}</div>\n          )}\n        </div>\n      </div>\n    );\n  };\n\n  private _yValueHoverSubCountsExists(yValueHover?: IYValueHover[]) {\n    if (yValueHover) {\n      return yValueHover.some(\n        (yValue: {\n          legend?: string;\n          y?: number;\n          color?: string;\n          yAxisCalloutData?: string | { [id: string]: number };\n        }) => yValue.yAxisCalloutData && typeof yValue.yAxisCalloutData !== 'string',\n      );\n    }\n    return false;\n  }\n\n  private _getCalloutContent(\n    xValue: IYValueHover,\n    index: number,\n    yValueHoverSubCountsExists: boolean,\n    isLast: boolean,\n  ): React.ReactNode {\n    const marginStyle: React.CSSProperties = isLast ? {} : { marginRight: '16px' };\n    const toDrawShape = xValue.index !== undefined && xValue.index !== -1;\n    const _classNames = getClassNames(this.props.styles!, {\n      theme: this.props.theme!,\n      lineColor: xValue.color,\n      toDrawShape,\n    });\n\n    const { culture } = this.props;\n    const yValue = formatToLocaleString(xValue.y, culture) as React.ReactNode;\n    if (!xValue.yAxisCalloutData || typeof xValue.yAxisCalloutData === 'string') {\n      return (\n        <div style={yValueHoverSubCountsExists ? marginStyle : {}}>\n          {yValueHoverSubCountsExists && (\n            <div className=\"ms-fontWeight-semibold\" style={{ fontSize: '12pt' }}>\n              {xValue.legend!} ({yValue})\n            </div>\n          )}\n          <div id={`${index}_${xValue.y}`} className={_classNames.calloutBlockContainer}>\n            {toDrawShape && (\n              <Shape\n                svgProps={{\n                  className: _classNames.shapeStyles,\n                }}\n                pathProps={{ fill: xValue.color }}\n                shape={Points[xValue.index! % Object.keys(pointTypes).length] as LegendShape}\n              />\n            )}\n            <div>\n              <div className={_classNames.calloutlegendText}> {xValue.legend}</div>\n              <div className={_classNames.calloutContentY}>\n                {\n                  formatToLocaleString(\n                    xValue.yAxisCalloutData ? xValue.yAxisCalloutData : xValue.y || xValue.data,\n                    culture,\n                  ) as React.ReactNode\n                }\n              </div>\n            </div>\n          </div>\n        </div>\n      );\n    } else {\n      const subcounts: { [id: string]: number } = xValue.yAxisCalloutData as { [id: string]: number };\n      return (\n        <div style={marginStyle}>\n          <div className=\"ms-fontWeight-semibold\" style={{ fontSize: '12pt' }}>\n            {xValue.legend!} ({yValue})\n          </div>\n          {Object.keys(subcounts).map((subcountName: string) => {\n            return (\n              <div key={subcountName} className={_classNames.calloutBlockContainer}>\n                <div className={_classNames.calloutlegendText}>\n                  {' '}\n                  {formatToLocaleString(subcountName, culture) as React.ReactNode}\n                </div>\n                <div className={_classNames.calloutContentY}>\n                  {formatToLocaleString(subcounts[subcountName], culture) as React.ReactNode}\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      );\n    }\n  }\n\n  private _getChartTitle = (): string => {\n    const { chartTitle } = this.props;\n    return (chartTitle ? `${chartTitle}. ` : '') + `Gauge chart with ${this._segments.length} segments. `;\n  };\n}\n"]}

package/lib-amd/components/GaugeChart/GaugeChart.styles.js

@@ -4,7 +4,7 @@ define(["require", "exports", "tslib", "@fluentui/react"], function (require, ex
     exports.getStyles = void 0;
     var getStyles = function (props) {
         var _a, _b, _c, _d, _e, _f, _g, _h;
-        var theme = props.theme, chartValueSize = props.chartValueSize, chartWidth = props.chartWidth, chartHeight = props.chartHeight, className = props.className, lineColor = props.lineColor, toDrawShape = props.toDrawShape, solidFill = props.solidFill, gradientFill = props.gradientFill, opacity = props.opacity;
+        var theme = props.theme, chartValueSize = props.chartValueSize, className = props.className, lineColor = props.lineColor, toDrawShape = props.toDrawShape, solidFill = props.solidFill, gradientFill = props.gradientFill, opacity = props.opacity;
         return {
             root: [
                 theme.fonts.medium,
@@ -20,8 +20,6 @@ define(["require", "exports", "tslib", "@fluentui/react"], function (require, ex
             ],
             chart: {
                 display: 'block',
-                width: chartWidth,
-                height: chartHeight,
             },
             limits: {
                 fontSize: react_1.FontSizes.small,
@@ -79,7 +77,7 @@ define(["require", "exports", "tslib", "@fluentui/react"], function (require, ex
                 opacity: opacity,
             },
             legendsContainer: {
-                width: chartWidth,
+                width: '100%',
             },
             calloutContentRoot: [
                 {