@ironsource/shared-ui 2.1.12-test.65 → 2.1.12-test.67

package/ChartHeader.vue_vue_type_style_index_0_scoped_da34b108_lang.css

@@ -0,0 +1 @@
+.chart-header[data-v-da34b108]{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0}.chart-header--compact[data-v-da34b108]{padding-top:22px}.chart-header--compact .header-texts[data-v-da34b108]{flex-direction:row}.chart-header--compact .header-text[data-v-da34b108]{color:var(--text-secondary)}.header-row[data-v-da34b108]{display:flex;align-items:flex-end;gap:4px}.header-texts[data-v-da34b108]{display:flex;flex-direction:column;color:var(--text-primary);gap:4px;cursor:default}

package/ChartPlane.vue_vue_type_style_index_0_scoped_5c80d8cd_lang.css

@@ -0,0 +1 @@
+.chart-plane-container[data-v-5c80d8cd]{--headerHeight: var(--1ae03326);width:100%;height:var(--42303d50);position:relative}.header-wrapper[data-v-5c80d8cd]{position:absolute;width:100%;height:var(--headerHeight);top:0;z-index:1}.chart-plane[data-v-5c80d8cd]{padding-top:var(--headerHeight);height:100%}.chart[data-v-5c80d8cd]{width:100%;height:100%;position:relative}.chart__canvas[data-v-5c80d8cd]{width:100%;height:100%}.chart__tooltip[data-v-5c80d8cd]{position:absolute;pointer-events:none;transition:all .1s ease;min-width:214px;max-width:270px;z-index:1}

package/ChartTooltip.vue_vue_type_style_index_0_scoped_9e521454_lang.css

