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

package/components/chart/ChartHeader.vue2.js

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

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

@@ -0,0 +1,48 @@
+import { TrendDirection } from '@/components/chart/types';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    value?: number | string;
+    direction?: TrendDirection;
+    trendTooltip?: {
+        header?: string;
+        rangeCurrent?: string;
+        rangePrevious?: string;
+    };
+}>, {
+    value: any;
+    direction: TrendDirection;
+    trendTooltip: any;
+}>, {}, 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<{
+    value?: number | string;
+    direction?: TrendDirection;
+    trendTooltip?: {
+        header?: string;
+        rangeCurrent?: string;
+        rangePrevious?: string;
+    };
+}>, {
+    value: any;
+    direction: TrendDirection;
+    trendTooltip: any;
+}>>>, {
+    value: number | string;
+    direction: TrendDirection;
+    trendTooltip: 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];
+} & {};

package/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";
+// 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/components/chart/ChartHeaderTrend.vue2.js

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

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

@@ -2,37 +2,61 @@ import { LegendItem } from '@/components/chart/types';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     items: LegendItem[];
     visibleIds: unknown[];
+    highlightedId?: string | number;
     minVisible?: number;
     maxVisible?: number;
     maxLimitTooltipText?: string;
+    sortSelected?: unknown;
+    sortOptions?: unknown[];
+    sortOptionNameKey?: string;
 }>, {
     items: () => any[];
     visibleIds: () => any[];
+    highlightedId: any;
     minVisible: number;
     maxVisible: number;
     maxLimitTooltipText: string;
+    sortSelected: any;
+    sortOptions: () => any[];
+    sortOptionNameKey: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:visibleIds": (visibleIds: unknown[]) => void;
+    "update:sortSelected": (sortOption: unknown) => void;
+    "update:highlightedId": (id: string | number) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     items: LegendItem[];
     visibleIds: unknown[];
+    highlightedId?: string | number;
     minVisible?: number;
     maxVisible?: number;
     maxLimitTooltipText?: string;
+    sortSelected?: unknown;
+    sortOptions?: unknown[];
+    sortOptionNameKey?: string;
 }>, {
     items: () => any[];
     visibleIds: () => any[];
+    highlightedId: any;
     minVisible: number;
     maxVisible: number;
     maxLimitTooltipText: string;
+    sortSelected: any;
+    sortOptions: () => any[];
+    sortOptionNameKey: string;
 }>>> & {
     "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
+    "onUpdate:sortSelected"?: (sortOption: unknown) => any;
+    "onUpdate:highlightedId"?: (id: string | number) => any;
 }, {
     items: LegendItem[];
     visibleIds: unknown[];
+    highlightedId: string | number;
     minVisible: number;
     maxVisible: number;
     maxLimitTooltipText: string;
+    sortSelected: any;
+    sortOptions: unknown[];
+    sortOptionNameKey: string;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/components/chart/ChartLegend.vue.js

@@ -1,7 +1,7 @@
 import e from "./ChartLegend.vue2.js";
 /* empty css                  */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../ChartLegend.vue_vue_type_style_index_0_scoped_4fe1c7d1_lang.css"; //*');
-const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-4fe1c7d1"]]);
+// import "../../ChartLegend.vue_vue_type_style_index_0_scoped_6103d8bd_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-6103d8bd"]]);
 export {
-  c as default
+  s as default
 };

package/components/chart/ChartLegend.vue2.js

@@ -1,132 +1,151 @@
- import "../../ChartLegend.vue_vue_type_style_index_0_scoped_4fe1c7d1_lang.css"; import { defineComponent as D, ref as M, computed as m, openBlock as r, createElementBlock as c, createElementVNode as d, createVNode as s, unref as o, mergeProps as I, withCtx as p, createTextVNode as b, Fragment as S, renderList as P, normalizeClass as A, withModifiers as F, createBlock as H, createCommentVNode as U, toDisplayString as L } from "vue";
-import { useVirtualList as z } from "@vueuse/core";
-import f from "../typography/v4/Typography.vue.js";
-import R from "../checkbox/v4/CheckboxV4.vue.js";
-import q from "../search/v4/SearchV4.vue.js";
-import { DEFAULT_MIN_VISIBLE as G, DEFAULT_MAX_VISIBLE as X } from "./consts.js";
-import $ from "../icon/v4/IconV4.vue.js";
+ import "../../ChartLegend.vue_vue_type_style_index_0_scoped_6103d8bd_lang.css"; import { defineComponent as F, ref as H, computed as v, openBlock as s, createElementBlock as u, createElementVNode as r, createVNode as c, unref as o, createBlock as g, isRef as R, createCommentVNode as x, mergeProps as T, withCtx as p, createTextVNode as I, Fragment as $, renderList as z, normalizeClass as K, withModifiers as q, toDisplayString as V } from "vue";
+import { useVModel as C, useVirtualList as G } from "@vueuse/core";
+import k from "../typography/v4/Typography.vue.js";
+import X from "../checkbox/v4/CheckboxV4.vue.js";
+import j from "../search/v4/SearchV4.vue.js";
+import { DEFAULT_MIN_VISIBLE as J, DEFAULT_MAX_VISIBLE as Q } from "./consts.js";
+import W from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
-import j from "../tooltip/v4/TooltipV4.vue.js";
-const J = { class: "chart-legend" }, K = { class: "search-box" }, O = {
+import Y from "../tooltip/v4/TooltipV4.vue.js";
+import Z from "./LegendSorting.vue.js";
+const ee = { class: "chart-legend" }, te = { class: "search-box" }, oe = {
   key: 0,
   class: "empty-list"
-}, Q = ["onClick"], W = { class: "label-container" }, ne = /* @__PURE__ */ D({
+}, le = ["onMouseenter"], ie = ["onClick"], se = { class: "label-container" }, be = /* @__PURE__ */ F({
   __name: "ChartLegend",
   props: {
     items: { default: () => [] },
     visibleIds: { default: () => [] },
-    minVisible: { default: G },
-    maxVisible: { default: X },
-    maxLimitTooltipText: { default: "" }
+    highlightedId: { default: null },
+    minVisible: { default: J },
+    maxVisible: { default: Q },
+    maxLimitTooltipText: { default: "" },
+    sortSelected: { default: null },
+    sortOptions: { default: () => [] },
+    sortOptionNameKey: { default: "" }
   },
-  emits: ["update:visibleIds"],
-  setup(h, { emit: g }) {
-    const l = h, k = 32, u = M(""), T = m(() => {
-      const t = u.value.toLowerCase();
+  emits: ["update:visibleIds", "update:sortSelected", "update:highlightedId"],
+  setup(a, { emit: m }) {
+    const l = a, M = 32, h = C(l, "sortSelected", m), y = C(l, "highlightedId", m), w = (t) => {
+      y.value = n(t) ? t.id : null;
+    }, E = () => {
+      y.value = null;
+    }, f = H(""), S = v(() => {
+      const t = f.value.toLowerCase();
       return l.items.filter(
         (i) => i.label.toLowerCase().includes(t)
       );
-    }), a = (t) => l.visibleIds.includes(t.id), v = m(
+    }), n = (t) => l.visibleIds.includes(t.id), L = v(
       () => l.visibleIds.length >= l.maxVisible
-    ), y = m(
+    ), N = v(
       () => l.visibleIds.length <= l.minVisible
-    ), n = (t) => y.value && a(t) || v.value && !a(t), C = (t) => !l.maxLimitTooltipText || a(t) || !v.value, V = (t, i) => {
-      g(
+    ), d = (t) => N.value && n(t) || L.value && !n(t), B = (t) => !l.maxLimitTooltipText || n(t) || !L.value, D = (t, i) => {
+      m(
         "update:visibleIds",
         t ? [...l.visibleIds, i.id] : l.visibleIds.filter((e) => e !== i.id)
       );
-    }, { list: x, containerProps: w, wrapperProps: E } = z(T, {
-      itemHeight: k,
+    }, { list: _, containerProps: O, wrapperProps: P } = G(S, {
+      itemHeight: M,
       overscan: 10
-    }), N = (t) => {
-      n(t) || V(!a(t), t);
+    }), U = (t) => {
+      d(t) || D(!n(t), t);
     };
-    return (t, i) => (r(), c("div", J, [
-      d("div", K, [
-        s(o(q), {
-          modelValue: u.value,
-          "onUpdate:modelValue": i[0] || (i[0] = (e) => u.value = e)
-        }, null, 8, ["modelValue"])
+    return (t, i) => (s(), u("div", ee, [
+      r("div", te, [
+        c(o(j), {
+          modelValue: f.value,
+          "onUpdate:modelValue": i[0] || (i[0] = (e) => f.value = e)
+        }, null, 8, ["modelValue"]),
+        a.sortOptions?.length > 0 ? (s(), g(Z, {
+          key: 0,
+          selected: o(h),
+          "onUpdate:selected": i[1] || (i[1] = (e) => R(h) ? h.value = e : null),
+          options: a.sortOptions,
+          "option-name-key": a.sortOptionNameKey
+        }, null, 8, ["selected", "options", "option-name-key"])) : x("", !0)
       ]),
-      d("div", I({ class: "legend" }, o(w)), [
-        d("ul", I({ class: "legend__list" }, o(E)), [
-          o(x).length === 0 ? (r(), c("li", O, [
-            s(o(f), { variant: "body2" }, {
+      r("div", T({ class: "legend" }, o(O)), [
+        r("ul", T({ class: "legend__list" }, o(P)), [
+          o(_).length === 0 ? (s(), u("li", oe, [
+            c(o(k), { variant: "body2" }, {
               default: p(() => [
-                b("No results")
+                I("No results")
               ]),
               _: 1
             })
-          ])) : (r(!0), c(S, { key: 1 }, P(o(x), ({ data: e, index: B }) => (r(), c("li", {
-            key: B,
-            class: A({ "disabled-item": n(e) })
+          ])) : (s(!0), u($, { key: 1 }, z(o(_), ({ data: e, index: A }) => (s(), u("li", {
+            key: A,
+            class: K({ "disabled-item": d(e) }),
+            onMouseenter: (b) => w(e),
+            onMouseleave: E
           }, [
-            s(o(j), {
-              text: h.maxLimitTooltipText,
-              disabled: C(e),
+            c(o(Y), {
+              text: a.maxLimitTooltipText,
+              disabled: B(e),
               class: "disabled-tooltip"
             }, {
               default: p(() => [
-                d("div", {
+                r("div", {
                   class: "item-wrapper",
-                  onClick: (_) => N(e)
+                  onClick: (b) => U(e)
                 }, [
-                  s(o(R), {
+                  c(o(X), {
                     color: e.color,
-                    "is-checked": a(e),
-                    disabled: n(e),
-                    onClick: i[1] || (i[1] = F(
-                      (_) => {
-                        _.stopPropagation();
+                    "is-checked": n(e),
+                    disabled: d(e),
+                    onClick: i[2] || (i[2] = q(
+                      (b) => {
+                        b.stopPropagation();
                       },
                       ["stop"]
                     ))
                   }, null, 8, ["color", "is-checked", "disabled"]),
-                  e.icon ? (r(), H(o($), {
+                  e.icon ? (s(), g(o(W), {
                     key: 0,
                     class: "icon-color",
                     type: e.iconType,
                     name: e.icon,
                     size: "16px"
-                  }, null, 8, ["type", "name"])) : U("", !0),
-                  d("div", W, [
-                    s(o(f), {
+                  }, null, 8, ["type", "name"])) : x("", !0),
+                  r("div", se, [
+                    c(o(k), {
                       variant: "body2",
                       class: "legend-label",
                       "is-truncated": "",
-                      "with-tooltip": !n(e),
+                      "with-tooltip": !d(e),
                       "tooltip-text": e.label,
                       "tooltip-placement": "left"
                     }, {
                       default: p(() => [
-                        b(L(e.label), 1)
+                        I(V(e.label), 1)
                       ]),
                       _: 2
                     }, 1032, ["with-tooltip", "tooltip-text"]),
-                    s(o(f), {
+                    e.caption ? (s(), g(o(k), {
+                      key: 0,
                       variant: "caption",
                       class: "legend-caption legend-label",
                       "is-truncated": "",
-                      "with-tooltip": !n(e),
+                      "with-tooltip": !d(e),
                       "tooltip-text": e.caption,
                       "tooltip-placement": "left"
                     }, {
                       default: p(() => [
-                        b(L(e.caption), 1)
+                        I(V(e.caption), 1)
                       ]),
                       _: 2
-                    }, 1032, ["with-tooltip", "tooltip-text"])
+                    }, 1032, ["with-tooltip", "tooltip-text"])) : x("", !0)
                   ])
-                ], 8, Q)
+                ], 8, ie)
               ]),
               _: 2
             }, 1032, ["text", "disabled"])
-          ], 2))), 128))
+          ], 42, le))), 128))
         ], 16)
       ], 16)
     ]));
   }
 });
 export {
-  ne as default
+  be as default
 };