@ironsource/shared-ui 2.1.12-test.61 → 2.1.12-test.62

package/Chart.vue_vue_type_style_index_0_scoped_82f5b24e_lang.css

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

package/ChartHeader.vue_vue_type_style_index_0_scoped_bd4ef110_lang.css

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

package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_78a8c051_lang.css

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

package/ChartLegend.vue_vue_type_style_index_0_scoped_fd9e4ea2_lang.css

@@ -0,0 +1 @@
+.disabled-tooltip[data-v-fd9e4ea2],.disabled-tooltip[data-v-fd9e4ea2] .container{width:100%}.chart-legend[data-v-fd9e4ea2]{display:flex;flex-direction:column;width:240px;height:100%;padding:0 8px 8px 12px}.search-box[data-v-fd9e4ea2]{padding:12px 0 4px;display:flex;align-items:center;gap:4px}.legend[data-v-fd9e4ea2]{overflow-y:auto;color:var(--text-primary);height:100%;overflow-x:hidden}.legend__list[data-v-fd9e4ea2]{list-style:none;padding:0}.legend__list>li[data-v-fd9e4ea2]{display:flex;align-items:center;gap:8px;padding:6px 8px}.legend__list>li[data-v-fd9e4ea2]:hover{background-color:var(--action-hover);border-radius:8px;cursor:pointer}.legend__list>li.disabled-item[data-v-fd9e4ea2]{cursor:not-allowed!important;opacity:.5;background:var(--background-paper)}.legend__list>li.empty-list[data-v-fd9e4ea2]{display:flex;align-items:center;justify-content:flex-start;height:32px;color:var(--text-disabled)}.legend__list>li.empty-list[data-v-fd9e4ea2]:hover{background-color:transparent;cursor:default}.legend__list>li .item-wrapper[data-v-fd9e4ea2]{display:flex;align-items:center;gap:8px;width:100%}.legend__list>li .item-wrapper .legend-label[data-v-fd9e4ea2]{width:80%}.legend__list>li .item-wrapper .icon-color[data-v-fd9e4ea2]{color:var(--action-active)}.legend__list>li .item-wrapper .label-container[data-v-fd9e4ea2]{display:flex;flex-direction:column;width:100%}.legend__list>li .item-wrapper .label-container .legend-caption[data-v-fd9e4ea2]{display:flex;color:var(--text-secondary)}

package/ChartPlane.vue_vue_type_style_index_0_scoped_10b18e17_lang.css

