npm - @fluentui/react-charting - Versions diffs - 5.25.5 → 5.25.7 - Mend

@fluentui/react-charting 5.25.5 → 5.25.7

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

Files changed (344) hide show

package/lib/components/DeclarativeChart/PlotlySchemaAdapter.js CHANGED Viewed

@@ -51,12 +51,15 @@ var dashOptions = {
     },
 };
 function getTitles(layout) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-    var titles = {
-        chartTitle: typeof (layout === null || layout === void 0 ? void 0 : layout.title) === 'string' ? layout.title : (_b = (_a = layout === null || layout === void 0 ? void 0 : layout.title) === null || _a === void 0 ? void 0 : _a.text) !== null && _b !== void 0 ? _b : '',
-        xAxisTitle: typeof ((_c = layout === null || layout === void 0 ? void 0 : layout.xaxis) === null || _c === void 0 ? void 0 : _c.title) === 'string' ? (_d = layout === null || layout === void 0 ? void 0 : layout.xaxis) === null || _d === void 0 ? void 0 : _d.title : (_g = (_f = (_e = layout === null || layout === void 0 ? void 0 : layout.xaxis) === null || _e === void 0 ? void 0 : _e.title) === null || _f === void 0 ? void 0 : _f.text) !== null && _g !== void 0 ? _g : '',
-        yAxisTitle: typeof ((_h = layout === null || layout === void 0 ? void 0 : layout.yaxis) === null || _h === void 0 ? void 0 : _h.title) === 'string' ? (_j = layout === null || layout === void 0 ? void 0 : layout.yaxis) === null || _j === void 0 ? void 0 : _j.title : (_m = (_l = (_k = layout === null || layout === void 0 ? void 0 : layout.yaxis) === null || _k === void 0 ? void 0 : _k.title) === null || _l === void 0 ? void 0 : _l.text) !== null && _m !== void 0 ? _m : '',
-    };
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    var titleObj = layout === null || layout === void 0 ? void 0 : layout.title;
+    var chartTitle = typeof titleObj === 'string' ? titleObj : (_a = titleObj === null || titleObj === void 0 ? void 0 : titleObj.text) !== null && _a !== void 0 ? _a : '';
+    var titleFont = typeof titleObj === 'object' ? titleObj === null || titleObj === void 0 ? void 0 : titleObj.font : undefined;
+    var titleXAnchor = typeof titleObj === 'object' ? titleObj === null || titleObj === void 0 ? void 0 : titleObj.xanchor : undefined;
+    var titleYAnchor = typeof titleObj === 'object' ? titleObj === null || titleObj === void 0 ? void 0 : titleObj.yanchor : undefined;
+    var titlePad = typeof titleObj === 'object' ? titleObj === null || titleObj === void 0 ? void 0 : titleObj.pad : undefined;
+    var titleStyles = __assign(__assign(__assign(__assign({}, (titleFont ? { titleFont: titleFont } : {})), (titleXAnchor ? { titleXAnchor: titleXAnchor } : {})), (titleYAnchor ? { titleYAnchor: titleYAnchor } : {})), (titlePad ? { titlePad: titlePad } : {}));
+    var titles = __assign(__assign({ chartTitle: chartTitle }, (Object.keys(titleStyles).length > 0 ? { titleStyles: titleStyles } : {})), { xAxisTitle: typeof ((_b = layout === null || layout === void 0 ? void 0 : layout.xaxis) === null || _b === void 0 ? void 0 : _b.title) === 'string' ? (_c = layout === null || layout === void 0 ? void 0 : layout.xaxis) === null || _c === void 0 ? void 0 : _c.title : (_f = (_e = (_d = layout === null || layout === void 0 ? void 0 : layout.xaxis) === null || _d === void 0 ? void 0 : _d.title) === null || _e === void 0 ? void 0 : _e.text) !== null && _f !== void 0 ? _f : '', yAxisTitle: typeof ((_g = layout === null || layout === void 0 ? void 0 : layout.yaxis) === null || _g === void 0 ? void 0 : _g.title) === 'string' ? (_h = layout === null || layout === void 0 ? void 0 : layout.yaxis) === null || _h === void 0 ? void 0 : _h.title : (_l = (_k = (_j = layout === null || layout === void 0 ? void 0 : layout.yaxis) === null || _j === void 0 ? void 0 : _j.title) === null || _k === void 0 ? void 0 : _k.text) !== null && _l !== void 0 ? _l : '', xAxisAnnotation: chartTitle });
     return titles;
 }
 var getXAxisTickFormat = function (series, layout) {
@@ -1024,7 +1027,7 @@ colorMap, colorwayType, isDarkTheme) {
     var innerRadius = firstData.hole
         ? firstData.hole * (Math.min(width - donutMarginHorizontal, height - donutMarginVertical) / 2)
         : MIN_DONUT_RADIUS;
-    var chartTitle = getTitles(input.layout).chartTitle;
+    var _r = getTitles(input.layout), chartTitle = _r.chartTitle, titleStyles = _r.titleStyles;
     // Build anticlockwise order by keeping the first item, reversing the rest
     var legends = Object.keys(mapLegendToDataPoint);
     var reorderedEntries = legends.length > 1
@@ -1035,35 +1038,25 @@ colorMap, colorwayType, isDarkTheme) {
             .reverse()
             .map(function (key) { return [key, mapLegendToDataPoint[key]]; }), true)
         : legends.map(function (key) { return [key, mapLegendToDataPoint[key]]; });
-    return {
-        data: {
+    return __assign({ data: {
             chartTitle: chartTitle,
             chartData: reorderedEntries.map(function (_a) {
                 var v = _a[1];
                 return v;
             }),
-        },
-        hideLegend: isMultiPlot || ((_p = input.layout) === null || _p === void 0 ? void 0 : _p.showlegend) === false,
-        width: (_q = input.layout) === null || _q === void 0 ? void 0 : _q.width,
-        height: height,
-        innerRadius: innerRadius,
-        hideLabels: hideLabels,
-        showLabelsInPercent: firstData.textinfo
+        }, hideLegend: isMultiPlot || ((_p = input.layout) === null || _p === void 0 ? void 0 : _p.showlegend) === false, width: (_q = input.layout) === null || _q === void 0 ? void 0 : _q.width, height: height, innerRadius: innerRadius, hideLabels: hideLabels, showLabelsInPercent: firstData.textinfo
             ? ['percent', 'label+percent', 'percent+label'].includes(firstData.textinfo)
-            : true,
-        roundCorners: true,
-        order: 'sorted',
-    };
+            : true, roundCorners: true, order: 'sorted' }, (titleStyles ? { titleStyles: titleStyles } : {}));
 };
 export var transformPlotlyJsonToVSBCProps = function (input, isMultiPlot,
 // eslint-disable-next-line @typescript-eslint/no-deprecated
 colorMap, colorwayType, isDarkTheme, fallbackVSBC) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e;
     var mapXToDataPoints = {};
     var yMaxValue = 0;
     var yMinValue = 0;
     var secondaryYAxisValues = getSecondaryYAxisValues(input.data, input.layout);
