@vizzly/dashboard 0.15.0-dev-e5dc13ee284e1ad11cf74da28f72ac8c1d4f2dd7 → 0.15.0-dev-2e66368eafbf32ff149bef026779b1852b7b757f

package/dist/dashboard.esm.js

@@ -54,6 +54,7 @@ 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 { GlyphDot } from '@visx/glyph';
 import { Point } from '@visx/point';
 import { interpolate as interpolate$1 } from '@visx/vendor/d3-interpolate';
@@ -3050,6 +3051,7 @@ var attributesSchema = 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(),
     type: Joi.valid('barChart', 'horizontalBarChart', 'funnelChart').required(),
     conditionalFormattingRules: conditionalFormattingRulesSchema(config.queryEngineConfig),
     protectedFields: Joi.object({
@@ -4173,6 +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(),
     type: Joi.valid('lineChartV2').required(),
     parameters: parametersSchema(config.queryEngineConfig, config.attributesSchemaOptions),
     lineCurve: lineCurveSchema,
@@ -4282,6 +4285,12 @@ var CONSTANTS$2 = {
           title: 'Show Legend',
           description: '',
           namespace: 'legend'
+        },
+        labels: {
+          type: 'labels',
+          title: 'Show Labels',
+          description: '',
+          namespace: 'labels'
         }
       }
     },
