@ironsource/shared-ui 2.1.11-test.98 → 2.1.11
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/Chart.vue_vue_type_style_index_0_scoped_026d82c5_lang.css +1 -0
- package/ChartLegend.vue_vue_type_style_index_0_scoped_4fe1c7d1_lang.css +1 -0
- package/ChartLoader.vue_vue_type_style_index_0_scoped_ffa4cc66_lang.css +1 -0
- package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_8e026669_lang.css +1 -0
- package/DateRangeV4.vue_vue_type_style_index_0_scoped_8a2714eb_lang.css +1 -0
- package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_73bf9b5b_lang.css +1 -0
- package/{IconFlag.vue_vue_type_style_index_0_scoped_be9dc7bb_lang.css → IconFlag.vue_vue_type_style_index_0_scoped_6526c390_lang.css} +1 -1
- package/OptionV4.vue_vue_type_style_index_0_scoped_1e8837dc_lang.css +1 -0
- package/SortableItem.vue_vue_type_style_index_0_scoped_48542664_lang.css +1 -0
- package/Typography.vue_vue_type_style_index_0_scoped_07b259bf_lang.css +1 -0
- package/components/chart/Chart.vue.js +4 -4
- package/components/chart/Chart.vue2.js +110 -105
- package/components/chart/ChartLegend.vue.js +3 -3
- package/components/chart/ChartLegend.vue2.js +64 -54
- package/components/chart/ChartLoader.vue.js +5 -23
- package/components/chart/ChartLoader.vue2.js +15 -0
- package/components/chart/mockData.d.ts +8 -0
- package/components/dateRange/v4/DateRangeV4.vue.js +3 -3
- package/components/dateRange/v4/DateRangeV4.vue2.js +86 -81
- package/components/dropdown/common/Dropdown.common.js +65 -65
- package/components/dropdown/v4/ConditionalDropdown.vue.js +2 -2
- package/components/dropdown/v4/ConditionalDropdown.vue2.js +93 -92
- package/components/dropdown/v4/DefaultDropdownTrigger.vue.js +2 -2
- package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js +45 -46
- package/components/dropdown/v4/OptionV4.vue.js +3 -3
- package/components/dropdown/v4/OptionV4.vue2.js +97 -98
- package/components/icon/v4/IconFlag.vue.js +3 -3
- package/components/icon/v4/IconFlag.vue2.js +1 -1
- package/components/sortableList/SortableItem.vue.js +3 -3
- package/components/sortableList/SortableItem.vue2.js +14 -14
- package/components/typography/v4/Typography.vue.js +3 -3
- package/components/typography/v4/Typography.vue2.js +1 -1
- package/index.js +1 -1
- package/mocks/apps.d.ts +1 -0
- package/mocks/randomValue.d.ts +1 -0
- package/package.json +3 -3
- package/Chart.vue_vue_type_style_index_0_scoped_277fde76_lang.css +0 -1
- package/ChartLegend.vue_vue_type_style_index_0_scoped_a1c626cd_lang.css +0 -1
- package/ChartLoader.vue_vue_type_style_index_0_scoped_142c444a_lang.css +0 -1
- package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_07fe5cf8_lang.css +0 -1
- package/DateRangeV4.vue_vue_type_style_index_0_scoped_309e5351_lang.css +0 -1
- package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_9fa84b26_lang.css +0 -1
- package/OptionV4.vue_vue_type_style_index_0_scoped_2c2947b3_lang.css +0 -1
- package/SortableItem.vue_vue_type_style_index_0_scoped_2ca7b24c_lang.css +0 -1
- package/Typography.vue_vue_type_style_index_0_scoped_5714d43e_lang.css +0 -1
- package/consts/configs.js +0 -4
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./DefaultDropdownTrigger.vue2.js";
|
|
2
2
|
/* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../../DefaultDropdownTrigger.
|
|
4
|
-
const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-
|
|
3
|
+
// import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_73bf9b5b_lang.css"; //*');
|
|
4
|
+
const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-73bf9b5b"]]);
|
|
5
5
|
export {
|
|
6
6
|
p as default
|
|
7
7
|
};
|
|
@@ -1,25 +1,24 @@
|
|
|
1
|
-
import "../../../DefaultDropdownTrigger.
|
|
1
|
+
import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_73bf9b5b_lang.css"; import { defineComponent as I, computed as u, openBlock as a, createElementBlock as d, createBlock as m, createCommentVNode as n, createElementVNode as c, mergeProps as h, unref as l, renderSlot as i, createVNode as r, withCtx as O, createTextVNode as B, toDisplayString as $ } from "vue";
|
|
2
2
|
import w from "../../typography/v4/Typography.vue.js";
|
|
3
3
|
import { DropdownTestIdModifiers as f } from "../../../testids/index.js";
|
|
4
4
|
import g from "../../icon/v4/IconV4.vue.js";
|
|
5
|
-
import "../../icon/v4/IconFlag.vue.js";
|
|
6
|
-
import
|
|
7
|
-
import { useTestIdAttrs as
|
|
8
|
-
import
|
|
9
|
-
|
|
10
|
-
const N = { class: "default-dropdown-wrapper" }, C = { class: "content" }, x = {
|
|
5
|
+
import K from "../../icon/v4/IconFlag.vue.js";
|
|
6
|
+
import V from "../../shared/FieldLabel.vue.js";
|
|
7
|
+
import { useTestIdAttrs as A } from "../../../utils/testIds.js";
|
|
8
|
+
import D from "../../statusDot/StatusDot.vue.js";
|
|
9
|
+
const N = { class: "default-dropdown-wrapper" }, S = { class: "content" }, x = {
|
|
11
10
|
key: 0,
|
|
12
11
|
class: "image"
|
|
13
|
-
},
|
|
12
|
+
}, C = ["src"], F = {
|
|
14
13
|
key: 1,
|
|
15
14
|
class: "flag"
|
|
16
|
-
},
|
|
15
|
+
}, P = {
|
|
17
16
|
key: 2,
|
|
18
17
|
class: "start-icon"
|
|
19
18
|
}, z = {
|
|
20
19
|
key: 3,
|
|
21
20
|
class: "status-dot"
|
|
22
|
-
},
|
|
21
|
+
}, E = { key: 0 }, H = { class: "caret-down" }, Q = /* @__PURE__ */ I({
|
|
23
22
|
__name: "DefaultDropdownTrigger",
|
|
24
23
|
props: {
|
|
25
24
|
placeholder: { default: "Select" },
|
|
@@ -51,21 +50,21 @@ const N = { class: "default-dropdown-wrapper" }, C = { class: "content" }, x = {
|
|
|
51
50
|
statusDotType: { default: null }
|
|
52
51
|
},
|
|
53
52
|
emits: ["click"],
|
|
54
|
-
setup(t, { emit:
|
|
55
|
-
const e = t,
|
|
53
|
+
setup(t, { emit: T }) {
|
|
54
|
+
const e = t, v = u(
|
|
56
55
|
() => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
|
|
57
56
|
), b = () => {
|
|
58
|
-
|
|
59
|
-
}, p =
|
|
57
|
+
T("click");
|
|
58
|
+
}, p = A(e.testId, f), k = u(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.showAllSelectedText && e.allSelected ? `All selected (${e.selectedOption.length})` : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), s = u(() => {
|
|
60
59
|
if (!e.selectedOption)
|
|
61
60
|
return null;
|
|
62
61
|
if (!e.multi)
|
|
63
62
|
return e.selectedOption;
|
|
64
63
|
if (Array.isArray(e.selectedOption))
|
|
65
64
|
return e.selectedOption.length === 1 ? e.selectedOption[0] : null;
|
|
66
|
-
})
|
|
67
|
-
return (o,
|
|
68
|
-
t.label ? (a(),
|
|
65
|
+
});
|
|
66
|
+
return (o, y) => (a(), d("div", N, [
|
|
67
|
+
t.label ? (a(), m(V, {
|
|
69
68
|
key: 0,
|
|
70
69
|
label: t.label,
|
|
71
70
|
mandatory: t.mandatory,
|
|
@@ -74,55 +73,55 @@ const N = { class: "default-dropdown-wrapper" }, C = { class: "content" }, x = {
|
|
|
74
73
|
disabled: t.disabled,
|
|
75
74
|
"test-id": t.testId,
|
|
76
75
|
class: "dropdown-field-label"
|
|
77
|
-
}, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) :
|
|
76
|
+
}, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : n("", !0),
|
|
78
77
|
c("div", h({
|
|
79
|
-
class: ["dropdown-trigger", [t.size, l(
|
|
78
|
+
class: ["dropdown-trigger", [t.size, l(v), { open: t.open, disabled: t.disabled }]]
|
|
80
79
|
}, l(p)[l(f).BUTTON_WRAPPER], {
|
|
81
|
-
onClick:
|
|
80
|
+
onClick: y[0] || (y[0] = (R) => b())
|
|
82
81
|
}), [
|
|
83
|
-
c("div",
|
|
84
|
-
o.$slots.image || l(
|
|
82
|
+
c("div", S, [
|
|
83
|
+
o.$slots.image || l(s) && t.optionImageKey ? (a(), d("div", x, [
|
|
85
84
|
i(o.$slots, "image", {}, () => [
|
|
86
|
-
t.optionImageKey ? (a(),
|
|
85
|
+
t.optionImageKey ? (a(), d("img", {
|
|
87
86
|
key: 0,
|
|
88
|
-
src: l(
|
|
89
|
-
}, null, 8,
|
|
87
|
+
src: l(s)[t.optionImageKey]
|
|
88
|
+
}, null, 8, C)) : n("", !0)
|
|
90
89
|
], !0)
|
|
91
|
-
])) :
|
|
92
|
-
o.$slots.flag || l(
|
|
90
|
+
])) : n("", !0),
|
|
91
|
+
o.$slots.flag || l(s) && t.optionFlagKey ? (a(), d("div", F, [
|
|
93
92
|
i(o.$slots, "flag", {}, () => [
|
|
94
|
-
|
|
93
|
+
t.optionFlagKey ? (a(), m(l(K), {
|
|
95
94
|
key: 0,
|
|
96
|
-
src: l(
|
|
97
|
-
}, null, 8,
|
|
95
|
+
src: l(s)[t.optionFlagKey]
|
|
96
|
+
}, null, 8, ["src"])) : n("", !0)
|
|
98
97
|
], !0)
|
|
99
|
-
])) :
|
|
100
|
-
o.$slots["icon-start"] || l(
|
|
98
|
+
])) : n("", !0),
|
|
99
|
+
o.$slots["icon-start"] || l(s) && t.optionIconKey ? (a(), d("div", P, [
|
|
101
100
|
i(o.$slots, "icon-start", {}, () => [
|
|
102
|
-
|
|
101
|
+
r(l(g), {
|
|
103
102
|
type: t.optionIconType,
|
|
104
|
-
name: l(
|
|
103
|
+
name: l(s)[t.optionIconKey],
|
|
105
104
|
size: "20px"
|
|
106
105
|
}, null, 8, ["type", "name"])
|
|
107
106
|
], !0)
|
|
108
|
-
])) :
|
|
109
|
-
t.statusDotType ? (a(),
|
|
110
|
-
|
|
111
|
-
])) :
|
|
107
|
+
])) : n("", !0),
|
|
108
|
+
t.statusDotType ? (a(), d("div", z, [
|
|
109
|
+
r(l(D), { type: t.statusDotType }, null, 8, ["type"])
|
|
110
|
+
])) : n("", !0),
|
|
112
111
|
i(o.$slots, "displayed-value", {}, () => [
|
|
113
|
-
|
|
114
|
-
default:
|
|
115
|
-
|
|
112
|
+
r(l(w), h({ variant: "body1" }, l(p)[l(f).BUTTON_CONTENT], { class: "displayed-value" }), {
|
|
113
|
+
default: O(() => [
|
|
114
|
+
B($(l(k)), 1)
|
|
116
115
|
]),
|
|
117
116
|
_: 1
|
|
118
117
|
}, 16)
|
|
119
118
|
], !0)
|
|
120
119
|
]),
|
|
121
|
-
o.$slots["end-icon"] ? (a(),
|
|
120
|
+
o.$slots["end-icon"] ? (a(), d("div", E, [
|
|
122
121
|
i(o.$slots, "end-icon", {}, void 0, !0)
|
|
123
|
-
])) :
|
|
124
|
-
c("div",
|
|
125
|
-
|
|
122
|
+
])) : n("", !0),
|
|
123
|
+
c("div", H, [
|
|
124
|
+
r(l(g), {
|
|
126
125
|
name: "caret-down",
|
|
127
126
|
size: "20px"
|
|
128
127
|
})
|
|
@@ -132,5 +131,5 @@ const N = { class: "default-dropdown-wrapper" }, C = { class: "content" }, x = {
|
|
|
132
131
|
}
|
|
133
132
|
});
|
|
134
133
|
export {
|
|
135
|
-
|
|
134
|
+
Q as default
|
|
136
135
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./OptionV4.vue2.js";
|
|
2
|
-
/* empty css */import
|
|
3
|
-
// import "../../../OptionV4.
|
|
4
|
-
const s = /* @__PURE__ */
|
|
2
|
+
/* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../../OptionV4.vue_vue_type_style_index_0_scoped_1e8837dc_lang.css"; //*');
|
|
4
|
+
const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-1e8837dc"]]);
|
|
5
5
|
export {
|
|
6
6
|
s as default
|
|
7
7
|
};
|
|
@@ -1,41 +1,40 @@
|
|
|
1
|
-
import "../../../OptionV4.
|
|
1
|
+
import "../../../OptionV4.vue_vue_type_style_index_0_scoped_1e8837dc_lang.css"; import { defineComponent as P, ref as C, watch as S, computed as V, openBlock as o, createBlock as m, unref as n, createSlots as A, withCtx as s, createElementVNode as c, normalizeClass as v, createCommentVNode as i, createElementBlock as l, renderSlot as y, createVNode as a, toDisplayString as u, createTextVNode as f, withModifiers as I, Fragment as F, renderList as L } from "vue";
|
|
2
2
|
import "../../typography/Heading.vue.js";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import "../../icon/v4/IconFlag.vue.js";
|
|
7
|
-
import { NOOP as
|
|
8
|
-
import { optionCommon as
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import { isElementTruncated as
|
|
12
|
-
import { promiseTimeout as
|
|
13
|
-
|
|
14
|
-
const Q = { class: "multiline-tooltip" }, W = {
|
|
3
|
+
import N from "../../typography/Text.vue.js";
|
|
4
|
+
import j from "../../checkbox/v4/CheckboxV4.vue.js";
|
|
5
|
+
import T from "../../icon/v4/IconV4.vue.js";
|
|
6
|
+
import R from "../../icon/v4/IconFlag.vue.js";
|
|
7
|
+
import { NOOP as D } from "@vue/shared";
|
|
8
|
+
import { optionCommon as q } from "../common/Option.common.js";
|
|
9
|
+
import g from "../../typography/v4/Typography.vue.js";
|
|
10
|
+
import G from "../../tooltip/v4/TooltipV4.vue.js";
|
|
11
|
+
import { isElementTruncated as H } from "../../../utils/text.js";
|
|
12
|
+
import { promiseTimeout as J } from "@vueuse/core";
|
|
13
|
+
const Q = { class: "multiline-tooltip" }, U = {
|
|
15
14
|
key: 1,
|
|
16
15
|
class: "image"
|
|
17
|
-
},
|
|
16
|
+
}, W = ["src"], X = {
|
|
18
17
|
key: 2,
|
|
19
18
|
class: "flag"
|
|
20
|
-
},
|
|
19
|
+
}, Y = {
|
|
21
20
|
key: 3,
|
|
22
21
|
class: "start-icon"
|
|
23
|
-
},
|
|
22
|
+
}, Z = {
|
|
24
23
|
key: 0,
|
|
25
24
|
class: "main-text"
|
|
26
|
-
},
|
|
25
|
+
}, _ = {
|
|
27
26
|
key: 1,
|
|
28
27
|
class: "main-text"
|
|
29
|
-
},
|
|
28
|
+
}, ee = {
|
|
30
29
|
key: 2,
|
|
31
30
|
class: "end-text-icon"
|
|
32
|
-
},
|
|
31
|
+
}, te = {
|
|
33
32
|
key: 3,
|
|
34
33
|
class: "caption-text"
|
|
35
|
-
},
|
|
34
|
+
}, ne = {
|
|
36
35
|
key: 4,
|
|
37
36
|
class: "end-icon"
|
|
38
|
-
},
|
|
37
|
+
}, oe = ["onClick"], ie = { key: 0 }, pe = /* @__PURE__ */ P({
|
|
39
38
|
__name: "OptionV4",
|
|
40
39
|
props: {
|
|
41
40
|
option: { default: null },
|
|
@@ -64,25 +63,25 @@ const Q = { class: "multiline-tooltip" }, W = {
|
|
|
64
63
|
},
|
|
65
64
|
emits: ["toggleTreeCollapse"],
|
|
66
65
|
setup(e, { emit: O }) {
|
|
67
|
-
const
|
|
68
|
-
|
|
69
|
-
},
|
|
70
|
-
|
|
71
|
-
await
|
|
66
|
+
const d = e, { selected: h, id: w, onClick: $, api: K } = q(d), B = (t) => {
|
|
67
|
+
d.stopOptionClickEventPropagation && t.stopPropagation(), d.disabled ? D() : $(t);
|
|
68
|
+
}, p = C(null), b = C(!1);
|
|
69
|
+
S([() => d.treeChildShown, p], async () => {
|
|
70
|
+
await J(100), b.value = p.value && H(p.value);
|
|
72
71
|
});
|
|
73
|
-
const
|
|
74
|
-
O("toggleTreeCollapse",
|
|
75
|
-
}
|
|
76
|
-
return (t,
|
|
72
|
+
const M = (t) => t && typeof t == "object" && "optionTooltipText" in t ? (Array.isArray(t.optionTooltipText), t.optionTooltipText) : b.value ? t[d.nameKey] : "", x = V(() => M(d.option)), z = (t) => t && typeof t == "object" && "optionTooltipTestId" in t ? t.optionTooltipTestId : null, E = () => {
|
|
73
|
+
O("toggleTreeCollapse", d.option);
|
|
74
|
+
};
|
|
75
|
+
return (t, k) => (o(), m(n(G), {
|
|
77
76
|
text: n(x),
|
|
78
|
-
"test-id":
|
|
77
|
+
"test-id": z(e.option),
|
|
79
78
|
placement: e.toolTipPlacement,
|
|
80
79
|
class: "tooltip-option"
|
|
81
|
-
},
|
|
82
|
-
default:
|
|
80
|
+
}, A({
|
|
81
|
+
default: s(() => [
|
|
83
82
|
c("div", {
|
|
84
83
|
ref: "el",
|
|
85
|
-
class:
|
|
84
|
+
class: v(["item-container", {
|
|
86
85
|
"item-container--disabled": e.disabled,
|
|
87
86
|
"item-container--active": e.nameKey ? !1 : e.active,
|
|
88
87
|
"item-container--selected": n(h),
|
|
@@ -90,157 +89,157 @@ const Q = { class: "multiline-tooltip" }, W = {
|
|
|
90
89
|
}])
|
|
91
90
|
}, [
|
|
92
91
|
c("div", {
|
|
93
|
-
class:
|
|
92
|
+
class: v(["item", {
|
|
94
93
|
"item--multi": e.isMulti,
|
|
95
94
|
"item--with-icon": t.$slots["icon-start"] || t.$slots.image
|
|
96
95
|
}])
|
|
97
96
|
}, [
|
|
98
|
-
e.isMulti || e.selectAllOption ? (o(),
|
|
97
|
+
e.isMulti || e.selectAllOption ? (o(), m(n(j), {
|
|
99
98
|
key: 0,
|
|
100
|
-
id: n(
|
|
99
|
+
id: n(w).toString(),
|
|
101
100
|
tabindex: "-1",
|
|
102
101
|
class: "checkbox",
|
|
103
102
|
"is-checked": n(h),
|
|
104
103
|
"is-indeterminate": e.isIndeterminate,
|
|
105
|
-
onClick:
|
|
106
|
-
}, null, 8, ["id", "is-checked", "is-indeterminate"])) :
|
|
107
|
-
t.$slots.image || e.imageKey ? (o(),
|
|
108
|
-
|
|
109
|
-
e.imageKey ? (o(),
|
|
104
|
+
onClick: k[0] || (k[0] = (r) => B(r))
|
|
105
|
+
}, null, 8, ["id", "is-checked", "is-indeterminate"])) : i("", !0),
|
|
106
|
+
!e.option?.conditionalOptions && (t.$slots.image || e.imageKey) ? (o(), l("div", U, [
|
|
107
|
+
y(t.$slots, "image", {}, () => [
|
|
108
|
+
e.imageKey ? (o(), l("img", {
|
|
110
109
|
key: 0,
|
|
111
110
|
src: e.option[e.imageKey]
|
|
112
|
-
}, null, 8,
|
|
111
|
+
}, null, 8, W)) : i("", !0)
|
|
113
112
|
], !0)
|
|
114
|
-
])) :
|
|
115
|
-
t.$slots.flag || e.optionFlagKey ? (o(),
|
|
116
|
-
|
|
117
|
-
|
|
113
|
+
])) : i("", !0),
|
|
114
|
+
!e.option?.conditionalOptions && (t.$slots.flag || e.optionFlagKey) ? (o(), l("div", X, [
|
|
115
|
+
y(t.$slots, "flag", {}, () => [
|
|
116
|
+
e.optionFlagKey ? (o(), m(n(R), {
|
|
118
117
|
key: 0,
|
|
119
|
-
|
|
120
|
-
}, null, 8,
|
|
118
|
+
"country-code": e.option[e.optionFlagKey]
|
|
119
|
+
}, null, 8, ["country-code"])) : i("", !0)
|
|
121
120
|
], !0)
|
|
122
|
-
])) :
|
|
123
|
-
t.$slots["icon-start"] || e.iconKey ? (o(),
|
|
124
|
-
|
|
125
|
-
|
|
121
|
+
])) : i("", !0),
|
|
122
|
+
!e.option?.conditionalOptions && (t.$slots["icon-start"] || e.iconKey) ? (o(), l("div", Y, [
|
|
123
|
+
y(t.$slots, "icon-start", {}, () => [
|
|
124
|
+
a(n(T), {
|
|
126
125
|
type: e.iconType,
|
|
127
126
|
name: e.option[e.iconKey],
|
|
128
127
|
size: e.iconType === "regular" ? "20px" : "16px"
|
|
129
128
|
}, null, 8, ["type", "name", "size"])
|
|
130
129
|
], !0)
|
|
131
|
-
])) :
|
|
130
|
+
])) : i("", !0),
|
|
132
131
|
c("div", {
|
|
133
132
|
ref_key: "textContainerRef",
|
|
134
|
-
ref:
|
|
133
|
+
ref: p,
|
|
135
134
|
class: "text-container"
|
|
136
135
|
}, [
|
|
137
|
-
|
|
136
|
+
a(n(g), {
|
|
138
137
|
class: "option-text",
|
|
139
138
|
variant: "body2"
|
|
140
139
|
}, {
|
|
141
|
-
default:
|
|
142
|
-
|
|
140
|
+
default: s(() => [
|
|
141
|
+
y(t.$slots, "default", {}, () => [
|
|
143
142
|
c("div", {
|
|
144
|
-
class:
|
|
143
|
+
class: v(`option-content-${e.optionTwoLinesVariant} option-content`)
|
|
145
144
|
}, [
|
|
146
|
-
e.option
|
|
147
|
-
|
|
145
|
+
e.option?.conditionalOptions ? (o(), l("div", _, [
|
|
146
|
+
a(n(g), {
|
|
148
147
|
variant: "body2",
|
|
149
148
|
class: "conditional-option-label"
|
|
150
149
|
}, {
|
|
151
|
-
default:
|
|
152
|
-
|
|
150
|
+
default: s(() => [
|
|
151
|
+
f(u(e.option.conditionalName) + ": ", 1)
|
|
153
152
|
]),
|
|
154
153
|
_: 1
|
|
155
154
|
}),
|
|
156
|
-
|
|
155
|
+
a(n(g), {
|
|
157
156
|
variant: "h5",
|
|
158
157
|
class: "conditional-option-value"
|
|
159
158
|
}, {
|
|
160
|
-
default:
|
|
161
|
-
|
|
159
|
+
default: s(() => [
|
|
160
|
+
f('"' + u(e.option[e.nameKey]) + '"', 1)
|
|
162
161
|
]),
|
|
163
162
|
_: 1
|
|
164
163
|
})
|
|
165
|
-
])) : (o(),
|
|
166
|
-
e.endTextIconKey && e.option[e.endTextIconKey] ? (o(),
|
|
167
|
-
|
|
164
|
+
])) : (o(), l("div", Z, u(e.option[e.nameKey]), 1)),
|
|
165
|
+
e.endTextIconKey && e.option[e.endTextIconKey] ? (o(), l("span", ee, [
|
|
166
|
+
a(n(T), {
|
|
168
167
|
type: "regular",
|
|
169
168
|
name: e.option[e.endTextIconKey],
|
|
170
169
|
size: "16px"
|
|
171
170
|
}, null, 8, ["name"])
|
|
172
|
-
])) :
|
|
173
|
-
e.optionTwoLinesKey ? (o(),
|
|
174
|
-
|
|
175
|
-
default:
|
|
176
|
-
|
|
171
|
+
])) : i("", !0),
|
|
172
|
+
e.optionTwoLinesKey ? (o(), l("div", te, [
|
|
173
|
+
a(n(g), { variant: "caption" }, {
|
|
174
|
+
default: s(() => [
|
|
175
|
+
f(u(e.option[e.optionTwoLinesKey]), 1)
|
|
177
176
|
]),
|
|
178
177
|
_: 1
|
|
179
178
|
})
|
|
180
|
-
])) :
|
|
179
|
+
])) : i("", !0)
|
|
181
180
|
], 2)
|
|
182
181
|
], !0)
|
|
183
182
|
]),
|
|
184
183
|
_: 3
|
|
185
184
|
}),
|
|
186
|
-
e.subtitle ? (o(),
|
|
185
|
+
e.subtitle ? (o(), m(n(N), {
|
|
187
186
|
key: 0,
|
|
188
187
|
class: "subtitle",
|
|
189
188
|
size: "xs"
|
|
190
189
|
}, {
|
|
191
|
-
default:
|
|
192
|
-
|
|
190
|
+
default: s(() => [
|
|
191
|
+
f(u(e.subtitle), 1)
|
|
193
192
|
]),
|
|
194
193
|
_: 1
|
|
195
|
-
})) :
|
|
194
|
+
})) : i("", !0)
|
|
196
195
|
], 512),
|
|
197
|
-
t.$slots["icon-end"] || e.endIconKey && e.option[e.endIconKey] ? (o(),
|
|
198
|
-
|
|
199
|
-
|
|
196
|
+
t.$slots["icon-end"] || e.endIconKey && e.option[e.endIconKey] ? (o(), l("div", ne, [
|
|
197
|
+
y(t.$slots, "icon-end", {}, () => [
|
|
198
|
+
a(n(T), {
|
|
200
199
|
type: e.endIconType || "regular",
|
|
201
200
|
name: e.option[e.endIconKey],
|
|
202
201
|
size: e.endIconType === "regular" || e.endIconType === "ab-test" ? "20px" : "16px"
|
|
203
202
|
}, null, 8, ["type", "name", "size"])
|
|
204
203
|
], !0)
|
|
205
|
-
])) :
|
|
206
|
-
e.treeMainOption ? (o(),
|
|
204
|
+
])) : i("", !0),
|
|
205
|
+
e.treeMainOption ? (o(), l("div", {
|
|
207
206
|
key: 5,
|
|
208
207
|
class: "tree-main-arrow-wrapper",
|
|
209
|
-
onClick:
|
|
208
|
+
onClick: I(E, ["stop"])
|
|
210
209
|
}, [
|
|
211
|
-
|
|
210
|
+
a(n(T), {
|
|
212
211
|
name: "caret-down",
|
|
213
212
|
size: "16px",
|
|
214
|
-
class:
|
|
213
|
+
class: v(`app-trigger--icon ${e.treeMainOptionExpanded && "expanded"}`)
|
|
215
214
|
}, null, 8, ["class"])
|
|
216
|
-
], 8,
|
|
215
|
+
], 8, oe)) : i("", !0)
|
|
217
216
|
], 2),
|
|
218
|
-
n(K).clearable && n(h) ? (o(),
|
|
217
|
+
n(K).clearable && n(h) ? (o(), l("div", ie, [
|
|
219
218
|
c("button", {
|
|
220
219
|
class: "clear-button",
|
|
221
|
-
onClick:
|
|
220
|
+
onClick: k[1] || (k[1] = I((r) => n(K).clearSelection(), ["prevent", "stop"]))
|
|
222
221
|
}, [
|
|
223
|
-
|
|
222
|
+
a(n(T), {
|
|
224
223
|
name: "close",
|
|
225
224
|
width: "8",
|
|
226
225
|
height: "8"
|
|
227
226
|
})
|
|
228
227
|
])
|
|
229
|
-
])) :
|
|
228
|
+
])) : i("", !0)
|
|
230
229
|
], 2)
|
|
231
230
|
]),
|
|
232
231
|
_: 2
|
|
233
232
|
}, [
|
|
234
233
|
Array.isArray(n(x)) ? {
|
|
235
234
|
name: "tooltip",
|
|
236
|
-
fn:
|
|
235
|
+
fn: s(() => [
|
|
237
236
|
c("div", Q, [
|
|
238
|
-
(o(!0),
|
|
239
|
-
key:
|
|
237
|
+
(o(!0), l(F, null, L(n(x), (r) => (o(), m(n(g), {
|
|
238
|
+
key: r,
|
|
240
239
|
variant: "body2"
|
|
241
240
|
}, {
|
|
242
|
-
default:
|
|
243
|
-
|
|
241
|
+
default: s(() => [
|
|
242
|
+
f(u(r), 1)
|
|
244
243
|
]),
|
|
245
244
|
_: 2
|
|
246
245
|
}, 1024))), 128))
|
|
@@ -252,5 +251,5 @@ const Q = { class: "multiline-tooltip" }, W = {
|
|
|
252
251
|
}
|
|
253
252
|
});
|
|
254
253
|
export {
|
|
255
|
-
|
|
254
|
+
pe as default
|
|
256
255
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./IconFlag.vue2.js";
|
|
2
|
-
/* empty css */import
|
|
3
|
-
// import "../../../IconFlag.
|
|
4
|
-
const t = /* @__PURE__ */
|
|
2
|
+
/* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../../IconFlag.vue_vue_type_style_index_0_scoped_6526c390_lang.css"; //*');
|
|
4
|
+
const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-6526c390"]]);
|
|
5
5
|
export {
|
|
6
6
|
t as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "../../../IconFlag.
|
|
1
|
+
import "../../../IconFlag.vue_vue_type_style_index_0_scoped_6526c390_lang.css"; import { defineComponent as n, computed as a, openBlock as e, createElementBlock as t, createElementVNode as c, unref as l } from "vue";
|
|
2
2
|
import { ASSETS_BASE_URL as i } from "./consts.js";
|
|
3
3
|
const d = { class: "icon-flag" }, u = {
|
|
4
4
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./SortableItem.vue2.js";
|
|
2
2
|
/* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../SortableItem.
|
|
4
|
-
const
|
|
3
|
+
// import "../../SortableItem.vue_vue_type_style_index_0_scoped_48542664_lang.css"; //*');
|
|
4
|
+
const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-48542664"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
p as default
|
|
7
7
|
};
|