@vizzly/dashboard 0.15.0-dev-307a9830cb4e82f036693ccfe2634f74381a2b72 → 0.15.0-dev-927f480c64f078c9b01edc81be29e4e33f862c8d

package/dist/dashboard.esm.js

@@ -29,9 +29,9 @@ import { dropTargetForExternal } from '@atlaskit/pragmatic-drag-and-drop/externa
 import { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box';
 import { ParentSize } from '@visx/responsive';
 import { Annotation, AnnotationConnector, AnnotationLabel, DataContext, buildChartTheme, lightTheme, XYChart, Grid as Grid$2, Axis, AreaSeries, AreaStack, BarGroup as BarGroup$1, BarSeries, BarStack, GlyphSeries, LineSeries, Tooltip as Tooltip$3 } from '@visx/xychart';
+import { scaleOrdinal, scaleLinear, scaleQuantize, scalePoint, scaleTime, scaleBand } from '@visx/scale';
 import { LinearGradient } from '@visx/gradient';
 import { LegendItem as LegendItem$1, LegendLabel } from '@visx/legend';
-import { scaleOrdinal, scaleQuantize, scaleLinear, scalePoint, scaleTime, scaleBand } from '@visx/scale';
 import Ordinal from '@visx/legend/lib/legends/Ordinal';
 import { curveNatural, curveMonotoneX, curveMonotoneY, curveLinear, curveStep, curveStepBefore, curveStepAfter } from '@visx/curve';
 import { Line as Line$1, LinePath, BarGroup as BarGroup$2, BarStack as BarStack$1, AreaStack as AreaStack$1, AreaClosed, LineRadial } from '@visx/shape';
@@ -53,8 +53,8 @@ import { localPoint } from '@visx/event';
 import { bisector } from '@visx/vendor/d3-array';
 import { AxisBottom as AxisBottom$1, AxisLeft as AxisLeft$1 } from '@visx/axis';
 import { Text } from '@visx/text';
-import { GridRows as GridRows$1 } from '@visx/grid';
 import { Annotation as Annotation$1, Label as Label$1 } from '@visx/annotation';
+import { GridRows as GridRows$1 } from '@visx/grid';
 import { GlyphDot } from '@visx/glyph';
 import { Point } from '@visx/point';
 import { interpolate as interpolate$1 } from '@visx/vendor/d3-interpolate';
@@ -4175,7 +4175,7 @@ var attributesSchema$2 = function attributesSchema(config) {
   return Joi.object(_extends({}, baseAttributesSchema(config.attributesSchemaOptions), timeDimensionQuerySchema(config.queryEngineConfig, config.attributesSchemaOptions), {
     stacked: Joi.valid(true, false, '100%'),
     legend: Joi.valid(true, false),
-    // labels: Joi.valid(true, false).optional(),
+    labels: Joi.valid(true, false).optional(),
     type: Joi.valid('lineChartV2').required(),
     parameters: parametersSchema(config.queryEngineConfig, config.attributesSchemaOptions),
     lineCurve: lineCurveSchema,
@@ -4285,8 +4285,13 @@ var CONSTANTS$2 = {
           title: 'Show Legend',
           description: '',
           namespace: 'legend'
+        },
+        labels: {
+          type: 'labels',
+          title: 'Show Labels',
+          description: '',
+          namespace: 'labels'
         }
-        // labels: { type: 'labels', title: 'Show Labels', description: '', namespace: 'labels' },
       }
     },
     axis_labels: {
@@ -4414,6 +4419,7 @@ var LineChart$1 = function LineChart(config) {
         conditionalFormattingRules: upcast$1(config.queryEngineConfig, dumped.conditionalFormattingRules),
         drilldown: dumped.drilldown,
         legend: dumped.legend,
+        labels: dumped.labels,
         goalLines: dumped.goalLines,
         headline: upcastHeadline(dumped.headline, dumped.timeDimension),
         parameters: upcastParameters(dumped.parameters),
@@ -4452,6 +4458,7 @@ var LineChart$1 = function LineChart(config) {
         conditionalFormattingRules: [],
         drilldown: [],
         legend: true,
+        labels: false,
         goalLines: undefined,
         approxXAxisLabelCount: 'auto',
         approxYAxisLabelCount: 'auto',
@@ -4514,10 +4521,9 @@ var LineChart$1 = function LineChart(config) {
       }), namespace(CONSTANTS$2, 'sort'), namespace(CONSTANTS$2, 'filter'), namespace(CONSTANTS$2, 'custom_metrics'), namespace(CONSTANTS$2, 'limit')];
     },
     formatPanelConfig: function formatPanelConfig() {
-      var _CONSTANTS$format_pan;
+      var _CONSTANTS$format_pan, _CONSTANTS$format_pan2;
       return [headingConstant(CONSTANTS$2), _extends({}, namespace(CONSTANTS$2, 'chart_styles'), {
-        subSection: [(_CONSTANTS$format_pan = CONSTANTS$2.format_panel.chart_styles) == null ? void 0 : _CONSTANTS$format_pan.subSectionDefinition.legend // CONSTANTS.format_panel.chart_styles?.subSectionDefinition.labels as Section<'labels'>,
-        ]
+        subSection: [(_CONSTANTS$format_pan = CONSTANTS$2.format_panel.chart_styles) == null ? void 0 : _CONSTANTS$format_pan.subSectionDefinition.legend, (_CONSTANTS$format_pan2 = CONSTANTS$2.format_panel.chart_styles) == null ? void 0 : _CONSTANTS$format_pan2.subSectionDefinition.labels]
       }), axisLabelsConstants(CONSTANTS$2), _extends({}, namespace(CONSTANTS$2, 'conditional_formatting'), {
         ruleType: 'lineColor'
       }), namespace(CONSTANTS$2, 'goal_line')
@@ -8643,8 +8649,13 @@ var CONSTANTS$h = {
           title: 'Show Legend',
           description: '',
           namespace: 'legend'
+        },
+        labels: {
+          type: 'labels',
+          title: 'Show Labels',
+          description: '',
+          namespace: 'labels'
         }
-        // labels: { type: 'labels', title: 'Show Labels', description: '', namespace: 'labels' },
       }
     },
     axis_labels: {
@@ -8742,7 +8753,7 @@ var FunnelChart = function FunnelChart(config) {
       return hydrated;
     },
     load: function load(dumped) {
-      var _dumped$tags;
+      var _dumped$tags, _dumped$labels;
       return _extends({}, dumped, {
         measure: upcastMeasure(dumped.measure),
         order: upcastOrder(dumped.order, dumped.timeDimension),
@@ -8752,6 +8763,7 @@ var FunnelChart = function FunnelChart(config) {
         approxXAxisLabelCount: upcastAxisLabel(dumped.approxXAxisLabelCount),
         approxYAxisLabelCount: upcastAxisLabel(dumped.approxYAxisLabelCount),
         tags: (_dumped$tags = dumped.tags) != null ? _dumped$tags : [],
+        labels: (_dumped$labels = dumped.labels) != null ? _dumped$labels : false,
         parameters: upcastParameters(dumped.parameters)
       });
     },
@@ -8783,6 +8795,7 @@ var FunnelChart = function FunnelChart(config) {
         yAxisFormat: null,
         xAxisFormat: null,
         legend: true,
+        labels: false,
         approxXAxisLabelCount: 'auto',
         approxYAxisLabelCount: 'auto',
         axisTitles: undefined,
@@ -8840,10 +8853,9 @@ var FunnelChart = function FunnelChart(config) {
       }), namespace(CONSTANTS$h, 'sort'), namespace(CONSTANTS$h, 'filter'), namespace(CONSTANTS$h, 'custom_metrics'), namespace(CONSTANTS$h, 'limit')];
     },
     formatPanelConfig: function formatPanelConfig() {
-      var _CONSTANTS$format_pan;
+      var _CONSTANTS$format_pan, _CONSTANTS$format_pan2;
       return [headingConstant(CONSTANTS$h), _extends({}, namespace(CONSTANTS$h, 'chart_styles'), {
-        subSection: [(_CONSTANTS$format_pan = CONSTANTS$h.format_panel.chart_styles) == null ? void 0 : _CONSTANTS$format_pan.subSectionDefinition.legend // CONSTANTS.format_panel.chart_styles?.subSectionDefinition.labels as Section<'labels'>,
-        ]
+        subSection: [(_CONSTANTS$format_pan = CONSTANTS$h.format_panel.chart_styles) == null ? void 0 : _CONSTANTS$format_pan.subSectionDefinition.legend, (_CONSTANTS$format_pan2 = CONSTANTS$h.format_panel.chart_styles) == null ? void 0 : _CONSTANTS$format_pan2.subSectionDefinition.labels]
       }), axisLabelsConstants(CONSTANTS$h), _extends({}, namespace(CONSTANTS$h, 'conditional_formatting'), {
         ruleType: 'backgroundColor'
       }), namespace(CONSTANTS$h, 'headline')];
@@ -9941,7 +9953,7 @@ var attributesSchema$i = function attributesSchema(config) {
   return Joi.object(_extends({}, baseAttributesSchema(config.attributesSchemaOptions), timeDimensionQuerySchema(config.queryEngineConfig, config.attributesSchemaOptions), {
     stacked: Joi.valid(true, false),
     legend: Joi.valid(true, false),
-    // labels: Joi.valid(true, false).optional(),
+    labels: Joi.valid(true, false).optional(),
     type: Joi.valid('barChartV2').required(),
     parameters: parametersSchema(config.queryEngineConfig, config.attributesSchemaOptions),
     conditionalFormattingRules: conditionalFormattingRulesSchema(config.queryEngineConfig),
@@ -10050,370 +10062,381 @@ var CONSTANTS$k = {
           title: 'Show Legend',
           description: '',
           namespace: 'legend'
-        }
-        // labels: { type: 'labels', title: 'Show Labels', description: '', namespace: 'labels' },
-      }
-    },
-    axis_labels: {
-      type: 'axisLabels',
-      title: 'Axis Preferences',
-      description: '',
-      subSectionDefinition: {
-        x: {
-          title: 'X Axis',
-          description: '',
-          namespace: 'x'
         },
-        'x.prefix': {
-          title: 'Prefix',
-          description: '',
-          namespace: 'x.prefix'
-        },
-        'x.postfix': {
-          title: 'Postfix',
-          description: '',
-          namespace: 'x.postfix'
-        },
-        'x.format': {
-          title: 'Format',
-          description: '',
-          namespace: 'x.format'
-        },
-        'x.count': {
-          title: 'Label count',
-          description: '',
-          namespace: 'x.count'
-        },
-        'x.axis_title': {
-          title: 'Title',
-          description: '',
-          namespace: 'x.axis_title'
-        },
-        y: {
-          title: 'Y Axis',
-          description: '',
-          namespace: 'y'
-        },
-        'y.prefix': {
-          title: 'Prefix',
-          description: '',
-          namespace: 'y.prefix'
-        },
-        'y.postfix': {
-          title: 'Postfix',
-          description: '',
-          namespace: 'y.postfix'
-        },
-        'y.format': {
-          title: 'Format',
-          description: '',
-          namespace: 'y.format'
-        },
-        'y.count': {
-          title: 'Label count',
-          description: '',
-          namespace: 'y.count'
-        },
-        'y.axis_title': {
-          title: 'Title',
-          description: '',
-          namespace: 'y.axis_title'
-        }
-      }
-    },
-    conditional_formatting: {
-      type: 'conditionalFormatting',
-      title: 'Conditional Formatting',
-      description: ''
-    },
-    headline: {
-      type: 'headline',
-      title: 'Headline',
-      description: ''
-    },
-    goal_line: {
-      type: 'goalLine',
-      title: 'Goal Lines',
-      description: ''
-    }
-  }
-};
-
-var BarChart$1 = function BarChart(config) {
-  return {
-    title: 'Bar chart',
-    description: 'Ideal for illustrating changes and trends over time with bar graphs.',
-    servicesClass: 'BarChart',
-    namespace: 'bar_chart',
-    dump: function dump(hydrated) {
-      return hydrated;
-    },
-    load: function load(dumped) {
-      var _dumped$tags;
-      return {
-        type: dumped.type,
-        measure: upcastMeasure(dumped.measure),
-        order: upcastOrder(dumped.order, dumped.timeDimension),
-        dimension: upcastStringDimensionsToObject(dumped.dimension),
-        // TODO: upcast dumped.timeDimension -> dimension
-        displayTitle: dumped.displayTitle,
-        displaySubject: dumped.displaySubject,
-        protectedByOrganisation: dumped.protectedByOrganisation,
-        viewId: upcastViewId(dumped.viewId),
-        filter: upcastFilter(dumped.filter),
-        dataSetId: dumped.dataSetId,
-        limit: dumped.limit,
-        timeDimension: null,
-        xAxisPostfix: dumped.xAxisPostfix,
-        xAxisPrefix: dumped.xAxisPrefix,
-        yAxisPostfix: dumped.yAxisPostfix,
-        yAxisPrefix: dumped.yAxisPrefix,
-        yAxisFormat: dumped.yAxisFormat,
-        xAxisFormat: dumped.xAxisFormat,
-        conditionalFormattingRules: upcast$1(config.queryEngineConfig, dumped.conditionalFormattingRules),
-        drilldown: dumped.drilldown,
-        legend: dumped.legend,
-        goalLines: dumped.goalLines,
-        headline: upcastHeadline(dumped.headline, dumped.timeDimension),
-        parameters: upcastParameters(dumped.parameters),
-        approxXAxisLabelCount: upcastAxisLabel(dumped.approxXAxisLabelCount),
-        approxYAxisLabelCount: upcastAxisLabel(dumped.approxYAxisLabelCount),
-        axisTitles: dumped.axisTitles,
-        tags: (_dumped$tags = dumped.tags) != null ? _dumped$tags : [],
-        stacked: dumped.stacked,
-        drilldownOptions: dumped.drilldownOptions
-      };
-    },
-    setAttributes: setAttributes$g(config),
-    validate: function validate(attrs, dataSets) {
-      return validateView(attrs, dataSets, config.queryEngineConfig);
-    },
-    init: function init(dataSetId, overrides) {
-      return _extends({
-        type: 'barChartV2',
-        measure: [],
-        dimension: [],
-        timeDimension: null,
-        displayTitle: '',
-        displaySubject: '',
-        protectedByOrganisation: undefined,
-        viewId: upcastViewId(overrides == null ? void 0 : overrides.viewId),
-        filter: [],
-        order: [],
-        dataSetId: dataSetId,
-        limit: 5000,
-        xAxisPostfix: '',
-        xAxisPrefix: '',
-        yAxisPostfix: '',
-        yAxisPrefix: '',
-        yAxisFormat: null,
-        xAxisFormat: null,
-        conditionalFormattingRules: [],
-        drilldown: [],
-        legend: true,
-        goalLines: undefined,
-        approxXAxisLabelCount: 'auto',
-        approxYAxisLabelCount: 'auto',
-        parameters: {},
-        axisTitles: undefined,
-        headline: undefined,
-        tags: [],
-        drilldownOptions: undefined
-      }, overrides);
-    },
-    createFeedback: createFeedback,
-    schema: attributesSchema$i(config),
-    removeField: function removeField(attrs, fieldId) {
-      return removeField$1(attrs, fieldId, config.queryEngineConfig);
-    },
-    isRunnable: function isRunnable(hydrated) {
-      return hydrated.measure.length > 0 && hydrated.dimension.length > 0;
-    },
-    autoGenerate: function autoGenerate(dataSet) {
-      var _DataSet$buildQueryAt = buildQueryAttributes(dataSet, config.queryEngineConfig, 'barChart'),
-        measure = _DataSet$buildQueryAt.measure,
-        dimension = _DataSet$buildQueryAt.dimension;
-      return this.init(dataSet.id, {
-        measure: [measure[0]],
-        dimension: dimension
-      });
-    },
-    dataPanelConfig: function dataPanelConfig() {
-      return [namespace(CONSTANTS$k, 'data_set'), namespace(CONSTANTS$k, 'views'), _extends({}, namespace(CONSTANTS$k, 'field_y_axis'), {
-        fieldFilterOptions: {
-          forComponent: 'barChart'
-        },
-        preSetPartialAttributes: function preSetPartialAttributes(values) {
-          return {
-            measure: values
-          };
-        },
-        getValues: function getValues(attrs) {
-          return attrs.measure;
-        },
-        testId: 'metric-input'
-      }), _extends({}, namespace(CONSTANTS$k, 'field_x_axis'), {
-        fieldFilterOptions: {
-          forComponent: 'barChart',
-          onlyDimensions: true
-        },
-        preventDuplicates: false,
-        // return all values in the dimension array instead of seperating out timeDimension
-        preSetPartialAttributes: function preSetPartialAttributes(values) {
-          return {
-            dimension: [].concat(values)
-          };
-        },
-        // does this need to be updated too?
-        getValues: function getValues(attrs) {
-          return [].concat(attrs.dimension);
-        },
-        maxAllowed: 2,
-        testId: 'add-dimension'
-      }), namespace(CONSTANTS$k, 'sort'), namespace(CONSTANTS$k, 'filter'), _extends({}, namespace(CONSTANTS$k, 'drilldown'), {
-        options: {
-          property: 'drilldownOptions'
-        }
-      }), namespace(CONSTANTS$k, 'custom_metrics'), namespace(CONSTANTS$k, 'limit')];
-    },
-    formatPanelConfig: function formatPanelConfig() {
-      var _CONSTANTS$format_pan;
-      return [headingConstant(CONSTANTS$k), _extends({}, namespace(CONSTANTS$k, 'chart_styles'), {
-        subSection: [(_CONSTANTS$format_pan = CONSTANTS$k.format_panel.chart_styles) == null ? void 0 : _CONSTANTS$format_pan.subSectionDefinition.legend // CONSTANTS.format_panel.chart_styles?.subSectionDefinition.labels as Section<'labels'>,
-        ]
-      }), axisLabelsConstants(CONSTANTS$k), _extends({}, namespace(CONSTANTS$k, 'conditional_formatting'), {
-        ruleType: 'lineColor'
-      }), namespace(CONSTANTS$k, 'goal_line')];
-    },
-    supportedCustomFields: {
-      percentages: true,
-      dateCalculations: true,
-      simpleMaths: true,
-      rules: true,
-      aggregateMaths: true,
-      roundedNumbers: true,
-      conditional: true,
-      customBuild: [AcceptedTypes.Maths, AcceptedTypes.IfStatement, AcceptedTypes.Aggregates]
-    },
-    supportedFeatures: {
-      parameters: true,
-      colorGradient: false
-    },
-    setDataAttributesFromPreAggregatedDataSet: function setDataAttributesFromPreAggregatedDataSet$1(attributes, dataSet) {
-      return setDataAttributesFromPreAggregatedDataSet(attributes, dataSet, this.setAttributes);
-    }
-  };
-};
-
-var attributesSchema$j = function attributesSchema(config) {
-  return Joi.object(_extends({}, baseAttributesSchema(config.attributesSchemaOptions), timeDimensionQuerySchema(config.queryEngineConfig, config.attributesSchemaOptions), {
-    legend: Joi.valid(true, false),
-    // labels: Joi.valid(true, false).optional(),
-    type: Joi.valid('waterfallChart').required(),
-    parameters: parametersSchema(config.queryEngineConfig, config.attributesSchemaOptions),
-    axisTitles: axisTitleSchema(),
-    headline: headlineSchema(),
-    tags: tagsSchema(),
-    increaseColor: Joi.string().required(),
-    decreaseColor: Joi.string().required(),
-    comparison: Joi.any()
-  }));
-};
-
-var setAttributes$h = (function (config) {
-  return function (waterfallChart, partial) {
-    var newAttributes = setAttributes(waterfallChart, partial, attributesSchema$j(config));
-    newAttributes = removeUnusedOrderFieldsFromTimeSeriesComponent(newAttributes);
-    return newAttributes;
-  };
-});
-
-var CONSTANTS$l = {
-  title: 'Waterfall chart',
-  description: "Shows a running total as values are added or subtracted. It's useful for understanding how an initial value is affected by a series of positive and negative values.",
-  namespace: 'waterfall_chart',
-  data_panel: {
-    data_set: {
-      type: 'dataSet',
-      title: 'Data set',
-      description: 'What data do you want to use in this waterfall chart?'
-    },
-    views: {
-      type: 'views',
-      title: 'View',
-      description: ''
-    },
-    field_y_axis: {
-      type: 'fieldCollector',
-      title: 'Metric - Y Axis',
-      description: 'What do you want each bar to measure?',
-      callToAction: 'Add metric'
-    },
-    field_x_axis: {
-      type: 'fieldCollector',
-      title: 'Grouping - X Axis',
-      description: 'What do you want each bar to represent? An example would be a a date grouping to show each month as a bar',
-      callToAction: 'Add grouping'
-    },
-    dateComparison: {
-      type: 'dateComparison',
-      title: 'Comparison',
-      description: 'Compare the waterfall chart to a previous period.',
-      callToAction: 'Add comparison'
-    },
-    sort: {
-      type: 'sort',
-      title: 'Sort',
-      description: 'Select the order of categories or time on the x Axis.'
-    },
-    filter: {
-      type: 'filter',
-      title: 'Filters',
-      description: 'Only include the information you want to use in this waterfall chart.'
-    },
-    custom_metrics: {
-      type: 'customMetrics',
-      title: 'Custom metrics',
-      description: 'Build your own metrics, such as a percentage.'
-    },
-    limit: {
-      type: 'limit',
-      title: 'Limit',
-      description: 'Set the maximum number of records to show on this waterfall chart.'
-    }
-  },
-  format_panel: {
-    heading: {
-      type: 'heading',
-      title: 'Heading',
-      description: '',
-      subSectionDefinition: {
-        title: {
-          type: 'title',
-          title: 'Title',
-          description: '',
-          namespace: 'title'
-        },
-        subject: {
-          title: 'Subject',
-          type: 'subject',
-          description: '',
-          namespace: 'subject'
-        }
-      }
-    },
-    chart_styles: {
-      type: 'chartStyles',
-      title: 'Chart Settings',
-      description: '',
-      subSectionDefinition: {
-        legend: {
-          type: 'legend',
-          title: 'Show Legend',
+        labels: {
+          type: 'labels',
+          title: 'Show Labels',
           description: '',
-          namespace: 'legend'
+          namespace: 'labels'
+        }
+      }
+    },
+    axis_labels: {
+      type: 'axisLabels',
+      title: 'Axis Preferences',
+      description: '',
+      subSectionDefinition: {
+        x: {
+          title: 'X Axis',
+          description: '',
+          namespace: 'x'
+        },
+        'x.prefix': {
+          title: 'Prefix',
+          description: '',
+          namespace: 'x.prefix'
+        },
+        'x.postfix': {
+          title: 'Postfix',
+          description: '',
+          namespace: 'x.postfix'
+        },
+        'x.format': {
+          title: 'Format',
+          description: '',
+          namespace: 'x.format'
+        },
+        'x.count': {
+          title: 'Label count',
+          description: '',
+          namespace: 'x.count'
+        },
+        'x.axis_title': {
+          title: 'Title',
+          description: '',
+          namespace: 'x.axis_title'
+        },
+        y: {
+          title: 'Y Axis',
+          description: '',
+          namespace: 'y'
+        },
+        'y.prefix': {
+          title: 'Prefix',
+          description: '',
+          namespace: 'y.prefix'
+        },
+        'y.postfix': {
+          title: 'Postfix',
+          description: '',
+          namespace: 'y.postfix'
+        },
+        'y.format': {
+          title: 'Format',
+          description: '',
+          namespace: 'y.format'
+        },
+        'y.count': {
+          title: 'Label count',
+          description: '',
+          namespace: 'y.count'
+        },
+        'y.axis_title': {
+          title: 'Title',
+          description: '',
+          namespace: 'y.axis_title'
+        }
+      }
+    },
+    conditional_formatting: {
+      type: 'conditionalFormatting',
+      title: 'Conditional Formatting',
+      description: ''
+    },
+    headline: {
+      type: 'headline',
+      title: 'Headline',
+      description: ''
+    },
+    goal_line: {
+      type: 'goalLine',
+      title: 'Goal Lines',
+      description: ''
+    }
+  }
+};
+
+var BarChart$1 = function BarChart(config) {
+  return {
+    title: 'Bar chart',
+    description: 'Ideal for illustrating changes and trends over time with bar graphs.',
+    servicesClass: 'BarChart',
+    namespace: 'bar_chart',
+    dump: function dump(hydrated) {
+      return hydrated;
+    },
+    load: function load(dumped) {
+      var _dumped$tags;
+      return {
+        type: dumped.type,
+        measure: upcastMeasure(dumped.measure),
+        order: upcastOrder(dumped.order, dumped.timeDimension),
+        dimension: upcastStringDimensionsToObject(dumped.dimension),
+        // TODO: upcast dumped.timeDimension -> dimension
+        displayTitle: dumped.displayTitle,
+        displaySubject: dumped.displaySubject,
+        protectedByOrganisation: dumped.protectedByOrganisation,
+        viewId: upcastViewId(dumped.viewId),
+        filter: upcastFilter(dumped.filter),
+        dataSetId: dumped.dataSetId,
+        limit: dumped.limit,
+        timeDimension: null,
+        xAxisPostfix: dumped.xAxisPostfix,
+        xAxisPrefix: dumped.xAxisPrefix,
+        yAxisPostfix: dumped.yAxisPostfix,
+        yAxisPrefix: dumped.yAxisPrefix,
+        yAxisFormat: dumped.yAxisFormat,
+        xAxisFormat: dumped.xAxisFormat,
+        conditionalFormattingRules: upcast$1(config.queryEngineConfig, dumped.conditionalFormattingRules),
+        drilldown: dumped.drilldown,
+        legend: dumped.legend,
+        labels: dumped.labels,
+        goalLines: dumped.goalLines,
+        headline: upcastHeadline(dumped.headline, dumped.timeDimension),
+        parameters: upcastParameters(dumped.parameters),
+        approxXAxisLabelCount: upcastAxisLabel(dumped.approxXAxisLabelCount),
+        approxYAxisLabelCount: upcastAxisLabel(dumped.approxYAxisLabelCount),
+        axisTitles: dumped.axisTitles,
+        tags: (_dumped$tags = dumped.tags) != null ? _dumped$tags : [],
+        stacked: dumped.stacked,
+        drilldownOptions: dumped.drilldownOptions
+      };
+    },
+    setAttributes: setAttributes$g(config),
+    validate: function validate(attrs, dataSets) {
+      return validateView(attrs, dataSets, config.queryEngineConfig);
+    },
+    init: function init(dataSetId, overrides) {
+      return _extends({
+        type: 'barChartV2',
+        measure: [],
+        dimension: [],
+        timeDimension: null,
+        displayTitle: '',
+        displaySubject: '',
+        protectedByOrganisation: undefined,
+        viewId: upcastViewId(overrides == null ? void 0 : overrides.viewId),
+        filter: [],
+        order: [],
+        dataSetId: dataSetId,
+        limit: 5000,
+        xAxisPostfix: '',
+        xAxisPrefix: '',
+        yAxisPostfix: '',
+        yAxisPrefix: '',
+        yAxisFormat: null,
+        xAxisFormat: null,
+        conditionalFormattingRules: [],
+        drilldown: [],
+        legend: true,
+        labels: false,
+        goalLines: undefined,
+        approxXAxisLabelCount: 'auto',
+        approxYAxisLabelCount: 'auto',
+        parameters: {},
+        axisTitles: undefined,
+        headline: undefined,
+        tags: [],
+        drilldownOptions: undefined
+      }, overrides);
+    },
+    createFeedback: createFeedback,
+    schema: attributesSchema$i(config),
+    removeField: function removeField(attrs, fieldId) {
+      return removeField$1(attrs, fieldId, config.queryEngineConfig);
+    },
+    isRunnable: function isRunnable(hydrated) {
+      return hydrated.measure.length > 0 && hydrated.dimension.length > 0;
+    },
+    autoGenerate: function autoGenerate(dataSet) {
+      var _DataSet$buildQueryAt = buildQueryAttributes(dataSet, config.queryEngineConfig, 'barChart'),
+        measure = _DataSet$buildQueryAt.measure,
+        dimension = _DataSet$buildQueryAt.dimension;
+      return this.init(dataSet.id, {
+        measure: [measure[0]],
+        dimension: dimension
+      });
+    },
+    dataPanelConfig: function dataPanelConfig() {
+      return [namespace(CONSTANTS$k, 'data_set'), namespace(CONSTANTS$k, 'views'), _extends({}, namespace(CONSTANTS$k, 'field_y_axis'), {
+        fieldFilterOptions: {
+          forComponent: 'barChart'
+        },
+        preSetPartialAttributes: function preSetPartialAttributes(values) {
+          return {
+            measure: values
+          };
+        },
+        getValues: function getValues(attrs) {
+          return attrs.measure;
+        },
+        testId: 'metric-input'
+      }), _extends({}, namespace(CONSTANTS$k, 'field_x_axis'), {
+        fieldFilterOptions: {
+          forComponent: 'barChart',
+          onlyDimensions: true
+        },
+        preventDuplicates: false,
+        // return all values in the dimension array instead of seperating out timeDimension
+        preSetPartialAttributes: function preSetPartialAttributes(values) {
+          return {
+            dimension: [].concat(values)
+          };
+        },
+        // does this need to be updated too?
+        getValues: function getValues(attrs) {
+          return [].concat(attrs.dimension);
+        },
+        maxAllowed: 2,
+        testId: 'add-dimension'
+      }), namespace(CONSTANTS$k, 'sort'), namespace(CONSTANTS$k, 'filter'), _extends({}, namespace(CONSTANTS$k, 'drilldown'), {
+        options: {
+          property: 'drilldownOptions'
+        }
+      }), namespace(CONSTANTS$k, 'custom_metrics'), namespace(CONSTANTS$k, 'limit')];
+    },
+    formatPanelConfig: function formatPanelConfig() {
+      var _CONSTANTS$format_pan, _CONSTANTS$format_pan2;
+      return [headingConstant(CONSTANTS$k), _extends({}, namespace(CONSTANTS$k, 'chart_styles'), {
+        subSection: [(_CONSTANTS$format_pan = CONSTANTS$k.format_panel.chart_styles) == null ? void 0 : _CONSTANTS$format_pan.subSectionDefinition.legend, (_CONSTANTS$format_pan2 = CONSTANTS$k.format_panel.chart_styles) == null ? void 0 : _CONSTANTS$format_pan2.subSectionDefinition.labels]
+      }), axisLabelsConstants(CONSTANTS$k), _extends({}, namespace(CONSTANTS$k, 'conditional_formatting'), {
+        ruleType: 'lineColor'
+      }), namespace(CONSTANTS$k, 'goal_line')];
+    },
+    supportedCustomFields: {
+      percentages: true,
+      dateCalculations: true,
+      simpleMaths: true,
+      rules: true,
+      aggregateMaths: true,
+      roundedNumbers: true,
+      conditional: true,
+      customBuild: [AcceptedTypes.Maths, AcceptedTypes.IfStatement, AcceptedTypes.Aggregates]
+    },
+    supportedFeatures: {
+      parameters: true,
+      colorGradient: false
+    },
+    setDataAttributesFromPreAggregatedDataSet: function setDataAttributesFromPreAggregatedDataSet$1(attributes, dataSet) {
+      return setDataAttributesFromPreAggregatedDataSet(attributes, dataSet, this.setAttributes);
+    }
+  };
+};
+
+var attributesSchema$j = function attributesSchema(config) {
+  return Joi.object(_extends({}, baseAttributesSchema(config.attributesSchemaOptions), timeDimensionQuerySchema(config.queryEngineConfig, config.attributesSchemaOptions), {
+    legend: Joi.valid(true, false),
+    labels: Joi.valid(true, false).optional(),
+    type: Joi.valid('waterfallChart').required(),
+    parameters: parametersSchema(config.queryEngineConfig, config.attributesSchemaOptions),
+    axisTitles: axisTitleSchema(),
+    headline: headlineSchema(),
+    tags: tagsSchema(),
+    increaseColor: Joi.string().required(),
+    decreaseColor: Joi.string().required(),
+    comparison: Joi.any()
+  }));
+};
+
+var setAttributes$h = (function (config) {
+  return function (waterfallChart, partial) {
+    var newAttributes = setAttributes(waterfallChart, partial, attributesSchema$j(config));
+    newAttributes = removeUnusedOrderFieldsFromTimeSeriesComponent(newAttributes);
+    return newAttributes;
+  };
+});
+
+var CONSTANTS$l = {
+  title: 'Waterfall chart',
+  description: "Shows a running total as values are added or subtracted. It's useful for understanding how an initial value is affected by a series of positive and negative values.",
+  namespace: 'waterfall_chart',
+  data_panel: {
+    data_set: {
+      type: 'dataSet',
+      title: 'Data set',
+      description: 'What data do you want to use in this waterfall chart?'
+    },
+    views: {
+      type: 'views',
+      title: 'View',
+      description: ''
+    },
+    field_y_axis: {
+      type: 'fieldCollector',
+      title: 'Metric - Y Axis',
+      description: 'What do you want each bar to measure?',
+      callToAction: 'Add metric'
+    },
+    field_x_axis: {
+      type: 'fieldCollector',
+      title: 'Grouping - X Axis',
+      description: 'What do you want each bar to represent? An example would be a a date grouping to show each month as a bar',
+      callToAction: 'Add grouping'
+    },
+    dateComparison: {
+      type: 'dateComparison',
+      title: 'Comparison',
+      description: 'Compare the waterfall chart to a previous period.',
+      callToAction: 'Add comparison'
+    },
+    sort: {
+      type: 'sort',
+      title: 'Sort',
+      description: 'Select the order of categories or time on the x Axis.'
+    },
+    filter: {
+      type: 'filter',
+      title: 'Filters',
+      description: 'Only include the information you want to use in this waterfall chart.'
+    },
+    custom_metrics: {
+      type: 'customMetrics',
+      title: 'Custom metrics',
+      description: 'Build your own metrics, such as a percentage.'
+    },
+    limit: {
+      type: 'limit',
+      title: 'Limit',
+      description: 'Set the maximum number of records to show on this waterfall chart.'
+    }
+  },
+  format_panel: {
+    heading: {
+      type: 'heading',
+      title: 'Heading',
+      description: '',
+      subSectionDefinition: {
+        title: {
+          type: 'title',
+          title: 'Title',
+          description: '',
+          namespace: 'title'
+        },
+        subject: {
+          title: 'Subject',
+          type: 'subject',
+          description: '',
+          namespace: 'subject'
+        }
+      }
+    },
+    chart_styles: {
+      type: 'chartStyles',
+      title: 'Chart Settings',
+      description: '',
+      subSectionDefinition: {
+        legend: {
+          type: 'legend',
+          title: 'Show Legend',
+          description: '',
+          namespace: 'legend'
+        },
+        labels: {
+          type: 'labels',
+          title: 'Show Labels',
+          description: '',
+          namespace: 'labels'
         }
-        // labels: { type: 'labels', title: 'Show Labels', description: '', namespace: 'labels' },
       }
     },
     axis_labels: {
@@ -10516,6 +10539,7 @@ var WaterfallChart = function WaterfallChart(config) {
         headline: upcastHeadline(dumped.headline, dumped.timeDimension),
         tags: (_dumped$tags = dumped.tags) != null ? _dumped$tags : [],
         legend: dumped.legend,
+        labels: dumped.labels,
         viewId: upcastViewId(dumped.viewId),
         dataSetId: dumped.dataSetId,
         limit: dumped.limit,
@@ -10565,6 +10589,7 @@ var WaterfallChart = function WaterfallChart(config) {
         yAxisFormat: null,
         xAxisFormat: null,
         legend: true,
+        labels: false,
         parameters: {},
         axisTitles: undefined,
         headline: undefined,
@@ -10628,10 +10653,9 @@ var WaterfallChart = function WaterfallChart(config) {
       }), namespace(CONSTANTS$l, 'sort'), namespace(CONSTANTS$l, 'filter'), namespace(CONSTANTS$l, 'custom_metrics'), namespace(CONSTANTS$l, 'limit')];
     },
     formatPanelConfig: function formatPanelConfig() {
-      var _CONSTANTS$format_pan;
+      var _CONSTANTS$format_pan, _CONSTANTS$format_pan2;
       return [headingConstant(CONSTANTS$l), namespace(CONSTANTS$l, 'waterfall_colors'), _extends({}, namespace(CONSTANTS$l, 'chart_styles'), {
-        subSection: [(_CONSTANTS$format_pan = CONSTANTS$l.format_panel.chart_styles) == null ? void 0 : _CONSTANTS$format_pan.subSectionDefinition.legend // CONSTANTS.format_panel.chart_styles?.subSectionDefinition.labels as Section<'labels'>,
-        ]
+        subSection: [(_CONSTANTS$format_pan = CONSTANTS$l.format_panel.chart_styles) == null ? void 0 : _CONSTANTS$format_pan.subSectionDefinition.legend, (_CONSTANTS$format_pan2 = CONSTANTS$l.format_panel.chart_styles) == null ? void 0 : _CONSTANTS$format_pan2.subSectionDefinition.labels]
       }), axisLabelsConstants(CONSTANTS$l)];
     },
     supportedCustomFields: {
@@ -10658,7 +10682,7 @@ var attributesSchema$k = function attributesSchema(config) {
   return Joi.object(_extends({}, baseAttributesSchema(config.attributesSchemaOptions), timeDimensionQuerySchema(config.queryEngineConfig, config.attributesSchemaOptions), {
     stacked: Joi.valid(true, false),
     legend: Joi.valid(true, false),
-    // labels: Joi.valid(true, false).optional(),
+    labels: Joi.valid(true, false).optional(),
     type: Joi.valid('areaChartV2').required(),
     parameters: parametersSchema(config.queryEngineConfig, config.attributesSchemaOptions),
     lineCurve: areaCurveSchema,
@@ -10774,8 +10798,13 @@ var CONSTANTS$m = {
           title: 'Show Legend',
           description: '',
           namespace: 'legend'
+        },
+        labels: {
+          type: 'labels',
+          title: 'Show Labels',
+          description: '',
+          namespace: 'labels'
         }
-        // labels: { type: 'labels', title: 'Show Labels', description: '', namespace: 'labels' },
       }
     },
     axis_labels: {
@@ -10903,6 +10932,7 @@ var AreaChart$1 = function AreaChart(config) {
         conditionalFormattingRules: upcast$1(config.queryEngineConfig, dumped.conditionalFormattingRules),
         drilldown: dumped.drilldown,
         legend: dumped.legend,
+        labels: dumped.labels,
         goalLines: dumped.goalLines,
         headline: upcastHeadline(dumped.headline, dumped.timeDimension),
         parameters: upcastParameters(dumped.parameters),
@@ -10942,6 +10972,7 @@ var AreaChart$1 = function AreaChart(config) {
         conditionalFormattingRules: [],
         drilldown: [],
         legend: true,
+        labels: false,
         goalLines: undefined,
         approxXAxisLabelCount: 'auto',
         approxYAxisLabelCount: 'auto',
@@ -11005,10 +11036,9 @@ var AreaChart$1 = function AreaChart(config) {
       }), namespace(CONSTANTS$m, 'sort'), namespace(CONSTANTS$m, 'filter'), namespace(CONSTANTS$m, 'custom_metrics'), namespace(CONSTANTS$m, 'limit')];
     },
     formatPanelConfig: function formatPanelConfig() {
-      var _CONSTANTS$format_pan;
+      var _CONSTANTS$format_pan, _CONSTANTS$format_pan2;
       return [headingConstant(CONSTANTS$m), _extends({}, namespace(CONSTANTS$m, 'chart_styles'), {
-        subSection: [(_CONSTANTS$format_pan = CONSTANTS$m.format_panel.chart_styles) == null ? void 0 : _CONSTANTS$format_pan.subSectionDefinition.legend // CONSTANTS.format_panel.chart_styles?.subSectionDefinition.labels as Section<'labels'>,
-        ]
+        subSection: [(_CONSTANTS$format_pan = CONSTANTS$m.format_panel.chart_styles) == null ? void 0 : _CONSTANTS$format_pan.subSectionDefinition.legend, (_CONSTANTS$format_pan2 = CONSTANTS$m.format_panel.chart_styles) == null ? void 0 : _CONSTANTS$format_pan2.subSectionDefinition.labels]
       }), axisLabelsConstants(CONSTANTS$m), _extends({}, namespace(CONSTANTS$m, 'conditional_formatting'), {
         ruleType: 'lineColor'
       }), namespace(CONSTANTS$m, 'goal_line')];
@@ -11037,7 +11067,7 @@ var attributesSchema$l = function attributesSchema(config) {
   return Joi.object(_extends({}, baseAttributesSchema(config.attributesSchemaOptions), {
     stacked: Joi.valid(true, false),
     legend: Joi.valid(true, false),
-    // labels: Joi.valid(true, false).optional(),
+    labels: Joi.valid(true, false).optional(),
     barMeasure: Joi.array().items(measureSchema(config.queryEngineConfig.supportedAggregates, config.attributesSchemaOptions)),
     lineMeasure: Joi.array().items(measureSchema(config.queryEngineConfig.supportedAggregates, config.attributesSchemaOptions)),
     barDimension: dimensionSchema(config.queryEngineConfig.supportedTimeTruncFunctions, config.attributesSchemaOptions),
@@ -11183,8 +11213,13 @@ var CONSTANTS$n = {
           title: 'Show Legend',
           description: '',
           namespace: 'legend'
+        },
+        labels: {
+          type: 'labels',
+          title: 'Show Labels',
+          description: '',
+          namespace: 'labels'
         }
-        // labels: { type: 'labels', title: 'Show Labels', description: '', namespace: 'labels' },
       }
     },
     axis_labels: {
@@ -11316,6 +11351,7 @@ var ComboChartV2 = function ComboChartV2(config) {
         yAxisFormat: null,
         xAxisFormat: null,
         legend: true,
+        labels: false,
         approxXAxisLabelCount: 'auto',
         approxYAxisLabelCount: 'auto',
         goalLines: undefined,
@@ -11356,19 +11392,18 @@ var ComboChartV2 = function ComboChartV2(config) {
       }), namespace(CONSTANTS$n, 'combo_chart_dimension'), namespace(CONSTANTS$n, 'sort'), namespace(CONSTANTS$n, 'filter'), namespace(CONSTANTS$n, 'custom_metrics'), namespace(CONSTANTS$n, 'limit')];
     },
     formatPanelConfig: function formatPanelConfig() {
-      var _CONSTANTS$format_pan, _CONSTANTS$format_pan2, _CONSTANTS$format_pan3, _CONSTANTS$format_pan4, _CONSTANTS$format_pan5, _CONSTANTS$format_pan6, _CONSTANTS$format_pan7;
+      var _CONSTANTS$format_pan, _CONSTANTS$format_pan2, _CONSTANTS$format_pan3, _CONSTANTS$format_pan4, _CONSTANTS$format_pan5, _CONSTANTS$format_pan6, _CONSTANTS$format_pan7, _CONSTANTS$format_pan8;
       return [headingConstant(CONSTANTS$n), _extends({}, namespace(CONSTANTS$n, 'chart_styles'), {
-        subSection: [(_CONSTANTS$format_pan = CONSTANTS$n.format_panel.chart_styles) == null ? void 0 : _CONSTANTS$format_pan.subSectionDefinition.legend // CONSTANTS.format_panel.chart_styles?.subSectionDefinition.labels as Section<'labels'>,
-        ]
+        subSection: [(_CONSTANTS$format_pan = CONSTANTS$n.format_panel.chart_styles) == null ? void 0 : _CONSTANTS$format_pan.subSectionDefinition.legend, (_CONSTANTS$format_pan2 = CONSTANTS$n.format_panel.chart_styles) == null ? void 0 : _CONSTANTS$format_pan2.subSectionDefinition.labels]
       }), axisLabelsConstants(CONSTANTS$n), _extends({}, namespace(CONSTANTS$n, 'conditional_formatting'), {
         ruleType: 'backgroundColor',
         subSection: [{
-          title: (_CONSTANTS$format_pan2 = (_CONSTANTS$format_pan3 = CONSTANTS$n.format_panel.conditional_formatting) == null || (_CONSTANTS$format_pan3 = _CONSTANTS$format_pan3.subSectionDefinition) == null ? void 0 : _CONSTANTS$format_pan3.bar.title) != null ? _CONSTANTS$format_pan2 : '',
-          namespace: (_CONSTANTS$format_pan4 = CONSTANTS$n.format_panel.conditional_formatting) == null || (_CONSTANTS$format_pan4 = _CONSTANTS$format_pan4.subSectionDefinition) == null ? void 0 : _CONSTANTS$format_pan4.bar.namespace,
+          title: (_CONSTANTS$format_pan3 = (_CONSTANTS$format_pan4 = CONSTANTS$n.format_panel.conditional_formatting) == null || (_CONSTANTS$format_pan4 = _CONSTANTS$format_pan4.subSectionDefinition) == null ? void 0 : _CONSTANTS$format_pan4.bar.title) != null ? _CONSTANTS$format_pan3 : '',
+          namespace: (_CONSTANTS$format_pan5 = CONSTANTS$n.format_panel.conditional_formatting) == null || (_CONSTANTS$format_pan5 = _CONSTANTS$format_pan5.subSectionDefinition) == null ? void 0 : _CONSTANTS$format_pan5.bar.namespace,
           propKey: 'bar'
         }, {
-          title: (_CONSTANTS$format_pan5 = (_CONSTANTS$format_pan6 = CONSTANTS$n.format_panel.conditional_formatting) == null || (_CONSTANTS$format_pan6 = _CONSTANTS$format_pan6.subSectionDefinition) == null ? void 0 : _CONSTANTS$format_pan6.line.title) != null ? _CONSTANTS$format_pan5 : '',
-          namespace: (_CONSTANTS$format_pan7 = CONSTANTS$n.format_panel.conditional_formatting) == null || (_CONSTANTS$format_pan7 = _CONSTANTS$format_pan7.subSectionDefinition) == null ? void 0 : _CONSTANTS$format_pan7.line.namespace,
+          title: (_CONSTANTS$format_pan6 = (_CONSTANTS$format_pan7 = CONSTANTS$n.format_panel.conditional_formatting) == null || (_CONSTANTS$format_pan7 = _CONSTANTS$format_pan7.subSectionDefinition) == null ? void 0 : _CONSTANTS$format_pan7.line.title) != null ? _CONSTANTS$format_pan6 : '',
+          namespace: (_CONSTANTS$format_pan8 = CONSTANTS$n.format_panel.conditional_formatting) == null || (_CONSTANTS$format_pan8 = _CONSTANTS$format_pan8.subSectionDefinition) == null ? void 0 : _CONSTANTS$format_pan8.line.namespace,
           propKey: 'line'
         }]
       }), namespace(CONSTANTS$n, 'goal_line')];
@@ -12509,12 +12544,16 @@ var defaultNumberFormatOptions = function defaultNumberFormatOptions(textOverrid
       description: textOverride('number_format_option.currency_eur', 'Currency €')
     },
     _vizzly_to_percentage: {
-      formatter: function formatter(value, noValueReplacement) {
+      formatter: function formatter(value, noValueReplacement, total) {
         if (noValueReplacement === void 0) {
           noValueReplacement = noValue;
         }
         if (value === null || value === undefined) return noValueReplacement;
         if (Number.isNaN(value)) return formattingError;
+        if (total !== undefined && total !== 0 && typeof value === 'number') {
+          var percentage = isPercentageOf(value, total);
+          return toDp(percentage, 2) + "%";
+        }
         return toPercentage(value, 2);
       },
       description: textOverride('number_format_option.percentage', 'Percentage')
@@ -13062,10 +13101,10 @@ var formatSeriesName = function formatSeriesName(result, textOverride, type, id,
     return newTitle != null ? newTitle : defaultLabel;
   };
 };
-var convertValueToFormat = function convertValueToFormat(value, numberFormatOptions, format) {
+var convertValueToFormat = function convertValueToFormat(value, numberFormatOptions, format, total) {
   var _numberFormatOptions;
   var formatter = numberFormatOptions == null || (_numberFormatOptions = numberFormatOptions[format != null ? format : '']) == null ? void 0 : _numberFormatOptions.formatter;
-  return formatter ? formatter(value) : value;
+  return formatter ? formatter(value, undefined, total) : value;
 };
 function getGradientAdjustedColor(rule, matchedHexValue, actualValue) {
   if (rule.boundaries && rule.boundaries.length === 2 && rule.ruleValueEnd) {
@@ -34066,6 +34105,12 @@ var calculateMinMax = function calculateMinMax(values) {
     maxValue: maxValue
   };
 };
+var normalizeKey = function normalizeKey(value) {
+  if (typeof value === 'number' || !isNaN(Number(value)) && !isNaN(parseFloat(value))) {
+    return Number(value).toString().split('.')[0];
+  }
+  return String(value);
+};
 var showMinMaxLabel = function showMinMaxLabel(value, totalItems, minValue, maxValue) {
   return totalItems < 11 || value == minValue || value == maxValue;
 };
@@ -34078,6 +34123,40 @@ var getMinMaxChartValueFromNumberArray = function getMinMaxChartValueFromNumberA
     maxValue: maxValue
   };
 };
+var getLabelDictionary = function getLabelDictionary(formattedData, keys) {
+  var formattedLabelNames = formattedData == null ? void 0 : formattedData.map(function (d) {
+    var convertedArray = keys.map(function (key) {
+      var _ref;
+      if (!d[key].formattedValue) return;
+      var valueKey = normalizeKey(d[key].value);
+      var label = d[key].formattedValue;
+      return _ref = {}, _ref[valueKey] = label, _ref;
+    }).flat();
+    return convertedArray;
+  });
+  if (!formattedLabelNames) return {};
+  var dictionary = {};
+  formattedLabelNames.forEach(function (labelArray) {
+    if (labelArray) {
+      labelArray.forEach(function (labelObj) {
+        if (labelObj) {
+          Object.entries(labelObj).forEach(function (_ref2) {
+            var value = _ref2[0],
+              label = _ref2[1];
+            dictionary[value] = label;
+          });
+        }
+      });
+    }
+  });
+  return dictionary;
+};
+var getFormattedValue = function getFormattedValue(value, dictionary) {
+  var _dictionary$normalize;
+  if (!dictionary) return value;
+  var normalizedKey = normalizeKey(value);
+  return (_dictionary$normalize = dictionary[normalizedKey]) != null ? _dictionary$normalize : value;
+};
 var getAllChartValues = function getAllChartValues(data, keys) {
   var allValues = [];
   data.forEach(function (item) {
@@ -34103,6 +34182,12 @@ var accessors = function accessors(xAxisIsTime, xKey, yKey, horizontal) {
   };
 };
 var DEFAULT_Y_AXIS_LABEL_COUNT = 5;
+var LABEL_TEXT_STYLE = {
+  textAnchor: 'middle',
+  fontSize: '10px',
+  fill: '#333',
+  fontWeight: 500
+};
 var VizzlyXYChart = function VizzlyXYChart(props) {
   var _props$height, _theme$axis$stroke, _theme$axis, _ref, _props$lines$data$len, _props$lines, _props$areas, _props$bars, _props$lines$threshol, _props$lines2, _props$areas2, _props$forceXAxisAsTi, _props$bars2, _props$lines3, _theme$grid$stroke, _theme$grid, _props$axisTitles, _props$axisTitles2, _props$axisTitles3, _props$axisTitles4, _props$areas7, _props$bars3, _props$bars7, _props$lines4, _props$lines7, _props$trends2, _props$lines13, _props$bars14, _props$goalLine, _props$bars15, _props$bars16, _props$bars17;
   var height = adjustHeight((_props$height = props == null ? void 0 : props.height) != null ? _props$height : 300, props == null ? void 0 : props.legend);
@@ -34387,57 +34472,49 @@ var VizzlyXYChart = function VizzlyXYChart(props) {
             }), "bar_with_previous_" + props.uniqueId + "_" + keyIndex);
           })
         }), props.bars.data.map(function (dataPoint, dataIndex) {
-          return jsx("g", {
-            children: props.bars.keys.map(function (key, keyIndex) {
-              var value = dataPoint[key];
-              if (!value || !props.labels) return null;
-              if (props.bars.data.length > 10) {
-                var values = props.bars.data.map(function (d) {
-                  return Number(d[key]);
-                }).filter(function (v) {
-                  return v;
-                });
-                var _getMinMaxChartValueF = getMinMaxChartValueFromNumberArray(values),
-                  _minValue = _getMinMaxChartValueF.minValue,
-                  _maxValue = _getMinMaxChartValueF.maxValue;
-                var currentValue = Number(value);
-                if (currentValue !== _minValue && currentValue !== _maxValue) {
-                  return null;
-                }
-              }
-              var chartWidth = props.width || 400;
-              var barWidth = (chartWidth - margin.left - margin.right) / props.bars.data.length;
-              var barX = margin.left + dataIndex * barWidth + barWidth / 2;
-              var isPositiveModifier = isPositiveModifierKey(key);
-              var barHeight, barY;
-              if (isPositiveModifier) {
-                // Helper function to extract the base name from the key (e.g., "{Revenue, previous}" -> "Revenue")
-                var getBaseKeyName = function getBaseKeyName(keyName) {
-                  return keyName.replace(/[{}]/g, '').split(',')[0].trim();
-                };
-                var standardKey = props.bars.keys.find(function (k) {
-                  return !isPositiveModifierKey(k) && getBaseKeyName(k) === getBaseKeyName(key);
-                });
-                var totalValue = standardKey ? dataPoint[standardKey] : 0;
-                var previousValue = Number(value);
-                var totalBarValue = Number(totalValue) + previousValue;
-                barHeight = (height - margin.top - margin.bottom) * totalBarValue / (maxValue || 1);
-                barY = height - margin.bottom - barHeight;
-              } else {
-                barHeight = (height - margin.top - margin.bottom) * Number(value) / (maxValue || 1);
-                barY = height - margin.bottom - barHeight;
-              }
-              return jsx("text", {
-                x: barX,
-                y: barY,
-                textAnchor: "bottom",
-                fontSize: "10px",
-                fill: "#333",
-                fontWeight: "500",
-                children: formatYAxisLabel$1(props)(value)
-              }, "funnel_label_" + props.uniqueId + "_" + dataIndex + "_" + keyIndex);
-            })
-          }, "funnel_labels_" + props.uniqueId + "_" + dataIndex);
+          var mainKey = props.bars.keys[0];
+          var value = dataPoint[mainKey];
+          if (!value || !props.labels) return null;
+          if (props.bars && props.bars.data.length > 30) {
+            var values = props.bars.data.map(function (d) {
+              return Number(d[mainKey]);
+            }).filter(function (v) {
+              return v;
+            });
+            var _getMinMaxChartValueF = getMinMaxChartValueFromNumberArray(values),
+              _minValue = _getMinMaxChartValueF.minValue,
+              _maxValue = _getMinMaxChartValueF.maxValue;
+            var currentValue = Number(value);
+            if (currentValue !== _minValue && currentValue !== _maxValue) {
+              return null;
+            }
+          }
+          var _accessors = accessors(xAxisIsTime, x, mainKey, horizontal),
+            yAccessor = _accessors.yAccessor;
+          var yValue = yAccessor(dataPoint);
+          var defaultChartWidth = 400;
+          var chartWidth = props.width || defaultChartWidth;
+          var barWidth = (chartWidth - margin.left - margin.right) / props.bars.data.length;
+          var barX = margin.left + dataIndex * barWidth + barWidth / 2;
+          var availableHeight = height - margin.top - margin.bottom;
+          var yScale = scaleLinear({
+            domain: [minValue, maxValue],
+            range: [availableHeight, 0],
+            nice: true
+          });
+          var scaledYValue = yScale(Number(yValue));
+          var barTopY = margin.top + scaledYValue;
+          var yPadding = 5;
+          var labelY = barTopY - yPadding;
+          return jsx("text", {
+            x: barX,
+            y: labelY,
+            textAnchor: LABEL_TEXT_STYLE.textAnchor,
+            fontSize: LABEL_TEXT_STYLE.fontSize,
+            fill: LABEL_TEXT_STYLE.fill,
+            fontWeight: LABEL_TEXT_STYLE.fontWeight,
+            children: formatYAxisLabel$1(props)(value)
+          }, "funnel_label_" + props.uniqueId + "_" + dataIndex);
         })]
       }), (props == null ? void 0 : props.bars) && props.bars.stacked && jsxs(Fragment, {
         children: [props.enableHover && jsx("style", {
@@ -38891,12 +38968,12 @@ var PieChartView = function PieChartView(props) {
   var rS = resultSet$1(props.result, pivotConfig, fakeQuery, false, checkForNullValue(props.dataSetId, props.dimension, props.timeDimension, textOverride, valueAlias));
   var pieSeries = series$1(fakeQuery, props.result, pivotConfig);
 
-  /* 
+  /*
     NOTES
     - isArray(data[props.dimension[0].field]) check below added so Pie charts can support conditional formatting on string[] dataTypes
   */
 
-  /* 
+  /*
     TODO
     - Allow string[] dataTypes to be chosen as a grouping in the Pie chart
     - Make sure the formatting of labels is correct when using string[] dataTypes (currently they appear with no spaces or commas within the pie chart tooltip)
@@ -38961,7 +39038,10 @@ var PieChartView = function PieChartView(props) {
           showLabel: (theme == null ? void 0 : theme.detail) === 'verbose' && (props == null ? void 0 : props.labels) !== false || (props == null ? void 0 : props.labels),
           legend: showLegend(props == null ? void 0 : props.legend, (theme == null ? void 0 : theme.detail) === 'verbose'),
           formatValue: function formatValue(value) {
-            return convertValueToFormat(toDp(value, 2), props == null ? void 0 : props.numberFormatOptions, props == null ? void 0 : props.labelFormat);
+            var total = data[0].data.reduce(function (sum, item) {
+              return sum + (item[data[0].valueKey] || 0);
+            }, 0);
+            return convertValueToFormat(value, props == null ? void 0 : props.numberFormatOptions, props == null ? void 0 : props.labelFormat, total);
           }
         })
       })]
@@ -43419,373 +43499,6 @@ function buildComboTooltipData(barTooltipData, lineTooltipData, xScaleKey) {
   return barTooltipData && lineTooltipData ? _extends({}, barTooltipData, lineTooltipData) : undefined;
 }
 
-var LegendItemBox = function LegendItemBox(_ref) {
-  var color = _ref.color,
-    style = _ref.style;
-  return jsx("svg", {
-    width: 10,
-    height: 10,
-    style: {
-      display: 'block'
-    },
-    children: style.type === 'line' ? style.strokeDasharray !== null ? jsx("line", {
-      x1: "0",
-      y1: "5",
-      x2: "10",
-      y2: "5",
-      stroke: color,
-      strokeWidth: style.strokeWidth,
-      strokeDasharray: 2
-    }) : jsx("line", {
-      x1: "0",
-      y1: "5",
-      x2: "10",
-      y2: "5",
-      stroke: color,
-      strokeWidth: style.strokeWidth
-    }) : jsx("rect", {
-      fill: color,
-      width: 10,
-      height: 10,
-      rx: "2"
-    })
-  });
-};
-var LegendItemSquare = function LegendItemSquare(_ref2) {
-  var color = _ref2.color;
-  return jsx("svg", {
-    width: 8,
-    height: 8,
-    style: {
-      display: 'block'
-    },
-    children: jsx("rect", {
-      fill: color,
-      width: 8,
-      height: 8,
-      rx: "2"
-    })
-  });
-};
-var LegendItemTriangle = function LegendItemTriangle(_ref3) {
-  var color = _ref3.color;
-  return jsx("svg", {
-    width: 8,
-    height: 8,
-    style: {
-      display: 'block',
-      borderRadius: 1
-    },
-    children: jsx("polygon", {
-      points: "0,0 10,10 0,10",
-      fill: color
-    })
-  });
-};
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__$5() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var MIN_TOOLTIP_WIDTH = 180;
-var TOOLTIP_OFFSET = 20;
-var SCROLLBAR_WIDTH = 40;
-var Tooltip$1 = function Tooltip(_ref) {
-  var _tooltipData$xKey$for, _tooltipData$xKey;
-  var keys = _ref.keys,
-    showRoundedTotal = _ref.showRoundedTotal,
-    tooltipData = _ref.tooltipData,
-    tooltipLeft = _ref.tooltipLeft,
-    tooltipTop = _ref.tooltipTop,
-    xKey = _ref.xKey,
-    yKeys = _ref.yKeys,
-    theme = _ref.theme,
-    items = _ref.items,
-    _ref$shouldShowColorL = _ref.shouldShowColorLegend,
-    shouldShowColorLegend = _ref$shouldShowColorL === void 0 ? true : _ref$shouldShowColorL;
-  var tooltipRef = useRef(null);
-  var _useState = useState({
-      left: tooltipLeft
-    }),
-    position = _useState[0],
-    setPosition = _useState[1];
-  useEffect(function () {
-    var adjustTooltipPosition = function adjustTooltipPosition() {
-      var tooltipElement = tooltipRef.current;
-      if (tooltipElement) {
-        var screenWidth = window.innerWidth;
-        var rect = tooltipElement.getBoundingClientRect();
-        var width = rect.width;
-        if (width < MIN_TOOLTIP_WIDTH) {
-          width = MIN_TOOLTIP_WIDTH;
-        }
-        var left = tooltipLeft + TOOLTIP_OFFSET;
-        if (tooltipLeft + width > screenWidth - SCROLLBAR_WIDTH) {
-          left = tooltipLeft - width - TOOLTIP_OFFSET;
-        }
-        setPosition({
-          left: left
-        });
-      }
-    };
-    adjustTooltipPosition();
-  }, [tooltipLeft]);
-  return /*#__PURE__*/createPortal(jsx("div", {
-    ref: tooltipRef,
-    style: _extends({
-      position: 'absolute',
-      left: position.left,
-      top: tooltipTop,
-      zIndex: 2147483647 * 10
-    }, theme),
-    children: jsxs("div", {
-      style: {
-        wordBreak: 'break-all'
-      },
-      children: [jsx("div", {
-        className: /*#__PURE__*/css$1({
-          fontFamily: 'inherit',
-          lineHeight: 'inherit',
-          letterSpacing: 'inherit',
-          fontWeight: 'bold',
-          fontSize: '15px',
-          width: '100%',
-          minWidth: MIN_TOOLTIP_WIDTH
-        }, process.env.NODE_ENV === "production" ? "" : ";label:Tooltip;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZGcUIiLCJmaWxlIjoiVG9vbHRpcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ1NTUHJvcGVydGllcywgRnJhZ21lbnQsIHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNyZWF0ZVBvcnRhbCB9IGZyb20gJ3JlYWN0LWRvbSc7XG5cbmltcG9ydCB7IGdldENvbG9yIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgTGVnZW5kSXRlbUJveCB9IGZyb20gJy4uL0xlZ2VuZC9MZWdlbmRJdGVtQm94JztcbmltcG9ydCB7IFNoYXBlRGVmaW5pdGlvbiwgQ29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZSwgRGF0YUl0ZW0sIEtleSB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvQ2hhcnRzVjIvdHlwZXMnO1xuaW1wb3J0IHsgTGluZVN0eWxlcyB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvTGluZUNoYXJ0VjIvdHlwZXMnO1xuaW1wb3J0IHsgQmFyU3R5bGVzIH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9CYXJDaGFydFYyL3R5cGVzJztcbmltcG9ydCB7IEFyZWFTdHlsZXMgfSBmcm9tICdzaGFyZWQtbG9naWMvc3JjL0FyZWFDaGFydFYyL3R5cGVzJztcbmltcG9ydCB7IEJ1YmJsZVN0eWxlcyB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvQnViYmxlQ2hhcnRWMi90eXBlcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jc3MnO1xuXG5jb25zdCBNSU5fVE9PTFRJUF9XSURUSCA9IDE4MDtcbmNvbnN0IFRPT0xUSVBfT0ZGU0VUID0gMjA7XG5jb25zdCBTQ1JPTExCQVJfV0lEVEggPSA0MDtcblxuaW50ZXJmYWNlIFRvb2x0aXBQcm9wczxUPiB7XG4gIGtleXM6IHsgW2tleTogc3RyaW5nXTogS2V5IH07XG4gIHNob3dSb3VuZGVkVG90YWw6IGJvb2xlYW47XG4gIHRvb2x0aXBEYXRhOiB7XG4gICAgW2tleUlkOiBzdHJpbmddOiBEYXRhSXRlbTtcbiAgfTtcbiAgdG9vbHRpcExlZnQ6IG51bWJlcjtcbiAgdG9vbHRpcFRvcDogbnVtYmVyO1xuICB4S2V5OiBzdHJpbmc7XG4gIHlLZXlzPzogc3RyaW5nW107XG4gIGl0ZW1zOiB7XG4gICAgbGVnZW5kSXRlbXM6IEFycmF5PFNoYXBlRGVmaW5pdGlvbjxUPj47XG4gICAgY29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZXM6IEFycmF5PENvbmRpdGlvbmFsRm9ybWF0dGluZ1J1bGU+O1xuICAgIHZpc2libGVZS2V5czogc3RyaW5nW107XG4gIH1bXTtcbiAgdGhlbWU6IENTU1Byb3BlcnRpZXM7XG4gIHNob3VsZFNob3dDb2xvckxlZ2VuZD86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBUb29sdGlwID0gKHtcbiAga2V5cyxcbiAgc2hvd1JvdW5kZWRUb3RhbCxcbiAgdG9vbHRpcERhdGEsXG4gIHRvb2x0aXBMZWZ0LFxuICB0b29sdGlwVG9wLFxuICB4S2V5LFxuICB5S2V5cyxcbiAgdGhlbWUsXG4gIGl0ZW1zLFxuICBzaG91bGRTaG93Q29sb3JMZWdlbmQgPSB0cnVlLFxufTogVG9vbHRpcFByb3BzPExpbmVTdHlsZXMgfCBCYXJTdHlsZXMgfCBBcmVhU3R5bGVzIHwgQnViYmxlU3R5bGVzPikgPT4ge1xuICBjb25zdCB0b29sdGlwUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgY29uc3QgW3Bvc2l0aW9uLCBzZXRQb3NpdGlvbl0gPSB1c2VTdGF0ZTx7IGxlZnQ6IG51bWJlciB9Pih7XG4gICAgbGVmdDogdG9vbHRpcExlZnQsXG4gIH0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgYWRqdXN0VG9vbHRpcFBvc2l0aW9uID0gKCkgPT4ge1xuICAgICAgY29uc3QgdG9vbHRpcEVsZW1lbnQgPSB0b29sdGlwUmVmLmN1cnJlbnQ7XG5cbiAgICAgIGlmICh0b29sdGlwRWxlbWVudCkge1xuICAgICAgICBjb25zdCBzY3JlZW5XaWR0aCA9IHdpbmRvdy5pbm5lcldpZHRoO1xuXG4gICAgICAgIGNvbnN0IHJlY3QgPSB0b29sdGlwRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcblxuICAgICAgICBsZXQgd2lkdGggPSByZWN0LndpZHRoO1xuXG4gICAgICAgIGlmICh3aWR0aCA8IE1JTl9UT09MVElQX1dJRFRIKSB7XG4gICAgICAgICAgd2lkdGggPSBNSU5fVE9PTFRJUF9XSURUSDtcbiAgICAgICAgfVxuXG4gICAgICAgIGxldCBsZWZ0ID0gdG9vbHRpcExlZnQgKyBUT09MVElQX09GRlNFVDtcblxuICAgICAgICBpZiAodG9vbHRpcExlZnQgKyB3aWR0aCA+IHNjcmVlbldpZHRoIC0gU0NST0xMQkFSX1dJRFRIKSB7XG4gICAgICAgICAgbGVmdCA9IHRvb2x0aXBMZWZ0IC0gd2lkdGggLSBUT09MVElQX09GRlNFVDtcbiAgICAgICAgfVxuXG4gICAgICAgIHNldFBvc2l0aW9uKHsgbGVmdCB9KTtcbiAgICAgIH1cbiAgICB9O1xuXG4gICAgYWRqdXN0VG9vbHRpcFBvc2l0aW9uKCk7XG4gIH0sIFt0b29sdGlwTGVmdF0pO1xuXG4gIHJldHVybiBjcmVhdGVQb3J0YWwoXG4gICAgPGRpdlxuICAgICAgcmVmPXt0b29sdGlwUmVmfVxuICAgICAgc3R5bGU9e3tcbiAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgIGxlZnQ6IHBvc2l0aW9uLmxlZnQsXG4gICAgICAgIHRvcDogdG9vbHRpcFRvcCxcbiAgICAgICAgekluZGV4OiAyMTQ3NDgzNjQ3ICogMTAsXG4gICAgICAgIC4uLnRoZW1lLFxuICAgICAgfX1cbiAgICA+XG4gICAgICA8ZGl2IHN0eWxlPXt7IHdvcmRCcmVhazogJ2JyZWFrLWFsbCcgfX0+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjbGFzc05hbWU9e2Nzcyh7XG4gICAgICAgICAgICBmb250RmFtaWx5OiAnaW5oZXJpdCcsXG4gICAgICAgICAgICBsaW5lSGVpZ2h0OiAnaW5oZXJpdCcsXG4gICAgICAgICAgICBsZXR0ZXJTcGFjaW5nOiAnaW5oZXJpdCcsXG4gICAgICAgICAgICBmb250V2VpZ2h0OiAnYm9sZCcsXG4gICAgICAgICAgICBmb250U2l6ZTogJzE1cHgnLFxuICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICAgICAgIG1pbldpZHRoOiBNSU5fVE9PTFRJUF9XSURUSCxcbiAgICAgICAgICB9KX1cbiAgICAgICAgPlxuICAgICAgICAgIHt0b29sdGlwRGF0YVt4S2V5XT8uZm9ybWF0dGVkVmFsdWUgPz8gdG9vbHRpcERhdGFbeEtleV0udmFsdWV9XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8dGFibGVcbiAgICAgICAgICBjZWxsUGFkZGluZz17MH1cbiAgICAgICAgICBjZWxsU3BhY2luZz17MH1cbiAgICAgICAgICBjbGFzc05hbWU9e2Nzcyh7XG4gICAgICAgICAgICBtYXJnaW46ICcwJyxcbiAgICAgICAgICAgIGJvcmRlclNwYWNpbmc6ICcwJyxcbiAgICAgICAgICAgIGJvcmRlckNvbGxhcHNlOiAnaW5oZXJpdCcsXG4gICAgICAgICAgICBib3JkZXI6ICdub25lJyxcbiAgICAgICAgICB9KX1cbiAgICAgICAgPlxuICAgICAgICAgIDx0Ym9keT5cbiAgICAgICAgICAgIHtpdGVtcy5tYXAoKGl0ZW0sIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgPEZyYWdtZW50IGtleT17aW5kZXh9PlxuICAgICAgICAgICAgICAgICAge2l0ZW0ubGVnZW5kSXRlbXM/Lm1hcCgobGVnZW5kSXRlbSwgaW5kZXgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgaWYgKCF0b29sdGlwRGF0YVtsZWdlbmRJdGVtLnlLZXldIHx8IHRvb2x0aXBEYXRhW2xlZ2VuZEl0ZW0ueUtleV0udmFsdWUgPT09IG51bGwpIHtcbiAgICAgICAgICAgICAgICAgICAgICAvLyB5S2V5IGNvdWxkIG5vdCBiZSBmb3VuZCBpbiB0b29sdGlwRGF0YVxuICAgICAgICAgICAgICAgICAgICAgIHJldHVybiBudWxsO1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgICAgaXRlbS52aXNpYmxlWUtleXM/LmluY2x1ZGVzKGxlZ2VuZEl0ZW0ueUtleSkgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgPHRyIGtleT17YCR7bGVnZW5kSXRlbS55S2V5fS0ke2luZGV4fS0ke3Rvb2x0aXBEYXRhW2xlZ2VuZEl0ZW0ueUtleV0udmFsdWV9YH0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgIHtzaG91bGRTaG93Q29sb3JMZWdlbmQgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0ZFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmVydGljYWxBbGlnbjogJ21pZGRsZScsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmc6IGluZGV4ID09PSAwID8gJzEycHggOHB4IDAgMCcgOiAnOHB4IDhweCAwIDAnLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogJ2F1dG8nLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8TGVnZW5kSXRlbUJveFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb2xvcj17Z2V0Q29sb3Ioe1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRlZmF1bHRDb2xvcjogbGVnZW5kSXRlbS5jb2xvcixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZTogdG9vbHRpcERhdGFbbGVnZW5kSXRlbS55S2V5XS52YWx1ZSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB5S2V5OiBsZWdlbmRJdGVtLnlLZXksXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZXM6IGl0ZW0uY29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZXMgPz8gW10sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17bGVnZW5kSXRlbS5zdHlsZSBhcyBMaW5lU3R5bGVzfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB5S2V5PXtsZWdlbmRJdGVtLnlLZXl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgIDx0ZCBzdHlsZT17eyBwYWRkaW5nOiAnOHB4IDAgMCAwJyB9fT57a2V5c1tsZWdlbmRJdGVtLnlLZXldLmtleUZvcm1hdHRlZH08L3RkPlxuICAgICAgICAgICAgICAgICAgICAgICAgICA8dGQgc3R5bGU9e3sgZm9udFdlaWdodDogJ2JvbGQnLCBwYWRkaW5nOiAnOHB4IDAgMCAxNnB4JyB9fT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7dG9vbHRpcERhdGFbbGVnZW5kSXRlbS55S2V5XS5mb3JtYXR0ZWRWYWx1ZVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPyB0b29sdGlwRGF0YVtsZWdlbmRJdGVtLnlLZXldLmZvcm1hdHRlZFZhbHVlXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICA6IHRvb2x0aXBEYXRhW2xlZ2VuZEl0ZW0ueUtleV0udmFsdWV9XG4gICAgICAgICAgICAgICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L3RyPlxuICAgICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICAgIDwvRnJhZ21lbnQ+XG4gICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9KX1cblxuICAgICAgICAgICAge3Nob3dSb3VuZGVkVG90YWwgJiYgeUtleXMgJiYgKFxuICAgICAgICAgICAgICA8dHI+XG4gICAgICAgICAgICAgICAgPHRkIGNvbFNwYW49ezJ9IHN0eWxlPXt7IHBhZGRpbmc6ICcxMnB4IDAgMCAwJyB9fT5cbiAgICAgICAgICAgICAgICAgIFJvdW5kZWQgVG90YWxcbiAgICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICAgIDx0ZCBzdHlsZT17eyBmb250V2VpZ2h0OiAnYm9sZCcsIHBhZGRpbmc6ICcxMnB4IDAgMCAxNnB4JyB9fT5cbiAgICAgICAgICAgICAgICAgIHt5S2V5cy5yZWR1Y2UoKHRvdGFsLCBrZXkpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIHRvdGFsICsgTWF0aC5yb3VuZCh0b29sdGlwRGF0YVtrZXldLnZhbHVlIGFzIG51bWJlcik7XG4gICAgICAgICAgICAgICAgICB9LCAwKX1cbiAgICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICA8L3RyPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L3Rib2R5PlxuICAgICAgICA8L3RhYmxlPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+LFxuICAgIGRvY3VtZW50LmJvZHksXG4gICk7XG59O1xuIl19 */"),
-        children: (_tooltipData$xKey$for = (_tooltipData$xKey = tooltipData[xKey]) == null ? void 0 : _tooltipData$xKey.formattedValue) != null ? _tooltipData$xKey$for : tooltipData[xKey].value
-      }), jsx("table", {
-        cellPadding: 0,
-        cellSpacing: 0,
-        className: /*#__PURE__*/css$1(process.env.NODE_ENV === "production" ? {
-          name: "x8luwd",
-          styles: "margin:0;border-spacing:0;border-collapse:inherit;border:none"
-        } : {
-          name: "9a1sa-Tooltip",
-          styles: "margin:0;border-spacing:0;border-collapse:inherit;border:none;label:Tooltip;",
-          map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRHcUIiLCJmaWxlIjoiVG9vbHRpcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ1NTUHJvcGVydGllcywgRnJhZ21lbnQsIHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNyZWF0ZVBvcnRhbCB9IGZyb20gJ3JlYWN0LWRvbSc7XG5cbmltcG9ydCB7IGdldENvbG9yIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgTGVnZW5kSXRlbUJveCB9IGZyb20gJy4uL0xlZ2VuZC9MZWdlbmRJdGVtQm94JztcbmltcG9ydCB7IFNoYXBlRGVmaW5pdGlvbiwgQ29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZSwgRGF0YUl0ZW0sIEtleSB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvQ2hhcnRzVjIvdHlwZXMnO1xuaW1wb3J0IHsgTGluZVN0eWxlcyB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvTGluZUNoYXJ0VjIvdHlwZXMnO1xuaW1wb3J0IHsgQmFyU3R5bGVzIH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9CYXJDaGFydFYyL3R5cGVzJztcbmltcG9ydCB7IEFyZWFTdHlsZXMgfSBmcm9tICdzaGFyZWQtbG9naWMvc3JjL0FyZWFDaGFydFYyL3R5cGVzJztcbmltcG9ydCB7IEJ1YmJsZVN0eWxlcyB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvQnViYmxlQ2hhcnRWMi90eXBlcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jc3MnO1xuXG5jb25zdCBNSU5fVE9PTFRJUF9XSURUSCA9IDE4MDtcbmNvbnN0IFRPT0xUSVBfT0ZGU0VUID0gMjA7XG5jb25zdCBTQ1JPTExCQVJfV0lEVEggPSA0MDtcblxuaW50ZXJmYWNlIFRvb2x0aXBQcm9wczxUPiB7XG4gIGtleXM6IHsgW2tleTogc3RyaW5nXTogS2V5IH07XG4gIHNob3dSb3VuZGVkVG90YWw6IGJvb2xlYW47XG4gIHRvb2x0aXBEYXRhOiB7XG4gICAgW2tleUlkOiBzdHJpbmddOiBEYXRhSXRlbTtcbiAgfTtcbiAgdG9vbHRpcExlZnQ6IG51bWJlcjtcbiAgdG9vbHRpcFRvcDogbnVtYmVyO1xuICB4S2V5OiBzdHJpbmc7XG4gIHlLZXlzPzogc3RyaW5nW107XG4gIGl0ZW1zOiB7XG4gICAgbGVnZW5kSXRlbXM6IEFycmF5PFNoYXBlRGVmaW5pdGlvbjxUPj47XG4gICAgY29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZXM6IEFycmF5PENvbmRpdGlvbmFsRm9ybWF0dGluZ1J1bGU+O1xuICAgIHZpc2libGVZS2V5czogc3RyaW5nW107XG4gIH1bXTtcbiAgdGhlbWU6IENTU1Byb3BlcnRpZXM7XG4gIHNob3VsZFNob3dDb2xvckxlZ2VuZD86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBUb29sdGlwID0gKHtcbiAga2V5cyxcbiAgc2hvd1JvdW5kZWRUb3RhbCxcbiAgdG9vbHRpcERhdGEsXG4gIHRvb2x0aXBMZWZ0LFxuICB0b29sdGlwVG9wLFxuICB4S2V5LFxuICB5S2V5cyxcbiAgdGhlbWUsXG4gIGl0ZW1zLFxuICBzaG91bGRTaG93Q29sb3JMZWdlbmQgPSB0cnVlLFxufTogVG9vbHRpcFByb3BzPExpbmVTdHlsZXMgfCBCYXJTdHlsZXMgfCBBcmVhU3R5bGVzIHwgQnViYmxlU3R5bGVzPikgPT4ge1xuICBjb25zdCB0b29sdGlwUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgY29uc3QgW3Bvc2l0aW9uLCBzZXRQb3NpdGlvbl0gPSB1c2VTdGF0ZTx7IGxlZnQ6IG51bWJlciB9Pih7XG4gICAgbGVmdDogdG9vbHRpcExlZnQsXG4gIH0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgYWRqdXN0VG9vbHRpcFBvc2l0aW9uID0gKCkgPT4ge1xuICAgICAgY29uc3QgdG9vbHRpcEVsZW1lbnQgPSB0b29sdGlwUmVmLmN1cnJlbnQ7XG5cbiAgICAgIGlmICh0b29sdGlwRWxlbWVudCkge1xuICAgICAgICBjb25zdCBzY3JlZW5XaWR0aCA9IHdpbmRvdy5pbm5lcldpZHRoO1xuXG4gICAgICAgIGNvbnN0IHJlY3QgPSB0b29sdGlwRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcblxuICAgICAgICBsZXQgd2lkdGggPSByZWN0LndpZHRoO1xuXG4gICAgICAgIGlmICh3aWR0aCA8IE1JTl9UT09MVElQX1dJRFRIKSB7XG4gICAgICAgICAgd2lkdGggPSBNSU5fVE9PTFRJUF9XSURUSDtcbiAgICAgICAgfVxuXG4gICAgICAgIGxldCBsZWZ0ID0gdG9vbHRpcExlZnQgKyBUT09MVElQX09GRlNFVDtcblxuICAgICAgICBpZiAodG9vbHRpcExlZnQgKyB3aWR0aCA+IHNjcmVlbldpZHRoIC0gU0NST0xMQkFSX1dJRFRIKSB7XG4gICAgICAgICAgbGVmdCA9IHRvb2x0aXBMZWZ0IC0gd2lkdGggLSBUT09MVElQX09GRlNFVDtcbiAgICAgICAgfVxuXG4gICAgICAgIHNldFBvc2l0aW9uKHsgbGVmdCB9KTtcbiAgICAgIH1cbiAgICB9O1xuXG4gICAgYWRqdXN0VG9vbHRpcFBvc2l0aW9uKCk7XG4gIH0sIFt0b29sdGlwTGVmdF0pO1xuXG4gIHJldHVybiBjcmVhdGVQb3J0YWwoXG4gICAgPGRpdlxuICAgICAgcmVmPXt0b29sdGlwUmVmfVxuICAgICAgc3R5bGU9e3tcbiAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgIGxlZnQ6IHBvc2l0aW9uLmxlZnQsXG4gICAgICAgIHRvcDogdG9vbHRpcFRvcCxcbiAgICAgICAgekluZGV4OiAyMTQ3NDgzNjQ3ICogMTAsXG4gICAgICAgIC4uLnRoZW1lLFxuICAgICAgfX1cbiAgICA+XG4gICAgICA8ZGl2IHN0eWxlPXt7IHdvcmRCcmVhazogJ2JyZWFrLWFsbCcgfX0+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjbGFzc05hbWU9e2Nzcyh7XG4gICAgICAgICAgICBmb250RmFtaWx5OiAnaW5oZXJpdCcsXG4gICAgICAgICAgICBsaW5lSGVpZ2h0OiAnaW5oZXJpdCcsXG4gICAgICAgICAgICBsZXR0ZXJTcGFjaW5nOiAnaW5oZXJpdCcsXG4gICAgICAgICAgICBmb250V2VpZ2h0OiAnYm9sZCcsXG4gICAgICAgICAgICBmb250U2l6ZTogJzE1cHgnLFxuICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICAgICAgIG1pbldpZHRoOiBNSU5fVE9PTFRJUF9XSURUSCxcbiAgICAgICAgICB9KX1cbiAgICAgICAgPlxuICAgICAgICAgIHt0b29sdGlwRGF0YVt4S2V5XT8uZm9ybWF0dGVkVmFsdWUgPz8gdG9vbHRpcERhdGFbeEtleV0udmFsdWV9XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8dGFibGVcbiAgICAgICAgICBjZWxsUGFkZGluZz17MH1cbiAgICAgICAgICBjZWxsU3BhY2luZz17MH1cbiAgICAgICAgICBjbGFzc05hbWU9e2Nzcyh7XG4gICAgICAgICAgICBtYXJnaW46ICcwJyxcbiAgICAgICAgICAgIGJvcmRlclNwYWNpbmc6ICcwJyxcbiAgICAgICAgICAgIGJvcmRlckNvbGxhcHNlOiAnaW5oZXJpdCcsXG4gICAgICAgICAgICBib3JkZXI6ICdub25lJyxcbiAgICAgICAgICB9KX1cbiAgICAgICAgPlxuICAgICAgICAgIDx0Ym9keT5cbiAgICAgICAgICAgIHtpdGVtcy5tYXAoKGl0ZW0sIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgPEZyYWdtZW50IGtleT17aW5kZXh9PlxuICAgICAgICAgICAgICAgICAge2l0ZW0ubGVnZW5kSXRlbXM/Lm1hcCgobGVnZW5kSXRlbSwgaW5kZXgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgaWYgKCF0b29sdGlwRGF0YVtsZWdlbmRJdGVtLnlLZXldIHx8IHRvb2x0aXBEYXRhW2xlZ2VuZEl0ZW0ueUtleV0udmFsdWUgPT09IG51bGwpIHtcbiAgICAgICAgICAgICAgICAgICAgICAvLyB5S2V5IGNvdWxkIG5vdCBiZSBmb3VuZCBpbiB0b29sdGlwRGF0YVxuICAgICAgICAgICAgICAgICAgICAgIHJldHVybiBudWxsO1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgICAgaXRlbS52aXNpYmxlWUtleXM/LmluY2x1ZGVzKGxlZ2VuZEl0ZW0ueUtleSkgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgPHRyIGtleT17YCR7bGVnZW5kSXRlbS55S2V5fS0ke2luZGV4fS0ke3Rvb2x0aXBEYXRhW2xlZ2VuZEl0ZW0ueUtleV0udmFsdWV9YH0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgIHtzaG91bGRTaG93Q29sb3JMZWdlbmQgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0ZFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmVydGljYWxBbGlnbjogJ21pZGRsZScsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmc6IGluZGV4ID09PSAwID8gJzEycHggOHB4IDAgMCcgOiAnOHB4IDhweCAwIDAnLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogJ2F1dG8nLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8TGVnZW5kSXRlbUJveFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb2xvcj17Z2V0Q29sb3Ioe1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRlZmF1bHRDb2xvcjogbGVnZW5kSXRlbS5jb2xvcixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZTogdG9vbHRpcERhdGFbbGVnZW5kSXRlbS55S2V5XS52YWx1ZSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB5S2V5OiBsZWdlbmRJdGVtLnlLZXksXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZXM6IGl0ZW0uY29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZXMgPz8gW10sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17bGVnZW5kSXRlbS5zdHlsZSBhcyBMaW5lU3R5bGVzfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB5S2V5PXtsZWdlbmRJdGVtLnlLZXl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgIDx0ZCBzdHlsZT17eyBwYWRkaW5nOiAnOHB4IDAgMCAwJyB9fT57a2V5c1tsZWdlbmRJdGVtLnlLZXldLmtleUZvcm1hdHRlZH08L3RkPlxuICAgICAgICAgICAgICAgICAgICAgICAgICA8dGQgc3R5bGU9e3sgZm9udFdlaWdodDogJ2JvbGQnLCBwYWRkaW5nOiAnOHB4IDAgMCAxNnB4JyB9fT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7dG9vbHRpcERhdGFbbGVnZW5kSXRlbS55S2V5XS5mb3JtYXR0ZWRWYWx1ZVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPyB0b29sdGlwRGF0YVtsZWdlbmRJdGVtLnlLZXldLmZvcm1hdHRlZFZhbHVlXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICA6IHRvb2x0aXBEYXRhW2xlZ2VuZEl0ZW0ueUtleV0udmFsdWV9XG4gICAgICAgICAgICAgICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L3RyPlxuICAgICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICAgIDwvRnJhZ21lbnQ+XG4gICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9KX1cblxuICAgICAgICAgICAge3Nob3dSb3VuZGVkVG90YWwgJiYgeUtleXMgJiYgKFxuICAgICAgICAgICAgICA8dHI+XG4gICAgICAgICAgICAgICAgPHRkIGNvbFNwYW49ezJ9IHN0eWxlPXt7IHBhZGRpbmc6ICcxMnB4IDAgMCAwJyB9fT5cbiAgICAgICAgICAgICAgICAgIFJvdW5kZWQgVG90YWxcbiAgICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICAgIDx0ZCBzdHlsZT17eyBmb250V2VpZ2h0OiAnYm9sZCcsIHBhZGRpbmc6ICcxMnB4IDAgMCAxNnB4JyB9fT5cbiAgICAgICAgICAgICAgICAgIHt5S2V5cy5yZWR1Y2UoKHRvdGFsLCBrZXkpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIHRvdGFsICsgTWF0aC5yb3VuZCh0b29sdGlwRGF0YVtrZXldLnZhbHVlIGFzIG51bWJlcik7XG4gICAgICAgICAgICAgICAgICB9LCAwKX1cbiAgICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICA8L3RyPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L3Rib2R5PlxuICAgICAgICA8L3RhYmxlPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+LFxuICAgIGRvY3VtZW50LmJvZHksXG4gICk7XG59O1xuIl19 */",
-          toString: _EMOTION_STRINGIFIED_CSS_ERROR__$5
-        }),
-        children: jsxs("tbody", {
-          children: [items.map(function (item, index) {
-            var _item$legendItems;
-            return jsx(Fragment, {
-              children: (_item$legendItems = item.legendItems) == null ? void 0 : _item$legendItems.map(function (legendItem, index) {
-                var _item$visibleYKeys, _item$conditionalForm;
-                if (!tooltipData[legendItem.yKey] || tooltipData[legendItem.yKey].value === null) {
-                  // yKey could not be found in tooltipData
-                  return null;
-                }
-                return ((_item$visibleYKeys = item.visibleYKeys) == null ? void 0 : _item$visibleYKeys.includes(legendItem.yKey)) && jsxs("tr", {
-                  children: [shouldShowColorLegend && jsx("td", {
-                    style: {
-                      verticalAlign: 'middle',
-                      padding: index === 0 ? '12px 8px 0 0' : '8px 8px 0 0',
-                      width: 'auto'
-                    },
-                    children: jsx(LegendItemBox, {
-                      color: getColor({
-                        defaultColor: legendItem.color,
-                        value: tooltipData[legendItem.yKey].value,
-                        yKey: legendItem.yKey,
-                        conditionalFormattingRules: (_item$conditionalForm = item.conditionalFormattingRules) != null ? _item$conditionalForm : []
-                      }),
-                      style: legendItem.style,
-                      yKey: legendItem.yKey
-                    })
-                  }), jsx("td", {
-                    style: {
-                      padding: '8px 0 0 0'
-                    },
-                    children: keys[legendItem.yKey].keyFormatted
-                  }), jsx("td", {
-                    style: {
-                      fontWeight: 'bold',
-                      padding: '8px 0 0 16px'
-                    },
-                    children: tooltipData[legendItem.yKey].formattedValue ? tooltipData[legendItem.yKey].formattedValue : tooltipData[legendItem.yKey].value
-                  })]
-                }, legendItem.yKey + "-" + index + "-" + tooltipData[legendItem.yKey].value);
-              })
-            }, index);
-          }), showRoundedTotal && yKeys && jsxs("tr", {
-            children: [jsx("td", {
-              colSpan: 2,
-              style: {
-                padding: '12px 0 0 0'
-              },
-              children: "Rounded Total"
-            }), jsx("td", {
-              style: {
-                fontWeight: 'bold',
-                padding: '12px 0 0 16px'
-              },
-              children: yKeys.reduce(function (total, key) {
-                return total + Math.round(tooltipData[key].value);
-              }, 0)
-            })]
-          })]
-        })
-      })]
-    })
-  }), document.body);
-};
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__$6() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var LegendItem = function LegendItem(_ref) {
-  var yKey = _ref.yKey,
-    yKeyFormatted = _ref.yKeyFormatted,
-    color = _ref.color,
-    style = _ref.style,
-    onClick = _ref.onClick,
-    visible = _ref.visible,
-    conditionalFormattingRules = _ref.conditionalFormattingRules;
-  var relevantRules = useMemo(function () {
-    return conditionalFormattingRules.filter(function (rule) {
-      return rule.yKey === yKey;
-    });
-  }, [conditionalFormattingRules]);
-  return jsxs("button", {
-    type: "button",
-    style: {
-      all: 'unset',
-      display: 'flex',
-      flexWrap: 'nowrap',
-      alignItems: 'center',
-      outline: 'revert',
-      gap: '4px',
-      padding: '4px',
-      cursor: 'pointer',
-      marginRight: '10px'
-    },
-    onClick: onClick,
-    children: [style.type === 'line' && jsxs("span", {
-      className: /*#__PURE__*/css$1(process.env.NODE_ENV === "production" ? {
-        name: "1mfeugk",
-        styles: "height:10px;display:flex"
-      } : {
-        name: "mefz6m-LegendItem",
-        styles: "height:10px;display:flex;label:LegendItem;",
-        map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlZ2VuZEl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdEeUIiLCJmaWxlIjoiTGVnZW5kSXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IExlZ2VuZEl0ZW1Cb3ggfSBmcm9tICcuLi9MZWdlbmRJdGVtQm94JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2Nzcyc7XG5pbXBvcnQgeyBMZWdlbmRJdGVtU3F1YXJlLCBMZWdlbmRJdGVtVHJpYW5nbGUgfSBmcm9tICcuLi9MZWdlbmRJdGVtQm94L0xlZ2VuZEl0ZW1Cb3gnO1xuaW1wb3J0IHsgU2hhcGVEZWZpbml0aW9uLCBDb25kaXRpb25hbEZvcm1hdHRpbmdSdWxlIH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9DaGFydHNWMi90eXBlcyc7XG5pbXBvcnQgeyBMaW5lU3R5bGVzIH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9MaW5lQ2hhcnRWMi90eXBlcyc7XG5pbXBvcnQgeyBCYXJTdHlsZXMgfSBmcm9tICdzaGFyZWQtbG9naWMvc3JjL0JhckNoYXJ0VjIvdHlwZXMnO1xuaW1wb3J0IHsgQXJlYVN0eWxlcyB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvQXJlYUNoYXJ0VjIvdHlwZXMnO1xuaW1wb3J0IHsgQnViYmxlU3R5bGVzIH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9CdWJibGVDaGFydFYyL3R5cGVzJztcblxuaW50ZXJmYWNlIExlZ2VuZEl0ZW1Qcm9wczxUPiBleHRlbmRzIFNoYXBlRGVmaW5pdGlvbjxUPiB7XG4gIG9uQ2xpY2s6ICgpID0+IHZvaWQ7XG4gIHZpc2libGU6IGJvb2xlYW47XG4gIHlLZXlGb3JtYXR0ZWQ6IHN0cmluZyB8IHVuZGVmaW5lZDtcbiAgY29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZXM6IEFycmF5PENvbmRpdGlvbmFsRm9ybWF0dGluZ1J1bGU+O1xufVxuXG5leHBvcnQgY29uc3QgTGVnZW5kSXRlbSA9ICh7XG4gIHlLZXksXG4gIHlLZXlGb3JtYXR0ZWQsXG4gIGNvbG9yLFxuICBzdHlsZSxcbiAgb25DbGljayxcbiAgdmlzaWJsZSxcbiAgY29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZXMsXG59OiBMZWdlbmRJdGVtUHJvcHM8QmFyU3R5bGVzIHwgTGluZVN0eWxlcyB8IEFyZWFTdHlsZXMgfCBCdWJibGVTdHlsZXM+KSA9PiB7XG4gIGNvbnN0IHJlbGV2YW50UnVsZXMgPSB1c2VNZW1vKCgpID0+IGNvbmRpdGlvbmFsRm9ybWF0dGluZ1J1bGVzLmZpbHRlcihydWxlID0+IHJ1bGUueUtleSA9PT0geUtleSksIFtcbiAgICBjb25kaXRpb25hbEZvcm1hdHRpbmdSdWxlcyxcbiAgXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8YnV0dG9uXG4gICAgICBrZXk9e2BsZWdlbmQtJHt5S2V5fWB9XG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIGFsbDogJ3Vuc2V0JyxcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBmbGV4V3JhcDogJ25vd3JhcCcsXG4gICAgICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgICAgICBvdXRsaW5lOiAncmV2ZXJ0JyxcbiAgICAgICAgZ2FwOiAnNHB4JyxcbiAgICAgICAgcGFkZGluZzogJzRweCcsXG4gICAgICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgICAgICBtYXJnaW5SaWdodDogJzEwcHgnLFxuICAgICAgfX1cbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgPlxuICAgICAge3N0eWxlLnR5cGUgPT09ICdsaW5lJyAmJiAoXG4gICAgICAgIDxzcGFuIGNsYXNzTmFtZT17Y3NzKHsgaGVpZ2h0OiAxMCwgZGlzcGxheTogJ2ZsZXgnIH0pfT5cbiAgICAgICAgICA8TGVnZW5kSXRlbUJveCBjb2xvcj17Y29sb3J9IHN0eWxlPXtzdHlsZSBhcyBMaW5lU3R5bGVzfSB5S2V5PXt5S2V5fSAvPlxuICAgICAgICAgIHtyZWxldmFudFJ1bGVzLmxlbmd0aCA+IDAgJiZcbiAgICAgICAgICAgIHJlbGV2YW50UnVsZXMubWFwKHJ1bGUgPT4gKFxuICAgICAgICAgICAgICA8TGVnZW5kSXRlbUJveFxuICAgICAgICAgICAgICAgIGNvbG9yPXtydWxlLmNvbG9yfVxuICAgICAgICAgICAgICAgIGtleT17YHJ1bGUtJHtKU09OLnN0cmluZ2lmeShydWxlKX1gfVxuICAgICAgICAgICAgICAgIHN0eWxlPXtzdHlsZSBhcyBMaW5lU3R5bGVzfVxuICAgICAgICAgICAgICAgIHlLZXk9e3lLZXl9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgKX1cbiAgICAgIHtzdHlsZS50eXBlID09PSAnYmFyJyAmJiAoXG4gICAgICAgIDxzcGFuIGNsYXNzTmFtZT17Y3NzKHsgZGlzcGxheTogJ2ZsZXgnLCBmbGV4RGlyZWN0aW9uOiAncm93JywgYWxpZ25JdGVtczogJ2NlbnRlcicsIGdhcDogMiB9KX0+XG4gICAgICAgICAgPExlZ2VuZEl0ZW1TcXVhcmUgY29sb3I9e2NvbG9yfSAvPlxuICAgICAgICAgIHtyZWxldmFudFJ1bGVzLmxlbmd0aCA+IDAgJiZcbiAgICAgICAgICAgIHJlbGV2YW50UnVsZXMubWFwKHJ1bGUgPT4gPExlZ2VuZEl0ZW1TcXVhcmUgY29sb3I9e3J1bGUuY29sb3J9IGtleT17YHJ1bGUtJHtKU09OLnN0cmluZ2lmeShydWxlKX1gfSAvPil9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG4gICAgICB7c3R5bGUudHlwZSA9PT0gJ2FyZWEnICYmIChcbiAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtjc3MoeyBkaXNwbGF5OiAnZmxleCcsIGZsZXhEaXJlY3Rpb246ICdyb3cnLCBhbGlnbkl0ZW1zOiAnY2VudGVyJywgZ2FwOiAyIH0pfT5cbiAgICAgICAgICA8TGVnZW5kSXRlbVRyaWFuZ2xlIGNvbG9yPXtjb2xvcn0gLz5cbiAgICAgICAgICB7cmVsZXZhbnRSdWxlcy5sZW5ndGggPiAwICYmXG4gICAgICAgICAgICByZWxldmFudFJ1bGVzLm1hcChydWxlID0+IDxMZWdlbmRJdGVtVHJpYW5nbGUgY29sb3I9e3J1bGUuY29sb3J9IGtleT17YHJ1bGUtJHtKU09OLnN0cmluZ2lmeShydWxlKX1gfSAvPil9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG4gICAgICA8c3BhblxuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIGZvbnRTaXplOiAnMTJweCcsXG4gICAgICAgICAgbGluZUhlaWdodDogJzE2cHgnLFxuICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgdGV4dERlY29yYXRpb246IHZpc2libGUgPyAnbm9uZScgOiAnbGluZS10aHJvdWdoJyxcbiAgICAgICAgICB0ZXh0V3JhcDogJ25vd3JhcCcsXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIHt5S2V5Rm9ybWF0dGVkID8geUtleUZvcm1hdHRlZCA6IHlLZXl9XG4gICAgICA8L3NwYW4+XG4gICAgPC9idXR0b24+XG4gICk7XG59O1xuIl19 */",
-        toString: _EMOTION_STRINGIFIED_CSS_ERROR__$6
-      }),
-      children: [jsx(LegendItemBox, {
-        color: color,
-        style: style,
-        yKey: yKey
-      }), relevantRules.length > 0 && relevantRules.map(function (rule) {
-        return jsx(LegendItemBox, {
-          color: rule.color,
-          style: style,
-          yKey: yKey
-        }, "rule-" + JSON.stringify(rule));
-      })]
-    }), style.type === 'bar' && jsxs("span", {
-      className: /*#__PURE__*/css$1(process.env.NODE_ENV === "production" ? {
-        name: "6b52m3",
-        styles: "display:flex;flex-direction:row;align-items:center;gap:2px"
-      } : {
-        name: "pglbco-LegendItem",
-        styles: "display:flex;flex-direction:row;align-items:center;gap:2px;label:LegendItem;",
-        map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlZ2VuZEl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThEeUIiLCJmaWxlIjoiTGVnZW5kSXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IExlZ2VuZEl0ZW1Cb3ggfSBmcm9tICcuLi9MZWdlbmRJdGVtQm94JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2Nzcyc7XG5pbXBvcnQgeyBMZWdlbmRJdGVtU3F1YXJlLCBMZWdlbmRJdGVtVHJpYW5nbGUgfSBmcm9tICcuLi9MZWdlbmRJdGVtQm94L0xlZ2VuZEl0ZW1Cb3gnO1xuaW1wb3J0IHsgU2hhcGVEZWZpbml0aW9uLCBDb25kaXRpb25hbEZvcm1hdHRpbmdSdWxlIH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9DaGFydHNWMi90eXBlcyc7XG5pbXBvcnQgeyBMaW5lU3R5bGVzIH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9MaW5lQ2hhcnRWMi90eXBlcyc7XG5pbXBvcnQgeyBCYXJTdHlsZXMgfSBmcm9tICdzaGFyZWQtbG9naWMvc3JjL0JhckNoYXJ0VjIvdHlwZXMnO1xuaW1wb3J0IHsgQXJlYVN0eWxlcyB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvQXJlYUNoYXJ0VjIvdHlwZXMnO1xuaW1wb3J0IHsgQnViYmxlU3R5bGVzIH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9CdWJibGVDaGFydFYyL3R5cGVzJztcblxuaW50ZXJmYWNlIExlZ2VuZEl0ZW1Qcm9wczxUPiBleHRlbmRzIFNoYXBlRGVmaW5pdGlvbjxUPiB7XG4gIG9uQ2xpY2s6ICgpID0+IHZvaWQ7XG4gIHZpc2libGU6IGJvb2xlYW47XG4gIHlLZXlGb3JtYXR0ZWQ6IHN0cmluZyB8IHVuZGVmaW5lZDtcbiAgY29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZXM6IEFycmF5PENvbmRpdGlvbmFsRm9ybWF0dGluZ1J1bGU+O1xufVxuXG5leHBvcnQgY29uc3QgTGVnZW5kSXRlbSA9ICh7XG4gIHlLZXksXG4gIHlLZXlGb3JtYXR0ZWQsXG4gIGNvbG9yLFxuICBzdHlsZSxcbiAgb25DbGljayxcbiAgdmlzaWJsZSxcbiAgY29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZXMsXG59OiBMZWdlbmRJdGVtUHJvcHM8QmFyU3R5bGVzIHwgTGluZVN0eWxlcyB8IEFyZWFTdHlsZXMgfCBCdWJibGVTdHlsZXM+KSA9PiB7XG4gIGNvbnN0IHJlbGV2YW50UnVsZXMgPSB1c2VNZW1vKCgpID0+IGNvbmRpdGlvbmFsRm9ybWF0dGluZ1J1bGVzLmZpbHRlcihydWxlID0+IHJ1bGUueUtleSA9PT0geUtleSksIFtcbiAgICBjb25kaXRpb25hbEZvcm1hdHRpbmdSdWxlcyxcbiAgXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8YnV0dG9uXG4gICAgICBrZXk9e2BsZWdlbmQtJHt5S2V5fWB9XG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIGFsbDogJ3Vuc2V0JyxcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBmbGV4V3JhcDogJ25vd3JhcCcsXG4gICAgICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgICAgICBvdXRsaW5lOiAncmV2ZXJ0JyxcbiAgICAgICAgZ2FwOiAnNHB4JyxcbiAgICAgICAgcGFkZGluZzogJzRweCcsXG4gICAgICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgICAgICBtYXJnaW5SaWdodDogJzEwcHgnLFxuICAgICAgfX1cbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgPlxuICAgICAge3N0eWxlLnR5cGUgPT09ICdsaW5lJyAmJiAoXG4gICAgICAgIDxzcGFuIGNsYXNzTmFtZT17Y3NzKHsgaGVpZ2h0OiAxMCwgZGlzcGxheTogJ2ZsZXgnIH0pfT5cbiAgICAgICAgICA8TGVnZW5kSXRlbUJveCBjb2xvcj17Y29sb3J9IHN0eWxlPXtzdHlsZSBhcyBMaW5lU3R5bGVzfSB5S2V5PXt5S2V5fSAvPlxuICAgICAgICAgIHtyZWxldmFudFJ1bGVzLmxlbmd0aCA+IDAgJiZcbiAgICAgICAgICAgIHJlbGV2YW50UnVsZXMubWFwKHJ1bGUgPT4gKFxuICAgICAgICAgICAgICA8TGVnZW5kSXRlbUJveFxuICAgICAgICAgICAgICAgIGNvbG9yPXtydWxlLmNvbG9yfVxuICAgICAgICAgICAgICAgIGtleT17YHJ1bGUtJHtKU09OLnN0cmluZ2lmeShydWxlKX1gfVxuICAgICAgICAgICAgICAgIHN0eWxlPXtzdHlsZSBhcyBMaW5lU3R5bGVzfVxuICAgICAgICAgICAgICAgIHlLZXk9e3lLZXl9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgKX1cbiAgICAgIHtzdHlsZS50eXBlID09PSAnYmFyJyAmJiAoXG4gICAgICAgIDxzcGFuIGNsYXNzTmFtZT17Y3NzKHsgZGlzcGxheTogJ2ZsZXgnLCBmbGV4RGlyZWN0aW9uOiAncm93JywgYWxpZ25JdGVtczogJ2NlbnRlcicsIGdhcDogMiB9KX0+XG4gICAgICAgICAgPExlZ2VuZEl0ZW1TcXVhcmUgY29sb3I9e2NvbG9yfSAvPlxuICAgICAgICAgIHtyZWxldmFudFJ1bGVzLmxlbmd0aCA+IDAgJiZcbiAgICAgICAgICAgIHJlbGV2YW50UnVsZXMubWFwKHJ1bGUgPT4gPExlZ2VuZEl0ZW1TcXVhcmUgY29sb3I9e3J1bGUuY29sb3J9IGtleT17YHJ1bGUtJHtKU09OLnN0cmluZ2lmeShydWxlKX1gfSAvPil9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG4gICAgICB7c3R5bGUudHlwZSA9PT0gJ2FyZWEnICYmIChcbiAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtjc3MoeyBkaXNwbGF5OiAnZmxleCcsIGZsZXhEaXJlY3Rpb246ICdyb3cnLCBhbGlnbkl0ZW1zOiAnY2VudGVyJywgZ2FwOiAyIH0pfT5cbiAgICAgICAgICA8TGVnZW5kSXRlbVRyaWFuZ2xlIGNvbG9yPXtjb2xvcn0gLz5cbiAgICAgICAgICB7cmVsZXZhbnRSdWxlcy5sZW5ndGggPiAwICYmXG4gICAgICAgICAgICByZWxldmFudFJ1bGVzLm1hcChydWxlID0+IDxMZWdlbmRJdGVtVHJpYW5nbGUgY29sb3I9e3J1bGUuY29sb3J9IGtleT17YHJ1bGUtJHtKU09OLnN0cmluZ2lmeShydWxlKX1gfSAvPil9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG4gICAgICA8c3BhblxuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIGZvbnRTaXplOiAnMTJweCcsXG4gICAgICAgICAgbGluZUhlaWdodDogJzE2cHgnLFxuICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgdGV4dERlY29yYXRpb246IHZpc2libGUgPyAnbm9uZScgOiAnbGluZS10aHJvdWdoJyxcbiAgICAgICAgICB0ZXh0V3JhcDogJ25vd3JhcCcsXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIHt5S2V5Rm9ybWF0dGVkID8geUtleUZvcm1hdHRlZCA6IHlLZXl9XG4gICAgICA8L3NwYW4+XG4gICAgPC9idXR0b24+XG4gICk7XG59O1xuIl19 */",
-        toString: _EMOTION_STRINGIFIED_CSS_ERROR__$6
-      }),
-      children: [jsx(LegendItemSquare, {
-        color: color
-      }), relevantRules.length > 0 && relevantRules.map(function (rule) {
-        return jsx(LegendItemSquare, {
-          color: rule.color
-        }, "rule-" + JSON.stringify(rule));
-      })]
-    }), style.type === 'area' && jsxs("span", {
-      className: /*#__PURE__*/css$1(process.env.NODE_ENV === "production" ? {
-        name: "6b52m3",
-        styles: "display:flex;flex-direction:row;align-items:center;gap:2px"
-      } : {
-        name: "pglbco-LegendItem",
-        styles: "display:flex;flex-direction:row;align-items:center;gap:2px;label:LegendItem;",
-        map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlZ2VuZEl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFFeUIiLCJmaWxlIjoiTGVnZW5kSXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IExlZ2VuZEl0ZW1Cb3ggfSBmcm9tICcuLi9MZWdlbmRJdGVtQm94JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2Nzcyc7XG5pbXBvcnQgeyBMZWdlbmRJdGVtU3F1YXJlLCBMZWdlbmRJdGVtVHJpYW5nbGUgfSBmcm9tICcuLi9MZWdlbmRJdGVtQm94L0xlZ2VuZEl0ZW1Cb3gnO1xuaW1wb3J0IHsgU2hhcGVEZWZpbml0aW9uLCBDb25kaXRpb25hbEZvcm1hdHRpbmdSdWxlIH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9DaGFydHNWMi90eXBlcyc7XG5pbXBvcnQgeyBMaW5lU3R5bGVzIH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9MaW5lQ2hhcnRWMi90eXBlcyc7XG5pbXBvcnQgeyBCYXJTdHlsZXMgfSBmcm9tICdzaGFyZWQtbG9naWMvc3JjL0JhckNoYXJ0VjIvdHlwZXMnO1xuaW1wb3J0IHsgQXJlYVN0eWxlcyB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvQXJlYUNoYXJ0VjIvdHlwZXMnO1xuaW1wb3J0IHsgQnViYmxlU3R5bGVzIH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9CdWJibGVDaGFydFYyL3R5cGVzJztcblxuaW50ZXJmYWNlIExlZ2VuZEl0ZW1Qcm9wczxUPiBleHRlbmRzIFNoYXBlRGVmaW5pdGlvbjxUPiB7XG4gIG9uQ2xpY2s6ICgpID0+IHZvaWQ7XG4gIHZpc2libGU6IGJvb2xlYW47XG4gIHlLZXlGb3JtYXR0ZWQ6IHN0cmluZyB8IHVuZGVmaW5lZDtcbiAgY29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZXM6IEFycmF5PENvbmRpdGlvbmFsRm9ybWF0dGluZ1J1bGU+O1xufVxuXG5leHBvcnQgY29uc3QgTGVnZW5kSXRlbSA9ICh7XG4gIHlLZXksXG4gIHlLZXlGb3JtYXR0ZWQsXG4gIGNvbG9yLFxuICBzdHlsZSxcbiAgb25DbGljayxcbiAgdmlzaWJsZSxcbiAgY29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZXMsXG59OiBMZWdlbmRJdGVtUHJvcHM8QmFyU3R5bGVzIHwgTGluZVN0eWxlcyB8IEFyZWFTdHlsZXMgfCBCdWJibGVTdHlsZXM+KSA9PiB7XG4gIGNvbnN0IHJlbGV2YW50UnVsZXMgPSB1c2VNZW1vKCgpID0+IGNvbmRpdGlvbmFsRm9ybWF0dGluZ1J1bGVzLmZpbHRlcihydWxlID0+IHJ1bGUueUtleSA9PT0geUtleSksIFtcbiAgICBjb25kaXRpb25hbEZvcm1hdHRpbmdSdWxlcyxcbiAgXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8YnV0dG9uXG4gICAgICBrZXk9e2BsZWdlbmQtJHt5S2V5fWB9XG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIGFsbDogJ3Vuc2V0JyxcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBmbGV4V3JhcDogJ25vd3JhcCcsXG4gICAgICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgICAgICBvdXRsaW5lOiAncmV2ZXJ0JyxcbiAgICAgICAgZ2FwOiAnNHB4JyxcbiAgICAgICAgcGFkZGluZzogJzRweCcsXG4gICAgICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgICAgICBtYXJnaW5SaWdodDogJzEwcHgnLFxuICAgICAgfX1cbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgPlxuICAgICAge3N0eWxlLnR5cGUgPT09ICdsaW5lJyAmJiAoXG4gICAgICAgIDxzcGFuIGNsYXNzTmFtZT17Y3NzKHsgaGVpZ2h0OiAxMCwgZGlzcGxheTogJ2ZsZXgnIH0pfT5cbiAgICAgICAgICA8TGVnZW5kSXRlbUJveCBjb2xvcj17Y29sb3J9IHN0eWxlPXtzdHlsZSBhcyBMaW5lU3R5bGVzfSB5S2V5PXt5S2V5fSAvPlxuICAgICAgICAgIHtyZWxldmFudFJ1bGVzLmxlbmd0aCA+IDAgJiZcbiAgICAgICAgICAgIHJlbGV2YW50UnVsZXMubWFwKHJ1bGUgPT4gKFxuICAgICAgICAgICAgICA8TGVnZW5kSXRlbUJveFxuICAgICAgICAgICAgICAgIGNvbG9yPXtydWxlLmNvbG9yfVxuICAgICAgICAgICAgICAgIGtleT17YHJ1bGUtJHtKU09OLnN0cmluZ2lmeShydWxlKX1gfVxuICAgICAgICAgICAgICAgIHN0eWxlPXtzdHlsZSBhcyBMaW5lU3R5bGVzfVxuICAgICAgICAgICAgICAgIHlLZXk9e3lLZXl9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgKX1cbiAgICAgIHtzdHlsZS50eXBlID09PSAnYmFyJyAmJiAoXG4gICAgICAgIDxzcGFuIGNsYXNzTmFtZT17Y3NzKHsgZGlzcGxheTogJ2ZsZXgnLCBmbGV4RGlyZWN0aW9uOiAncm93JywgYWxpZ25JdGVtczogJ2NlbnRlcicsIGdhcDogMiB9KX0+XG4gICAgICAgICAgPExlZ2VuZEl0ZW1TcXVhcmUgY29sb3I9e2NvbG9yfSAvPlxuICAgICAgICAgIHtyZWxldmFudFJ1bGVzLmxlbmd0aCA+IDAgJiZcbiAgICAgICAgICAgIHJlbGV2YW50UnVsZXMubWFwKHJ1bGUgPT4gPExlZ2VuZEl0ZW1TcXVhcmUgY29sb3I9e3J1bGUuY29sb3J9IGtleT17YHJ1bGUtJHtKU09OLnN0cmluZ2lmeShydWxlKX1gfSAvPil9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG4gICAgICB7c3R5bGUudHlwZSA9PT0gJ2FyZWEnICYmIChcbiAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtjc3MoeyBkaXNwbGF5OiAnZmxleCcsIGZsZXhEaXJlY3Rpb246ICdyb3cnLCBhbGlnbkl0ZW1zOiAnY2VudGVyJywgZ2FwOiAyIH0pfT5cbiAgICAgICAgICA8TGVnZW5kSXRlbVRyaWFuZ2xlIGNvbG9yPXtjb2xvcn0gLz5cbiAgICAgICAgICB7cmVsZXZhbnRSdWxlcy5sZW5ndGggPiAwICYmXG4gICAgICAgICAgICByZWxldmFudFJ1bGVzLm1hcChydWxlID0+IDxMZWdlbmRJdGVtVHJpYW5nbGUgY29sb3I9e3J1bGUuY29sb3J9IGtleT17YHJ1bGUtJHtKU09OLnN0cmluZ2lmeShydWxlKX1gfSAvPil9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG4gICAgICA8c3BhblxuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIGZvbnRTaXplOiAnMTJweCcsXG4gICAgICAgICAgbGluZUhlaWdodDogJzE2cHgnLFxuICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgdGV4dERlY29yYXRpb246IHZpc2libGUgPyAnbm9uZScgOiAnbGluZS10aHJvdWdoJyxcbiAgICAgICAgICB0ZXh0V3JhcDogJ25vd3JhcCcsXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIHt5S2V5Rm9ybWF0dGVkID8geUtleUZvcm1hdHRlZCA6IHlLZXl9XG4gICAgICA8L3NwYW4+XG4gICAgPC9idXR0b24+XG4gICk7XG59O1xuIl19 */",
-        toString: _EMOTION_STRINGIFIED_CSS_ERROR__$6
-      }),
-      children: [jsx(LegendItemTriangle, {
-        color: color
-      }), relevantRules.length > 0 && relevantRules.map(function (rule) {
-        return jsx(LegendItemTriangle, {
-          color: rule.color
-        }, "rule-" + JSON.stringify(rule));
-      })]
-    }), jsx("span", {
-      style: {
-        fontSize: '12px',
-        lineHeight: '16px',
-        display: 'block',
-        textDecoration: visible ? 'none' : 'line-through',
-        textWrap: 'nowrap'
-      },
-      children: yKeyFormatted ? yKeyFormatted : yKey
-    })]
-  }, "legend-" + yKey);
-};
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__$7() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var Legend$1 = function Legend(_ref) {
-  var keys = _ref.keys,
-    setVisibleYKeys = _ref.setVisibleYKeys,
-    marginLeft = _ref.marginLeft,
-    items = _ref.items;
-  var handleOnClick = function handleOnClick(item, legendItem) {
-    setVisibleYKeys && setVisibleYKeys(function (prev) {
-      var newVisibleLegendItems = [];
-      if (prev.length === item.legendItems.length) {
-        newVisibleLegendItems = [legendItem.yKey];
-      } else {
-        if (prev.includes(legendItem.yKey)) {
-          newVisibleLegendItems = prev.filter(function (prevLegendItemId) {
-            return prevLegendItemId !== legendItem.yKey;
-          });
-        } else {
-          newVisibleLegendItems = [].concat(prev, [legendItem.yKey]);
-        }
-      }
-      return newVisibleLegendItems.length === 0 ? item.legendItems.map(function (legendItem) {
-        return legendItem.yKey;
-      }) : newVisibleLegendItems;
-    });
-  };
-  return jsx("div", {
-    className: /*#__PURE__*/css$1(process.env.NODE_ENV === "production" ? {
-      name: "1nbollx",
-      styles: "height:40px;padding-top:8px"
-    } : {
-      name: "qz6h7j-Legend",
-      styles: "height:40px;padding-top:8px;label:Legend;",
-      map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlZ2VuZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0RvQiIsImZpbGUiOiJMZWdlbmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZyYWdtZW50IH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBMZWdlbmRJdGVtIH0gZnJvbSAnLi9MZWdlbmRJdGVtJztcbmltcG9ydCB7IFNoYXBlRGVmaW5pdGlvbiwgQ29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZSwgS2V5IH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9DaGFydHNWMi90eXBlcyc7XG5pbXBvcnQgeyBTY3JvbGxiYXIgfSBmcm9tICcuLi8uLi8uLi9TY3JvbGxiYXIvU2Nyb2xsYmFyJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2Nzcyc7XG5pbXBvcnQgeyBCYXJTdHlsZXMgfSBmcm9tICdzaGFyZWQtbG9naWMvc3JjL0JhckNoYXJ0VjIvdHlwZXMnO1xuaW1wb3J0IHsgTGluZVN0eWxlcyB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvTGluZUNoYXJ0VjIvdHlwZXMnO1xuaW1wb3J0IHsgQXJlYVN0eWxlcyB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvQXJlYUNoYXJ0VjIvdHlwZXMnO1xuaW1wb3J0IHsgQnViYmxlU3R5bGVzIH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9CdWJibGVDaGFydFYyL3R5cGVzJztcblxudHlwZSBJdGVtPFQ+ID0ge1xuICBsZWdlbmRJdGVtczogQXJyYXk8U2hhcGVEZWZpbml0aW9uPFQ+PjtcbiAgdmlzaWJsZVlLZXlzOiBBcnJheTxzdHJpbmc+O1xuICBjb25kaXRpb25hbEZvcm1hdHRpbmdSdWxlczogQXJyYXk8Q29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZT47XG59O1xuZXhwb3J0IHR5cGUgTGVnZW5kUHJvcHM8VD4gPSB7XG4gIHNldFZpc2libGVZS2V5cz86IFJlYWN0LkRpc3BhdGNoPFJlYWN0LlNldFN0YXRlQWN0aW9uPEFycmF5PHN0cmluZz4+PjtcbiAga2V5czogeyBba2V5OiBzdHJpbmddOiBLZXkgfTtcbiAgbWFyZ2luTGVmdDogbnVtYmVyO1xuICBpdGVtczogSXRlbTxUPltdO1xufTtcblxuZXhwb3J0IGNvbnN0IExlZ2VuZCA9ICh7XG4gIGtleXMsXG4gIHNldFZpc2libGVZS2V5cyxcbiAgbWFyZ2luTGVmdCxcbiAgaXRlbXMsXG59OiBMZWdlbmRQcm9wczxCYXJTdHlsZXMgfCBMaW5lU3R5bGVzIHwgQXJlYVN0eWxlcyB8IEJ1YmJsZVN0eWxlcz4pID0+IHtcbiAgY29uc3QgaGFuZGxlT25DbGljayA9IChcbiAgICBpdGVtOiBJdGVtPEJhclN0eWxlcyB8IExpbmVTdHlsZXMgfCBBcmVhU3R5bGVzIHwgQnViYmxlU3R5bGVzPixcbiAgICBsZWdlbmRJdGVtOiBTaGFwZURlZmluaXRpb248QmFyU3R5bGVzIHwgTGluZVN0eWxlcyB8IEFyZWFTdHlsZXMgfCBCdWJibGVTdHlsZXM+XG4gICkgPT4ge1xuICAgIHNldFZpc2libGVZS2V5cyAmJlxuICAgICAgc2V0VmlzaWJsZVlLZXlzKHByZXYgPT4ge1xuICAgICAgICBsZXQgbmV3VmlzaWJsZUxlZ2VuZEl0ZW1zOiBBcnJheTxzdHJpbmc+ID0gW107XG5cbiAgICAgICAgaWYgKHByZXYubGVuZ3RoID09PSBpdGVtLmxlZ2VuZEl0ZW1zLmxlbmd0aCkge1xuICAgICAgICAgIG5ld1Zpc2libGVMZWdlbmRJdGVtcyA9IFtsZWdlbmRJdGVtLnlLZXldO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIGlmIChwcmV2LmluY2x1ZGVzKGxlZ2VuZEl0ZW0ueUtleSkpIHtcbiAgICAgICAgICAgIG5ld1Zpc2libGVMZWdlbmRJdGVtcyA9IHByZXYuZmlsdGVyKHByZXZMZWdlbmRJdGVtSWQgPT4gcHJldkxlZ2VuZEl0ZW1JZCAhPT0gbGVnZW5kSXRlbS55S2V5KTtcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgbmV3VmlzaWJsZUxlZ2VuZEl0ZW1zID0gWy4uLnByZXYsIGxlZ2VuZEl0ZW0ueUtleV07XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIG5ld1Zpc2libGVMZWdlbmRJdGVtcy5sZW5ndGggPT09IDBcbiAgICAgICAgICA/IGl0ZW0ubGVnZW5kSXRlbXMubWFwKGxlZ2VuZEl0ZW0gPT4gbGVnZW5kSXRlbS55S2V5KVxuICAgICAgICAgIDogbmV3VmlzaWJsZUxlZ2VuZEl0ZW1zO1xuICAgICAgfSk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT17Y3NzKHsgaGVpZ2h0OiA0MCwgcGFkZGluZ1RvcDogOCB9KX0+XG4gICAgICA8U2Nyb2xsYmFyXG4gICAgICAgIGNsYXNzTmFtZT17Y3NzKHtcbiAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICAgICAgZmxleERpcmVjdGlvbjogJ3JvdycsXG4gICAgICAgICAgZmxleFdyYXA6ICdub3dyYXAnLFxuICAgICAgICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgICAgICAgIG1hcmdpbkxlZnQ6IG1hcmdpbkxlZnQgPyBgJHttYXJnaW5MZWZ0fXB4YCA6IHVuZGVmaW5lZCxcbiAgICAgICAgfSl9XG4gICAgICAgIHg9e3RydWV9XG4gICAgICA+XG4gICAgICAgIHtpdGVtcy5tYXAoKGl0ZW0sIGluZGV4KSA9PiAoXG4gICAgICAgICAgPEZyYWdtZW50IGtleT17aW5kZXh9PlxuICAgICAgICAgICAge2l0ZW0ubGVnZW5kSXRlbXMubWFwKFxuICAgICAgICAgICAgICBsZWdlbmRJdGVtID0+XG4gICAgICAgICAgICAgICAga2V5c1tsZWdlbmRJdGVtLnlLZXldICYmIChcbiAgICAgICAgICAgICAgICAgIDxMZWdlbmRJdGVtXG4gICAgICAgICAgICAgICAgICAgIHsuLi5sZWdlbmRJdGVtfVxuICAgICAgICAgICAgICAgICAgICBrZXk9e2BsZWdlbmQtJHtsZWdlbmRJdGVtLnlLZXl9YH1cbiAgICAgICAgICAgICAgICAgICAgeUtleUZvcm1hdHRlZD17a2V5c1tsZWdlbmRJdGVtLnlLZXldLmtleUZvcm1hdHRlZH1cbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgIGhhbmRsZU9uQ2xpY2soaXRlbSwgbGVnZW5kSXRlbSk7XG4gICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgIHZpc2libGU9e3NldFZpc2libGVZS2V5cyA/IGl0ZW0udmlzaWJsZVlLZXlzLmluY2x1ZGVzKGxlZ2VuZEl0ZW0ueUtleSkgOiB0cnVlfVxuICAgICAgICAgICAgICAgICAgICBjb25kaXRpb25hbEZvcm1hdHRpbmdSdWxlcz17aXRlbS5jb25kaXRpb25hbEZvcm1hdHRpbmdSdWxlc31cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0ZyYWdtZW50PlxuICAgICAgICApKX1cbiAgICAgIDwvU2Nyb2xsYmFyPlxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */",
-      toString: _EMOTION_STRINGIFIED_CSS_ERROR__$7
-    }),
-    children: jsx(Scrollbar, {
-      className: /*#__PURE__*/css$1({
-        display: 'flex',
-        flexDirection: 'row',
-        flexWrap: 'nowrap',
-        alignItems: 'center',
-        marginLeft: marginLeft ? marginLeft + "px" : undefined
-      }, process.env.NODE_ENV === "production" ? "" : ";label:Legend;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlZ2VuZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0RtQiIsImZpbGUiOiJMZWdlbmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZyYWdtZW50IH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBMZWdlbmRJdGVtIH0gZnJvbSAnLi9MZWdlbmRJdGVtJztcbmltcG9ydCB7IFNoYXBlRGVmaW5pdGlvbiwgQ29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZSwgS2V5IH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9DaGFydHNWMi90eXBlcyc7XG5pbXBvcnQgeyBTY3JvbGxiYXIgfSBmcm9tICcuLi8uLi8uLi9TY3JvbGxiYXIvU2Nyb2xsYmFyJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2Nzcyc7XG5pbXBvcnQgeyBCYXJTdHlsZXMgfSBmcm9tICdzaGFyZWQtbG9naWMvc3JjL0JhckNoYXJ0VjIvdHlwZXMnO1xuaW1wb3J0IHsgTGluZVN0eWxlcyB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvTGluZUNoYXJ0VjIvdHlwZXMnO1xuaW1wb3J0IHsgQXJlYVN0eWxlcyB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvQXJlYUNoYXJ0VjIvdHlwZXMnO1xuaW1wb3J0IHsgQnViYmxlU3R5bGVzIH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9CdWJibGVDaGFydFYyL3R5cGVzJztcblxudHlwZSBJdGVtPFQ+ID0ge1xuICBsZWdlbmRJdGVtczogQXJyYXk8U2hhcGVEZWZpbml0aW9uPFQ+PjtcbiAgdmlzaWJsZVlLZXlzOiBBcnJheTxzdHJpbmc+O1xuICBjb25kaXRpb25hbEZvcm1hdHRpbmdSdWxlczogQXJyYXk8Q29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZT47XG59O1xuZXhwb3J0IHR5cGUgTGVnZW5kUHJvcHM8VD4gPSB7XG4gIHNldFZpc2libGVZS2V5cz86IFJlYWN0LkRpc3BhdGNoPFJlYWN0LlNldFN0YXRlQWN0aW9uPEFycmF5PHN0cmluZz4+PjtcbiAga2V5czogeyBba2V5OiBzdHJpbmddOiBLZXkgfTtcbiAgbWFyZ2luTGVmdDogbnVtYmVyO1xuICBpdGVtczogSXRlbTxUPltdO1xufTtcblxuZXhwb3J0IGNvbnN0IExlZ2VuZCA9ICh7XG4gIGtleXMsXG4gIHNldFZpc2libGVZS2V5cyxcbiAgbWFyZ2luTGVmdCxcbiAgaXRlbXMsXG59OiBMZWdlbmRQcm9wczxCYXJTdHlsZXMgfCBMaW5lU3R5bGVzIHwgQXJlYVN0eWxlcyB8IEJ1YmJsZVN0eWxlcz4pID0+IHtcbiAgY29uc3QgaGFuZGxlT25DbGljayA9IChcbiAgICBpdGVtOiBJdGVtPEJhclN0eWxlcyB8IExpbmVTdHlsZXMgfCBBcmVhU3R5bGVzIHwgQnViYmxlU3R5bGVzPixcbiAgICBsZWdlbmRJdGVtOiBTaGFwZURlZmluaXRpb248QmFyU3R5bGVzIHwgTGluZVN0eWxlcyB8IEFyZWFTdHlsZXMgfCBCdWJibGVTdHlsZXM+XG4gICkgPT4ge1xuICAgIHNldFZpc2libGVZS2V5cyAmJlxuICAgICAgc2V0VmlzaWJsZVlLZXlzKHByZXYgPT4ge1xuICAgICAgICBsZXQgbmV3VmlzaWJsZUxlZ2VuZEl0ZW1zOiBBcnJheTxzdHJpbmc+ID0gW107XG5cbiAgICAgICAgaWYgKHByZXYubGVuZ3RoID09PSBpdGVtLmxlZ2VuZEl0ZW1zLmxlbmd0aCkge1xuICAgICAgICAgIG5ld1Zpc2libGVMZWdlbmRJdGVtcyA9IFtsZWdlbmRJdGVtLnlLZXldO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIGlmIChwcmV2LmluY2x1ZGVzKGxlZ2VuZEl0ZW0ueUtleSkpIHtcbiAgICAgICAgICAgIG5ld1Zpc2libGVMZWdlbmRJdGVtcyA9IHByZXYuZmlsdGVyKHByZXZMZWdlbmRJdGVtSWQgPT4gcHJldkxlZ2VuZEl0ZW1JZCAhPT0gbGVnZW5kSXRlbS55S2V5KTtcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgbmV3VmlzaWJsZUxlZ2VuZEl0ZW1zID0gWy4uLnByZXYsIGxlZ2VuZEl0ZW0ueUtleV07XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIG5ld1Zpc2libGVMZWdlbmRJdGVtcy5sZW5ndGggPT09IDBcbiAgICAgICAgICA/IGl0ZW0ubGVnZW5kSXRlbXMubWFwKGxlZ2VuZEl0ZW0gPT4gbGVnZW5kSXRlbS55S2V5KVxuICAgICAgICAgIDogbmV3VmlzaWJsZUxlZ2VuZEl0ZW1zO1xuICAgICAgfSk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT17Y3NzKHsgaGVpZ2h0OiA0MCwgcGFkZGluZ1RvcDogOCB9KX0+XG4gICAgICA8U2Nyb2xsYmFyXG4gICAgICAgIGNsYXNzTmFtZT17Y3NzKHtcbiAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICAgICAgZmxleERpcmVjdGlvbjogJ3JvdycsXG4gICAgICAgICAgZmxleFdyYXA6ICdub3dyYXAnLFxuICAgICAgICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgICAgICAgIG1hcmdpbkxlZnQ6IG1hcmdpbkxlZnQgPyBgJHttYXJnaW5MZWZ0fXB4YCA6IHVuZGVmaW5lZCxcbiAgICAgICAgfSl9XG4gICAgICAgIHg9e3RydWV9XG4gICAgICA+XG4gICAgICAgIHtpdGVtcy5tYXAoKGl0ZW0sIGluZGV4KSA9PiAoXG4gICAgICAgICAgPEZyYWdtZW50IGtleT17aW5kZXh9PlxuICAgICAgICAgICAge2l0ZW0ubGVnZW5kSXRlbXMubWFwKFxuICAgICAgICAgICAgICBsZWdlbmRJdGVtID0+XG4gICAgICAgICAgICAgICAga2V5c1tsZWdlbmRJdGVtLnlLZXldICYmIChcbiAgICAgICAgICAgICAgICAgIDxMZWdlbmRJdGVtXG4gICAgICAgICAgICAgICAgICAgIHsuLi5sZWdlbmRJdGVtfVxuICAgICAgICAgICAgICAgICAgICBrZXk9e2BsZWdlbmQtJHtsZWdlbmRJdGVtLnlLZXl9YH1cbiAgICAgICAgICAgICAgICAgICAgeUtleUZvcm1hdHRlZD17a2V5c1tsZWdlbmRJdGVtLnlLZXldLmtleUZvcm1hdHRlZH1cbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgIGhhbmRsZU9uQ2xpY2soaXRlbSwgbGVnZW5kSXRlbSk7XG4gICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgIHZpc2libGU9e3NldFZpc2libGVZS2V5cyA/IGl0ZW0udmlzaWJsZVlLZXlzLmluY2x1ZGVzKGxlZ2VuZEl0ZW0ueUtleSkgOiB0cnVlfVxuICAgICAgICAgICAgICAgICAgICBjb25kaXRpb25hbEZvcm1hdHRpbmdSdWxlcz17aXRlbS5jb25kaXRpb25hbEZvcm1hdHRpbmdSdWxlc31cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0ZyYWdtZW50PlxuICAgICAgICApKX1cbiAgICAgIDwvU2Nyb2xsYmFyPlxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */"),
-      x: true,
-      children: items.map(function (item, index) {
-        return jsx(Fragment, {
-          children: item.legendItems.map(function (legendItem) {
-            return keys[legendItem.yKey] && createElement$1(LegendItem, _extends({}, legendItem, {
-              key: "legend-" + legendItem.yKey,
-              yKeyFormatted: keys[legendItem.yKey].keyFormatted,
-              onClick: function onClick() {
-                handleOnClick(item, legendItem);
-              },
-              visible: setVisibleYKeys ? item.visibleYKeys.includes(legendItem.yKey) : true,
-              conditionalFormattingRules: item.conditionalFormattingRules
-            }));
-          })
-        }, index);
-      })
-    })
-  });
-};
-
 var ASSUMED_AVERAGE_CHAR_WIDTH = 7.1;
 
 function calculateWordWidth(word, avgCharWidth) {
@@ -43975,108 +43688,6 @@ var buildMargin = function buildMargin(yTicks, showYAxisLabels, hasYAxisTitle, h
   };
 };
 
-function useFlattenedData(xScaleKey, xScaleDataType, data, yKeys) {
-  return useMemo(function () {
-    if (xScaleKey && xScaleDataType && yKeys.length > 0) {
-      return flattenData({
-        data: data,
-        xScaleKey: xScaleKey,
-        xScaleDataType: xScaleDataType,
-        yKeys: yKeys
-      });
-    } else {
-      return [];
-    }
-  }, [data, xScaleKey, xScaleDataType, yKeys]);
-}
-
-var GoalLine = function GoalLine(_ref) {
-  var goalLine = _ref.goalLine,
-    innerWidth = _ref.innerWidth,
-    y = _ref.y,
-    margin = _ref.margin;
-  var textRef = useRef(null);
-  var _useState = useState(0),
-    labelWidth = _useState[0],
-    setLabelWidth = _useState[1];
-  useEffect(function () {
-    if (textRef.current) {
-      var bbox = textRef.current.getBBox();
-      setLabelWidth(bbox.width + 16);
-    }
-  }, [goalLine.formattedValue]);
-  var height = 16;
-  var triangleWidth = 8;
-  return jsxs("g", {
-    style: {
-      position: 'relative'
-    },
-    children: [jsx(Line$1, {
-      from: {
-        x: margin.left,
-        y: margin.top + y
-      },
-      to: {
-        x: margin.left + innerWidth,
-        y: margin.top + y
-      },
-      stroke: goalLine.color,
-      strokeDasharray: goalLine.strokeStyle == 'dashed' ? goalLine.strokeWidth * 2.5 + "," + goalLine.strokeWidth * 2.5 : undefined,
-      strokeWidth: goalLine.strokeWidth,
-      strokeLinecap: "round",
-      shapeRendering: "smooth"
-    }), jsxs("g", {
-      transform: "translate(" + (margin.left + innerWidth - labelWidth) + "," + (y + margin.top + height / 2) + ")",
-      children: [jsx("path", {
-        d: "M 0,0\n        l " + -triangleWidth + "," + -height / 2 + " \n        l " + triangleWidth + "," + -height / 2 + " \n        h " + labelWidth + " \n        a 3,3 0 0 1 3,3 \n        v " + (height - 6) + " \n        a 3,3 0 0 1 -3,3 \n        h " + -labelWidth + " z",
-        fill: goalLine.color
-      }), jsx("text", {
-        ref: textRef,
-        x: labelWidth / 2,
-        y: -1,
-        dy: -4,
-        textAnchor: "middle",
-        fontFamily: "Arial, sans-serif",
-        fontSize: 9,
-        fill: '#fff',
-        children: goalLine.formattedValue
-      })]
-    })]
-  });
-};
-
-/* 
-  const strokeWidth = 2;
-  const height = 16;
-  const triangleWidth = 8;
-
-
-
-
-
-*/
-
-var shouldUpdate$1 = function shouldUpdate(previousProps, nextProps) {
-  return JSON.stringify(previousProps) == JSON.stringify(nextProps);
-};
-var GoalLines = function GoalLines(_ref) {
-  var goalLines = _ref.goalLines,
-    margin = _ref.margin,
-    y = _ref.y,
-    width = _ref.width;
-  return jsx(Fragment, {
-    children: goalLines.map(function (goalLine) {
-      return jsx(GoalLine, {
-        innerWidth: width,
-        y: y(goalLine.value),
-        goalLine: goalLine,
-        margin: margin
-      }, goalLine.value);
-    })
-  });
-};
-var GoalLines$1 = /*#__PURE__*/memo(GoalLines, shouldUpdate$1);
-
 var AXIS_TITLE_STYLES = {
   textShadow: 'rgba(0, 0, 0, 0.01) 0px 0px 1px',
   opacity: '0.75',
@@ -44199,36 +43810,8 @@ var AxisLeft = function AxisLeft(_ref) {
   });
 };
 
-var GRID_STYLES = {
-  strokeWidth: 2,
-  strokeOpacity: 0.8,
-  strokeLinecap: 'round',
-  strokeDasharray: '0.5 5'
-};
-
-var GridRows = function GridRows(_ref) {
-  var ticks = _ref.ticks,
-    yScale = _ref.yScale,
-    removeStroke = _ref.removeStroke,
-    width = _ref.width,
-    height = _ref.height,
-    themeCSS = _ref.themeCSS;
-  return jsx(GridRows$1, {
-    tickValues: ticks.length > 0 ? ticks : undefined,
-    scale: yScale,
-    width: width,
-    height: height,
-    pointerEvents: "none",
-    strokeDasharray: "0.5 5",
-    strokeWidth: removeStroke ? 0 : 2,
-    lineStyle: _extends({
-      stroke: themeCSS.grid.stroke
-    }, GRID_STYLES)
-  });
-};
-
 var _excluded$g = ["children", "width", "height", "showLegend", "onMouseMove", "onMouseLeave"];
-function _EMOTION_STRINGIFIED_CSS_ERROR__$8() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__$5() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 var ChartWrapper$1 = function ChartWrapper(_ref) {
   var children = _ref.children,
     width = _ref.width,
@@ -44249,75 +43832,169 @@ var ChartWrapper$1 = function ChartWrapper(_ref) {
       name: "fx4tbw-ChartWrapper",
       styles: "display:block;label:ChartWrapper;",
       map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoYXJ0V3JhcHBlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJpQiIsImZpbGUiOiJDaGFydFdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY3NzJztcblxudHlwZSBDaGFydFdyYXBwZXJQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgd2lkdGg6IG51bWJlcjtcbiAgaGVpZ2h0OiBudW1iZXI7XG4gIHNob3dMZWdlbmQ6IGJvb2xlYW47XG4gIG9uTW91c2VNb3ZlPzogUmVhY3QuTW91c2VFdmVudEhhbmRsZXI8U1ZHU1ZHRWxlbWVudD47XG4gIG9uTW91c2VMZWF2ZT86IFJlYWN0Lk1vdXNlRXZlbnRIYW5kbGVyPFNWR1NWR0VsZW1lbnQ+O1xufSAmIFJlYWN0LlNWR1Byb3BzPFNWR1NWR0VsZW1lbnQ+O1xuXG5leHBvcnQgY29uc3QgQ2hhcnRXcmFwcGVyID0gKHtcbiAgY2hpbGRyZW4sXG4gIHdpZHRoLFxuICBoZWlnaHQsXG4gIHNob3dMZWdlbmQsXG4gIG9uTW91c2VNb3ZlLFxuICBvbk1vdXNlTGVhdmUsXG4gIC4uLnN2Z1Byb3BzXG59OiBDaGFydFdyYXBwZXJQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxzdmdcbiAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgIGhlaWdodD17aGVpZ2h0IC0gKHNob3dMZWdlbmQgPyA0MCA6IDApfVxuICAgICAgb25Nb3VzZU1vdmU9e29uTW91c2VNb3ZlfVxuICAgICAgb25Nb3VzZUxlYXZlPXtvbk1vdXNlTGVhdmV9XG4gICAgICBjbGFzc05hbWU9e2Nzcyh7IGRpc3BsYXk6ICdibG9jaycgfSl9XG4gICAgICB7Li4uc3ZnUHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvc3ZnPlxuICApO1xufTtcbiJdfQ== */",
-      toString: _EMOTION_STRINGIFIED_CSS_ERROR__$8
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__$5
     })
   }, svgProps, {
     children: children
   }));
 };
 
-var CrosshairCircle = function CrosshairCircle(_ref) {
-  var dataType = _ref.dataType,
-    yKeys = _ref.yKeys,
-    tooltipData = _ref.tooltipData,
-    xKey = _ref.xKey,
+var DataLabel = function DataLabel(_ref) {
+  var x = _ref.x,
+    y = _ref.y,
+    title = _ref.title,
+    dx = _ref.dx,
+    dy = _ref.dy,
+    color = _ref.color,
+    backgroundColor = _ref.backgroundColor;
+  return jsx(Annotation$1, {
+    x: x,
+    y: y,
+    dx: dx,
+    dy: dy,
+    children: jsx(Label$1, {
+      title: title,
+      showAnchorLine: false,
+      showBackground: false,
+      backgroundFill: backgroundColor,
+      fontColor: color,
+      titleFontSize: 10,
+      verticalAnchor: "middle"
+    })
+  });
+};
+
+var GoalLine = function GoalLine(_ref) {
+  var goalLine = _ref.goalLine,
+    innerWidth = _ref.innerWidth,
+    y = _ref.y,
+    margin = _ref.margin;
+  var textRef = useRef(null);
+  var _useState = useState(0),
+    labelWidth = _useState[0],
+    setLabelWidth = _useState[1];
+  useEffect(function () {
+    if (textRef.current) {
+      var bbox = textRef.current.getBBox();
+      setLabelWidth(bbox.width + 16);
+    }
+  }, [goalLine.formattedValue]);
+  var height = 16;
+  var triangleWidth = 8;
+  return jsxs("g", {
+    style: {
+      position: 'relative'
+    },
+    children: [jsx(Line$1, {
+      from: {
+        x: margin.left,
+        y: margin.top + y
+      },
+      to: {
+        x: margin.left + innerWidth,
+        y: margin.top + y
+      },
+      stroke: goalLine.color,
+      strokeDasharray: goalLine.strokeStyle == 'dashed' ? goalLine.strokeWidth * 2.5 + "," + goalLine.strokeWidth * 2.5 : undefined,
+      strokeWidth: goalLine.strokeWidth,
+      strokeLinecap: "round",
+      shapeRendering: "smooth"
+    }), jsxs("g", {
+      transform: "translate(" + (margin.left + innerWidth - labelWidth) + "," + (y + margin.top + height / 2) + ")",
+      children: [jsx("path", {
+        d: "M 0,0\n        l " + -triangleWidth + "," + -height / 2 + " \n        l " + triangleWidth + "," + -height / 2 + " \n        h " + labelWidth + " \n        a 3,3 0 0 1 3,3 \n        v " + (height - 6) + " \n        a 3,3 0 0 1 -3,3 \n        h " + -labelWidth + " z",
+        fill: goalLine.color
+      }), jsx("text", {
+        ref: textRef,
+        x: labelWidth / 2,
+        y: -1,
+        dy: -4,
+        textAnchor: "middle",
+        fontFamily: "Arial, sans-serif",
+        fontSize: 9,
+        fill: '#fff',
+        children: goalLine.formattedValue
+      })]
+    })]
+  });
+};
+
+/* 
+  const strokeWidth = 2;
+  const height = 16;
+  const triangleWidth = 8;
+
+
+
+
+
+*/
+
+var shouldUpdate$1 = function shouldUpdate(previousProps, nextProps) {
+  return JSON.stringify(previousProps) == JSON.stringify(nextProps);
+};
+var GoalLines = function GoalLines(_ref) {
+  var goalLines = _ref.goalLines,
     margin = _ref.margin,
-    conditionalFormattingRules = _ref.conditionalFormattingRules,
-    legendItems = _ref.legendItems,
-    visibleYKeys = _ref.visibleYKeys,
-    yScale = _ref.yScale,
-    xScale = _ref.xScale;
+    y = _ref.y,
+    width = _ref.width;
   return jsx(Fragment, {
-    children: yKeys.map(function (yKey) {
-      if (!xKey || !tooltipData[yKey] || tooltipData[yKey].value === null) return null;
-      if (tooltipData[xKey] && tooltipData[xKey].value && dataType && visibleYKeys.includes(yKey)) {
-        var xValue = tooltipData[xKey].value;
-        var xValueAdjusted = dataType === 'date_time' ? new Date(xValue) : dataType === 'number' ? Number(xValue) : String(xValue);
-        return jsx("circle", {
-          cx:
-          // @ts-ignore
-          xScale(xValueAdjusted) + margin.left,
-          cy: yScale(yKey) + margin.top,
-          r: 4,
-          fill: getColor({
-            defaultColor: legendItems.filter(function (legendItem) {
-              return legendItem.yKey === yKey;
-            })[0].color,
-            yKey: yKey,
-            value: tooltipData[yKey].value,
-            conditionalFormattingRules: conditionalFormattingRules
-          }),
-          strokeWidth: 2,
-          stroke: "#fff",
-          pointerEvents: "none"
-        }, yKey);
-      } else {
-        return null;
-      }
+    children: goalLines.map(function (goalLine) {
+      return jsx(GoalLine, {
+        innerWidth: width,
+        y: y(goalLine.value),
+        goalLine: goalLine,
+        margin: margin
+      }, goalLine.value);
     })
   });
 };
+var GoalLines$1 = /*#__PURE__*/memo(GoalLines, shouldUpdate$1);
 
-var Line = function Line(_ref) {
-  var margin = _ref.margin,
-    x = _ref.x,
-    height = _ref.height;
-  return jsx(Line$1, {
-    from: {
-      x: x,
-      y: margin.top
-    },
-    to: {
-      x: x,
-      y: height + margin.top
-    },
-    stroke: '#aaa',
-    strokeWidth: 2,
+var LINE_STYLES = {
+  strokeWidth: 2,
+  strokeOpacity: 0.8,
+  strokeLinecap: 'round',
+  strokeDasharray: '0.5 5',
+  stroke: 'rgba(0, 0, 0, 0.1)'
+};
+
+var GridRows = function GridRows(_ref) {
+  var ticks = _ref.ticks,
+    yScale = _ref.yScale,
+    removeStroke = _ref.removeStroke,
+    width = _ref.width,
+    height = _ref.height,
+    themeCSS = _ref.themeCSS;
+  return jsx(GridRows$1, {
+    tickValues: ticks.length > 0 ? ticks : undefined,
+    scale: yScale,
+    width: width,
+    height: height,
     pointerEvents: "none",
-    opacity: 0.8
+    strokeDasharray: "0.5 5",
+    strokeWidth: removeStroke ? 0 : 2,
+    lineStyle: _extends({
+      stroke: themeCSS.grid.stroke
+    }, LINE_STYLES)
   });
 };
 
+function useFlattenedData(xScaleKey, xScaleDataType, data, yKeys) {
+  return useMemo(function () {
+    if (xScaleKey && xScaleDataType && yKeys.length > 0) {
+      return flattenData({
+        data: data,
+        xScaleKey: xScaleKey,
+        xScaleDataType: xScaleDataType,
+        yKeys: yKeys
+      });
+    } else {
+      return [];
+    }
+  }, [data, xScaleKey, xScaleDataType, yKeys]);
+}
+
 var _excluded$h = ["tooltipOpen"];
 function useTooltip$1(initialTooltipState) {
   var _useState = useState(_extends({
@@ -44371,31 +44048,435 @@ function useYScale(innerHeight, scale) {
   }, [innerHeight, scale]);
 }
 
-var DataLabel = function DataLabel(_ref) {
-  var x = _ref.x,
-    y = _ref.y,
-    title = _ref.title,
-    dx = _ref.dx,
-    dy = _ref.dy,
+var LegendItemBox = function LegendItemBox(_ref) {
+  var color = _ref.color,
+    style = _ref.style;
+  return jsx("svg", {
+    width: 10,
+    height: 10,
+    style: {
+      display: 'block'
+    },
+    children: style.type === 'line' ? style.strokeDasharray !== null ? jsx("line", {
+      x1: "0",
+      y1: "5",
+      x2: "10",
+      y2: "5",
+      stroke: color,
+      strokeWidth: style.strokeWidth,
+      strokeDasharray: 2
+    }) : jsx("line", {
+      x1: "0",
+      y1: "5",
+      x2: "10",
+      y2: "5",
+      stroke: color,
+      strokeWidth: style.strokeWidth
+    }) : jsx("rect", {
+      fill: color,
+      width: 10,
+      height: 10,
+      rx: "2"
+    })
+  });
+};
+var LegendItemSquare = function LegendItemSquare(_ref2) {
+  var color = _ref2.color;
+  return jsx("svg", {
+    width: 8,
+    height: 8,
+    style: {
+      display: 'block'
+    },
+    children: jsx("rect", {
+      fill: color,
+      width: 8,
+      height: 8,
+      rx: "2"
+    })
+  });
+};
+var LegendItemTriangle = function LegendItemTriangle(_ref3) {
+  var color = _ref3.color;
+  return jsx("svg", {
+    width: 8,
+    height: 8,
+    style: {
+      display: 'block',
+      borderRadius: 1
+    },
+    children: jsx("polygon", {
+      points: "0,0 10,10 0,10",
+      fill: color
+    })
+  });
+};
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__$6() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var LegendItem = function LegendItem(_ref) {
+  var yKey = _ref.yKey,
+    yKeyFormatted = _ref.yKeyFormatted,
     color = _ref.color,
-    backgroundColor = _ref.backgroundColor;
-  return jsx(Annotation$1, {
-    x: x,
-    y: y,
-    dx: dx,
-    dy: dy,
-    children: jsx(Label$1, {
-      title: title,
-      showAnchorLine: false,
-      showBackground: false,
-      backgroundFill: backgroundColor,
-      fontColor: color,
-      titleFontSize: 10,
-      verticalAnchor: "middle"
+    style = _ref.style,
+    onClick = _ref.onClick,
+    visible = _ref.visible,
+    conditionalFormattingRules = _ref.conditionalFormattingRules;
+  var relevantRules = useMemo(function () {
+    return conditionalFormattingRules.filter(function (rule) {
+      return rule.yKey === yKey;
+    });
+  }, [conditionalFormattingRules]);
+  return jsxs("button", {
+    type: "button",
+    style: {
+      all: 'unset',
+      display: 'flex',
+      flexWrap: 'nowrap',
+      alignItems: 'center',
+      outline: 'revert',
+      gap: '4px',
+      padding: '4px',
+      cursor: 'pointer',
+      marginRight: '10px'
+    },
+    onClick: onClick,
+    children: [style.type === 'line' && jsxs("span", {
+      className: /*#__PURE__*/css$1(process.env.NODE_ENV === "production" ? {
+        name: "1mfeugk",
+        styles: "height:10px;display:flex"
+      } : {
+        name: "mefz6m-LegendItem",
+        styles: "height:10px;display:flex;label:LegendItem;",
+        map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlZ2VuZEl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdEeUIiLCJmaWxlIjoiTGVnZW5kSXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IExlZ2VuZEl0ZW1Cb3ggfSBmcm9tICcuLi9MZWdlbmRJdGVtQm94JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2Nzcyc7XG5pbXBvcnQgeyBMZWdlbmRJdGVtU3F1YXJlLCBMZWdlbmRJdGVtVHJpYW5nbGUgfSBmcm9tICcuLi9MZWdlbmRJdGVtQm94L0xlZ2VuZEl0ZW1Cb3gnO1xuaW1wb3J0IHsgU2hhcGVEZWZpbml0aW9uLCBDb25kaXRpb25hbEZvcm1hdHRpbmdSdWxlIH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9DaGFydHNWMi90eXBlcyc7XG5pbXBvcnQgeyBMaW5lU3R5bGVzIH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9MaW5lQ2hhcnRWMi90eXBlcyc7XG5pbXBvcnQgeyBCYXJTdHlsZXMgfSBmcm9tICdzaGFyZWQtbG9naWMvc3JjL0JhckNoYXJ0VjIvdHlwZXMnO1xuaW1wb3J0IHsgQXJlYVN0eWxlcyB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvQXJlYUNoYXJ0VjIvdHlwZXMnO1xuaW1wb3J0IHsgQnViYmxlU3R5bGVzIH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9CdWJibGVDaGFydFYyL3R5cGVzJztcblxuaW50ZXJmYWNlIExlZ2VuZEl0ZW1Qcm9wczxUPiBleHRlbmRzIFNoYXBlRGVmaW5pdGlvbjxUPiB7XG4gIG9uQ2xpY2s6ICgpID0+IHZvaWQ7XG4gIHZpc2libGU6IGJvb2xlYW47XG4gIHlLZXlGb3JtYXR0ZWQ6IHN0cmluZyB8IHVuZGVmaW5lZDtcbiAgY29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZXM6IEFycmF5PENvbmRpdGlvbmFsRm9ybWF0dGluZ1J1bGU+O1xufVxuXG5leHBvcnQgY29uc3QgTGVnZW5kSXRlbSA9ICh7XG4gIHlLZXksXG4gIHlLZXlGb3JtYXR0ZWQsXG4gIGNvbG9yLFxuICBzdHlsZSxcbiAgb25DbGljayxcbiAgdmlzaWJsZSxcbiAgY29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZXMsXG59OiBMZWdlbmRJdGVtUHJvcHM8QmFyU3R5bGVzIHwgTGluZVN0eWxlcyB8IEFyZWFTdHlsZXMgfCBCdWJibGVTdHlsZXM+KSA9PiB7XG4gIGNvbnN0IHJlbGV2YW50UnVsZXMgPSB1c2VNZW1vKCgpID0+IGNvbmRpdGlvbmFsRm9ybWF0dGluZ1J1bGVzLmZpbHRlcihydWxlID0+IHJ1bGUueUtleSA9PT0geUtleSksIFtcbiAgICBjb25kaXRpb25hbEZvcm1hdHRpbmdSdWxlcyxcbiAgXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8YnV0dG9uXG4gICAgICBrZXk9e2BsZWdlbmQtJHt5S2V5fWB9XG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIGFsbDogJ3Vuc2V0JyxcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBmbGV4V3JhcDogJ25vd3JhcCcsXG4gICAgICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgICAgICBvdXRsaW5lOiAncmV2ZXJ0JyxcbiAgICAgICAgZ2FwOiAnNHB4JyxcbiAgICAgICAgcGFkZGluZzogJzRweCcsXG4gICAgICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgICAgICBtYXJnaW5SaWdodDogJzEwcHgnLFxuICAgICAgfX1cbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgPlxuICAgICAge3N0eWxlLnR5cGUgPT09ICdsaW5lJyAmJiAoXG4gICAgICAgIDxzcGFuIGNsYXNzTmFtZT17Y3NzKHsgaGVpZ2h0OiAxMCwgZGlzcGxheTogJ2ZsZXgnIH0pfT5cbiAgICAgICAgICA8TGVnZW5kSXRlbUJveCBjb2xvcj17Y29sb3J9IHN0eWxlPXtzdHlsZSBhcyBMaW5lU3R5bGVzfSB5S2V5PXt5S2V5fSAvPlxuICAgICAgICAgIHtyZWxldmFudFJ1bGVzLmxlbmd0aCA+IDAgJiZcbiAgICAgICAgICAgIHJlbGV2YW50UnVsZXMubWFwKHJ1bGUgPT4gKFxuICAgICAgICAgICAgICA8TGVnZW5kSXRlbUJveFxuICAgICAgICAgICAgICAgIGNvbG9yPXtydWxlLmNvbG9yfVxuICAgICAgICAgICAgICAgIGtleT17YHJ1bGUtJHtKU09OLnN0cmluZ2lmeShydWxlKX1gfVxuICAgICAgICAgICAgICAgIHN0eWxlPXtzdHlsZSBhcyBMaW5lU3R5bGVzfVxuICAgICAgICAgICAgICAgIHlLZXk9e3lLZXl9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgKX1cbiAgICAgIHtzdHlsZS50eXBlID09PSAnYmFyJyAmJiAoXG4gICAgICAgIDxzcGFuIGNsYXNzTmFtZT17Y3NzKHsgZGlzcGxheTogJ2ZsZXgnLCBmbGV4RGlyZWN0aW9uOiAncm93JywgYWxpZ25JdGVtczogJ2NlbnRlcicsIGdhcDogMiB9KX0+XG4gICAgICAgICAgPExlZ2VuZEl0ZW1TcXVhcmUgY29sb3I9e2NvbG9yfSAvPlxuICAgICAgICAgIHtyZWxldmFudFJ1bGVzLmxlbmd0aCA+IDAgJiZcbiAgICAgICAgICAgIHJlbGV2YW50UnVsZXMubWFwKHJ1bGUgPT4gPExlZ2VuZEl0ZW1TcXVhcmUgY29sb3I9e3J1bGUuY29sb3J9IGtleT17YHJ1bGUtJHtKU09OLnN0cmluZ2lmeShydWxlKX1gfSAvPil9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG4gICAgICB7c3R5bGUudHlwZSA9PT0gJ2FyZWEnICYmIChcbiAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtjc3MoeyBkaXNwbGF5OiAnZmxleCcsIGZsZXhEaXJlY3Rpb246ICdyb3cnLCBhbGlnbkl0ZW1zOiAnY2VudGVyJywgZ2FwOiAyIH0pfT5cbiAgICAgICAgICA8TGVnZW5kSXRlbVRyaWFuZ2xlIGNvbG9yPXtjb2xvcn0gLz5cbiAgICAgICAgICB7cmVsZXZhbnRSdWxlcy5sZW5ndGggPiAwICYmXG4gICAgICAgICAgICByZWxldmFudFJ1bGVzLm1hcChydWxlID0+IDxMZWdlbmRJdGVtVHJpYW5nbGUgY29sb3I9e3J1bGUuY29sb3J9IGtleT17YHJ1bGUtJHtKU09OLnN0cmluZ2lmeShydWxlKX1gfSAvPil9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG4gICAgICA8c3BhblxuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIGZvbnRTaXplOiAnMTJweCcsXG4gICAgICAgICAgbGluZUhlaWdodDogJzE2cHgnLFxuICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgdGV4dERlY29yYXRpb246IHZpc2libGUgPyAnbm9uZScgOiAnbGluZS10aHJvdWdoJyxcbiAgICAgICAgICB0ZXh0V3JhcDogJ25vd3JhcCcsXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIHt5S2V5Rm9ybWF0dGVkID8geUtleUZvcm1hdHRlZCA6IHlLZXl9XG4gICAgICA8L3NwYW4+XG4gICAgPC9idXR0b24+XG4gICk7XG59O1xuIl19 */",
+        toString: _EMOTION_STRINGIFIED_CSS_ERROR__$6
+      }),
+      children: [jsx(LegendItemBox, {
+        color: color,
+        style: style,
+        yKey: yKey
+      }), relevantRules.length > 0 && relevantRules.map(function (rule) {
+        return jsx(LegendItemBox, {
+          color: rule.color,
+          style: style,
+          yKey: yKey
+        }, "rule-" + JSON.stringify(rule));
+      })]
+    }), style.type === 'bar' && jsxs("span", {
+      className: /*#__PURE__*/css$1(process.env.NODE_ENV === "production" ? {
+        name: "6b52m3",
+        styles: "display:flex;flex-direction:row;align-items:center;gap:2px"
+      } : {
+        name: "pglbco-LegendItem",
+        styles: "display:flex;flex-direction:row;align-items:center;gap:2px;label:LegendItem;",
+        map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlZ2VuZEl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThEeUIiLCJmaWxlIjoiTGVnZW5kSXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IExlZ2VuZEl0ZW1Cb3ggfSBmcm9tICcuLi9MZWdlbmRJdGVtQm94JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2Nzcyc7XG5pbXBvcnQgeyBMZWdlbmRJdGVtU3F1YXJlLCBMZWdlbmRJdGVtVHJpYW5nbGUgfSBmcm9tICcuLi9MZWdlbmRJdGVtQm94L0xlZ2VuZEl0ZW1Cb3gnO1xuaW1wb3J0IHsgU2hhcGVEZWZpbml0aW9uLCBDb25kaXRpb25hbEZvcm1hdHRpbmdSdWxlIH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9DaGFydHNWMi90eXBlcyc7XG5pbXBvcnQgeyBMaW5lU3R5bGVzIH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9MaW5lQ2hhcnRWMi90eXBlcyc7XG5pbXBvcnQgeyBCYXJTdHlsZXMgfSBmcm9tICdzaGFyZWQtbG9naWMvc3JjL0JhckNoYXJ0VjIvdHlwZXMnO1xuaW1wb3J0IHsgQXJlYVN0eWxlcyB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvQXJlYUNoYXJ0VjIvdHlwZXMnO1xuaW1wb3J0IHsgQnViYmxlU3R5bGVzIH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9CdWJibGVDaGFydFYyL3R5cGVzJztcblxuaW50ZXJmYWNlIExlZ2VuZEl0ZW1Qcm9wczxUPiBleHRlbmRzIFNoYXBlRGVmaW5pdGlvbjxUPiB7XG4gIG9uQ2xpY2s6ICgpID0+IHZvaWQ7XG4gIHZpc2libGU6IGJvb2xlYW47XG4gIHlLZXlGb3JtYXR0ZWQ6IHN0cmluZyB8IHVuZGVmaW5lZDtcbiAgY29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZXM6IEFycmF5PENvbmRpdGlvbmFsRm9ybWF0dGluZ1J1bGU+O1xufVxuXG5leHBvcnQgY29uc3QgTGVnZW5kSXRlbSA9ICh7XG4gIHlLZXksXG4gIHlLZXlGb3JtYXR0ZWQsXG4gIGNvbG9yLFxuICBzdHlsZSxcbiAgb25DbGljayxcbiAgdmlzaWJsZSxcbiAgY29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZXMsXG59OiBMZWdlbmRJdGVtUHJvcHM8QmFyU3R5bGVzIHwgTGluZVN0eWxlcyB8IEFyZWFTdHlsZXMgfCBCdWJibGVTdHlsZXM+KSA9PiB7XG4gIGNvbnN0IHJlbGV2YW50UnVsZXMgPSB1c2VNZW1vKCgpID0+IGNvbmRpdGlvbmFsRm9ybWF0dGluZ1J1bGVzLmZpbHRlcihydWxlID0+IHJ1bGUueUtleSA9PT0geUtleSksIFtcbiAgICBjb25kaXRpb25hbEZvcm1hdHRpbmdSdWxlcyxcbiAgXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8YnV0dG9uXG4gICAgICBrZXk9e2BsZWdlbmQtJHt5S2V5fWB9XG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIGFsbDogJ3Vuc2V0JyxcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBmbGV4V3JhcDogJ25vd3JhcCcsXG4gICAgICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgICAgICBvdXRsaW5lOiAncmV2ZXJ0JyxcbiAgICAgICAgZ2FwOiAnNHB4JyxcbiAgICAgICAgcGFkZGluZzogJzRweCcsXG4gICAgICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgICAgICBtYXJnaW5SaWdodDogJzEwcHgnLFxuICAgICAgfX1cbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgPlxuICAgICAge3N0eWxlLnR5cGUgPT09ICdsaW5lJyAmJiAoXG4gICAgICAgIDxzcGFuIGNsYXNzTmFtZT17Y3NzKHsgaGVpZ2h0OiAxMCwgZGlzcGxheTogJ2ZsZXgnIH0pfT5cbiAgICAgICAgICA8TGVnZW5kSXRlbUJveCBjb2xvcj17Y29sb3J9IHN0eWxlPXtzdHlsZSBhcyBMaW5lU3R5bGVzfSB5S2V5PXt5S2V5fSAvPlxuICAgICAgICAgIHtyZWxldmFudFJ1bGVzLmxlbmd0aCA+IDAgJiZcbiAgICAgICAgICAgIHJlbGV2YW50UnVsZXMubWFwKHJ1bGUgPT4gKFxuICAgICAgICAgICAgICA8TGVnZW5kSXRlbUJveFxuICAgICAgICAgICAgICAgIGNvbG9yPXtydWxlLmNvbG9yfVxuICAgICAgICAgICAgICAgIGtleT17YHJ1bGUtJHtKU09OLnN0cmluZ2lmeShydWxlKX1gfVxuICAgICAgICAgICAgICAgIHN0eWxlPXtzdHlsZSBhcyBMaW5lU3R5bGVzfVxuICAgICAgICAgICAgICAgIHlLZXk9e3lLZXl9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgKX1cbiAgICAgIHtzdHlsZS50eXBlID09PSAnYmFyJyAmJiAoXG4gICAgICAgIDxzcGFuIGNsYXNzTmFtZT17Y3NzKHsgZGlzcGxheTogJ2ZsZXgnLCBmbGV4RGlyZWN0aW9uOiAncm93JywgYWxpZ25JdGVtczogJ2NlbnRlcicsIGdhcDogMiB9KX0+XG4gICAgICAgICAgPExlZ2VuZEl0ZW1TcXVhcmUgY29sb3I9e2NvbG9yfSAvPlxuICAgICAgICAgIHtyZWxldmFudFJ1bGVzLmxlbmd0aCA+IDAgJiZcbiAgICAgICAgICAgIHJlbGV2YW50UnVsZXMubWFwKHJ1bGUgPT4gPExlZ2VuZEl0ZW1TcXVhcmUgY29sb3I9e3J1bGUuY29sb3J9IGtleT17YHJ1bGUtJHtKU09OLnN0cmluZ2lmeShydWxlKX1gfSAvPil9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG4gICAgICB7c3R5bGUudHlwZSA9PT0gJ2FyZWEnICYmIChcbiAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtjc3MoeyBkaXNwbGF5OiAnZmxleCcsIGZsZXhEaXJlY3Rpb246ICdyb3cnLCBhbGlnbkl0ZW1zOiAnY2VudGVyJywgZ2FwOiAyIH0pfT5cbiAgICAgICAgICA8TGVnZW5kSXRlbVRyaWFuZ2xlIGNvbG9yPXtjb2xvcn0gLz5cbiAgICAgICAgICB7cmVsZXZhbnRSdWxlcy5sZW5ndGggPiAwICYmXG4gICAgICAgICAgICByZWxldmFudFJ1bGVzLm1hcChydWxlID0+IDxMZWdlbmRJdGVtVHJpYW5nbGUgY29sb3I9e3J1bGUuY29sb3J9IGtleT17YHJ1bGUtJHtKU09OLnN0cmluZ2lmeShydWxlKX1gfSAvPil9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG4gICAgICA8c3BhblxuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIGZvbnRTaXplOiAnMTJweCcsXG4gICAgICAgICAgbGluZUhlaWdodDogJzE2cHgnLFxuICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgdGV4dERlY29yYXRpb246IHZpc2libGUgPyAnbm9uZScgOiAnbGluZS10aHJvdWdoJyxcbiAgICAgICAgICB0ZXh0V3JhcDogJ25vd3JhcCcsXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIHt5S2V5Rm9ybWF0dGVkID8geUtleUZvcm1hdHRlZCA6IHlLZXl9XG4gICAgICA8L3NwYW4+XG4gICAgPC9idXR0b24+XG4gICk7XG59O1xuIl19 */",
+        toString: _EMOTION_STRINGIFIED_CSS_ERROR__$6
+      }),
+      children: [jsx(LegendItemSquare, {
+        color: color
+      }), relevantRules.length > 0 && relevantRules.map(function (rule) {
+        return jsx(LegendItemSquare, {
+          color: rule.color
+        }, "rule-" + JSON.stringify(rule));
+      })]
+    }), style.type === 'area' && jsxs("span", {
+      className: /*#__PURE__*/css$1(process.env.NODE_ENV === "production" ? {
+        name: "6b52m3",
+        styles: "display:flex;flex-direction:row;align-items:center;gap:2px"
+      } : {
+        name: "pglbco-LegendItem",
+        styles: "display:flex;flex-direction:row;align-items:center;gap:2px;label:LegendItem;",
+        map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlZ2VuZEl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFFeUIiLCJmaWxlIjoiTGVnZW5kSXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IExlZ2VuZEl0ZW1Cb3ggfSBmcm9tICcuLi9MZWdlbmRJdGVtQm94JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2Nzcyc7XG5pbXBvcnQgeyBMZWdlbmRJdGVtU3F1YXJlLCBMZWdlbmRJdGVtVHJpYW5nbGUgfSBmcm9tICcuLi9MZWdlbmRJdGVtQm94L0xlZ2VuZEl0ZW1Cb3gnO1xuaW1wb3J0IHsgU2hhcGVEZWZpbml0aW9uLCBDb25kaXRpb25hbEZvcm1hdHRpbmdSdWxlIH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9DaGFydHNWMi90eXBlcyc7XG5pbXBvcnQgeyBMaW5lU3R5bGVzIH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9MaW5lQ2hhcnRWMi90eXBlcyc7XG5pbXBvcnQgeyBCYXJTdHlsZXMgfSBmcm9tICdzaGFyZWQtbG9naWMvc3JjL0JhckNoYXJ0VjIvdHlwZXMnO1xuaW1wb3J0IHsgQXJlYVN0eWxlcyB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvQXJlYUNoYXJ0VjIvdHlwZXMnO1xuaW1wb3J0IHsgQnViYmxlU3R5bGVzIH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9CdWJibGVDaGFydFYyL3R5cGVzJztcblxuaW50ZXJmYWNlIExlZ2VuZEl0ZW1Qcm9wczxUPiBleHRlbmRzIFNoYXBlRGVmaW5pdGlvbjxUPiB7XG4gIG9uQ2xpY2s6ICgpID0+IHZvaWQ7XG4gIHZpc2libGU6IGJvb2xlYW47XG4gIHlLZXlGb3JtYXR0ZWQ6IHN0cmluZyB8IHVuZGVmaW5lZDtcbiAgY29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZXM6IEFycmF5PENvbmRpdGlvbmFsRm9ybWF0dGluZ1J1bGU+O1xufVxuXG5leHBvcnQgY29uc3QgTGVnZW5kSXRlbSA9ICh7XG4gIHlLZXksXG4gIHlLZXlGb3JtYXR0ZWQsXG4gIGNvbG9yLFxuICBzdHlsZSxcbiAgb25DbGljayxcbiAgdmlzaWJsZSxcbiAgY29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZXMsXG59OiBMZWdlbmRJdGVtUHJvcHM8QmFyU3R5bGVzIHwgTGluZVN0eWxlcyB8IEFyZWFTdHlsZXMgfCBCdWJibGVTdHlsZXM+KSA9PiB7XG4gIGNvbnN0IHJlbGV2YW50UnVsZXMgPSB1c2VNZW1vKCgpID0+IGNvbmRpdGlvbmFsRm9ybWF0dGluZ1J1bGVzLmZpbHRlcihydWxlID0+IHJ1bGUueUtleSA9PT0geUtleSksIFtcbiAgICBjb25kaXRpb25hbEZvcm1hdHRpbmdSdWxlcyxcbiAgXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8YnV0dG9uXG4gICAgICBrZXk9e2BsZWdlbmQtJHt5S2V5fWB9XG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIGFsbDogJ3Vuc2V0JyxcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICBmbGV4V3JhcDogJ25vd3JhcCcsXG4gICAgICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgICAgICBvdXRsaW5lOiAncmV2ZXJ0JyxcbiAgICAgICAgZ2FwOiAnNHB4JyxcbiAgICAgICAgcGFkZGluZzogJzRweCcsXG4gICAgICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgICAgICBtYXJnaW5SaWdodDogJzEwcHgnLFxuICAgICAgfX1cbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgPlxuICAgICAge3N0eWxlLnR5cGUgPT09ICdsaW5lJyAmJiAoXG4gICAgICAgIDxzcGFuIGNsYXNzTmFtZT17Y3NzKHsgaGVpZ2h0OiAxMCwgZGlzcGxheTogJ2ZsZXgnIH0pfT5cbiAgICAgICAgICA8TGVnZW5kSXRlbUJveCBjb2xvcj17Y29sb3J9IHN0eWxlPXtzdHlsZSBhcyBMaW5lU3R5bGVzfSB5S2V5PXt5S2V5fSAvPlxuICAgICAgICAgIHtyZWxldmFudFJ1bGVzLmxlbmd0aCA+IDAgJiZcbiAgICAgICAgICAgIHJlbGV2YW50UnVsZXMubWFwKHJ1bGUgPT4gKFxuICAgICAgICAgICAgICA8TGVnZW5kSXRlbUJveFxuICAgICAgICAgICAgICAgIGNvbG9yPXtydWxlLmNvbG9yfVxuICAgICAgICAgICAgICAgIGtleT17YHJ1bGUtJHtKU09OLnN0cmluZ2lmeShydWxlKX1gfVxuICAgICAgICAgICAgICAgIHN0eWxlPXtzdHlsZSBhcyBMaW5lU3R5bGVzfVxuICAgICAgICAgICAgICAgIHlLZXk9e3lLZXl9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgKX1cbiAgICAgIHtzdHlsZS50eXBlID09PSAnYmFyJyAmJiAoXG4gICAgICAgIDxzcGFuIGNsYXNzTmFtZT17Y3NzKHsgZGlzcGxheTogJ2ZsZXgnLCBmbGV4RGlyZWN0aW9uOiAncm93JywgYWxpZ25JdGVtczogJ2NlbnRlcicsIGdhcDogMiB9KX0+XG4gICAgICAgICAgPExlZ2VuZEl0ZW1TcXVhcmUgY29sb3I9e2NvbG9yfSAvPlxuICAgICAgICAgIHtyZWxldmFudFJ1bGVzLmxlbmd0aCA+IDAgJiZcbiAgICAgICAgICAgIHJlbGV2YW50UnVsZXMubWFwKHJ1bGUgPT4gPExlZ2VuZEl0ZW1TcXVhcmUgY29sb3I9e3J1bGUuY29sb3J9IGtleT17YHJ1bGUtJHtKU09OLnN0cmluZ2lmeShydWxlKX1gfSAvPil9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG4gICAgICB7c3R5bGUudHlwZSA9PT0gJ2FyZWEnICYmIChcbiAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtjc3MoeyBkaXNwbGF5OiAnZmxleCcsIGZsZXhEaXJlY3Rpb246ICdyb3cnLCBhbGlnbkl0ZW1zOiAnY2VudGVyJywgZ2FwOiAyIH0pfT5cbiAgICAgICAgICA8TGVnZW5kSXRlbVRyaWFuZ2xlIGNvbG9yPXtjb2xvcn0gLz5cbiAgICAgICAgICB7cmVsZXZhbnRSdWxlcy5sZW5ndGggPiAwICYmXG4gICAgICAgICAgICByZWxldmFudFJ1bGVzLm1hcChydWxlID0+IDxMZWdlbmRJdGVtVHJpYW5nbGUgY29sb3I9e3J1bGUuY29sb3J9IGtleT17YHJ1bGUtJHtKU09OLnN0cmluZ2lmeShydWxlKX1gfSAvPil9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG4gICAgICA8c3BhblxuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIGZvbnRTaXplOiAnMTJweCcsXG4gICAgICAgICAgbGluZUhlaWdodDogJzE2cHgnLFxuICAgICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgICAgdGV4dERlY29yYXRpb246IHZpc2libGUgPyAnbm9uZScgOiAnbGluZS10aHJvdWdoJyxcbiAgICAgICAgICB0ZXh0V3JhcDogJ25vd3JhcCcsXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIHt5S2V5Rm9ybWF0dGVkID8geUtleUZvcm1hdHRlZCA6IHlLZXl9XG4gICAgICA8L3NwYW4+XG4gICAgPC9idXR0b24+XG4gICk7XG59O1xuIl19 */",
+        toString: _EMOTION_STRINGIFIED_CSS_ERROR__$6
+      }),
+      children: [jsx(LegendItemTriangle, {
+        color: color
+      }), relevantRules.length > 0 && relevantRules.map(function (rule) {
+        return jsx(LegendItemTriangle, {
+          color: rule.color
+        }, "rule-" + JSON.stringify(rule));
+      })]
+    }), jsx("span", {
+      style: {
+        fontSize: '12px',
+        lineHeight: '16px',
+        display: 'block',
+        textDecoration: visible ? 'none' : 'line-through',
+        textWrap: 'nowrap'
+      },
+      children: yKeyFormatted ? yKeyFormatted : yKey
+    })]
+  }, "legend-" + yKey);
+};
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__$7() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var Legend$1 = function Legend(_ref) {
+  var keys = _ref.keys,
+    setVisibleYKeys = _ref.setVisibleYKeys,
+    marginLeft = _ref.marginLeft,
+    items = _ref.items;
+  var handleOnClick = function handleOnClick(item, legendItem) {
+    setVisibleYKeys && setVisibleYKeys(function (prev) {
+      var newVisibleLegendItems = [];
+      if (prev.length === item.legendItems.length) {
+        newVisibleLegendItems = [legendItem.yKey];
+      } else {
+        if (prev.includes(legendItem.yKey)) {
+          newVisibleLegendItems = prev.filter(function (prevLegendItemId) {
+            return prevLegendItemId !== legendItem.yKey;
+          });
+        } else {
+          newVisibleLegendItems = [].concat(prev, [legendItem.yKey]);
+        }
+      }
+      return newVisibleLegendItems.length === 0 ? item.legendItems.map(function (legendItem) {
+        return legendItem.yKey;
+      }) : newVisibleLegendItems;
+    });
+  };
+  return jsx("div", {
+    className: /*#__PURE__*/css$1(process.env.NODE_ENV === "production" ? {
+      name: "1nbollx",
+      styles: "height:40px;padding-top:8px"
+    } : {
+      name: "qz6h7j-Legend",
+      styles: "height:40px;padding-top:8px;label:Legend;",
+      map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlZ2VuZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0RvQiIsImZpbGUiOiJMZWdlbmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZyYWdtZW50IH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBMZWdlbmRJdGVtIH0gZnJvbSAnLi9MZWdlbmRJdGVtJztcbmltcG9ydCB7IFNoYXBlRGVmaW5pdGlvbiwgQ29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZSwgS2V5IH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9DaGFydHNWMi90eXBlcyc7XG5pbXBvcnQgeyBTY3JvbGxiYXIgfSBmcm9tICcuLi8uLi8uLi9TY3JvbGxiYXIvU2Nyb2xsYmFyJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2Nzcyc7XG5pbXBvcnQgeyBCYXJTdHlsZXMgfSBmcm9tICdzaGFyZWQtbG9naWMvc3JjL0JhckNoYXJ0VjIvdHlwZXMnO1xuaW1wb3J0IHsgTGluZVN0eWxlcyB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvTGluZUNoYXJ0VjIvdHlwZXMnO1xuaW1wb3J0IHsgQXJlYVN0eWxlcyB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvQXJlYUNoYXJ0VjIvdHlwZXMnO1xuaW1wb3J0IHsgQnViYmxlU3R5bGVzIH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9CdWJibGVDaGFydFYyL3R5cGVzJztcblxudHlwZSBJdGVtPFQ+ID0ge1xuICBsZWdlbmRJdGVtczogQXJyYXk8U2hhcGVEZWZpbml0aW9uPFQ+PjtcbiAgdmlzaWJsZVlLZXlzOiBBcnJheTxzdHJpbmc+O1xuICBjb25kaXRpb25hbEZvcm1hdHRpbmdSdWxlczogQXJyYXk8Q29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZT47XG59O1xuZXhwb3J0IHR5cGUgTGVnZW5kUHJvcHM8VD4gPSB7XG4gIHNldFZpc2libGVZS2V5cz86IFJlYWN0LkRpc3BhdGNoPFJlYWN0LlNldFN0YXRlQWN0aW9uPEFycmF5PHN0cmluZz4+PjtcbiAga2V5czogeyBba2V5OiBzdHJpbmddOiBLZXkgfTtcbiAgbWFyZ2luTGVmdDogbnVtYmVyO1xuICBpdGVtczogSXRlbTxUPltdO1xufTtcblxuZXhwb3J0IGNvbnN0IExlZ2VuZCA9ICh7XG4gIGtleXMsXG4gIHNldFZpc2libGVZS2V5cyxcbiAgbWFyZ2luTGVmdCxcbiAgaXRlbXMsXG59OiBMZWdlbmRQcm9wczxCYXJTdHlsZXMgfCBMaW5lU3R5bGVzIHwgQXJlYVN0eWxlcyB8IEJ1YmJsZVN0eWxlcz4pID0+IHtcbiAgY29uc3QgaGFuZGxlT25DbGljayA9IChcbiAgICBpdGVtOiBJdGVtPEJhclN0eWxlcyB8IExpbmVTdHlsZXMgfCBBcmVhU3R5bGVzIHwgQnViYmxlU3R5bGVzPixcbiAgICBsZWdlbmRJdGVtOiBTaGFwZURlZmluaXRpb248QmFyU3R5bGVzIHwgTGluZVN0eWxlcyB8IEFyZWFTdHlsZXMgfCBCdWJibGVTdHlsZXM+XG4gICkgPT4ge1xuICAgIHNldFZpc2libGVZS2V5cyAmJlxuICAgICAgc2V0VmlzaWJsZVlLZXlzKHByZXYgPT4ge1xuICAgICAgICBsZXQgbmV3VmlzaWJsZUxlZ2VuZEl0ZW1zOiBBcnJheTxzdHJpbmc+ID0gW107XG5cbiAgICAgICAgaWYgKHByZXYubGVuZ3RoID09PSBpdGVtLmxlZ2VuZEl0ZW1zLmxlbmd0aCkge1xuICAgICAgICAgIG5ld1Zpc2libGVMZWdlbmRJdGVtcyA9IFtsZWdlbmRJdGVtLnlLZXldO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIGlmIChwcmV2LmluY2x1ZGVzKGxlZ2VuZEl0ZW0ueUtleSkpIHtcbiAgICAgICAgICAgIG5ld1Zpc2libGVMZWdlbmRJdGVtcyA9IHByZXYuZmlsdGVyKHByZXZMZWdlbmRJdGVtSWQgPT4gcHJldkxlZ2VuZEl0ZW1JZCAhPT0gbGVnZW5kSXRlbS55S2V5KTtcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgbmV3VmlzaWJsZUxlZ2VuZEl0ZW1zID0gWy4uLnByZXYsIGxlZ2VuZEl0ZW0ueUtleV07XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIG5ld1Zpc2libGVMZWdlbmRJdGVtcy5sZW5ndGggPT09IDBcbiAgICAgICAgICA/IGl0ZW0ubGVnZW5kSXRlbXMubWFwKGxlZ2VuZEl0ZW0gPT4gbGVnZW5kSXRlbS55S2V5KVxuICAgICAgICAgIDogbmV3VmlzaWJsZUxlZ2VuZEl0ZW1zO1xuICAgICAgfSk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT17Y3NzKHsgaGVpZ2h0OiA0MCwgcGFkZGluZ1RvcDogOCB9KX0+XG4gICAgICA8U2Nyb2xsYmFyXG4gICAgICAgIGNsYXNzTmFtZT17Y3NzKHtcbiAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICAgICAgZmxleERpcmVjdGlvbjogJ3JvdycsXG4gICAgICAgICAgZmxleFdyYXA6ICdub3dyYXAnLFxuICAgICAgICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgICAgICAgIG1hcmdpbkxlZnQ6IG1hcmdpbkxlZnQgPyBgJHttYXJnaW5MZWZ0fXB4YCA6IHVuZGVmaW5lZCxcbiAgICAgICAgfSl9XG4gICAgICAgIHg9e3RydWV9XG4gICAgICA+XG4gICAgICAgIHtpdGVtcy5tYXAoKGl0ZW0sIGluZGV4KSA9PiAoXG4gICAgICAgICAgPEZyYWdtZW50IGtleT17aW5kZXh9PlxuICAgICAgICAgICAge2l0ZW0ubGVnZW5kSXRlbXMubWFwKFxuICAgICAgICAgICAgICBsZWdlbmRJdGVtID0+XG4gICAgICAgICAgICAgICAga2V5c1tsZWdlbmRJdGVtLnlLZXldICYmIChcbiAgICAgICAgICAgICAgICAgIDxMZWdlbmRJdGVtXG4gICAgICAgICAgICAgICAgICAgIHsuLi5sZWdlbmRJdGVtfVxuICAgICAgICAgICAgICAgICAgICBrZXk9e2BsZWdlbmQtJHtsZWdlbmRJdGVtLnlLZXl9YH1cbiAgICAgICAgICAgICAgICAgICAgeUtleUZvcm1hdHRlZD17a2V5c1tsZWdlbmRJdGVtLnlLZXldLmtleUZvcm1hdHRlZH1cbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgIGhhbmRsZU9uQ2xpY2soaXRlbSwgbGVnZW5kSXRlbSk7XG4gICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgIHZpc2libGU9e3NldFZpc2libGVZS2V5cyA/IGl0ZW0udmlzaWJsZVlLZXlzLmluY2x1ZGVzKGxlZ2VuZEl0ZW0ueUtleSkgOiB0cnVlfVxuICAgICAgICAgICAgICAgICAgICBjb25kaXRpb25hbEZvcm1hdHRpbmdSdWxlcz17aXRlbS5jb25kaXRpb25hbEZvcm1hdHRpbmdSdWxlc31cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0ZyYWdtZW50PlxuICAgICAgICApKX1cbiAgICAgIDwvU2Nyb2xsYmFyPlxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__$7
+    }),
+    children: jsx(Scrollbar, {
+      className: /*#__PURE__*/css$1({
+        display: 'flex',
+        flexDirection: 'row',
+        flexWrap: 'nowrap',
+        alignItems: 'center',
+        marginLeft: marginLeft ? marginLeft + "px" : undefined
+      }, process.env.NODE_ENV === "production" ? "" : ";label:Legend;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlZ2VuZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0RtQiIsImZpbGUiOiJMZWdlbmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZyYWdtZW50IH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBMZWdlbmRJdGVtIH0gZnJvbSAnLi9MZWdlbmRJdGVtJztcbmltcG9ydCB7IFNoYXBlRGVmaW5pdGlvbiwgQ29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZSwgS2V5IH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9DaGFydHNWMi90eXBlcyc7XG5pbXBvcnQgeyBTY3JvbGxiYXIgfSBmcm9tICcuLi8uLi8uLi9TY3JvbGxiYXIvU2Nyb2xsYmFyJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2Nzcyc7XG5pbXBvcnQgeyBCYXJTdHlsZXMgfSBmcm9tICdzaGFyZWQtbG9naWMvc3JjL0JhckNoYXJ0VjIvdHlwZXMnO1xuaW1wb3J0IHsgTGluZVN0eWxlcyB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvTGluZUNoYXJ0VjIvdHlwZXMnO1xuaW1wb3J0IHsgQXJlYVN0eWxlcyB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvQXJlYUNoYXJ0VjIvdHlwZXMnO1xuaW1wb3J0IHsgQnViYmxlU3R5bGVzIH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9CdWJibGVDaGFydFYyL3R5cGVzJztcblxudHlwZSBJdGVtPFQ+ID0ge1xuICBsZWdlbmRJdGVtczogQXJyYXk8U2hhcGVEZWZpbml0aW9uPFQ+PjtcbiAgdmlzaWJsZVlLZXlzOiBBcnJheTxzdHJpbmc+O1xuICBjb25kaXRpb25hbEZvcm1hdHRpbmdSdWxlczogQXJyYXk8Q29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZT47XG59O1xuZXhwb3J0IHR5cGUgTGVnZW5kUHJvcHM8VD4gPSB7XG4gIHNldFZpc2libGVZS2V5cz86IFJlYWN0LkRpc3BhdGNoPFJlYWN0LlNldFN0YXRlQWN0aW9uPEFycmF5PHN0cmluZz4+PjtcbiAga2V5czogeyBba2V5OiBzdHJpbmddOiBLZXkgfTtcbiAgbWFyZ2luTGVmdDogbnVtYmVyO1xuICBpdGVtczogSXRlbTxUPltdO1xufTtcblxuZXhwb3J0IGNvbnN0IExlZ2VuZCA9ICh7XG4gIGtleXMsXG4gIHNldFZpc2libGVZS2V5cyxcbiAgbWFyZ2luTGVmdCxcbiAgaXRlbXMsXG59OiBMZWdlbmRQcm9wczxCYXJTdHlsZXMgfCBMaW5lU3R5bGVzIHwgQXJlYVN0eWxlcyB8IEJ1YmJsZVN0eWxlcz4pID0+IHtcbiAgY29uc3QgaGFuZGxlT25DbGljayA9IChcbiAgICBpdGVtOiBJdGVtPEJhclN0eWxlcyB8IExpbmVTdHlsZXMgfCBBcmVhU3R5bGVzIHwgQnViYmxlU3R5bGVzPixcbiAgICBsZWdlbmRJdGVtOiBTaGFwZURlZmluaXRpb248QmFyU3R5bGVzIHwgTGluZVN0eWxlcyB8IEFyZWFTdHlsZXMgfCBCdWJibGVTdHlsZXM+XG4gICkgPT4ge1xuICAgIHNldFZpc2libGVZS2V5cyAmJlxuICAgICAgc2V0VmlzaWJsZVlLZXlzKHByZXYgPT4ge1xuICAgICAgICBsZXQgbmV3VmlzaWJsZUxlZ2VuZEl0ZW1zOiBBcnJheTxzdHJpbmc+ID0gW107XG5cbiAgICAgICAgaWYgKHByZXYubGVuZ3RoID09PSBpdGVtLmxlZ2VuZEl0ZW1zLmxlbmd0aCkge1xuICAgICAgICAgIG5ld1Zpc2libGVMZWdlbmRJdGVtcyA9IFtsZWdlbmRJdGVtLnlLZXldO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIGlmIChwcmV2LmluY2x1ZGVzKGxlZ2VuZEl0ZW0ueUtleSkpIHtcbiAgICAgICAgICAgIG5ld1Zpc2libGVMZWdlbmRJdGVtcyA9IHByZXYuZmlsdGVyKHByZXZMZWdlbmRJdGVtSWQgPT4gcHJldkxlZ2VuZEl0ZW1JZCAhPT0gbGVnZW5kSXRlbS55S2V5KTtcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgbmV3VmlzaWJsZUxlZ2VuZEl0ZW1zID0gWy4uLnByZXYsIGxlZ2VuZEl0ZW0ueUtleV07XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIG5ld1Zpc2libGVMZWdlbmRJdGVtcy5sZW5ndGggPT09IDBcbiAgICAgICAgICA/IGl0ZW0ubGVnZW5kSXRlbXMubWFwKGxlZ2VuZEl0ZW0gPT4gbGVnZW5kSXRlbS55S2V5KVxuICAgICAgICAgIDogbmV3VmlzaWJsZUxlZ2VuZEl0ZW1zO1xuICAgICAgfSk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT17Y3NzKHsgaGVpZ2h0OiA0MCwgcGFkZGluZ1RvcDogOCB9KX0+XG4gICAgICA8U2Nyb2xsYmFyXG4gICAgICAgIGNsYXNzTmFtZT17Y3NzKHtcbiAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICAgICAgZmxleERpcmVjdGlvbjogJ3JvdycsXG4gICAgICAgICAgZmxleFdyYXA6ICdub3dyYXAnLFxuICAgICAgICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgICAgICAgIG1hcmdpbkxlZnQ6IG1hcmdpbkxlZnQgPyBgJHttYXJnaW5MZWZ0fXB4YCA6IHVuZGVmaW5lZCxcbiAgICAgICAgfSl9XG4gICAgICAgIHg9e3RydWV9XG4gICAgICA+XG4gICAgICAgIHtpdGVtcy5tYXAoKGl0ZW0sIGluZGV4KSA9PiAoXG4gICAgICAgICAgPEZyYWdtZW50IGtleT17aW5kZXh9PlxuICAgICAgICAgICAge2l0ZW0ubGVnZW5kSXRlbXMubWFwKFxuICAgICAgICAgICAgICBsZWdlbmRJdGVtID0+XG4gICAgICAgICAgICAgICAga2V5c1tsZWdlbmRJdGVtLnlLZXldICYmIChcbiAgICAgICAgICAgICAgICAgIDxMZWdlbmRJdGVtXG4gICAgICAgICAgICAgICAgICAgIHsuLi5sZWdlbmRJdGVtfVxuICAgICAgICAgICAgICAgICAgICBrZXk9e2BsZWdlbmQtJHtsZWdlbmRJdGVtLnlLZXl9YH1cbiAgICAgICAgICAgICAgICAgICAgeUtleUZvcm1hdHRlZD17a2V5c1tsZWdlbmRJdGVtLnlLZXldLmtleUZvcm1hdHRlZH1cbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgIGhhbmRsZU9uQ2xpY2soaXRlbSwgbGVnZW5kSXRlbSk7XG4gICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgIHZpc2libGU9e3NldFZpc2libGVZS2V5cyA/IGl0ZW0udmlzaWJsZVlLZXlzLmluY2x1ZGVzKGxlZ2VuZEl0ZW0ueUtleSkgOiB0cnVlfVxuICAgICAgICAgICAgICAgICAgICBjb25kaXRpb25hbEZvcm1hdHRpbmdSdWxlcz17aXRlbS5jb25kaXRpb25hbEZvcm1hdHRpbmdSdWxlc31cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L0ZyYWdtZW50PlxuICAgICAgICApKX1cbiAgICAgIDwvU2Nyb2xsYmFyPlxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */"),
+      x: true,
+      children: items.map(function (item, index) {
+        return jsx(Fragment, {
+          children: item.legendItems.map(function (legendItem) {
+            return keys[legendItem.yKey] && createElement$1(LegendItem, _extends({}, legendItem, {
+              key: "legend-" + legendItem.yKey,
+              yKeyFormatted: keys[legendItem.yKey].keyFormatted,
+              onClick: function onClick() {
+                handleOnClick(item, legendItem);
+              },
+              visible: setVisibleYKeys ? item.visibleYKeys.includes(legendItem.yKey) : true,
+              conditionalFormattingRules: item.conditionalFormattingRules
+            }));
+          })
+        }, index);
+      })
     })
   });
 };
 
+function _EMOTION_STRINGIFIED_CSS_ERROR__$8() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var MIN_TOOLTIP_WIDTH = 180;
+var TOOLTIP_OFFSET = 20;
+var SCROLLBAR_WIDTH = 40;
+var Tooltip$1 = function Tooltip(_ref) {
+  var _tooltipData$xKey$for, _tooltipData$xKey;
+  var keys = _ref.keys,
+    showRoundedTotal = _ref.showRoundedTotal,
+    tooltipData = _ref.tooltipData,
+    tooltipLeft = _ref.tooltipLeft,
+    tooltipTop = _ref.tooltipTop,
+    xKey = _ref.xKey,
+    yKeys = _ref.yKeys,
+    theme = _ref.theme,
+    items = _ref.items,
+    _ref$shouldShowColorL = _ref.shouldShowColorLegend,
+    shouldShowColorLegend = _ref$shouldShowColorL === void 0 ? true : _ref$shouldShowColorL;
+  var tooltipRef = useRef(null);
+  var _useState = useState({
+      left: tooltipLeft
+    }),
+    position = _useState[0],
+    setPosition = _useState[1];
+  useEffect(function () {
+    var adjustTooltipPosition = function adjustTooltipPosition() {
+      var tooltipElement = tooltipRef.current;
+      if (tooltipElement) {
+        var screenWidth = window.innerWidth;
+        var rect = tooltipElement.getBoundingClientRect();
+        var width = rect.width;
+        if (width < MIN_TOOLTIP_WIDTH) {
+          width = MIN_TOOLTIP_WIDTH;
+        }
+        var left = tooltipLeft + TOOLTIP_OFFSET;
+        if (tooltipLeft + width > screenWidth - SCROLLBAR_WIDTH) {
+          left = tooltipLeft - width - TOOLTIP_OFFSET;
+        }
+        setPosition({
+          left: left
+        });
+      }
+    };
+    adjustTooltipPosition();
+  }, [tooltipLeft]);
+  return /*#__PURE__*/createPortal(jsx("div", {
+    ref: tooltipRef,
+    style: _extends({
+      position: 'absolute',
+      left: position.left,
+      top: tooltipTop,
+      zIndex: 2147483647 * 10
+    }, theme),
+    children: jsxs("div", {
+      style: {
+        wordBreak: 'break-all'
+      },
+      children: [jsx("div", {
+        className: /*#__PURE__*/css$1({
+          fontFamily: 'inherit',
+          lineHeight: 'inherit',
+          letterSpacing: 'inherit',
+          fontWeight: 'bold',
+          fontSize: '15px',
+          width: '100%',
+          minWidth: MIN_TOOLTIP_WIDTH
+        }, process.env.NODE_ENV === "production" ? "" : ";label:Tooltip;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZGcUIiLCJmaWxlIjoiVG9vbHRpcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ1NTUHJvcGVydGllcywgRnJhZ21lbnQsIHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNyZWF0ZVBvcnRhbCB9IGZyb20gJ3JlYWN0LWRvbSc7XG5cbmltcG9ydCB7IGdldENvbG9yIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgTGVnZW5kSXRlbUJveCB9IGZyb20gJy4uL0xlZ2VuZC9MZWdlbmRJdGVtQm94JztcbmltcG9ydCB7IFNoYXBlRGVmaW5pdGlvbiwgQ29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZSwgRGF0YUl0ZW0sIEtleSB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvQ2hhcnRzVjIvdHlwZXMnO1xuaW1wb3J0IHsgTGluZVN0eWxlcyB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvTGluZUNoYXJ0VjIvdHlwZXMnO1xuaW1wb3J0IHsgQmFyU3R5bGVzIH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9CYXJDaGFydFYyL3R5cGVzJztcbmltcG9ydCB7IEFyZWFTdHlsZXMgfSBmcm9tICdzaGFyZWQtbG9naWMvc3JjL0FyZWFDaGFydFYyL3R5cGVzJztcbmltcG9ydCB7IEJ1YmJsZVN0eWxlcyB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvQnViYmxlQ2hhcnRWMi90eXBlcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jc3MnO1xuXG5jb25zdCBNSU5fVE9PTFRJUF9XSURUSCA9IDE4MDtcbmNvbnN0IFRPT0xUSVBfT0ZGU0VUID0gMjA7XG5jb25zdCBTQ1JPTExCQVJfV0lEVEggPSA0MDtcblxuaW50ZXJmYWNlIFRvb2x0aXBQcm9wczxUPiB7XG4gIGtleXM6IHsgW2tleTogc3RyaW5nXTogS2V5IH07XG4gIHNob3dSb3VuZGVkVG90YWw6IGJvb2xlYW47XG4gIHRvb2x0aXBEYXRhOiB7XG4gICAgW2tleUlkOiBzdHJpbmddOiBEYXRhSXRlbTtcbiAgfTtcbiAgdG9vbHRpcExlZnQ6IG51bWJlcjtcbiAgdG9vbHRpcFRvcDogbnVtYmVyO1xuICB4S2V5OiBzdHJpbmc7XG4gIHlLZXlzPzogc3RyaW5nW107XG4gIGl0ZW1zOiB7XG4gICAgbGVnZW5kSXRlbXM6IEFycmF5PFNoYXBlRGVmaW5pdGlvbjxUPj47XG4gICAgY29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZXM6IEFycmF5PENvbmRpdGlvbmFsRm9ybWF0dGluZ1J1bGU+O1xuICAgIHZpc2libGVZS2V5czogc3RyaW5nW107XG4gIH1bXTtcbiAgdGhlbWU6IENTU1Byb3BlcnRpZXM7XG4gIHNob3VsZFNob3dDb2xvckxlZ2VuZD86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBUb29sdGlwID0gKHtcbiAga2V5cyxcbiAgc2hvd1JvdW5kZWRUb3RhbCxcbiAgdG9vbHRpcERhdGEsXG4gIHRvb2x0aXBMZWZ0LFxuICB0b29sdGlwVG9wLFxuICB4S2V5LFxuICB5S2V5cyxcbiAgdGhlbWUsXG4gIGl0ZW1zLFxuICBzaG91bGRTaG93Q29sb3JMZWdlbmQgPSB0cnVlLFxufTogVG9vbHRpcFByb3BzPExpbmVTdHlsZXMgfCBCYXJTdHlsZXMgfCBBcmVhU3R5bGVzIHwgQnViYmxlU3R5bGVzPikgPT4ge1xuICBjb25zdCB0b29sdGlwUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgY29uc3QgW3Bvc2l0aW9uLCBzZXRQb3NpdGlvbl0gPSB1c2VTdGF0ZTx7IGxlZnQ6IG51bWJlciB9Pih7XG4gICAgbGVmdDogdG9vbHRpcExlZnQsXG4gIH0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgYWRqdXN0VG9vbHRpcFBvc2l0aW9uID0gKCkgPT4ge1xuICAgICAgY29uc3QgdG9vbHRpcEVsZW1lbnQgPSB0b29sdGlwUmVmLmN1cnJlbnQ7XG5cbiAgICAgIGlmICh0b29sdGlwRWxlbWVudCkge1xuICAgICAgICBjb25zdCBzY3JlZW5XaWR0aCA9IHdpbmRvdy5pbm5lcldpZHRoO1xuXG4gICAgICAgIGNvbnN0IHJlY3QgPSB0b29sdGlwRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcblxuICAgICAgICBsZXQgd2lkdGggPSByZWN0LndpZHRoO1xuXG4gICAgICAgIGlmICh3aWR0aCA8IE1JTl9UT09MVElQX1dJRFRIKSB7XG4gICAgICAgICAgd2lkdGggPSBNSU5fVE9PTFRJUF9XSURUSDtcbiAgICAgICAgfVxuXG4gICAgICAgIGxldCBsZWZ0ID0gdG9vbHRpcExlZnQgKyBUT09MVElQX09GRlNFVDtcblxuICAgICAgICBpZiAodG9vbHRpcExlZnQgKyB3aWR0aCA+IHNjcmVlbldpZHRoIC0gU0NST0xMQkFSX1dJRFRIKSB7XG4gICAgICAgICAgbGVmdCA9IHRvb2x0aXBMZWZ0IC0gd2lkdGggLSBUT09MVElQX09GRlNFVDtcbiAgICAgICAgfVxuXG4gICAgICAgIHNldFBvc2l0aW9uKHsgbGVmdCB9KTtcbiAgICAgIH1cbiAgICB9O1xuXG4gICAgYWRqdXN0VG9vbHRpcFBvc2l0aW9uKCk7XG4gIH0sIFt0b29sdGlwTGVmdF0pO1xuXG4gIHJldHVybiBjcmVhdGVQb3J0YWwoXG4gICAgPGRpdlxuICAgICAgcmVmPXt0b29sdGlwUmVmfVxuICAgICAgc3R5bGU9e3tcbiAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgIGxlZnQ6IHBvc2l0aW9uLmxlZnQsXG4gICAgICAgIHRvcDogdG9vbHRpcFRvcCxcbiAgICAgICAgekluZGV4OiAyMTQ3NDgzNjQ3ICogMTAsXG4gICAgICAgIC4uLnRoZW1lLFxuICAgICAgfX1cbiAgICA+XG4gICAgICA8ZGl2IHN0eWxlPXt7IHdvcmRCcmVhazogJ2JyZWFrLWFsbCcgfX0+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjbGFzc05hbWU9e2Nzcyh7XG4gICAgICAgICAgICBmb250RmFtaWx5OiAnaW5oZXJpdCcsXG4gICAgICAgICAgICBsaW5lSGVpZ2h0OiAnaW5oZXJpdCcsXG4gICAgICAgICAgICBsZXR0ZXJTcGFjaW5nOiAnaW5oZXJpdCcsXG4gICAgICAgICAgICBmb250V2VpZ2h0OiAnYm9sZCcsXG4gICAgICAgICAgICBmb250U2l6ZTogJzE1cHgnLFxuICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICAgICAgIG1pbldpZHRoOiBNSU5fVE9PTFRJUF9XSURUSCxcbiAgICAgICAgICB9KX1cbiAgICAgICAgPlxuICAgICAgICAgIHt0b29sdGlwRGF0YVt4S2V5XT8uZm9ybWF0dGVkVmFsdWUgPz8gdG9vbHRpcERhdGFbeEtleV0udmFsdWV9XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8dGFibGVcbiAgICAgICAgICBjZWxsUGFkZGluZz17MH1cbiAgICAgICAgICBjZWxsU3BhY2luZz17MH1cbiAgICAgICAgICBjbGFzc05hbWU9e2Nzcyh7XG4gICAgICAgICAgICBtYXJnaW46ICcwJyxcbiAgICAgICAgICAgIGJvcmRlclNwYWNpbmc6ICcwJyxcbiAgICAgICAgICAgIGJvcmRlckNvbGxhcHNlOiAnaW5oZXJpdCcsXG4gICAgICAgICAgICBib3JkZXI6ICdub25lJyxcbiAgICAgICAgICB9KX1cbiAgICAgICAgPlxuICAgICAgICAgIDx0Ym9keT5cbiAgICAgICAgICAgIHtpdGVtcy5tYXAoKGl0ZW0sIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgPEZyYWdtZW50IGtleT17aW5kZXh9PlxuICAgICAgICAgICAgICAgICAge2l0ZW0ubGVnZW5kSXRlbXM/Lm1hcCgobGVnZW5kSXRlbSwgaW5kZXgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgaWYgKCF0b29sdGlwRGF0YVtsZWdlbmRJdGVtLnlLZXldIHx8IHRvb2x0aXBEYXRhW2xlZ2VuZEl0ZW0ueUtleV0udmFsdWUgPT09IG51bGwpIHtcbiAgICAgICAgICAgICAgICAgICAgICAvLyB5S2V5IGNvdWxkIG5vdCBiZSBmb3VuZCBpbiB0b29sdGlwRGF0YVxuICAgICAgICAgICAgICAgICAgICAgIHJldHVybiBudWxsO1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgICAgaXRlbS52aXNpYmxlWUtleXM/LmluY2x1ZGVzKGxlZ2VuZEl0ZW0ueUtleSkgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgPHRyIGtleT17YCR7bGVnZW5kSXRlbS55S2V5fS0ke2luZGV4fS0ke3Rvb2x0aXBEYXRhW2xlZ2VuZEl0ZW0ueUtleV0udmFsdWV9YH0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgIHtzaG91bGRTaG93Q29sb3JMZWdlbmQgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0ZFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmVydGljYWxBbGlnbjogJ21pZGRsZScsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmc6IGluZGV4ID09PSAwID8gJzEycHggOHB4IDAgMCcgOiAnOHB4IDhweCAwIDAnLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogJ2F1dG8nLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8TGVnZW5kSXRlbUJveFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb2xvcj17Z2V0Q29sb3Ioe1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRlZmF1bHRDb2xvcjogbGVnZW5kSXRlbS5jb2xvcixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZTogdG9vbHRpcERhdGFbbGVnZW5kSXRlbS55S2V5XS52YWx1ZSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB5S2V5OiBsZWdlbmRJdGVtLnlLZXksXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZXM6IGl0ZW0uY29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZXMgPz8gW10sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17bGVnZW5kSXRlbS5zdHlsZSBhcyBMaW5lU3R5bGVzfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB5S2V5PXtsZWdlbmRJdGVtLnlLZXl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgIDx0ZCBzdHlsZT17eyBwYWRkaW5nOiAnOHB4IDAgMCAwJyB9fT57a2V5c1tsZWdlbmRJdGVtLnlLZXldLmtleUZvcm1hdHRlZH08L3RkPlxuICAgICAgICAgICAgICAgICAgICAgICAgICA8dGQgc3R5bGU9e3sgZm9udFdlaWdodDogJ2JvbGQnLCBwYWRkaW5nOiAnOHB4IDAgMCAxNnB4JyB9fT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7dG9vbHRpcERhdGFbbGVnZW5kSXRlbS55S2V5XS5mb3JtYXR0ZWRWYWx1ZVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPyB0b29sdGlwRGF0YVtsZWdlbmRJdGVtLnlLZXldLmZvcm1hdHRlZFZhbHVlXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICA6IHRvb2x0aXBEYXRhW2xlZ2VuZEl0ZW0ueUtleV0udmFsdWV9XG4gICAgICAgICAgICAgICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L3RyPlxuICAgICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICAgIDwvRnJhZ21lbnQ+XG4gICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9KX1cblxuICAgICAgICAgICAge3Nob3dSb3VuZGVkVG90YWwgJiYgeUtleXMgJiYgKFxuICAgICAgICAgICAgICA8dHI+XG4gICAgICAgICAgICAgICAgPHRkIGNvbFNwYW49ezJ9IHN0eWxlPXt7IHBhZGRpbmc6ICcxMnB4IDAgMCAwJyB9fT5cbiAgICAgICAgICAgICAgICAgIFJvdW5kZWQgVG90YWxcbiAgICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICAgIDx0ZCBzdHlsZT17eyBmb250V2VpZ2h0OiAnYm9sZCcsIHBhZGRpbmc6ICcxMnB4IDAgMCAxNnB4JyB9fT5cbiAgICAgICAgICAgICAgICAgIHt5S2V5cy5yZWR1Y2UoKHRvdGFsLCBrZXkpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIHRvdGFsICsgTWF0aC5yb3VuZCh0b29sdGlwRGF0YVtrZXldLnZhbHVlIGFzIG51bWJlcik7XG4gICAgICAgICAgICAgICAgICB9LCAwKX1cbiAgICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICA8L3RyPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L3Rib2R5PlxuICAgICAgICA8L3RhYmxlPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+LFxuICAgIGRvY3VtZW50LmJvZHksXG4gICk7XG59O1xuIl19 */"),
+        children: (_tooltipData$xKey$for = (_tooltipData$xKey = tooltipData[xKey]) == null ? void 0 : _tooltipData$xKey.formattedValue) != null ? _tooltipData$xKey$for : tooltipData[xKey].value
+      }), jsx("table", {
+        cellPadding: 0,
+        cellSpacing: 0,
+        className: /*#__PURE__*/css$1(process.env.NODE_ENV === "production" ? {
+          name: "x8luwd",
+          styles: "margin:0;border-spacing:0;border-collapse:inherit;border:none"
+        } : {
+          name: "9a1sa-Tooltip",
+          styles: "margin:0;border-spacing:0;border-collapse:inherit;border:none;label:Tooltip;",
+          map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRHcUIiLCJmaWxlIjoiVG9vbHRpcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ1NTUHJvcGVydGllcywgRnJhZ21lbnQsIHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNyZWF0ZVBvcnRhbCB9IGZyb20gJ3JlYWN0LWRvbSc7XG5cbmltcG9ydCB7IGdldENvbG9yIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgTGVnZW5kSXRlbUJveCB9IGZyb20gJy4uL0xlZ2VuZC9MZWdlbmRJdGVtQm94JztcbmltcG9ydCB7IFNoYXBlRGVmaW5pdGlvbiwgQ29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZSwgRGF0YUl0ZW0sIEtleSB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvQ2hhcnRzVjIvdHlwZXMnO1xuaW1wb3J0IHsgTGluZVN0eWxlcyB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvTGluZUNoYXJ0VjIvdHlwZXMnO1xuaW1wb3J0IHsgQmFyU3R5bGVzIH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9CYXJDaGFydFYyL3R5cGVzJztcbmltcG9ydCB7IEFyZWFTdHlsZXMgfSBmcm9tICdzaGFyZWQtbG9naWMvc3JjL0FyZWFDaGFydFYyL3R5cGVzJztcbmltcG9ydCB7IEJ1YmJsZVN0eWxlcyB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvQnViYmxlQ2hhcnRWMi90eXBlcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jc3MnO1xuXG5jb25zdCBNSU5fVE9PTFRJUF9XSURUSCA9IDE4MDtcbmNvbnN0IFRPT0xUSVBfT0ZGU0VUID0gMjA7XG5jb25zdCBTQ1JPTExCQVJfV0lEVEggPSA0MDtcblxuaW50ZXJmYWNlIFRvb2x0aXBQcm9wczxUPiB7XG4gIGtleXM6IHsgW2tleTogc3RyaW5nXTogS2V5IH07XG4gIHNob3dSb3VuZGVkVG90YWw6IGJvb2xlYW47XG4gIHRvb2x0aXBEYXRhOiB7XG4gICAgW2tleUlkOiBzdHJpbmddOiBEYXRhSXRlbTtcbiAgfTtcbiAgdG9vbHRpcExlZnQ6IG51bWJlcjtcbiAgdG9vbHRpcFRvcDogbnVtYmVyO1xuICB4S2V5OiBzdHJpbmc7XG4gIHlLZXlzPzogc3RyaW5nW107XG4gIGl0ZW1zOiB7XG4gICAgbGVnZW5kSXRlbXM6IEFycmF5PFNoYXBlRGVmaW5pdGlvbjxUPj47XG4gICAgY29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZXM6IEFycmF5PENvbmRpdGlvbmFsRm9ybWF0dGluZ1J1bGU+O1xuICAgIHZpc2libGVZS2V5czogc3RyaW5nW107XG4gIH1bXTtcbiAgdGhlbWU6IENTU1Byb3BlcnRpZXM7XG4gIHNob3VsZFNob3dDb2xvckxlZ2VuZD86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBUb29sdGlwID0gKHtcbiAga2V5cyxcbiAgc2hvd1JvdW5kZWRUb3RhbCxcbiAgdG9vbHRpcERhdGEsXG4gIHRvb2x0aXBMZWZ0LFxuICB0b29sdGlwVG9wLFxuICB4S2V5LFxuICB5S2V5cyxcbiAgdGhlbWUsXG4gIGl0ZW1zLFxuICBzaG91bGRTaG93Q29sb3JMZWdlbmQgPSB0cnVlLFxufTogVG9vbHRpcFByb3BzPExpbmVTdHlsZXMgfCBCYXJTdHlsZXMgfCBBcmVhU3R5bGVzIHwgQnViYmxlU3R5bGVzPikgPT4ge1xuICBjb25zdCB0b29sdGlwUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgY29uc3QgW3Bvc2l0aW9uLCBzZXRQb3NpdGlvbl0gPSB1c2VTdGF0ZTx7IGxlZnQ6IG51bWJlciB9Pih7XG4gICAgbGVmdDogdG9vbHRpcExlZnQsXG4gIH0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgYWRqdXN0VG9vbHRpcFBvc2l0aW9uID0gKCkgPT4ge1xuICAgICAgY29uc3QgdG9vbHRpcEVsZW1lbnQgPSB0b29sdGlwUmVmLmN1cnJlbnQ7XG5cbiAgICAgIGlmICh0b29sdGlwRWxlbWVudCkge1xuICAgICAgICBjb25zdCBzY3JlZW5XaWR0aCA9IHdpbmRvdy5pbm5lcldpZHRoO1xuXG4gICAgICAgIGNvbnN0IHJlY3QgPSB0b29sdGlwRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcblxuICAgICAgICBsZXQgd2lkdGggPSByZWN0LndpZHRoO1xuXG4gICAgICAgIGlmICh3aWR0aCA8IE1JTl9UT09MVElQX1dJRFRIKSB7XG4gICAgICAgICAgd2lkdGggPSBNSU5fVE9PTFRJUF9XSURUSDtcbiAgICAgICAgfVxuXG4gICAgICAgIGxldCBsZWZ0ID0gdG9vbHRpcExlZnQgKyBUT09MVElQX09GRlNFVDtcblxuICAgICAgICBpZiAodG9vbHRpcExlZnQgKyB3aWR0aCA+IHNjcmVlbldpZHRoIC0gU0NST0xMQkFSX1dJRFRIKSB7XG4gICAgICAgICAgbGVmdCA9IHRvb2x0aXBMZWZ0IC0gd2lkdGggLSBUT09MVElQX09GRlNFVDtcbiAgICAgICAgfVxuXG4gICAgICAgIHNldFBvc2l0aW9uKHsgbGVmdCB9KTtcbiAgICAgIH1cbiAgICB9O1xuXG4gICAgYWRqdXN0VG9vbHRpcFBvc2l0aW9uKCk7XG4gIH0sIFt0b29sdGlwTGVmdF0pO1xuXG4gIHJldHVybiBjcmVhdGVQb3J0YWwoXG4gICAgPGRpdlxuICAgICAgcmVmPXt0b29sdGlwUmVmfVxuICAgICAgc3R5bGU9e3tcbiAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgIGxlZnQ6IHBvc2l0aW9uLmxlZnQsXG4gICAgICAgIHRvcDogdG9vbHRpcFRvcCxcbiAgICAgICAgekluZGV4OiAyMTQ3NDgzNjQ3ICogMTAsXG4gICAgICAgIC4uLnRoZW1lLFxuICAgICAgfX1cbiAgICA+XG4gICAgICA8ZGl2IHN0eWxlPXt7IHdvcmRCcmVhazogJ2JyZWFrLWFsbCcgfX0+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjbGFzc05hbWU9e2Nzcyh7XG4gICAgICAgICAgICBmb250RmFtaWx5OiAnaW5oZXJpdCcsXG4gICAgICAgICAgICBsaW5lSGVpZ2h0OiAnaW5oZXJpdCcsXG4gICAgICAgICAgICBsZXR0ZXJTcGFjaW5nOiAnaW5oZXJpdCcsXG4gICAgICAgICAgICBmb250V2VpZ2h0OiAnYm9sZCcsXG4gICAgICAgICAgICBmb250U2l6ZTogJzE1cHgnLFxuICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICAgICAgIG1pbldpZHRoOiBNSU5fVE9PTFRJUF9XSURUSCxcbiAgICAgICAgICB9KX1cbiAgICAgICAgPlxuICAgICAgICAgIHt0b29sdGlwRGF0YVt4S2V5XT8uZm9ybWF0dGVkVmFsdWUgPz8gdG9vbHRpcERhdGFbeEtleV0udmFsdWV9XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8dGFibGVcbiAgICAgICAgICBjZWxsUGFkZGluZz17MH1cbiAgICAgICAgICBjZWxsU3BhY2luZz17MH1cbiAgICAgICAgICBjbGFzc05hbWU9e2Nzcyh7XG4gICAgICAgICAgICBtYXJnaW46ICcwJyxcbiAgICAgICAgICAgIGJvcmRlclNwYWNpbmc6ICcwJyxcbiAgICAgICAgICAgIGJvcmRlckNvbGxhcHNlOiAnaW5oZXJpdCcsXG4gICAgICAgICAgICBib3JkZXI6ICdub25lJyxcbiAgICAgICAgICB9KX1cbiAgICAgICAgPlxuICAgICAgICAgIDx0Ym9keT5cbiAgICAgICAgICAgIHtpdGVtcy5tYXAoKGl0ZW0sIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgPEZyYWdtZW50IGtleT17aW5kZXh9PlxuICAgICAgICAgICAgICAgICAge2l0ZW0ubGVnZW5kSXRlbXM/Lm1hcCgobGVnZW5kSXRlbSwgaW5kZXgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgaWYgKCF0b29sdGlwRGF0YVtsZWdlbmRJdGVtLnlLZXldIHx8IHRvb2x0aXBEYXRhW2xlZ2VuZEl0ZW0ueUtleV0udmFsdWUgPT09IG51bGwpIHtcbiAgICAgICAgICAgICAgICAgICAgICAvLyB5S2V5IGNvdWxkIG5vdCBiZSBmb3VuZCBpbiB0b29sdGlwRGF0YVxuICAgICAgICAgICAgICAgICAgICAgIHJldHVybiBudWxsO1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgICAgaXRlbS52aXNpYmxlWUtleXM/LmluY2x1ZGVzKGxlZ2VuZEl0ZW0ueUtleSkgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgPHRyIGtleT17YCR7bGVnZW5kSXRlbS55S2V5fS0ke2luZGV4fS0ke3Rvb2x0aXBEYXRhW2xlZ2VuZEl0ZW0ueUtleV0udmFsdWV9YH0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgIHtzaG91bGRTaG93Q29sb3JMZWdlbmQgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0ZFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmVydGljYWxBbGlnbjogJ21pZGRsZScsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmc6IGluZGV4ID09PSAwID8gJzEycHggOHB4IDAgMCcgOiAnOHB4IDhweCAwIDAnLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogJ2F1dG8nLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8TGVnZW5kSXRlbUJveFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb2xvcj17Z2V0Q29sb3Ioe1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRlZmF1bHRDb2xvcjogbGVnZW5kSXRlbS5jb2xvcixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZTogdG9vbHRpcERhdGFbbGVnZW5kSXRlbS55S2V5XS52YWx1ZSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB5S2V5OiBsZWdlbmRJdGVtLnlLZXksXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZXM6IGl0ZW0uY29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZXMgPz8gW10sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17bGVnZW5kSXRlbS5zdHlsZSBhcyBMaW5lU3R5bGVzfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB5S2V5PXtsZWdlbmRJdGVtLnlLZXl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgIDx0ZCBzdHlsZT17eyBwYWRkaW5nOiAnOHB4IDAgMCAwJyB9fT57a2V5c1tsZWdlbmRJdGVtLnlLZXldLmtleUZvcm1hdHRlZH08L3RkPlxuICAgICAgICAgICAgICAgICAgICAgICAgICA8dGQgc3R5bGU9e3sgZm9udFdlaWdodDogJ2JvbGQnLCBwYWRkaW5nOiAnOHB4IDAgMCAxNnB4JyB9fT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7dG9vbHRpcERhdGFbbGVnZW5kSXRlbS55S2V5XS5mb3JtYXR0ZWRWYWx1ZVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPyB0b29sdGlwRGF0YVtsZWdlbmRJdGVtLnlLZXldLmZvcm1hdHRlZFZhbHVlXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICA6IHRvb2x0aXBEYXRhW2xlZ2VuZEl0ZW0ueUtleV0udmFsdWV9XG4gICAgICAgICAgICAgICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L3RyPlxuICAgICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICAgIDwvRnJhZ21lbnQ+XG4gICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9KX1cblxuICAgICAgICAgICAge3Nob3dSb3VuZGVkVG90YWwgJiYgeUtleXMgJiYgKFxuICAgICAgICAgICAgICA8dHI+XG4gICAgICAgICAgICAgICAgPHRkIGNvbFNwYW49ezJ9IHN0eWxlPXt7IHBhZGRpbmc6ICcxMnB4IDAgMCAwJyB9fT5cbiAgICAgICAgICAgICAgICAgIFJvdW5kZWQgVG90YWxcbiAgICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICAgIDx0ZCBzdHlsZT17eyBmb250V2VpZ2h0OiAnYm9sZCcsIHBhZGRpbmc6ICcxMnB4IDAgMCAxNnB4JyB9fT5cbiAgICAgICAgICAgICAgICAgIHt5S2V5cy5yZWR1Y2UoKHRvdGFsLCBrZXkpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIHRvdGFsICsgTWF0aC5yb3VuZCh0b29sdGlwRGF0YVtrZXldLnZhbHVlIGFzIG51bWJlcik7XG4gICAgICAgICAgICAgICAgICB9LCAwKX1cbiAgICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICA8L3RyPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L3Rib2R5PlxuICAgICAgICA8L3RhYmxlPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+LFxuICAgIGRvY3VtZW50LmJvZHksXG4gICk7XG59O1xuIl19 */",
+          toString: _EMOTION_STRINGIFIED_CSS_ERROR__$8
+        }),
+        children: jsxs("tbody", {
+          children: [items.map(function (item, index) {
+            var _item$legendItems;
+            return jsx(Fragment, {
+              children: (_item$legendItems = item.legendItems) == null ? void 0 : _item$legendItems.map(function (legendItem, index) {
+                var _item$visibleYKeys, _item$conditionalForm;
+                if (!tooltipData[legendItem.yKey] || tooltipData[legendItem.yKey].value === null) {
+                  // yKey could not be found in tooltipData
+                  return null;
+                }
+                return ((_item$visibleYKeys = item.visibleYKeys) == null ? void 0 : _item$visibleYKeys.includes(legendItem.yKey)) && jsxs("tr", {
+                  children: [shouldShowColorLegend && jsx("td", {
+                    style: {
+                      verticalAlign: 'middle',
+                      padding: index === 0 ? '12px 8px 0 0' : '8px 8px 0 0',
+                      width: 'auto'
+                    },
+                    children: jsx(LegendItemBox, {
+                      color: getColor({
+                        defaultColor: legendItem.color,
+                        value: tooltipData[legendItem.yKey].value,
+                        yKey: legendItem.yKey,
+                        conditionalFormattingRules: (_item$conditionalForm = item.conditionalFormattingRules) != null ? _item$conditionalForm : []
+                      }),
+                      style: legendItem.style,
+                      yKey: legendItem.yKey
+                    })
+                  }), jsx("td", {
+                    style: {
+                      padding: '8px 0 0 0'
+                    },
+                    children: keys[legendItem.yKey].keyFormatted
+                  }), jsx("td", {
+                    style: {
+                      fontWeight: 'bold',
+                      padding: '8px 0 0 16px'
+                    },
+                    children: tooltipData[legendItem.yKey].formattedValue ? tooltipData[legendItem.yKey].formattedValue : tooltipData[legendItem.yKey].value
+                  })]
+                }, legendItem.yKey + "-" + index + "-" + tooltipData[legendItem.yKey].value);
+              })
+            }, index);
+          }), showRoundedTotal && yKeys && jsxs("tr", {
+            children: [jsx("td", {
+              colSpan: 2,
+              style: {
+                padding: '12px 0 0 0'
+              },
+              children: "Rounded Total"
+            }), jsx("td", {
+              style: {
+                fontWeight: 'bold',
+                padding: '12px 0 0 16px'
+              },
+              children: yKeys.reduce(function (total, key) {
+                return total + Math.round(tooltipData[key].value);
+              }, 0)
+            })]
+          })]
+        })
+      })]
+    })
+  }), document.body);
+};
+
+var CrosshairCircle = function CrosshairCircle(_ref) {
+  var dataType = _ref.dataType,
+    yKeys = _ref.yKeys,
+    tooltipData = _ref.tooltipData,
+    xKey = _ref.xKey,
+    margin = _ref.margin,
+    conditionalFormattingRules = _ref.conditionalFormattingRules,
+    legendItems = _ref.legendItems,
+    visibleYKeys = _ref.visibleYKeys,
+    yScale = _ref.yScale,
+    xScale = _ref.xScale;
+  return jsx(Fragment, {
+    children: yKeys.map(function (yKey) {
+      if (!xKey || !tooltipData[yKey] || tooltipData[yKey].value === null) return null;
+      if (tooltipData[xKey] && tooltipData[xKey].value && dataType && visibleYKeys.includes(yKey)) {
+        var xValue = tooltipData[xKey].value;
+        var xValueAdjusted = dataType === 'date_time' ? new Date(xValue) : dataType === 'number' ? Number(xValue) : String(xValue);
+        return jsx("circle", {
+          cx:
+          // @ts-ignore
+          xScale(xValueAdjusted) + margin.left,
+          cy: yScale(yKey) + margin.top,
+          r: 4,
+          fill: getColor({
+            defaultColor: legendItems.filter(function (legendItem) {
+              return legendItem.yKey === yKey;
+            })[0].color,
+            yKey: yKey,
+            value: tooltipData[yKey].value,
+            conditionalFormattingRules: conditionalFormattingRules
+          }),
+          strokeWidth: 2,
+          stroke: "#fff",
+          pointerEvents: "none"
+        }, yKey);
+      } else {
+        return null;
+      }
+    })
+  });
+};
+
+var Line = function Line(_ref) {
+  var margin = _ref.margin,
+    x = _ref.x,
+    height = _ref.height;
+  return jsx(Line$1, {
+    from: {
+      x: x,
+      y: margin.top
+    },
+    to: {
+      x: x,
+      y: height + margin.top
+    },
+    stroke: '#aaa',
+    strokeWidth: 2,
+    pointerEvents: "none",
+    opacity: 0.8
+  });
+};
+
 var LineChart$5 = function LineChart(_ref) {
   var _theme$axis;
   var chart = _ref.chart,
@@ -44485,6 +44566,26 @@ var LineChart$5 = function LineChart(_ref) {
   var handleMouseLeave = useCallback(function () {
     hideTooltip();
   }, [hideTooltip]);
+  var labelDictionary = useMemo(function () {
+    return getLabelDictionary(chart.data, chart.y.keys);
+  }, [chart.data, chart.y.keys]);
+  var memoizedLines = useMemo(function () {
+    if (xScaleKey === null || xScale === null) return null;
+    return jsx(Lines, {
+      lines: chart.lines,
+      conditionalFormattingRules: chart.conditionalFormattingRules,
+      curve: curve,
+      yKeys: chart.y.keys,
+      visibleYKeys: visibleYKeys,
+      data: dataFlattened,
+      xScaleKey: xScaleKey,
+      xScaleDataType: xScaleDataType,
+      xScale: xScale,
+      yScale: _yScale,
+      showLabels: options.showLabels,
+      labelDictionary: labelDictionary
+    });
+  }, [chart.lines, chart.conditionalFormattingRules, curve, chart.y.keys, visibleYKeys, dataFlattened, xScaleKey, xScaleDataType, xScale, _yScale, options.showLabels, labelDictionary]);
   if (width === 0 || height === 0 || xScale === null) return jsx(React__default.Fragment, {});
   var yTickValues = chart.y.ticks.map(function (tick) {
     return Number(tick.value);
@@ -44529,19 +44630,7 @@ var LineChart$5 = function LineChart(_ref) {
           ticks: yTickValues,
           stroke: theme == null || (_theme$axis = theme.axis) == null ? void 0 : _theme$axis.stroke
         }), jsx(Group$2, {
-          children: xScaleKey !== null && jsx(Lines, {
-            lines: chart.lines,
-            conditionalFormattingRules: chart.conditionalFormattingRules,
-            curve: curve,
-            yKeys: chart.y.keys,
-            visibleYKeys: visibleYKeys,
-            data: dataFlattened,
-            xScaleKey: xScaleKey,
-            xScaleDataType: xScaleDataType,
-            xScale: xScale,
-            yScale: _yScale,
-            showLabels: options.showLabels
-          })
+          children: memoizedLines
         })]
       }), tooltipData && jsxs("g", {
         children: [jsx(Line, {
@@ -44590,7 +44679,7 @@ var LineChart$5 = function LineChart(_ref) {
     })]
   });
 };
-function Lines(_ref2) {
+var Lines = /*#__PURE__*/memo(function Lines(_ref2) {
   var yKeys = _ref2.yKeys,
     visibleYKeys = _ref2.visibleYKeys,
     data = _ref2.data,
@@ -44601,7 +44690,8 @@ function Lines(_ref2) {
     lines = _ref2.lines,
     curve = _ref2.curve,
     conditionalFormattingRules = _ref2.conditionalFormattingRules,
-    showLabels = _ref2.showLabels;
+    showLabels = _ref2.showLabels,
+    labelDictionary = _ref2.labelDictionary;
   var _useMemo = useMemo(function () {
       var allBarValues = getAllChartValues(data, yKeys);
       var _getMinMaxChartValueF = getMinMaxChartValueFromNumberArray(allBarValues),
@@ -44667,7 +44757,8 @@ function Lines(_ref2) {
             totalItems: data.length,
             minValue: minValue,
             maxValue: maxValue,
-            showLabels: showLabels
+            showLabels: showLabels,
+            labelDictionary: labelDictionary
           });
         })]
       });
@@ -44722,33 +44813,35 @@ function Lines(_ref2) {
       }, clipPathId);
     })]
   });
-  function LineLabel(_ref5) {
-    var chartData = _ref5.chartData,
-      yKey = _ref5.yKey,
-      xScaleKey = _ref5.xScaleKey,
-      xScale = _ref5.xScale,
-      yScale = _ref5.yScale,
-      totalItems = _ref5.totalItems,
-      minValue = _ref5.minValue,
-      maxValue = _ref5.maxValue,
-      showLabels = _ref5.showLabels;
-    var xValue = chartData[xScaleKey];
-    var yValue = chartData[yKey];
-    var xPadding = 18;
-    var yPadding = 8;
-    var xPosition = xScale(xValue);
-    var yPosition = yScale(yValue);
-    var showMinMax = showMinMaxLabel(Number(yValue), totalItems, minValue, maxValue);
-    if (xPosition == null || yPosition == null || !showMinMax || !showLabels) return null;
-    return jsx(DataLabel, {
-      x: xPosition - xPadding,
-      y: yPosition - yPadding,
-      dx: 2,
-      dy: 0,
-      title: yValue
-    });
-  }
-}
+});
+var LineLabel = /*#__PURE__*/memo(function LineLabel(_ref5) {
+  var chartData = _ref5.chartData,
+    yKey = _ref5.yKey,
+    xScaleKey = _ref5.xScaleKey,
+    xScale = _ref5.xScale,
+    yScale = _ref5.yScale,
+    totalItems = _ref5.totalItems,
+    minValue = _ref5.minValue,
+    maxValue = _ref5.maxValue,
+    showLabels = _ref5.showLabels,
+    labelDictionary = _ref5.labelDictionary;
+  var xValue = chartData[xScaleKey];
+  var yValue = chartData[yKey];
+  var xPadding = 18;
+  var yPadding = 8;
+  var xPosition = xScale(xValue);
+  var yPosition = yScale(yValue);
+  var showMinMax = showMinMaxLabel(Number(yValue), totalItems, minValue, maxValue);
+  var displayValue = getFormattedValue(yValue, labelDictionary);
+  if (xPosition == null || yPosition == null || !showMinMax || !showLabels) return null;
+  return jsx(DataLabel, {
+    x: xPosition - xPadding,
+    y: yPosition - yPadding,
+    dx: 2,
+    dy: 0,
+    title: displayValue
+  });
+});
 
 var BAR_RADIUS = 2;
 
@@ -44794,7 +44887,8 @@ function BarGroup(_ref) {
     yLabelPosition = _ref.yLabelPosition,
     showDetailedSubGroupingLabels = _ref.showDetailedSubGroupingLabels,
     labelStyle = _ref.labelStyle,
-    showLabels = _ref.showLabels;
+    showLabels = _ref.showLabels,
+    formattedData = _ref.formattedData;
   var getGroupPosition = function getGroupPosition(d) {
     var xValue = d[xKey];
     if (xScaleDataType === 'string') return String(xValue);
@@ -44806,6 +44900,9 @@ function BarGroup(_ref) {
     }
     return String(xValue);
   };
+  var formattedLabelsDict = useMemo(function () {
+    return getLabelDictionary(formattedData, keys);
+  }, [formattedData, keys]);
   var _useMemo = useMemo(function () {
       var allBarValues = getAllChartValues(data, keys);
       var _getMinMaxChartValueF = getMinMaxChartValueFromNumberArray(allBarValues),
@@ -44854,7 +44951,9 @@ function BarGroup(_ref) {
               minValue: minValue,
               maxValue: maxValue,
               totalItems: totalItems,
-              showLabels: showLabels
+              showLabels: showLabels,
+              labelDictionary: formattedLabelsDict,
+              yScale: yScale
             }, "bar-" + bar.index + "-" + bar.x);
           })
         }, "bar-group-" + barGroup.index + "-" + barGroup.x0);
@@ -44876,11 +44975,17 @@ var Bar = function Bar(_ref2) {
     minValue = _ref2.minValue,
     maxValue = _ref2.maxValue,
     totalItems = _ref2.totalItems,
-    showLabels = _ref2.showLabels;
+    showLabels = _ref2.showLabels,
+    labelDictionary = _ref2.labelDictionary,
+    yScale = _ref2.yScale;
   var showBar = bar.value !== null && bar.height > 0 && bar.width > 0;
-  var labelX = bar.width < 10 ? bar.x - 14 : bar.x / 2;
-  var labelY = bar.y - 4;
+  var xPadding = 14;
+  var yPadding = 8;
+  var labelX = bar.x - xPadding;
+  var barTopY = yScale(bar.value);
+  var labelY = barTopY - yPadding;
   var showMinMax = showMinMaxLabel(bar.value, totalItems, minValue, maxValue);
+  var displayValue = getFormattedValue(bar.value, labelDictionary);
   return jsxs(Fragment, {
     children: [showBar && jsx(BarRect, {
       barRectKey: "bar-group-bar-" + barGroup.index + "-" + bar.index + "-" + bar.value + "-" + String(bar.key),
@@ -44896,7 +45001,7 @@ var Bar = function Bar(_ref2) {
     }), showLabels && showMinMax && jsx(DataLabel, {
       x: labelX,
       y: labelY,
-      title: bar.value,
+      title: displayValue,
       dx: 1,
       dy: 0
     }), jsx(BarLabel, {
@@ -44927,7 +45032,7 @@ var BarRect = function BarRect(_ref3) {
   } : {
     name: "1ltmijl-classes",
     styles: "cursor:pointer;label:classes;",
-    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJhckdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrTmdDIiwiZmlsZSI6IkJhckdyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2Nzcyc7XG5pbXBvcnQgeyBHcm91cCB9IGZyb20gJ0B2aXN4L2dyb3VwJztcbmltcG9ydCB7IEJhckdyb3VwIGFzIFZpc3hCYXJHcm91cCB9IGZyb20gJ0B2aXN4L3NoYXBlJztcbmltcG9ydCB7IERhdHVtT2JqZWN0IH0gZnJvbSAnQHZpc3gvc2hhcGUvbGliL3R5cGVzJztcbmltcG9ydCB7IFNjYWxlQmFuZCwgU2NhbGVMaW5lYXIgfSBmcm9tICdAdmlzeC92ZW5kb3IvZDMtc2NhbGUnO1xuaW1wb3J0IHsgRnJhZ21lbnQsIHVzZVN0YXRlLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQmFyU3R5bGVzIH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9CYXJDaGFydFYyL3R5cGVzJztcbmltcG9ydCB7IENoYXJ0RGF0YURlZmluaXRpb24sIENvbmRpdGlvbmFsRm9ybWF0dGluZ1J1bGUsIFNoYXBlRGVmaW5pdGlvbiB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvQ2hhcnRzVjIvdHlwZXMnO1xuaW1wb3J0IHsgRGF0YVR5cGUgfSBmcm9tICdzaGFyZWQtbG9naWMvc3JjL0ZpZWxkL3R5cGVzJztcbmltcG9ydCB7IGxpZ2h0ZW5Db2xvciB9IGZyb20gJy4uLy4uLy4uL3N0eWxlcy9jb2xvci5mdW5jdGlvbnMnO1xuaW1wb3J0IHsgQkFSX1JBRElVUyB9IGZyb20gJy4uLy4uL2NvbnN0YW50cy9CT1JERVJfUkFESVVTJztcbmltcG9ydCB7IGdldEJhckZpbGwgfSBmcm9tICcuLi9nZXRCYXJGaWxsJztcbmltcG9ydCB7IERhdGFMYWJlbCB9IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvRGF0YUxhYmVsJztcbmltcG9ydCB7XG4gIHNob3dNaW5NYXhMYWJlbCxcbiAgZ2V0TWluTWF4Q2hhcnRWYWx1ZUZyb21OdW1iZXJBcnJheSxcbiAgZ2V0QWxsQ2hhcnRWYWx1ZXMsXG59IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvRGF0YUxhYmVsL2luZGV4JztcblxuZXhwb3J0IHR5cGUgQmFyR3JvdXBQcm9wcyA9IHtcbiAgZGF0YTogQ2hhcnREYXRhRGVmaW5pdGlvbltdO1xuICBrZXlzOiBzdHJpbmdbXTtcbiAgaGVpZ2h0OiBudW1iZXI7XG4gIHhLZXk6IHN0cmluZztcbiAgeFNjYWxlRGF0YVR5cGU6IERhdGFUeXBlO1xuICB4U2NhbGU6IFNjYWxlQmFuZDxzdHJpbmc+IHwgU2NhbGVCYW5kPERhdGU+IHwgU2NhbGVCYW5kPG51bWJlcj4gfCBudWxsO1xuICBpbm5lclhTY2FsZTogU2NhbGVCYW5kPHN0cmluZz4gfCB1bmRlZmluZWQ7XG4gIHlTY2FsZTogU2NhbGVMaW5lYXI8bnVtYmVyLCBudW1iZXIsIG5ldmVyPjtcbiAgb25DbGljazogKGU6IFJlYWN0Lk1vdXNlRXZlbnQ8U1ZHUmVjdEVsZW1lbnQsIE1vdXNlRXZlbnQ+LCBiYXJHcm91cDogYW55LCBiYXI6IGFueSkgPT4gdm9pZDtcbiAgY29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZXM6IENvbmRpdGlvbmFsRm9ybWF0dGluZ1J1bGVbXTtcbiAgYmFyczogU2hhcGVEZWZpbml0aW9uPEJhclN0eWxlcz5bXTtcbiAgZW5hYmxlSG92ZXI/OiBib29sZWFuO1xuICB5QXhpc0xhYmVscz86IHN0cmluZ1tdO1xuICB5TGFiZWxQb3NpdGlvbj86IG51bWJlcjtcbiAgc2hvd0RldGFpbGVkU3ViR3JvdXBpbmdMYWJlbHM6IGJvb2xlYW47XG4gIGxhYmVsU3R5bGU/OiBSZWFjdC5DU1NQcm9wZXJ0aWVzO1xuICBzaG93TGFiZWxzPzogYm9vbGVhbjtcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBCYXJHcm91cCh7XG4gIGRhdGEsXG4gIGtleXMsXG4gIGhlaWdodCxcbiAgeEtleSxcbiAgeFNjYWxlRGF0YVR5cGUsXG4gIHhTY2FsZSxcbiAgaW5uZXJYU2NhbGUsXG4gIHlTY2FsZSxcbiAgb25DbGljayxcbiAgY29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZXMsXG4gIGJhcnMsXG4gIGVuYWJsZUhvdmVyLFxuICB5QXhpc0xhYmVscyxcbiAgeUxhYmVsUG9zaXRpb24sXG4gIHNob3dEZXRhaWxlZFN1Ykdyb3VwaW5nTGFiZWxzLFxuICBsYWJlbFN0eWxlLFxuICBzaG93TGFiZWxzLFxufTogQmFyR3JvdXBQcm9wcykge1xuICBjb25zdCBnZXRHcm91cFBvc2l0aW9uID0gKGQ6IERhdHVtT2JqZWN0KSA9PiB7XG4gICAgY29uc3QgeFZhbHVlID0gZFt4S2V5IGFzIGtleW9mIHR5cGVvZiBkXTtcblxuICAgIGlmICh4U2NhbGVEYXRhVHlwZSA9PT0gJ3N0cmluZycpIHJldHVybiBTdHJpbmcoeFZhbHVlKTtcblxuICAgIGlmICh4U2NhbGVEYXRhVHlwZSA9PT0gJ2RhdGVfdGltZScpIHtcbiAgICAgIHJldHVybiBuZXcgRGF0ZShTdHJpbmcoeFZhbHVlKSk7XG4gICAgfVxuXG4gICAgaWYgKHhTY2FsZURhdGFUeXBlID09PSAnbnVtYmVyJykge1xuICAgICAgcmV0dXJuIE51bWJlcih4VmFsdWUpO1xuICAgIH1cblxuICAgIHJldHVybiBTdHJpbmcoeFZhbHVlKTtcbiAgfTtcblxuICBjb25zdCB7IG1pblZhbHVlLCBtYXhWYWx1ZSwgdG90YWxJdGVtcyB9ID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3QgYWxsQmFyVmFsdWVzID0gZ2V0QWxsQ2hhcnRWYWx1ZXMoZGF0YSwga2V5cyk7XG4gICAgY29uc3QgeyBtaW5WYWx1ZSwgbWF4VmFsdWUgfSA9IGdldE1pbk1heENoYXJ0VmFsdWVGcm9tTnVtYmVyQXJyYXkoYWxsQmFyVmFsdWVzKTtcblxuICAgIHJldHVybiB7XG4gICAgICBtaW5WYWx1ZSxcbiAgICAgIG1heFZhbHVlLFxuICAgICAgdG90YWxJdGVtczogYWxsQmFyVmFsdWVzLmxlbmd0aCxcbiAgICB9O1xuICB9LCBbZGF0YSwga2V5c10pO1xuXG4gIHJldHVybiAoXG4gICAgPFZpc3hCYXJHcm91cDxEYXR1bU9iamVjdD5cbiAgICAgIGRhdGE9e2RhdGEgYXMgRGF0dW1PYmplY3RbXX1cbiAgICAgIGtleXM9e2tleXN9XG4gICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgIHgwPXtnZXRHcm91cFBvc2l0aW9ufVxuICAgICAgLy8gQHRzLWlnbm9yZVxuICAgICAgeDBTY2FsZT17eFNjYWxlfVxuICAgICAgLy8gQHRzLWlnbm9yZVxuICAgICAgeDFTY2FsZT17aW5uZXJYU2NhbGV9XG4gICAgICB5U2NhbGU9e3lTY2FsZX1cbiAgICAgIGNvbG9yPXsoKSA9PiAnJ31cbiAgICA+XG4gICAgICB7KGJhckdyb3VwcykgPT4ge1xuICAgICAgICByZXR1cm4gYmFyR3JvdXBzLm1hcCgoYmFyR3JvdXApID0+IChcbiAgICAgICAgICA8R3JvdXAga2V5PXtgYmFyLWdyb3VwLSR7YmFyR3JvdXAuaW5kZXh9LSR7YmFyR3JvdXAueDB9YH0gbGVmdD17YmFyR3JvdXAueDB9PlxuICAgICAgICAgICAge2Jhckdyb3VwLmJhcnMubWFwKChiYXIpID0+IChcbiAgICAgICAgICAgICAgPEJhclxuICAgICAgICAgICAgICAgIGtleT17YGJhci0ke2Jhci5pbmRleH0tJHtiYXIueH1gfVxuICAgICAgICAgICAgICAgIGJhcj17YmFyfVxuICAgICAgICAgICAgICAgIGJhckdyb3VwPXtiYXJHcm91cH1cbiAgICAgICAgICAgICAgICBiYXJzPXtiYXJzfVxuICAgICAgICAgICAgICAgIGNvbmRpdGlvbmFsRm9ybWF0dGluZ1J1bGVzPXtjb25kaXRpb25hbEZvcm1hdHRpbmdSdWxlc31cbiAgICAgICAgICAgICAgICBlbmFibGVIb3Zlcj17ZW5hYmxlSG92ZXJ9XG4gICAgICAgICAgICAgICAgbGFiZWxTdHlsZT17bGFiZWxTdHlsZX1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgICAgICAgIHNob3dEZXRhaWxlZFN1Ykdyb3VwaW5nTGFiZWxzPXtzaG93RGV0YWlsZWRTdWJHcm91cGluZ0xhYmVsc31cbiAgICAgICAgICAgICAgICB5QXhpc0xhYmVscz17eUF4aXNMYWJlbHN9XG4gICAgICAgICAgICAgICAgeUxhYmVsUG9zaXRpb249e3lMYWJlbFBvc2l0aW9ufVxuICAgICAgICAgICAgICAgIG1pblZhbHVlPXttaW5WYWx1ZX1cbiAgICAgICAgICAgICAgICBtYXhWYWx1ZT17bWF4VmFsdWV9XG4gICAgICAgICAgICAgICAgdG90YWxJdGVtcz17dG90YWxJdGVtc31cbiAgICAgICAgICAgICAgICBzaG93TGFiZWxzPXtzaG93TGFiZWxzfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgICAgPC9Hcm91cD5cbiAgICAgICAgKSk7XG4gICAgICB9fVxuICAgIDwvVmlzeEJhckdyb3VwPlxuICApO1xufVxuXG50eXBlIEJhclByb3BzID0ge1xuICBiYXI6IGFueTtcbiAgYmFyR3JvdXA6IGFueTtcbiAgYmFyczogU2hhcGVEZWZpbml0aW9uPEJhclN0eWxlcz5bXTtcbiAgY29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZXM6IENvbmRpdGlvbmFsRm9ybWF0dGluZ1J1bGVbXTtcbiAgZW5hYmxlSG92ZXI/OiBib29sZWFuO1xuICBvbkNsaWNrOiAoZTogUmVhY3QuTW91c2VFdmVudDxTVkdSZWN0RWxlbWVudCwgTW91c2VFdmVudD4sIGJhckdyb3VwOiBhbnksIGJhcjogYW55KSA9PiB2b2lkO1xuICBzaG93RGV0YWlsZWRTdWJHcm91cGluZ0xhYmVsczogYm9vbGVhbjtcbiAgbGFiZWxTdHlsZT86IFJlYWN0LkNTU1Byb3BlcnRpZXM7XG4gIHlBeGlzTGFiZWxzPzogc3RyaW5nW107XG4gIHlMYWJlbFBvc2l0aW9uPzogbnVtYmVyO1xuICBtaW5WYWx1ZTogbnVtYmVyO1xuICBtYXhWYWx1ZTogbnVtYmVyO1xuICB0b3RhbEl0ZW1zOiBudW1iZXI7XG4gIHNob3dMYWJlbHM/OiBib29sZWFuO1xufTtcblxuY29uc3QgQmFyID0gKHtcbiAgYmFyLFxuICBiYXJHcm91cCxcbiAgYmFycyxcbiAgY29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZXMsXG4gIGVuYWJsZUhvdmVyLFxuICBsYWJlbFN0eWxlLFxuICBvbkNsaWNrLFxuICBzaG93RGV0YWlsZWRTdWJHcm91cGluZ0xhYmVscyxcbiAgeUF4aXNMYWJlbHMsXG4gIHlMYWJlbFBvc2l0aW9uLFxuICBtaW5WYWx1ZSxcbiAgbWF4VmFsdWUsXG4gIHRvdGFsSXRlbXMsXG4gIHNob3dMYWJlbHMsXG59OiBCYXJQcm9wcykgPT4ge1xuICBjb25zdCBzaG93QmFyID0gYmFyLnZhbHVlICE9PSBudWxsICYmIGJhci5oZWlnaHQgPiAwICYmIGJhci53aWR0aCA+IDA7XG5cbiAgY29uc3QgbGFiZWxYID0gYmFyLndpZHRoIDwgMTAgPyBiYXIueCAtIDE0IDogYmFyLnggLyAyO1xuICBjb25zdCBsYWJlbFkgPSBiYXIueSAtIDQ7XG5cbiAgY29uc3Qgc2hvd01pbk1heCA9IHNob3dNaW5NYXhMYWJlbChiYXIudmFsdWUsIHRvdGFsSXRlbXMsIG1pblZhbHVlLCBtYXhWYWx1ZSk7XG5cbiAgcmV0dXJuIChcbiAgICA8RnJhZ21lbnQ+XG4gICAgICB7c2hvd0JhciAmJiAoXG4gICAgICAgIDxCYXJSZWN0XG4gICAgICAgICAgYmFyUmVjdEtleT17YGJhci1ncm91cC1iYXItJHtiYXJHcm91cC5pbmRleH0tJHtiYXIuaW5kZXh9LSR7YmFyLnZhbHVlfS0ke1N0cmluZyhiYXIua2V5KX1gfVxuICAgICAgICAgIHg9e2Jhci54fVxuICAgICAgICAgIHk9e2Jhci55fVxuICAgICAgICAgIHdpZHRoPXtiYXIud2lkdGh9XG4gICAgICAgICAgaGVpZ2h0PXtiYXIuaGVpZ2h0fVxuICAgICAgICAgIGZpbGw9e2dldEJhckZpbGwoYmFycywgY29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZXMsIFN0cmluZyhiYXIua2V5KSwgYmFyLnZhbHVlKX1cbiAgICAgICAgICBvbkNsaWNrPXsoZSkgPT4gb25DbGljayhlLCBiYXJHcm91cCwgYmFyKX1cbiAgICAgICAgICBlbmFibGVIb3Zlcj17ZW5hYmxlSG92ZXJ9XG4gICAgICAgIC8+XG4gICAgICApfVxuXG4gICAgICB7c2hvd0xhYmVscyAmJiBzaG93TWluTWF4ICYmIDxEYXRhTGFiZWwgeD17bGFiZWxYfSB5PXtsYWJlbFl9IHRpdGxlPXtiYXIudmFsdWV9IGR4PXsxfSBkeT17MH0gLz59XG5cbiAgICAgIDxCYXJMYWJlbFxuICAgICAgICBiYXI9e2Jhcn1cbiAgICAgICAgYmFyR3JvdXA9e2Jhckdyb3VwfVxuICAgICAgICB5TGFiZWxQb3NpdGlvbj17eUxhYmVsUG9zaXRpb259XG4gICAgICAgIHlBeGlzTGFiZWxzPXt5QXhpc0xhYmVsc31cbiAgICAgICAgc2hvd0RldGFpbGVkU3ViR3JvdXBpbmdMYWJlbHM9e3Nob3dEZXRhaWxlZFN1Ykdyb3VwaW5nTGFiZWxzfVxuICAgICAgICBsYWJlbFN0eWxlPXtsYWJlbFN0eWxlfVxuICAgICAgLz5cbiAgICA8L0ZyYWdtZW50PlxuICApO1xufTtcblxudHlwZSBCYXJSZWN0UHJvcHMgPSB7XG4gIG9uQ2xpY2s6IChlOiBSZWFjdC5Nb3VzZUV2ZW50PFNWR1JlY3RFbGVtZW50LCBNb3VzZUV2ZW50PikgPT4gdm9pZDtcbiAgZmlsbD86IHN0cmluZztcbiAgeDogbnVtYmVyO1xuICB5OiBudW1iZXI7XG4gIHdpZHRoOiBudW1iZXI7XG4gIGhlaWdodDogbnVtYmVyO1xuICBiYXJSZWN0S2V5OiBzdHJpbmc7XG4gIGVuYWJsZUhvdmVyPzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IEJhclJlY3QgPSAoeyBvbkNsaWNrLCBmaWxsLCB4LCB5LCB3aWR0aCwgaGVpZ2h0LCBiYXJSZWN0S2V5LCBlbmFibGVIb3ZlciB9OiBCYXJSZWN0UHJvcHMpID0+IHtcbiAgY29uc3QgW2ZpbGxDb2xvciwgc2V0RmlsbENvbG9yXSA9IHVzZVN0YXRlKGZpbGwpO1xuXG4gIGNvbnN0IGNsYXNzZXMgPSBlbmFibGVIb3ZlciA/IGNzcyh7IGN1cnNvcjogJ3BvaW50ZXInIH0pIDogJyc7XG5cbiAgY29uc3QgaGFuZGxlT25Nb3VzZUVudGVyID0gKCkgPT4ge1xuICAgIGlmIChlbmFibGVIb3Zlcikge1xuICAgICAgc2V0RmlsbENvbG9yKGxpZ2h0ZW5Db2xvcihmaWxsLCAwLjgpKTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlT25Nb3VzZUxlYXZlID0gKCkgPT4ge1xuICAgIGlmIChlbmFibGVIb3Zlcikge1xuICAgICAgc2V0RmlsbENvbG9yKGZpbGwpO1xuICAgIH1cbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxyZWN0XG4gICAgICBrZXk9e2JhclJlY3RLZXl9XG4gICAgICB4PXt4fVxuICAgICAgeT17eX1cbiAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgIGhlaWdodD17aGVpZ2h0fVxuICAgICAgZmlsbD17ZmlsbENvbG9yfVxuICAgICAgcng9e0JBUl9SQURJVVN9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgb25Nb3VzZUVudGVyPXtoYW5kbGVPbk1vdXNlRW50ZXJ9XG4gICAgICBvbk1vdXNlTGVhdmU9e2hhbmRsZU9uTW91c2VMZWF2ZX1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3Nlc31cbiAgICAvPlxuICApO1xufTtcblxudHlwZSBCYXJMYWJlbFByb3BzID0ge1xuICBiYXI6IGFueTtcbiAgYmFyR3JvdXA6IGFueTtcbiAgeUxhYmVsUG9zaXRpb24/OiBudW1iZXI7XG4gIHlBeGlzTGFiZWxzPzogc3RyaW5nW107XG4gIHNob3dEZXRhaWxlZFN1Ykdyb3VwaW5nTGFiZWxzOiBib29sZWFuO1xuICBsYWJlbFN0eWxlPzogUmVhY3QuQ1NTUHJvcGVydGllcztcbn07XG5cbmNvbnN0IEJhckxhYmVsID0gKHtcbiAgYmFyLFxuICBiYXJHcm91cCxcbiAgeUxhYmVsUG9zaXRpb24sXG4gIHlBeGlzTGFiZWxzLFxuICBzaG93RGV0YWlsZWRTdWJHcm91cGluZ0xhYmVscyxcbiAgbGFiZWxTdHlsZSxcbn06IEJhckxhYmVsUHJvcHMpID0+IHtcbiAgaWYgKCFzaG93RGV0YWlsZWRTdWJHcm91cGluZ0xhYmVscyB8fCAheUxhYmVsUG9zaXRpb24gfHwgIXlBeGlzTGFiZWxzKSByZXR1cm4gbnVsbDtcblxuICBjb25zdCBsYWJlbCA9IHlBeGlzTGFiZWxzW2Jhci5pbmRleF07XG4gIGNvbnN0IGNvbHVtbkxhYmVsID0gbGFiZWwuc3BsaXQoJ+KAoicpWzBdO1xuXG4gIGxldCBmb3JtYXR0ZWRDb2x1bW5MYWJlbDogc3RyaW5nO1xuICBpZiAoY29sdW1uTGFiZWwubGVuZ3RoID49IDEzKSB7XG4gICAgZm9ybWF0dGVkQ29sdW1uTGFiZWwgPSBjb2x1bW5MYWJlbC5zbGljZSgwLCAxMCkgKyAnLi4uJztcbiAgfSBlbHNlIHtcbiAgICBmb3JtYXR0ZWRDb2x1bW5MYWJlbCA9IGNvbHVtbkxhYmVsLnNsaWNlKDAsIDEzKTtcbiAgfVxuXG4gIGNvbnN0IGxhYmVsWEdhcCA9IDQ7XG4gIGNvbnN0IGxhYmVsWFBvc2l0aW9uID0gYmFyLnggKyBiYXIud2lkdGggLyAyICsgbGFiZWxYR2FwO1xuXG4gIGNvbnN0IGxhYmVsWUdhcCA9IDE1O1xuICBjb25zdCBsYWJlbFlQb3NpdGlvbiA9IHlMYWJlbFBvc2l0aW9uICsgbGFiZWxZR2FwO1xuXG4gIGNvbnN0IGxhYmVsS2V5ID0gYGxhYmVsLSR7YmFyR3JvdXAuaW5kZXh9LSR7YmFyLmluZGV4fS0ke2xhYmVsfWA7XG5cbiAgcmV0dXJuIChcbiAgICA8dGV4dFxuICAgICAga2V5PXtsYWJlbEtleX1cbiAgICAgIHg9e2xhYmVsWFBvc2l0aW9ufVxuICAgICAgeT17bGFiZWxZUG9zaXRpb259XG4gICAgICBzdHlsZT17bGFiZWxTdHlsZX1cbiAgICAgIHRyYW5zZm9ybT17YHJvdGF0ZSgtNzAsICR7bGFiZWxYUG9zaXRpb259LCAke2xhYmVsWVBvc2l0aW9ufSlgfVxuICAgICAgdGV4dEFuY2hvcj1cImVuZFwiXG4gICAgPlxuICAgICAge2Zvcm1hdHRlZENvbHVtbkxhYmVsfVxuICAgIDwvdGV4dD5cbiAgKTtcbn07XG4iXX0= */",
+    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJhckdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrT2dDIiwiZmlsZSI6IkJhckdyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2Nzcyc7XG5pbXBvcnQgeyBHcm91cCB9IGZyb20gJ0B2aXN4L2dyb3VwJztcbmltcG9ydCB7IEJhckdyb3VwIGFzIFZpc3hCYXJHcm91cCB9IGZyb20gJ0B2aXN4L3NoYXBlJztcbmltcG9ydCB7IERhdHVtT2JqZWN0IH0gZnJvbSAnQHZpc3gvc2hhcGUvbGliL3R5cGVzJztcbmltcG9ydCB7IFNjYWxlQmFuZCwgU2NhbGVMaW5lYXIgfSBmcm9tICdAdmlzeC92ZW5kb3IvZDMtc2NhbGUnO1xuaW1wb3J0IHsgRnJhZ21lbnQsIHVzZVN0YXRlLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQmFyU3R5bGVzIH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9CYXJDaGFydFYyL3R5cGVzJztcbmltcG9ydCB7IENoYXJ0RGF0YURlZmluaXRpb24sIENvbmRpdGlvbmFsRm9ybWF0dGluZ1J1bGUsIFNoYXBlRGVmaW5pdGlvbiB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvQ2hhcnRzVjIvdHlwZXMnO1xuaW1wb3J0IHsgRGF0YVR5cGUgfSBmcm9tICdzaGFyZWQtbG9naWMvc3JjL0ZpZWxkL3R5cGVzJztcbmltcG9ydCB7IGxpZ2h0ZW5Db2xvciB9IGZyb20gJy4uLy4uLy4uL3N0eWxlcy9jb2xvci5mdW5jdGlvbnMnO1xuaW1wb3J0IHsgQkFSX1JBRElVUyB9IGZyb20gJy4uLy4uL2NvbnN0YW50cy9CT1JERVJfUkFESVVTJztcbmltcG9ydCB7IGdldEJhckZpbGwgfSBmcm9tICcuLi9nZXRCYXJGaWxsJztcbmltcG9ydCB7IERhdGFMYWJlbCB9IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvRGF0YUxhYmVsJztcbmltcG9ydCB7XG4gIHNob3dNaW5NYXhMYWJlbCxcbiAgZ2V0TWluTWF4Q2hhcnRWYWx1ZUZyb21OdW1iZXJBcnJheSxcbiAgZ2V0QWxsQ2hhcnRWYWx1ZXMsXG4gIGdldExhYmVsRGljdGlvbmFyeSxcbiAgZ2V0Rm9ybWF0dGVkVmFsdWUsXG59IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvRGF0YUxhYmVsL2luZGV4JztcblxuZXhwb3J0IHR5cGUgQmFyR3JvdXBQcm9wcyA9IHtcbiAgZGF0YTogQ2hhcnREYXRhRGVmaW5pdGlvbltdO1xuICBrZXlzOiBzdHJpbmdbXTtcbiAgaGVpZ2h0OiBudW1iZXI7XG4gIHhLZXk6IHN0cmluZztcbiAgeFNjYWxlRGF0YVR5cGU6IERhdGFUeXBlO1xuICB4U2NhbGU6IFNjYWxlQmFuZDxzdHJpbmc+IHwgU2NhbGVCYW5kPERhdGU+IHwgU2NhbGVCYW5kPG51bWJlcj4gfCBudWxsO1xuICBpbm5lclhTY2FsZTogU2NhbGVCYW5kPHN0cmluZz4gfCB1bmRlZmluZWQ7XG4gIHlTY2FsZTogU2NhbGVMaW5lYXI8bnVtYmVyLCBudW1iZXIsIG5ldmVyPjtcbiAgb25DbGljazogKGU6IFJlYWN0Lk1vdXNlRXZlbnQ8U1ZHUmVjdEVsZW1lbnQsIE1vdXNlRXZlbnQ+LCBiYXJHcm91cDogYW55LCBiYXI6IGFueSkgPT4gdm9pZDtcbiAgY29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZXM6IENvbmRpdGlvbmFsRm9ybWF0dGluZ1J1bGVbXTtcbiAgYmFyczogU2hhcGVEZWZpbml0aW9uPEJhclN0eWxlcz5bXTtcbiAgZW5hYmxlSG92ZXI/OiBib29sZWFuO1xuICB5QXhpc0xhYmVscz86IHN0cmluZ1tdO1xuICB5TGFiZWxQb3NpdGlvbj86IG51bWJlcjtcbiAgc2hvd0RldGFpbGVkU3ViR3JvdXBpbmdMYWJlbHM6IGJvb2xlYW47XG4gIGxhYmVsU3R5bGU/OiBSZWFjdC5DU1NQcm9wZXJ0aWVzO1xuICBzaG93TGFiZWxzPzogYm9vbGVhbjtcbiAgZm9ybWF0dGVkRGF0YT86IENoYXJ0RGF0YURlZmluaXRpb25bXTtcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBCYXJHcm91cCh7XG4gIGRhdGEsXG4gIGtleXMsXG4gIGhlaWdodCxcbiAgeEtleSxcbiAgeFNjYWxlRGF0YVR5cGUsXG4gIHhTY2FsZSxcbiAgaW5uZXJYU2NhbGUsXG4gIHlTY2FsZSxcbiAgb25DbGljayxcbiAgY29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZXMsXG4gIGJhcnMsXG4gIGVuYWJsZUhvdmVyLFxuICB5QXhpc0xhYmVscyxcbiAgeUxhYmVsUG9zaXRpb24sXG4gIHNob3dEZXRhaWxlZFN1Ykdyb3VwaW5nTGFiZWxzLFxuICBsYWJlbFN0eWxlLFxuICBzaG93TGFiZWxzLFxuICBmb3JtYXR0ZWREYXRhLFxufTogQmFyR3JvdXBQcm9wcykge1xuICBjb25zdCBnZXRHcm91cFBvc2l0aW9uID0gKGQ6IERhdHVtT2JqZWN0KSA9PiB7XG4gICAgY29uc3QgeFZhbHVlID0gZFt4S2V5IGFzIGtleW9mIHR5cGVvZiBkXTtcblxuICAgIGlmICh4U2NhbGVEYXRhVHlwZSA9PT0gJ3N0cmluZycpIHJldHVybiBTdHJpbmcoeFZhbHVlKTtcblxuICAgIGlmICh4U2NhbGVEYXRhVHlwZSA9PT0gJ2RhdGVfdGltZScpIHtcbiAgICAgIHJldHVybiBuZXcgRGF0ZShTdHJpbmcoeFZhbHVlKSk7XG4gICAgfVxuXG4gICAgaWYgKHhTY2FsZURhdGFUeXBlID09PSAnbnVtYmVyJykge1xuICAgICAgcmV0dXJuIE51bWJlcih4VmFsdWUpO1xuICAgIH1cblxuICAgIHJldHVybiBTdHJpbmcoeFZhbHVlKTtcbiAgfTtcblxuICBjb25zdCBmb3JtYXR0ZWRMYWJlbHNEaWN0ID0gdXNlTWVtbygoKSA9PiB7XG4gICAgcmV0dXJuIGdldExhYmVsRGljdGlvbmFyeShmb3JtYXR0ZWREYXRhLCBrZXlzKTtcbiAgfSwgW2Zvcm1hdHRlZERhdGEsIGtleXNdKTtcblxuICBjb25zdCB7IG1pblZhbHVlLCBtYXhWYWx1ZSwgdG90YWxJdGVtcyB9ID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3QgYWxsQmFyVmFsdWVzID0gZ2V0QWxsQ2hhcnRWYWx1ZXMoZGF0YSwga2V5cyk7XG4gICAgY29uc3QgeyBtaW5WYWx1ZSwgbWF4VmFsdWUgfSA9IGdldE1pbk1heENoYXJ0VmFsdWVGcm9tTnVtYmVyQXJyYXkoYWxsQmFyVmFsdWVzKTtcblxuICAgIHJldHVybiB7XG4gICAgICBtaW5WYWx1ZSxcbiAgICAgIG1heFZhbHVlLFxuICAgICAgdG90YWxJdGVtczogYWxsQmFyVmFsdWVzLmxlbmd0aCxcbiAgICB9O1xuICB9LCBbZGF0YSwga2V5c10pO1xuICByZXR1cm4gKFxuICAgIDxWaXN4QmFyR3JvdXA8RGF0dW1PYmplY3Q+XG4gICAgICBkYXRhPXtkYXRhIGFzIERhdHVtT2JqZWN0W119XG4gICAgICBrZXlzPXtrZXlzfVxuICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICB4MD17Z2V0R3JvdXBQb3NpdGlvbn1cbiAgICAgIC8vIEB0cy1pZ25vcmVcbiAgICAgIHgwU2NhbGU9e3hTY2FsZX1cbiAgICAgIC8vIEB0cy1pZ25vcmVcbiAgICAgIHgxU2NhbGU9e2lubmVyWFNjYWxlfVxuICAgICAgeVNjYWxlPXt5U2NhbGV9XG4gICAgICBjb2xvcj17KCkgPT4gJyd9XG4gICAgPlxuICAgICAgeyhiYXJHcm91cHMpID0+IHtcbiAgICAgICAgcmV0dXJuIGJhckdyb3Vwcy5tYXAoKGJhckdyb3VwKSA9PiAoXG4gICAgICAgICAgPEdyb3VwIGtleT17YGJhci1ncm91cC0ke2Jhckdyb3VwLmluZGV4fS0ke2Jhckdyb3VwLngwfWB9IGxlZnQ9e2Jhckdyb3VwLngwfT5cbiAgICAgICAgICAgIHtiYXJHcm91cC5iYXJzLm1hcCgoYmFyKSA9PiAoXG4gICAgICAgICAgICAgIDxCYXJcbiAgICAgICAgICAgICAgICBrZXk9e2BiYXItJHtiYXIuaW5kZXh9LSR7YmFyLnh9YH1cbiAgICAgICAgICAgICAgICBiYXI9e2Jhcn1cbiAgICAgICAgICAgICAgICBiYXJHcm91cD17YmFyR3JvdXB9XG4gICAgICAgICAgICAgICAgYmFycz17YmFyc31cbiAgICAgICAgICAgICAgICBjb25kaXRpb25hbEZvcm1hdHRpbmdSdWxlcz17Y29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZXN9XG4gICAgICAgICAgICAgICAgZW5hYmxlSG92ZXI9e2VuYWJsZUhvdmVyfVxuICAgICAgICAgICAgICAgIGxhYmVsU3R5bGU9e2xhYmVsU3R5bGV9XG4gICAgICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgICAgICBzaG93RGV0YWlsZWRTdWJHcm91cGluZ0xhYmVscz17c2hvd0RldGFpbGVkU3ViR3JvdXBpbmdMYWJlbHN9XG4gICAgICAgICAgICAgICAgeUF4aXNMYWJlbHM9e3lBeGlzTGFiZWxzfVxuICAgICAgICAgICAgICAgIHlMYWJlbFBvc2l0aW9uPXt5TGFiZWxQb3NpdGlvbn1cbiAgICAgICAgICAgICAgICBtaW5WYWx1ZT17bWluVmFsdWV9XG4gICAgICAgICAgICAgICAgbWF4VmFsdWU9e21heFZhbHVlfVxuICAgICAgICAgICAgICAgIHRvdGFsSXRlbXM9e3RvdGFsSXRlbXN9XG4gICAgICAgICAgICAgICAgc2hvd0xhYmVscz17c2hvd0xhYmVsc31cbiAgICAgICAgICAgICAgICBsYWJlbERpY3Rpb25hcnk9e2Zvcm1hdHRlZExhYmVsc0RpY3R9XG4gICAgICAgICAgICAgICAgeVNjYWxlPXt5U2NhbGV9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgICA8L0dyb3VwPlxuICAgICAgICApKTtcbiAgICAgIH19XG4gICAgPC9WaXN4QmFyR3JvdXA+XG4gICk7XG59XG5cbnR5cGUgQmFyUHJvcHMgPSB7XG4gIGJhcjogYW55O1xuICBiYXJHcm91cDogYW55O1xuICBiYXJzOiBTaGFwZURlZmluaXRpb248QmFyU3R5bGVzPltdO1xuICBjb25kaXRpb25hbEZvcm1hdHRpbmdSdWxlczogQ29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZVtdO1xuICBlbmFibGVIb3Zlcj86IGJvb2xlYW47XG4gIG9uQ2xpY2s6IChlOiBSZWFjdC5Nb3VzZUV2ZW50PFNWR1JlY3RFbGVtZW50LCBNb3VzZUV2ZW50PiwgYmFyR3JvdXA6IGFueSwgYmFyOiBhbnkpID0+IHZvaWQ7XG4gIHNob3dEZXRhaWxlZFN1Ykdyb3VwaW5nTGFiZWxzOiBib29sZWFuO1xuICBsYWJlbFN0eWxlPzogUmVhY3QuQ1NTUHJvcGVydGllcztcbiAgeUF4aXNMYWJlbHM/OiBzdHJpbmdbXTtcbiAgeUxhYmVsUG9zaXRpb24/OiBudW1iZXI7XG4gIG1pblZhbHVlOiBudW1iZXI7XG4gIG1heFZhbHVlOiBudW1iZXI7XG4gIHRvdGFsSXRlbXM6IG51bWJlcjtcbiAgc2hvd0xhYmVscz86IGJvb2xlYW47XG4gIGxhYmVsRGljdGlvbmFyeT86IHsgW2tleTogc3RyaW5nXTogc3RyaW5nIH07XG4gIHlTY2FsZTogU2NhbGVMaW5lYXI8bnVtYmVyLCBudW1iZXIsIG5ldmVyPjtcbn07XG5cbmNvbnN0IEJhciA9ICh7XG4gIGJhcixcbiAgYmFyR3JvdXAsXG4gIGJhcnMsXG4gIGNvbmRpdGlvbmFsRm9ybWF0dGluZ1J1bGVzLFxuICBlbmFibGVIb3ZlcixcbiAgbGFiZWxTdHlsZSxcbiAgb25DbGljayxcbiAgc2hvd0RldGFpbGVkU3ViR3JvdXBpbmdMYWJlbHMsXG4gIHlBeGlzTGFiZWxzLFxuICB5TGFiZWxQb3NpdGlvbixcbiAgbWluVmFsdWUsXG4gIG1heFZhbHVlLFxuICB0b3RhbEl0ZW1zLFxuICBzaG93TGFiZWxzLFxuICBsYWJlbERpY3Rpb25hcnksXG4gIHlTY2FsZSxcbn06IEJhclByb3BzKSA9PiB7XG4gIGNvbnN0IHNob3dCYXIgPSBiYXIudmFsdWUgIT09IG51bGwgJiYgYmFyLmhlaWdodCA+IDAgJiYgYmFyLndpZHRoID4gMDtcbiAgY29uc3QgeFBhZGRpbmcgPSAxNDtcbiAgY29uc3QgeVBhZGRpbmcgPSA4O1xuICBjb25zdCBsYWJlbFggPSBiYXIueCAtIHhQYWRkaW5nO1xuICBjb25zdCBiYXJUb3BZID0geVNjYWxlKGJhci52YWx1ZSk7XG4gIGNvbnN0IGxhYmVsWSA9IGJhclRvcFkgLSB5UGFkZGluZztcblxuICBjb25zdCBzaG93TWluTWF4ID0gc2hvd01pbk1heExhYmVsKGJhci52YWx1ZSwgdG90YWxJdGVtcywgbWluVmFsdWUsIG1heFZhbHVlKTtcblxuICBjb25zdCBkaXNwbGF5VmFsdWUgPSBnZXRGb3JtYXR0ZWRWYWx1ZShiYXIudmFsdWUsIGxhYmVsRGljdGlvbmFyeSk7XG4gIHJldHVybiAoXG4gICAgPEZyYWdtZW50PlxuICAgICAge3Nob3dCYXIgJiYgKFxuICAgICAgICA8QmFyUmVjdFxuICAgICAgICAgIGJhclJlY3RLZXk9e2BiYXItZ3JvdXAtYmFyLSR7YmFyR3JvdXAuaW5kZXh9LSR7YmFyLmluZGV4fS0ke2Jhci52YWx1ZX0tJHtTdHJpbmcoYmFyLmtleSl9YH1cbiAgICAgICAgICB4PXtiYXIueH1cbiAgICAgICAgICB5PXtiYXIueX1cbiAgICAgICAgICB3aWR0aD17YmFyLndpZHRofVxuICAgICAgICAgIGhlaWdodD17YmFyLmhlaWdodH1cbiAgICAgICAgICBmaWxsPXtnZXRCYXJGaWxsKGJhcnMsIGNvbmRpdGlvbmFsRm9ybWF0dGluZ1J1bGVzLCBTdHJpbmcoYmFyLmtleSksIGJhci52YWx1ZSl9XG4gICAgICAgICAgb25DbGljaz17KGUpID0+IG9uQ2xpY2soZSwgYmFyR3JvdXAsIGJhcil9XG4gICAgICAgICAgZW5hYmxlSG92ZXI9e2VuYWJsZUhvdmVyfVxuICAgICAgICAvPlxuICAgICAgKX1cblxuICAgICAge3Nob3dMYWJlbHMgJiYgc2hvd01pbk1heCAmJiA8RGF0YUxhYmVsIHg9e2xhYmVsWH0geT17bGFiZWxZfSB0aXRsZT17ZGlzcGxheVZhbHVlfSBkeD17MX0gZHk9ezB9IC8+fVxuXG4gICAgICA8QmFyTGFiZWxcbiAgICAgICAgYmFyPXtiYXJ9XG4gICAgICAgIGJhckdyb3VwPXtiYXJHcm91cH1cbiAgICAgICAgeUxhYmVsUG9zaXRpb249e3lMYWJlbFBvc2l0aW9ufVxuICAgICAgICB5QXhpc0xhYmVscz17eUF4aXNMYWJlbHN9XG4gICAgICAgIHNob3dEZXRhaWxlZFN1Ykdyb3VwaW5nTGFiZWxzPXtzaG93RGV0YWlsZWRTdWJHcm91cGluZ0xhYmVsc31cbiAgICAgICAgbGFiZWxTdHlsZT17bGFiZWxTdHlsZX1cbiAgICAgIC8+XG4gICAgPC9GcmFnbWVudD5cbiAgKTtcbn07XG5cbnR5cGUgQmFyUmVjdFByb3BzID0ge1xuICBvbkNsaWNrOiAoZTogUmVhY3QuTW91c2VFdmVudDxTVkdSZWN0RWxlbWVudCwgTW91c2VFdmVudD4pID0+IHZvaWQ7XG4gIGZpbGw/OiBzdHJpbmc7XG4gIHg6IG51bWJlcjtcbiAgeTogbnVtYmVyO1xuICB3aWR0aDogbnVtYmVyO1xuICBoZWlnaHQ6IG51bWJlcjtcbiAgYmFyUmVjdEtleTogc3RyaW5nO1xuICBlbmFibGVIb3Zlcj86IGJvb2xlYW47XG59O1xuXG5jb25zdCBCYXJSZWN0ID0gKHsgb25DbGljaywgZmlsbCwgeCwgeSwgd2lkdGgsIGhlaWdodCwgYmFyUmVjdEtleSwgZW5hYmxlSG92ZXIgfTogQmFyUmVjdFByb3BzKSA9PiB7XG4gIGNvbnN0IFtmaWxsQ29sb3IsIHNldEZpbGxDb2xvcl0gPSB1c2VTdGF0ZShmaWxsKTtcblxuICBjb25zdCBjbGFzc2VzID0gZW5hYmxlSG92ZXIgPyBjc3MoeyBjdXJzb3I6ICdwb2ludGVyJyB9KSA6ICcnO1xuXG4gIGNvbnN0IGhhbmRsZU9uTW91c2VFbnRlciA9ICgpID0+IHtcbiAgICBpZiAoZW5hYmxlSG92ZXIpIHtcbiAgICAgIHNldEZpbGxDb2xvcihsaWdodGVuQ29sb3IoZmlsbCwgMC44KSk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZU9uTW91c2VMZWF2ZSA9ICgpID0+IHtcbiAgICBpZiAoZW5hYmxlSG92ZXIpIHtcbiAgICAgIHNldEZpbGxDb2xvcihmaWxsKTtcbiAgICB9XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8cmVjdFxuICAgICAga2V5PXtiYXJSZWN0S2V5fVxuICAgICAgeD17eH1cbiAgICAgIHk9e3l9XG4gICAgICB3aWR0aD17d2lkdGh9XG4gICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgIGZpbGw9e2ZpbGxDb2xvcn1cbiAgICAgIHJ4PXtCQVJfUkFESVVTfVxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgIG9uTW91c2VFbnRlcj17aGFuZGxlT25Nb3VzZUVudGVyfVxuICAgICAgb25Nb3VzZUxlYXZlPXtoYW5kbGVPbk1vdXNlTGVhdmV9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzZXN9XG4gICAgLz5cbiAgKTtcbn07XG5cbnR5cGUgQmFyTGFiZWxQcm9wcyA9IHtcbiAgYmFyOiBhbnk7XG4gIGJhckdyb3VwOiBhbnk7XG4gIHlMYWJlbFBvc2l0aW9uPzogbnVtYmVyO1xuICB5QXhpc0xhYmVscz86IHN0cmluZ1tdO1xuICBzaG93RGV0YWlsZWRTdWJHcm91cGluZ0xhYmVsczogYm9vbGVhbjtcbiAgbGFiZWxTdHlsZT86IFJlYWN0LkNTU1Byb3BlcnRpZXM7XG59O1xuXG5jb25zdCBCYXJMYWJlbCA9ICh7XG4gIGJhcixcbiAgYmFyR3JvdXAsXG4gIHlMYWJlbFBvc2l0aW9uLFxuICB5QXhpc0xhYmVscyxcbiAgc2hvd0RldGFpbGVkU3ViR3JvdXBpbmdMYWJlbHMsXG4gIGxhYmVsU3R5bGUsXG59OiBCYXJMYWJlbFByb3BzKSA9PiB7XG4gIGlmICghc2hvd0RldGFpbGVkU3ViR3JvdXBpbmdMYWJlbHMgfHwgIXlMYWJlbFBvc2l0aW9uIHx8ICF5QXhpc0xhYmVscykgcmV0dXJuIG51bGw7XG5cbiAgY29uc3QgbGFiZWwgPSB5QXhpc0xhYmVsc1tiYXIuaW5kZXhdO1xuICBjb25zdCBjb2x1bW5MYWJlbCA9IGxhYmVsLnNwbGl0KCfigKInKVswXTtcblxuICBsZXQgZm9ybWF0dGVkQ29sdW1uTGFiZWw6IHN0cmluZztcbiAgaWYgKGNvbHVtbkxhYmVsLmxlbmd0aCA+PSAxMykge1xuICAgIGZvcm1hdHRlZENvbHVtbkxhYmVsID0gY29sdW1uTGFiZWwuc2xpY2UoMCwgMTApICsgJy4uLic7XG4gIH0gZWxzZSB7XG4gICAgZm9ybWF0dGVkQ29sdW1uTGFiZWwgPSBjb2x1bW5MYWJlbC5zbGljZSgwLCAxMyk7XG4gIH1cblxuICBjb25zdCBsYWJlbFhHYXAgPSA0O1xuICBjb25zdCBsYWJlbFhQb3NpdGlvbiA9IGJhci54ICsgYmFyLndpZHRoIC8gMiArIGxhYmVsWEdhcDtcblxuICBjb25zdCBsYWJlbFlHYXAgPSAxNTtcbiAgY29uc3QgbGFiZWxZUG9zaXRpb24gPSB5TGFiZWxQb3NpdGlvbiArIGxhYmVsWUdhcDtcblxuICBjb25zdCBsYWJlbEtleSA9IGBsYWJlbC0ke2Jhckdyb3VwLmluZGV4fS0ke2Jhci5pbmRleH0tJHtsYWJlbH1gO1xuXG4gIHJldHVybiAoXG4gICAgPHRleHRcbiAgICAgIGtleT17bGFiZWxLZXl9XG4gICAgICB4PXtsYWJlbFhQb3NpdGlvbn1cbiAgICAgIHk9e2xhYmVsWVBvc2l0aW9ufVxuICAgICAgc3R5bGU9e2xhYmVsU3R5bGV9XG4gICAgICB0cmFuc2Zvcm09e2Byb3RhdGUoLTcwLCAke2xhYmVsWFBvc2l0aW9ufSwgJHtsYWJlbFlQb3NpdGlvbn0pYH1cbiAgICAgIHRleHRBbmNob3I9XCJlbmRcIlxuICAgID5cbiAgICAgIHtmb3JtYXR0ZWRDb2x1bW5MYWJlbH1cbiAgICA8L3RleHQ+XG4gICk7XG59O1xuIl19 */",
     toString: _EMOTION_STRINGIFIED_CSS_ERROR__$9
   }) : '';
   var handleOnMouseEnter = function handleOnMouseEnter() {
@@ -45264,7 +45369,8 @@ var BarChart$5 = function BarChart(_ref) {
             yAxisLabels: yAxisLabels,
             yLabelPosition: ySubLabelPosition,
             labelStyle: themeCSS.labels,
-            showLabels: options.showLabels
+            showLabels: options.showLabels,
+            formattedData: chart.data
           }), options.stacked && xScaleKey !== null && jsx(BarStacked, {
             data: dataFlattened,
             keys: chart.y.keys,
@@ -45519,6 +45625,9 @@ var AreaChart$5 = function AreaChart(_ref) {
     };
     return curveMap[(_options$curve = options.curve) != null ? _options$curve : 'natural'];
   }, [options.curve]);
+  var labelDictionary = useMemo(function () {
+    return getLabelDictionary(chart.data, chart.y.keys);
+  }, [chart.data, chart.y.keys]);
   if (width === 0 || height === 0 || xScale === null) return jsx(React__default.Fragment, {});
   var yTickValues = chart.y.ticks.map(function (tick) {
     return Number(tick.value);
@@ -45659,7 +45768,8 @@ var AreaChart$5 = function AreaChart(_ref) {
                   totalItems: dataFlattened.length,
                   minValue: minValue,
                   maxValue: maxValue,
-                  showLabels: options.showLabels
+                  showLabels: options.showLabels,
+                  labelDictionary: labelDictionary
                 });
               })]
             }, yKey + "-" + AREA_GRADIENT_ID_PREFIX);
@@ -45721,7 +45831,8 @@ function AreaLabel(_ref3) {
     totalItems = _ref3.totalItems,
     minValue = _ref3.minValue,
     maxValue = _ref3.maxValue,
-    showLabels = _ref3.showLabels;
+    showLabels = _ref3.showLabels,
+    labelDictionary = _ref3.labelDictionary;
   var xValue = chartData[xScaleKey];
   var yValue = chartData[yKey];
   var xPadding = 18;
@@ -45730,12 +45841,13 @@ function AreaLabel(_ref3) {
   var yPosition = yScale(yValue);
   var showMinMax = showMinMaxLabel(Number(yValue), totalItems, minValue, maxValue);
   if (xPosition == null || yPosition == null || !showMinMax || !showLabels) return null;
+  var displayValue = getFormattedValue(yValue, labelDictionary);
   return jsx(DataLabel, {
     x: xPosition - xPadding,
     y: yPosition - yPadding,
     dx: 2,
     dy: 0,
-    title: yValue
+    title: displayValue
   });
 }
 function Area(_ref4) {
@@ -46024,6 +46136,58 @@ function Bubbles(_ref2) {
   });
 }
 
+var RadarCrosshairCircle = function RadarCrosshairCircle(_ref) {
+  var tooltipData = _ref.tooltipData,
+    yKeys = _ref.yKeys,
+    legendItems = _ref.legendItems,
+    conditionalFormattingRules = _ref.conditionalFormattingRules,
+    visibleYKeys = _ref.visibleYKeys,
+    radius = _ref.radius,
+    yScale = _ref.yScale,
+    dataPointIndex = _ref.dataPointIndex,
+    totalDataPoints = _ref.totalDataPoints;
+  var radiusScale = scaleLinear({
+    range: [0, radius],
+    domain: [0, yScale.max],
+    nice: true
+  });
+  var step = Math.PI * 2 / totalDataPoints;
+  var yKeysTest = [].concat(yKeys);
+  if (yKeysTest.length > 1) {
+    var lastItem = yKeysTest.pop();
+    yKeysTest.unshift(lastItem);
+  }
+  return jsx(Fragment, {
+    children: yKeysTest.map(function (yKey) {
+      var _legendItems$filter$;
+      if (!tooltipData[yKey] || tooltipData[yKey].value === null || !visibleYKeys.includes(yKey)) {
+        return null;
+      }
+      var value = tooltipData[yKey].value;
+      var scaledRadius = radiusScale(value);
+      var angle = (dataPointIndex + 1) * step;
+      var x = scaledRadius * Math.sin(angle);
+      var y = scaledRadius * Math.cos(angle);
+      return jsx("circle", {
+        cx: x,
+        cy: y,
+        r: 6,
+        fill: getColor({
+          defaultColor: ((_legendItems$filter$ = legendItems.filter(function (legendItem) {
+            return legendItem.yKey === yKey;
+          })[0]) == null ? void 0 : _legendItems$filter$.color) || '#000',
+          yKey: yKey,
+          value: tooltipData[yKey].value,
+          conditionalFormattingRules: conditionalFormattingRules
+        }),
+        strokeWidth: 2,
+        stroke: "#fff",
+        pointerEvents: "none"
+      }, "radar-crosshair-" + yKey);
+    })
+  });
+};
+
 var getValue = function getValue(d, key) {
   return d[key].value;
 };
@@ -46053,7 +46217,9 @@ var genPolygonPoints = function genPolygonPoints(dataArray, scale, yKey) {
 var Polygons = function Polygons(_ref) {
   var chart = _ref.chart,
     radius = _ref.radius,
-    visibleYKeys = _ref.visibleYKeys;
+    visibleYKeys = _ref.visibleYKeys,
+    tooltipData = _ref.tooltipData,
+    hoveredDataPointIndex = _ref.hoveredDataPointIndex;
   var yKeys = chart.y.keys;
   var yScale = scaleLinear({
     range: [0, radius],
@@ -46066,16 +46232,26 @@ var Polygons = function Polygons(_ref) {
       return (_yScale = yScale(d)) != null ? _yScale : 0;
     }, yKey);
   });
-  return jsx(Fragment$1, {
-    children: polygonsPoints.map(function (polygonPoints) {
+  return jsxs(Fragment$1, {
+    children: [polygonsPoints.map(function (polygonPoints) {
       return jsx(SinglePolygon, {
         isVisible: visibleYKeys.includes(polygonPoints.yKey),
         polygonPoints: polygonPoints,
         colors: chart.lines.filter(function (legendItem) {
           return legendItem.yKey === polygonPoints.yKey;
         })[0].color
-      });
-    })
+      }, polygonPoints.yKey);
+    }), tooltipData && hoveredDataPointIndex !== undefined && hoveredDataPointIndex >= 0 && jsx(RadarCrosshairCircle, {
+      tooltipData: tooltipData,
+      yKeys: chart.y.keys,
+      legendItems: chart.lines,
+      conditionalFormattingRules: [],
+      visibleYKeys: visibleYKeys,
+      radius: radius,
+      yScale: chart.y.scale,
+      dataPointIndex: hoveredDataPointIndex,
+      totalDataPoints: chart.data.length
+    })]
   });
 };
 var SinglePolygon = function SinglePolygon(_ref2) {
@@ -46102,15 +46278,6 @@ var SinglePolygon = function SinglePolygon(_ref2) {
   });
 };
 
-var genPoints = function genPoints(length, radius) {
-  var step = Math.PI * 2 / length;
-  return [].concat(new Array(length)).map(function (_, i) {
-    return {
-      x: radius * Math.sin(i * step),
-      y: radius * Math.cos(i * step)
-    };
-  });
-};
 var MiddleLine = function MiddleLine(_ref) {
   var chart = _ref.chart,
     radius = _ref.radius,
@@ -46120,7 +46287,6 @@ var MiddleLine = function MiddleLine(_ref) {
   var _useState = useState([]),
     textWidths = _useState[0],
     setTextWidths = _useState[1];
-  var points = genPoints(chart.x.ticks.length, radius);
   var zeroPoint = new Point({
     x: 0,
     y: 0
@@ -46129,22 +46295,33 @@ var MiddleLine = function MiddleLine(_ref) {
     var _tick$formattedValue;
     return (_tick$formattedValue = tick.formattedValue) != null ? _tick$formattedValue : tick.value;
   });
+  var genPoints = function genPoints(length, radius) {
+    var step = Math.PI * 2 / length;
+    return new Array(length).fill(0).map(function (_, i) {
+      return {
+        x: radius * Math.sin(i * step),
+        y: radius * Math.cos(i * step)
+      };
+    });
+  };
   useEffect(function () {
     var newWidths = textRefs.current.map(function (ref) {
       return ref ? ref.getComputedTextLength() : 0;
     });
     setTextWidths(newWidths);
-  }, [categoryValues]);
+  }, []);
+  var points = genPoints(chart.x.ticks.length, radius);
   points.push(points.shift());
   return jsx(Fragment$1, {
-    children: [].concat(new Array(chart.x.ticks.length)).map(function (_, i) {
+    children: new Array(chart.x.ticks.length).fill(0).map(function (_, i) {
       var xOffset = points[i].x >= 0 ? textWidths[i] / 2 : -(textWidths[i] / 2);
-      return jsxs(Fragment$1, {
+      return jsxs(React__default.Fragment, {
         children: [jsx(Line$1, {
           from: zeroPoint,
           to: points[i],
-          stroke: themeCSS.axis.stroke,
-          strokeDasharray: "0.5 5"
+          style: _extends({
+            stroke: themeCSS.axis.stroke
+          }, LINE_STYLES)
         }, "radar-line-" + i), show && jsx("text", {
           ref: function ref(el) {
             return textRefs.current[i] = el;
@@ -46155,13 +46332,13 @@ var MiddleLine = function MiddleLine(_ref) {
           textAnchor: "middle",
           children: categoryValues[i]
         })]
-      });
+      }, "middle-line-" + i);
     })
   });
 };
 
 var genAngles = function genAngles(length, degrees) {
-  return [].concat(new Array(length + 1)).map(function (_, i) {
+  return new Array(length + 1).fill(0).map(function (_, i) {
     return {
       angle: i * (degrees / length) + (length % 2 === 0 ? 0 : degrees / length / 2)
     };
@@ -46193,9 +46370,9 @@ var Grid$1 = function Grid(_ref) {
   }, [chart.y.ticks]);
   var chartValue = (_chart$y$ticks$scaleV = chart.y.ticks[levels - 1].scaleValue) != null ? _chart$y$ticks$scaleV : chart.y.ticks[levels - 1].value;
   return jsx(Fragment$1, {
-    children: [].concat(new Array(levels)).map(function (_, i) {
+    children: new Array(levels).fill(0).map(function (_, i) {
       var levelRadius = chart.y.ticks[i].value / chartValue * radius;
-      return jsxs(Fragment$1, {
+      return jsxs(React__default.Fragment, {
         children: [jsx(LineRadial, {
           data: webs,
           angle: function angle(d) {
@@ -46206,7 +46383,7 @@ var Grid$1 = function Grid(_ref) {
           fill: "none",
           style: _extends({
             stroke: themeCSS.axis.stroke
-          }, GRID_STYLES)
+          }, LINE_STYLES)
         }, "web-" + i), jsx("text", {
           x: 0,
           y: levelRadius,
@@ -46216,11 +46393,40 @@ var Grid$1 = function Grid(_ref) {
           textAnchor: "middle",
           children: tickFormat(chart.y.ticks[i].value)
         })]
-      });
+      }, "grid-level-" + i);
     })
   });
 };
 
+var getRadarTooltipData = function getRadarTooltipData(_ref) {
+  var data = _ref.data,
+    event = _ref.event,
+    totalDataPoints = _ref.totalDataPoints,
+    centerX = _ref.centerX,
+    centerY = _ref.centerY;
+  var point = localPoint(event) || {
+    x: 0,
+    y: 0
+  };
+  if (!point) return;
+  var mouseX = point.x - centerX;
+  var mouseY = point.y - centerY;
+  var mouseAngle = Math.atan2(mouseX, mouseY);
+  if (mouseAngle < 0) {
+    mouseAngle += 2 * Math.PI;
+  }
+  var step = Math.PI * 2 / totalDataPoints;
+  var dataPointIndex = Math.round(mouseAngle / step) % totalDataPoints;
+  dataPointIndex = (dataPointIndex - 1 + totalDataPoints) % totalDataPoints;
+  var tooltipData = data[dataPointIndex] || null;
+  var angle = (dataPointIndex + 1) * step;
+  return {
+    tooltipData: tooltipData,
+    dataPointIndex: dataPointIndex,
+    angle: angle
+  };
+};
+
 var WIDTH_MULTIPLIER_TO_SCROLL = 1.2;
 var LEGEND_PADDING = 40;
 var RadarChart$2 = function RadarChart(_ref) {
@@ -46229,6 +46435,15 @@ var RadarChart$2 = function RadarChart(_ref) {
     height = _ref.height,
     options = _ref.options,
     theme = _ref.theme;
+  var _useTooltip = useTooltip$1(),
+    tooltipOpen = _useTooltip.tooltipOpen,
+    _useTooltip$tooltipLe = _useTooltip.tooltipLeft,
+    tooltipLeft = _useTooltip$tooltipLe === void 0 ? 0 : _useTooltip$tooltipLe,
+    _useTooltip$tooltipTo = _useTooltip.tooltipTop,
+    tooltipTop = _useTooltip$tooltipTo === void 0 ? 0 : _useTooltip$tooltipTo,
+    tooltipData = _useTooltip.tooltipData,
+    hideTooltip = _useTooltip.hideTooltip,
+    showTooltip = _useTooltip.showTooltip;
   var ref = useRef(null);
   var _useState = useState(0),
     groupWidth = _useState[0],
@@ -46238,13 +46453,17 @@ var RadarChart$2 = function RadarChart(_ref) {
     })),
     visibleYKeys = _useState2[0],
     setVisibleYKeys = _useState2[1];
+  var _useState3 = useState(),
+    hoveredDataPointIndex = _useState3[0],
+    setHoveredDataPointIndex = _useState3[1];
   var themeCSS = useMemo(function () {
-    return getChartThemeCSS(theme);
+    var css = getChartThemeCSS(theme);
+    return css;
   }, [theme]);
   var margin = buildMargin(chart.y.ticks, options.axis.showYAxisLabels, chart.y.title != null, chart.x.title != null);
   var innerWidth = width - margin.left - margin.right - (options.showLegend ? LEGEND_PADDING : 0);
   var innerHeight = height - margin.top - margin.bottom - (options.showLegend ? LEGEND_PADDING : 0);
-  var radius = Math.min(innerWidth, innerHeight) / 2;
+  var radius = Math.min(innerWidth, innerHeight) / 2 * 0.93;
   useEffect(function () {
     var _ref$current;
     setVisibleYKeys(chart.lines.map(function (legendItem) {
@@ -46255,16 +46474,41 @@ var RadarChart$2 = function RadarChart(_ref) {
       setVisibleYKeys([]);
     };
   }, [chart.lines]);
+  var centerX = (groupWidth > width ? width * WIDTH_MULTIPLIER_TO_SCROLL : width) / 2;
+  var centerY = height / 2 - margin.top * 2;
+  var handleMouseMove = useCallback(function (event) {
+    var radarTooltipData = getRadarTooltipData({
+      data: chart.data,
+      event: event,
+      totalDataPoints: chart.data.length,
+      centerX: centerX,
+      centerY: centerY
+    });
+    if (radarTooltipData) {
+      setHoveredDataPointIndex(radarTooltipData.dataPointIndex);
+      showTooltip({
+        tooltipLeft: event.pageX,
+        tooltipTop: event.pageY,
+        tooltipData: radarTooltipData.tooltipData
+      });
+    }
+  }, [showTooltip, chart.data, centerX, centerY]);
+  var handleMouseLeave = useCallback(function () {
+    hideTooltip();
+    setHoveredDataPointIndex(-1);
+  }, [hideTooltip]);
   if (width < 10) return null;
   return jsxs(Fragment, {
     children: [jsx(ChartWrapper$1, {
       width: groupWidth > width ? width * WIDTH_MULTIPLIER_TO_SCROLL : width,
       height: height,
       showLegend: options.showLegend,
+      onMouseMove: handleMouseMove,
+      onMouseLeave: handleMouseLeave,
       children: jsxs(Group$2, {
         innerRef: ref,
-        top: height / 2 - margin.top * 2,
-        left: (groupWidth > width ? width * WIDTH_MULTIPLIER_TO_SCROLL : width) / 2,
+        top: centerY,
+        left: centerX,
         children: [jsx(MiddleLine, {
           chart: chart,
           radius: radius,
@@ -46277,7 +46521,9 @@ var RadarChart$2 = function RadarChart(_ref) {
         }), jsx(Polygons, {
           chart: chart,
           radius: radius,
-          visibleYKeys: visibleYKeys
+          visibleYKeys: visibleYKeys,
+          tooltipData: tooltipData,
+          hoveredDataPointIndex: hoveredDataPointIndex
         })]
       })
     }), options.showLegend && jsx(Legend$1, {
@@ -46289,6 +46535,21 @@ var RadarChart$2 = function RadarChart(_ref) {
       setVisibleYKeys: setVisibleYKeys,
       keys: chart.keys,
       marginLeft: margin.left - margin.leftTitleOffset
+    }), tooltipOpen && tooltipData && chart.x.key && jsx(Tooltip$1, {
+      items: [{
+        legendItems: chart.lines,
+        visibleYKeys: visibleYKeys,
+        conditionalFormattingRules: []
+      }],
+      tooltipData: tooltipData,
+      tooltipLeft: tooltipLeft,
+      tooltipTop: tooltipTop,
+      xKey: chart.x.key,
+      keys: chart.keys,
+      yKeys: chart.y.keys,
+      showRoundedTotal: options.showRoundedTotal,
+      theme: themeCSS.popoverMenus,
+      shouldShowColorLegend: false
     })]
   });
 };
@@ -47985,6 +48246,7 @@ var LineChartV2View = function LineChartV2View(props) {
             overflowX: 'hidden'
           },
           children: function children(parent) {
+            var _props$attributes$lab;
             if (chartRepresentation.lines.length === 0) return jsx(LoadingComponent, {});
             return jsx(LineChart$5, {
               width: parent.width,
@@ -47995,7 +48257,7 @@ var LineChartV2View = function LineChartV2View(props) {
                 removeStroke: false,
                 showRoundedTotal: false,
                 showLegend: props.attributes.legend,
-                showLabels: false,
+                showLabels: (_props$attributes$lab = props.attributes.labels) != null ? _props$attributes$lab : false,
                 axis: {
                   showXAxisLabels: props.attributes.approxXAxisLabelCount !== 0,
                   showYAxisLabels: props.attributes.approxYAxisLabelCount !== 0
@@ -48355,7 +48617,7 @@ var AreaChartV2View = function AreaChartV2View(props) {
             overflowX: 'hidden'
           },
           children: function children(parent) {
-            var _props$attributes$vie2, _props$attributes$sta;
+            var _props$attributes$vie2, _props$attributes$sta, _props$attributes$lab;
             if (chartRepresentation.areas.length === 0) return jsx(LoadingComponent, {});
             return jsx(AreaChart$5, {
               width: parent.width,
@@ -48368,7 +48630,7 @@ var AreaChartV2View = function AreaChartV2View(props) {
                 removeStroke: false,
                 showRoundedTotal: false,
                 showLegend: props.attributes.legend,
-                showLabels: false,
+                showLabels: (_props$attributes$lab = props.attributes.labels) != null ? _props$attributes$lab : false,
                 axis: {
                   showXAxisLabels: props.attributes.approxXAxisLabelCount !== 0,
                   showYAxisLabels: props.attributes.approxYAxisLabelCount !== 0
@@ -48750,6 +49012,7 @@ var BarChartV2View = function BarChartV2View(props) {
             overflowX: 'hidden'
           },
           children: function children(parent) {
+            var _props$attributes$lab;
             if (chartRepresentation.bars.length === 0) return jsx(LoadingComponent, {});
             return jsx(BarChart$5, {
               width: parent.width,
@@ -48760,7 +49023,7 @@ var BarChartV2View = function BarChartV2View(props) {
                 removeStroke: false,
                 showRoundedTotal: false,
                 showLegend: props.attributes.legend,
-                showLabels: false,
+                showLabels: (_props$attributes$lab = props.attributes.labels) != null ? _props$attributes$lab : false,
                 axis: {
                   showXAxisLabels: props.attributes.approxXAxisLabelCount !== 0,
                   showYAxisLabels: props.attributes.approxYAxisLabelCount !== 0
@@ -49099,6 +49362,9 @@ var ComboChart$4 = function ComboChart(_ref) {
       tooltipData: buildComboTooltipData(barTooltip == null ? void 0 : barTooltip.tooltipData, lineTooltip == null ? void 0 : lineTooltip.tooltipData, xScaleKey)
     });
   }, [showTooltip, xScale, margin, xKey, xScaleKey, xScaleDataType, chart.x.scale.ordering, chart.bars.data, chart.lines.data]);
+  var labelDictionary = useMemo(function () {
+    return getLabelDictionary(chart.lines.data, chart.y.lineKeys);
+  }, [chart.lines.data, chart.y.lineKeys]);
   var handleMouseLeave = useCallback(function () {
     hideTooltip();
   }, [hideTooltip]);
@@ -49153,7 +49419,8 @@ var ComboChart$4 = function ComboChart(_ref) {
             showDetailedSubGroupingLabels: false,
             yAxisLabels: [],
             yLabelPosition: 0,
-            showLabels: options.showLabels
+            showLabels: options.showLabels,
+            formattedData: chart.bars.data
           }), options.stacked && xScaleKey !== null && jsx(BarStacked, {
             data: barDataFlattened,
             keys: yBarKeys,
@@ -49178,7 +49445,8 @@ var ComboChart$4 = function ComboChart(_ref) {
               xScaleDataType: xScaleDataType,
               xScale: xScale,
               yScale: yScale,
-              showLabels: options.showLabels
+              showLabels: options.showLabels,
+              labelDictionary: labelDictionary
             })
           })]
         })]
@@ -49438,7 +49706,7 @@ var ComboChartViewV2 = function ComboChartViewV2(props) {
             overflowX: 'hidden'
           },
           children: function children(parent) {
-            var _props$attributes$sta2;
+            var _props$attributes$sta2, _props$attributes$lab;
             var numberOfXTicksFittingIntoSpace = howManyTicksFitInWidth(comboChartRepresentation.x.ticks || [], parent.width);
             return jsx(ComboChart$4, {
               width: parent.width,
@@ -49456,7 +49724,7 @@ var ComboChartViewV2 = function ComboChartViewV2(props) {
                 removeStroke: false,
                 showRoundedTotal: false,
                 showLegend: props.attributes.legend,
-                showLabels: false,
+                showLabels: (_props$attributes$lab = props.attributes.labels) != null ? _props$attributes$lab : false,
                 axis: {
                   showXAxisLabels: props.attributes.approxXAxisLabelCount !== 0,
                   showYAxisLabels: props.attributes.approxYAxisLabelCount !== 0
@@ -52010,7 +52278,7 @@ var defaultProps$8 = {
   approxYAxisLabelCount: 'auto'
 };
 var FunnelChartView = function FunnelChartView(props) {
-  var _props$library, _props2, _props3, _props4, _props5, _props6, _props7, _props$viewId, _props8, _props$library2, _props9, _props10, _props11, _theme$charts, _props13, _props14, _props$viewId2, _theme$charts2;
+  var _props$library, _props2, _props3, _props4, _props5, _props6, _props7, _props$viewId, _props8, _props$library2, _props9, _props10, _props11, _theme$charts, _props13, _props$labels, _props14, _props15, _props$viewId2, _theme$charts2;
   var _props = props,
     displayTitle = _props.displayTitle,
     displaySubject = _props.displaySubject;
@@ -52101,11 +52369,11 @@ var FunnelChartView = function FunnelChartView(props) {
           colors: themeToColorScale(theme == null ? void 0 : theme.colors, series$1.length),
           data: resultSet$1,
           legend: showLegend((_props13 = props) == null ? void 0 : _props13.legend, (theme == null ? void 0 : theme.detail) === 'verbose'),
-          labels: false,
+          labels: (_props$labels = (_props14 = props) == null ? void 0 : _props14.labels) != null ? _props$labels : false,
           removeStroke: false,
           forceXAxisAsTime: !!props.timeDimension,
           theme: theme == null ? void 0 : theme.charts,
-          axisTitles: (_props14 = props) == null ? void 0 : _props14.axisTitles,
+          axisTitles: (_props15 = props) == null ? void 0 : _props15.axisTitles,
           formatSeriesName: formatSeriesName(props.result, textOverride, props.type, (_props$viewId2 = props.viewId) != null ? _props$viewId2 : '', labelFormat),
           conditionalFormattingPossibilities: function conditionalFormattingPossibilities(dataKey) {
             return getExplanationsOfConditionFormattingRulesThatApplyToSeries(props.dimension, props.conditionalFormattingRules,
@@ -52624,7 +52892,7 @@ var getScaleAndTicks$2 = function getScaleAndTicks(_ref) {
   var maxY = y.max || 0;
   var minY = Math.min(y.min || 0, 0);
   var yTickInterval = getNiceInterval$2((maxY - minY) / (tickCountYAxis - 1));
-  for (var i = 0; i <= tickCountYAxis; i++) {
+  for (var i = 0; i <= Math.ceil(maxY / yTickInterval); i++) {
     var _value = yTickInterval * i;
     var formattedValue = formattingFunctionY(_value, nullValue);
     yTicks.push({
@@ -54334,14 +54602,9 @@ var WaterfallChart$2 = function WaterfallChart(_ref) {
     if (xScaleDataType === 'string') return String(xValue);
     return '';
   }, [xScaleKey, xScaleDataType]);
-  var _useMemo = useMemo(function () {
-      var stepValues = formattedChartDataForBarChart.steps.map(function (step) {
-        return step.y;
-      });
-      return getMinMaxChartValueFromNumberArray(stepValues);
-    }, [formattedChartDataForBarChart.steps]),
-    minValue = _useMemo.minValue,
-    maxValue = _useMemo.maxValue;
+  var labelDictionary = useMemo(function () {
+    return getLabelDictionary(formattedChartDataForBarChart.data, formattedChartDataForBarChart.y.keys);
+  }, [formattedChartDataForBarChart.data, formattedChartDataForBarChart.y.keys]);
   if (width === 0 || height === 0 || xScale == null) return null;
   return jsxs(Fragment$1, {
     children: [jsxs(ChartWrapper$1, {
@@ -54439,10 +54702,9 @@ var WaterfallChart$2 = function WaterfallChart(_ref) {
                       barGroup: barGroup,
                       yScale: yScale,
                       formattedChartDataForBarChart: formattedChartDataForBarChart,
-                      maxValue: maxValue,
-                      minValue: minValue,
                       showLabels: options.showLabels,
-                      totalItems: formattedChartDataForBarChart.steps.length
+                      totalItems: formattedChartDataForBarChart.steps.length,
+                      labelDictionary: labelDictionary
                     }, "bar-" + bar.index);
                   })
                 }, "bar-group-" + barGroup.index + "-" + barGroup.x0);
@@ -54477,20 +54739,24 @@ var Bar$2 = function Bar(_ref4) {
   var bar = _ref4.bar,
     barColor = _ref4.barColor,
     barGroup = _ref4.barGroup,
-    yScale = _ref4.yScale,
     formattedChartDataForBarChart = _ref4.formattedChartDataForBarChart,
+    labelDictionary = _ref4.labelDictionary,
     showLabels = _ref4.showLabels,
     totalItems = _ref4.totalItems,
-    minValue = _ref4.minValue,
-    maxValue = _ref4.maxValue;
+    yScale = _ref4.yScale;
   var step = formattedChartDataForBarChart.steps[barGroup.index];
   var y = yScale(Math.max(step.start, step.end));
   var barHeight = Math.abs(yScale(step.start) - yScale(step.end));
-  var xPadding = 14;
-  var labelX = bar.width < 10 ? bar.x - xPadding : bar.x + bar.width / 2;
+  var xPadding = 10;
+  var labelX = bar.x - xPadding;
   var labelY = getStepYPosition(step, barHeight, y);
-  var showMinMax = showMinMaxLabel(step.y, totalItems, minValue, maxValue);
-  var shouldShowLabel = showLabels && showMinMax && bar.value > 0;
+  var isFirstOrLastStep = barGroup.index === 0 || barGroup.index === totalItems - 1;
+  var keyValue = step.end - step.start;
+  var displayValue = getFormattedValue(keyValue, labelDictionary);
+  var unformattedValue = displayValue.length > 15;
+  if (unformattedValue) displayValue = keyValue;
+  var showMinMax = unformattedValue ? isFirstOrLastStep : totalItems < 20 || isFirstOrLastStep;
+  var shouldShowLabel = showLabels && showMinMax;
   return jsxs(Fragment$1, {
     children: [jsx("rect", {
       x: bar.x,
@@ -54502,7 +54768,7 @@ var Bar$2 = function Bar(_ref4) {
     }, "bar-group-bar-" + barGroup.index + "-" + bar.index + "-" + bar.value + "-" + bar.key), shouldShowLabel && jsx(DataLabel, {
       x: labelX,
       y: labelY,
-      title: step.y.toString(),
+      title: displayValue,
       dx: 1,
       dy: 0
     })]
@@ -54531,7 +54797,7 @@ var WaterfallChartView = function WaterfallChartView(props) {
     displayTitle = props.displayTitle,
     headline = props.headline,
     id = props.id,
-    increaseColor = props.increaseColor,
+    labels = props.labels,
     legend = props.legend,
     library = props.library,
     localFilters = props.localFilters,
@@ -54551,7 +54817,8 @@ var WaterfallChartView = function WaterfallChartView(props) {
     xAxisPrefix = props.xAxisPrefix,
     yAxisFormat = props.yAxisFormat,
     yAxisPostfix = props.yAxisPostfix,
-    yAxisPrefix = props.yAxisPrefix;
+    yAxisPrefix = props.yAxisPrefix,
+    increaseColor = props.increaseColor;
   var _useDashboardBehaviou = useDashboardBehaviourContext(),
     textOverride = _useDashboardBehaviou.textOverride,
     valueAlias = _useDashboardBehaviou.valueAlias,
@@ -54639,7 +54906,7 @@ var WaterfallChartView = function WaterfallChartView(props) {
               height: parent.height,
               options: {
                 showLegend: showLegend(legend, (theme == null ? void 0 : theme.detail) === 'verbose'),
-                showLabels: false,
+                showLabels: labels != null ? labels : false,
                 showTooltipRoundedTotal: true,
                 removeStroke: false,
                 axis: {