@ironsource/shared-ui 2.1.12-rc.29 → 2.1.12-rc.30

package/Chart.vue_vue_type_style_index_0_scoped_fa533a3d_lang.css

@@ -0,0 +1 @@
+.chart-container[data-v-fa533a3d]{border:1px solid var(--common-divider);background:var(--background-paper);display:flex;border-radius:0 0 6px 6px;width:100%}.chart-planes[data-v-fa533a3d]{width:100%;height:100%;overflow-y:auto}.chart-planes.with-legend[data-v-fa533a3d]{width:calc(100% - 221px)}.chart-planes .extra-chart-plane[data-v-fa533a3d]{border-top:1px solid var(--common-divider)}.chart-sidebar[data-v-fa533a3d]{border-left:1px solid var(--common-divider)}

package/components/chart/Chart.vue.d.ts

@@ -1,4 +1,4 @@
-import { ChartDataSet, ChartParsingConfig, ChartType, DateInterval, TooltipOrder, TrendDirection, ValueFormat } from './types';
+import { ChartDataSet, ChartParsingConfig, ChartType, ColorVariant, DateInterval, TooltipOrder, TrendDirection, ValueFormat } from './types';
 import { TotalType } from '@/utils/totals';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     dataSets: ChartDataSet[];
@@ -48,6 +48,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     fullHeightBottomSpacing?: number;
     withSettingsHeader?: boolean;
     extraCharts?: Record<string, unknown>[];