@@ -0,0 +1 @@
+.chart-plane-container[data-v-10b18e17]{--headerHeight: var(--a21c731a);width:100%;height:var(--2855275e);position:relative}.header-wrapper[data-v-10b18e17]{position:absolute;width:100%;height:var(--headerHeight);top:0;z-index:1}.chart-plane[data-v-10b18e17]{padding-top:var(--headerHeight);height:100%}.chart[data-v-10b18e17]{width:100%;height:100%;position:relative}.chart__canvas[data-v-10b18e17]{width:100%;height:100%}.chart__tooltip[data-v-10b18e17]{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

@@ -0,0 +1 @@
+.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/SubHeader.vue_vue_type_style_index_0_scoped_74a5418e_lang.css

@@ -0,0 +1 @@
+.header-row[data-v-74a5418e]{display:flex;align-items:flex-end;gap:4px}.subheader[data-v-74a5418e]{color:var(--text-secondary)}.subheader-tooltip[data-v-74a5418e]{display:flex;flex-direction:column;gap:.25rem}.subheader-tooltip__text[data-v-74a5418e]{color:var(--text-secondary)}

package/TooltipHeader.vue_vue_type_style_index_0_scoped_40d98a66_lang.css

@@ -0,0 +1 @@
+.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/Chart.vue.d.ts

@@ -1,4 +1,4 @@
-import { ChartDataSet, ChartParsingConfig, ChartType, ValueFormat } from './types';
+import { ChartDataSet, ChartParsingConfig, ChartType, TooltipOrder, TrendDirection, ValueFormat } from './types';
 import { TotalType } from '@/utils/totals';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     dataSets: ChartDataSet[];
@@ -8,19 +8,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     xAxisFormat?: ValueFormat;
     yAxisFormat?: ValueFormat;
     tickCount?: number;
+    truncateTickLabels?: boolean;
     loading?: boolean;
     withAnimation?: boolean;
     totalsChart?: boolean;
     tooltipTotalType?: TotalType;
     tooltipTotalCalcFn?: (values: number[], totalType: TotalType) => number;
+    tooltipOrder?: TooltipOrder;
     header?: string;
     subheader?: string;
     subheaderTooltip?: {
         header?: string;
         text?: string;
     };
+    keepSubheaderVisible?: boolean;
     trendValue?: string | number;
-    trendDirection?: "up" | "down";
+    trendDirection?: TrendDirection;
     trendTooltip?: {
         header?: string;
         rangeCurrent?: string;
@@ -47,16 +50,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     yAxisFormat: string;
     parsing: any;
     tickCount: number;
+    truncateTickLabels: boolean;
     loading: boolean;
     withAnimation: boolean;
     totalsChart: boolean;
     tooltipTotalType: TotalType;
     tooltipTotalCalcFn: (values: number[], totalType: TotalType) => number;
+    tooltipOrder: TooltipOrder;
     header: string;
     subheader: string;
     subheaderTooltip: any;
+    keepSubheaderVisible: boolean;
     trendValue: any;
-    trendDirection: string;
+    trendDirection: TrendDirection;
     trendTooltip: any;
     noDataIcon: string;
     noDataTitle: string;
@@ -83,19 +89,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     xAxisFormat?: ValueFormat;
     yAxisFormat?: ValueFormat;
     tickCount?: number;
+    truncateTickLabels?: boolean;
     loading?: boolean;
     withAnimation?: boolean;
     totalsChart?: boolean;
     tooltipTotalType?: TotalType;
     tooltipTotalCalcFn?: (values: number[], totalType: TotalType) => number;
+    tooltipOrder?: TooltipOrder;
     header?: string;
     subheader?: string;
     subheaderTooltip?: {
         header?: string;
         text?: string;
     };
+    keepSubheaderVisible?: boolean;
     trendValue?: string | number;
-    trendDirection?: "up" | "down";
+    trendDirection?: TrendDirection;
     trendTooltip?: {
         header?: string;
         rangeCurrent?: string;
@@ -122,16 +131,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     yAxisFormat: string;
     parsing: any;
     tickCount: number;
+    truncateTickLabels: boolean;
     loading: boolean;
     withAnimation: boolean;
     totalsChart: boolean;
     tooltipTotalType: TotalType;
     tooltipTotalCalcFn: (values: number[], totalType: TotalType) => number;
+    tooltipOrder: TooltipOrder;
     header: string;
     subheader: string;
     subheaderTooltip: any;
+    keepSubheaderVisible: boolean;
     trendValue: any;
-    trendDirection: string;
+    trendDirection: TrendDirection;
     trendTooltip: any;
     noDataIcon: string;
     noDataTitle: string;
@@ -163,22 +175,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     chartType: ChartType;
     hideLegend: boolean;
     xAxisFormat: ValueFormat;
-    yAxisFormat: ValueFormat;
+    totalsChart: boolean;
     parsing: ChartParsingConfig;
+    yAxisFormat: ValueFormat;
     dataSets: ChartDataSet[];
     trendTooltip: any;
     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: TotalType;
     tooltipTotalCalcFn: (values: number[], totalType: TotalType) => number;
-    totalsChart: boolean;
+    tooltipOrder: TooltipOrder;
     fullHeight: boolean;
     withSettingsHeader: boolean;
     extraCharts: Record<string, unknown>[];

package/components/chart/Chart.vue.js

@@ -1,7 +1,7 @@
-import e from "./Chart.vue2.js";
-/* empty css            */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../Chart.vue_vue_type_style_index_0_scoped_de950ffe_lang.css"; //*');
-const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-de950ffe"]]);
+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_82f5b24e_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-82f5b24e"]]);
 export {
   p as default
 };

package/components/chart/Chart.vue2.js

@@ -1,43 +1,46 @@
- import "../../Chart.vue_vue_type_style_index_0_scoped_de950ffe_lang.css"; import { defineComponent as E, computed as n, openBlock as s, createElementBlock as m, Fragment as S, createBlock as x, unref as a, isRef as f, withCtx as d, renderSlot as u, createCommentVNode as I, createElementVNode as D, mergeProps as y, normalizeClass as N, createVNode as F, createSlots as U, renderList as M } from "vue";
-import { useVModel as L } from "@vueuse/core";
-import P from "./ChartLegend.vue.js";
-import O from "./SettingsHeader.vue.js";
-import k from "./ChartPlane.vue.js";
-import { useColorsMap as $ } from "./composables/useColorsMap.js";
-import { DEFAULT_TICK_COUNT as K, DEFAULT_MIN_VISIBLE as z, DEFAULT_MAX_VISIBLE as R } from "./consts.js";
-import { ChartType as X } from "./types.js";
-import { useChartHeight as j } from "./composables/useChartHeight.js";
-import { TotalType as q, calculateTotal as G } from "../../utils/totals.js";
-const J = {
+ import "../../Chart.vue_vue_type_style_index_0_scoped_82f5b24e_lang.css"; import { defineComponent as O, ref as E, computed as n, openBlock as s, createElementBlock as m, Fragment as x, createBlock as k, unref as l, isRef as y, withCtx as d, renderSlot as u, createCommentVNode as I, createElementVNode as L, mergeProps as b, normalizeClass as N, createVNode as D, createSlots as P, renderList as M } from "vue";
+import { useVModel as F } from "@vueuse/core";
+import $ from "./ChartLegend.vue.js";
+import K from "./SettingsHeader.vue.js";
+import V 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 j } from "./consts.js";
+import { ChartType as q, TooltipOrder as G, TrendDirection as J } from "./types.js";
+import { useChartHeight as Q } from "./composables/useChartHeight.js";
+import { TotalType as W, calculateTotal as Y } from "../../utils/totals.js";
+const Z = {
   key: 0,
   class: "chart-sidebar"
-}, it = /* @__PURE__ */ E({
+}, de = /* @__PURE__ */ O({
   __name: "Chart",
   props: {
     dataSets: { default: () => [] },
     visibleIds: { default: () => [] },
-    chartType: { default: X.Line },
+    chartType: { default: q.Line },
     parsing: { default: void 0 },
     xAxisFormat: { default: "string" },
     yAxisFormat: { default: "number" },
-    tickCount: { default: K },
+    tickCount: { default: R },
+    truncateTickLabels: { type: Boolean, default: !0 },
     loading: { type: Boolean, default: !1 },
     withAnimation: { type: Boolean, default: !0 },
     totalsChart: { type: Boolean, default: !1 },
-    tooltipTotalType: { default: q.Total },
-    tooltipTotalCalcFn: { type: Function, default: G },
+    tooltipTotalType: { default: W.Total },
+    tooltipTotalCalcFn: { type: Function, default: Y },
+    tooltipOrder: { default: G.Legend },
     header: { default: "" },
     subheader: { default: "" },
     subheaderTooltip: { default: null },
+    keepSubheaderVisible: { type: Boolean, default: !1 },
     trendValue: { default: null },
-    trendDirection: { default: "up" },
+    trendDirection: { default: J.UP },
     trendTooltip: { default: null },
     noDataIcon: { default: "file-search" },
     noDataTitle: { default: "No data to display" },
     noDataSubtitle: { default: "Search again with different filters" },
     hideLegend: { type: Boolean, default: !1 },
-    minVisible: { default: z },
-    maxVisible: { default: R },
+    minVisible: { default: X },
+    maxVisible: { default: j },
     maxLimitTooltipText: { default: "" },
     sortSelected: { default: null },
     sortOptions: { default: () => [] },
@@ -47,106 +50,112 @@ const J = {
     extraCharts: { default: () => [] }
   },
   emits: ["update:chartType", "update:visibleIds", "update:sortSelected"],
-  setup(o, { emit: p }) {
-    const t = o, r = L(t, "chartType", p), c = L(t, "sortSelected", p), T = n(() => ({
-      dataSets: t.dataSets,
-      visibleIds: t.visibleIds,
-      parsing: t.parsing,
-      xAxisFormat: t.xAxisFormat,
-      yAxisFormat: t.yAxisFormat,
-      tickCount: t.tickCount,
-      header: t.header,
-      subheader: t.subheader,
-      loading: t.loading,
-      noDataIcon: t.noDataIcon,
-      noDataTitle: t.noDataTitle,
-      noDataSubtitle: t.noDataSubtitle,
-      withAnimation: t.withAnimation,
-      typeSwitcher: !t.withSettingsHeader,
-      height: H.value,
+  setup(i, { emit: p }) {
+    const e = i, r = F(e, "chartType", p), h = F(e, "sortSelected", p), c = E(null), g = n(() => ({
+      dataSets: e.dataSets,
+      visibleIds: e.visibleIds,
+      parsing: e.parsing,
+      xAxisFormat: e.xAxisFormat,
+      yAxisFormat: e.yAxisFormat,
+      tickCount: e.tickCount,
+      truncateTickLabels: e.truncateTickLabels,
+      header: e.header,
+      subheader: e.subheader,
+      loading: e.loading,
+      noDataIcon: e.noDataIcon,
+      noDataTitle: e.noDataTitle,
+      noDataSubtitle: e.noDataSubtitle,
+      withAnimation: e.withAnimation,
+      typeSwitcher: !e.withSettingsHeader,
+      height: U.value,
       compactHeader: C.value > 1,
-      trendValue: t.trendValue,
-      trendDirection: t.trendDirection,
-      trendTooltip: t.trendTooltip,
-      totalsChart: t.totalsChart,
-      subheaderTooltip: t.subheaderTooltip,
-      colorsMap: h.value,
-      tooltipTotalType: t.tooltipTotalType,
-      tooltipTotalCalcFn: t.tooltipTotalCalcFn
-    })), w = n(() => t.dataSets), b = n(() => t.visibleIds), g = n(() => t.extraCharts.length), C = n(() => 1 + g.value), A = (e) => e === g.value - 1, { colorsMap: h } = $({
+      trendValue: e.trendValue,
+      trendDirection: e.trendDirection,
+      trendTooltip: e.trendTooltip,
+      totalsChart: e.totalsChart,
+      subheaderTooltip: e.subheaderTooltip,
+      keepSubheaderVisible: e.keepSubheaderVisible,
+      colorsMap: f.value,
+      tooltipTotalType: e.tooltipTotalType,
+      tooltipTotalCalcFn: e.tooltipTotalCalcFn,
+      tooltipOrder: e.tooltipOrder,
+      highlightedId: c.value
+    })), w = n(() => e.dataSets), T = n(() => e.visibleIds), v = n(() => e.extraCharts.length), C = n(() => 1 + v.value), A = (t) => t === v.value - 1, { colorsMap: f } = z({
       dataSets: w,
-      visibleIds: b
-    }), B = n(() => t.dataSets.map((e) => ({
-      id: e.id,
-      label: e.label,
-      caption: e.caption || null,
-      color: h.value[e.id] || null,
-      icon: e.icon || null,
-      iconType: e.iconType || "branded"
-    }))), { containerProps: V, eachPlaneHeight: H } = j({
+      visibleIds: T
+    }), B = n(() => e.dataSets.map((t) => ({
+      id: t.id,
+      label: t.label,
+      caption: t.caption || null,
+      color: f.value[t.id] || null,
+      icon: t.icon || null,
+      iconType: t.iconType || "branded"
+    }))), { containerProps: H, eachPlaneHeight: U } = Q({
       chartPlanesCount: C,
-      useFullHeight: t.fullHeight
+      useFullHeight: e.fullHeight
     });
-    return (e, i) => (s(), m(S, null, [
-      o.withSettingsHeader ? (s(), x(O, {
+    return (t, o) => (s(), m(x, null, [
+      i.withSettingsHeader ? (s(), k(K, {
         key: 0,
-        "chart-type": a(r),
-        "onUpdate:chart-type": i[0] || (i[0] = (l) => f(r) ? r.value = l : null),
-        "hide-legend": o.hideLegend
+        "chart-type": l(r),
+        "onUpdate:chart-type": o[0] || (o[0] = (a) => y(r) ? r.value = a : null),
+        "hide-legend": i.hideLegend
       }, {
         "before-chart-type": d(() => [
-          u(e.$slots, "before-chart-type", {}, void 0, !0)
+          u(t.$slots, "before-chart-type", {}, void 0, !0)
         ]),
         metric: d(() => [
-          u(e.$slots, "metric", {}, void 0, !0)
+          u(t.$slots, "metric", {}, void 0, !0)
         ]),
         breakdowns: d(() => [
-          u(e.$slots, "breakdowns", {}, void 0, !0)
+          u(t.$slots, "breakdowns", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["chart-type", "hide-legend"])) : I("", !0),
-      D("div", y({ class: "chart-container" }, a(V)), [
-        D("section", {
-          class: N(["chart-planes", [{ "with-legend": !o.hideLegend }]])
+      L("div", b({ class: "chart-container" }, l(H)), [
+        L("section", {
+          class: N(["chart-planes", [{ "with-legend": !i.hideLegend }]])
         }, [
-          F(k, y({
-            "chart-type": a(r),
-            "onUpdate:chart-type": i[1] || (i[1] = (l) => f(r) ? r.value = l : null)
-          }, a(T)), U({ _: 2 }, [
-            e.$slots["subheader-tooltip"] ? {
+          D(V, b({
+            "chart-type": l(r),
+            "onUpdate:chart-type": o[1] || (o[1] = (a) => y(r) ? r.value = a : null)
+          }, l(g)), P({ _: 2 }, [
+            t.$slots["subheader-tooltip"] ? {
               name: "subheader-tooltip",
               fn: d(() => [
-                u(e.$slots, "subheader-tooltip", {}, void 0, !0)
+                u(t.$slots, "subheader-tooltip", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0
           ]), 1040, ["chart-type"]),
-          (s(!0), m(S, null, M(o.extraCharts, (l, v) => (s(), x(k, y({
-            key: v,
+          (s(!0), m(x, null, M(i.extraCharts, (a, S) => (s(), k(V, b({
+            key: S,
             class: "extra-chart-plane"
-          }, { ...a(T), ...l }, {
-            "chart-type": a(r),
-            "colors-map": a(h),
+          }, { ...l(g), ...a }, {
+            "chart-type": l(r),
+            "colors-map": l(f),
             "type-switcher": !1,
-            "tooltip-respects-top-edge": !A(v)
+            "tooltip-respects-top-edge": !A(S)
           }), null, 16, ["chart-type", "colors-map", "tooltip-respects-top-edge"]))), 128))
         ], 2),
-        o.hideLegend ? I("", !0) : (s(), m("section", J, [
-          F(P, {
-            "sort-selected": a(c),
-            "onUpdate:sort-selected": i[2] || (i[2] = (l) => f(c) ? c.value = l : null),
-            items: a(B),
-            "visible-ids": a(b),
-            "max-limit-tooltip-text": o.maxLimitTooltipText,
-            "sort-options": o.sortOptions,
-            "sort-option-name-key": o.sortOptionNameKey,
-            "onUpdate:visibleIds": i[3] || (i[3] = (l) => p("update:visibleIds", l))
-          }, null, 8, ["sort-selected", "items", "visible-ids", "max-limit-tooltip-text", "sort-options", "sort-option-name-key"])
+        i.hideLegend ? I("", !0) : (s(), m("section", Z, [
+          D($, {
+            "sort-selected": l(h),
+            "onUpdate:sort-selected": o[2] || (o[2] = (a) => y(h) ? h.value = a : null),
+            "highlighted-id": c.value,
+            "onUpdate:highlighted-id": o[3] || (o[3] = (a) => c.value = a),
+            items: l(B),
+            "visible-ids": l(T),
+            "max-limit-tooltip-text": i.maxLimitTooltipText,
+            "sort-options": i.sortOptions,
+            "sort-option-name-key": i.sortOptionNameKey,
+            "onUpdate:visibleIds": o[4] || (o[4] = (a) => p("update:visibleIds", a))
+          }, null, 8, ["sort-selected", "highlighted-id", "items", "visible-ids", "max-limit-tooltip-text", "sort-options", "sort-option-name-key"])
         ]))
       ], 16)
     ], 64));
   }
 });
 export {
-  it as default
+  de as default
 };

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

@@ -1,4 +1,4 @@
-import { ChartType } from '@/components/chart/types';
+import { ChartType, TrendDirection } from '@/components/chart/types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     chartType: ChartType;
     typeSwitcher: boolean;
@@ -15,7 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     };
     compact: boolean;
     trendValue?: string | number;
-    trendDirection?: "up" | "down";
+    trendDirection?: TrendDirection;
 }>, {
     chartType: ChartType;
     typeSwitcher: boolean;
@@ -25,7 +25,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     trendTooltip: any;
     compact: boolean;
     trendValue: any;
-    trendDirection: string;
+    trendDirection: TrendDirection;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:chartType": (type: ChartType) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -44,7 +44,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     };
     compact: boolean;
     trendValue?: string | number;
-    trendDirection?: "up" | "down";
+    trendDirection?: TrendDirection;
 }>, {
     chartType: ChartType;
     typeSwitcher: boolean;
@@ -54,7 +54,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     trendTooltip: any;
     compact: boolean;
     trendValue: any;
-    trendDirection: string;
+    trendDirection: TrendDirection;
 }>>> & {
     "onUpdate:chartType"?: (type: ChartType) => any;
 }, {
@@ -62,11 +62,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     compact: boolean;
     chartType: ChartType;
     trendTooltip: any;
-    typeSwitcher: boolean;
     subheader: string;
     subheaderTooltip: any;
+    typeSwitcher: boolean;
     trendValue: string | number;
-    trendDirection: "up" | "down";
+    trendDirection: TrendDirection;
 }>, {
     "subheader-tooltip"?(_: {}): any;
 }>;

package/components/chart/ChartHeader.vue.js

@@ -1,7 +1,7 @@
 import e from "./ChartHeader.vue2.js";
 /* empty css                  */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../ChartHeader.vue_vue_type_style_index_0_scoped_1ff0e54f_lang.css"; //*');
-const f = /* @__PURE__ */ o(e, [["__scopeId", "data-v-1ff0e54f"]]);
+// import "../../ChartHeader.vue_vue_type_style_index_0_scoped_bd4ef110_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-bd4ef110"]]);
 export {
-  f as default
+  s as default
 };