@ironsource/shared-ui 2.1.12-rc.2 → 2.1.12-rc.21

package/components/chart/index.d.ts

@@ -1,4 +1,5 @@
 import Chart from './Chart.vue';
+import { ChartType, TooltipOrder, TrendDirection } from './types';
 declare const ChartTypes: () => ({
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
@@ -6,24 +7,43 @@ declare const ChartTypes: () => ({
         $props: Partial<{
             header: string;
             loading: boolean;
-            xAxisFormat: import("./types").ValueFormat;
-            yAxisFormat: import("./types").ValueFormat;
-            parsing: import("./types").ChartParsingConfig;
             visibleIds: unknown[];
             minVisible: number;
             maxVisible: number;
             maxLimitTooltipText: string;
-            chartType: import("./types").ChartType;
-            withSettingsHeader: boolean;
-            subheader: string;
-            withSubheaderTooltip: boolean;
-            dataSets: import("./types").ChartDataSet[];
+            sortSelected: any;
+            sortOptions: unknown[];
+            sortOptionNameKey: string;
+            chartType: ChartType;
             hideLegend: boolean;
+            xAxisFormat: import("./types").ValueFormat;
+            xAxisDateInterval: import("./types").DateInterval;
+            totalsChart: boolean;
+            parsing: import("./types").ChartParsingConfig;
+            yAxisFormat: import("./types").ValueFormat;
+            valueSuffix: string;
+            valuePrefix: string;
+            dataSets: import("./types").ChartDataSet[];
+            trendTooltip: any;
+            subheader: string;
+            subheaderTooltip: any;
+            trendValue: string | number;
+            trendDirection: TrendDirection;
             tickCount: number;
+            truncateTickLabels: boolean;
+            keepSubheaderVisible: boolean;
+            empty: boolean;
             noDataIcon: string;
             noDataTitle: string;
             noDataSubtitle: string;
             withAnimation: boolean;
+            tooltipTotalType: import("../../utils/totals").TotalType;
+            tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
+            tooltipOrder: TooltipOrder;
+            fullHeight: boolean;
+            fullHeightBottomSpacing: number;
+            withSettingsHeader: boolean;
+            extraCharts: Record<string, unknown>[];
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             header: {
                 type: import("vue").PropType<string>;
@@ -33,18 +53,6 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            xAxisFormat: {
-                type: import("vue").PropType<import("./types").ValueFormat>;
-                default: string;
-            };
-            yAxisFormat: {
-                type: import("vue").PropType<import("./types").ValueFormat>;
-                default: string;
-            };
-            parsing: {
-                type: import("vue").PropType<import("./types").ChartParsingConfig>;
-                default: any;
-            };
             visibleIds: {
                 type: import("vue").PropType<unknown[]>;
                 required: true;
@@ -62,35 +70,102 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            sortSelected: {
+                type: import("vue").PropType<unknown>;
+                default: any;
+            };
+            sortOptions: {
+                type: import("vue").PropType<unknown[]>;
+                default: () => any[];
+            };
+            sortOptionNameKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             chartType: {
-                type: import("vue").PropType<import("./types").ChartType>;
-                default: import("./types").ChartType;
+                type: import("vue").PropType<ChartType>;
+                default: ChartType;
             };
-            withSettingsHeader: {
+            hideLegend: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            subheader: {
-                type: import("vue").PropType<string>;
+            xAxisFormat: {
+                type: import("vue").PropType<import("./types").ValueFormat>;
                 default: string;
             };
-            withSubheaderTooltip: {
+            xAxisDateInterval: {
+                type: import("vue").PropType<import("./types").DateInterval>;
+                default: import("./types").DateInterval;
+            };
+            totalsChart: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            parsing: {
+                type: import("vue").PropType<import("./types").ChartParsingConfig>;
+                default: any;
+            };
+            yAxisFormat: {
+                type: import("vue").PropType<import("./types").ValueFormat>;
+                default: string;
+            };
+            valueSuffix: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            valuePrefix: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             dataSets: {
                 type: import("vue").PropType<import("./types").ChartDataSet[]>;
                 required: true;
                 default: () => any[];
             };
-            hideLegend: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
+            trendTooltip: {
+                type: import("vue").PropType<{
+                    header?: string;
+                    rangeCurrent?: string;
+                    rangePrevious?: string;
+                }>;
+                default: any;
+            };
+            subheader: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            subheaderTooltip: {
+                type: import("vue").PropType<{
+                    header?: string;
+                    text?: string;
+                }>;
+                default: any;
+            };
+            trendValue: {
+                type: import("vue").PropType<string | number>;
+                default: any;
+            };
+            trendDirection: {
+                type: import("vue").PropType<TrendDirection>;
+                default: TrendDirection;
             };
             tickCount: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
+            truncateTickLabels: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            keepSubheaderVisible: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            empty: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             noDataIcon: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -107,10 +182,39 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            tooltipTotalType: {
+                type: import("vue").PropType<import("../../utils/totals").TotalType>;
+                default: import("../../utils/totals").TotalType;
+            };
+            tooltipTotalCalcFn: {
+                type: import("vue").PropType<(values: number[], totalType: import("../../utils/totals").TotalType) => number>;
+                default: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
+            };
+            tooltipOrder: {
+                type: import("vue").PropType<TooltipOrder>;
+                default: TooltipOrder;
+            };
+            fullHeight: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            fullHeightBottomSpacing: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            withSettingsHeader: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            extraCharts: {
+                type: import("vue").PropType<Record<string, unknown>[]>;
+                default: () => any[];
+            };
         }>> & {
             "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
-            "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "xAxisFormat" | "yAxisFormat" | "parsing" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "chartType" | "withSettingsHeader" | "subheader" | "withSubheaderTooltip" | "dataSets" | "hideLegend" | "tickCount" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation">;
+            "onUpdate:sortSelected"?: (sortOption: unknown) => any;
+            "onUpdate:chartType"?: (chartType: ChartType) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "sortSelected" | "sortOptions" | "sortOptionNameKey" | "chartType" | "hideLegend" | "xAxisFormat" | "xAxisDateInterval" | "totalsChart" | "parsing" | "yAxisFormat" | "valueSuffix" | "valuePrefix" | "dataSets" | "trendTooltip" | "subheader" | "subheaderTooltip" | "trendValue" | "trendDirection" | "tickCount" | "truncateTickLabels" | "keepSubheaderVisible" | "empty" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation" | "tooltipTotalType" | "tooltipTotalCalcFn" | "tooltipOrder" | "fullHeight" | "fullHeightBottomSpacing" | "withSettingsHeader" | "extraCharts">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -122,7 +226,7 @@ declare const ChartTypes: () => ({
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-        $emit: ((event: "update:visibleIds", visibleIds: unknown[]) => void) & ((event: "update:chartType", chartType: import("./types").ChartType) => void);
+        $emit: ((event: "update:visibleIds", visibleIds: unknown[]) => void) & ((event: "update:sortSelected", sortOption: unknown) => void) & ((event: "update:chartType", chartType: ChartType) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             header: {
@@ -133,18 +237,6 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            xAxisFormat: {
-                type: import("vue").PropType<import("./types").ValueFormat>;
-                default: string;
-            };
-            yAxisFormat: {
-                type: import("vue").PropType<import("./types").ValueFormat>;
-                default: string;
-            };
-            parsing: {
-                type: import("vue").PropType<import("./types").ChartParsingConfig>;
-                default: any;
-            };
             visibleIds: {
                 type: import("vue").PropType<unknown[]>;
                 required: true;
@@ -162,35 +254,102 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            sortSelected: {
+                type: import("vue").PropType<unknown>;
+                default: any;
+            };
+            sortOptions: {
+                type: import("vue").PropType<unknown[]>;
+                default: () => any[];
+            };
+            sortOptionNameKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             chartType: {
-                type: import("vue").PropType<import("./types").ChartType>;
-                default: import("./types").ChartType;
+                type: import("vue").PropType<ChartType>;
+                default: ChartType;
             };
-            withSettingsHeader: {
+            hideLegend: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            subheader: {
-                type: import("vue").PropType<string>;
+            xAxisFormat: {
+                type: import("vue").PropType<import("./types").ValueFormat>;
                 default: string;
             };
-            withSubheaderTooltip: {
+            xAxisDateInterval: {
+                type: import("vue").PropType<import("./types").DateInterval>;
+                default: import("./types").DateInterval;
+            };
+            totalsChart: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            parsing: {
+                type: import("vue").PropType<import("./types").ChartParsingConfig>;
+                default: any;
+            };
+            yAxisFormat: {
+                type: import("vue").PropType<import("./types").ValueFormat>;
+                default: string;
+            };
+            valueSuffix: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            valuePrefix: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             dataSets: {
                 type: import("vue").PropType<import("./types").ChartDataSet[]>;
                 required: true;
                 default: () => any[];
             };
-            hideLegend: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
+            trendTooltip: {
+                type: import("vue").PropType<{
+                    header?: string;
+                    rangeCurrent?: string;
+                    rangePrevious?: string;
+                }>;
+                default: any;
+            };
+            subheader: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            subheaderTooltip: {
+                type: import("vue").PropType<{
+                    header?: string;
+                    text?: string;
+                }>;
+                default: any;
+            };
+            trendValue: {
+                type: import("vue").PropType<string | number>;
+                default: any;
+            };
+            trendDirection: {
+                type: import("vue").PropType<TrendDirection>;
+                default: TrendDirection;
             };
             tickCount: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
+            truncateTickLabels: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            keepSubheaderVisible: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            empty: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             noDataIcon: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -207,33 +366,82 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            tooltipTotalType: {
+                type: import("vue").PropType<import("../../utils/totals").TotalType>;
+                default: import("../../utils/totals").TotalType;
+            };
+            tooltipTotalCalcFn: {
+                type: import("vue").PropType<(values: number[], totalType: import("../../utils/totals").TotalType) => number>;
+                default: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
+            };
+            tooltipOrder: {
+                type: import("vue").PropType<TooltipOrder>;
+                default: TooltipOrder;
+            };
+            fullHeight: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            fullHeightBottomSpacing: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            withSettingsHeader: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            extraCharts: {
+                type: import("vue").PropType<Record<string, unknown>[]>;
+                default: () => any[];
+            };
         }>> & {
             "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
-            "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
+            "onUpdate:sortSelected"?: (sortOption: unknown) => any;
+            "onUpdate:chartType"?: (chartType: ChartType) => any;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:chartType": (chartType: import("./types").ChartType) => void;
+            "update:chartType": (chartType: ChartType) => void;
             "update:visibleIds": (visibleIds: unknown[]) => void;
+            "update:sortSelected": (sortOption: unknown) => void;
         }, string, {
             header: string;
             loading: boolean;
-            xAxisFormat: import("./types").ValueFormat;
-            yAxisFormat: import("./types").ValueFormat;
-            parsing: import("./types").ChartParsingConfig;
             visibleIds: unknown[];
             minVisible: number;
             maxVisible: number;
             maxLimitTooltipText: string;
-            chartType: import("./types").ChartType;
-            withSettingsHeader: boolean;
-            subheader: string;
-            withSubheaderTooltip: boolean;
-            dataSets: import("./types").ChartDataSet[];
+            sortSelected: any;
+            sortOptions: unknown[];
+            sortOptionNameKey: string;
+            chartType: ChartType;
             hideLegend: boolean;
+            xAxisFormat: import("./types").ValueFormat;
+            xAxisDateInterval: import("./types").DateInterval;
+            totalsChart: boolean;
+            parsing: import("./types").ChartParsingConfig;
+            yAxisFormat: import("./types").ValueFormat;
+            valueSuffix: string;
+            valuePrefix: string;
+            dataSets: import("./types").ChartDataSet[];
+            trendTooltip: any;
+            subheader: string;
+            subheaderTooltip: any;
+            trendValue: string | number;
+            trendDirection: TrendDirection;
             tickCount: number;
+            truncateTickLabels: boolean;
+            keepSubheaderVisible: boolean;
+            empty: boolean;
             noDataIcon: string;
             noDataTitle: string;
             noDataSubtitle: string;
             withAnimation: boolean;
+            tooltipTotalType: import("../../utils/totals").TotalType;
+            tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
+            tooltipOrder: TooltipOrder;
+            fullHeight: boolean;
+            fullHeightBottomSpacing: number;
+            withSettingsHeader: boolean;
+            extraCharts: Record<string, unknown>[];
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -263,18 +471,6 @@ declare const ChartTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        xAxisFormat: {
-            type: import("vue").PropType<import("./types").ValueFormat>;
-            default: string;
-        };
-        yAxisFormat: {
-            type: import("vue").PropType<import("./types").ValueFormat>;
-            default: string;
-        };
-        parsing: {
-            type: import("vue").PropType<import("./types").ChartParsingConfig>;
-            default: any;
-        };
         visibleIds: {
             type: import("vue").PropType<unknown[]>;
             required: true;
@@ -292,35 +488,102 @@ declare const ChartTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
+        sortSelected: {
+            type: import("vue").PropType<unknown>;
+            default: any;
+        };
+        sortOptions: {
+            type: import("vue").PropType<unknown[]>;
+            default: () => any[];
+        };
+        sortOptionNameKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         chartType: {
-            type: import("vue").PropType<import("./types").ChartType>;
-            default: import("./types").ChartType;
+            type: import("vue").PropType<ChartType>;
+            default: ChartType;
         };
-        withSettingsHeader: {
+        hideLegend: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        subheader: {
-            type: import("vue").PropType<string>;
+        xAxisFormat: {
+            type: import("vue").PropType<import("./types").ValueFormat>;
             default: string;
         };
-        withSubheaderTooltip: {
+        xAxisDateInterval: {
+            type: import("vue").PropType<import("./types").DateInterval>;
+            default: import("./types").DateInterval;
+        };
+        totalsChart: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        parsing: {
+            type: import("vue").PropType<import("./types").ChartParsingConfig>;
+            default: any;
+        };
+        yAxisFormat: {
+            type: import("vue").PropType<import("./types").ValueFormat>;
+            default: string;
+        };
+        valueSuffix: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        valuePrefix: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         dataSets: {
             type: import("vue").PropType<import("./types").ChartDataSet[]>;
             required: true;
             default: () => any[];
         };
-        hideLegend: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
+        trendTooltip: {
+            type: import("vue").PropType<{
+                header?: string;
+                rangeCurrent?: string;
+                rangePrevious?: string;
+            }>;
+            default: any;
+        };
+        subheader: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        subheaderTooltip: {
+            type: import("vue").PropType<{
+                header?: string;
+                text?: string;
+            }>;
+            default: any;
+        };
+        trendValue: {
+            type: import("vue").PropType<string | number>;
+            default: any;
+        };
+        trendDirection: {
+            type: import("vue").PropType<TrendDirection>;
+            default: TrendDirection;
         };
         tickCount: {
             type: import("vue").PropType<number>;
             default: number;
         };
+        truncateTickLabels: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        keepSubheaderVisible: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        empty: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         noDataIcon: {
             type: import("vue").PropType<string>;
             default: string;
@@ -337,9 +600,38 @@ declare const ChartTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        tooltipTotalType: {
+            type: import("vue").PropType<import("../../utils/totals").TotalType>;
+            default: import("../../utils/totals").TotalType;
+        };
+        tooltipTotalCalcFn: {
+            type: import("vue").PropType<(values: number[], totalType: import("../../utils/totals").TotalType) => number>;
+            default: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
+        };
+        tooltipOrder: {
+            type: import("vue").PropType<TooltipOrder>;
+            default: TooltipOrder;
+        };
+        fullHeight: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        fullHeightBottomSpacing: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        withSettingsHeader: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        extraCharts: {
+            type: import("vue").PropType<Record<string, unknown>[]>;
+            default: () => any[];
+        };
     }>> & {
         "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
-        "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
+        "onUpdate:sortSelected"?: (sortOption: unknown) => any;
+        "onUpdate:chartType"?: (chartType: ChartType) => any;
     } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -353,18 +645,6 @@ declare const ChartTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    xAxisFormat: {
-        type: import("vue").PropType<import("./types").ValueFormat>;
-        default: string;
-    };
-    yAxisFormat: {
-        type: import("vue").PropType<import("./types").ValueFormat>;
-        default: string;
-    };
-    parsing: {
-        type: import("vue").PropType<import("./types").ChartParsingConfig>;
-        default: any;
-    };
     visibleIds: {
         type: import("vue").PropType<unknown[]>;
         required: true;
@@ -382,35 +662,102 @@ declare const ChartTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
+    sortSelected: {
+        type: import("vue").PropType<unknown>;
+        default: any;
+    };
+    sortOptions: {
+        type: import("vue").PropType<unknown[]>;
+        default: () => any[];
+    };
+    sortOptionNameKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     chartType: {
-        type: import("vue").PropType<import("./types").ChartType>;
-        default: import("./types").ChartType;
+        type: import("vue").PropType<ChartType>;
+        default: ChartType;
     };
-    withSettingsHeader: {
+    hideLegend: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    subheader: {
-        type: import("vue").PropType<string>;
+    xAxisFormat: {
+        type: import("vue").PropType<import("./types").ValueFormat>;
         default: string;
     };
-    withSubheaderTooltip: {
+    xAxisDateInterval: {
+        type: import("vue").PropType<import("./types").DateInterval>;
+        default: import("./types").DateInterval;
+    };
+    totalsChart: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    parsing: {
+        type: import("vue").PropType<import("./types").ChartParsingConfig>;
+        default: any;
+    };
+    yAxisFormat: {
+        type: import("vue").PropType<import("./types").ValueFormat>;
+        default: string;
+    };
+    valueSuffix: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    valuePrefix: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     dataSets: {
         type: import("vue").PropType<import("./types").ChartDataSet[]>;
         required: true;
         default: () => any[];
     };
-    hideLegend: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
+    trendTooltip: {
+        type: import("vue").PropType<{
+            header?: string;
+            rangeCurrent?: string;
+            rangePrevious?: string;
+        }>;
+        default: any;
+    };
+    subheader: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    subheaderTooltip: {
+        type: import("vue").PropType<{
+            header?: string;
+            text?: string;
+        }>;
+        default: any;
+    };
+    trendValue: {
+        type: import("vue").PropType<string | number>;
+        default: any;
+    };
+    trendDirection: {
+        type: import("vue").PropType<TrendDirection>;
+        default: TrendDirection;
     };
     tickCount: {
         type: import("vue").PropType<number>;
         default: number;
     };
+    truncateTickLabels: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    keepSubheaderVisible: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    empty: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     noDataIcon: {
         type: import("vue").PropType<string>;
         default: string;
@@ -427,39 +774,89 @@ declare const ChartTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    tooltipTotalType: {
+        type: import("vue").PropType<import("../../utils/totals").TotalType>;
+        default: import("../../utils/totals").TotalType;
+    };
+    tooltipTotalCalcFn: {
+        type: import("vue").PropType<(values: number[], totalType: import("../../utils/totals").TotalType) => number>;
+        default: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
+    };
+    tooltipOrder: {
+        type: import("vue").PropType<TooltipOrder>;
+        default: TooltipOrder;
+    };
+    fullHeight: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    fullHeightBottomSpacing: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    withSettingsHeader: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    extraCharts: {
+        type: import("vue").PropType<Record<string, unknown>[]>;
+        default: () => any[];
+    };
 }>> & {
     "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
-    "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
+    "onUpdate:sortSelected"?: (sortOption: unknown) => any;
+    "onUpdate:chartType"?: (chartType: ChartType) => any;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:chartType": (chartType: import("./types").ChartType) => void;
+    "update:chartType": (chartType: ChartType) => void;
     "update:visibleIds": (visibleIds: unknown[]) => void;
+    "update:sortSelected": (sortOption: unknown) => void;
 }, string, {
     header: string;
     loading: boolean;
-    xAxisFormat: import("./types").ValueFormat;
-    yAxisFormat: import("./types").ValueFormat;
-    parsing: import("./types").ChartParsingConfig;
     visibleIds: unknown[];
     minVisible: number;
     maxVisible: number;
     maxLimitTooltipText: string;
-    chartType: import("./types").ChartType;
-    withSettingsHeader: boolean;
-    subheader: string;
-    withSubheaderTooltip: boolean;
-    dataSets: import("./types").ChartDataSet[];
+    sortSelected: any;
+    sortOptions: unknown[];
+    sortOptionNameKey: string;
+    chartType: ChartType;
     hideLegend: boolean;
+    xAxisFormat: import("./types").ValueFormat;
+    xAxisDateInterval: import("./types").DateInterval;
+    totalsChart: boolean;
+    parsing: import("./types").ChartParsingConfig;
+    yAxisFormat: import("./types").ValueFormat;
+    valueSuffix: string;
+    valuePrefix: string;
+    dataSets: import("./types").ChartDataSet[];
+    trendTooltip: any;
+    subheader: string;
+    subheaderTooltip: any;
+    trendValue: string | number;
+    trendDirection: TrendDirection;
     tickCount: number;
+    truncateTickLabels: boolean;
+    keepSubheaderVisible: boolean;
+    empty: boolean;
     noDataIcon: string;
     noDataTitle: string;
     noDataSubtitle: string;
     withAnimation: boolean;
+    tooltipTotalType: import("../../utils/totals").TotalType;
+    tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
+    tooltipOrder: TooltipOrder;
+    fullHeight: boolean;
+    fullHeightBottomSpacing: number;
+    withSettingsHeader: boolean;
+    extraCharts: Record<string, unknown>[];
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
+        "before-chart-type"?(_: {}): any;
         metric?(_: {}): any;
         breakdowns?(_: {}): any;
         "subheader-tooltip"?(_: {}): any;
     };
 }))[];
-export type { ChartType, ChartDataRecord, ChartDataSet, ChartParsingConfig, } from './types';
-export { Chart, ChartTypes };
+export type { ChartDataRecord, ChartDataSet, ChartParsingConfig, } from './types';
+export { Chart, ChartTypes, ChartType, TooltipOrder, TrendDirection };