@ironsource/shared-ui 2.1.12-test.82 → 2.1.12-test.83
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_db8a902c_lang.css +1 -0
- package/ChartLegend.vue_vue_type_style_index_0_scoped_6103d8bd_lang.css +1 -0
- package/components/chart/ChartHeaderTrend.vue.js +3 -3
- package/components/chart/ChartHeaderTrend.vue2.js +17 -17
- package/components/chart/ChartLegend.vue.js +3 -3
- package/components/chart/ChartLegend.vue2.js +1 -1
- package/package.json +1 -1
- package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_ebc0c582_lang.css +0 -1
- package/ChartLegend.vue_vue_type_style_index_0_scoped_fd9e4ea2_lang.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.chart-trend[data-v-db8a902c]{display:flex;color:var(--text-secondary)}.chart-trend--up[data-v-db8a902c]{color:var(--success-contrast-text)}.chart-trend--up .trend-icon[data-v-db8a902c]{color:var(--success-darker)}.chart-trend--down[data-v-db8a902c]{color:var(--error-contrast-text)}.chart-trend--down .trend-icon[data-v-db8a902c]{color:var(--error-dark)}.trend-icon[data-v-db8a902c]{display:flex;align-self:normal}.chart-trend-tooltip[data-v-db8a902c]{align-items:normal}.trend-tooltip[data-v-db8a902c]{display:flex;flex-direction:column}.trend-tooltip__header[data-v-db8a902c]{margin-bottom:.375rem}.trend-tooltip__text[data-v-db8a902c]{color:var(--text-secondary)}.separator[data-v-db8a902c]{display:flex;align-items:center;gap:.5rem;justify-content:center;height:1.1875rem}.separator__text[data-v-db8a902c]{display:block;color:var(--text-secondary)}.separator hr[data-v-db8a902c]{width:100%;height:1px;border:0;background:var(--common-divider)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.disabled-tooltip[data-v-6103d8bd],.disabled-tooltip[data-v-6103d8bd] .container{width:100%}.chart-legend[data-v-6103d8bd]{display:flex;flex-direction:column;width:240px;height:100%;padding:0 8px 8px 12px}.search-box[data-v-6103d8bd]{padding:12px 0 4px;display:flex;align-items:center;gap:4px}.legend[data-v-6103d8bd]{overflow-y:auto;color:var(--text-primary);height:100%;overflow-x:hidden}.legend__list[data-v-6103d8bd]{list-style:none;padding:0}.legend__list>li[data-v-6103d8bd]{display:flex;align-items:center;gap:8px;padding:6px 8px}.legend__list>li[data-v-6103d8bd]:hover{background-color:var(--action-hover);border-radius:8px;cursor:pointer}.legend__list>li .icon-color[data-v-6103d8bd]{color:var(--action-active)}.legend__list>li.disabled-item[data-v-6103d8bd]{cursor:not-allowed!important;background:var(--background-paper);color:var(--text-disabled)}.legend__list>li.disabled-item .icon-color[data-v-6103d8bd]{color:var(--text-disabled)}.legend__list>li.empty-list[data-v-6103d8bd]{display:flex;align-items:center;justify-content:flex-start;height:32px;color:var(--text-disabled)}.legend__list>li.empty-list[data-v-6103d8bd]:hover{background-color:transparent;cursor:default}.legend__list>li .item-wrapper[data-v-6103d8bd]{display:flex;align-items:center;gap:8px;width:100%}.legend__list>li .item-wrapper .legend-label[data-v-6103d8bd]{width:80%}.legend__list>li .item-wrapper .label-container[data-v-6103d8bd]{display:flex;flex-direction:column;width:100%}.legend__list>li .item-wrapper .label-container .legend-caption[data-v-6103d8bd]{display:flex;color:var(--text-secondary)}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import e from "./ChartHeaderTrend.vue2.js";
|
|
2
2
|
/* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../ChartHeaderTrend.
|
|
4
|
-
const
|
|
3
|
+
// import "../../ChartHeaderTrend.vue_vue_type_style_index_0_scoped_db8a902c_lang.css"; //*');
|
|
4
|
+
const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-db8a902c"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
a as default
|
|
7
7
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import "../../ChartHeaderTrend.
|
|
1
|
+
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";
|
|
2
2
|
import l from "../typography/v4/Typography.vue.js";
|
|
3
3
|
import b from "../icon/v4/IconV4.vue.js";
|
|
4
4
|
import "../icon/v4/IconFlag.vue.js";
|
|
5
5
|
import k from "../tooltip/v4/TooltipV4.vue.js";
|
|
6
6
|
import { TrendDirection as m } from "./types.js";
|
|
7
|
-
const h = (e) => (g("data-v-
|
|
7
|
+
const h = (e) => (g("data-v-db8a902c"), e = e(), C(), e), x = { class: "trend-tooltip" }, N = {
|
|
8
8
|
key: 2,
|
|
9
9
|
class: "separator"
|
|
10
10
|
}, P = /* @__PURE__ */ h(() => /* @__PURE__ */ s("hr", null, null, -1)), _ = /* @__PURE__ */ h(() => /* @__PURE__ */ s("hr", null, null, -1)), L = /* @__PURE__ */ f({
|
|
@@ -26,26 +26,26 @@ const h = (e) => (g("data-v-ebc0c582"), e = e(), C(), e), x = { class: "trend-to
|
|
|
26
26
|
}, {
|
|
27
27
|
tooltip: o(() => [
|
|
28
28
|
s("div", x, [
|
|
29
|
-
e.trendTooltip?.header ? (r(),
|
|
29
|
+
e.trendTooltip?.header ? (r(), d(t(l), {
|
|
30
30
|
key: 0,
|
|
31
31
|
class: "trend-tooltip__header",
|
|
32
32
|
variant: "subtitle2"
|
|
33
33
|
}, {
|
|
34
34
|
default: o(() => [
|
|
35
|
-
|
|
35
|
+
a(i(e.trendTooltip.header), 1)
|
|
36
36
|
]),
|
|
37
37
|
_: 1
|
|
38
|
-
})) :
|
|
39
|
-
e.trendTooltip?.rangeCurrent ? (r(),
|
|
38
|
+
})) : n("", !0),
|
|
39
|
+
e.trendTooltip?.rangeCurrent ? (r(), d(t(l), {
|
|
40
40
|
key: 1,
|
|
41
41
|
variant: "body2",
|
|
42
42
|
class: "trend-tooltip__text"
|
|
43
43
|
}, {
|
|
44
44
|
default: o(() => [
|
|
45
|
-
|
|
45
|
+
a(i(e.trendTooltip.rangeCurrent), 1)
|
|
46
46
|
]),
|
|
47
47
|
_: 1
|
|
48
|
-
})) :
|
|
48
|
+
})) : n("", !0),
|
|
49
49
|
e.trendTooltip?.rangeCurrent && e.trendTooltip?.rangePrevious ? (r(), p("div", N, [
|
|
50
50
|
P,
|
|
51
51
|
u(t(l), {
|
|
@@ -53,35 +53,35 @@ const h = (e) => (g("data-v-ebc0c582"), e = e(), C(), e), x = { class: "trend-to
|
|
|
53
53
|
variant: "caption"
|
|
54
54
|
}, {
|
|
55
55
|
default: o(() => [
|
|
56
|
-
|
|
56
|
+
a(" vs. ")
|
|
57
57
|
]),
|
|
58
58
|
_: 1
|
|
59
59
|
}),
|
|
60
60
|
_
|
|
61
|
-
])) :
|
|
62
|
-
e.trendTooltip?.rangePrevious ? (r(),
|
|
61
|
+
])) : n("", !0),
|
|
62
|
+
e.trendTooltip?.rangePrevious ? (r(), d(t(l), {
|
|
63
63
|
key: 3,
|
|
64
64
|
variant: "body2",
|
|
65
65
|
class: "trend-tooltip__text"
|
|
66
66
|
}, {
|
|
67
67
|
default: o(() => [
|
|
68
|
-
|
|
68
|
+
a(i(e.trendTooltip.rangePrevious), 1)
|
|
69
69
|
]),
|
|
70
70
|
_: 1
|
|
71
|
-
})) :
|
|
71
|
+
})) : n("", !0)
|
|
72
72
|
])
|
|
73
73
|
]),
|
|
74
74
|
default: o(() => [
|
|
75
|
-
e.direction !== t(m).NEUTRAL ? (r(),
|
|
75
|
+
e.direction !== t(m).NEUTRAL ? (r(), d(t(b), {
|
|
76
76
|
key: 0,
|
|
77
77
|
class: "trend-icon",
|
|
78
78
|
type: "bold",
|
|
79
79
|
name: `arrow-${e.direction}`,
|
|
80
|
-
size: "
|
|
81
|
-
}, null, 8, ["name"])) :
|
|
80
|
+
size: "15px"
|
|
81
|
+
}, null, 8, ["name"])) : n("", !0),
|
|
82
82
|
u(t(l), { variant: "chipLabel" }, {
|
|
83
83
|
default: o(() => [
|
|
84
|
-
|
|
84
|
+
a(i(e.value), 1)
|
|
85
85
|
]),
|
|
86
86
|
_: 1
|
|
87
87
|
})
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import e from "./ChartLegend.vue2.js";
|
|
2
2
|
/* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../ChartLegend.
|
|
4
|
-
const
|
|
3
|
+
// import "../../ChartLegend.vue_vue_type_style_index_0_scoped_6103d8bd_lang.css"; //*');
|
|
4
|
+
const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-6103d8bd"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
s as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "../../ChartLegend.
|
|
1
|
+
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";
|
|
2
2
|
import { useVModel as C, useVirtualList as G } from "@vueuse/core";
|
|
3
3
|
import k from "../typography/v4/Typography.vue.js";
|
|
4
4
|
import X from "../checkbox/v4/CheckboxV4.vue.js";
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.chart-trend[data-v-ebc0c582]{display:flex;color:var(--text-secondary)}.chart-trend--up[data-v-ebc0c582]{color:var(--success-contrast-text)}.chart-trend--up .trend-icon[data-v-ebc0c582]{color:var(--success-darker)}.chart-trend--down[data-v-ebc0c582]{color:var(--error-contrast-text)}.chart-trend--down .trend-icon[data-v-ebc0c582]{color:var(--error-dark)}.trend-icon[data-v-ebc0c582]{display:flex;align-self:normal}.chart-trend-tooltip[data-v-ebc0c582]{align-items:normal}.trend-tooltip[data-v-ebc0c582]{display:flex;flex-direction:column}.trend-tooltip__header[data-v-ebc0c582]{margin-bottom:.375rem}.trend-tooltip__text[data-v-ebc0c582]{color:var(--text-secondary)}.separator[data-v-ebc0c582]{display:flex;align-items:center;gap:.5rem;justify-content:center;height:1.1875rem}.separator__text[data-v-ebc0c582]{display:block;color:var(--text-secondary)}.separator hr[data-v-ebc0c582]{width:100%;height:1px;border:0;background:var(--common-divider)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.disabled-tooltip[data-v-fd9e4ea2],.disabled-tooltip[data-v-fd9e4ea2] .container{width:100%}.chart-legend[data-v-fd9e4ea2]{display:flex;flex-direction:column;width:240px;height:100%;padding:0 8px 8px 12px}.search-box[data-v-fd9e4ea2]{padding:12px 0 4px;display:flex;align-items:center;gap:4px}.legend[data-v-fd9e4ea2]{overflow-y:auto;color:var(--text-primary);height:100%;overflow-x:hidden}.legend__list[data-v-fd9e4ea2]{list-style:none;padding:0}.legend__list>li[data-v-fd9e4ea2]{display:flex;align-items:center;gap:8px;padding:6px 8px}.legend__list>li[data-v-fd9e4ea2]:hover{background-color:var(--action-hover);border-radius:8px;cursor:pointer}.legend__list>li.disabled-item[data-v-fd9e4ea2]{cursor:not-allowed!important;opacity:.5;background:var(--background-paper)}.legend__list>li.empty-list[data-v-fd9e4ea2]{display:flex;align-items:center;justify-content:flex-start;height:32px;color:var(--text-disabled)}.legend__list>li.empty-list[data-v-fd9e4ea2]:hover{background-color:transparent;cursor:default}.legend__list>li .item-wrapper[data-v-fd9e4ea2]{display:flex;align-items:center;gap:8px;width:100%}.legend__list>li .item-wrapper .legend-label[data-v-fd9e4ea2]{width:80%}.legend__list>li .item-wrapper .icon-color[data-v-fd9e4ea2]{color:var(--action-active)}.legend__list>li .item-wrapper .label-container[data-v-fd9e4ea2]{display:flex;flex-direction:column;width:100%}.legend__list>li .item-wrapper .label-container .legend-caption[data-v-fd9e4ea2]{display:flex;color:var(--text-secondary)}
|