@ironsource/shared-ui 2.1.12-rc.16 → 2.1.12-rc.17

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;
@@ -13,7 +14,7 @@ declare const ChartTypes: () => ({
             sortSelected: any;
             sortOptions: unknown[];
             sortOptionNameKey: string;
-            chartType: import("./types").ChartType;
+            chartType: ChartType;
             hideLegend: boolean;
             xAxisFormat: import("./types").ValueFormat;
             totalsChart: boolean;
@@ -24,15 +25,17 @@ declare const ChartTypes: () => ({
             subheader: string;
             subheaderTooltip: any;
             trendValue: string | number;
-            trendDirection: "up" | "down";
+            trendDirection: TrendDirection;
             tickCount: number;
             truncateTickLabels: boolean;
+            keepSubheaderVisible: 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;
             withSettingsHeader: boolean;
             extraCharts: Record<string, unknown>[];
@@ -75,8 +78,8 @@ declare const ChartTypes: () => ({
                 default: string;
             };
             chartType: {
-                type: import("vue").PropType<import("./types").ChartType>;
-                default: import("./types").ChartType;
+                type: import("vue").PropType<ChartType>;
+                default: ChartType;
             };
             hideLegend: {
                 type: import("vue").PropType<boolean>;
@@ -127,8 +130,8 @@ declare const ChartTypes: () => ({
                 default: any;
             };
             trendDirection: {
-                type: import("vue").PropType<"up" | "down">;
-                default: string;
+                type: import("vue").PropType<TrendDirection>;
+                default: TrendDirection;
             };
             tickCount: {
                 type: import("vue").PropType<number>;
@@ -138,6 +141,10 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            keepSubheaderVisible: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             noDataIcon: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -162,6 +169,10 @@ declare const ChartTypes: () => ({
                 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;
@@ -177,8 +188,8 @@ declare const ChartTypes: () => ({
         }>> & {
             "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
             "onUpdate:sortSelected"?: (sortOption: unknown) => any;
-            "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "sortSelected" | "sortOptions" | "sortOptionNameKey" | "chartType" | "hideLegend" | "xAxisFormat" | "totalsChart" | "parsing" | "yAxisFormat" | "dataSets" | "trendTooltip" | "subheader" | "subheaderTooltip" | "trendValue" | "trendDirection" | "tickCount" | "truncateTickLabels" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation" | "tooltipTotalType" | "tooltipTotalCalcFn" | "fullHeight" | "withSettingsHeader" | "extraCharts">;
+            "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" | "totalsChart" | "parsing" | "yAxisFormat" | "dataSets" | "trendTooltip" | "subheader" | "subheaderTooltip" | "trendValue" | "trendDirection" | "tickCount" | "truncateTickLabels" | "keepSubheaderVisible" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation" | "tooltipTotalType" | "tooltipTotalCalcFn" | "tooltipOrder" | "fullHeight" | "withSettingsHeader" | "extraCharts">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -190,7 +201,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:sortSelected", sortOption: 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: {
@@ -231,8 +242,8 @@ declare const ChartTypes: () => ({
                 default: string;
             };
             chartType: {
-                type: import("vue").PropType<import("./types").ChartType>;
-                default: import("./types").ChartType;
+                type: import("vue").PropType<ChartType>;
+                default: ChartType;
             };
             hideLegend: {
                 type: import("vue").PropType<boolean>;
@@ -283,8 +294,8 @@ declare const ChartTypes: () => ({
                 default: any;
             };
             trendDirection: {
-                type: import("vue").PropType<"up" | "down">;
-                default: string;
+                type: import("vue").PropType<TrendDirection>;
+                default: TrendDirection;
             };
             tickCount: {
                 type: import("vue").PropType<number>;
@@ -294,6 +305,10 @@ declare const ChartTypes: () => ({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            keepSubheaderVisible: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             noDataIcon: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -318,6 +333,10 @@ declare const ChartTypes: () => ({
                 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;
@@ -333,9 +352,9 @@ declare const ChartTypes: () => ({
         }>> & {
             "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
             "onUpdate:sortSelected"?: (sortOption: unknown) => any;
-            "onUpdate:chartType"?: (chartType: import("./types").ChartType) => 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, {
@@ -348,7 +367,7 @@ declare const ChartTypes: () => ({
             sortSelected: any;
             sortOptions: unknown[];
             sortOptionNameKey: string;
-            chartType: import("./types").ChartType;
+            chartType: ChartType;
             hideLegend: boolean;
             xAxisFormat: import("./types").ValueFormat;
             totalsChart: boolean;
@@ -359,15 +378,17 @@ declare const ChartTypes: () => ({
             subheader: string;
             subheaderTooltip: any;
             trendValue: string | number;
-            trendDirection: "up" | "down";
+            trendDirection: TrendDirection;
             tickCount: number;
             truncateTickLabels: boolean;
+            keepSubheaderVisible: 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;
             withSettingsHeader: boolean;
             extraCharts: Record<string, unknown>[];
@@ -430,8 +451,8 @@ declare const ChartTypes: () => ({
             default: string;
         };
         chartType: {
-            type: import("vue").PropType<import("./types").ChartType>;
-            default: import("./types").ChartType;
+            type: import("vue").PropType<ChartType>;
+            default: ChartType;
         };
         hideLegend: {
             type: import("vue").PropType<boolean>;
@@ -482,8 +503,8 @@ declare const ChartTypes: () => ({
             default: any;
         };
         trendDirection: {
-            type: import("vue").PropType<"up" | "down">;
-            default: string;
+            type: import("vue").PropType<TrendDirection>;
+            default: TrendDirection;
         };
         tickCount: {
             type: import("vue").PropType<number>;
@@ -493,6 +514,10 @@ declare const ChartTypes: () => ({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        keepSubheaderVisible: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         noDataIcon: {
             type: import("vue").PropType<string>;
             default: string;
@@ -517,6 +542,10 @@ declare const ChartTypes: () => ({
             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;
@@ -532,7 +561,7 @@ declare const ChartTypes: () => ({
     }>> & {
         "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
         "onUpdate:sortSelected"?: (sortOption: unknown) => any;
-        "onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
+        "onUpdate:chartType"?: (chartType: ChartType) => any;
     } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -576,8 +605,8 @@ declare const ChartTypes: () => ({
         default: string;
     };
     chartType: {
-        type: import("vue").PropType<import("./types").ChartType>;
-        default: import("./types").ChartType;
+        type: import("vue").PropType<ChartType>;
+        default: ChartType;
     };
     hideLegend: {
         type: import("vue").PropType<boolean>;
@@ -628,8 +657,8 @@ declare const ChartTypes: () => ({
         default: any;
     };
     trendDirection: {
-        type: import("vue").PropType<"up" | "down">;
-        default: string;
+        type: import("vue").PropType<TrendDirection>;
+        default: TrendDirection;
     };
     tickCount: {
         type: import("vue").PropType<number>;
@@ -639,6 +668,10 @@ declare const ChartTypes: () => ({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    keepSubheaderVisible: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     noDataIcon: {
         type: import("vue").PropType<string>;
         default: string;
@@ -663,6 +696,10 @@ declare const ChartTypes: () => ({
         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;
@@ -678,9 +715,9 @@ declare const ChartTypes: () => ({
 }>> & {
     "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
     "onUpdate:sortSelected"?: (sortOption: unknown) => any;
-    "onUpdate:chartType"?: (chartType: import("./types").ChartType) => 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, {
@@ -693,7 +730,7 @@ declare const ChartTypes: () => ({
     sortSelected: any;
     sortOptions: unknown[];
     sortOptionNameKey: string;
-    chartType: import("./types").ChartType;
+    chartType: ChartType;
     hideLegend: boolean;
     xAxisFormat: import("./types").ValueFormat;
     totalsChart: boolean;
@@ -704,15 +741,17 @@ declare const ChartTypes: () => ({
     subheader: string;
     subheaderTooltip: any;
     trendValue: string | number;
-    trendDirection: "up" | "down";
+    trendDirection: TrendDirection;
     tickCount: number;
     truncateTickLabels: boolean;
+    keepSubheaderVisible: 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;
     withSettingsHeader: boolean;
     extraCharts: Record<string, unknown>[];
@@ -724,5 +763,5 @@ declare const ChartTypes: () => ({
         "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 };

package/components/chart/types.d.ts

@@ -71,3 +71,12 @@ export type PrepareTicksLabelArgs = {
     availableSpace: number;
     truncate?: boolean;
 };
+export declare enum TooltipOrder {
+    Legend = "legend",
+    YAxis = "yAxis"
+}
+export declare enum TrendDirection {
+    UP = "up",
+    DOWN = "down",
+    NEUTRAL = "right"
+}

package/components/chart/types.js

@@ -1,4 +1,6 @@
-var a = /* @__PURE__ */ ((e) => (e.Line = "line", e.Bar = "bar", e.StackedLine = "stackedLine", e.StackedBar = "stackedBar", e))(a || {});
+var e = /* @__PURE__ */ ((a) => (a.Line = "line", a.Bar = "bar", a.StackedLine = "stackedLine", a.StackedBar = "stackedBar", a))(e || {}), n = /* @__PURE__ */ ((a) => (a.Legend = "legend", a.YAxis = "yAxis", a))(n || {}), r = /* @__PURE__ */ ((a) => (a.UP = "up", a.DOWN = "down", a.NEUTRAL = "right", a))(r || {});
 export {
-  a as ChartType
+  e as ChartType,
+  n as TooltipOrder,
+  r as TrendDirection
 };

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

@@ -1,3 +1,3 @@
-import { DataSetConfig } from '@is-ssp/chart/types';
+import { DataSetConfig } from '@/components/chart/types';
 export declare const storeOriginalDatasetColors: (dataset: DataSetConfig) => void;
 export declare const restoreOriginalDatasetColors: (dataset: DataSetConfig) => void;

package/index.js

@@ -1,6 +1,6 @@
-import './AutocompleteDropdown.vue_vue_type_style_index_0_scoped_214ddaf4_lang.css';
+import './AppTrigger.vue_vue_type_style_index_0_scoped_121aac8b_lang.css';
 import { AppTriggerTypes as eo } from "./components/appTrigger/index.js";
-import { AutocompleteDropdownTypes as to } from "./components/autocompleteDropdown/index.js";
+import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
 import { MenuItemTypes as ao } from "./components/menuItem/index.js";
 import { MenuTypes as fo } from "./components/menu/index.js";
 import { AppIconTypes as so } from "./components/appIcon/index.js";
@@ -16,8 +16,8 @@ import { FormCardTypes as wo, FormFieldTypes as Oo } from "./components/forms/in
 import * as o from "./components/button/v3/index.js";
 import * as r from "./components/button/v4/index.js";
 import * as e from "./components/chip/v3/index.js";
-import * as m from "./components/chip/v4/index.js";
-import * as t from "./components/switch/v3/index.js";
+import * as t from "./components/chip/v4/index.js";
+import * as m from "./components/switch/v3/index.js";
 import * as p from "./components/switch/v4/index.js";
 import * as a from "./components/dropdown/v3/index.js";
 import * as i from "./components/dropdown/v4/index.js";
@@ -77,7 +77,7 @@ import { default as Uo } from "./components/appTrigger/AppTrigger.vue.js";
 import { default as Xo } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
 import { default as or } from "./components/menuItem/MenuItem.vue.js";
 import { default as er } from "./components/menu/Menu.vue.js";
-import { default as tr } from "./components/appIcon/AppIcon.vue.js";
+import { default as mr } from "./components/appIcon/AppIcon.vue.js";
 import { default as ar } from "./components/floatingToolbar/FloatingToolbar.vue.js";
 import { default as fr } from "./components/includeExclude/IncludeExclude.vue.js";
 import { default as xr } from "./components/includeExclude/IncludeExcludeDragDrop.vue.js";
@@ -101,10 +101,11 @@ import { default as qr } from "./components/banner/Banner.vue.js";
 import { default as Gr } from "./components/alert/Alert.vue.js";
 import { default as Qr } from "./components/autocomplete/Autocomplete.vue.js";
 import { default as Ur } from "./components/chart/Chart.vue.js";
+import { ChartType as Xr, TooltipOrder as Zr, TrendDirection as oe } from "./components/chart/types.js";
 const Z = {
   ...e,
-  ...m,
   ...t,
+  ...m,
   ...p,
   ...o,
   ...r,
@@ -160,18 +161,19 @@ export {
   Cr as AddFilterButton,
   Gr as Alert,
   qo as AlertTypes,
-  tr as AppIcon,
+  mr as AppIcon,
   so as AppIconTypes,
   Uo as AppTrigger,
   eo as AppTriggerTypes,
   Qr as Autocomplete,
   Xo as AutocompleteDropdown,
-  to as AutocompleteDropdownTypes,
+  mo as AutocompleteDropdownTypes,
   Go as AutocompleteTypes,
   qr as Banner,
   jo as BannerTypes,
   Rr as CardPanel,
   Ur as Chart,
+  Xr as ChartType,
   Qo as ChartTypes,
   Ar as FilterDropdown,
   Fo as FilterDropdownTypes,
@@ -201,6 +203,8 @@ export {
   Hr as MultiBar,
   ho as MultiBarTypes,
   Mr as Text,
+  Zr as TooltipOrder,
+  oe as TrendDirection,
   wr as Typography,
   Ao as TypographyTypes,
   Co as TypographyTypesV4,

package/package.json

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

package/Chart.vue_vue_type_style_index_0_scoped_4e9ce62f_lang.css

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

package/ChartHeader.vue_vue_type_style_index_0_scoped_1ff0e54f_lang.css

@@ -1 +0,0 @@
-.chart-header[data-v-1ff0e54f]{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0}.chart-header .subheader[data-v-1ff0e54f]{color:var(--text-secondary)}.chart-header--compact[data-v-1ff0e54f]{padding-top:22px}.chart-header--compact .header-texts[data-v-1ff0e54f]{flex-direction:row}.chart-header--compact .header-text[data-v-1ff0e54f]{color:var(--text-secondary)}.header-row[data-v-1ff0e54f]{display:flex;align-items:flex-end;gap:4px}.header-texts[data-v-1ff0e54f]{display:flex;flex-direction:column;color:var(--text-primary);gap:4px;cursor:default}.type-switch[data-v-1ff0e54f]{display:flex;align-items:center;gap:4px}.subheader-tooltip[data-v-1ff0e54f]{display:flex;flex-direction:column;gap:.25rem}.subheader-tooltip__text[data-v-1ff0e54f]{color:var(--text-secondary)}

package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_21ce0774_lang.css

@@ -1 +0,0 @@
-.chart-trend[data-v-21ce0774]{display:flex}.chart-trend--up[data-v-21ce0774]{color:var(--success-contrast-text)}.chart-trend--up .trend-icon[data-v-21ce0774]{color:var(--success-darker)}.chart-trend--down[data-v-21ce0774]{color:var(--error-contrast-text)}.chart-trend--down .trend-icon[data-v-21ce0774]{color:var(--error-dark)}.chart-trend .trend-icon[data-v-21ce0774]{align-self:normal}.chart-trend-tooltip[data-v-21ce0774]{align-items:normal}.trend-tooltip[data-v-21ce0774]{display:flex;flex-direction:column}.trend-tooltip__header[data-v-21ce0774]{margin-bottom:.375rem}.trend-tooltip__text[data-v-21ce0774]{color:var(--text-secondary)}.separator[data-v-21ce0774]{display:flex;align-items:center;gap:.5rem;justify-content:center;height:1.1875rem}.separator__text[data-v-21ce0774]{display:block;color:var(--text-secondary)}.separator hr[data-v-21ce0774]{width:100%;height:1px;border:0;background:var(--common-divider)}

package/ChartPlane.vue_vue_type_style_index_0_scoped_64dcfb5d_lang.css

@@ -1 +0,0 @@
-.chart-plane[data-v-64dcfb5d]{--headerHeight: var(--2e8f327a);width:100%}.chart-plane[data-v-64dcfb5d],.chart-loading[data-v-64dcfb5d],.chart-empty[data-v-64dcfb5d]{height:var(--f7b2eb36)}.header-wrapper[data-v-64dcfb5d]{height:var(--headerHeight)}.chart[data-v-64dcfb5d]{width:100%;height:calc(100% - var(--headerHeight));position:relative}.chart__canvas[data-v-64dcfb5d]{width:100%;height:100%}.chart__tooltip[data-v-64dcfb5d]{position:absolute;pointer-events:none;transition:all .1s ease;min-width:214px;max-width:270px;z-index:1}

package/ChartTooltip.vue_vue_type_style_index_0_scoped_81cdfd5e_lang.css

@@ -1 +0,0 @@
-.chart-tooltip[data-v-81cdfd5e]{color:var(--text-primary);background:var(--common-white);box-shadow:0 4px 8px -2px #1018281f;border:1px solid var(--common-divider-elevation-0);border-radius:var(--border-radius-md);width:280px;padding:calc(var(--spacing-100) - 1px)}.color-box[data-v-81cdfd5e]{width:12px;height:12px;border-radius:2px;display:inline-block;margin-right:var(--spacing-100)}.color-box+.platform-icon[data-v-81cdfd5e]{margin-left:calc(var(--spacing-50) - var(--spacing-100))}.list[data-v-81cdfd5e]{list-style:none;margin:0;padding:0}.list__item[data-v-81cdfd5e]{display:flex;align-items:center;margin-bottom:var(--spacing-50);color:var(--text-secondary)}.list__item[data-v-81cdfd5e]:last-child{margin-bottom:0}.platform-icon[data-v-81cdfd5e]{color:var(--action-active);margin-right:var(--spacing-50)}.popover-label-wrapper[data-v-81cdfd5e]{display:flex;width:200px;flex-grow:1}.truncated-label[data-v-81cdfd5e]{max-width:90%}.tooltip-footer[data-v-81cdfd5e]{display:flex;align-items:center;margin-top:var(--spacing-100);color:var(--text-primary)}.flex-grow[data-v-81cdfd5e]{flex-grow:1}

package/TooltipHeader.vue_vue_type_style_index_0_scoped_40d98a66_lang.css

@@ -1 +0,0 @@
-.tooltip-title-wrapper[data-v-40d98a66]{display:flex;flex-direction:column;color:var(--text-primary);margin-bottom:var(--spacing-100)}.tooltip-title-wrapper .main-title[data-v-40d98a66]{display:flex;align-items:center;gap:.25rem}.tooltip-title-wrapper .title-text[data-v-40d98a66]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tooltip-title-wrapper .title-image[data-v-40d98a66]{width:20px;height:20px;border-radius:4px}.tooltip-title-wrapper .tooltip-sub-title[data-v-40d98a66]{color:var(--text-secondary)}.tooltip-title-wrapper .platform-icon[data-v-40d98a66]{color:var(--action-active)}

package/components/chart/components/TooltipHeader.vue.js

@@ -1,7 +0,0 @@
-import o from "./TooltipHeader.vue2.js";
-/* empty css                    */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// import "../../TooltipHeader.vue_vue_type_style_index_0_scoped_40d98a66_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-40d98a66"]]);
-export {
-  s as default
-};