@ironsource/shared-ui 2.1.11-rc.24 → 2.1.11-rc.26
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/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_f9a13e27_lang.css +1 -0
- package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_039dd922_lang.css +1 -0
- package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_2aee12ad_lang.css +1 -0
- package/DataGrid.vue_vue_type_style_index_0_scoped_e7591db4_lang.css +1 -0
- package/DropdownV4.vue_vue_type_style_index_0_scoped_6466948d_lang.css +1 -0
- package/OptionV4.vue_vue_type_style_index_0_scoped_2c2947b3_lang.css +1 -0
- package/components/dropdown/common/Dropdown.common.js +141 -135
- package/components/dropdown/v4/ButtonDropdownTrigger.vue.js +3 -3
- package/components/dropdown/v4/ButtonDropdownTrigger.vue2.js +6 -6
- package/components/dropdown/v4/ChipDropdownTrigger.vue.d.ts +10 -0
- package/components/dropdown/v4/ChipDropdownTrigger.vue.js +3 -3
- package/components/dropdown/v4/ChipDropdownTrigger.vue2.js +36 -32
- package/components/dropdown/v4/ConditionalDropdown.vue.d.ts +10 -0
- package/components/dropdown/v4/ConditionalDropdown.vue.js +3 -3
- package/components/dropdown/v4/ConditionalDropdown.vue2.js +100 -77
- package/components/dropdown/v4/DropdownV4.vue.d.ts +11 -0
- package/components/dropdown/v4/DropdownV4.vue.js +3 -3
- package/components/dropdown/v4/DropdownV4.vue2.js +27 -25
- package/components/dropdown/v4/OptionV4.vue.js +2 -2
- package/components/dropdown/v4/OptionV4.vue2.js +2 -2
- package/components/dropdown/v4/index.d.ts +81 -2
- package/components/table/common/Table.common.js +61 -61
- package/components/table/common/Table.types.d.ts +1 -1
- package/components/table/v3/Table.vue.d.ts +1 -1
- package/components/table/v3/index.d.ts +5 -5
- package/components/table/v4/DataGrid.vue.d.ts +6 -1
- package/components/table/v4/DataGrid.vue.js +4 -4
- package/components/table/v4/DataGrid.vue2.js +124 -117
- package/components/table/v4/index.d.ts +25 -6
- package/index.d.ts +222 -26
- package/index.js +1 -1
- package/mocks/words.d.ts +1 -1
- package/package.json +1 -1
- package/ButtonDropdownTrigger.vue_vue_type_style_index_0_scoped_76c74f58_lang.css +0 -1
- package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_ba28c717_lang.css +0 -1
- package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_3d7ef976_lang.css +0 -1
- package/DataGrid.vue_vue_type_style_index_0_scoped_0cd8af73_lang.css +0 -1
- package/DropdownV4.vue_vue_type_style_index_0_scoped_b1bde483_lang.css +0 -1
- package/OptionV4.vue_vue_type_style_index_0_scoped_df830bf5_lang.css +0 -1
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import "../../../ChipDropdownTrigger.
|
|
1
|
+
import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_039dd922_lang.css"; import { defineComponent as B, ref as d, computed as p, watch as _, openBlock as A, createBlock as k, unref as t, withCtx as g, createElementVNode as r, mergeProps as u, createVNode as f, createTextVNode as D, toDisplayString as I, withDirectives as V, vShow as O, withModifiers as N } from "vue";
|
|
2
2
|
import x from "../../icon/v4/IconV4.vue.js";
|
|
3
3
|
import "../../icon/v4/IconFlag.vue.js";
|
|
4
|
-
import
|
|
5
|
-
import { DropdownTestIdModifiers as
|
|
6
|
-
import { useTestIdAttrs as
|
|
7
|
-
import { isElementTruncated as
|
|
8
|
-
import { promiseTimeout as
|
|
9
|
-
import
|
|
10
|
-
const
|
|
4
|
+
import S from "../../typography/v4/Typography.vue.js";
|
|
5
|
+
import { DropdownTestIdModifiers as s } from "../../../testids/index.js";
|
|
6
|
+
import { useTestIdAttrs as $ } from "../../../utils/testIds.js";
|
|
7
|
+
import { isElementTruncated as E } from "../../../utils/text.js";
|
|
8
|
+
import { promiseTimeout as R } from "@vueuse/core";
|
|
9
|
+
import U from "../../tooltip/v4/TooltipV4.vue.js";
|
|
10
|
+
const z = { class: "chip-trigger--icon" }, L = ["onClick"], K = /* @__PURE__ */ B({
|
|
11
11
|
__name: "ChipDropdownTrigger",
|
|
12
12
|
props: {
|
|
13
13
|
label: { default: "Status" },
|
|
@@ -20,53 +20,57 @@ const U = { class: "chip-trigger--icon" }, z = ["onClick"], K = /* @__PURE__ */
|
|
|
20
20
|
options: null,
|
|
21
21
|
selectedOption: null,
|
|
22
22
|
displayValue: null,
|
|
23
|
-
multi: { type: Boolean }
|
|
23
|
+
multi: { type: Boolean },
|
|
24
|
+
cancelAllSelectedDisplay: { type: Boolean, default: !1 },
|
|
25
|
+
displayValueInQuotes: { type: Boolean, default: !1 }
|
|
24
26
|
},
|
|
25
27
|
emits: ["clear"],
|
|
26
|
-
setup(
|
|
27
|
-
const e =
|
|
28
|
-
|
|
29
|
-
}, o = d(null), i = d(!0), m = d(!1),
|
|
28
|
+
setup(n, { emit: v }) {
|
|
29
|
+
const e = n, C = () => {
|
|
30
|
+
v("clear");
|
|
31
|
+
}, o = d(null), i = d(!0), m = d(!1), y = (l) => {
|
|
30
32
|
let a = l;
|
|
31
|
-
|
|
32
|
-
|
|
33
|
+
Array.isArray(l) && (l.length > 1 ? a = `${l[0]}, +${l[1]}` : a = l[0] ? `${l[0]}` : ""), i.value = !!a;
|
|
34
|
+
let T = a;
|
|
35
|
+
return e.displayValueInQuotes && (T = `"${a}"`), a ? `${e.label}: ${T}` : e.label;
|
|
36
|
+
}, b = p(
|
|
33
37
|
() => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
|
|
34
|
-
), c =
|
|
38
|
+
), c = $(e.testId, s), h = p(() => {
|
|
35
39
|
if (!e.multi)
|
|
36
40
|
return e.selectedOption ? e.displayValue(e.selectedOption) : "";
|
|
37
41
|
if (Array.isArray(e.selectedOption))
|
|
38
|
-
return e.selectedOption.length ? e.allSelected ? ["All"] : e.selectedOption.length == 1 && e.displayValue ? [e.displayValue(e.selectedOption[0])] : [
|
|
42
|
+
return e.selectedOption.length ? e.allSelected && !e.cancelAllSelectedDisplay ? ["All"] : e.selectedOption.length == 1 && e.displayValue ? [e.displayValue(e.selectedOption[0])] : [
|
|
39
43
|
e.displayValue(e.selectedOption[0]),
|
|
40
44
|
e.selectedOption.length - 1
|
|
41
45
|
] : [];
|
|
42
46
|
});
|
|
43
47
|
_([() => e.selectedOption, o], async () => {
|
|
44
|
-
await
|
|
48
|
+
await R(100), m.value = o.value && E(o.value);
|
|
45
49
|
});
|
|
46
|
-
const
|
|
47
|
-
return (l, a) => (
|
|
48
|
-
text: t(
|
|
50
|
+
const w = p(() => m.value ? y(h.value) : "");
|
|
51
|
+
return (l, a) => (A(), k(t(U), {
|
|
52
|
+
text: t(w),
|
|
49
53
|
class: "tooltip-option"
|
|
50
54
|
}, {
|
|
51
|
-
default:
|
|
55
|
+
default: g(() => [
|
|
52
56
|
r("div", u({
|
|
53
|
-
class: ["chip-trigger", [t(
|
|
54
|
-
}, t(c)[t(
|
|
57
|
+
class: ["chip-trigger", [t(b), { active: i.value, disabled: n.disabled, open: n.open }]]
|
|
58
|
+
}, t(c)[t(s).BUTTON]), [
|
|
55
59
|
r("div", {
|
|
56
60
|
ref_key: "textContainerRef",
|
|
57
61
|
ref: o,
|
|
58
62
|
class: "chip-trigger--content"
|
|
59
63
|
}, [
|
|
60
|
-
f(t(
|
|
64
|
+
f(t(S), u({
|
|
61
65
|
class: "chip-trigger--text",
|
|
62
66
|
variant: "chipLabel"
|
|
63
|
-
}, t(c)[t(
|
|
64
|
-
default:
|
|
65
|
-
|
|
67
|
+
}, t(c)[t(s).BUTTON_CONTENT]), {
|
|
68
|
+
default: g(() => [
|
|
69
|
+
D(I(y(t(h))), 1)
|
|
66
70
|
]),
|
|
67
71
|
_: 1
|
|
68
72
|
}, 16),
|
|
69
|
-
|
|
73
|
+
V(r("div", z, [
|
|
70
74
|
f(t(x), {
|
|
71
75
|
name: "caret-down",
|
|
72
76
|
size: "16px"
|
|
@@ -74,15 +78,15 @@ const U = { class: "chip-trigger--icon" }, z = ["onClick"], K = /* @__PURE__ */
|
|
|
74
78
|
], 512), [
|
|
75
79
|
[O, !i.value]
|
|
76
80
|
]),
|
|
77
|
-
|
|
78
|
-
onClick:
|
|
81
|
+
V(r("div", u({ class: "x-circle-wrapper" }, t(c)[t(s).BUTTON_CLEAR], {
|
|
82
|
+
onClick: N(C, ["stop"])
|
|
79
83
|
}), [
|
|
80
84
|
f(t(x), {
|
|
81
85
|
name: "x-circle",
|
|
82
86
|
size: "16px",
|
|
83
87
|
type: "fill"
|
|
84
88
|
})
|
|
85
|
-
], 16,
|
|
89
|
+
], 16, L), [
|
|
86
90
|
[O, i.value]
|
|
87
91
|
])
|
|
88
92
|
], 512)
|
|
@@ -15,6 +15,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
15
15
|
minCharsToStart?: number;
|
|
16
16
|
isOpen?: boolean;
|
|
17
17
|
searchQuery?: string;
|
|
18
|
+
loadMoreFn?: () => Promise<void>;
|
|
19
|
+
infiniteLoading?: boolean;
|
|
18
20
|
}>, {
|
|
19
21
|
label: string;
|
|
20
22
|
testId: string;
|
|
@@ -23,6 +25,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
23
25
|
minCharsToStart: number;
|
|
24
26
|
isOpen: boolean;
|
|
25
27
|
searchQuery: string;
|
|
28
|
+
loadMoreFn: any;
|
|
29
|
+
infiniteLoading: boolean;
|
|
26
30
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
27
31
|
"update:selectedCondition": (value: SelectedCondition) => void;
|
|
28
32
|
"update:appliedSelections": (value: unknown) => void;
|
|
@@ -39,6 +43,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
39
43
|
minCharsToStart?: number;
|
|
40
44
|
isOpen?: boolean;
|
|
41
45
|
searchQuery?: string;
|
|
46
|
+
loadMoreFn?: () => Promise<void>;
|
|
47
|
+
infiniteLoading?: boolean;
|
|
42
48
|
}>, {
|
|
43
49
|
label: string;
|
|
44
50
|
testId: string;
|
|
@@ -47,6 +53,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
47
53
|
minCharsToStart: number;
|
|
48
54
|
isOpen: boolean;
|
|
49
55
|
searchQuery: string;
|
|
56
|
+
loadMoreFn: any;
|
|
57
|
+
infiniteLoading: boolean;
|
|
50
58
|
}>>> & {
|
|
51
59
|
onClear?: () => any;
|
|
52
60
|
"onUpdate:selectedCondition"?: (value: SelectedCondition) => any;
|
|
@@ -55,10 +63,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
55
63
|
label: string;
|
|
56
64
|
testId: string;
|
|
57
65
|
isOpen: boolean;
|
|
66
|
+
infiniteLoading: boolean;
|
|
58
67
|
optionNameKey: string;
|
|
59
68
|
comparingKey: string;
|
|
60
69
|
minCharsToStart: number;
|
|
61
70
|
searchQuery: string;
|
|
71
|
+
loadMoreFn: () => Promise<void>;
|
|
62
72
|
}>;
|
|
63
73
|
export default _default;
|
|
64
74
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./ConditionalDropdown.vue2.js";
|
|
2
2
|
/* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../../ConditionalDropdown.
|
|
4
|
-
const
|
|
3
|
+
// import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_2aee12ad_lang.css"; //*');
|
|
4
|
+
const d = /* @__PURE__ */ e(o, [["__scopeId", "data-v-2aee12ad"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
d as default
|
|
7
7
|
};
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import "../../../ConditionalDropdown.
|
|
2
|
-
import
|
|
1
|
+
import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_2aee12ad_lang.css"; import { defineComponent as F, computed as h, ref as r, watch as w, onMounted as E, openBlock as k, createBlock as Q, unref as s, withCtx as v, createVNode as f, mergeProps as P, createElementVNode as R, isRef as z, normalizeProps as U, guardReactiveProps as $, createElementBlock as q, createTextVNode as I, toDisplayString as j, createCommentVNode as G } from "vue";
|
|
2
|
+
import T from "./DropdownV4.vue.js";
|
|
3
3
|
import "./DefaultDropdownTrigger.vue.js";
|
|
4
4
|
import "./IconButtonDropdownTrigger.vue.js";
|
|
5
|
-
import
|
|
5
|
+
import H from "./ChipDropdownTrigger.vue.js";
|
|
6
6
|
import "./AppDropdownTrigger.vue.js";
|
|
7
|
-
import "./ButtonDropdownTrigger.vue.js";
|
|
7
|
+
import J from "./ButtonDropdownTrigger.vue.js";
|
|
8
8
|
import "./ButtonFilterDropdownTrigger.vue.js";
|
|
9
9
|
import "./TreeDropdown.vue.js";
|
|
10
10
|
import "./OptionV4.vue.js";
|
|
11
11
|
import "./ConditionalDropdown.vue.js";
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import { useDebounceFn as
|
|
15
|
-
const
|
|
12
|
+
import W from "../../search/v4/SearchV4.vue.js";
|
|
13
|
+
import X from "../../typography/v4/Typography.vue.js";
|
|
14
|
+
import { useDebounceFn as Y } from "@vueuse/core";
|
|
15
|
+
const Z = { class: "conditional-container" }, _ = {
|
|
16
16
|
key: 0,
|
|
17
17
|
class: "custom-list-area"
|
|
18
|
-
},
|
|
18
|
+
}, me = /* @__PURE__ */ F({
|
|
19
19
|
__name: "ConditionalDropdown",
|
|
20
20
|
props: {
|
|
21
21
|
selectedCondition: null,
|
|
@@ -28,112 +28,135 @@ const q = { class: "conditional-container" }, G = {
|
|
|
28
28
|
optionNameKey: { default: "name" },
|
|
29
29
|
minCharsToStart: { default: 3 },
|
|
30
30
|
isOpen: { type: Boolean, default: !1 },
|
|
31
|
-
searchQuery: { default: "" }
|
|
31
|
+
searchQuery: { default: "" },
|
|
32
|
+
loadMoreFn: { type: Function, default: null },
|
|
33
|
+
infiniteLoading: { type: Boolean, default: !1 }
|
|
32
34
|
},
|
|
33
35
|
emits: ["update:selectedCondition", "update:appliedSelections", "clear"],
|
|
34
|
-
setup(c, { emit:
|
|
35
|
-
const e = c,
|
|
36
|
+
setup(c, { emit: b }) {
|
|
37
|
+
const e = c, y = h({
|
|
36
38
|
get: () => e.appliedSelections,
|
|
37
|
-
set: (
|
|
38
|
-
|
|
39
|
+
set: (a) => {
|
|
40
|
+
b("update:appliedSelections", a);
|
|
39
41
|
}
|
|
40
|
-
}),
|
|
42
|
+
}), o = h({
|
|
41
43
|
get: () => e.selectedCondition || e.conditionalOptions[0],
|
|
42
|
-
set: (
|
|
43
|
-
|
|
44
|
+
set: (a) => {
|
|
45
|
+
b("update:selectedCondition", a);
|
|
44
46
|
}
|
|
45
|
-
}),
|
|
46
|
-
const
|
|
47
|
-
return l.value.length ? null :
|
|
48
|
-
}),
|
|
47
|
+
}), S = r(null), p = r(!0), l = r([]), u = r([]), O = r(!0), d = r(!1), g = r(!1), t = r(e.searchQuery), N = r(""), m = r(e.label), D = h(() => (!t.value || t.value?.length < e.minCharsToStart) && !l.value.length ? `Enter at least ${e.minCharsToStart} keywords to begin` : "No results found"), M = h(() => {
|
|
48
|
+
const a = p.value ? 3 : 4.5;
|
|
49
|
+
return l.value.length ? null : a;
|
|
50
|
+
}), A = async (a) => {
|
|
49
51
|
try {
|
|
50
|
-
|
|
51
|
-
const i = await e.fetchFnCallback(
|
|
52
|
-
|
|
52
|
+
d.value = !0;
|
|
53
|
+
const i = await e.fetchFnCallback(a);
|
|
54
|
+
l.value = i, d.value = !1;
|
|
53
55
|
} catch (i) {
|
|
54
|
-
console.error("Error fetching data:", i);
|
|
56
|
+
d.value = !1, console.error("Error fetching data:", i);
|
|
55
57
|
}
|
|
56
|
-
},
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
58
|
+
}, K = async () => {
|
|
59
|
+
if (e.infiniteLoading)
|
|
60
|
+
try {
|
|
61
|
+
g.value = !0;
|
|
62
|
+
const a = await e.loadMoreFn();
|
|
63
|
+
g.value = !1, Array.isArray(a) && (l.value = [...l.value, ...a]);
|
|
64
|
+
} catch (a) {
|
|
65
|
+
g.value = !1, console.error("Error fetching data:", a);
|
|
66
|
+
}
|
|
67
|
+
}, L = Y(A, 400), C = (a) => {
|
|
68
|
+
a.length >= e.minCharsToStart ? (L(a), S.value.scrollTo(0)) : l.value = [];
|
|
69
|
+
}, V = () => {
|
|
70
|
+
t.value && l.value.length && !d.value && !o.value.multi ? l.value[0].conditionalOptions ? l.value[0] = {
|
|
60
71
|
name: t.value,
|
|
61
72
|
conditionalOptions: !0,
|
|
62
|
-
conditionalName:
|
|
73
|
+
conditionalName: o.value.label,
|
|
63
74
|
[e.comparingKey]: t.value
|
|
64
75
|
} : l.value = [
|
|
65
76
|
{
|
|
66
77
|
name: t.value,
|
|
67
78
|
conditionalOptions: !0,
|
|
68
|
-
conditionalName:
|
|
79
|
+
conditionalName: o.value.label,
|
|
69
80
|
[e.comparingKey]: t.value
|
|
70
81
|
},
|
|
71
82
|
...l.value
|
|
72
83
|
] : l.value.length && l.value[0].conditionalOptions && l.value.shift();
|
|
73
84
|
};
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
}),
|
|
77
|
-
|
|
85
|
+
w(t, () => {
|
|
86
|
+
C(t.value);
|
|
87
|
+
}), w([o, l], () => {
|
|
88
|
+
V();
|
|
78
89
|
});
|
|
79
|
-
const
|
|
80
|
-
N.value = t.value,
|
|
90
|
+
const x = () => {
|
|
91
|
+
p.value && u.value.length === 0 ? (o.value = null, y.value = [], o.value = null, m.value = e.label) : (N.value = t.value, m.value = `${e.label} ${o.value.label.toLowerCase()}`, y.value = p.value ? [...u.value] : { ...u.value }, O.value = p.value);
|
|
81
92
|
};
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
93
|
+
w(o, () => {
|
|
94
|
+
o.value.multi ? (d.value = !0, u.value = [], setTimeout(() => {
|
|
95
|
+
d.value = !1, p.value = !0;
|
|
85
96
|
}, 100)) : setTimeout(() => {
|
|
86
|
-
|
|
97
|
+
p.value = !1;
|
|
87
98
|
}, 100);
|
|
88
99
|
});
|
|
89
|
-
const
|
|
90
|
-
|
|
100
|
+
const B = () => {
|
|
101
|
+
u.value = [], y.value = [], o.value = null, m.value = e.label, t.value = "", b("clear");
|
|
91
102
|
};
|
|
92
|
-
return
|
|
93
|
-
e.searchQuery &&
|
|
94
|
-
}), (
|
|
95
|
-
|
|
96
|
-
|
|
103
|
+
return E(() => {
|
|
104
|
+
e.searchQuery && C(e.searchQuery);
|
|
105
|
+
}), (a, i) => (k(), Q(s(T), {
|
|
106
|
+
ref_key: "dropdownRef",
|
|
107
|
+
ref: S,
|
|
108
|
+
selected: u.value,
|
|
109
|
+
"onUpdate:selected": i[2] || (i[2] = (n) => u.value = n),
|
|
97
110
|
"predefined-trigger": "chip",
|
|
98
111
|
"display-value": (n) => n?.[c.optionNameKey],
|
|
99
|
-
multi:
|
|
112
|
+
multi: p.value,
|
|
100
113
|
options: l.value,
|
|
101
|
-
placeholder:
|
|
114
|
+
placeholder: m.value,
|
|
102
115
|
"search-placeholder": "Search",
|
|
103
116
|
"option-name-key": c.optionNameKey,
|
|
104
117
|
"with-conditions": "",
|
|
105
118
|
"inline-search": "",
|
|
106
|
-
"custom-number-of-displayed-options": s(
|
|
119
|
+
"custom-number-of-displayed-options": s(M),
|
|
107
120
|
"options-list-width": "330px",
|
|
108
|
-
loading:
|
|
121
|
+
loading: d.value,
|
|
122
|
+
"load-more-loading": g.value,
|
|
109
123
|
"comparing-key": c.comparingKey,
|
|
110
124
|
"is-open": c.isOpen,
|
|
111
|
-
|
|
112
|
-
|
|
125
|
+
"infinite-loading": c.infiniteLoading,
|
|
126
|
+
onOnsearch: C,
|
|
127
|
+
onApply: x,
|
|
128
|
+
onLoadMore: K
|
|
113
129
|
}, {
|
|
114
|
-
"dropdown-trigger":
|
|
115
|
-
|
|
116
|
-
label:
|
|
117
|
-
"selected-option": s(
|
|
118
|
-
multi:
|
|
119
|
-
|
|
120
|
-
|
|
130
|
+
"dropdown-trigger": v(({ defaultTriggerProps: n }) => [
|
|
131
|
+
f(s(H), P(n, {
|
|
132
|
+
label: m.value,
|
|
133
|
+
"selected-option": s(y),
|
|
134
|
+
multi: O.value,
|
|
135
|
+
"cancel-all-selected-display": "",
|
|
136
|
+
"display-value-in-quotes": !Array.isArray(u.value) && u.value.conditionalOptions,
|
|
137
|
+
onClear: B
|
|
138
|
+
}), null, 16, ["label", "selected-option", "multi", "display-value-in-quotes"])
|
|
121
139
|
]),
|
|
122
|
-
"dropdown-conditions":
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
selected: s(
|
|
126
|
-
"onUpdate:selected": i[0] || (i[0] = (n) =>
|
|
140
|
+
"dropdown-conditions": v(() => [
|
|
141
|
+
R("div", Z, [
|
|
142
|
+
f(s(T), {
|
|
143
|
+
selected: s(o),
|
|
144
|
+
"onUpdate:selected": i[0] || (i[0] = (n) => z(o) ? o.value = n : null),
|
|
127
145
|
options: c.conditionalOptions,
|
|
128
146
|
"option-name-key": "label",
|
|
129
147
|
"display-value": (n) => n?.label,
|
|
130
148
|
container: ".conditional-container",
|
|
131
149
|
size: "small"
|
|
132
|
-
},
|
|
150
|
+
}, {
|
|
151
|
+
"dropdown-trigger": v(({ buttonTriggerProps: n }) => [
|
|
152
|
+
f(s(J), U($(n)), null, 16)
|
|
153
|
+
]),
|
|
154
|
+
_: 1
|
|
155
|
+
}, 8, ["selected", "options", "display-value"])
|
|
133
156
|
])
|
|
134
157
|
]),
|
|
135
|
-
"inline-search":
|
|
136
|
-
|
|
158
|
+
"inline-search": v(() => [
|
|
159
|
+
f(s(W), {
|
|
137
160
|
modelValue: t.value,
|
|
138
161
|
"onUpdate:modelValue": i[1] || (i[1] = (n) => t.value = n),
|
|
139
162
|
class: "inline-search",
|
|
@@ -143,20 +166,20 @@ const q = { class: "conditional-container" }, G = {
|
|
|
143
166
|
"auto-focus": ""
|
|
144
167
|
}, null, 8, ["modelValue"])
|
|
145
168
|
]),
|
|
146
|
-
"custom-list-area":
|
|
147
|
-
!l.value.length && !
|
|
148
|
-
|
|
149
|
-
default:
|
|
150
|
-
|
|
169
|
+
"custom-list-area": v(() => [
|
|
170
|
+
!l.value.length && !d.value ? (k(), q("div", _, [
|
|
171
|
+
f(X, { variant: "body1" }, {
|
|
172
|
+
default: v(() => [
|
|
173
|
+
I(j(s(D)), 1)
|
|
151
174
|
]),
|
|
152
175
|
_: 1
|
|
153
176
|
})
|
|
154
|
-
])) :
|
|
177
|
+
])) : G("", !0)
|
|
155
178
|
]),
|
|
156
179
|
_: 1
|
|
157
|
-
}, 8, ["selected", "display-value", "multi", "options", "placeholder", "option-name-key", "custom-number-of-displayed-options", "loading", "comparing-key", "is-open"]));
|
|
180
|
+
}, 8, ["selected", "display-value", "multi", "options", "placeholder", "option-name-key", "custom-number-of-displayed-options", "loading", "load-more-loading", "comparing-key", "is-open", "infinite-loading"]));
|
|
158
181
|
}
|
|
159
182
|
});
|
|
160
183
|
export {
|
|
161
|
-
|
|
184
|
+
me as default
|
|
162
185
|
};
|
|
@@ -7,6 +7,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
7
7
|
disabled?: boolean;
|
|
8
8
|
popperClass?: string;
|
|
9
9
|
loading?: boolean;
|
|
10
|
+
loadMoreLoading?: boolean;
|
|
11
|
+
infiniteLoading?: boolean;
|
|
10
12
|
testId?: string;
|
|
11
13
|
isOpen?: boolean;
|
|
12
14
|
options: unknown[];
|
|
@@ -116,6 +118,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
116
118
|
disableVirtualScroll: boolean;
|
|
117
119
|
overrideOptionCountCalculation: any;
|
|
118
120
|
withConditions: boolean;
|
|
121
|
+
infiniteLoading: boolean;
|
|
119
122
|
}>, {
|
|
120
123
|
selectItem: (option: any, index?: number) => void;
|
|
121
124
|
scrollTo: (index: number) => void;
|
|
@@ -129,6 +132,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
129
132
|
clear: () => void;
|
|
130
133
|
copyToClipboard: () => void;
|
|
131
134
|
onsearch: (value: string) => void;
|
|
135
|
+
loadMore: () => void;
|
|
136
|
+
allSelectedChanged: (value: boolean) => void;
|
|
132
137
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
133
138
|
modelValue?: unknown;
|
|
134
139
|
selected?: unknown;
|
|
@@ -137,6 +142,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
137
142
|
disabled?: boolean;
|
|
138
143
|
popperClass?: string;
|
|
139
144
|
loading?: boolean;
|
|
145
|
+
loadMoreLoading?: boolean;
|
|
146
|
+
infiniteLoading?: boolean;
|
|
140
147
|
testId?: string;
|
|
141
148
|
isOpen?: boolean;
|
|
142
149
|
options: unknown[];
|
|
@@ -246,14 +253,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
246
253
|
disableVirtualScroll: boolean;
|
|
247
254
|
overrideOptionCountCalculation: any;
|
|
248
255
|
withConditions: boolean;
|
|
256
|
+
infiniteLoading: boolean;
|
|
249
257
|
}>>> & {
|
|
250
258
|
onCopyToClipboard?: () => any;
|
|
251
259
|
onClear?: () => any;
|
|
252
260
|
onApply?: (value: unknown) => any;
|
|
253
261
|
onSelectAll?: () => any;
|
|
254
262
|
"onUpdate:selected"?: (value: unknown) => any;
|
|
263
|
+
onAllSelectedChanged?: (value: boolean) => any;
|
|
255
264
|
"onUpdate:isOpen"?: (value: unknown) => any;
|
|
256
265
|
onOnsearch?: (value: string) => any;
|
|
266
|
+
onLoadMore?: () => any;
|
|
257
267
|
onOpened?: () => any;
|
|
258
268
|
onClosed?: () => any;
|
|
259
269
|
}, {
|
|
@@ -273,6 +283,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
273
283
|
valueToCopy: string;
|
|
274
284
|
placeholder: string;
|
|
275
285
|
multi: boolean;
|
|
286
|
+
infiniteLoading: boolean;
|
|
276
287
|
showSelectAll: boolean;
|
|
277
288
|
defaultOpen: boolean;
|
|
278
289
|
keepOpen: boolean;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import o from "./DropdownV4.vue2.js";
|
|
2
|
-
/* empty css *//* empty css */import
|
|
3
|
-
// import "../../../DropdownV4.
|
|
2
|
+
/* empty css *//* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_6466948d_lang.css"; //*');
|
|
4
4
|
// import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; //');
|
|
5
|
-
const r = /* @__PURE__ */
|
|
5
|
+
const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-6466948d"]]);
|
|
6
6
|
export {
|
|
7
7
|
r as default
|
|
8
8
|
};
|