@ironsource/shared-ui 2.1.12-rc.20 → 2.1.12-rc.21

package/Chart.vue_vue_type_style_index_0_scoped_03771fa3_lang.css

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

package/components/chart/Chart.vue.js

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

package/components/chart/Chart.vue2.js

@@ -1,8 +1,8 @@
- import "../../Chart.vue_vue_type_style_index_0_scoped_64205c96_lang.css"; import { defineComponent as U, ref as O, computed as n, openBlock as s, createElementBlock as m, Fragment as C, createBlock as I, unref as i, isRef as b, withCtx as d, renderSlot as u, createCommentVNode as D, createElementVNode as k, mergeProps as y, normalizeClass as E, createVNode as L, createSlots as N, renderList as M } from "vue";
+ import "../../Chart.vue_vue_type_style_index_0_scoped_03771fa3_lang.css"; import { defineComponent as U, ref as O, computed as n, openBlock as s, createElementBlock as m, Fragment as C, createBlock as I, unref as i, isRef as b, withCtx as d, renderSlot as u, createCommentVNode as D, createElementVNode as k, mergeProps as g, normalizeClass as E, createVNode as L, createSlots as N, renderList as M } from "vue";
 import { useVModel as A } from "@vueuse/core";
 import $ from "./ChartLegend.vue.js";
 import K from "./SettingsHeader.vue.js";
-import V from "./ChartPlane.vue.js";
+import B from "./ChartPlane.vue.js";
 import { useColorsMap as z } from "./composables/useColorsMap.js";
 import { DEFAULT_TICK_COUNT as R, DEFAULT_MIN_VISIBLE as X, DEFAULT_MAX_VISIBLE as Y } from "./consts.js";
 import { ChartType as j, DateInterval as q, TooltipOrder as G, TrendDirection as J } from "./types.js";
@@ -56,7 +56,7 @@ const _ = {
   },
   emits: ["update:chartType", "update:visibleIds", "update:sortSelected"],
   setup(a, { emit: p }) {
-    const e = a, r = A(e, "chartType", p), h = A(e, "sortSelected", p), c = O(null), g = n(() => ({
+    const e = a, r = A(e, "chartType", p), c = A(e, "sortSelected", p), h = O(null), y = n(() => ({
       dataSets: e.dataSets,
       visibleIds: e.visibleIds,
       parsing: e.parsing,
@@ -86,11 +86,11 @@ const _ = {
       tooltipTotalType: e.tooltipTotalType,
       tooltipTotalCalcFn: e.tooltipTotalCalcFn,
       tooltipOrder: e.tooltipOrder,
-      highlightedId: c.value,
+      highlightedId: h.value,
       valueSuffix: e.valueSuffix,
       valuePrefix: e.valuePrefix
-    })), B = n(() => e.dataSets), v = n(() => e.visibleIds), T = n(() => e.extraCharts.length), x = n(() => 1 + T.value), F = (t) => t === T.value - 1, { colorsMap: f } = z({
-      dataSets: B,
+    })), V = n(() => e.dataSets), v = n(() => e.visibleIds), T = n(() => e.extraCharts.length), x = n(() => 1 + T.value), F = (t) => t === T.value - 1, { colorsMap: f } = z({
+      dataSets: V,
       visibleIds: v
     }), w = n(() => e.dataSets.map((t) => ({
       id: t.id,
@@ -101,7 +101,8 @@ const _ = {
       iconType: t.iconType || "branded"
     }))), { containerProps: H, eachPlaneHeight: P } = Q({
       chartPlanesCount: x,
-      useFullHeight: e.fullHeight
+      useFullHeight: e.fullHeight,
+      bottomSpacing: e.fullHeightBottomSpacing
     });
     return (t, o) => (s(), m(C, null, [
       a.withSettingsHeader ? (s(), I(K, {
@@ -121,14 +122,14 @@ const _ = {
         ]),
         _: 3
       }, 8, ["chart-type", "hide-legend"])) : D("", !0),
-      k("div", y({ class: "chart-container" }, i(H)), [
+      k("div", g({ class: "chart-container" }, i(H)), [
         k("section", {
           class: E(["chart-planes", [{ "with-legend": !a.hideLegend }]])
         }, [
-          L(V, y({
+          L(B, g({
             "chart-type": i(r),
             "onUpdate:chart-type": o[1] || (o[1] = (l) => b(r) ? r.value = l : null)
-          }, i(g)), N({ _: 2 }, [
+          }, i(y)), N({ _: 2 }, [
             t.$slots["subheader-tooltip"] ? {
               name: "subheader-tooltip",
               fn: d(() => [
@@ -137,10 +138,10 @@ const _ = {
               key: "0"
             } : void 0
           ]), 1040, ["chart-type"]),
-          (s(!0), m(C, null, M(a.extraCharts, (l, S) => (s(), I(V, y({
+          (s(!0), m(C, null, M(a.extraCharts, (l, S) => (s(), I(B, g({
             key: S,
             class: "extra-chart-plane"
-          }, { ...i(g), ...l }, {
+          }, { ...i(y), ...l }, {
             "chart-type": i(r),
             "colors-map": i(f),
             "type-switcher": !1,
@@ -149,10 +150,10 @@ const _ = {
         ], 2),
         a.hideLegend ? D("", !0) : (s(), m("section", _, [
           L($, {
-            "sort-selected": i(h),
-            "onUpdate:sort-selected": o[2] || (o[2] = (l) => b(h) ? h.value = l : null),
-            "highlighted-id": c.value,
-            "onUpdate:highlighted-id": o[3] || (o[3] = (l) => c.value = l),
+            "sort-selected": i(c),
+            "onUpdate:sort-selected": o[2] || (o[2] = (l) => b(c) ? c.value = l : null),
+            "highlighted-id": h.value,
+            "onUpdate:highlighted-id": o[3] || (o[3] = (l) => h.value = l),
             items: i(w),
             "visible-ids": i(v),
             "max-limit-tooltip-text": a.maxLimitTooltipText,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.1.12-rc.20",
+  "version": "2.1.12-rc.21",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/Chart.vue_vue_type_style_index_0_scoped_64205c96_lang.css

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