@ironsource/shared-ui 2.1.11-test.26 → 2.1.11-test.41

package/components/chart/ChartHeader.vue2.js

@@ -1,66 +1,69 @@
- import "../../ChartHeader.vue_vue_type_style_index_0_scoped_4c37736e_lang.css"; import { defineComponent as y, computed as T, openBlock as c, createElementBlock as x, createElementVNode as V, createVNode as d, unref as t, withCtx as i, createTextVNode as u, toDisplayString as s, createBlock as b, isRef as g, createCommentVNode as k } from "vue";
+ 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 v from "../switch/v4/SwitchV4.vue.js";
+import B from "../switch/v4/SwitchV4.vue.js";
 import { ChartType as r } from "./types.js";
-import B from "../tooltip/v4/TooltipV4.vue.js";
-const C = { class: "chart-header" }, S = { class: "header-texts" }, E = /* @__PURE__ */ y({
+import k from "../tooltip/v4/TooltipV4.vue.js";
+const C = { class: "chart-header" }, x = { class: "header-texts" }, D = /* @__PURE__ */ y({
   __name: "ChartHeader",
   props: {
     chartType: { default: r.Line },
     withSettingsHeader: { type: Boolean, default: !0 },
     header: { default: "" },
     subheader: { default: "" },
-    subheaderTooltip: { default: "" }
+    withSubheaderTooltip: { type: Boolean, default: !1 }
   },
   emits: ["update:chartType"],
   setup(e, { emit: p }) {
-    const m = e, n = [
+    const m = e, l = [
       { id: r.Line, icon: "chart-line-up" },
       { id: r.Bar, icon: "chart-bar" },
       { id: r.StackedLine, icon: "chart-line" }
-    ], o = T({
+    ], d = T({
       get() {
-        return n.find(({ id: a }) => a === m.chartType);
+        return l.find(({ id: t }) => t === m.chartType);
       },
-      set(a) {
-        p("update:chartType", a.id);
+      set(t) {
+        p("update:chartType", t.id);
       }
     });
-    return (a, l) => (c(), x("div", C, [
-      V("div", S, [
-        d(t(B), {
-          text: e.subheaderTooltip,
-          placement: "right"
+    return (t, n) => (c(), b("div", C, [
+      S("div", x, [
+        i(a(k), {
+          placement: "right",
+          disabled: !e.withSubheaderTooltip
         }, {
-          default: i(() => [
-            d(t(h), {
+          tooltip: o(() => [
+            V(t.$slots, "subheader-tooltip", {}, void 0, !0)
+          ]),
+          default: o(() => [
+            i(a(h), {
               class: "subheader",
               variant: "h5"
             }, {
-              default: i(() => [
-                u(s(e.subheader), 1)
+              default: o(() => [
+                s(u(e.subheader), 1)
               ]),
               _: 1
             })
           ]),
-          _: 1
-        }, 8, ["text"]),
-        d(t(h), { variant: "chart2" }, {
-          default: i(() => [
-            u(s(e.header), 1)
+          _: 3
+        }, 8, ["disabled"]),
+        i(a(h), { variant: "chart2" }, {
+          default: o(() => [
+            s(u(e.header), 1)
           ]),
           _: 1
         })
       ]),
-      e.withSettingsHeader ? k("", !0) : (c(), b(t(v), {
+      e.withSettingsHeader ? w("", !0) : (c(), g(a(B), {
         key: 0,
-        modelValue: t(o),
-        "onUpdate:modelValue": l[0] || (l[0] = (f) => g(o) ? o.value = f : null),
-        options: n
+        modelValue: a(d),
+        "onUpdate:modelValue": n[0] || (n[0] = (f) => v(d) ? d.value = f : null),
+        options: l
       }, null, 8, ["modelValue"]))
     ]));
   }
 });
 export {
-  E as default
+  D as default
 };

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

@@ -4,11 +4,13 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     visibleIds: unknown[];
     minVisible?: number;
     maxVisible?: number;
+    maxLimitTooltipText?: string;
 }>, {
     items: () => any[];
     visibleIds: () => any[];
     minVisible: number;
     maxVisible: number;
+    maxLimitTooltipText: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:visibleIds": (visibleIds: unknown[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -16,11 +18,13 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     visibleIds: unknown[];
     minVisible?: number;
     maxVisible?: number;
+    maxLimitTooltipText?: string;
 }>, {
     items: () => any[];
     visibleIds: () => any[];
     minVisible: number;
     maxVisible: number;
+    maxLimitTooltipText: string;
 }>>> & {
     "onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
 }, {
@@ -28,6 +32,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     visibleIds: unknown[];
     minVisible: number;
     maxVisible: number;
+    maxLimitTooltipText: 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_c0f71a49_lang.css"; //*');
-const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-c0f71a49"]]);
+// import "../../ChartLegend.vue_vue_type_style_index_0_scoped_a1c626cd_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-a1c626cd"]]);
 export {
-  a as default
+  s as default
 };

package/components/chart/ChartLegend.vue2.js

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

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

@@ -1,8 +1,7 @@
-import { TooltipItem } from 'chart.js';
-import { ValueFormat } from '@/components/chart/types';
+import { MyTooltipItem, ValueFormat } from '@/components/chart/types';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     title?: string;
-    dataPoints: TooltipItem<'line'>[];
+    dataPoints: MyTooltipItem<'line'>[];
     xAxisFormat?: ValueFormat;
     yAxisFormat?: ValueFormat;
     totalLabel?: string;
@@ -16,7 +15,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     totalValue: 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<{
     title?: string;
-    dataPoints: TooltipItem<'line'>[];
+    dataPoints: MyTooltipItem<'line'>[];
     xAxisFormat?: ValueFormat;
     yAxisFormat?: ValueFormat;
     totalLabel?: string;
@@ -30,7 +29,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     totalValue: any;
 }>>>, {
     title: string;
-    dataPoints: TooltipItem<'line'>[];
+    dataPoints: MyTooltipItem<'line'>[];
     xAxisFormat: ValueFormat;
     yAxisFormat: ValueFormat;
     totalLabel: string;

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_ec636f18_lang.css"; //*');
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ec636f18"]]);
+// import "../../ChartTooltip.vue_vue_type_style_index_0_scoped_6744325c_lang.css"; //*');
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6744325c"]]);
 export {
   s as default
 };

package/components/chart/ChartTooltip.vue2.js

@@ -1,10 +1,15 @@
- import "../../ChartTooltip.vue_vue_type_style_index_0_scoped_ec636f18_lang.css"; import { defineComponent as y, computed as b, openBlock as a, createElementBlock as s, createElementVNode as u, createBlock as g, unref as e, withCtx as l, createTextVNode as o, toDisplayString as r, createCommentVNode as f, Fragment as h, renderList as k, normalizeStyle as v, createVNode as d } from "vue";
-import i from "../typography/v4/Typography.vue.js";
-import { formatValue as c } from "./utils/utils.js";
-const F = { class: "chart-tooltip" }, V = { class: "tooltip-title" }, p = { class: "list" }, A = {
+ import "../../ChartTooltip.vue_vue_type_style_index_0_scoped_6744325c_lang.css"; import { defineComponent as b, computed as x, openBlock as l, createElementBlock as c, createVNode as o, unref as t, withCtx as r, createTextVNode as i, toDisplayString as s, createCommentVNode as m, createElementVNode as f, Fragment as v, renderList as F, normalizeStyle as h, createBlock as g } from "vue";
+import n from "../typography/v4/Typography.vue.js";
+import { formatValue as d } from "./utils/utils.js";
+import k 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" }, _ = {
+  key: 1,
   class: "tooltip-footer"
-}, T = /* @__PURE__ */ y({
+}, I = /* @__PURE__ */ b({
   __name: "ChartTooltip",
   props: {
     title: { default: "" },
@@ -14,68 +19,84 @@ const F = { class: "chart-tooltip" }, V = { class: "tooltip-title" }, p = { clas
     totalLabel: { default: "Total" },
     totalValue: { default: null }
   },
-  setup(t) {
-    const m = t, x = b(() => m.xAxisFormat === "date" ? "dateLong" : m.xAxisFormat);
-    return (C, _) => (a(), s("div", F, [
-      u("div", V, [
-        t.title ? (a(), g(e(i), {
-          key: 0,
-          variant: "subtitle2"
+  setup(e) {
+    const u = e, y = x(() => u.xAxisFormat === "date" ? "dateLong" : u.xAxisFormat), p = x(() => u.xAxisFormat === "date" ? "day" : u.xAxisFormat);
+    return (w, B) => (l(), c("div", A, [
+      e.title ? (l(), c("div", V, [
+        o(t(n), { variant: "subtitle2" }, {
+          default: r(() => [
+            i(s(t(d)(e.title, t(y))), 1)
+          ]),
+          _: 1
+        }),
+        o(t(n), {
+          class: "tooltip-sub-title",
+          variant: "caption"
         }, {
-          default: l(() => [
-            o(r(e(c)(t.title, e(x))), 1)
+          default: r(() => [
+            i(s(t(d)(e.title, t(p))), 1)
           ]),
           _: 1
-        })) : f("", !0)
-      ]),
-      u("ul", p, [
-        (a(!0), s(h, null, k(t.dataPoints, (n) => (a(), s("li", {
-          key: n.datasetIndex,
+        })
+      ])) : m("", !0),
+      f("ul", C, [
+        (l(!0), c(v, null, F(e.dataPoints, (a) => (l(), c("li", {
+          key: a.datasetIndex,
           class: "list__item"
         }, [
-          u("span", {
+          f("span", {
             class: "color-box",
-            style: v({
-              backgroundColor: String(n.dataset.pointBackgroundColor)
+            style: h({
+              backgroundColor: String(a.dataset.pointBackgroundColor)
             })
           }, null, 4),
-          d(e(i), {
-            variant: "body2",
-            class: "flex-grow"
-          }, {
-            default: l(() => [
-              o(r(n.dataset.label), 1)
-            ]),
-            _: 2
-          }, 1024),
-          d(e(i), { variant: "body2" }, {
-            default: l(() => [
-              o(r(e(c)(n.parsed.y, t.yAxisFormat)), 1)
+          a.dataset.icon ? (l(), g(t(k), {
+            key: 0,
+            class: "platform-icon",
+            type: a.dataset.iconType,
+            name: a.dataset.icon,
+            size: "16px"
+          }, null, 8, ["type", "name"])) : m("", !0),
+          f("div", T, [
+            o(t(n), {
+              variant: "body2",
+              class: "flex-grow truncated-label",
+              "is-truncated": ""
+            }, {
+              default: r(() => [
+                i(s(a.dataset.label), 1)
+              ]),
+              _: 2
+            }, 1024)
+          ]),
+          o(t(n), { variant: "body2" }, {
+            default: r(() => [
+              i(s(t(d)(a.parsed.y, e.yAxisFormat)), 1)
             ]),
             _: 2
           }, 1024)
         ]))), 128))
       ]),
-      t.totalValue !== null ? (a(), s("div", A, [
-        d(e(i), {
+      e.totalValue !== null ? (l(), c("div", _, [
+        o(t(n), {
           variant: "body2",
           class: "flex-grow"
         }, {
-          default: l(() => [
-            o(r(t.totalLabel), 1)
+          default: r(() => [
+            i(s(e.totalLabel), 1)
           ]),
           _: 1
         }),
-        d(e(i), { variant: "body2" }, {
-          default: l(() => [
-            o(r(e(c)(t.totalValue, t.yAxisFormat)), 1)
+        o(t(n), { variant: "body2" }, {
+          default: r(() => [
+            i(s(t(d)(e.totalValue, e.yAxisFormat)), 1)
           ]),
           _: 1
         })
-      ])) : f("", !0)
+      ])) : m("", !0)
     ]));
   }
 });
 export {
-  T as default
+  I as default
 };