-    var _g = getLegendProps(input.data, input.layout, isMultiPlot), legends = _g.legends, hideLegend = _g.hideLegend;
+    var _f = getLegendProps(input.data, input.layout, isMultiPlot), legends = _f.legends, hideLegend = _f.hideLegend;
     var colorScale = undefined;
     var yAxisTickFormat = getYAxisTickFormat(input.data[0], input.layout);
     var resolveXValue = getAxisValueResolver(getAxisType(input.data, getAxisObjects(input.data, input.layout).x));
@@ -1200,7 +1193,7 @@ colorMap, colorwayType, isDarkTheme, fallbackVSBC) {
     });
     var vsbcData = Object.values(mapXToDataPoints);
     var annotations = getChartAnnotationsFromLayout(input.layout, input.data, isMultiPlot);
-    return __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({ data: vsbcData, width: (_c = input.layout) === null || _c === void 0 ? void 0 : _c.width, height: (_e = (_d = input.layout) === null || _d === void 0 ? void 0 : _d.height) !== null && _e !== void 0 ? _e : 350, barWidth: 'auto', yMaxValue: yMaxValue, yMinValue: yMinValue, mode: 'plotly' }, secondaryYAxisValues), { hideTickOverlap: true, hideLegend: hideLegend, roundCorners: true, supportNegativeData: true, barGapMax: 2, showYAxisLables: true, noOfCharsToTruncate: 20, showYAxisLablesTooltip: true, roundedTicks: true, wrapXAxisLables: typeof ((_f = vsbcData[0]) === null || _f === void 0 ? void 0 : _f.xAxisPoint) === 'string' }), getXMinMaxValues(input.data[0], input.layout)), getTitles(input.layout)), getAxisCategoryOrderProps(input.data, input.layout)), getYMinMaxValues(input.data[0], input.layout)), getXAxisTickFormat(input.data[0], input.layout)), yAxisTickFormat), getBarProps(input.data, input.layout)), getAxisTickProps(input.data, input.layout)), (annotations ? { annotations: annotations } : {}));
+    return __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({ data: vsbcData, width: (_c = input.layout) === null || _c === void 0 ? void 0 : _c.width, height: (_e = (_d = input.layout) === null || _d === void 0 ? void 0 : _d.height) !== null && _e !== void 0 ? _e : 350, barWidth: 'auto', yMaxValue: yMaxValue, yMinValue: yMinValue, mode: 'plotly' }, secondaryYAxisValues), { hideTickOverlap: true, hideLegend: hideLegend, roundCorners: true, supportNegativeData: true, barGapMax: 2, showYAxisLables: true, noOfCharsToTruncate: 20, showYAxisLablesTooltip: true, roundedTicks: true }), getXMinMaxValues(input.data[0], input.layout)), getTitles(input.layout)), getAxisCategoryOrderProps(input.data, input.layout)), getYMinMaxValues(input.data[0], input.layout)), getXAxisTickFormat(input.data[0], input.layout)), yAxisTickFormat), getBarProps(input.data, input.layout)), getAxisTickProps(input.data, input.layout)), (annotations ? { annotations: annotations } : {}));
 };
 export var transformPlotlyJsonToGVBCProps = function (input, isMultiPlot,
 // eslint-disable-next-line @typescript-eslint/no-deprecated
@@ -1302,14 +1295,14 @@ colorMap, colorwayType, isDarkTheme) {
         }
     });
     var annotations = getChartAnnotationsFromLayout(processedInput.layout, processedInput.data, isMultiPlot);
-    return __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({ dataV2: gvbcDataV2, width: (_a = processedInput.layout) === null || _a === void 0 ? void 0 : _a.width, height: (_c = (_b = processedInput.layout) === null || _b === void 0 ? void 0 : _b.height) !== null && _c !== void 0 ? _c : 350, barwidth: 'auto', mode: 'plotly' }, secondaryYAxisValues), { hideTickOverlap: true, hideLegend: hideLegend, roundCorners: true, roundedTicks: true, wrapXAxisLables: true, showYAxisLables: true }), getXMinMaxValues(processedInput.data[0], processedInput.layout)), getTitles(processedInput.layout)), getAxisCategoryOrderProps(processedInput.data, processedInput.layout)), getYMinMaxValues(processedInput.data[0], processedInput.layout)), getXAxisTickFormat(processedInput.data[0], processedInput.layout)), yAxisTickFormat), getBarProps(processedInput.data, processedInput.layout)), getAxisTickProps(processedInput.data, processedInput.layout)), (annotations ? { annotations: annotations } : {}));
+    return __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({ dataV2: gvbcDataV2, width: (_a = processedInput.layout) === null || _a === void 0 ? void 0 : _a.width, height: (_c = (_b = processedInput.layout) === null || _b === void 0 ? void 0 : _b.height) !== null && _c !== void 0 ? _c : 350, barwidth: 'auto', mode: 'plotly' }, secondaryYAxisValues), { hideTickOverlap: true, hideLegend: hideLegend, roundCorners: true, roundedTicks: true, showYAxisLables: true }), getXMinMaxValues(processedInput.data[0], processedInput.layout)), getTitles(processedInput.layout)), getAxisCategoryOrderProps(processedInput.data, processedInput.layout)), getYMinMaxValues(processedInput.data[0], processedInput.layout)), getXAxisTickFormat(processedInput.data[0], processedInput.layout)), yAxisTickFormat), getBarProps(processedInput.data, processedInput.layout)), getAxisTickProps(processedInput.data, processedInput.layout)), (annotations ? { annotations: annotations } : {}));
 };
 export var transformPlotlyJsonToVBCProps = function (input, isMultiPlot,
 // eslint-disable-next-line @typescript-eslint/no-deprecated
 colorMap, colorwayType, isDarkTheme) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c;
     var vbcData = [];
-    var _e = getLegendProps(input.data, input.layout, isMultiPlot), legends = _e.legends, hideLegend = _e.hideLegend;
+    var _d = getLegendProps(input.data, input.layout, isMultiPlot), legends = _d.legends, hideLegend = _d.hideLegend;
     var colorScale = undefined;
     input.data.forEach(function (series, seriesIdx) {
         var _a, _b, _c, _d, _e, _f, _g;
@@ -1369,7 +1362,7 @@ colorMap, colorwayType, isDarkTheme) {
         });
     });
     var annotations = getChartAnnotationsFromLayout(input.layout, input.data, isMultiPlot);