@@ -0,0 +1 @@
+.chart-tooltip[data-v-9e521454]{color:var(--text-primary);background:var(--common-white);box-shadow:0 4px 8px -2px #1018281f;border:1px solid var(--common-divider-elevation-0);border-radius:var(--border-radius-md);width:280px;padding:calc(var(--spacing-100) - 1px)}.color-box[data-v-9e521454]{width:12px;height:12px;border-radius:2px;display:inline-block;margin-right:var(--spacing-100)}.color-box+.platform-icon[data-v-9e521454]{margin-left:calc(var(--spacing-50) - var(--spacing-100))}.list[data-v-9e521454]{list-style:none;margin:0;padding:0}.list__item[data-v-9e521454]{display:flex;align-items:center;margin-bottom:var(--spacing-50);color:var(--text-secondary)}.list__item[data-v-9e521454]:last-child{margin-bottom:0}.platform-icon[data-v-9e521454]{color:var(--action-active);margin-right:var(--spacing-50)}.popover-label-wrapper[data-v-9e521454]{display:flex;width:200px;flex-grow:1}.truncated-label[data-v-9e521454]{max-width:90%}.tooltip-footer[data-v-9e521454]{display:flex;align-items:center;margin-top:var(--spacing-100);color:var(--text-primary)}.flex-grow[data-v-9e521454]{flex-grow:1}

package/SubHeader.vue_vue_type_style_index_0_scoped_e6008b6c_lang.css

@@ -0,0 +1 @@
+.header-row[data-v-e6008b6c]{display:flex;align-items:flex-end;gap:4px}.subheader[data-v-e6008b6c]{color:var(--text-secondary)}.subheader-tooltip[data-v-e6008b6c]{display:flex;flex-direction:column;gap:.25rem}.subheader-tooltip__text[data-v-e6008b6c]{color:var(--text-secondary)}

package/TooltipHeader.vue_vue_type_style_index_0_scoped_9f6cf389_lang.css

@@ -0,0 +1 @@
+.tooltip-title-wrapper[data-v-9f6cf389]{display:flex;flex-direction:column;color:var(--text-primary);margin-bottom:var(--spacing-100)}.tooltip-title-wrapper .main-title[data-v-9f6cf389]{display:flex;align-items:center;gap:.25rem}.tooltip-title-wrapper .title-text[data-v-9f6cf389]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tooltip-title-wrapper .title-image[data-v-9f6cf389]{width:20px;height:20px;border-radius:4px}.tooltip-title-wrapper .tooltip-sub-title[data-v-9f6cf389]{color:var(--text-secondary)}.tooltip-title-wrapper .platform-icon[data-v-9f6cf389]{color:var(--action-active)}

package/components/chart/ChartHeader.vue.js

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

package/components/chart/ChartHeader.vue2.js

@@ -1,9 +1,9 @@
- import "../../ChartHeader.vue_vue_type_style_index_0_scoped_b6dcf46b_lang.css"; import { defineComponent as k, computed as h, openBlock as o, createElementBlock as S, normalizeClass as w, createElementVNode as m, createVNode as p, createSlots as C, withCtx as f, renderSlot as B, unref as a, createTextVNode as g, toDisplayString as x, createBlock as n, normalizeProps as y, mergeProps as T, createCommentVNode as i, isRef as D } from "vue";
+ import "../../ChartHeader.vue_vue_type_style_index_0_scoped_da34b108_lang.css"; import { defineComponent as k, computed as h, openBlock as o, createElementBlock as S, normalizeClass as w, createElementVNode as m, createVNode as p, createSlots as C, withCtx as f, renderSlot as B, unref as a, createTextVNode as g, toDisplayString as x, createBlock as n, normalizeProps as y, mergeProps as T, createCommentVNode as i, isRef as D } from "vue";
 import N from "../typography/v4/Typography.vue.js";
 import P from "../switch/v4/SwitchV4.vue.js";
 import { ChartType as d, TrendDirection as H } from "./types.js";
 import b from "./ChartHeaderTrend.vue.js";
-import L from "./components/SubHeader.vue.js";
+import L from "./SubHeader.vue.js";
 const z = { class: "header-texts" }, E = { class: "header-row" }, A = /* @__PURE__ */ k({
   __name: "ChartHeader",
   props: {

package/components/chart/ChartPlane.vue.js

@@ -1,7 +1,7 @@
 import o from "./ChartPlane.vue2.js";
 /* empty css                 */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../ChartPlane.vue_vue_type_style_index_0_scoped_4bd7bf53_lang.css"; //*');
-const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-4bd7bf53"]]);
+// import "../../ChartPlane.vue_vue_type_style_index_0_scoped_5c80d8cd_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-5c80d8cd"]]);
 export {
-  a as default
+  s as default
 };

package/components/chart/ChartPlane.vue2.js

@@ -1,4 +1,4 @@
- import "../../ChartPlane.vue_vue_type_style_index_0_scoped_4bd7bf53_lang.css"; import { defineComponent as re, useCssVars as ie, unref as s, computed as l, ref as k, onMounted as ne, watch as T, nextTick as se, openBlock as p, createElementBlock as S, createVNode as ce, isRef as de, createSlots as ue, withCtx as pe, renderSlot as fe, createCommentVNode as A, createElementVNode as x, normalizeStyle as he, createBlock as L } from "vue";
+ import "../../ChartPlane.vue_vue_type_style_index_0_scoped_5c80d8cd_lang.css"; import { defineComponent as re, useCssVars as ie, unref as s, computed as l, ref as k, onMounted as ne, watch as T, nextTick as se, openBlock as p, createElementBlock as S, createVNode as ce, isRef as de, createSlots as ue, withCtx as pe, renderSlot as fe, createCommentVNode as A, createElementVNode as x, normalizeStyle as he, createBlock as L } from "vue";
 import { Chart as F, ArcElement as me, LineElement as ve, BarElement as ye, PointElement as Te, LineController as Ce, BarController as ge, PieController as be, ScatterController as ke, CategoryScale as Se, LinearScale as Ae, Filler as xe, Tooltip as Le } from "chart.js";
 import { HoverVerticalLine as Ee } from "./plugins/HoverVerticalLine.js";
 import { prepareTickLabel as Re, formatValue as Be, calcStepSize as Oe } from "./utils/utils.js";
@@ -60,8 +60,8 @@ const qe = { class: "chart-plane-container" }, Je = {
   setup(o, { emit: $ }) {
     const t = o;
     ie((e) => ({
-      "0917a655": s(te),
-      64820940: o.height
+      "1ae03326": s(te),
+      "42303d50": o.height
     }));
     const W = Ue(Re);
     F.register(
@@ -334,8 +334,8 @@ const qe = { class: "chart-plane-container" }, Je = {
               "data-points": d.value.dataPoints,
               "x-axis-format": o.xAxisFormat,
               "y-axis-format": o.yAxisFormat,
-              "total-label": d.value.footer[0],
-              "total-value": Number(d.value.footer[1])
+              "total-label": d.value.footer?.[0],
+              "total-value": Number(d.value.footer?.[1])
             }, null, 8, ["totals-chart", "title", "data-points", "x-axis-format", "y-axis-format", "total-label", "total-value"])) : A("", !0)
           ], 4)
         ])

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_c1dea89a_lang.css"; //*');
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c1dea89a"]]);
+// import "../../ChartTooltip.vue_vue_type_style_index_0_scoped_9e521454_lang.css"; //*');
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9e521454"]]);
 export {
-  p as default
+  s as default
 };

package/components/chart/ChartTooltip.vue2.js

@@ -1,9 +1,9 @@
- import "../../ChartTooltip.vue_vue_type_style_index_0_scoped_c1dea89a_lang.css"; import { defineComponent as y, openBlock as a, createElementBlock as o, createBlock as u, createCommentVNode as r, Fragment as x, renderList as h, createElementVNode as m, normalizeStyle as p, unref as l, createVNode as s, withCtx as i, createTextVNode as n, toDisplayString as d } from "vue";
+ import "../../ChartTooltip.vue_vue_type_style_index_0_scoped_9e521454_lang.css"; import { defineComponent as y, openBlock as a, createElementBlock as o, createBlock as u, createCommentVNode as r, Fragment as x, renderList as h, createElementVNode as m, normalizeStyle as p, unref as l, createVNode as s, withCtx as i, createTextVNode as n, toDisplayString as d } from "vue";
 import c from "../typography/v4/Typography.vue.js";
 import b from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
 import { formatValue as f } from "./utils/utils.js";
-import k from "./components/TooltipHeader.vue.js";
+import k from "./TooltipHeader.vue.js";
 const C = { class: "chart-tooltip" }, g = {
   key: 1,
   class: "list"

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
+};

package/components/chart/{components/SubHeader.vue2.js → SubHeader.vue2.js}

@@ -1,6 +1,6 @@
-import { defineComponent as b, useSlots as f, computed as m, openBlock as a, createElementBlock as T, createVNode as u, unref as t, withCtx as o, renderSlot as x, createElementVNode as y, createBlock as i, createTextVNode as r, toDisplayString as d, createCommentVNode as h } from "vue";
-import l from "../../typography/v4/Typography.vue.js";
-import S from "../../tooltip/v4/TooltipV4.vue.js";
+ import "../../SubHeader.vue_vue_type_style_index_0_scoped_e6008b6c_lang.css"; import { defineComponent as b, useSlots as f, computed as m, openBlock as a, createElementBlock as T, createVNode as u, unref as t, withCtx as o, renderSlot as x, createElementVNode as y, createBlock as i, createTextVNode as r, toDisplayString as d, createCommentVNode as h } from "vue";
+import l from "../typography/v4/Typography.vue.js";
+import S from "../tooltip/v4/TooltipV4.vue.js";
 const k = { class: "header-row" }, v = { class: "subheader-tooltip" }, g = /* @__PURE__ */ b({
   __name: "SubHeader",
   props: {

package/components/chart/TooltipHeader.vue.js

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

package/components/chart/{components/TooltipHeader.vue2.js → TooltipHeader.vue2.js}

@@ -1,8 +1,8 @@
-import { defineComponent as h, computed as l, openBlock as r, createElementBlock as s, createElementVNode as g, unref as t, createCommentVNode as i, createBlock as n, createVNode as F, withCtx as c, createTextVNode as u, toDisplayString as m } from "vue";
-import { formatValue as d } from "../utils/utils.js";
-import f from "../../typography/v4/Typography.vue.js";
-import C from "../../icon/v4/IconV4.vue.js";
-import k from "../../icon/v4/IconFlag.vue.js";
+ import "../../TooltipHeader.vue_vue_type_style_index_0_scoped_9f6cf389_lang.css"; import { defineComponent as h, computed as l, openBlock as r, createElementBlock as s, createElementVNode as g, unref as t, createCommentVNode as i, createBlock as n, createVNode as F, withCtx as c, createTextVNode as u, toDisplayString as m } from "vue";
+import { formatValue as d } from "./utils/utils.js";
+import f from "../typography/v4/Typography.vue.js";
+import C from "../icon/v4/IconV4.vue.js";
+import k from "../icon/v4/IconFlag.vue.js";
 const v = { class: "tooltip-title-wrapper" }, A = { class: "main-title" }, T = ["src"], D = /* @__PURE__ */ h({
   __name: "TooltipHeader",
   props: {

package/package.json

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

package/ChartHeader.vue_vue_type_style_index_0_scoped_b6dcf46b_lang.css

@@ -1 +0,0 @@
-.chart-header[data-v-b6dcf46b]{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0}.chart-header--compact[data-v-b6dcf46b]{padding-top:22px}.chart-header--compact .header-texts[data-v-b6dcf46b]{flex-direction:row}.chart-header--compact .header-text[data-v-b6dcf46b]{color:var(--text-secondary)}.header-row[data-v-b6dcf46b]{display:flex;align-items:flex-end;gap:4px}.header-texts[data-v-b6dcf46b]{display:flex;flex-direction:column;color:var(--text-primary);gap:4px;cursor:default}

package/ChartPlane.vue_vue_type_style_index_0_scoped_4bd7bf53_lang.css

@@ -1 +0,0 @@
-.chart-plane-container[data-v-4bd7bf53]{--headerHeight: var(--0917a655);width:100%;height:var(--64820940);position:relative}.header-wrapper[data-v-4bd7bf53]{position:absolute;width:100%;height:var(--headerHeight);top:0;z-index:1}.chart-plane[data-v-4bd7bf53]{padding-top:var(--headerHeight);height:100%}.chart[data-v-4bd7bf53]{width:100%;height:100%;position:relative}.chart__canvas[data-v-4bd7bf53]{width:100%;height:100%}.chart__tooltip[data-v-4bd7bf53]{position:absolute;pointer-events:none;transition:all .1s ease;min-width:214px;max-width:270px;z-index:1}

package/ChartTooltip.vue_vue_type_style_index_0_scoped_c1dea89a_lang.css

@@ -1 +0,0 @@
-.chart-tooltip[data-v-c1dea89a]{color:var(--text-primary);background:var(--common-white);box-shadow:0 4px 8px -2px #1018281f;border:1px solid var(--common-divider-elevation-0);border-radius:var(--border-radius-md);width:280px;padding:calc(var(--spacing-100) - 1px)}.color-box[data-v-c1dea89a]{width:12px;height:12px;border-radius:2px;display:inline-block;margin-right:var(--spacing-100)}.color-box+.platform-icon[data-v-c1dea89a]{margin-left:calc(var(--spacing-50) - var(--spacing-100))}.list[data-v-c1dea89a]{list-style:none;margin:0;padding:0}.list__item[data-v-c1dea89a]{display:flex;align-items:center;margin-bottom:var(--spacing-50);color:var(--text-secondary)}.list__item[data-v-c1dea89a]:last-child{margin-bottom:0}.platform-icon[data-v-c1dea89a]{color:var(--action-active);margin-right:var(--spacing-50)}.popover-label-wrapper[data-v-c1dea89a]{display:flex;width:200px;flex-grow:1}.truncated-label[data-v-c1dea89a]{max-width:90%}.tooltip-footer[data-v-c1dea89a]{display:flex;align-items:center;margin-top:var(--spacing-100);color:var(--text-primary)}.flex-grow[data-v-c1dea89a]{flex-grow:1}

package/SubHeader.vue_vue_type_style_index_0_scoped_1b3d418f_lang.css

@@ -1 +0,0 @@
-.header-row[data-v-1b3d418f]{display:flex;align-items:flex-end;gap:4px}.subheader[data-v-1b3d418f]{color:var(--text-secondary)}.subheader-tooltip[data-v-1b3d418f]{display:flex;flex-direction:column;gap:.25rem}.subheader-tooltip__text[data-v-1b3d418f]{color:var(--text-secondary)}

package/TooltipHeader.vue_vue_type_style_index_0_scoped_40d98a66_lang.css

@@ -1 +0,0 @@
-.tooltip-title-wrapper[data-v-40d98a66]{display:flex;flex-direction:column;color:var(--text-primary);margin-bottom:var(--spacing-100)}.tooltip-title-wrapper .main-title[data-v-40d98a66]{display:flex;align-items:center;gap:.25rem}.tooltip-title-wrapper .title-text[data-v-40d98a66]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tooltip-title-wrapper .title-image[data-v-40d98a66]{width:20px;height:20px;border-radius:4px}.tooltip-title-wrapper .tooltip-sub-title[data-v-40d98a66]{color:var(--text-secondary)}.tooltip-title-wrapper .platform-icon[data-v-40d98a66]{color:var(--action-active)}

package/components/chart/components/SubHeader.vue.js

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

package/components/chart/components/TooltipHeader.vue.js

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