@ironsource/shared-ui 2.1.12-test.98 → 2.1.12-test.99

package/src/components/button/v4/ButtonV4.vue2.js

@@ -0,0 +1,91 @@
+import { defineComponent as y, computed as N, openBlock as t, createElementBlock as u, normalizeClass as l, createElementVNode as m, createBlock as p, unref as a, createCommentVNode as o, createVNode as s, withCtx as r, renderSlot as i, createTextVNode as h, toDisplayString as v } from "vue";
+import c from "../../typography/v4/Typography.vue.js";
+import f from "../../icon/v4/IconV4.vue.js";
+import "../../icon/v4/IconFlag.vue.js";
+import z from "../../loader/v4/Loader.vue.js";
+const g = ["data-testid", "disabled"], b = { key: 0 }, $ = /* @__PURE__ */ y({
+  __name: "ButtonV4",
+  props: {
+    variant: { default: "contained" },
+    color: { default: "primary" },
+    size: { default: "medium" },
+    loading: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    testId: { default: "" },
+    content: { default: "" },
+    startIconName: { default: null },
+    endIconName: { default: null },
+    startIconType: { default: "regular" },
+    endIconType: { default: "regular" }
+  },
+  setup(I) {
+    const n = I, d = N(
+      () => n.size === "small" || n.size === "medium" ? 16 : 20
+    );
+    return (e, k) => (t(), u("button", {
+      class: l([[
+        e.size,
+        e.color,
+        e.variant,
+        { loading: e.loading },
+        {
+          "with-start-icon": !!e.startIconName,
+          "with-end-icon": !!e.endIconName
+        }
+      ], "button-wrap"]),
+      "data-testid": n.testId,
+      disabled: e.disabled
+    }, [
+      e.loading ? o("", !0) : (t(), u("span", b, [
+        m("div", {
+          class: l({
+            flex: e.startIconName || e.endIconName
+          })
+        }, [
+          e.startIconName ? (t(), p(a(f), {
+            key: 0,
+            name: e.startIconName,
+            size: `${d.value}px`,
+            type: e.startIconType,
+            class: "start-icon"
+          }, null, 8, ["name", "size", "type"])) : o("", !0),
+          s(a(c), { variant: "button" }, {
+            default: r(() => [
+              i(e.$slots, "default", {}, () => [
+                h(v(e.content), 1)
+              ], !0)
+            ]),
+            _: 3
+          }),
+          e.endIconName ? (t(), p(a(f), {
+            key: 1,
+            name: e.endIconName,
+            size: `${d.value}px`,
+            type: e.endIconType,
+            class: "end-icon"
+          }, null, 8, ["name", "size", "type"])) : o("", !0)
+        ], 2)
+      ])),
+      e.loading ? i(e.$slots, "loader", { key: 1 }, () => [
+        s(a(z), { "max-width": d.value }, {
+          default: r(() => [
+            m("div", {
+              class: l({ "content-with-icon": e.startIconName || e.endIconName })
+            }, [
+              s(a(c), { variant: "button" }, {
+                default: r(() => [
+                  i(e.$slots, "default", {}, void 0, !0)
+                ]),
+                _: 3
+              })
+            ], 2)
+          ]),
+          _: 3
+        }, 8, ["max-width"])
+      ], !0) : o("", !0)
+    ], 10, g));
+  }
+});
+export {
+  $ as default
+};

package/src/components/button/v4/IconButtonV4.vue.js

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

package/src/components/button/v4/IconButtonV4.vue2.js

