@ironsource/shared-ui 2.1.12-rc.9 → 2.1.12-test.100

package/components/chart/ChartStoryArgs.d.ts

@@ -1,4 +1,4 @@
-import { ChartType } from '@/components/chart/types';
+import { ChartType, DateInterval, TooltipOrder, TrendDirection } from '@/components/chart/types';
 export declare const chartStoryArgs: {
     chartType: {
         control: {
@@ -17,6 +17,10 @@ export declare const chartStoryArgs: {
         options: string[];
         description: string;
     };
+    xAxisDateInterval: {
+        options: DateInterval[];
+        description: string;
+    };
     parsing: {
         description: string;
     };
@@ -69,6 +73,18 @@ export declare const chartStoryArgs: {
             category: string;
         };
     };
+    subheaderTooltip: {
+        table: {
+            category: string;
+        };
+        description: string;
+    };
+    keepSubheaderVisible: {
+        table: {
+            category: string;
+        };
+        description: string;
+    };
     trendValue: {
         table: {
             category: string;
@@ -82,18 +98,30 @@ export declare const chartStoryArgs: {
         description: string;
         control: {
             type: string;
-            options: string[];
         };
+        options: TrendDirection[];
     };
     tickCount: {
         description: string;
     };
+    truncateTickLabels: {
+        description: string;
+        control: {
+            type: string;
+        };
+    };
     loading: {
         description: string;
         control: {
             type: string;
         };
     };
+    empty: {
+        description: string;
+        control: {
+            type: string;
+        };
+    };
     withAnimation: {
         control: {
             type: string;
@@ -114,6 +142,15 @@ export declare const chartStoryArgs: {
             type: string;
         };
     };
+    fullHeightBottomSpacing: {
+        table: {
+            category: string;
+        };
+        description: string;
+        control: {
+            type: string;
+        };
+    };
     withSettingsHeader: {
         table: {
             category: string;
@@ -132,4 +169,28 @@ export declare const chartStoryArgs: {
             type: string;
         };
     };
+    tooltipOrder: {
+        description: string;
+        control: {
+            type: string;
+        };
+        options: TooltipOrder[];
+    };
+    colorVariant: {
+        description: string;
+        control: string;
+        options: string[];
+    };
+    indicateIncompleteData: {
+        description: string;
+        control: {
+            type: string;
+        };
+    };
+    tooltipExcludeTotalItem: {
+        description: string;
+        control: {
+            type: string;
+        };
+    };
 };

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

@@ -1,39 +1,64 @@
-import { MyTooltipItem, ValueFormat } from '@/components/chart/types';
+import { DateInterval, MyTooltipItem, ValueFormat } from '@/components/chart/types';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     title?: string;
     dataPoints: MyTooltipItem<'line'>[];
     xAxisFormat?: ValueFormat;
     yAxisFormat?: ValueFormat;
+    xAxisDateInterval?: DateInterval;
     totalLabel?: string;
     totalValue?: number;
+    totalsChart?: boolean;
+    valueSuffix?: string;
+    valuePrefix?: string;
+    testId?: string;
 }>, {
     title: string;
     dataPoints: () => any[];
     xAxisFormat: any;
     yAxisFormat: any;
+    xAxisDateInterval: any;
     totalLabel: string;
     totalValue: any;
+    totalsChart: boolean;
+    valueSuffix: string;
+    valuePrefix: string;
+    testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     title?: string;
     dataPoints: MyTooltipItem<'line'>[];
     xAxisFormat?: ValueFormat;
     yAxisFormat?: ValueFormat;
+    xAxisDateInterval?: DateInterval;
     totalLabel?: string;
     totalValue?: number;
+    totalsChart?: boolean;
+    valueSuffix?: string;
+    valuePrefix?: string;
+    testId?: string;
 }>, {
     title: string;
     dataPoints: () => any[];
     xAxisFormat: any;
     yAxisFormat: any;
+    xAxisDateInterval: any;
     totalLabel: string;
     totalValue: any;
+    totalsChart: boolean;
+    valueSuffix: string;
+    valuePrefix: string;
+    testId: string;
 }>>>, {
     title: string;
-    dataPoints: MyTooltipItem<'line'>[];
+    testId: string;
     xAxisFormat: ValueFormat;
+    xAxisDateInterval: DateInterval;
+    dataPoints: MyTooltipItem<'line'>[];
+    totalsChart: boolean;
     yAxisFormat: ValueFormat;
     totalLabel: string;
     totalValue: number;
+    valueSuffix: string;
+    valuePrefix: string;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/components/chart/ChartTooltip.vue.js

@@ -1,7 +1,7 @@
 import o from "./ChartTooltip.vue2.js";
 /* empty css                   */import t from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../ChartTooltip.vue_vue_type_style_index_0_scoped_25d0e129_lang.css"; //*');
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-25d0e129"]]);
+// import "../../ChartTooltip.vue_vue_type_style_index_0_scoped_9623dbbd_lang.css"; //*');
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9623dbbd"]]);
 export {
   s as default
 };

package/components/chart/ChartTooltip.vue2.js

@@ -1,103 +1,101 @@
- import "../../ChartTooltip.vue_vue_type_style_index_0_scoped_25d0e129_lang.css"; import { defineComponent as F, computed as x, openBlock as l, createElementBlock as n, createVNode as u, unref as t, withCtx as o, createTextVNode as r, toDisplayString as i, createBlock as y, createCommentVNode as d, createElementVNode as f, Fragment as v, renderList as h, normalizeStyle as k } from "vue";
-import s from "../typography/v4/Typography.vue.js";
-import { formatValue as m } from "./utils/utils.js";
-import g from "../icon/v4/IconV4.vue.js";
+ import "../../ChartTooltip.vue_vue_type_style_index_0_scoped_9623dbbd_lang.css"; import { defineComponent as v, openBlock as l, createElementBlock as o, mergeProps as h, unref as e, createBlock as f, createCommentVNode as r, Fragment as b, renderList as C, createElementVNode as c, normalizeStyle as k, createVNode as i, withCtx as s, createTextVNode as u, toDisplayString as n } from "vue";
+import d from "../typography/v4/Typography.vue.js";
+import A from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
-const A = { class: "chart-tooltip" }, V = {
-  key: 0,
-  class: "tooltip-title-wrapper"
-}, C = { class: "list" }, T = { class: "popover-label-wrapper" }, w = {
+import { formatValue as m } from "./utils/utils.js";
+import I from "./TooltipHeader.vue.js";
+import { useTestIdAttrs as T } from "../../utils/testIds.js";
+import { ChartTooltipTestIdModifiers as x } from "../../testids/index.js";
+const g = {
   key: 1,
+  class: "list"
+}, p = { class: "popover-label-wrapper" }, V = {
+  key: 2,
   class: "tooltip-footer"
-}, I = /* @__PURE__ */ F({
+}, O = /* @__PURE__ */ v({
   __name: "ChartTooltip",
   props: {
     title: { default: "" },
     dataPoints: { default: () => [] },
     xAxisFormat: { default: null },
     yAxisFormat: { default: null },
+    xAxisDateInterval: { default: null },
     totalLabel: { default: "Total" },
-    totalValue: { default: null }
+    totalValue: { default: null },
+    totalsChart: { type: Boolean, default: !1 },
+    valueSuffix: { default: "" },
+    valuePrefix: { default: "" },
+    testId: { default: "" }
   },
-  setup(e) {
-    const c = e, p = x(() => c.xAxisFormat === "date" ? "dateLong" : c.xAxisFormat), b = x(() => c.xAxisFormat === "date" ? "day" : c.xAxisFormat);
-    return (B, L) => (l(), n("div", A, [
-      e.title ? (l(), n("div", V, [
-        u(t(s), { variant: "subtitle2" }, {
-          default: o(() => [
-            r(i(t(m)(e.title, t(p))), 1)
-          ]),
-          _: 1
-        }),
-        e.xAxisFormat === "date" ? (l(), y(t(s), {
-          key: 0,
-          class: "tooltip-sub-title",
-          variant: "caption"
-        }, {
-          default: o(() => [
-            r(i(t(m)(e.title, t(b))), 1)
-          ]),
-          _: 1
-        })) : d("", !0)
-      ])) : d("", !0),
-      f("ul", C, [
-        (l(!0), n(v, null, h(e.dataPoints, (a) => (l(), n("li", {
+  setup(t) {
+    const y = T(t.testId, x);
+    return (N, S) => (l(), o("div", h({ class: "chart-tooltip" }, e(y)[e(x).CONTAINER]), [
+      t.title ? (l(), f(I, {
+        key: 0,
+        title: t.title,
+        "data-points": t.dataPoints,
+        "totals-chart": t.totalsChart,
+        "x-axis-format": t.xAxisFormat,
+        "x-axis-date-interval": t.xAxisDateInterval
+      }, null, 8, ["title", "data-points", "totals-chart", "x-axis-format", "x-axis-date-interval"])) : r("", !0),
+      t.totalsChart ? r("", !0) : (l(), o("ul", g, [
+        (l(!0), o(b, null, C(t.dataPoints, (a) => (l(), o("li", {
           key: a.datasetIndex,
           class: "list__item"
         }, [
-          f("span", {
+          c("span", {
             class: "color-box",
             style: k({
               backgroundColor: String(a.dataset.pointBackgroundColor)
             })
           }, null, 4),
-          a.dataset.icon ? (l(), y(t(g), {
+          a.dataset.icon ? (l(), f(e(A), {
             key: 0,
             class: "platform-icon",
             type: a.dataset.iconType,
             name: a.dataset.icon,
             size: "16px"
-          }, null, 8, ["type", "name"])) : d("", !0),
-          f("div", T, [
-            u(t(s), {
+          }, null, 8, ["type", "name"])) : r("", !0),
+          c("div", p, [
+            i(e(d), {
               variant: "body2",
               class: "flex-grow truncated-label",
               "is-truncated": ""
             }, {
-              default: o(() => [
-                r(i(a.dataset.label), 1)
+              default: s(() => [
+                u(n(a.dataset.label), 1)
               ]),
               _: 2
             }, 1024)
           ]),
-          u(t(s), { variant: "body2" }, {
-            default: o(() => [
-              r(i(t(m)(a.parsed.y, e.yAxisFormat)), 1)
+          i(e(d), { variant: "body2" }, {
+            default: s(() => [
+              u(n(t.valuePrefix + e(m)(a.parsed.y, t.yAxisFormat, !0, !1) + t.valueSuffix), 1)
             ]),
             _: 2
           }, 1024)
         ]))), 128))
-      ]),
-      e.totalValue !== null ? (l(), n("div", w, [
-        u(t(s), {
+      ])),
+      t.totalValue !== null ? (l(), o("div", V, [
+        i(e(d), {
           variant: "body2",
           class: "flex-grow"
         }, {
-          default: o(() => [
-            r(i(e.totalLabel), 1)
+          default: s(() => [
+            u(n(t.totalLabel), 1)
           ]),
           _: 1
         }),
-        u(t(s), { variant: "body2" }, {
-          default: o(() => [
-            r(i(t(m)(e.totalValue, e.yAxisFormat)), 1)
+        i(e(d), { variant: "body2" }, {
+          default: s(() => [
+            u(n(t.valuePrefix + e(m)(t.totalValue, t.yAxisFormat, !0) + t.valueSuffix), 1)
           ]),
           _: 1
         })
-      ])) : d("", !0)
-    ]));
+      ])) : r("", !0)
+    ], 16));
   }
 });
 export {
-  I as default
+  O as default
 };

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

@@ -0,0 +1,42 @@
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    selected: unknown;
+    options: unknown[];
+    optionNameKey: string;
+    testId?: string;
+}>, {
+    options: () => any[];
+    testId: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selected": (option: unknown) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    selected: unknown;
+    options: unknown[];
+    optionNameKey: string;
+    testId?: string;
+}>, {
+    options: () => any[];
+    testId: string;
+}>>> & {
+    "onUpdate:selected"?: (option: unknown) => any;
+}, {
+    testId: string;
+    options: unknown[];
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/components/chart/LegendSorting.vue.js

@@ -0,0 +1,47 @@
+import { defineComponent as l, openBlock as s, createElementBlock as m, createVNode as r, unref as n, isRef as d, withCtx as a, mergeProps as c } from "vue";
+import u from "../dropdown/v4/DropdownV4.vue.js";
+import "../dropdown/v4/DefaultDropdownTrigger.vue.js";
+import f from "../dropdown/v4/IconButtonDropdownTrigger.vue.js";
+import "../dropdown/v4/ChipDropdownTrigger.vue.js";
+import "../dropdown/v4/AppDropdownTrigger.vue.js";
+import "../dropdown/v4/ButtonDropdownTrigger.vue.js";
+import "../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
+import "../dropdown/v4/TreeDropdown.vue.js";
+import "../dropdown/v4/OptionV4.vue.js";
+import "../dropdown/v4/ConditionalDropdown.vue.js";
+import { useVModel as g } from "@vueuse/core";
+const y = { class: "legend-sorting" }, L = /* @__PURE__ */ l({
+  __name: "LegendSorting",
+  props: {
+    selected: null,
+    options: { default: () => [] },
+    optionNameKey: null,
+    testId: { default: "" }
+  },
+  emits: ["update:selected"],
+  setup(e, { emit: p }) {
+    const o = g(e, "selected", p);
+    return (v, i) => (s(), m("div", y, [
+      r(n(u), {
+        selected: n(o),
+        "onUpdate:selected": i[0] || (i[0] = (t) => d(o) ? o.value = t : null),
+        "display-value": (t) => t[e.optionNameKey],
+        options: e.options,
+        "option-name-key": e.optionNameKey,
+        placement: "bottom-end",
+        "test-id": e.testId
+      }, {
+        "dropdown-trigger": a(({ buttonTriggerProps: t }) => [
+          r(n(f), c(t, {
+            "icon-name": "funnel-simple",
+            "icon-type": "regular"
+          }), null, 16)
+        ]),
+        _: 1
+      }, 8, ["selected", "display-value", "options", "option-name-key", "test-id"])
+    ]));
+  }
+});
+export {
+  L as default
+};

package/components/chart/LegendSorting.vue2.js

@@ -0,0 +1,4 @@
+import f from "./LegendSorting.vue.js";
+export {
+  f as default
+};

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

@@ -1,15 +1,24 @@
 import { ChartType } from './types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     chartType: ChartType;
     hideLegend: boolean;
+    testId?: string;
+}>, {
+    testId: string;
 }>, {}, 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_TypePropsToRuntimeProps<{
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     chartType: ChartType;
     hideLegend: boolean;
+    testId?: string;
+}>, {
+    testId: string;
 }>>> & {
     "onUpdate:chartType"?: (type: ChartType) => any;
-}, {}>, {
+}, {
+    testId: string;
+}>, {
+    "before-chart-type"?(_: {}): any;
     metric?(_: {}): any;
     breakdowns?(_: {}): any;
 }>;
@@ -23,6 +32,14 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/components/chart/SettingsHeader.vue.js

@@ -1,7 +1,7 @@
 import e from "./SettingsHeader.vue2.js";
 /* empty css                     */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../SettingsHeader.vue_vue_type_style_index_0_scoped_9b6cd9d9_lang.css"; //*');
-const d = /* @__PURE__ */ o(e, [["__scopeId", "data-v-9b6cd9d9"]]);
+// import "../../SettingsHeader.vue_vue_type_style_index_0_scoped_a869d327_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-a869d327"]]);
 export {
-  d as default
+  a as default
 };

package/components/chart/SettingsHeader.vue2.js

@@ -1,65 +1,73 @@
- import "../../SettingsHeader.vue_vue_type_style_index_0_scoped_9b6cd9d9_lang.css"; import { defineComponent as h, computed as g, openBlock as y, createElementBlock as f, createElementVNode as r, normalizeClass as a, createVNode as l, unref as t, isRef as v, withCtx as T, mergeProps as w, renderSlot as p } from "vue";
-import b from "../dropdown/v4/DropdownV4.vue.js";
+ import "../../SettingsHeader.vue_vue_type_style_index_0_scoped_a869d327_lang.css"; import { defineComponent as y, computed as T, openBlock as v, createElementBlock as I, mergeProps as m, unref as t, createElementVNode as s, normalizeClass as c, renderSlot as i, createVNode as u, isRef as b, withCtx as w } from "vue";
+import N from "../dropdown/v4/DropdownV4.vue.js";
 import "../dropdown/v4/DefaultDropdownTrigger.vue.js";
 import "../dropdown/v4/IconButtonDropdownTrigger.vue.js";
 import "../dropdown/v4/ChipDropdownTrigger.vue.js";
 import "../dropdown/v4/AppDropdownTrigger.vue.js";
-import k from "../dropdown/v4/ButtonDropdownTrigger.vue.js";
+import O from "../dropdown/v4/ButtonDropdownTrigger.vue.js";
 import "../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
 import "../dropdown/v4/TreeDropdown.vue.js";
 import "../dropdown/v4/OptionV4.vue.js";
 import "../dropdown/v4/ConditionalDropdown.vue.js";
-import { DROPDOWN_TYPE_OPTIONS as c } from "./consts.js";
-const _ = { class: "settings-header-container" }, B = { class: "chart-type-selection" }, x = /* @__PURE__ */ h({
+import { DROPDOWN_TYPE_OPTIONS as f } from "./consts.js";
+import { useTestIdAttrs as k } from "../../utils/testIds.js";
+import { ChartSettingsHeaderTestIdModifiers as n } from "../../testids/index.js";
+const C = { class: "chart-type-selection" }, M = /* @__PURE__ */ y({
   __name: "SettingsHeader",
   props: {
     chartType: null,
-    hideLegend: { type: Boolean }
+    hideLegend: { type: Boolean },
+    testId: { default: "" }
   },
   emits: ["update:chartType"],
-  setup(s, { emit: m }) {
-    const u = s, o = g({
+  setup(r, { emit: h }) {
+    const a = r, o = T({
       get() {
-        return c.find(({ id: e }) => e === u.chartType);
+        return f.find(({ id: e }) => e === a.chartType);
       },
       set(e) {
-        m("update:chartType", e.id);
+        h("update:chartType", e.id);
       }
-    }), i = (e) => `Chart: ${e.name}`;
-    return (e, d) => (y(), f("div", _, [
-      r("div", {
-        class: a(["settings", { "settings-spacer": !s.hideLegend }])
+    }), l = (e) => `Chart: ${e.name}`, g = k(
+      a.testId,
+      n
+    );
+    return (e, p) => (v(), I("div", m({ class: "settings-header-container" }, t(g)[t(n).CONTAINER]), [
+      s("div", {
+        class: c(["settings", { "settings-spacer": !r.hideLegend }])
       }, [
-        r("div", B, [
-          l(t(b), {
+        i(e.$slots, "before-chart-type", {}, void 0, !0),
+        s("div", C, [
+          u(t(N), {
             selected: t(o),
-            "onUpdate:selected": d[0] || (d[0] = (n) => v(o) ? o.value = n : null),
-            options: t(c),
+            "onUpdate:selected": p[0] || (p[0] = (d) => b(o) ? o.value = d : null),
+            options: t(f),
             "option-name-key": "name",
-            "display-value": i,
+            "display-value": l,
             placeholder: "Select chart type",
-            size: "small"
+            size: "small",
+            "test-id": `${r.testId}-${t(n).TYPE_DROPDOWN}`
           }, {
-            "dropdown-trigger": T(({ buttonTriggerProps: n }) => [
-              l(t(k), w(n, {
-                label: i(t(o))
+            "dropdown-trigger": w(({ buttonTriggerProps: d }) => [
+              u(t(O), m(d, {
+                label: l(t(o))
               }), null, 16, ["label"])
             ]),
             _: 1
-          }, 8, ["selected", "options"])
+          }, 8, ["selected", "options", "test-id"])
         ]),
-        r("div", null, [
-          p(e.$slots, "metric", {}, void 0, !0)
+        s("div", null, [
+          i(e.$slots, "metric", {}, void 0, !0)
         ])
       ], 2),
-      r("div", {
-        class: a(["breakdowns", { "breakdowns-border": !s.hideLegend }])
+      s("div", {
+        class: c(["breakdowns", { "breakdowns-border": !r.hideLegend }])
       }, [
-        p(e.$slots, "breakdowns", {}, void 0, !0)
+        i(e.$slots, "breakdowns", {}, void 0, !0)
       ], 2)
-    ]));
+    ], 16));
   }
 });
 export {
-  x as default
+  M as default
 };

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

@@ -0,0 +1,52 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    subheader: string;
+    subheaderTooltip?: {
+        header?: string;
+        text?: string;
+    };
+    showSeparator?: boolean;
+}>, {
+    subheader: string;
+    subheaderTooltip: any;
+    showSeparator: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    subheader: string;
+    subheaderTooltip?: {
+        header?: string;
+        text?: string;
+    };
+    showSeparator?: boolean;
+}>, {
+    subheader: string;
+    subheaderTooltip: any;
+    showSeparator: boolean;
+}>>>, {
+    subheader: string;
+    subheaderTooltip: any;
+    showSeparator: boolean;
+}>, {
+    "subheader-tooltip"?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/chart/SubHeader.vue.js

@@ -0,0 +1,7 @@
+import e from "./SubHeader.vue2.js";
+/* empty css                */import o from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../SubHeader.vue_vue_type_style_index_0_scoped_e6008b6c_lang.css"; //*');
+const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-e6008b6c"]]);
+export {
+  c as default
+};