@@ -4448,6 +4457,7 @@ var LineChart$1 = function LineChart(config) {
         conditionalFormattingRules: [],
         drilldown: [],
         legend: true,
+        labels: false,
         goalLines: undefined,
         approxXAxisLabelCount: 'auto',
         approxYAxisLabelCount: 'auto',
@@ -4510,7 +4520,10 @@ 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() {
-      return [headingConstant(CONSTANTS$2), chartStylesConstant(CONSTANTS$2, true, false), axisLabelsConstants(CONSTANTS$2), _extends({}, namespace(CONSTANTS$2, 'conditional_formatting'), {
+      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_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')
       // namespace<'trends'>(CONSTANTS, 'trends'),
@@ -4546,7 +4559,7 @@ var attributesSchema$3 = function attributesSchema(config) {
     order: Joi.array().items(orderSchema(config.queryEngineConfig)),
     type: Joi.valid('pieChart').required(),
     legend: Joi.valid(true, false),
-    labels: Joi.valid(true, false),
+    labels: Joi.valid(true, false).optional(),
     limit: queryAttributesLimit(),
     labelsAsPercentage: Joi["boolean"](),
     conditionalFormattingRules: conditionalFormattingRulesSchema(config.queryEngineConfig),
@@ -8637,6 +8650,12 @@ var CONSTANTS$h = {
           title: 'Show Legend',
           description: '',
           namespace: 'legend'
+        },
+        labels: {
+          type: 'labels',
+          title: 'Show Labels',
+          description: '',
+          namespace: 'labels'
         }
       }
     },
@@ -8776,6 +8795,7 @@ var FunnelChart = function FunnelChart(config) {
         yAxisFormat: null,
         xAxisFormat: null,
         legend: true,
+        labels: false,
         approxXAxisLabelCount: 'auto',
         approxYAxisLabelCount: 'auto',
         axisTitles: undefined,
@@ -8833,7 +8853,10 @@ 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() {
-      return [headingConstant(CONSTANTS$h), chartStylesConstant(CONSTANTS$h, false, false), axisLabelsConstants(CONSTANTS$h), _extends({}, namespace(CONSTANTS$h, 'conditional_formatting'), {
+      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_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')];
     },
@@ -9930,6 +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(),
     type: Joi.valid('barChartV2').required(),
     parameters: parametersSchema(config.queryEngineConfig, config.attributesSchemaOptions),
     conditionalFormattingRules: conditionalFormattingRulesSchema(config.queryEngineConfig),
@@ -10038,6 +10062,12 @@ var CONSTANTS$k = {
           title: 'Show Legend',
           description: '',
           namespace: 'legend'
+        },
+        labels: {
+          type: 'labels',
+          title: 'Show Labels',
+          description: '',
+          namespace: 'labels'
         }
       }
     },
@@ -10198,6 +10228,7 @@ var BarChart$1 = function BarChart(config) {
         conditionalFormattingRules: [],
         drilldown: [],
         legend: true,
+        labels: false,
         goalLines: undefined,
         approxXAxisLabelCount: 'auto',
         approxYAxisLabelCount: 'auto',
@@ -10264,7 +10295,10 @@ var BarChart$1 = function BarChart(config) {
       }), namespace(CONSTANTS$k, 'custom_metrics'), namespace(CONSTANTS$k, 'limit')];
     },
     formatPanelConfig: function formatPanelConfig() {
-      return [headingConstant(CONSTANTS$k), chartStylesConstant(CONSTANTS$k, false, true), axisLabelsConstants(CONSTANTS$k), _extends({}, namespace(CONSTANTS$k, 'conditional_formatting'), {
+      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')];
     },
@@ -10291,6 +10325,7 @@ var BarChart$1 = function BarChart(config) {
 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(),
@@ -10387,6 +10422,12 @@ var CONSTANTS$l = {
           title: 'Show Legend',
           description: '',
           namespace: 'legend'
+        },
+        labels: {
+          type: 'labels',
+          title: 'Show Labels',
+          description: '',
+          namespace: 'labels'
         }
       }
     },
@@ -10538,6 +10579,7 @@ var WaterfallChart = function WaterfallChart(config) {
         yAxisFormat: null,
         xAxisFormat: null,
         legend: true,
+        labels: false,
         parameters: {},
         axisTitles: undefined,
         headline: undefined,
@@ -10598,7 +10640,10 @@ 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() {
-      return [headingConstant(CONSTANTS$l), namespace(CONSTANTS$l, 'waterfall_colors'), chartStylesConstant(CONSTANTS$l, false, false), axisLabelsConstants(CONSTANTS$l)];
+      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_pan2 = CONSTANTS$l.format_panel.chart_styles) == null ? void 0 : _CONSTANTS$format_pan2.subSectionDefinition.labels]
+      }), axisLabelsConstants(CONSTANTS$l)];
     },
     supportedCustomFields: {
       percentages: true,
@@ -10624,6 +10669,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(),
     type: Joi.valid('areaChartV2').required(),
     parameters: parametersSchema(config.queryEngineConfig, config.attributesSchemaOptions),
     lineCurve: areaCurveSchema,
@@ -10739,6 +10785,12 @@ var CONSTANTS$m = {
           title: 'Show Legend',
           description: '',
           namespace: 'legend'
+        },
+        labels: {
+          type: 'labels',
+          title: 'Show Labels',
+          description: '',
+          namespace: 'labels'
         }
       }
     },
@@ -10906,6 +10958,7 @@ var AreaChart$1 = function AreaChart(config) {
         conditionalFormattingRules: [],
         drilldown: [],
         legend: true,
+        labels: false,
         goalLines: undefined,
         approxXAxisLabelCount: 'auto',
         approxYAxisLabelCount: 'auto',
@@ -10969,7 +11022,10 @@ 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() {
-      return [headingConstant(CONSTANTS$m), chartStylesConstant(CONSTANTS$m, true, false), axisLabelsConstants(CONSTANTS$m), _extends({}, namespace(CONSTANTS$m, 'conditional_formatting'), {
+      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_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')];
     },
@@ -10997,6 +11053,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(),
     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),
@@ -11142,6 +11199,12 @@ var CONSTANTS$n = {
           title: 'Show Legend',
           description: '',
           namespace: 'legend'
+        },
+        labels: {
+          type: 'labels',
+          title: 'Show Labels',
+          description: '',
+          namespace: 'labels'
         }
       }
     },
@@ -11274,6 +11337,7 @@ var ComboChartV2 = function ComboChartV2(config) {
         yAxisFormat: null,
         xAxisFormat: null,
         legend: true,
+        labels: false,
         approxXAxisLabelCount: 'auto',
         approxYAxisLabelCount: 'auto',
         goalLines: undefined,
@@ -11314,16 +11378,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;
-      return [headingConstant(CONSTANTS$n), chartStylesConstant(CONSTANTS$n, false, true), axisLabelsConstants(CONSTANTS$n), _extends({}, namespace(CONSTANTS$n, 'conditional_formatting'), {
+      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_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_pan = (_CONSTANTS$format_pan2 = CONSTANTS$n.format_panel.conditional_formatting) == null || (_CONSTANTS$format_pan2 = _CONSTANTS$format_pan2.subSectionDefinition) == null ? void 0 : _CONSTANTS$format_pan2.bar.title) != null ? _CONSTANTS$format_pan : '',
-          namespace: (_CONSTANTS$format_pan3 = CONSTANTS$n.format_panel.conditional_formatting) == null || (_CONSTANTS$format_pan3 = _CONSTANTS$format_pan3.subSectionDefinition) == null ? void 0 : _CONSTANTS$format_pan3.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_pan4 = (_CONSTANTS$format_pan5 = CONSTANTS$n.format_panel.conditional_formatting) == null || (_CONSTANTS$format_pan5 = _CONSTANTS$format_pan5.subSectionDefinition) == null ? void 0 : _CONSTANTS$format_pan5.line.title) != null ? _CONSTANTS$format_pan4 : '',
-          namespace: (_CONSTANTS$format_pan6 = CONSTANTS$n.format_panel.conditional_formatting) == null || (_CONSTANTS$format_pan6 = _CONSTANTS$format_pan6.subSectionDefinition) == null ? void 0 : _CONSTANTS$format_pan6.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')];
@@ -32415,7 +32481,7 @@ var FunnelChart$1 = /*#__PURE__*/forwardRef(function (props, ref) {
   var keys = [].concat(props.keys, additionalKeys);
   return jsx(ParentSize, {
     children: function children(parent) {
-      var _props$height, _props$width;
+      var _props$labels, _props$height, _props$width;
       return jsx(VizzlyXYChart, {
         approxXAxisLabelCount: props.approxXAxisLabelCount,
         approxYAxisLabelCount: props.approxYAxisLabelCount,
@@ -32436,6 +32502,7 @@ var FunnelChart$1 = /*#__PURE__*/forwardRef(function (props, ref) {
           }
         },
         legend: props == null ? void 0 : props.legend,
+        labels: (_props$labels = props == null ? void 0 : props.labels) != null ? _props$labels : false,
         removeStroke: props == null ? void 0 : props.removeStroke,
         forceXAxisAsTime: props == null ? void 0 : props.forceXAxisAsTime,
         formatXAxisLabel: props == null ? void 0 : props.formatXAxisLabel,
@@ -33985,6 +34052,44 @@ function lightenColor$2(originalColor, amount) {
   }
 }
 
+var calculateMinMax = function calculateMinMax(values) {
+  if (values.length === 0) return {
+    minValue: 0,
+    maxValue: 0
+  };
+  var minValue = Math.min.apply(Math, values);
+  var maxValue = Math.max.apply(Math, values);
+  return {
+    minValue: minValue,
+    maxValue: maxValue
+  };
+};
+var showMinMaxLabel = function showMinMaxLabel(value, totalItems, minValue, maxValue) {
+  return totalItems < 11 || value == minValue || value == maxValue;
+};
+var getMinMaxChartValueFromNumberArray = function getMinMaxChartValueFromNumberArray(data) {
+  var _calculateMinMax2 = calculateMinMax(data),
+    minValue = _calculateMinMax2.minValue,
+    maxValue = _calculateMinMax2.maxValue;
+  return {
+    minValue: minValue,
+    maxValue: maxValue
+  };
+};
+var getAllChartValues = function getAllChartValues(data, keys) {
+  var allValues = [];
+  data.forEach(function (item) {
+    keys.forEach(function (key) {
+      var _item$key;
+      var value = ((_item$key = item[key]) == null ? void 0 : _item$key.value) || item[key];
+      if (value) {
+        allValues.push(Number(value));
+      }
+    });
+  });
+  return allValues;
+};
+
 var accessors = function accessors(xAxisIsTime, xKey, yKey, horizontal) {
   return {
     xAccessor: function xAccessor(d) {
@@ -34279,6 +34384,58 @@ 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);
         })]
       }), (props == null ? void 0 : props.bars) && props.bars.stacked && jsxs(Fragment, {
         children: [props.enableHover && jsx("style", {
@@ -44212,6 +44369,31 @@ 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,
+    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 LineChart$5 = function LineChart(_ref) {
   var _theme$axis;
   var chart = _ref.chart,
@@ -44355,7 +44537,8 @@ var LineChart$5 = function LineChart(_ref) {
             xScaleKey: xScaleKey,
             xScaleDataType: xScaleDataType,
             xScale: xScale,
-            yScale: _yScale
+            yScale: _yScale,
+            showLabels: options.showLabels
           })
         })]
       }), tooltipData && jsxs("g", {
@@ -44415,38 +44598,77 @@ function Lines(_ref2) {
     yScale = _ref2.yScale,
     lines = _ref2.lines,
     curve = _ref2.curve,
-    conditionalFormattingRules = _ref2.conditionalFormattingRules;
+    conditionalFormattingRules = _ref2.conditionalFormattingRules,
+    showLabels = _ref2.showLabels;
+  var _useMemo = useMemo(function () {
+      var allBarValues = getAllChartValues(data, yKeys);
+      var _getMinMaxChartValueF = getMinMaxChartValueFromNumberArray(allBarValues),
+        minValue = _getMinMaxChartValueF.minValue,
+        maxValue = _getMinMaxChartValueF.maxValue;
+      return {
+        minValue: minValue,
+        maxValue: maxValue
+      };
+    }, [yKeys, data]),
+    minValue = _useMemo.minValue,
+    maxValue = _useMemo.maxValue;
   return jsxs(Fragment, {
     children: [yKeys.map(function (yKey) {
       var _lines$filter$0$style;
-      return jsx(LinePath, {
-        visibility: visibleYKeys.includes(yKey) ? 'visible' : 'hidden',
-        data: data,
-        x: function x(d) {
-          var _ref3;
-          var xValue = d[xScaleKey];
-          var xValueAdjusted = xScaleDataType === 'date_time' ? new Date(xValue) : xScaleDataType === 'number' ? Number(xValue) : String(xValue);
-          return (_ref3 = xScale(xValueAdjusted)) != null ? _ref3 : 0;
-        },
-        y: function y(d) {
-          return yScale(d[yKey]);
-        },
-        stroke: lines.filter(function (legendItem) {
-          return legendItem.yKey === yKey;
-        })[0].color,
-        strokeWidth: lines.filter(function (legendItem) {
-          return legendItem.yKey === yKey;
-        })[0].style.strokeWidth,
-        strokeLinecap: "round",
-        strokeDasharray: (_lines$filter$0$style = lines.filter(function (legendItem) {
-          return legendItem.yKey === yKey;
-        })[0].style.strokeDasharray) != null ? _lines$filter$0$style : undefined,
-        shapeRendering: "smooth",
-        defined: function defined(d) {
-          return d[yKey] !== null;
-        },
-        curve: curve
-      }, yKey);
+      return jsxs(Fragment$1, {
+        children: [jsx(LinePath, {
+          visibility: visibleYKeys.includes(yKey) ? 'visible' : 'hidden',
+          data: data,
+          x: function x(d) {
+            var _converters, _ref3;
+            var xValue = d[xScaleKey];
+            var converters = {
+              date_time: function date_time(value) {
+                return new Date(value);
+              },
+              number: function number(value) {
+                return Number(value);
+              },
+              string: function string(value) {
+                return String(value);
+              }
+            };
+            var convert = (_converters = converters[xScaleDataType]) != null ? _converters : converters.string;
+            var xValueAdjusted = convert(xValue);
+            return (_ref3 = xScale(xValueAdjusted)) != null ? _ref3 : 0;
+          },
+          y: function y(d) {
+            return yScale(d[yKey]);
+          },
+          stroke: lines.filter(function (legendItem) {
+            return legendItem.yKey === yKey;
+          })[0].color,
+          strokeWidth: lines.filter(function (legendItem) {
+            return legendItem.yKey === yKey;
+          })[0].style.strokeWidth,
+          strokeLinecap: "round",
+          strokeDasharray: (_lines$filter$0$style = lines.filter(function (legendItem) {
+            return legendItem.yKey === yKey;
+          })[0].style.strokeDasharray) != null ? _lines$filter$0$style : undefined,
+          shapeRendering: "smooth",
+          defined: function defined(d) {
+            return d[yKey] !== null;
+          },
+          curve: curve
+        }, yKey), data.map(function (chartData) {
+          return jsx(LineLabel, {
+            chartData: chartData,
+            yKey: yKey,
+            xScaleKey: xScaleKey,
+            xScale: xScale,
+            yScale: yScale,
+            totalItems: data.length,
+            minValue: minValue,
+            maxValue: maxValue,
+            showLabels: showLabels
+          });
+        })]
+      });
     }), conditionalFormattingRules.map(function (conditionalFormattingRule) {
       var _lines$filter$0$style2;
       if (conditionalFormattingRule.operator !== '<=' && conditionalFormattingRule.operator !== '>=') return null;
@@ -44498,6 +44720,32 @@ 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 BAR_RADIUS = 2;
@@ -44543,7 +44791,8 @@ function BarGroup(_ref) {
     yAxisLabels = _ref.yAxisLabels,
     yLabelPosition = _ref.yLabelPosition,
     showDetailedSubGroupingLabels = _ref.showDetailedSubGroupingLabels,
-    labelStyle = _ref.labelStyle;
+    labelStyle = _ref.labelStyle,
+    showLabels = _ref.showLabels;
   var getGroupPosition = function getGroupPosition(d) {
     var xValue = d[xKey];
     if (xScaleDataType === 'string') return String(xValue);
@@ -44555,6 +44804,20 @@ function BarGroup(_ref) {
     }
     return String(xValue);
   };
+  var _useMemo = useMemo(function () {
+      var allBarValues = getAllChartValues(data, keys);
+      var _getMinMaxChartValueF = getMinMaxChartValueFromNumberArray(allBarValues),
+        minValue = _getMinMaxChartValueF.minValue,
+        maxValue = _getMinMaxChartValueF.maxValue;
+      return {
+        minValue: minValue,
+        maxValue: maxValue,
+        totalItems: allBarValues.length
+      };
+    }, [data, keys]),
+    minValue = _useMemo.minValue,
+    maxValue = _useMemo.maxValue,
+    totalItems = _useMemo.totalItems;
   return jsx(BarGroup$2, {
     data: data,
     keys: keys,
@@ -44585,7 +44848,11 @@ function BarGroup(_ref) {
               onClick: onClick,
               showDetailedSubGroupingLabels: showDetailedSubGroupingLabels,
               yAxisLabels: yAxisLabels,
-              yLabelPosition: yLabelPosition
+              yLabelPosition: yLabelPosition,
+              minValue: minValue,
+              maxValue: maxValue,
+              totalItems: totalItems,
+              showLabels: showLabels
             }, "bar-" + bar.index + "-" + bar.x);
           })
         }, "bar-group-" + barGroup.index + "-" + barGroup.x0);
@@ -44603,8 +44870,15 @@ var Bar = function Bar(_ref2) {
     _onClick = _ref2.onClick,
     showDetailedSubGroupingLabels = _ref2.showDetailedSubGroupingLabels,
     yAxisLabels = _ref2.yAxisLabels,
-    yLabelPosition = _ref2.yLabelPosition;
+    yLabelPosition = _ref2.yLabelPosition,
+    minValue = _ref2.minValue,
+    maxValue = _ref2.maxValue,
+    totalItems = _ref2.totalItems,
+    showLabels = _ref2.showLabels;
   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 showMinMax = showMinMaxLabel(bar.value, totalItems, minValue, maxValue);
   return jsxs(Fragment, {
     children: [showBar && jsx(BarRect, {
       barRectKey: "bar-group-bar-" + barGroup.index + "-" + bar.index + "-" + bar.value + "-" + String(bar.key),
@@ -44617,6 +44891,12 @@ var Bar = function Bar(_ref2) {
         return _onClick(e, barGroup, bar);
       },
       enableHover: enableHover
+    }), showLabels && showMinMax && jsx(DataLabel, {
+      x: labelX,
+      y: labelY,
+      title: bar.value,
+      dx: 1,
+      dy: 0
     }), jsx(BarLabel, {
       bar: bar,
       barGroup: barGroup,
@@ -44645,7 +44925,7 @@ var BarRect = function BarRect(_ref3) {
   } : {
     name: "1ltmijl-classes",
     styles: "cursor:pointer;label:classes;",
-    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJhckdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0S2dDIiwiZmlsZSI6IkJhckdyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2Nzcyc7XG5pbXBvcnQgeyBHcm91cCB9IGZyb20gJ0B2aXN4L2dyb3VwJztcbmltcG9ydCB7IEJhckdyb3VwIGFzIFZpc3hCYXJHcm91cCB9IGZyb20gJ0B2aXN4L3NoYXBlJztcbmltcG9ydCB7IERhdHVtT2JqZWN0IH0gZnJvbSAnQHZpc3gvc2hhcGUvbGliL3R5cGVzJztcbmltcG9ydCB7IFNjYWxlQmFuZCwgU2NhbGVMaW5lYXIgfSBmcm9tICdAdmlzeC92ZW5kb3IvZDMtc2NhbGUnO1xuaW1wb3J0IHsgRnJhZ21lbnQsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQmFyU3R5bGVzIH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9CYXJDaGFydFYyL3R5cGVzJztcbmltcG9ydCB7IENoYXJ0RGF0YURlZmluaXRpb24sIENvbmRpdGlvbmFsRm9ybWF0dGluZ1J1bGUsIFNoYXBlRGVmaW5pdGlvbiB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvQ2hhcnRzVjIvdHlwZXMnO1xuaW1wb3J0IHsgRGF0YVR5cGUgfSBmcm9tICdzaGFyZWQtbG9naWMvc3JjL0ZpZWxkL3R5cGVzJztcbmltcG9ydCB7IGxpZ2h0ZW5Db2xvciB9IGZyb20gJy4uLy4uLy4uL3N0eWxlcy9jb2xvci5mdW5jdGlvbnMnO1xuaW1wb3J0IHsgQkFSX1JBRElVUyB9IGZyb20gJy4uLy4uL2NvbnN0YW50cy9CT1JERVJfUkFESVVTJztcbmltcG9ydCB7IGdldEJhckZpbGwgfSBmcm9tICcuLi9nZXRCYXJGaWxsJztcblxuZXhwb3J0IHR5cGUgQmFyR3JvdXBQcm9wcyA9IHtcbiAgZGF0YTogQ2hhcnREYXRhRGVmaW5pdGlvbltdO1xuICBrZXlzOiBzdHJpbmdbXTtcbiAgaGVpZ2h0OiBudW1iZXI7XG4gIHhLZXk6IHN0cmluZztcbiAgeFNjYWxlRGF0YVR5cGU6IERhdGFUeXBlO1xuICB4U2NhbGU6IFNjYWxlQmFuZDxzdHJpbmc+IHwgU2NhbGVCYW5kPERhdGU+IHwgU2NhbGVCYW5kPG51bWJlcj4gfCBudWxsO1xuICBpbm5lclhTY2FsZTogU2NhbGVCYW5kPHN0cmluZz4gfCB1bmRlZmluZWQ7XG4gIHlTY2FsZTogU2NhbGVMaW5lYXI8bnVtYmVyLCBudW1iZXIsIG5ldmVyPjtcbiAgb25DbGljazogKGU6IFJlYWN0Lk1vdXNlRXZlbnQ8U1ZHUmVjdEVsZW1lbnQsIE1vdXNlRXZlbnQ+LCBiYXJHcm91cDogYW55LCBiYXI6IGFueSkgPT4gdm9pZDtcbiAgY29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZXM6IENvbmRpdGlvbmFsRm9ybWF0dGluZ1J1bGVbXTtcbiAgYmFyczogU2hhcGVEZWZpbml0aW9uPEJhclN0eWxlcz5bXTtcbiAgZW5hYmxlSG92ZXI/OiBib29sZWFuO1xuICB5QXhpc0xhYmVscz86IHN0cmluZ1tdO1xuICB5TGFiZWxQb3NpdGlvbj86IG51bWJlcjtcbiAgc2hvd0RldGFpbGVkU3ViR3JvdXBpbmdMYWJlbHM6IGJvb2xlYW47XG4gIGxhYmVsU3R5bGU/OiBSZWFjdC5DU1NQcm9wZXJ0aWVzO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIEJhckdyb3VwKHtcbiAgZGF0YSxcbiAga2V5cyxcbiAgaGVpZ2h0LFxuICB4S2V5LFxuICB4U2NhbGVEYXRhVHlwZSxcbiAgeFNjYWxlLFxuICBpbm5lclhTY2FsZSxcbiAgeVNjYWxlLFxuICBvbkNsaWNrLFxuICBjb25kaXRpb25hbEZvcm1hdHRpbmdSdWxlcyxcbiAgYmFycyxcbiAgZW5hYmxlSG92ZXIsXG4gIHlBeGlzTGFiZWxzLFxuICB5TGFiZWxQb3NpdGlvbixcbiAgc2hvd0RldGFpbGVkU3ViR3JvdXBpbmdMYWJlbHMsXG4gIGxhYmVsU3R5bGUsXG59OiBCYXJHcm91cFByb3BzKSB7XG4gIGNvbnN0IGdldEdyb3VwUG9zaXRpb24gPSAoZDogRGF0dW1PYmplY3QpID0+IHtcbiAgICBjb25zdCB4VmFsdWUgPSBkW3hLZXkgYXMga2V5b2YgdHlwZW9mIGRdO1xuXG4gICAgaWYgKHhTY2FsZURhdGFUeXBlID09PSAnc3RyaW5nJykgcmV0dXJuIFN0cmluZyh4VmFsdWUpO1xuXG4gICAgaWYgKHhTY2FsZURhdGFUeXBlID09PSAnZGF0ZV90aW1lJykge1xuICAgICAgcmV0dXJuIG5ldyBEYXRlKFN0cmluZyh4VmFsdWUpKTtcbiAgICB9XG5cbiAgICBpZiAoeFNjYWxlRGF0YVR5cGUgPT09ICdudW1iZXInKSB7XG4gICAgICByZXR1cm4gTnVtYmVyKHhWYWx1ZSk7XG4gICAgfVxuXG4gICAgcmV0dXJuIFN0cmluZyh4VmFsdWUpO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFZpc3hCYXJHcm91cDxEYXR1bU9iamVjdD5cbiAgICAgIGRhdGE9e2RhdGEgYXMgRGF0dW1PYmplY3RbXX1cbiAgICAgIGtleXM9e2tleXN9XG4gICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgIHgwPXtnZXRHcm91cFBvc2l0aW9ufVxuICAgICAgLy8gQHRzLWlnbm9yZVxuICAgICAgeDBTY2FsZT17eFNjYWxlfVxuICAgICAgLy8gQHRzLWlnbm9yZVxuICAgICAgeDFTY2FsZT17aW5uZXJYU2NhbGV9XG4gICAgICB5U2NhbGU9e3lTY2FsZX1cbiAgICAgIGNvbG9yPXsoKSA9PiAnJ31cbiAgICA+XG4gICAgICB7KGJhckdyb3VwcykgPT4ge1xuICAgICAgICByZXR1cm4gYmFyR3JvdXBzLm1hcCgoYmFyR3JvdXApID0+IChcbiAgICAgICAgICA8R3JvdXAga2V5PXtgYmFyLWdyb3VwLSR7YmFyR3JvdXAuaW5kZXh9LSR7YmFyR3JvdXAueDB9YH0gbGVmdD17YmFyR3JvdXAueDB9PlxuICAgICAgICAgICAge2Jhckdyb3VwLmJhcnMubWFwKChiYXIpID0+IChcbiAgICAgICAgICAgICAgPEJhclxuICAgICAgICAgICAgICAgIGtleT17YGJhci0ke2Jhci5pbmRleH0tJHtiYXIueH1gfVxuICAgICAgICAgICAgICAgIGJhcj17YmFyfVxuICAgICAgICAgICAgICAgIGJhckdyb3VwPXtiYXJHcm91cH1cbiAgICAgICAgICAgICAgICBiYXJzPXtiYXJzfVxuICAgICAgICAgICAgICAgIGNvbmRpdGlvbmFsRm9ybWF0dGluZ1J1bGVzPXtjb25kaXRpb25hbEZvcm1hdHRpbmdSdWxlc31cbiAgICAgICAgICAgICAgICBlbmFibGVIb3Zlcj17ZW5hYmxlSG92ZXJ9XG4gICAgICAgICAgICAgICAgbGFiZWxTdHlsZT17bGFiZWxTdHlsZX1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgICAgICAgIHNob3dEZXRhaWxlZFN1Ykdyb3VwaW5nTGFiZWxzPXtzaG93RGV0YWlsZWRTdWJHcm91cGluZ0xhYmVsc31cbiAgICAgICAgICAgICAgICB5QXhpc0xhYmVscz17eUF4aXNMYWJlbHN9XG4gICAgICAgICAgICAgICAgeUxhYmVsUG9zaXRpb249e3lMYWJlbFBvc2l0aW9ufVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgICAgPC9Hcm91cD5cbiAgICAgICAgKSk7XG4gICAgICB9fVxuICAgIDwvVmlzeEJhckdyb3VwPlxuICApO1xufVxuXG50eXBlIEJhclByb3BzID0ge1xuICBiYXI6IGFueTtcbiAgYmFyR3JvdXA6IGFueTtcbiAgYmFyczogU2hhcGVEZWZpbml0aW9uPEJhclN0eWxlcz5bXTtcbiAgY29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZXM6IENvbmRpdGlvbmFsRm9ybWF0dGluZ1J1bGVbXTtcbiAgZW5hYmxlSG92ZXI/OiBib29sZWFuO1xuICBvbkNsaWNrOiAoZTogUmVhY3QuTW91c2VFdmVudDxTVkdSZWN0RWxlbWVudCwgTW91c2VFdmVudD4sIGJhckdyb3VwOiBhbnksIGJhcjogYW55KSA9PiB2b2lkO1xuICBzaG93RGV0YWlsZWRTdWJHcm91cGluZ0xhYmVsczogYm9vbGVhbjtcbiAgbGFiZWxTdHlsZT86IFJlYWN0LkNTU1Byb3BlcnRpZXM7XG4gIHlBeGlzTGFiZWxzPzogc3RyaW5nW107XG4gIHlMYWJlbFBvc2l0aW9uPzogbnVtYmVyO1xufTtcblxuY29uc3QgQmFyID0gKHtcbiAgYmFyLFxuICBiYXJHcm91cCxcbiAgYmFycyxcbiAgY29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZXMsXG4gIGVuYWJsZUhvdmVyLFxuICBsYWJlbFN0eWxlLFxuICBvbkNsaWNrLFxuICBzaG93RGV0YWlsZWRTdWJHcm91cGluZ0xhYmVscyxcbiAgeUF4aXNMYWJlbHMsXG4gIHlMYWJlbFBvc2l0aW9uLFxufTogQmFyUHJvcHMpID0+IHtcbiAgY29uc3Qgc2hvd0JhciA9IGJhci52YWx1ZSAhPT0gbnVsbCAmJiBiYXIuaGVpZ2h0ID4gMCAmJiBiYXIud2lkdGggPiAwO1xuXG4gIHJldHVybiAoXG4gICAgPEZyYWdtZW50PlxuICAgICAge3Nob3dCYXIgJiYgKFxuICAgICAgICA8QmFyUmVjdFxuICAgICAgICAgIGJhclJlY3RLZXk9e2BiYXItZ3JvdXAtYmFyLSR7YmFyR3JvdXAuaW5kZXh9LSR7YmFyLmluZGV4fS0ke2Jhci52YWx1ZX0tJHtTdHJpbmcoYmFyLmtleSl9YH1cbiAgICAgICAgICB4PXtiYXIueH1cbiAgICAgICAgICB5PXtiYXIueX1cbiAgICAgICAgICB3aWR0aD17YmFyLndpZHRofVxuICAgICAgICAgIGhlaWdodD17YmFyLmhlaWdodH1cbiAgICAgICAgICBmaWxsPXtnZXRCYXJGaWxsKGJhcnMsIGNvbmRpdGlvbmFsRm9ybWF0dGluZ1J1bGVzLCBTdHJpbmcoYmFyLmtleSksIGJhci52YWx1ZSl9XG4gICAgICAgICAgb25DbGljaz17KGUpID0+IG9uQ2xpY2soZSwgYmFyR3JvdXAsIGJhcil9XG4gICAgICAgICAgZW5hYmxlSG92ZXI9e2VuYWJsZUhvdmVyfVxuICAgICAgICAvPlxuICAgICAgKX1cblxuICAgICAgPEJhckxhYmVsXG4gICAgICAgIGJhcj17YmFyfVxuICAgICAgICBiYXJHcm91cD17YmFyR3JvdXB9XG4gICAgICAgIHlMYWJlbFBvc2l0aW9uPXt5TGFiZWxQb3NpdGlvbn1cbiAgICAgICAgeUF4aXNMYWJlbHM9e3lBeGlzTGFiZWxzfVxuICAgICAgICBzaG93RGV0YWlsZWRTdWJHcm91cGluZ0xhYmVscz17c2hvd0RldGFpbGVkU3ViR3JvdXBpbmdMYWJlbHN9XG4gICAgICAgIGxhYmVsU3R5bGU9e2xhYmVsU3R5bGV9XG4gICAgICAvPlxuICAgIDwvRnJhZ21lbnQ+XG4gICk7XG59O1xuXG50eXBlIEJhclJlY3RQcm9wcyA9IHtcbiAgb25DbGljazogKGU6IFJlYWN0Lk1vdXNlRXZlbnQ8U1ZHUmVjdEVsZW1lbnQsIE1vdXNlRXZlbnQ+KSA9PiB2b2lkO1xuICBmaWxsPzogc3RyaW5nO1xuICB4OiBudW1iZXI7XG4gIHk6IG51bWJlcjtcbiAgd2lkdGg6IG51bWJlcjtcbiAgaGVpZ2h0OiBudW1iZXI7XG4gIGJhclJlY3RLZXk6IHN0cmluZztcbiAgZW5hYmxlSG92ZXI/OiBib29sZWFuO1xufTtcblxuY29uc3QgQmFyUmVjdCA9ICh7IG9uQ2xpY2ssIGZpbGwsIHgsIHksIHdpZHRoLCBoZWlnaHQsIGJhclJlY3RLZXksIGVuYWJsZUhvdmVyIH06IEJhclJlY3RQcm9wcykgPT4ge1xuICBjb25zdCBbZmlsbENvbG9yLCBzZXRGaWxsQ29sb3JdID0gdXNlU3RhdGUoZmlsbCk7XG5cbiAgY29uc3QgY2xhc3NlcyA9IGVuYWJsZUhvdmVyID8gY3NzKHsgY3Vyc29yOiAncG9pbnRlcicgfSkgOiAnJztcblxuICBjb25zdCBoYW5kbGVPbk1vdXNlRW50ZXIgPSAoKSA9PiB7XG4gICAgaWYgKGVuYWJsZUhvdmVyKSB7XG4gICAgICBzZXRGaWxsQ29sb3IobGlnaHRlbkNvbG9yKGZpbGwsIDAuOCkpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVPbk1vdXNlTGVhdmUgPSAoKSA9PiB7XG4gICAgaWYgKGVuYWJsZUhvdmVyKSB7XG4gICAgICBzZXRGaWxsQ29sb3IoZmlsbCk7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPHJlY3RcbiAgICAgIGtleT17YmFyUmVjdEtleX1cbiAgICAgIHg9e3h9XG4gICAgICB5PXt5fVxuICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICBmaWxsPXtmaWxsQ29sb3J9XG4gICAgICByeD17QkFSX1JBRElVU31cbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICBvbk1vdXNlRW50ZXI9e2hhbmRsZU9uTW91c2VFbnRlcn1cbiAgICAgIG9uTW91c2VMZWF2ZT17aGFuZGxlT25Nb3VzZUxlYXZlfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc2VzfVxuICAgIC8+XG4gICk7XG59O1xuXG50eXBlIEJhckxhYmVsUHJvcHMgPSB7XG4gIGJhcjogYW55O1xuICBiYXJHcm91cDogYW55O1xuICB5TGFiZWxQb3NpdGlvbj86IG51bWJlcjtcbiAgeUF4aXNMYWJlbHM/OiBzdHJpbmdbXTtcbiAgc2hvd0RldGFpbGVkU3ViR3JvdXBpbmdMYWJlbHM6IGJvb2xlYW47XG4gIGxhYmVsU3R5bGU/OiBSZWFjdC5DU1NQcm9wZXJ0aWVzO1xufTtcblxuY29uc3QgQmFyTGFiZWwgPSAoe1xuICBiYXIsXG4gIGJhckdyb3VwLFxuICB5TGFiZWxQb3NpdGlvbixcbiAgeUF4aXNMYWJlbHMsXG4gIHNob3dEZXRhaWxlZFN1Ykdyb3VwaW5nTGFiZWxzLFxuICBsYWJlbFN0eWxlLFxufTogQmFyTGFiZWxQcm9wcykgPT4ge1xuICBpZiAoIXNob3dEZXRhaWxlZFN1Ykdyb3VwaW5nTGFiZWxzIHx8ICF5TGFiZWxQb3NpdGlvbiB8fCAheUF4aXNMYWJlbHMpIHJldHVybiBudWxsO1xuXG4gIGNvbnN0IGxhYmVsID0geUF4aXNMYWJlbHNbYmFyLmluZGV4XTtcbiAgY29uc3QgY29sdW1uTGFiZWwgPSBsYWJlbC5zcGxpdCgn4oCiJylbMF07XG5cbiAgbGV0IGZvcm1hdHRlZENvbHVtbkxhYmVsOiBzdHJpbmc7XG4gIGlmIChjb2x1bW5MYWJlbC5sZW5ndGggPj0gMTMpIHtcbiAgICBmb3JtYXR0ZWRDb2x1bW5MYWJlbCA9IGNvbHVtbkxhYmVsLnNsaWNlKDAsIDEwKSArICcuLi4nO1xuICB9IGVsc2Uge1xuICAgIGZvcm1hdHRlZENvbHVtbkxhYmVsID0gY29sdW1uTGFiZWwuc2xpY2UoMCwgMTMpO1xuICB9XG5cbiAgY29uc3QgbGFiZWxYR2FwID0gNDtcbiAgY29uc3QgbGFiZWxYUG9zaXRpb24gPSBiYXIueCArIGJhci53aWR0aCAvIDIgKyBsYWJlbFhHYXA7XG5cbiAgY29uc3QgbGFiZWxZR2FwID0gMTU7XG4gIGNvbnN0IGxhYmVsWVBvc2l0aW9uID0geUxhYmVsUG9zaXRpb24gKyBsYWJlbFlHYXA7XG5cbiAgY29uc3QgbGFiZWxLZXkgPSBgbGFiZWwtJHtiYXJHcm91cC5pbmRleH0tJHtiYXIuaW5kZXh9LSR7bGFiZWx9YDtcblxuICByZXR1cm4gKFxuICAgIDx0ZXh0XG4gICAgICBrZXk9e2xhYmVsS2V5fVxuICAgICAgeD17bGFiZWxYUG9zaXRpb259XG4gICAgICB5PXtsYWJlbFlQb3NpdGlvbn1cbiAgICAgIHN0eWxlPXtsYWJlbFN0eWxlfVxuICAgICAgdHJhbnNmb3JtPXtgcm90YXRlKC03MCwgJHtsYWJlbFhQb3NpdGlvbn0sICR7bGFiZWxZUG9zaXRpb259KWB9XG4gICAgICB0ZXh0QW5jaG9yPVwiZW5kXCJcbiAgICA+XG4gICAgICB7Zm9ybWF0dGVkQ29sdW1uTGFiZWx9XG4gICAgPC90ZXh0PlxuICApO1xufTtcbiJdfQ== */",
+    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= */",
     toString: _EMOTION_STRINGIFIED_CSS_ERROR__$9
   }) : '';
   var handleOnMouseEnter = function handleOnMouseEnter() {
@@ -44981,7 +45261,8 @@ var BarChart$5 = function BarChart(_ref) {
             showDetailedSubGroupingLabels: showDetailedSubGroupingLabels,
             yAxisLabels: yAxisLabels,
             yLabelPosition: ySubLabelPosition,
-            labelStyle: themeCSS.labels
+            labelStyle: themeCSS.labels,
+            showLabels: options.showLabels
           }), options.stacked && xScaleKey !== null && jsx(BarStacked, {
             data: dataFlattened,
             keys: chart.y.keys,
@@ -45132,9 +45413,9 @@ var ThresholdArea = function ThresholdArea(props) {
 
 var AREA_GRADIENT_ID_PREFIX = 'area-gradient';
 
-/* 
+/*
   NOTES
-  ----- 
+  -----
   1. Control width of margins via props and truncate ticks using a fixed width
   2. (somehow) prevent overlapping of ticks
   3. Split out conditional formatting colours to show operator and values for each color
@@ -45199,6 +45480,12 @@ var AreaChart$5 = function AreaChart(_ref) {
   }, [innerWidth, chart.x, chart.data]);
   var _yScale = useYScale(innerHeight, chart.y.scale);
   var dataFlattened = useFlattenedData(xScaleKey, xScaleDataType, chart.data, chart.y.keys);
+  var _useMemo = useMemo(function () {
+      var allValues = getAllChartValues(dataFlattened, chart.y.keys);
+      return getMinMaxChartValueFromNumberArray(allValues);
+    }, [dataFlattened, chart.y.keys]),
+    minValue = _useMemo.minValue,
+    maxValue = _useMemo.maxValue;
   var handleMouseMove = useCallback(function (event) {
     if (!xKey || !xScaleKey || xScale === null) return;
     var tooltipData = getTooltipData({
@@ -45360,6 +45647,18 @@ var AreaChart$5 = function AreaChart(_ref) {
                   clipPath: "url(#" + buildClipPathId$1(areaThreshold, AREA_GRADIENT_ID_PREFIX, uniqueId) + ")",
                   fill: "url(#" + id + ")"
                 }, yKey + "-" + AREA_GRADIENT_ID_PREFIX + "-" + thresholdIndex);
+              }), dataFlattened.map(function (d) {
+                return jsx(AreaLabel, {
+                  chartData: d,
+                  yKey: yKey,
+                  xScaleKey: xScaleKey,
+                  xScale: xScale,
+                  yScale: _yScale,
+                  totalItems: dataFlattened.length,
+                  minValue: minValue,
+                  maxValue: maxValue,
+                  showLabels: options.showLabels
+                });
               })]
             }, yKey + "-" + AREA_GRADIENT_ID_PREFIX);
           })]
@@ -45411,17 +45710,43 @@ var AreaChart$5 = function AreaChart(_ref) {
     })]
   });
 };
-function Area(_ref3) {
-  var data = _ref3.data,
-    xScaleDataType = _ref3.xScaleDataType,
+function AreaLabel(_ref3) {
+  var chartData = _ref3.chartData,
+    yKey = _ref3.yKey,
+    xScaleKey = _ref3.xScaleKey,
     xScale = _ref3.xScale,
     yScale = _ref3.yScale,
-    yKey = _ref3.yKey,
-    curve = _ref3.curve,
-    clipPath = _ref3.clipPath,
-    xKey = _ref3.xKey,
-    fill = _ref3.fill,
-    stroke = _ref3.stroke;
+    totalItems = _ref3.totalItems,
+    minValue = _ref3.minValue,
+    maxValue = _ref3.maxValue,
+    showLabels = _ref3.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
+  });
+}
+function Area(_ref4) {
+  var data = _ref4.data,
+    xScaleDataType = _ref4.xScaleDataType,
+    xScale = _ref4.xScale,
+    yScale = _ref4.yScale,
+    yKey = _ref4.yKey,
+    curve = _ref4.curve,
+    clipPath = _ref4.clipPath,
+    xKey = _ref4.xKey,
+    fill = _ref4.fill,
+    stroke = _ref4.stroke;
   return jsx(AreaClosed, {
     data: data,
     x: function x(d) {
@@ -47658,6 +47983,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,
@@ -47668,6 +47994,7 @@ var LineChartV2View = function LineChartV2View(props) {
                 removeStroke: false,
                 showRoundedTotal: false,
                 showLegend: props.attributes.legend,
+                showLabels: (_props$attributes$lab = props.attributes.labels) != null ? _props$attributes$lab : false,
                 axis: {
                   showXAxisLabels: props.attributes.approxXAxisLabelCount !== 0,
                   showYAxisLabels: props.attributes.approxYAxisLabelCount !== 0
@@ -48027,7 +48354,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,
@@ -48040,6 +48367,7 @@ var AreaChartV2View = function AreaChartV2View(props) {
                 removeStroke: false,
                 showRoundedTotal: false,
                 showLegend: props.attributes.legend,
+                showLabels: (_props$attributes$lab = props.attributes.labels) != null ? _props$attributes$lab : false,
                 axis: {
                   showXAxisLabels: props.attributes.approxXAxisLabelCount !== 0,
                   showYAxisLabels: props.attributes.approxYAxisLabelCount !== 0
@@ -48421,6 +48749,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,
@@ -48431,6 +48760,7 @@ var BarChartV2View = function BarChartV2View(props) {
                 removeStroke: false,
                 showRoundedTotal: false,
                 showLegend: props.attributes.legend,
+                showLabels: (_props$attributes$lab = props.attributes.labels) != null ? _props$attributes$lab : false,
                 axis: {
                   showXAxisLabels: props.attributes.approxXAxisLabelCount !== 0,
                   showYAxisLabels: props.attributes.approxYAxisLabelCount !== 0
@@ -48822,7 +49152,8 @@ var ComboChart$4 = function ComboChart(_ref) {
             xScaleDataType: xScaleDataType,
             showDetailedSubGroupingLabels: false,
             yAxisLabels: [],
-            yLabelPosition: 0
+            yLabelPosition: 0,
+            showLabels: options.showLabels
           }), options.stacked && xScaleKey !== null && jsx(BarStacked, {
             data: barDataFlattened,
             keys: yBarKeys,
@@ -48846,7 +49177,8 @@ var ComboChart$4 = function ComboChart(_ref) {
               xScaleKey: xScaleKey,
               xScaleDataType: xScaleDataType,
               xScale: xScale,
-              yScale: yScale
+              yScale: yScale,
+              showLabels: options.showLabels
             })
           })]
         })]
@@ -49106,7 +49438,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,
@@ -49124,6 +49456,7 @@ var ComboChartViewV2 = function ComboChartViewV2(props) {
                 removeStroke: false,
                 showRoundedTotal: false,
                 showLegend: props.attributes.legend,
+                showLabels: (_props$attributes$lab = props.attributes.labels) != null ? _props$attributes$lab : false,
                 axis: {
                   showXAxisLabels: props.attributes.approxXAxisLabelCount !== 0,
                   showYAxisLabels: props.attributes.approxYAxisLabelCount !== 0
@@ -51677,7 +52010,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;
@@ -51768,10 +52101,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: (_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,
@@ -53623,6 +53957,12 @@ var Legend$2 = function Legend(_ref) {
   });
 };
 
+var getStepYPosition = function getStepYPosition(step, height, y) {
+  var isIncreasing = step.y > 0;
+  if (isIncreasing) return y - 8;
+  return y + height + 16;
+};
+
 var _excluded$i = ["formattedValue"],
   _excluded2$4 = ["formattedValue"];
 var AXIS_TITLE_STYLES$1 = {
@@ -53797,6 +54137,14 @@ 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;
   if (width === 0 || height === 0 || xScale == null) return null;
   return jsxs(Fragment$1, {
     children: [jsxs(ChartWrapper$1, {
@@ -53892,7 +54240,11 @@ var WaterfallChart$2 = function WaterfallChart(_ref) {
                       bar: bar,
                       barGroup: barGroup,
                       yScale: yScale,
-                      formattedChartDataForBarChart: formattedChartDataForBarChart
+                      formattedChartDataForBarChart: formattedChartDataForBarChart,
+                      showLabels: options.showLabels,
+                      totalItems: formattedChartDataForBarChart.steps.length,
+                      minValue: minValue,
+                      maxValue: maxValue
                     });
                   })
                 }, "bar-group-" + barGroup.index + "-" + barGroup.x0);
@@ -53929,19 +54281,34 @@ var Bar$2 = function Bar(_ref4) {
     yScale = _ref4.yScale,
     formattedChartDataForBarChart = _ref4.formattedChartDataForBarChart,
     increaseColor = _ref4.increaseColor,
-    decreaseColor = _ref4.decreaseColor;
+    decreaseColor = _ref4.decreaseColor,
+    showLabels = _ref4.showLabels,
+    totalItems = _ref4.totalItems,
+    minValue = _ref4.minValue,
+    maxValue = _ref4.maxValue;
   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));
-  return jsx(Fragment$1, {
-    children: jsx("rect", {
+  var xPadding = 14;
+  var labelX = bar.width < 10 ? bar.x - xPadding : bar.x + bar.width / 2;
+  var labelY = getStepYPosition(step, barHeight, y);
+  var showMinMax = showMinMaxLabel(step.y, totalItems, minValue, maxValue);
+  var shouldShowLabel = showLabels && showMinMax && bar.value > 0;
+  return jsxs(Fragment$1, {
+    children: [jsx("rect", {
       x: bar.x,
       y: y,
       width: bar.width,
       height: barHeight,
       fill: bar.value > 0 ? increaseColor : decreaseColor,
       rx: 4
-    }, "bar-group-bar-" + barGroup.index + "-" + bar.index + "-" + bar.value + "-" + bar.key)
+    }, "bar-group-bar-" + barGroup.index + "-" + bar.index + "-" + bar.value + "-" + bar.key), shouldShowLabel && jsx(DataLabel, {
+      x: labelX,
+      y: labelY,
+      title: step.y.toString(),
+      dx: 1,
+      dy: 0
+    })]
   });
 };
 
@@ -53957,6 +54324,7 @@ var WaterfallChartView = function WaterfallChartView(props) {
     displayTitle = props.displayTitle,
     headline = props.headline,
     id = props.id,
+    labels = props.labels,
     legend = props.legend,
     library = props.library,
     localFilters = props.localFilters,
@@ -54064,6 +54432,7 @@ var WaterfallChartView = function WaterfallChartView(props) {
               height: parent.height,
               options: {
                 showLegend: showLegend(legend, (theme == null ? void 0 : theme.detail) === 'verbose'),
+                showLabels: labels != null ? labels : false,
                 showTooltipRoundedTotal: true,
                 removeStroke: false,
                 axis: {