@fluentui/react-charting 5.25.5 → 5.25.6

package/lib-commonjs/components/DeclarativeChart/PlotlySchemaAdapter.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getGridProperties = exports.isNonPlotType = exports.getValidXYRanges = exports.getNumberAtIndexOrDefault = exports.getAllupLegendsProps = exports.projectPolarToCartesian = exports.transformPlotlyJsonToFunnelChartProps = exports.transformPlotlyJsonToChartTableProps = exports.transformPlotlyJsonToGaugeProps = exports.transformPlotlyJsonToSankeyProps = exports.transformPlotlyJsonToHeatmapProps = exports.transformPlotlyJsonToGanttChartProps = exports.transformPlotlyJsonToHorizontalBarWithAxisProps = exports.transformPlotlyJsonToScatterChartProps = exports.transformPlotlyJsonToLineChartProps = exports.transformPlotlyJsonToAreaChartProps = exports.transformPlotlyJsonToVBCProps = exports.transformPlotlyJsonToGVBCProps = exports.transformPlotlyJsonToVSBCProps = exports.transformPlotlyJsonToDonutProps = exports.transformPlotlyJsonToAnnotationChartProps = exports.normalizeObjectArrayForGVBC = exports.resolveXAxisPoint = exports._getGaugeAxisColor = exports.correctYearMonth = exports.SINGLE_REPEAT = exports.NON_PLOT_KEY_PREFIX = void 0;
+exports.DEFAULT_POLAR_SUBPLOT = exports.getGridProperties = exports.isNonPlotType = exports.getValidXYRanges = exports.getNumberAtIndexOrDefault = exports.getAllupLegendsProps = exports.transformPlotlyJsonToPolarChartProps = exports.transformPlotlyJsonToFunnelChartProps = exports.transformPlotlyJsonToChartTableProps = exports.transformPlotlyJsonToGaugeProps = exports.transformPlotlyJsonToSankeyProps = exports.transformPlotlyJsonToHeatmapProps = exports.transformPlotlyJsonToGanttChartProps = exports.transformPlotlyJsonToHorizontalBarWithAxisProps = exports.transformPlotlyJsonToScatterChartProps = exports.transformPlotlyJsonToLineChartProps = exports.transformPlotlyJsonToAreaChartProps = exports.transformPlotlyJsonToVBCProps = exports.transformPlotlyJsonToGVBCProps = exports.transformPlotlyJsonToVSBCProps = exports.transformPlotlyJsonToDonutProps = exports.transformPlotlyJsonToAnnotationChartProps = exports.normalizeObjectArrayForGVBC = exports.resolveXAxisPoint = exports._getGaugeAxisColor = exports.correctYearMonth = exports.SINGLE_REPEAT = exports.NON_PLOT_KEY_PREFIX = void 0;
 exports.findArrayAttributes = findArrayAttributes;
 var tslib_1 = require("tslib");
 var d3_array_1 = require("d3-array");
@@ -55,12 +55,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 = tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, (titleFont ? { titleFont: titleFont } : {})), (titleXAnchor ? { titleXAnchor: titleXAnchor } : {})), (titleYAnchor ? { titleYAnchor: titleYAnchor } : {})), (titlePad ? { titlePad: titlePad } : {}));
+    var titles = tslib_1.__assign(tslib_1.__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) {
@@ -1033,7 +1036,7 @@ colorMap, colorwayType, isDarkTheme) {
     var innerRadius = firstData.hole
         ? firstData.hole * (Math.min(width - donutMarginHorizontal, height - donutMarginVertical) / 2)
         : utilities_1.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
@@ -1044,36 +1047,26 @@ colorMap, colorwayType, isDarkTheme) {
             .reverse()
             .map(function (key) { return [key, mapLegendToDataPoint[key]]; }), true)
         : legends.map(function (key) { return [key, mapLegendToDataPoint[key]]; });
-    return {
-        data: {
+    return tslib_1.__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 } : {}));
 };
 exports.transformPlotlyJsonToDonutProps = transformPlotlyJsonToDonutProps;
 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));
@@ -1210,7 +1203,7 @@ colorMap, colorwayType, isDarkTheme, fallbackVSBC) {
     });
     var vsbcData = Object.values(mapXToDataPoints);
     var annotations = getChartAnnotationsFromLayout(input.layout, input.data, isMultiPlot);