@@ -0,0 +1,46 @@
+import { defineComponent as n, computed as a, openBlock as r, createElementBlock as d, normalizeClass as i, renderSlot as u, createVNode as p, unref as c } from "vue";
+import m from "../../icon/v4/IconV4.vue.js";
+import "../../icon/v4/IconFlag.vue.js";
+const f = ["data-testid", "disabled"], I = /* @__PURE__ */ n({
+  __name: "IconButtonV4",
+  props: {
+    variant: { default: "default" },
+    color: { default: "default" },
+    size: { default: "medium" },
+    type: { default: "regular" },
+    iconName: { default: "pencil-simple" },
+    disabled: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  setup(l) {
+    const t = l, s = a(() => {
+      switch (t.size) {
+        case "extraSmall":
+          return "16px";
+        case "small":
+        case "medium":
+          return "20px";
+        case "large":
+        case "extraLarge":
+        default:
+          return "24px";
+      }
+    }), o = a(() => `variant-${t.variant}`);
+    return (e, b) => (r(), d("button", {
+      class: i([[e.size, e.color, o.value], "button-wrap"]),
+      "data-testid": t.testId,
+      disabled: e.disabled
+    }, [
+      u(e.$slots, "default", {}, () => [
+        p(c(m), {
+          type: e.type,
+          name: e.iconName || "pencil-simple",
+          size: s.value
+        }, null, 8, ["type", "name", "size"])
+      ], !0)
+    ], 10, f));
+  }
+});
+export {
+  I as default
+};

package/src/components/button/v4/ToggleButtonGroupAB.vue.js

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

package/src/components/button/v4/ToggleButtonGroupAB.vue2.js

@@ -0,0 +1,96 @@
+import { defineComponent as A, ref as u, computed as C, openBlock as g, createElementBlock as y, createVNode as n, mergeProps as p, unref as o, withCtx as r, createTextVNode as f, createBlock as N, createElementVNode as w, renderSlot as O, createCommentVNode as R } from "vue";
+import d from "./ButtonV4.vue.js";
+import { useVModel as x } from "@vueuse/core";
+import E from "../../icon/v4/IconV4.vue.js";
+import "../../icon/v4/IconFlag.vue.js";
+import G from "../../popover/v4/PopoverV4.vue.js";
+import { useTestIdAttrs as $ } from "../../../utils/testIds.js";
+import { ToggleButtonGroupABTestIdModifiers as l } from "../../../testids/index.js";
+const M = { class: "group-button-wrapper" }, U = { class: "popover-trigger" }, K = /* @__PURE__ */ A({
+  __name: "ToggleButtonGroupAB",
+  props: {
+    modelValue: {},
+    withPopover: { type: Boolean },
+    testId: { default: "" },
+    popoverProps: {}
+  },
+  emits: ["update:modelValue"],
+  setup(B, { expose: T, emit: P }) {
+    const V = P, s = B, m = u(null), c = u(!1), k = (t) => {
+      c.value = t;
+    }, a = $(
+      s.testId,
+      l,
+      !0
+    ), I = u(
+      s.popoverProps ? { ...s.popoverProps } : {}
+    ), i = x(s, "modelValue", V), v = (t) => {
+      i.value = t;
+    }, _ = C(() => m.value?.toggle);
+    return T({
+      toggle: _
+    }), (t, e) => (g(), y("div", M, [
+      n(d, p({
+        class: ["toggle-button", { "selected-a": o(i) === "a" }],
+        color: "primary",
+        variant: "outlined"
+      }, o(a)[o(l).BUTTON_A], {
+        onClick: e[0] || (e[0] = (b) => v("a"))
+      }), {
+        default: r(() => e[2] || (e[2] = [
+          f(" A ")
+        ])),
+        _: 1
+      }, 16, ["class"]),
+      n(d, p({
+        class: ["toggle-button", { "selected-b": o(i) === "b" }],
+        color: "primary",
+        variant: "outlined"
+      }, o(a)[o(l).BUTTON_B], {
+        onClick: e[1] || (e[1] = (b) => v("b"))
+      }), {
+        default: r(() => e[3] || (e[3] = [
+          f(" B ")
+        ])),
+        _: 1
+      }, 16, ["class"]),
+      t.withPopover ? (g(), N(d, p({
+        key: 0,
+        class: [
+          "toggle-button",
+          {
+            "trigger-active": c.value
+          }
+        ],
+        color: "primary",
+        variant: "outlined"
+      }, o(a)[o(l).POPOVER_TRIGGER]), {
+        default: r(() => [
+          n(o(G), p({
+            ref_key: "popoverRef",
+            ref: m
+          }, {
+            ...I.value
+          }, { onIsOpen: k }), {
+            trigger: r(() => [
+              w("div", U, [
+                n(o(E), {
+                  name: "caret-down",
+                  size: "16px"
+                })
+              ])
+            ]),
+            content: r(() => [
+              O(t.$slots, "popover-content", {}, void 0, !0)
+            ]),
+            _: 3
+          }, 16)
+        ]),
+        _: 3
+      }, 16, ["class"])) : R("", !0)
+    ]));
+  }
+});
+export {
+  K as default
+};

package/src/components/chart/Chart.vue.js

@@ -0,0 +1,7 @@
+import o from "./Chart.vue2.js";
+/* empty css            */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+console.log('scoped// import "../../Chart.vue_vue_type_style_index_0_scoped_03771fa3_lang.css"; //*');
+const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-03771fa3"]]);
+export {
+  a as default
+};

package/src/components/chart/Chart.vue2.js

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

package/src/components/chart/ChartHeader.vue.js

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

package/src/components/chart/ChartHeader.vue2.js

@@ -0,0 +1,80 @@
+import { defineComponent as S, computed as p, openBlock as r, createElementBlock as w, normalizeClass as C, createElementVNode as s, createVNode as c, createSlots as B, withCtx as h, renderSlot as g, unref as m, createTextVNode as D, toDisplayString as N, createBlock as o, normalizeProps as f, mergeProps as y, createCommentVNode as l } from "vue";
+import P from "../typography/v4/Typography.vue.js";
+import H from "../switch/v4/SwitchV4.vue.js";
+import { ChartType as a, TrendDirection as L } from "./types.js";
+import T from "./ChartHeaderTrend.vue.js";
+import z from "./SubHeader.vue.js";
+const E = { class: "header-texts" }, U = { class: "header-row" }, G = /* @__PURE__ */ S({
+  __name: "ChartHeader",
+  props: {
+    chartType: { default: a.Line },
+    typeSwitcher: { type: Boolean, default: !0 },
+    header: { default: "" },
+    subheader: { default: "" },
+    subheaderTooltip: { default: null },
+    trendTooltip: { default: null },
+    compact: { type: Boolean, default: !1 },
+    trendValue: { default: null },
+    trendDirection: { default: L.UP }
+  },
+  emits: ["update:chartType"],
+  setup(b, { emit: v }) {
+    const t = b, V = v, d = [
+      { id: a.Line, icon: "chart-line-up" },
+      { id: a.Bar, icon: "chart-bar" },
+      { id: a.StackedLine, icon: "chart-line" }
+    ], n = p({
+      get() {
+        return d.find(({ id: e }) => e === t.chartType);
+      },
+      set(e) {
+        V("update:chartType", e.id);
+      }
+    }), i = p(() => ({
+      value: t.trendValue,
+      direction: t.trendDirection,
+      trendTooltip: t.trendTooltip
+    }));
+    return (e, u) => (r(), w("div", {
+      class: C(["chart-header", { "chart-header--compact": e.compact }])
+    }, [
+      s("div", E, [
+        c(z, {
+          subheader: e.subheader,
+          "subheader-tooltip": e.subheaderTooltip,
+          "show-separator": e.compact && (!!e.header || !!e.trendValue)
+        }, B({ _: 2 }, [
+          e.$slots["subheader-tooltip"] ? {
+            name: "subheader-tooltip",
+            fn: h(() => [
+              g(e.$slots, "subheader-tooltip", {}, void 0, !0)
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["subheader", "subheader-tooltip", "show-separator"]),
+        s("div", U, [
+          c(m(P), {
+            class: "header-text",
+            variant: e.compact ? "h5" : "chart2"
+          }, {
+            default: h(() => [
+              D(N(e.header), 1)
+            ]),
+            _: 1
+          }, 8, ["variant"]),
+          !e.compact && e.trendValue !== null ? (r(), o(T, f(y({ key: 0 }, i.value)), null, 16)) : l("", !0)
+        ]),
+        e.compact && e.trendValue !== null ? (r(), o(T, f(y({ key: 0 }, i.value)), null, 16)) : l("", !0)
+      ]),
+      e.typeSwitcher ? (r(), o(m(H), {
+        key: 0,
+        modelValue: n.value,
+        "onUpdate:modelValue": u[0] || (u[0] = (k) => n.value = k),
+        options: d
+      }, null, 8, ["modelValue"])) : l("", !0)
+    ], 2));
+  }
+});
+export {
+  G as default
+};

package/src/components/chart/ChartHeaderTrend.vue.js

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

package/src/components/chart/ChartHeaderTrend.vue2.js

@@ -0,0 +1,96 @@
+import { defineComponent as y, computed as g, openBlock as n, createElementBlock as T, normalizeClass as h, createVNode as u, unref as t, withCtx as r, createElementVNode as m, createBlock as d, createTextVNode as a, toDisplayString as p, createCommentVNode as l } from "vue";
+import i from "../typography/v4/Typography.vue.js";
+import C from "../icon/v4/IconV4.vue.js";
+import "../icon/v4/IconFlag.vue.js";
+import k from "../tooltip/v4/TooltipV4.vue.js";
+import { TrendDirection as f } from "./types.js";
+const b = { class: "trend-tooltip" }, _ = {
+  key: 2,
+  class: "separator"
+}, z = /* @__PURE__ */ y({
+  __name: "ChartHeaderTrend",
+  props: {
+    value: { default: null },
+    direction: { default: f.UP },
+    trendTooltip: { default: null }
+  },
+  setup(v) {
+    const s = v, c = g(
+      () => s.trendTooltip?.header || s.trendTooltip?.rangeCurrent || s.trendTooltip?.rangePrevious
+    );
+    return (e, o) => (n(), T("div", {
+      class: h(["chart-trend", [`chart-trend--${e.direction}`]])
+    }, [
+      u(t(k), {
+        disabled: !c.value
+      }, {
+        tooltip: r(() => [
+          m("div", b, [
+            e.trendTooltip?.header ? (n(), d(t(i), {
+              key: 0,
+              class: "trend-tooltip__header",
+              variant: "subtitle2"
+            }, {
+              default: r(() => [
+                a(p(e.trendTooltip.header), 1)
+              ]),
+              _: 1
+            })) : l("", !0),
+            e.trendTooltip?.rangeCurrent ? (n(), d(t(i), {
+              key: 1,
+              variant: "body2",
+              class: "trend-tooltip__text"
+            }, {
+              default: r(() => [
+                a(p(e.trendTooltip.rangeCurrent), 1)
+              ]),
+              _: 1
+            })) : l("", !0),
+            e.trendTooltip?.rangeCurrent && e.trendTooltip?.rangePrevious ? (n(), T("div", _, [
+              o[1] || (o[1] = m("hr", null, null, -1)),
+              u(t(i), {
+                class: "separator__text",
+                variant: "caption"
+              }, {
+                default: r(() => o[0] || (o[0] = [
+                  a(" vs. ")
+                ])),
+                _: 1
+              }),
+              o[2] || (o[2] = m("hr", null, null, -1))
+            ])) : l("", !0),
+            e.trendTooltip?.rangePrevious ? (n(), d(t(i), {
+              key: 3,
+              variant: "body2",
+              class: "trend-tooltip__text"
+            }, {
+              default: r(() => [
+                a(p(e.trendTooltip.rangePrevious), 1)
+              ]),
+              _: 1
+            })) : l("", !0)
+          ])
+        ]),
+        default: r(() => [
+          e.direction !== t(f).NEUTRAL ? (n(), d(t(C), {
+            key: 0,
+            class: "trend-icon",
+            type: "bold",
+            name: `arrow-${e.direction}`,
+            size: "15px"
+          }, null, 8, ["name"])) : l("", !0),
+          u(t(i), { variant: "chipLabel" }, {
+            default: r(() => [
+              a(p(e.value), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["disabled"])
+    ], 2));
+  }
+});
+export {
+  z as default
+};

package/src/components/chart/ChartLegend.vue.js

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