@ironsource/shared-ui 2.1.12-test.52 → 2.1.12-test.53

package/components/chart/TooltipHeader.vue2.js

@@ -1,13 +1,12 @@
- import "../../TooltipHeader.vue_vue_type_style_index_0_scoped_5160f12d_lang.css"; import { defineComponent as v, computed as u, openBlock as i, createElementBlock as f, createElementVNode as A, unref as t, createCommentVNode as s, createBlock as m, createVNode as D, withCtx as d, createTextVNode as x, toDisplayString as p } from "vue";
-import { getUTCDate as T } from "../../utils/date.js";
-import { formatValue as r } from "./utils/utils.js";
+ import "../../TooltipHeader.vue_vue_type_style_index_0_scoped_da3532aa_lang.css"; import { defineComponent as v, computed as m, openBlock as n, createElementBlock as f, createElementVNode as A, unref as t, createCommentVNode as s, createBlock as u, createVNode as T, withCtx as d, createTextVNode as x, toDisplayString as p } from "vue";
+import { formatValue as o } from "./utils/utils.js";
 import y from "../typography/v4/Typography.vue.js";
 import { DateInterval as c } from "./types.js";
 import k from "../icon/v4/IconV4.vue.js";
-import C from "../icon/v4/IconFlag.vue.js";
-import { startOfWeek as F, endOfWeek as I, startOfMonth as O, endOfMonth as E } from "date-fns";
-import { LONG_DATE_FORMAT as n } from "./consts.js";
-const N = { class: "tooltip-title-wrapper" }, L = { class: "main-title" }, M = ["src"], S = /* @__PURE__ */ v({
+import O from "../icon/v4/IconFlag.vue.js";
+import { startOfWeek as C, startOfDay as h, endOfWeek as F, startOfMonth as I, endOfMonth as E } from "date-fns";
+import { LONG_DATE_FORMAT as i } from "./consts.js";
+const N = { class: "tooltip-title-wrapper" }, L = { class: "main-title" }, M = ["src"], K = /* @__PURE__ */ v({
   __name: "TooltipHeader",
   props: {
     title: { default: "" },
@@ -17,48 +16,48 @@ const N = { class: "tooltip-title-wrapper" }, L = { class: "main-title" }, M = [
     totalsChart: { type: Boolean, default: !1 }
   },
   setup(a) {
-    const e = a, o = u(() => e.dataPoints.length ? e.dataPoints[0].dataset : null), h = u(() => e.totalsChart ? o.value?.label || e.title : e.xAxisFormat === "date" ? g(T(e.title)) : r(e.title, e.xAxisFormat)), g = (l) => e.xAxisDateInterval === c.WEEKLY ? `
-      ${r(F(l), n)} -
-      ${r(I(l), n)}
+    const e = a, r = m(() => e.dataPoints.length ? e.dataPoints[0].dataset : null), D = m(() => e.totalsChart ? r.value?.label || e.title : e.xAxisFormat === "date" ? g(new Date(e.title)) : o(e.title, e.xAxisFormat)), g = (l) => e.xAxisDateInterval === c.WEEKLY ? `
+      ${o(C(l), i)} -
+      ${o(h(F(l)), i)}
     ` : e.xAxisDateInterval === c.MONTHLY ? `
-      ${r(O(l), n)} -
-      ${r(E(l), n)}
-    ` : r(l, n);
-    return (l, V) => (i(), f("div", N, [
+      ${o(I(l), i)} -
+      ${o(h(E(l)), i)}
+    ` : o(l, i);
+    return (l, V) => (n(), f("div", N, [
       A("div", L, [
-        a.totalsChart && t(o)?.image ? (i(), f("img", {
+        a.totalsChart && t(r)?.image ? (n(), f("img", {
           key: 0,
           class: "title-image",
-          src: t(o)?.image
+          src: t(r)?.image
         }, null, 8, M)) : s("", !0),
-        a.totalsChart && t(o)?.countryFlag ? (i(), m(t(C), {
+        a.totalsChart && t(r)?.countryFlag ? (n(), u(t(O), {
           key: 1,
-          "country-code": t(o).countryFlag
+          "country-code": t(r).countryFlag
         }, null, 8, ["country-code"])) : s("", !0),
-        a.totalsChart && t(o)?.icon ? (i(), m(t(k), {
+        a.totalsChart && t(r)?.icon ? (n(), u(t(k), {
           key: 2,
           class: "platform-icon",
-          type: t(o)?.iconType,
-          name: t(o)?.icon,
+          type: t(r)?.iconType,
+          name: t(r)?.icon,
           size: "16px"
         }, null, 8, ["type", "name"])) : s("", !0),
-        D(t(y), {
+        T(t(y), {
           class: "title-text",
           variant: "subtitle2"
         }, {
           default: d(() => [
-            x(p(t(h)), 1)
+            x(p(t(D)), 1)
           ]),
           _: 1
         })
       ]),
-      a.xAxisFormat === "date" && a.xAxisDateInterval !== t(c).WEEKLY && a.xAxisDateInterval !== t(c).MONTHLY ? (i(), m(t(y), {
+      a.xAxisFormat === "date" && a.xAxisDateInterval !== t(c).WEEKLY && a.xAxisDateInterval !== t(c).MONTHLY ? (n(), u(t(y), {
         key: 0,
         class: "tooltip-sub-title",
         variant: "caption"
       }, {
         default: d(() => [
-          x(p(t(r)(a.title, "day")), 1)
+          x(p(t(o)(a.title, "day")), 1)
         ]),
         _: 1
       })) : s("", !0)
@@ -66,5 +65,5 @@ const N = { class: "tooltip-title-wrapper" }, L = { class: "main-title" }, M = [
   }
 });
 export {
-  S as default
+  K as default
 };

package/components/chart/colorPalette.d.ts

@@ -1,4 +1,5 @@
 import { HexColor } from '@/components/chart/types';
 export declare const DEFAULT_CHART_COLOR: HexColor;
-export declare const COLOR_PALETTE: HexColor[];
+export declare const DEFAULT_COLOR_PALETTE: HexColor[];
+export declare const MEDIATION_COLOR_PALETTE: HexColor[];
 export declare const RESERVED_COLORS_MAP: Record<string, HexColor>;

package/components/chart/colorPalette.js

@@ -1,5 +1,5 @@
-import { NETWORK_UNITY_ADS as _, BIDDING_PREFIX as F, NETWORK_AD_MOB as N, NETWORK_IRON_SOURCE as E, NETWORK_MINTEGRAL as T, NETWORK_APPLOVIN as A, NETWORK_FACEBOOK_META as $, NETWORK_LIFTOFF as O, NETWORK_PANGLE as C, NETWORK_INMOBI as R, NETWORK_DT_EXCHANGE as B } from "./consts.js";
-const I = "#c9c9c9", K = [
+import { NETWORK_UNITY_ADS as R, BIDDING_PREFIX as F, NETWORK_AD_MOB as T, NETWORK_IRON_SOURCE as E, NETWORK_MINTEGRAL as _, NETWORK_APPLOVIN as C, NETWORK_FACEBOOK_META as A, NETWORK_LIFTOFF as B, NETWORK_PANGLE as O, NETWORK_INMOBI as $, NETWORK_DT_EXCHANGE as D } from "./consts.js";
+const I = "#c9c9c9", L = [
   "#80BCFE",
   "#9999FF",
   "#5883E4",
@@ -10,45 +10,59 @@ const I = "#c9c9c9", K = [
   "#673AFF",
   "#CA80DC",
   "#FEBBB2"
-], t = {
+], t = [
+  "#487BEC",
+  "#FFC670",
+  "#80CBC4",
+  "#FF7557",
+  "#7856FF",
+  "#FEBBB2",
+  "#DA88EE",
+  "#0D7EA0",
+  "#01AB01",
+  "#B3596E"
+], K = {
   Total: "#646464",
   // AB tests
   A: "#FFC134",
   B: "#4F4FF5",
   // Countries
-  US: "#272EC4",
-  CN: "#F52E1E",
-  GB: "#0082FF",
-  DE: "#FFD600",
-  JP: "#BA0029",
-  AU: "#009BCB",
-  FR: "#34A853",
+  US: "#9999FF",
+  CN: "#FF1200",
+  GB: "#89009B",
+  DE: "#FBE32D",
+  JP: "#8D001F",
+  AU: "#E57D00",
+  FR: "#ACC62C",
+  RU: "#FF70AA",
   // Ad formats
-  Rewarded: "#0082FF",
-  Interstitial: "#009BCB",
-  Banner: "#9668FF",
-  Native: "#FF35A2",
+  Rewarded: "#80BCFE",
+  Interstitial: "#8D001F",
+  Banner: "#E57D00",
+  Native: "#ACC62C",
+  Offerwall: "#9999FF",
   // Ad sources
-  [`${_} ${F}`]: "#9668FF",
-  [`${N} ${F}`]: "#34A853",
-  [`${E} ${F}`]: "#272EC4",
-  [`${E}`]: "#5C63E7",
-  [`${T} ${F}`]: "#00D8B2",
-  [`${A} ${F}`]: "#009BCB",
-  [`${A}`]: "#80CDE5",
-  [`${$} ${F}`]: "#0082FF",
-  [`${$}`]: "#52AAFF",
-  [`${O} ${F}`]: "#FF35A2",
-  [`${O}`]: "#FF9AD1",
-  [`${C} ${F}`]: "#F52E1E",
-  [`${C}`]: "#FA9F97",
-  [`${R} ${F}`]: "#FFD600",
-  [`${R}`]: "#FFEC8A",
-  [`${B} ${F}`]: "#BA0029",
-  [`${B}`]: "#DD8094"
+  [`${R} ${F}`]: "#80BCFE",
+  [`${T} ${F}`]: "#ACC62C",
+  [`${E} ${F}`]: "#9999FF",
+  [`${E}`]: "#CCCCFF",
+  [`${_} ${F}`]: "#E57D00",
+  [`${C} ${F}`]: "#00CCD7",
+  [`${C}`]: "#80E5EB",
+  [`${A} ${F}`]: "#89009B",
+  [`${A}`]: "#B866C3",
+  [`${B} ${F}`]: "#FF70AA",
+  [`${B}`]: "#FFB1DB",
+  [`${O} ${F}`]: "#FF1200",
+  [`${O}`]: "#FF8880",
+  [`${$} ${F}`]: "#FBE32D",
+  [`${$}`]: "#FDF196",
+  [`${D} ${F}`]: "#8D001F",
+  [`${D}`]: "#C6808F"
 };
 export {
-  K as COLOR_PALETTE,
   I as DEFAULT_CHART_COLOR,
-  t as RESERVED_COLORS_MAP
+  L as DEFAULT_COLOR_PALETTE,
+  t as MEDIATION_COLOR_PALETTE,
+  K as RESERVED_COLORS_MAP
 };

package/components/chart/composables/useColorsMap.d.ts

@@ -1,10 +1,12 @@
 import { Ref } from 'vue';
 import { ChartDataSet } from '@/components/chart';
+import { ColorVariant } from '@/components/chart/types';
 type UseColorsMapArgs = {
     dataSets: Ref<ChartDataSet[]>;
     visibleIds: Ref<unknown[]>;
+    variant?: ColorVariant;
 };
-export declare const useColorsMap: ({ dataSets, visibleIds }: UseColorsMapArgs) => {
+export declare const useColorsMap: ({ dataSets, visibleIds, variant, }: UseColorsMapArgs) => {
     colorsMap: Ref<Record<string, `#${string}`>>;
 };
 export {};

package/components/chart/composables/useColorsMap.js

@@ -1,46 +1,48 @@
-import { computed as n, ref as r, watch as E } from "vue";
-import { RESERVED_COLORS_MAP as c, COLOR_PALETTE as O, DEFAULT_CHART_COLOR as R } from "../colorPalette.js";
-const T = ({ dataSets: u, visibleIds: i }) => {
-  const a = n(
-    () => u.value.filter(
-      (o) => i.value.includes(o.id)
+import { computed as r, ref as n, watch as p } from "vue";
+import { RESERVED_COLORS_MAP as c, MEDIATION_COLOR_PALETTE as R, DEFAULT_COLOR_PALETTE as T, DEFAULT_CHART_COLOR as L } from "../colorPalette.js";
+const A = ({
+  dataSets: i,
+  visibleIds: u,
+  variant: v
+}) => {
+  const s = r(
+    () => i.value.filter(
+      (o) => u.value.includes(o.id)
     )
-  ), l = r({
+  ), t = n({
     ...c
     // destructuring is important to avoid mutating the reserved colors object
-  }), s = r([]), v = n(
-    () => O.filter((o) => !s.value.includes(o))
-  ), d = () => {
-    a.value.forEach((o) => {
+  }), a = n([]), d = r(() => (v === "mediation" ? R : T).filter((e) => !a.value.includes(e))), f = () => {
+    s.value.forEach((o) => {
       const e = String(o.id);
-      if (!l.value[e]) {
-        const t = o.color || v.value[0] || R;
-        C(e, t);
+      if (!t.value[e]) {
+        const l = o.color || d.value[0] || L;
+        E(e, l);
       }
     });
-  }, f = () => {
-    Object.keys(l.value).forEach((o) => {
-      const e = a.value.find((m) => String(m.id) === o), t = !!c[o];
-      !e && !t && p(o);
+  }, C = () => {
+    Object.keys(t.value).forEach((o) => {
+      const e = s.value.find((m) => String(m.id) === o), l = !!c[o];
+      !e && !l && O(o);
     });
-  }, C = (o, e) => {
-    l.value[String(o)] = e, s.value.push(e);
-  }, p = (o) => {
-    const e = l.value[o];
-    delete l.value[o];
-    const t = s.value.indexOf(e);
-    t > -1 && s.value.splice(t, 1);
+  }, E = (o, e) => {
+    t.value[String(o)] = e, a.value.push(e);
+  }, O = (o) => {
+    const e = t.value[o];
+    delete t.value[o];
+    const l = a.value.indexOf(e);
+    l > -1 && a.value.splice(l, 1);
   };
-  return E(
-    a,
+  return p(
+    s,
     () => {
-      f(), d();
+      C(), f();
     },
     { immediate: !0 }
   ), {
-    colorsMap: l
+    colorsMap: t
   };
 };
 export {
-  T as useColorsMap
+  A as useColorsMap
 };

package/components/chart/consts.d.ts

@@ -10,7 +10,7 @@ export declare const DROPDOWN_TYPE_OPTIONS: DropdownTypeOption[];
 export declare const HEADER_HEIGHT = 76;
 export declare const COMPACT_HEADER_HEIGHT = 43;
 export declare const DEFAULT_CHART_PLANE_HEIGHT = 312;
-export declare const MIN_PLANE_HEIGHT = 187;
+export declare const MIN_PLANE_HEIGHT = 211;
 export declare const TOTALS_HELPER_KEY = "__TOTALS_HELPER_KEY__";
 export declare const BASE_COLOR_KEY = "___BASE_COLOR__";
 export declare const BIDDING_PREFIX = "Bidding";
@@ -26,6 +26,10 @@ export declare const NETWORK_PANGLE = "Pangle";
 export declare const NETWORK_LIFTOFF = "Liftoff Monetize";
 export declare const HOVER_TRANSPARENCY = 10;
 export declare const HOVER_AREA_TRANSPARENCY = 70;
+export declare const STACKED_LINE_TRANSPARENCY = 10;
+export declare const CHART_ITEM_TRANSPARENCY = 70;
+export declare const INCOMPLETE_DATA_BAR_TRANSPARENCY = 40;
+export declare const LINE_DASH_STYLE: number[];
 export declare const CHART_PADDING: {
     left: number;
     right: number;

package/components/chart/consts.js

@@ -1,47 +1,51 @@
 import { ChartType as _ } from "./types.js";
-const t = "#fcfcfc", n = "#E4E4E4", T = "#646464", o = {
+const T = "#fcfcfc", t = "#E4E4E4", n = "#646464", A = {
   size: 12,
   weight: 400,
   family: "Inter"
-}, O = 4, A = 1, R = 5, c = [
+}, o = 4, R = 1, N = 5, O = [
   { id: _.Line, name: "Line" },
   { id: _.StackedLine, name: "Stack" },
   { id: _.Bar, name: "Bar" }
-], N = 76, L = 43, s = 312, I = 187, e = "__TOTALS_HELPER_KEY__", D = "___BASE_COLOR__", i = "Bidding", C = "ironSource", K = "UnityAds", P = "Meta", H = "Google", S = "Mintegral", a = "AppLovin", B = "InMobi", G = "DT Exchange", M = "Pangle", r = "Liftoff Monetize", F = 10, W = 70, f = {
+], c = 76, L = 43, s = 312, I = 211, C = "__TOTALS_HELPER_KEY__", D = "___BASE_COLOR__", e = "Bidding", P = "ironSource", S = "UnityAds", i = "Meta", H = "Google", K = "Mintegral", B = "AppLovin", M = "InMobi", a = "DT Exchange", G = "Pangle", r = "Liftoff Monetize", F = 10, W = 70, Y = 10, f = 70, d = 40, g = [4, 4], U = {
   left: 18,
   right: 18,
   top: 18,
   bottom: 11
-}, d = 6, g = "dateLong";
+}, m = 6, p = "dateLong";
 export {
   D as BASE_COLOR_KEY,
-  i as BIDDING_PREFIX,
-  f as CHART_PADDING,
+  e as BIDDING_PREFIX,
+  f as CHART_ITEM_TRANSPARENCY,
+  U as CHART_PADDING,
   L as COMPACT_HEADER_HEIGHT,
   s as DEFAULT_CHART_PLANE_HEIGHT,
-  R as DEFAULT_MAX_VISIBLE,
-  A as DEFAULT_MIN_VISIBLE,
-  O as DEFAULT_TICK_COUNT,
-  c as DROPDOWN_TYPE_OPTIONS,
-  n as GRID_LINE_COLOR,
-  N as HEADER_HEIGHT,
+  N as DEFAULT_MAX_VISIBLE,
+  R as DEFAULT_MIN_VISIBLE,
+  o as DEFAULT_TICK_COUNT,
+  O as DROPDOWN_TYPE_OPTIONS,
+  t as GRID_LINE_COLOR,
+  c as HEADER_HEIGHT,
   W as HOVER_AREA_TRANSPARENCY,
   F as HOVER_TRANSPARENCY,
-  g as LONG_DATE_FORMAT,
+  d as INCOMPLETE_DATA_BAR_TRANSPARENCY,
+  g as LINE_DASH_STYLE,
+  p as LONG_DATE_FORMAT,
   I as MIN_PLANE_HEIGHT,
   H as NETWORK_AD_MOB,
-  a as NETWORK_APPLOVIN,
-  G as NETWORK_DT_EXCHANGE,
-  P as NETWORK_FACEBOOK_META,
-  B as NETWORK_INMOBI,
-  C as NETWORK_IRON_SOURCE,
+  B as NETWORK_APPLOVIN,
+  a as NETWORK_DT_EXCHANGE,
+  i as NETWORK_FACEBOOK_META,
+  M as NETWORK_INMOBI,
+  P as NETWORK_IRON_SOURCE,
   r as NETWORK_LIFTOFF,
-  S as NETWORK_MINTEGRAL,
-  M as NETWORK_PANGLE,
-  K as NETWORK_UNITY_ADS,
-  t as POINT_BORDER_COLOR,
-  d as TICKS_EXTRA_PADDING,
-  T as TICK_LABEL_COLOR,
-  o as TICK_LABEL_FONT,
-  e as TOTALS_HELPER_KEY
+  K as NETWORK_MINTEGRAL,
+  G as NETWORK_PANGLE,
+  S as NETWORK_UNITY_ADS,
+  T as POINT_BORDER_COLOR,
+  Y as STACKED_LINE_TRANSPARENCY,
+  m as TICKS_EXTRA_PADDING,
+  n as TICK_LABEL_COLOR,
+  A as TICK_LABEL_FONT,
+  C as TOTALS_HELPER_KEY
 };

package/components/chart/index.d.ts

@@ -41,10 +41,13 @@ declare const ChartTypes: () => ({
             tooltipTotalType: import("../../utils/totals").TotalType;
             tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
             tooltipOrder: TooltipOrder;
+            indicateIncompleteData: boolean;
+            tooltipExcludeTotalItem: boolean;
             fullHeight: boolean;
             fullHeightBottomSpacing: number;
             withSettingsHeader: boolean;
             extraCharts: Record<string, unknown>[];
+            colorVariant: import("./types").ColorVariant;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             header: {
                 type: import("vue").PropType<string>;
@@ -199,6 +202,14 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<TooltipOrder>;
                 default: TooltipOrder;
             };
+            indicateIncompleteData: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            tooltipExcludeTotalItem: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             fullHeight: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -215,11 +226,15 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<Record<string, unknown>[]>;
                 default: () => any[];
             };
+            colorVariant: {
+                type: import("vue").PropType<import("./types").ColorVariant>;
+                default: string;
+            };
         }>> & {
             "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
             "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" | "trendTooltip" | "subheader" | "subheaderTooltip" | "trendValue" | "trendDirection" | "noteText" | "dataSets" | "tickCount" | "truncateTickLabels" | "keepSubheaderVisible" | "empty" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation" | "tooltipTotalType" | "tooltipTotalCalcFn" | "tooltipOrder" | "fullHeight" | "fullHeightBottomSpacing" | "withSettingsHeader" | "extraCharts">;
+        } & 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" | "trendTooltip" | "subheader" | "subheaderTooltip" | "trendValue" | "trendDirection" | "noteText" | "dataSets" | "tickCount" | "truncateTickLabels" | "keepSubheaderVisible" | "empty" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation" | "tooltipTotalType" | "tooltipTotalCalcFn" | "tooltipOrder" | "indicateIncompleteData" | "tooltipExcludeTotalItem" | "fullHeight" | "fullHeightBottomSpacing" | "withSettingsHeader" | "extraCharts" | "colorVariant">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -387,6 +402,14 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<TooltipOrder>;
                 default: TooltipOrder;
             };
+            indicateIncompleteData: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            tooltipExcludeTotalItem: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             fullHeight: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -403,6 +426,10 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<Record<string, unknown>[]>;
                 default: () => any[];
             };
+            colorVariant: {
+                type: import("vue").PropType<import("./types").ColorVariant>;
+                default: string;
+            };
         }>> & {
             "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
             "onUpdate:sortSelected"?: (sortOption: unknown) => any;
@@ -448,10 +475,13 @@ declare const ChartTypes: () => ({
             tooltipTotalType: import("../../utils/totals").TotalType;
             tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
             tooltipOrder: TooltipOrder;
+            indicateIncompleteData: boolean;
+            tooltipExcludeTotalItem: boolean;
             fullHeight: boolean;
             fullHeightBottomSpacing: number;
             withSettingsHeader: boolean;
             extraCharts: Record<string, unknown>[];
+            colorVariant: import("./types").ColorVariant;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -626,6 +656,14 @@ declare const ChartTypes: () => ({
             type: import("vue").PropType<TooltipOrder>;
             default: TooltipOrder;
         };
+        indicateIncompleteData: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        tooltipExcludeTotalItem: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         fullHeight: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -642,6 +680,10 @@ declare const ChartTypes: () => ({
             type: import("vue").PropType<Record<string, unknown>[]>;
             default: () => any[];
         };
+        colorVariant: {
+            type: import("vue").PropType<import("./types").ColorVariant>;
+            default: string;
+        };
     }>> & {
         "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
         "onUpdate:sortSelected"?: (sortOption: unknown) => any;
@@ -804,6 +846,14 @@ declare const ChartTypes: () => ({
         type: import("vue").PropType<TooltipOrder>;
         default: TooltipOrder;
     };
+    indicateIncompleteData: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    tooltipExcludeTotalItem: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     fullHeight: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -820,6 +870,10 @@ declare const ChartTypes: () => ({
         type: import("vue").PropType<Record<string, unknown>[]>;
         default: () => any[];
     };
+    colorVariant: {
+        type: import("vue").PropType<import("./types").ColorVariant>;
+        default: string;
+    };
 }>> & {
     "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
     "onUpdate:sortSelected"?: (sortOption: unknown) => any;
@@ -865,10 +919,13 @@ declare const ChartTypes: () => ({
     tooltipTotalType: import("../../utils/totals").TotalType;
     tooltipTotalCalcFn: (values: number[], totalType: import("../../utils/totals").TotalType) => number;
     tooltipOrder: TooltipOrder;
+    indicateIncompleteData: boolean;
+    tooltipExcludeTotalItem: boolean;
     fullHeight: boolean;
     fullHeightBottomSpacing: number;
     withSettingsHeader: boolean;
     extraCharts: Record<string, unknown>[];
+    colorVariant: import("./types").ColorVariant;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         "before-chart-type"?(_: {}): any;

package/components/chart/mockData.d.ts

@@ -38,6 +38,7 @@ export declare const MULTIPLE_DATASETS_DATE: ({
     id: number;
     label: string;
     caption: string;
+    isTotal: boolean;
     icon: string;
     data: {
         date: string;
@@ -58,6 +59,20 @@ export declare const MULTIPLE_DATASETS_DATE: ({
         value2: number;
         value3: number;
     }[];
+    isTotal?: undefined;
+} | {
+    id: number;
+    label: string;
+    caption: string;
+    icon: string;
+    data: {
+        date: string;
+        value: number;
+        value2: number;
+        value3: number;
+    }[];
+    isTotal?: undefined;
+    iconType?: undefined;
 })[];
 export declare const MULTIPLE_DATASETS_SINGLE_DATE: {
     id: number;

package/components/chart/types.d.ts

@@ -24,6 +24,7 @@ export type ChartDataSet = {
     iconType?: IconTypes;
     countryFlag?: string;
     image?: string;
+    isTotal?: boolean;
 };
 export type ChartParsingConfig = {
     xAxisKey: string;
@@ -84,5 +85,6 @@ export declare enum TooltipOrder {
 export declare enum TrendDirection {
     UP = "up",
     DOWN = "down",
-    NEUTRAL = "right"
+    NEUTRAL = "neutral"
 }
+export type ColorVariant = 'default' | 'mediation';

package/components/chart/types.js

@@ -1,7 +1,7 @@
-var e = /* @__PURE__ */ ((L) => (L.Line = "line", L.Bar = "bar", L.StackedLine = "stackedLine", L.StackedBar = "stackedBar", L))(e || {}), r = /* @__PURE__ */ ((L) => (L.DAILY = "daily", L.WEEKLY = "weekly", L.MONTHLY = "monthly", L))(r || {}), a = /* @__PURE__ */ ((L) => (L.Legend = "legend", L.YAxis = "yAxis", L))(a || {}), n = /* @__PURE__ */ ((L) => (L.UP = "up", L.DOWN = "down", L.NEUTRAL = "right", L))(n || {});
+var L = /* @__PURE__ */ ((e) => (e.Line = "line", e.Bar = "bar", e.StackedLine = "stackedLine", e.StackedBar = "stackedBar", e))(L || {}), a = /* @__PURE__ */ ((e) => (e.DAILY = "daily", e.WEEKLY = "weekly", e.MONTHLY = "monthly", e))(a || {}), n = /* @__PURE__ */ ((e) => (e.Legend = "legend", e.YAxis = "yAxis", e))(n || {}), r = /* @__PURE__ */ ((e) => (e.UP = "up", e.DOWN = "down", e.NEUTRAL = "neutral", e))(r || {});
 export {
-  e as ChartType,
-  r as DateInterval,
-  a as TooltipOrder,
-  n as TrendDirection
+  L as ChartType,
+  a as DateInterval,
+  n as TooltipOrder,
+  r as TrendDirection
 };

package/components/chart/utils/utils.d.ts

@@ -1,3 +1,3 @@
 import { PrepareTicksLabelArgs, ValueFormat } from '@/components/chart/types';
-export declare const formatValue: (value: number | string | Date, valueFormat: ValueFormat, formatLowDigits?: boolean) => string;
+export declare const formatValue: (value: number | string | Date, valueFormat: ValueFormat, formatLowDigits?: boolean, withSuffixSpace?: boolean) => string;
 export declare const prepareTickLabel: ({ label, format, availableSpace, truncate, }: PrepareTicksLabelArgs) => string | string[];