-    return tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__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 tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__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 } : {}));
 };
 exports.transformPlotlyJsonToVSBCProps = transformPlotlyJsonToVSBCProps;
 var transformPlotlyJsonToGVBCProps = function (input, isMultiPlot, 
@@ -1313,15 +1306,15 @@ colorMap, colorwayType, isDarkTheme) {
         }
     });
     var annotations = getChartAnnotationsFromLayout(processedInput.layout, processedInput.data, isMultiPlot);
-    return tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__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 tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__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 } : {}));
 };
 exports.transformPlotlyJsonToGVBCProps = transformPlotlyJsonToGVBCProps;
 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;
@@ -1381,7 +1374,7 @@ colorMap, colorwayType, isDarkTheme) {
         });
     });
     var annotations = getChartAnnotationsFromLayout(input.layout, input.data, isMultiPlot);
-    return tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__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 tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__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 } : {}));
 };
 exports.transformPlotlyJsonToVBCProps = transformPlotlyJsonToVBCProps;
 var transformPlotlyJsonToAreaChartProps = function (input, isMultiPlot, 
@@ -1440,9 +1433,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;
@@ -1577,7 +1568,7 @@ colorMap, colorwayType, isDarkTheme) {
         scatterChartData: tslib_1.__spreadArray(tslib_1.__spreadArray([], chartData, true), lineShape, true),
     };
     var annotations = getChartAnnotationsFromLayout(input.layout, input.data, isMultiPlot);
-    var commonProps = tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__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 = tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__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 tslib_1.__assign({ data: chartProps, mode: mode }, commonProps);
     }
@@ -1868,14 +1859,14 @@ colorMap, colorwayType, isDarkTheme) {
     var rangeValuesForColorScale = Array.isArray(colorscale)
         ? colorscale.map(function (arr) { return arr[1]; })
         : defaultRange;
-    return tslib_1.__assign(tslib_1.__assign(tslib_1.__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 tslib_1.__assign(tslib_1.__assign(tslib_1.__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));
 };
 exports.transformPlotlyJsonToHeatmapProps = transformPlotlyJsonToHeatmapProps;
 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;
@@ -1912,17 +1903,11 @@ colorMap, colorwayType, isDarkTheme) {
     var styles = {
         root: tslib_1.__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 tslib_1.__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 } : {}));
 };
 exports.transformPlotlyJsonToSankeyProps = transformPlotlyJsonToSankeyProps;
 var transformPlotlyJsonToGaugeProps = function (input, isMultiPlot, 
@@ -1978,22 +1963,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 tslib_1.__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) ? index_1.GaugeChartVariant.MultipleSegments : index_1.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) ? index_1.GaugeChartVariant.MultipleSegments : index_1.GaugeChartVariant.SingleSegment, roundCorners: true }, (titleStyles ? { titleStyles: titleStyles } : {}));
 };
 exports.transformPlotlyJsonToGaugeProps = transformPlotlyJsonToGaugeProps;
 var cleanText = function (text) {
@@ -2108,13 +2081,8 @@ colorMap, colorwayType, isDarkTheme) {
         font: tslib_1.__assign(tslib_1.__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 tslib_1.__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 } : {}));
 };
 exports.transformPlotlyJsonToChartTableProps = transformPlotlyJsonToChartTableProps;
 function getCategoriesAndValues(series) {
@@ -2232,144 +2200,62 @@ 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 tslib_1.__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 } : {}));
 };
 exports.transformPlotlyJsonToFunnelChartProps = transformPlotlyJsonToFunnelChartProps;