+    colorVariant?: ColorVariant;
 }>, {
     chartType: ChartType;
     dataSets: () => any[];
@@ -89,6 +90,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     fullHeightBottomSpacing: number;
     withSettingsHeader: boolean;
     extraCharts: () => any[];
+    colorVariant: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:chartType": (chartType: ChartType) => void;
     "update:visibleIds": (visibleIds: unknown[]) => void;
@@ -141,6 +143,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     fullHeightBottomSpacing?: number;
     withSettingsHeader?: boolean;
     extraCharts?: Record<string, unknown>[];
+    colorVariant?: ColorVariant;
 }>, {
     chartType: ChartType;
     dataSets: () => any[];
@@ -182,6 +185,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     fullHeightBottomSpacing: number;
     withSettingsHeader: boolean;
     extraCharts: () => any[];
+    colorVariant: string;
 }>>> & {
     "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
     "onUpdate:sortSelected"?: (sortOption: unknown) => any;
@@ -227,6 +231,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     fullHeightBottomSpacing: number;
     withSettingsHeader: boolean;
     extraCharts: Record<string, unknown>[];
+    colorVariant: ColorVariant;
 }>, {
     "before-chart-type"?(_: {}): any;
     metric?(_: {}): any;

package/components/chart/Chart.vue.js

@@ -1,7 +1,7 @@
 import o from "./Chart.vue2.js";
-/* empty css            */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../Chart.vue_vue_type_style_index_0_scoped_e8f25a03_lang.css"; //*');
-const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-e8f25a03"]]);
+/* empty css            */import _ from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../Chart.vue_vue_type_style_index_0_scoped_fa533a3d_lang.css"; //*');
+const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-fa533a3d"]]);
 export {
-  a as default
+  s as default
 };

package/components/chart/Chart.vue2.js

@@ -1,8 +1,8 @@
- import "../../Chart.vue_vue_type_style_index_0_scoped_e8f25a03_lang.css"; import { defineComponent as U, ref as O, computed as n, openBlock as s, createElementBlock as m, Fragment as C, createBlock as I, unref as i, isRef as b, withCtx as d, renderSlot as u, createCommentVNode as D, createElementVNode as k, mergeProps as g, normalizeClass as E, createVNode as L, createSlots as N, renderList as M } from "vue";
-import { useVModel as A } from "@vueuse/core";
+ import "../../Chart.vue_vue_type_style_index_0_scoped_fa533a3d_lang.css"; import { defineComponent as U, ref as O, computed as n, openBlock as s, createElementBlock as m, Fragment as C, createBlock as I, unref as i, isRef as b, withCtx as d, renderSlot as u, createCommentVNode as D, createElementVNode as k, mergeProps as g, normalizeClass as E, createVNode as L, createSlots as N, renderList as M } from "vue";
+import { useVModel as V } from "@vueuse/core";
 import $ from "./ChartLegend.vue.js";
 import K from "./SettingsHeader.vue.js";
-import B from "./ChartPlane.vue.js";
+import A from "./ChartPlane.vue.js";
 import { useColorsMap as z } from "./composables/useColorsMap.js";
 import { DEFAULT_TICK_COUNT as R, DEFAULT_MIN_VISIBLE as X, DEFAULT_MAX_VISIBLE as Y } from "./consts.js";
 import { ChartType as j, DateInterval as q, TooltipOrder as G, TrendDirection as J } from "./types.js";
@@ -53,11 +53,12 @@ const _ = {
     fullHeight: { type: Boolean, default: !1 },
     fullHeightBottomSpacing: { default: 50 },
     withSettingsHeader: { type: Boolean, default: !0 },
-    extraCharts: { default: () => [] }
+    extraCharts: { default: () => [] },
+    colorVariant: { default: "default" }
   },
   emits: ["update:chartType", "update:visibleIds", "update:sortSelected"],
   setup(a, { emit: p }) {
-    const e = a, r = A(e, "chartType", p), c = A(e, "sortSelected", p), h = O(null), y = n(() => ({
+    const e = a, r = V(e, "chartType", p), c = V(e, "sortSelected", p), f = O(null), y = n(() => ({
       dataSets: e.dataSets,
       visibleIds: e.visibleIds,
       parsing: e.parsing,
@@ -84,21 +85,22 @@ const _ = {
       totalsChart: e.totalsChart,
       subheaderTooltip: e.subheaderTooltip,
       keepSubheaderVisible: e.keepSubheaderVisible,
-      colorsMap: f.value,
+      colorsMap: h.value,
       tooltipTotalType: e.tooltipTotalType,
       tooltipTotalCalcFn: e.tooltipTotalCalcFn,
       tooltipOrder: e.tooltipOrder,
-      highlightedId: h.value,
+      highlightedId: f.value,
       valueSuffix: e.valueSuffix,
       valuePrefix: e.valuePrefix
-    })), V = n(() => e.dataSets), T = n(() => e.visibleIds), v = n(() => e.extraCharts.length), x = n(() => 1 + v.value), F = (t) => t === v.value - 1, { colorsMap: f } = z({
-      dataSets: V,
-      visibleIds: T
+    })), B = n(() => e.dataSets), T = n(() => e.visibleIds), v = n(() => e.extraCharts.length), x = n(() => 1 + v.value), F = (t) => t === v.value - 1, { colorsMap: h } = z({
+      dataSets: B,
+      visibleIds: T,
+      variant: e.colorVariant
     }), w = n(() => e.dataSets.map((t) => ({
       id: t.id,
       label: t.label,
       caption: t.caption || null,
-      color: f.value[t.id] || null,
+      color: h.value[t.id] || null,
       icon: t.icon || null,
       iconType: t.iconType || "branded"
     }))), { containerProps: H, eachPlaneHeight: P } = Q({
@@ -128,7 +130,7 @@ const _ = {
         k("section", {
           class: E(["chart-planes", [{ "with-legend": !a.hideLegend }]])
         }, [
-          L(B, g({
+          L(A, g({
             "chart-type": i(r),
             "onUpdate:chart-type": o[1] || (o[1] = (l) => b(r) ? r.value = l : null)
           }, i(y)), N({ _: 2 }, [
@@ -140,12 +142,12 @@ const _ = {
               key: "0"
             } : void 0
           ]), 1040, ["chart-type"]),
-          (s(!0), m(C, null, M(a.extraCharts, (l, S) => (s(), I(B, g({
+          (s(!0), m(C, null, M(a.extraCharts, (l, S) => (s(), I(A, g({
             key: S,
             class: "extra-chart-plane"
           }, { ...i(y), ...l }, {
             "chart-type": i(r),
-            "colors-map": i(f),
+            "colors-map": i(h),
             "type-switcher": !1,
             "tooltip-respects-top-edge": !F(S)
           }), null, 16, ["chart-type", "colors-map", "tooltip-respects-top-edge"]))), 128))
@@ -154,8 +156,8 @@ const _ = {
           L($, {
             "sort-selected": i(c),
             "onUpdate:sort-selected": o[2] || (o[2] = (l) => b(c) ? c.value = l : null),
-            "highlighted-id": h.value,
-            "onUpdate:highlighted-id": o[3] || (o[3] = (l) => h.value = l),
+            "highlighted-id": f.value,
+            "onUpdate:highlighted-id": o[3] || (o[3] = (l) => f.value = l),
             items: i(w),
             "visible-ids": i(T),
             "max-limit-tooltip-text": a.maxLimitTooltipText,

package/components/chart/ChartStoryArgs.d.ts

@@ -176,4 +176,9 @@ export declare const chartStoryArgs: {
         };
         options: TooltipOrder[];
     };
+    colorVariant: {
+        description: string;
+        control: string;
+        options: string[];
+    };
 };

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/index.d.ts

@@ -45,6 +45,7 @@ declare const ChartTypes: () => ({
             fullHeightBottomSpacing: number;
             withSettingsHeader: boolean;
             extraCharts: Record<string, unknown>[];
+            colorVariant: import("./types").ColorVariant;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             header: {
                 type: import("vue").PropType<string>;
@@ -215,11 +216,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" | "fullHeight" | "fullHeightBottomSpacing" | "withSettingsHeader" | "extraCharts" | "colorVariant">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -403,6 +408,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;
@@ -452,6 +461,7 @@ declare const ChartTypes: () => ({
             fullHeightBottomSpacing: number;
             withSettingsHeader: boolean;
             extraCharts: Record<string, unknown>[];
+            colorVariant: import("./types").ColorVariant;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -642,6 +652,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;
@@ -820,6 +834,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;
@@ -869,6 +887,7 @@ declare const ChartTypes: () => ({
     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/types.d.ts

@@ -86,3 +86,4 @@ export declare enum TrendDirection {
     DOWN = "down",
     NEUTRAL = "right"
 }
+export type ColorVariant = 'default' | 'mediation';

package/index.js

@@ -1,4 +1,4 @@
-import './MenuItem.vue_vue_type_style_index_0_scoped_67e53b85_lang.css';
+import './Typography.vue_vue_type_style_index_0_scoped_07b259bf_lang.css';
 import { AppTriggerTypes as eo } from "./components/appTrigger/index.js";
 import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
 import { MenuItemTypes as ao } from "./components/menuItem/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.1.12-rc.29",
+  "version": "2.1.12-rc.30",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/Chart.vue_vue_type_style_index_0_scoped_e8f25a03_lang.css

@@ -1 +0,0 @@
-.chart-container[data-v-e8f25a03]{border:1px solid var(--common-divider);background:var(--background-paper);display:flex;border-radius:0 0 6px 6px;width:100%}.chart-planes[data-v-e8f25a03]{width:100%;height:100%;overflow-y:auto}.chart-planes.with-legend[data-v-e8f25a03]{width:calc(100% - 221px)}.chart-planes .extra-chart-plane[data-v-e8f25a03]{border-top:1px solid var(--common-divider)}.chart-sidebar[data-v-e8f25a03]{border-left:1px solid var(--common-divider)}