-    return __assign(__assign(__assign(__assign(__assign({ data: vbcData, width: (_a = input.layout) === null || _a === void 0 ? void 0 : _a.width, height: (_c = (_b = input.layout) === null || _b === void 0 ? void 0 : _b.height) !== null && _c !== void 0 ? _c : 350, supportNegativeData: true, mode: 'histogram', hideTickOverlap: true, maxBarWidth: 50, hideLegend: hideLegend, roundCorners: true, roundedTicks: true, wrapXAxisLables: typeof ((_d = vbcData[0]) === null || _d === void 0 ? void 0 : _d.x) === 'string', showYAxisLables: true }, getXMinMaxValues(input.data[0], input.layout)), getTitles(input.layout)), getAxisCategoryOrderProps(input.data, input.layout)), getYMinMaxValues(input.data[0], input.layout)), (annotations ? { annotations: annotations } : {}));
+    return __assign(__assign(__assign(__assign(__assign({ data: vbcData, width: (_a = input.layout) === null || _a === void 0 ? void 0 : _a.width, height: (_c = (_b = input.layout) === null || _b === void 0 ? void 0 : _b.height) !== null && _c !== void 0 ? _c : 350, supportNegativeData: true, mode: 'histogram', hideTickOverlap: true, maxBarWidth: 50, hideLegend: hideLegend, roundCorners: true, roundedTicks: true, showYAxisLables: true }, getXMinMaxValues(input.data[0], input.layout)), getTitles(input.layout)), getAxisCategoryOrderProps(input.data, input.layout)), getYMinMaxValues(input.data[0], input.layout)), (annotations ? { annotations: annotations } : {}));
 };
 export var transformPlotlyJsonToAreaChartProps = function (input, isMultiPlot,
 // eslint-disable-next-line @typescript-eslint/no-deprecated
@@ -1424,9 +1417,7 @@ colorMap, colorwayType, isDarkTheme) {
     var mode = 'tonexty';
     var _q = getLegendProps(input.data, input.layout, isMultiPlot), legends = _q.legends, hideLegend = _q.hideLegend;
     var yAxisTickFormat = getYAxisTickFormat(input.data[0], input.layout);
-    var xAxisType = getAxisType(input.data, getAxisObjects(input.data, input.layout).x);
-    var resolveXValue = getAxisValueResolver(xAxisType);
-    var shouldWrapLabels = xAxisType === 'category';
+    var resolveXValue = getAxisValueResolver(getAxisType(input.data, getAxisObjects(input.data, input.layout).x));
     var chartData = input.data
         .map(function (series, index) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
@@ -1561,7 +1552,7 @@ colorMap, colorwayType, isDarkTheme) {
         scatterChartData: __spreadArray(__spreadArray([], chartData, true), lineShape, true),
     };
     var annotations = getChartAnnotationsFromLayout(input.layout, input.data, isMultiPlot);
-    var commonProps = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({ supportNegativeData: true }, secondaryYAxisValues), { width: (_m = input.layout) === null || _m === void 0 ? void 0 : _m.width, height: (_p = (_o = input.layout) === null || _o === void 0 ? void 0 : _o.height) !== null && _p !== void 0 ? _p : 350, hideTickOverlap: true, hideLegend: hideLegend, useUTC: false, optimizeLargeData: numDataPoints > 1000, wrapXAxisLables: shouldWrapLabels, showYAxisLables: true, roundedTicks: true }), getXMinMaxValues(input.data[0], input.layout)), getTitles(input.layout)), getXAxisTickFormat(input.data[0], input.layout)), yAxisTickFormat), getAxisScaleTypeProps(input.data, input.layout)), getAxisTickProps(input.data, input.layout)), (annotations ? { annotations: annotations } : {}));
+    var commonProps = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({ supportNegativeData: true }, secondaryYAxisValues), { width: (_m = input.layout) === null || _m === void 0 ? void 0 : _m.width, height: (_p = (_o = input.layout) === null || _o === void 0 ? void 0 : _o.height) !== null && _p !== void 0 ? _p : 350, hideTickOverlap: true, hideLegend: hideLegend, useUTC: false, optimizeLargeData: numDataPoints > 1000, showYAxisLables: true, roundedTicks: true }), getXMinMaxValues(input.data[0], input.layout)), getTitles(input.layout)), getXAxisTickFormat(input.data[0], input.layout)), yAxisTickFormat), getAxisScaleTypeProps(input.data, input.layout)), getAxisTickProps(input.data, input.layout)), (annotations ? { annotations: annotations } : {}));
     if (isAreaChart) {
         return __assign({ data: chartProps, mode: mode }, commonProps);
     }