-var projectPolarToCartesian = function (input) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    var projection = tslib_1.__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 && (0, chart_utilities_1.isArrayOrTypedArray)(rVals)) {
-            for (var ptindex = 0; ptindex < rVals.length; ptindex++) {
-                if (!(0, chart_utilities_1.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 && (0, chart_utilities_1.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 ((0, chart_utilities_1.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 (!(0, chart_utilities_1.isArrayOrTypedArray)(rVals) || !(0, chart_utilities_1.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 (!(0, chart_utilities_1.isNumberArray)(thetas)) {
-            uniqueTheta = Array.from(new Set(thetas));
-            categorical = true;
-        }
-        for (var ptindex = 0; ptindex < rVals.length; ptindex++) {
-            if ((0, chart_utilities_1.isInvalidValue)(thetas === null || thetas === void 0 ? void 0 : thetas[ptindex]) || (0, chart_utilities_1.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;
+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 = (0, PlotlyColorAdapter_1.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 = (0, PlotlyColorAdapter_1.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 = (0, PlotlyColorAdapter_1.getOpacity)(series, index);
+            var finalSeriesColor_1 = (0, d3_color_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 = (0, PlotlyColorAdapter_1.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 = (0, PlotlyColorAdapter_1.getOpacity)(series, rIndex);
+                    if ((0, chart_utilities_1.isInvalidValue)(resolveRValue(r)) || (0, chart_utilities_1.isInvalidValue)(theta)) {
+                        return;
+                    }
+                    return tslib_1.__assign(tslib_1.__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 ? (0, d3_color_1.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(tslib_1.__assign(tslib_1.__assign({ type: isAreaTrace ? 'areapolar' : 'linepolar' }, commonProps), { lineOptions: lineOptions }));
             }
             else {
-                thetaRad = startAngleInRad + dirMultiplier * ((thetas[ptindex] * Math.PI) / 180);
+                polarData.push(tslib_1.__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 (tslib_1.__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, tslib_1.__spreadArray(tslib_1.__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 = tslib_1.__assign(tslib_1.__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 tslib_1.__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));
 };
-exports.projectPolarToCartesian = projectPolarToCartesian;
+exports.transformPlotlyJsonToPolarChartProps = transformPlotlyJsonToPolarChartProps;
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 function isPlainObject(obj) {
     if (window && window.process && window.process.versions) {
@@ -2683,6 +2569,7 @@ 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);
             }
@@ -2701,6 +2588,7 @@ 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);
             }
@@ -2714,16 +2602,36 @@ 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(exports.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(exports.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] : [];
@@ -2759,9 +2667,6 @@ var getGridProperties = function (schema, isMultiPlot, validTracesInfo) {
             .sort();
         templateColumns = "repeat(".concat(sortedXStart_1.length, ", 1fr)");
         domainX.forEach(function (interval, index) {
-            var cellName = index >= cartesianDomains
-                ? "".concat(exports.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];
@@ -2773,7 +2678,7 @@ 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) {
@@ -2790,14 +2695,11 @@ 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(exports.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;
@@ -2949,19 +2851,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') && (0, chart_utilities_1.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 = tslib_1.__assign(tslib_1.__assign({}, props.xAxis), { tickText: ax.ticktext });
             }
             else if (axId === 'y') {
                 props.yAxisTickValues = tickValues;
-                props.yAxis = {
-                    tickText: ax.ticktext,
-                };
+                props.yAxis = tslib_1.__assign(tslib_1.__assign({}, props.yAxis), { tickText: ax.ticktext });
             }
             return;
         }
@@ -2969,16 +2872,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 = tslib_1.__assign(tslib_1.__assign({}, props.xAxis), { tickStep: dtick, tick0: tick0 });
             }
             else if (axId === 'y') {
-                props.yAxis = {
-                    tickStep: dtick,
-                    tick0: tick0,
-                };
+                props.yAxis = tslib_1.__assign(tslib_1.__assign({}, props.yAxis), { tickStep: dtick, tick0: tick0 });
             }
             return;
         }
@@ -3131,4 +3028,92 @@ var getAxisValueResolver = function (axType, dateParser) {
         }
     };
 };
+var POLAR_AXIS_BY_DATA_KEY = {
+    r: 'radialAxis',
+    theta: 'angularAxis',
+};
+exports.DEFAULT_POLAR_SUBPLOT = 'polar';
+var getPolarLayout = function (trace, layout) {
+    var subplotId = ((trace === null || trace === void 0 ? void 0 : trace.subplot) || exports.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 ((0, chart_utilities_1.isArrayOrTypedArray)(series[dataKey])) {
+            series[dataKey].forEach(function (val) {
+                if (!(0, chart_utilities_1.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 ((0, chart_utilities_1.isNumberArray)(values) && !(0, chart_utilities_1.isYearArray)(values)) {
+        return 'linear';
+    }
+    if ((0, chart_utilities_1.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 tslib_1.__assign(tslib_1.__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') && (0, chart_utilities_1.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 = (0, chart_utilities_1.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] = tslib_1.__assign(tslib_1.__assign({ scaleType: ax._type === 'log' ? 'log' : 'default', categoryOrder: getPolarAxisCategoryOrder(data, ax), tickFormat: ax.tickformat }, getPolarAxisTickProps(data, ax)), ((0, chart_utilities_1.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