@@ -1850,13 +1841,13 @@ colorMap, colorwayType, isDarkTheme) {
     var rangeValuesForColorScale = Array.isArray(colorscale)
         ? colorscale.map(function (arr) { return arr[1]; })
         : defaultRange;
-    return __assign(__assign(__assign({ data: [heatmapData], domainValuesForColorScale: domainValuesForColorScale, rangeValuesForColorScale: rangeValuesForColorScale, hideLegend: true, showYAxisLables: true, sortOrder: 'none', width: (_9 = input.layout) === null || _9 === void 0 ? void 0 : _9.width, height: (_11 = (_10 = input.layout) === null || _10 === void 0 ? void 0 : _10.height) !== null && _11 !== void 0 ? _11 : 350, hideTickOverlap: true, noOfCharsToTruncate: 20, showYAxisLablesTooltip: true, wrapXAxisLables: true }, getTitles(input.layout)), getAxisCategoryOrderProps([firstData], input.layout)), getAxisTickProps(input.data, input.layout));
+    return __assign(__assign(__assign({ data: [heatmapData], domainValuesForColorScale: domainValuesForColorScale, rangeValuesForColorScale: rangeValuesForColorScale, hideLegend: true, showYAxisLables: true, sortOrder: 'none', width: (_9 = input.layout) === null || _9 === void 0 ? void 0 : _9.width, height: (_11 = (_10 = input.layout) === null || _10 === void 0 ? void 0 : _10.height) !== null && _11 !== void 0 ? _11 : 350, hideTickOverlap: true, noOfCharsToTruncate: 20, showYAxisLablesTooltip: true }, getTitles(input.layout)), getAxisCategoryOrderProps([firstData], input.layout)), getAxisTickProps(input.data, input.layout));
 };
 export var transformPlotlyJsonToSankeyProps = function (input, isMultiPlot,
 // eslint-disable-next-line @typescript-eslint/no-deprecated
 colorMap, colorwayType, isDarkTheme) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-    var _q = input.data[0], link = _q.link, node = _q.node;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+    var _r = input.data[0], link = _r.link, node = _r.node;
     var validLinks = ((_a = link === null || link === void 0 ? void 0 : link.value) !== null && _a !== void 0 ? _a : [])
         .map(function (val, index) {
         var _a, _b;
@@ -1893,17 +1884,11 @@ colorMap, colorwayType, isDarkTheme) {
     var styles = {
         root: __assign({}, (((_k = (_j = input.layout) === null || _j === void 0 ? void 0 : _j.font) === null || _k === void 0 ? void 0 : _k.size) ? { fontSize: (_l = input.layout.font) === null || _l === void 0 ? void 0 : _l.size } : {})),
     };
-    var chartTitle = getTitles(input.layout).chartTitle;
-    return {
-        data: {
+    var _s = getTitles(input.layout), chartTitle = _s.chartTitle, titleStyles = _s.titleStyles;
+    return __assign({ data: {
             chartTitle: chartTitle,
             SankeyChartData: sankeyChartData,
-        },
-        width: (_m = input.layout) === null || _m === void 0 ? void 0 : _m.width,
-        height: (_p = (_o = input.layout) === null || _o === void 0 ? void 0 : _o.height) !== null && _p !== void 0 ? _p : 468,
-        styles: styles,
-        enableReflow: false,
-    };
+        }, width: (_m = input.layout) === null || _m === void 0 ? void 0 : _m.width, height: (_p = (_o = input.layout) === null || _o === void 0 ? void 0 : _o.height) !== null && _p !== void 0 ? _p : 468, styles: styles, enableReflow: false, hideLegend: isMultiPlot || ((_q = input.layout) === null || _q === void 0 ? void 0 : _q.showlegend) === false }, (titleStyles ? { titleStyles: titleStyles } : {}));
 };
 export var transformPlotlyJsonToGaugeProps = function (input, isMultiPlot,
 // eslint-disable-next-line @typescript-eslint/no-deprecated
@@ -1958,22 +1943,10 @@ colorMap, colorwayType, isDarkTheme) {
             fill: sublabelColor,
         },
     };
-    var chartTitle = getTitles(input.layout).chartTitle;
-    return {
-        segments: segments,
-        chartValue: (_14 = firstData.value) !== null && _14 !== void 0 ? _14 : 0,
-        chartTitle: chartTitle,
-        sublabel: sublabel,
+    var _32 = getTitles(input.layout), chartTitle = _32.chartTitle, titleStyles = _32.titleStyles;
+    return __assign({ segments: segments, chartValue: (_14 = firstData.value) !== null && _14 !== void 0 ? _14 : 0, chartTitle: chartTitle, sublabel: sublabel,
         // range values can be null
-        minValue: typeof ((_17 = (_16 = (_15 = firstData.gauge) === null || _15 === void 0 ? void 0 : _15.axis) === null || _16 === void 0 ? void 0 : _16.range) === null || _17 === void 0 ? void 0 : _17[0]) === 'number' ? (_20 = (_19 = (_18 = firstData.gauge) === null || _18 === void 0 ? void 0 : _18.axis) === null || _19 === void 0 ? void 0 : _19.range) === null || _20 === void 0 ? void 0 : _20[0] : undefined,
-        maxValue: typeof ((_23 = (_22 = (_21 = firstData.gauge) === null || _21 === void 0 ? void 0 : _21.axis) === null || _22 === void 0 ? void 0 : _22.range) === null || _23 === void 0 ? void 0 : _23[1]) === 'number' ? (_26 = (_25 = (_24 = firstData.gauge) === null || _24 === void 0 ? void 0 : _24.axis) === null || _25 === void 0 ? void 0 : _25.range) === null || _26 === void 0 ? void 0 : _26[1] : undefined,
-        chartValueFormat: function () { var _a, _b; return (_b = (_a = firstData.value) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : ''; },
-        width: (_27 = input.layout) === null || _27 === void 0 ? void 0 : _27.width,
-        height: (_29 = (_28 = input.layout) === null || _28 === void 0 ? void 0 : _28.height) !== null && _29 !== void 0 ? _29 : 220,
-        styles: styles,
-        variant: ((_31 = (_30 = firstData.gauge) === null || _30 === void 0 ? void 0 : _30.steps) === null || _31 === void 0 ? void 0 : _31.length) ? GaugeChartVariant.MultipleSegments : GaugeChartVariant.SingleSegment,
-        roundCorners: true,
-    };
+        minValue: typeof ((_17 = (_16 = (_15 = firstData.gauge) === null || _15 === void 0 ? void 0 : _15.axis) === null || _16 === void 0 ? void 0 : _16.range) === null || _17 === void 0 ? void 0 : _17[0]) === 'number' ? (_20 = (_19 = (_18 = firstData.gauge) === null || _18 === void 0 ? void 0 : _18.axis) === null || _19 === void 0 ? void 0 : _19.range) === null || _20 === void 0 ? void 0 : _20[0] : undefined, maxValue: typeof ((_23 = (_22 = (_21 = firstData.gauge) === null || _21 === void 0 ? void 0 : _21.axis) === null || _22 === void 0 ? void 0 : _22.range) === null || _23 === void 0 ? void 0 : _23[1]) === 'number' ? (_26 = (_25 = (_24 = firstData.gauge) === null || _24 === void 0 ? void 0 : _24.axis) === null || _25 === void 0 ? void 0 : _25.range) === null || _26 === void 0 ? void 0 : _26[1] : undefined, chartValueFormat: function () { var _a, _b; return (_b = (_a = firstData.value) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : ''; }, width: (_27 = input.layout) === null || _27 === void 0 ? void 0 : _27.width, height: (_29 = (_28 = input.layout) === null || _28 === void 0 ? void 0 : _28.height) !== null && _29 !== void 0 ? _29 : 220, styles: styles, variant: ((_31 = (_30 = firstData.gauge) === null || _30 === void 0 ? void 0 : _30.steps) === null || _31 === void 0 ? void 0 : _31.length) ? GaugeChartVariant.MultipleSegments : GaugeChartVariant.SingleSegment, roundCorners: true }, (titleStyles ? { titleStyles: titleStyles } : {}));
 };
 var cleanText = function (text) {
     return text
@@ -2087,13 +2060,8 @@ colorMap, colorwayType, isDarkTheme) {
         font: __assign(__assign({}, ((_t = templateHeader === null || templateHeader === void 0 ? void 0 : templateHeader.font) !== null && _t !== void 0 ? _t : {})), ((_u = tableHeader === null || tableHeader === void 0 ? void 0 : tableHeader.font) !== null && _u !== void 0 ? _u : {})),
         values: (_w = (_v = tableHeader === null || tableHeader === void 0 ? void 0 : tableHeader.values) !== null && _v !== void 0 ? _v : templateHeader === null || templateHeader === void 0 ? void 0 : templateHeader.values) !== null && _w !== void 0 ? _w : [],
     };
-    return {
-        headers: normalizeHeaders((_y = (_x = tableData.header) === null || _x === void 0 ? void 0 : _x.values) !== null && _y !== void 0 ? _y : [], header),
-        rows: rows,
-        width: (_z = input.layout) === null || _z === void 0 ? void 0 : _z.width,
-        height: (_0 = input.layout) === null || _0 === void 0 ? void 0 : _0.height,
-        styles: styles,
-    };
+    var _1 = getTitles(input.layout), chartTitle = _1.chartTitle, titleStyles = _1.titleStyles;
+    return __assign({ headers: normalizeHeaders((_y = (_x = tableData.header) === null || _x === void 0 ? void 0 : _x.values) !== null && _y !== void 0 ? _y : [], header), rows: rows, width: (_z = input.layout) === null || _z === void 0 ? void 0 : _z.width, height: (_0 = input.layout) === null || _0 === void 0 ? void 0 : _0.height, styles: styles, chartTitle: chartTitle }, (titleStyles ? { titleStyles: titleStyles } : {}));
 };
 function getCategoriesAndValues(series) {
     var _a, _b, _c, _d;
@@ -2210,141 +2178,59 @@ colorMap, colorwayType, isDarkTheme) {
             });
         });
     }
-    return {
-        data: funnelData,
-        width: (_a = input.layout) === null || _a === void 0 ? void 0 : _a.width,
-        height: (_b = input.layout) === null || _b === void 0 ? void 0 : _b.height,
-        orientation: ((_c = input.data[0]) === null || _c === void 0 ? void 0 : _c.orientation) === 'v' ? 'horizontal' : 'vertical',
-        hideLegend: isMultiPlot || ((_d = input.layout) === null || _d === void 0 ? void 0 : _d.showlegend) === false,
-    };
+    var _e = getTitles(input.layout), chartTitle = _e.chartTitle, titleStyles = _e.titleStyles;
+    return __assign({ data: funnelData, chartTitle: chartTitle, width: (_a = input.layout) === null || _a === void 0 ? void 0 : _a.width, height: (_b = input.layout) === null || _b === void 0 ? void 0 : _b.height, orientation: ((_c = input.data[0]) === null || _c === void 0 ? void 0 : _c.orientation) === 'v' ? 'horizontal' : 'vertical', hideLegend: isMultiPlot || ((_d = input.layout) === null || _d === void 0 ? void 0 : _d.showlegend) === false }, (titleStyles ? { titleStyles: titleStyles } : {}));
 };
-export var projectPolarToCartesian = function (input) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    var projection = __assign({}, input);
-    // Find the global min and max radius across all series
-    var minRadius = 0;
-    var maxRadius = 0;
-    for (var sindex = 0; sindex < input.data.length; sindex++) {
-        var rVals = input.data[sindex].r;
-        if (rVals && isArrayOrTypedArray(rVals)) {
-            for (var ptindex = 0; ptindex < rVals.length; ptindex++) {
-                if (!isInvalidValue(rVals[ptindex])) {
-                    minRadius = Math.min(minRadius, rVals[ptindex]);
-                    maxRadius = Math.max(maxRadius, rVals[ptindex]);
-                }
-            }
-        }
-    }
-    // If there are negative radii, compute the shift
-    var radiusShift = minRadius < 0 ? -minRadius : 0;
-    // Collect all unique theta values from all scatterpolar series for equal spacing
-    var allThetaValues = new Set();
-    for (var sindex = 0; sindex < input.data.length; sindex++) {
-        var series = input.data[sindex];
-        if (series.theta && isArrayOrTypedArray(series.theta)) {
-            series.theta.forEach(function (theta) { return allThetaValues.add(String(theta)); });
-        }
-    }
-    // Project all points and create a perfect square domain
-    var allX = [];
-    var allY = [];
-    var originX = null;
-    var _loop_1 = function (sindex) {
-        var series = input.data[sindex];
-        // If scatterpolar, set __axisLabel to all unique theta values for equal spacing
-        if (isArrayOrTypedArray(series.theta)) {
-            series.__axisLabel = Array.from(allThetaValues);
-        }
-        series.x = [];
-        series.y = [];
-        var thetas = series.theta;
-        var rVals = series.r;
-        // Skip if rVals or thetas are not arrays
-        if (!isArrayOrTypedArray(rVals) || !isArrayOrTypedArray(thetas)) {
-            projection.data[sindex] = series;
-            return "continue";
-        }
-        // retrieve polar axis settings
-        var dirMultiplier = ((_c = (_b = (_a = input.layout) === null || _a === void 0 ? void 0 : _a.polar) === null || _b === void 0 ? void 0 : _b.angularaxis) === null || _c === void 0 ? void 0 : _c.direction) === 'clockwise' ? -1 : 1;
-        var startAngleInRad = (((_g = (_f = (_e = (_d = input.layout) === null || _d === void 0 ? void 0 : _d.polar) === null || _e === void 0 ? void 0 : _e.angularaxis) === null || _f === void 0 ? void 0 : _f.rotation) !== null && _g !== void 0 ? _g : 0) * Math.PI) / 180;
-        // Compute tick positions if categorical
-        var uniqueTheta = [];
-        var categorical = false;
-        if (!isNumberArray(thetas)) {
-            uniqueTheta = Array.from(new Set(thetas));
-            categorical = true;
-        }
-        for (var ptindex = 0; ptindex < rVals.length; ptindex++) {
-            if (isInvalidValue(thetas === null || thetas === void 0 ? void 0 : thetas[ptindex]) || isInvalidValue(rVals === null || rVals === void 0 ? void 0 : rVals[ptindex])) {
-                continue;
-            }
-            // Map theta to angle in radians
-            var thetaRad = void 0;
-            if (categorical) {
-                var idx = uniqueTheta.indexOf(thetas[ptindex]);
-                var step = (2 * Math.PI) / uniqueTheta.length;
-                thetaRad = startAngleInRad + dirMultiplier * idx * step;
+export var transformPlotlyJsonToPolarChartProps = function (input, isMultiPlot, colorMap, colorwayType, isDarkTheme) {
+    var _a, _b, _c;
+    var polarData = [];
+    var _d = getLegendProps(input.data, input.layout, isMultiPlot), legends = _d.legends, hideLegend = _d.hideLegend;
+    var resolveRValue = getAxisValueResolver(getPolarAxis(input.data, 'r', input.layout)._type);
+    input.data.forEach(function (series, index) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        var legend = legends[index];
+        if (series.type === 'scatterpolar') {
+            var isAreaTrace = series.fill === 'toself' || series.fill === 'tonext';
+            var isLineTrace = typeof series.mode === 'undefined' ? true : series.mode.includes('lines');
+            var colors = isAreaTrace ? series.fillcolor : isLineTrace ? (_a = series.line) === null || _a === void 0 ? void 0 : _a.color : (_b = series.marker) === null || _b === void 0 ? void 0 : _b.color;
+            var extractedColors_2 = extractColor((_e = (_d = (_c = input.layout) === null || _c === void 0 ? void 0 : _c.template) === null || _d === void 0 ? void 0 : _d.layout) === null || _e === void 0 ? void 0 : _e.colorway, colorwayType, colors, colorMap, isDarkTheme);
+            var seriesColor = resolveColor(extractedColors_2, index, legend, colorMap, (_h = (_g = (_f = input.layout) === null || _f === void 0 ? void 0 : _f.template) === null || _g === void 0 ? void 0 : _g.layout) === null || _h === void 0 ? void 0 : _h.colorway, isDarkTheme);
+            var seriesOpacity = getOpacity(series, index);
+            var finalSeriesColor_1 = rgb(seriesColor).copy({ opacity: seriesOpacity }).formatHex8();
+            var lineOptions = getLineOptions(series.line);
+            var thetaUnit_1 = series.thetaunit;
+            var commonProps = {
+                legend: legend,
+                legendShape: getLegendShape(series),
+                color: finalSeriesColor_1,
+                data: ((_j = series.r) === null || _j === void 0 ? void 0 : _j.map(function (r, rIndex) {
+                    var _a, _b, _c, _d, _e, _f;
+                    var theta = (_a = series.theta) === null || _a === void 0 ? void 0 : _a[rIndex];
+                    var markerSize = Array.isArray((_b = series.marker) === null || _b === void 0 ? void 0 : _b.size) ? series.marker.size[rIndex] : (_c = series.marker) === null || _c === void 0 ? void 0 : _c.size;
+                    var text = Array.isArray(series.text) ? series.text[rIndex] : series.text;
+                    var markerColor = resolveColor(extractedColors_2, rIndex, legend, colorMap, (_f = (_e = (_d = input.layout) === null || _d === void 0 ? void 0 : _d.template) === null || _e === void 0 ? void 0 : _e.layout) === null || _f === void 0 ? void 0 : _f.colorway, isDarkTheme);
+                    var markerOpacity = getOpacity(series, rIndex);
+                    if (isInvalidValue(resolveRValue(r)) || isInvalidValue(theta)) {
+                        return;
+                    }
+                    return __assign(__assign({ r: resolveRValue(r), theta: typeof theta === 'number'
+                            ? thetaUnit_1 === 'radians'
+                                ? (theta * 180) / Math.PI
+                                : thetaUnit_1 === 'gradians'
+                                    ? theta * 0.9
+                                    : theta
+                            : theta, color: markerColor ? rgb(markerColor).copy({ opacity: markerOpacity }).formatHex8() : finalSeriesColor_1 }, (typeof markerSize !== 'undefined' ? { markerSize: markerSize } : {})), (typeof text !== 'undefined' ? { text: text } : {}));
+                }).filter(function (item) { return typeof item !== 'undefined'; })) || [],
+            };
+            if (isAreaTrace || isLineTrace) {
+                polarData.push(__assign(__assign({ type: isAreaTrace ? 'areapolar' : 'linepolar' }, commonProps), { lineOptions: lineOptions }));
             }
             else {
-                thetaRad = startAngleInRad + dirMultiplier * ((thetas[ptindex] * Math.PI) / 180);
+                polarData.push(__assign({ type: 'scatterpolar' }, commonProps));
             }
-            // Shift only the polar origin (not the cartesian)
-            var rawRadius = rVals[ptindex];
-            var polarRadius = rawRadius + radiusShift; // Only for projection
-            // Calculate cartesian coordinates (with shifted polar origin)
-            var x = polarRadius * Math.cos(thetaRad);
-            var y = polarRadius * Math.sin(thetaRad);
-            // Calculate the cartesian coordinates of the original polar origin (0,0)
-            // This is the point that should be mapped to (0,0) in cartesian coordinates
-            if (sindex === 0 && ptindex === 0) {
-                // For polar origin (r=0, θ=0), cartesian coordinates are (0,0)
-                // But since we shifted the radius by radiusShift, the cartesian origin is at (radiusShift, 0)
-                originX = radiusShift;
-            }
-            series.x.push(x);
-            series.y.push(y);
-            allX.push(x);
-            allY.push(y);
-        }
-        // Map text to each data point for downstream chart rendering
-        if (series.x && series.y) {
-            series.data = series.x.map(function (xVal, idx) { return (__assign({ x: xVal, y: series.y[idx] }, (series.text ? { text: series.text[idx] } : {}))); });
         }
-        projection.data[sindex] = series;
-    };
-    for (var sindex = 0; sindex < input.data.length; sindex++) {
-        _loop_1(sindex);
-    }
-    // 7. Recenter all cartesian coordinates
-    if (originX !== null) {
-        for (var sindex = 0; sindex < projection.data.length; sindex++) {
-            var series = projection.data[sindex];
-            if (series.x && series.y) {
-                series.x = series.x.map(function (v) { return v - originX; });
-            }
-        }
-        // Also recenter allX for normalization
-        for (var i = 0; i < allX.length; i++) {
-            allX[i] = allX[i] - originX;
-        }
-    }
-    // 8. Find the maximum absolute value among all x and y
-    var maxAbs = Math.max.apply(Math, __spreadArray(__spreadArray([], allX.map(Math.abs), false), allY.map(Math.abs), false));
-    maxAbs = maxAbs === 0 ? 1 : maxAbs;
-    // 9. Rescale all points so that the largest |x| or |y| is 0.5
-    for (var sindex = 0; sindex < projection.data.length; sindex++) {
-        var series = projection.data[sindex];
-        if (series.x && series.y) {
-            series.x = series.x.map(function (v) { return v / (2 * maxAbs); });
-            series.y = series.y.map(function (v) { return v / (2 * maxAbs); });
-        }
-    }
-    // 10. Customize layout for perfect square with absolute positioning
-    var size = ((_h = input.layout) === null || _h === void 0 ? void 0 : _h.width) || ((_j = input.layout) === null || _j === void 0 ? void 0 : _j.height) || 500;
-    projection.layout = __assign(__assign({}, projection.layout), { width: size, height: size });
-    // Attach originX as custom properties
-    projection.layout.__polarOriginX = originX !== null && originX !== void 0 ? originX : undefined;
-    return projection;
+    });
+    return __assign({ data: polarData, width: (_a = input.layout) === null || _a === void 0 ? void 0 : _a.width, height: (_c = (_b = input.layout) === null || _b === void 0 ? void 0 : _b.height) !== null && _c !== void 0 ? _c : 400, hideLegend: hideLegend }, getPolarAxisProps(input.data, input.layout));
 };
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 function isPlainObject(obj) {
@@ -2655,6 +2541,7 @@ export var getGridProperties = function (schema, isMultiPlot, validTracesInfo) {
                 var domainXInfo = {
                     start: (xAxisLayout === null || xAxisLayout === void 0 ? void 0 : xAxisLayout.domain) ? xAxisLayout.domain[0] : 0,
                     end: (xAxisLayout === null || xAxisLayout === void 0 ? void 0 : xAxisLayout.domain) ? xAxisLayout.domain[1] : 1,
+                    cellName: "x".concat(domainX.length === 0 ? '' : domainX.length + 1),
                 };
                 domainX.push(domainXInfo);
             }
@@ -2673,6 +2560,7 @@ export var getGridProperties = function (schema, isMultiPlot, validTracesInfo) {
                 var domainYInfo = {
                     start: (yAxisLayout === null || yAxisLayout === void 0 ? void 0 : yAxisLayout.domain) ? yAxisLayout.domain[0] : 0,
                     end: (yAxisLayout === null || yAxisLayout === void 0 ? void 0 : yAxisLayout.domain) ? yAxisLayout.domain[1] : 1,
+                    cellName: "x".concat(domainY.length === 0 ? '' : domainY.length + 1),
                 };
                 domainY.push(domainYInfo);
             }
@@ -2686,16 +2574,36 @@ export var getGridProperties = function (schema, isMultiPlot, validTracesInfo) {
             var domainXInfo = {
                 start: ((_b = series.domain) === null || _b === void 0 ? void 0 : _b.x) ? series.domain.x[0] : 0,
                 end: ((_c = series.domain) === null || _c === void 0 ? void 0 : _c.x) ? series.domain.x[1] : 1,
+                cellName: "".concat(NON_PLOT_KEY_PREFIX).concat(domainX.length - cartesianDomains + 1),
             };
             var domainYInfo = {
                 start: ((_d = series.domain) === null || _d === void 0 ? void 0 : _d.y) ? series.domain.y[0] : 0,
                 end: ((_e = series.domain) === null || _e === void 0 ? void 0 : _e.y) ? series.domain.y[1] : 1,
+                cellName: "".concat(NON_PLOT_KEY_PREFIX).concat(domainY.length - cartesianDomains + 1),
             };
             domainX.push(domainXInfo);
             domainY.push(domainYInfo);
         }
     });
     if (layout !== undefined && layout !== null && Object.keys(layout).length > 0) {
+        Object.keys(layout !== null && layout !== void 0 ? layout : {}).forEach(function (key) {
+            var _a, _b, _c, _d;
+            if (key.startsWith('polar')) {
+                var polarLayout = layout[key];
+                var domainXInfo = {
+                    start: ((_a = polarLayout.domain) === null || _a === void 0 ? void 0 : _a.x) ? polarLayout.domain.x[0] : 0,
+                    end: ((_b = polarLayout.domain) === null || _b === void 0 ? void 0 : _b.x) ? polarLayout.domain.x[1] : 1,
+                    cellName: key,
+                };
+                var domainYInfo = {
+                    start: ((_c = polarLayout.domain) === null || _c === void 0 ? void 0 : _c.y) ? polarLayout.domain.y[0] : 0,
+                    end: ((_d = polarLayout.domain) === null || _d === void 0 ? void 0 : _d.y) ? polarLayout.domain.y[1] : 1,
+                    cellName: key,
+                };
+                domainX.push(domainXInfo);
+                domainY.push(domainYInfo);
+            }
+        });
         (_a = layout.annotations) === null || _a === void 0 ? void 0 : _a.forEach(function (annotation) {
             var xMatches = domainX.flatMap(function (interval, idx) {
                 return (annotation === null || annotation === void 0 ? void 0 : annotation.x) >= interval.start && (annotation === null || annotation === void 0 ? void 0 : annotation.x) <= interval.end ? [idx] : [];
@@ -2731,9 +2639,6 @@ export var getGridProperties = function (schema, isMultiPlot, validTracesInfo) {
             .sort();
         templateColumns = "repeat(".concat(sortedXStart_1.length, ", 1fr)");
         domainX.forEach(function (interval, index) {
-            var cellName = index >= cartesianDomains
-                ? "".concat(NON_PLOT_KEY_PREFIX).concat(index - cartesianDomains + 1)
-                : "x".concat(index === 0 ? '' : index + 1);
             var columnIndex = sortedXStart_1.findIndex(function (start) { return start === interval.start; });
             var columnNumber = columnIndex + 1; // Column numbers are 1-based
             var annotationProps = annotations[index];
@@ -2745,7 +2650,7 @@ export var getGridProperties = function (schema, isMultiPlot, validTracesInfo) {
                 xDomain: interval,
                 yDomain: { start: 0, end: 1 }, // Default yDomain for x-axis
             };
-            gridLayout[cellName] = row;
+            gridLayout[interval.cellName] = row;
         });
     }
     if (domainY.length > 0) {
@@ -2762,14 +2667,11 @@ export var getGridProperties = function (schema, isMultiPlot, validTracesInfo) {
         var numberOfRows_1 = sortedYStart_1.length;
         templateRows = "repeat(".concat(numberOfRows_1, ", 1fr)");
         domainY.forEach(function (interval, index) {
-            var cellName = index >= cartesianDomains
-                ? "".concat(NON_PLOT_KEY_PREFIX).concat(index - cartesianDomains + 1)
-                : "x".concat(index === 0 ? '' : index + 1);
             var rowIndex = sortedYStart_1.findIndex(function (start) { return start === interval.start; });
             var rowNumber = numberOfRows_1 - rowIndex; // Rows are 1-based and we need to reverse the order for CSS grid
             var annotationProps = annotations[index];
             var yAnnotation = annotationProps === null || annotationProps === void 0 ? void 0 : annotationProps.yAnnotation;
-            var cell = gridLayout[cellName];
+            var cell = gridLayout[interval.cellName];
             if (cell !== undefined) {
                 cell.row = rowNumber;
                 cell.yAnnotation = yAnnotation;
@@ -2920,19 +2822,20 @@ var getAxisTickProps = function (data, layout) {
             return;
         }
         var axType = getAxisType(data, ax);
+        if (axId === 'x' && axType === 'category') {
+            props.xAxis = {
+                tickLayout: 'auto',
+            };
+        }
         if ((!ax.tickmode || ax.tickmode === 'array') && isArrayOrTypedArray(ax.tickvals)) {
             var tickValues = axType === 'date' ? ax.tickvals.map(function (v) { return new Date(v); }) : ax.tickvals;
             if (axId === 'x') {
                 props.tickValues = tickValues;
-                props.xAxis = {
-                    tickText: ax.ticktext,
-                };
+                props.xAxis = __assign(__assign({}, props.xAxis), { tickText: ax.ticktext });
             }
             else if (axId === 'y') {
                 props.yAxisTickValues = tickValues;
-                props.yAxis = {
-                    tickText: ax.ticktext,
-                };
+                props.yAxis = __assign(__assign({}, props.yAxis), { tickText: ax.ticktext });
             }
             return;
         }
@@ -2940,16 +2843,10 @@ var getAxisTickProps = function (data, layout) {
             var dtick = plotlyDtick(ax.dtick, axType);
             var tick0 = plotlyTick0(ax.tick0, axType, dtick);
             if (axId === 'x') {
-                props.xAxis = {
-                    tickStep: dtick,
-                    tick0: tick0,
-                };
+                props.xAxis = __assign(__assign({}, props.xAxis), { tickStep: dtick, tick0: tick0 });
             }
             else if (axId === 'y') {
-                props.yAxis = {
-                    tickStep: dtick,
-                    tick0: tick0,
-                };
+                props.yAxis = __assign(__assign({}, props.yAxis), { tickStep: dtick, tick0: tick0 });
             }
             return;
         }
@@ -3102,4 +2999,92 @@ var getAxisValueResolver = function (axType, dateParser) {
         }
     };
 };
+var POLAR_AXIS_BY_DATA_KEY = {
+    r: 'radialAxis',
+    theta: 'angularAxis',
+};
+export var DEFAULT_POLAR_SUBPLOT = 'polar';
+var getPolarLayout = function (trace, layout) {
+    var subplotId = ((trace === null || trace === void 0 ? void 0 : trace.subplot) || DEFAULT_POLAR_SUBPLOT);
+    return layout === null || layout === void 0 ? void 0 : layout[subplotId];
+};
+var getValidAxisValues = function (data, dataKey) {
+    var values = [];
+    data.forEach(function (series) {
+        if (isArrayOrTypedArray(series[dataKey])) {
+            series[dataKey].forEach(function (val) {
+                if (!isInvalidValue(val)) {
+                    values.push(val);
+                }
+            });
+        }
+    });
+    return values;
+};
+var getPolarAxisType = function (data, dataKey, declaredType) {
+    if (['linear', 'log', 'date', 'category'].includes(declaredType !== null && declaredType !== void 0 ? declaredType : '')) {
+        return declaredType;
+    }
+    var values = getValidAxisValues(data, dataKey);
+    if (isNumberArray(values) && !isYearArray(values)) {
+        return 'linear';
+    }
+    if (isDateArray(values)) {
+        return 'date';
+    }
+    return 'category';
+};
+var getPolarAxis = function (data, dataKey, layout) {
+    var polarLayout = getPolarLayout(data[0], layout);
+    var ax = polarLayout === null || polarLayout === void 0 ? void 0 : polarLayout[POLAR_AXIS_BY_DATA_KEY[dataKey].toLowerCase()];
+    return __assign(__assign({}, ax), { _dataKey: dataKey, _type: getPolarAxisType(data, dataKey, ax === null || ax === void 0 ? void 0 : ax.type) });
+};
+var getPolarAxisTickProps = function (data, ax) {
+    var props = {};
+    if ((!ax.tickmode || ax.tickmode === 'array') && isArrayOrTypedArray(ax.tickvals)) {
+        var tickValues = ax._type === 'date' ? ax.tickvals.map(function (v) { return new Date(v); }) : ax.tickvals;
+        props.tickValues = tickValues;
+        props.tickText = ax.ticktext;
+        return props;
+    }
+    if ((!ax.tickmode || ax.tickmode === 'linear') && ax.dtick) {
+        var dtick = plotlyDtick(ax.dtick, ax._type);
+        var tick0 = plotlyTick0(ax.tick0, ax._type, dtick);
+        props.tickStep = dtick;
+        props.tick0 = tick0;
+        return props;
+    }
+    if ((!ax.tickmode || ax.tickmode === 'auto') && typeof ax.nticks === 'number' && ax.nticks >= 0) {
+        props.tickCount = ax.nticks;
+    }
+    return props;
+};
+var getPolarAxisCategoryOrder = function (data, ax) {
+    if (ax._type !== 'category') {
+        return 'data';
+    }
+    var isValidArray = isArrayOrTypedArray(ax.categoryarray) && ax.categoryarray.length > 0;
+    if (isValidArray && (!ax.categoryorder || ax.categoryorder === 'array')) {
+        return ax.categoryarray;
+    }
+    if (!ax.categoryorder || ax.categoryorder === 'trace' || ax.categoryorder === 'array') {
+        var values = getValidAxisValues(data, ax._dataKey);
+        var categoriesInTraceOrder = Array.from(new Set(values));
+        return ax.autorange === 'reversed' ? categoriesInTraceOrder.reverse() : categoriesInTraceOrder;
+    }
+    return ax.categoryorder;
+};
+var getPolarAxisProps = function (data, layout) {
+    var props = {};
+    Object.keys(POLAR_AXIS_BY_DATA_KEY).forEach(function (dataKey) {
+        var propName = POLAR_AXIS_BY_DATA_KEY[dataKey];
+        var ax = getPolarAxis(data, dataKey, layout);
+        props[propName] = __assign(__assign({ scaleType: ax._type === 'log' ? 'log' : 'default', categoryOrder: getPolarAxisCategoryOrder(data, ax), tickFormat: ax.tickformat }, getPolarAxisTickProps(data, ax)), (isArrayOrTypedArray(ax.range) ? { rangeStart: ax.range[0], rangeEnd: ax.range[1] } : {}));
+        if (propName === 'angularAxis') {
+            props[propName].unit = ax.thetaunit;
+            props.direction = ax.direction;
+        }
+    });
+    return props;
+};
 //# sourceMappingURL=PlotlySchemaAdapter.js.map