@ironsource/shared-ui 2.1.12-test.84 → 2.1.12-test.85
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/DropdownV4.vue_vue_type_style_index_0_scoped_934163c0_lang.css +1 -0
- package/OptionV4.vue_vue_type_style_index_0_scoped_0287cebf_lang.css +1 -0
- package/components/dropdown/common/Dropdown.common.js +82 -78
- package/components/dropdown/v4/DropdownV4.vue.d.ts +5 -0
- package/components/dropdown/v4/DropdownV4.vue.js +4 -4
- package/components/dropdown/v4/DropdownV4.vue2.js +41 -39
- package/components/dropdown/v4/OptionV4.vue.d.ts +5 -5
- package/components/dropdown/v4/OptionV4.vue.js +2 -2
- package/components/dropdown/v4/OptionV4.vue2.js +3 -3
- package/components/dropdown/v4/index.d.ts +40 -21
- package/index.d.ts +80 -42
- package/index.js +1 -1
- package/mocks/optionsWithIcons.d.ts +1 -0
- package/package.json +1 -1
- package/DropdownV4.vue_vue_type_style_index_0_scoped_dd86e387_lang.css +0 -1
- package/OptionV4.vue_vue_type_style_index_0_scoped_8e88292f_lang.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.v-enter-active[data-v-934163c0],.v-leave-active[data-v-934163c0]{transition:opacity .25s ease}ol[data-v-934163c0],ul[data-v-934163c0],menu[data-v-934163c0]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-934163c0],.dropdown.full-width .button__container[data-v-934163c0]{width:100%}.dropdown-list-wrapper[data-v-934163c0]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-934163c0]{padding:.5rem}.list-container--multi[data-v-934163c0]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-934163c0]{display:flex;gap:4px;padding-bottom:.25rem}.inline-search .inline-search-wrapper .search-container[data-v-934163c0]{width:100%}.inline-search .list-container[data-v-934163c0]{padding-top:0}.no-result-container[data-v-934163c0]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-934163c0]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-934163c0]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-934163c0]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.list--with-conditions[data-v-934163c0]{min-height:0;margin-bottom:0}.image-slot[data-v-934163c0]{margin-right:.5rem}.actions-wrapper[data-v-934163c0]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between;margin-top:.25rem}.apply-button[data-v-934163c0]{margin-left:.5rem}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.label[data-v-0287cebf]{color:#41454d}.item-container[data-v-0287cebf]{width:100%;display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-0287cebf]{cursor:not-allowed;color:var(--text-disabled)}.item-container--disabled .item .start-icon[data-v-0287cebf],.item-container--disabled .item .end-icon[data-v-0287cebf],.item-container--disabled .item .end-text-icon[data-v-0287cebf]{color:var(--text-disabled)}.item-container--disabled .item .image img[data-v-0287cebf]{opacity:.5}.item-container[data-v-0287cebf]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-0287cebf],.item-container[data-v-0287cebf]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-0287cebf]{background-color:var(--action-selected)}.subtitle[data-v-0287cebf]{color:#7b838c;line-height:1rem}.clear-button[data-v-0287cebf]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-0287cebf]:hover{color:#3083ff}.item[data-v-0287cebf]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-0287cebf],.item--multi[data-v-0287cebf]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-0287cebf]{width:20px;height:20px;flex:none}.item .image img[data-v-0287cebf]{width:20px;height:20px;border-radius:4px}.item .flag[data-v-0287cebf]{width:16px;height:16px}.item .flag img[data-v-0287cebf]{width:16px;height:16px;border-radius:50%}.item .start-icon[data-v-0287cebf],.item .end-icon[data-v-0287cebf]{display:flex;color:var(--action-active)}.item .end-text-icon[data-v-0287cebf]{display:inline-flex}.item .option-text[data-v-0287cebf]{line-height:1.1875rem}.text-container[data-v-0287cebf]{width:100%;text-overflow:ellipsis;overflow:hidden}.v4-tooltip.tooltip-option[data-v-0287cebf]{display:block}.tooltip-option[data-v-0287cebf] .container{width:100%}.app-trigger--icon[data-v-0287cebf]{color:var(--action-active);transform:rotate(-90deg);transition:transform .2s}.app-trigger--icon.expanded[data-v-0287cebf]{transform:rotate(0)}.option-warning[data-v-0287cebf]{display:flex}.option-warning__icon[data-v-0287cebf]{color:var(--warning-main)}.option-content[data-v-0287cebf]{display:flex}.option-content[data-v-0287cebf]:not(.option-content-vertical){gap:.5rem;align-items:center}.option-content-horizontal[data-v-0287cebf]{justify-content:space-between;gap:.5rem}.option-content-vertical[data-v-0287cebf]{flex-direction:column}.option-text .main-text[data-v-0287cebf]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.option-text .main-text .conditional-option-label[data-v-0287cebf]{color:var(--text-secondary);display:inline-flex}.option-text .main-text .conditional-option-value[data-v-0287cebf]{margin-left:4px;display:inline-flex;color:var(--primary-main)}.option-text .caption-text[data-v-0287cebf]{color:var(--text-secondary)}.multiline-tooltip[data-v-0287cebf]{display:flex;flex-direction:column}
|
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
import { useToggle as
|
|
2
|
-
import { inject as
|
|
3
|
-
import { isObjectInArray as
|
|
4
|
-
import { objectsEqual as
|
|
5
|
-
import { useClamp as
|
|
6
|
-
import { Mode as w, Type as U, DropdownContext as
|
|
7
|
-
import { pxToRem as
|
|
8
|
-
import { useEditableContext as
|
|
9
|
-
import { useGroupedOptions as
|
|
10
|
-
const
|
|
11
|
-
const B =
|
|
1
|
+
import { useToggle as ke } from "../../../composables/useToggle.js";
|
|
2
|
+
import { inject as Ge, ref as r, computed as c, watch as b, useSlots as Le, toRaw as I, nextTick as N, provide as Ue, onMounted as Be } from "vue";
|
|
3
|
+
import { isObjectInArray as ue } from "../../../utils/array.js";
|
|
4
|
+
import { objectsEqual as He } from "../../../utils/object.js";
|
|
5
|
+
import { useClamp as qe, useVirtualList as Xe, onClickOutside as ie, useInfiniteScroll as $e } from "@vueuse/core";
|
|
6
|
+
import { Mode as w, Type as U, DropdownContext as je } from "./DropdownContext.js";
|
|
7
|
+
import { pxToRem as ze } from "../../../utils/style.js";
|
|
8
|
+
import { useEditableContext as We } from "../../table-cells/common/EditableContext.js";
|
|
9
|
+
import { useGroupedOptions as Je } from "./useGroupedOptions.js";
|
|
10
|
+
const nl = (e, d, y) => {
|
|
11
|
+
const B = Ge("isTreeDropdown", !1), {
|
|
12
12
|
sortOutGroups: H,
|
|
13
13
|
flattenAndMarkGroupOptions: q,
|
|
14
14
|
isGroup: X,
|
|
15
|
-
selectAllWithGroups:
|
|
16
|
-
isIndeterminateGrouped:
|
|
15
|
+
selectAllWithGroups: re,
|
|
16
|
+
isIndeterminateGrouped: oe,
|
|
17
17
|
allSelectedGrouped: $,
|
|
18
|
-
areAllPreviousSelected:
|
|
19
|
-
groupedChildOptionsLength:
|
|
20
|
-
} =
|
|
18
|
+
areAllPreviousSelected: ce,
|
|
19
|
+
groupedChildOptionsLength: se
|
|
20
|
+
} = Je(e), de = (l, t) => e.multi && Array.isArray(l) ? e.comparingKey ? l?.findIndex(
|
|
21
21
|
(i) => i[e.comparingKey] === t[e.comparingKey]
|
|
22
|
-
) > -1 :
|
|
22
|
+
) > -1 : ue(l, t) : e.comparingKey ? l?.[e.comparingKey] === t[e.comparingKey] : l === t;
|
|
23
23
|
let j;
|
|
24
24
|
((l) => {
|
|
25
25
|
l[l.None = 0] = "None", l[l.Next = 1] = "Next", l[l.Previous = -1] = "Previous", l[l.NextPage = 10] = "NextPage", l[l.PrevPage = -10] = "PrevPage";
|
|
26
26
|
})(j || (j = {}));
|
|
27
27
|
const a = r(
|
|
28
28
|
e.selected
|
|
29
|
-
), K =
|
|
29
|
+
), K = We(), n = c({
|
|
30
30
|
get() {
|
|
31
31
|
return K?.value?.value ?? a.value;
|
|
32
32
|
},
|
|
@@ -40,45 +40,45 @@ const al = (e, d, y) => {
|
|
|
40
40
|
a.value = e.selected, v.value = e.selected;
|
|
41
41
|
}
|
|
42
42
|
);
|
|
43
|
-
const
|
|
43
|
+
const ve = Le(), x = r(null), m = r(null), z = r(null), R = r(null), W = r(null), D = r(null), fe = r(), J = r(null), Q = r(null), Y = r(null), ge = 8, ye = c(() => D.value ? D.value.getBoundingClientRect().height + ge + e.distance : 0), C = r(!1), h = r([]), T = r(-1), O = r(""), v = r(e.selected || []), Z = () => D.value?.focus(), [S, he, Oe] = ke({
|
|
44
44
|
disabled: e.disabled,
|
|
45
45
|
initialValue: e.defaultOpen
|
|
46
46
|
});
|
|
47
47
|
b(
|
|
48
48
|
() => e.disabled,
|
|
49
49
|
(l) => {
|
|
50
|
-
l !== void 0 &&
|
|
50
|
+
l !== void 0 && Oe(l);
|
|
51
51
|
}
|
|
52
52
|
);
|
|
53
53
|
const F = (l) => {
|
|
54
|
-
|
|
55
|
-
},
|
|
54
|
+
Se.value = he(l);
|
|
55
|
+
}, Se = c({
|
|
56
56
|
get() {
|
|
57
57
|
return e.isOpen;
|
|
58
58
|
},
|
|
59
59
|
set(l) {
|
|
60
60
|
d("update:isOpen", l);
|
|
61
61
|
}
|
|
62
|
-
}),
|
|
62
|
+
}), me = c(() => o.value.length - 1), g = qe(0, 0, me), p = c(() => n.value ? e.displayValue(n.value) : ""), Ae = (l) => {
|
|
63
63
|
if (!l.value.length && !e.multiOptionsPlaceholderPrefix && !e.multiOptionsPlaceholderSuffix)
|
|
64
64
|
return e.placeholder;
|
|
65
65
|
const t = !e.multiOptionsPlaceholderPrefix && !e.multiOptionsPlaceholderSuffix ? `${l.value.length} selected` : `${e.multiOptionsPlaceholderPrefix ?? ""}${l.value.length ?? "0"}${e.multiOptionsPlaceholderSuffix ?? ""}`;
|
|
66
66
|
return l.value.length == 1 && e.displayValue ? e.displayValue(l.value[0]) : t;
|
|
67
|
-
},
|
|
67
|
+
}, be = c(() => {
|
|
68
68
|
if (!e.multi)
|
|
69
69
|
return n.value ? e.displayValue(n.value) : e.placeholder;
|
|
70
70
|
if (Array.isArray(a.value))
|
|
71
|
-
return
|
|
71
|
+
return Ae(a);
|
|
72
72
|
}), E = c(() => {
|
|
73
73
|
if (Array.isArray(a.value))
|
|
74
74
|
return e.groupedOptions ? $(o, a) : a.value.length === o.value.length;
|
|
75
|
-
}),
|
|
75
|
+
}), Te = c(() => !e.multi || !Array.isArray(a.value) ? !1 : e.groupedOptions ? oe(
|
|
76
76
|
o,
|
|
77
77
|
a
|
|
78
78
|
) : a.value.length > 0 && a.value.length < o.value.length), _ = (l) => {
|
|
79
79
|
O.value = l;
|
|
80
|
-
}, M = c(() => e.groupedOptions ? q(e.options) : e.options),
|
|
81
|
-
if (
|
|
80
|
+
}, M = c(() => e.groupedOptions ? q(e.options) : e.options), Pe = c(() => {
|
|
81
|
+
if (ce(
|
|
82
82
|
M,
|
|
83
83
|
v
|
|
84
84
|
))
|
|
@@ -96,20 +96,20 @@ const al = (e, d, y) => {
|
|
|
96
96
|
const t = e.groupedOptions ? H(l.notSelected) : l.notSelected;
|
|
97
97
|
return [].concat(l.selected, t);
|
|
98
98
|
}), o = c(() => {
|
|
99
|
-
const l = Array.isArray(v.value) && e.multi && y.VERSION === 4 && !B ?
|
|
99
|
+
const l = Array.isArray(v.value) && e.multi && y.VERSION === 4 && !B ? Pe.value : M.value;
|
|
100
100
|
if (e.onSearch) {
|
|
101
101
|
const t = l.filter((i) => e.groupedOptions && X(i) ? i : e.onSearch(i, O.value));
|
|
102
102
|
return e.groupedOptions ? H(t) : t;
|
|
103
103
|
} else
|
|
104
104
|
return l;
|
|
105
|
-
}),
|
|
106
|
-
() =>
|
|
105
|
+
}), Ie = c(() => h.value[0]?.hasSubtitle), ee = c(() => s.mode === w.Multi), le = c(
|
|
106
|
+
() => Ie.value ? y.MULTILINE_LIST_HEIGHT : y.LIST_HEIGHT
|
|
107
107
|
), {
|
|
108
108
|
list: V,
|
|
109
109
|
containerProps: k,
|
|
110
|
-
wrapperProps:
|
|
110
|
+
wrapperProps: we,
|
|
111
111
|
scrollTo: P
|
|
112
|
-
} =
|
|
112
|
+
} = Xe(o, {
|
|
113
113
|
itemHeight: le.value,
|
|
114
114
|
overscan: e.disableVirtualScroll ? 1 / 0 : 2
|
|
115
115
|
});
|
|
@@ -151,14 +151,14 @@ const al = (e, d, y) => {
|
|
|
151
151
|
}
|
|
152
152
|
Z();
|
|
153
153
|
});
|
|
154
|
-
const
|
|
154
|
+
const xe = () => {
|
|
155
155
|
if (E.value) {
|
|
156
156
|
a.value = [];
|
|
157
157
|
return;
|
|
158
158
|
}
|
|
159
159
|
if (Array.isArray(a.value)) {
|
|
160
160
|
if (e.groupedOptions)
|
|
161
|
-
|
|
161
|
+
re(o, a);
|
|
162
162
|
else {
|
|
163
163
|
if (a.value.length === o.value.length) {
|
|
164
164
|
a.value = [];
|
|
@@ -168,9 +168,9 @@ const al = (e, d, y) => {
|
|
|
168
168
|
}
|
|
169
169
|
d("selectAll");
|
|
170
170
|
}
|
|
171
|
-
},
|
|
172
|
-
|
|
173
|
-
},
|
|
171
|
+
}, De = () => {
|
|
172
|
+
xe(), y.VERSION !== 4 && (n.value = a.value);
|
|
173
|
+
}, Me = (l = !0) => {
|
|
174
174
|
a.value = [], l ? (n.value = [], v.value = [], d("clear")) : e.dynamicFilterMode || d("clear");
|
|
175
175
|
}, G = (l, t) => {
|
|
176
176
|
if (l = I(l), y.VERSION === 4 ? l[e.disabledOptionKey] : h.value[t]?.disabled)
|
|
@@ -179,23 +179,23 @@ const al = (e, d, y) => {
|
|
|
179
179
|
e.keepOpen || A(!1), s.goToOption(
|
|
180
180
|
0
|
|
181
181
|
/* None */
|
|
182
|
-
), n.value = l, _(""), Z(), s.type === U.Search && m.value && (m.value.value = e.displayValue(l)),
|
|
182
|
+
), n.value = l, _(""), Z(), s.type === U.Search && m.value && (m.value.value = e.displayValue(l)), ae();
|
|
183
183
|
return;
|
|
184
184
|
}
|
|
185
185
|
if (!Array.isArray(a.value))
|
|
186
186
|
return;
|
|
187
187
|
m.value?.focus();
|
|
188
188
|
const f = I(a.value);
|
|
189
|
-
if (
|
|
189
|
+
if (ue(f, l) || e.comparingKey && f.findIndex(
|
|
190
190
|
(u) => u[e.comparingKey] === l[e.comparingKey]
|
|
191
191
|
) > -1) {
|
|
192
|
-
a.value = f.filter((u) => e.comparingKey ? u[e.comparingKey] !== l[e.comparingKey] : !
|
|
192
|
+
a.value = f.filter((u) => e.comparingKey ? u[e.comparingKey] !== l[e.comparingKey] : !He(u, l));
|
|
193
193
|
return;
|
|
194
194
|
} else {
|
|
195
195
|
a.value = [...f, l];
|
|
196
196
|
return;
|
|
197
197
|
}
|
|
198
|
-
},
|
|
198
|
+
}, Ce = (l) => h.value[l]?.disabled, s = {
|
|
199
199
|
activeIndex: g,
|
|
200
200
|
options: h,
|
|
201
201
|
selectedOption: n,
|
|
@@ -203,7 +203,7 @@ const al = (e, d, y) => {
|
|
|
203
203
|
activeOption: R,
|
|
204
204
|
listRef: x,
|
|
205
205
|
clearable: e.clearable,
|
|
206
|
-
type:
|
|
206
|
+
type: ve.input ? U.Search : U.Dropdown,
|
|
207
207
|
mode: e.multi ? w.Multi : w.Single,
|
|
208
208
|
query: O,
|
|
209
209
|
selectedValue: p,
|
|
@@ -230,7 +230,7 @@ const al = (e, d, y) => {
|
|
|
230
230
|
R.value = o.value[t], g.value = t;
|
|
231
231
|
return;
|
|
232
232
|
}
|
|
233
|
-
if ((l === 1 || l === 10) && (t = t + 1), (l === -1 || l === -10) && (t = t + -1), !!
|
|
233
|
+
if ((l === 1 || l === 10) && (t = t + 1), (l === -1 || l === -10) && (t = t + -1), !!Ce(g.value)) {
|
|
234
234
|
R.value = o.value[t], g.value = t;
|
|
235
235
|
return;
|
|
236
236
|
}
|
|
@@ -246,10 +246,10 @@ const al = (e, d, y) => {
|
|
|
246
246
|
h.value = h.value.filter((t) => t.id !== l);
|
|
247
247
|
}
|
|
248
248
|
};
|
|
249
|
-
|
|
249
|
+
Ue(je, s), ie(
|
|
250
250
|
x,
|
|
251
251
|
() => {
|
|
252
|
-
S.value &&
|
|
252
|
+
S.value && ne();
|
|
253
253
|
},
|
|
254
254
|
{
|
|
255
255
|
ignore: [
|
|
@@ -262,22 +262,26 @@ const al = (e, d, y) => {
|
|
|
262
262
|
]
|
|
263
263
|
}
|
|
264
264
|
);
|
|
265
|
-
const
|
|
265
|
+
const Ne = () => {
|
|
266
266
|
m.value && (m.value.value = s.query.value = "");
|
|
267
|
-
}
|
|
268
|
-
|
|
269
|
-
e.autoFocus && (await N(), setTimeout(() => {
|
|
270
|
-
z.value.focus();
|
|
271
|
-
})), s.goToOption(0), e.multi && !B && (e.groupedOptions ? C.value = $(
|
|
267
|
+
}, te = () => {
|
|
268
|
+
e.multi && !B && (e.groupedOptions ? C.value = $(
|
|
272
269
|
o,
|
|
273
270
|
a
|
|
274
271
|
) : C.value = e.options.length === e.selected.length);
|
|
272
|
+
};
|
|
273
|
+
Be(async () => {
|
|
274
|
+
e.autoFocus && (await N(), setTimeout(() => {
|
|
275
|
+
z.value.focus();
|
|
276
|
+
})), s.goToOption(0), te();
|
|
277
|
+
}), b([() => e.options, () => e.selected], () => {
|
|
278
|
+
te();
|
|
275
279
|
});
|
|
276
|
-
const
|
|
277
|
-
e.multi && (n.value = a.value, Array.isArray(n.value) && (v.value = I(n.value).slice(), C.value = e.groupedOptions ?
|
|
278
|
-
},
|
|
280
|
+
const ae = () => {
|
|
281
|
+
e.multi && (n.value = a.value, Array.isArray(n.value) && (v.value = I(n.value).slice(), C.value = e.groupedOptions ? se(e.options) === n.value.length : e.options.length === n.value.length)), d("apply", n.value), d("allSelectedChanged", E.value), A(!1), Ne();
|
|
282
|
+
}, ne = () => {
|
|
279
283
|
ee.value && Array.isArray(v.value) && (n.value = I(v.value).slice()), O.value = "", A(!1);
|
|
280
|
-
},
|
|
284
|
+
}, Ke = (l) => {
|
|
281
285
|
if (!e.disableKeyboardEvents)
|
|
282
286
|
switch (l.key) {
|
|
283
287
|
case "Space":
|
|
@@ -286,7 +290,7 @@ const al = (e, d, y) => {
|
|
|
286
290
|
case "ArrowDown":
|
|
287
291
|
A(!0), l.preventDefault();
|
|
288
292
|
}
|
|
289
|
-
},
|
|
293
|
+
}, Re = (l) => {
|
|
290
294
|
if (!e.disableKeyboardEvents)
|
|
291
295
|
switch (l.key) {
|
|
292
296
|
case "ArrowUp": {
|
|
@@ -330,19 +334,19 @@ const al = (e, d, y) => {
|
|
|
330
334
|
break;
|
|
331
335
|
}
|
|
332
336
|
}
|
|
333
|
-
},
|
|
337
|
+
}, Ee = c(() => {
|
|
334
338
|
if (e.loading)
|
|
335
339
|
return 8.5;
|
|
336
|
-
const l = e.loadMoreLoading && y.MAX_NUMBER_OF_OPTIONS || e.customNumberOfDisplayedOptions || V.value.reduce((L,
|
|
337
|
-
const
|
|
338
|
-
return L +
|
|
340
|
+
const l = e.loadMoreLoading && y.MAX_NUMBER_OF_OPTIONS || e.customNumberOfDisplayedOptions || V.value.reduce((L, _e) => {
|
|
341
|
+
const Ve = e.overrideOptionCountCalculation ? e.overrideOptionCountCalculation(_e.data) : 1;
|
|
342
|
+
return L + Ve;
|
|
339
343
|
}, 0), t = e.multi && e.showSelectAll && !O.value ? 1 : 0, i = l > y.MAX_NUMBER_OF_OPTIONS, f = l + t;
|
|
340
344
|
let u = i ? y.MAX_NUMBER_OF_OPTIONS + 0.1 : f;
|
|
341
|
-
return e.loadMoreLoading && e.multi && (V.value.length ? u = u + 0.1 : u = u - 0.9), e.noResultsText && u === 0 && (u = u + 1), e.withConditions && O.value && (u = u + 1),
|
|
345
|
+
return e.loadMoreLoading && e.multi && (V.value.length ? u = u + 0.1 : u = u - 0.9), e.noResultsText && u === 0 && (u = u + 1), e.withConditions && O.value && (u = u + 1), ze(
|
|
342
346
|
u * le.value + y.PADDING_PX
|
|
343
347
|
);
|
|
344
348
|
});
|
|
345
|
-
return
|
|
349
|
+
return $e(
|
|
346
350
|
k.ref,
|
|
347
351
|
() => {
|
|
348
352
|
!e.loadMoreLoading && e.infiniteLoading && d("loadMore");
|
|
@@ -351,45 +355,45 @@ const al = (e, d, y) => {
|
|
|
351
355
|
), b(a, () => {
|
|
352
356
|
d("unsavedSelectionUpdate", a.value);
|
|
353
357
|
}), {
|
|
354
|
-
onKeydown:
|
|
355
|
-
location:
|
|
358
|
+
onKeydown: Re,
|
|
359
|
+
location: ye,
|
|
356
360
|
open: S,
|
|
357
361
|
toggleMenu: A,
|
|
358
|
-
onButtonKeydown:
|
|
359
|
-
displayedValue:
|
|
362
|
+
onButtonKeydown: Ke,
|
|
363
|
+
displayedValue: be,
|
|
360
364
|
labelRef: W,
|
|
361
365
|
query: O,
|
|
362
366
|
containerProps: k,
|
|
363
|
-
calculateTableHeight:
|
|
364
|
-
wrapperProps:
|
|
367
|
+
calculateTableHeight: Ee,
|
|
368
|
+
wrapperProps: we,
|
|
365
369
|
filteredOptions: o,
|
|
366
370
|
allSelected: E,
|
|
367
371
|
allSelectedApplied: C,
|
|
368
|
-
isIndeterminate:
|
|
369
|
-
onSelectAll:
|
|
372
|
+
isIndeterminate: Te,
|
|
373
|
+
onSelectAll: De,
|
|
370
374
|
virtualOptions: V,
|
|
371
|
-
isSelected:
|
|
375
|
+
isSelected: de,
|
|
372
376
|
selectedOption: n,
|
|
373
377
|
selectedOptionPrevious: v,
|
|
374
378
|
selectedValue: p,
|
|
375
379
|
onSelect: G,
|
|
376
380
|
activeIndex: g,
|
|
377
|
-
onCancel:
|
|
378
|
-
onApply:
|
|
381
|
+
onCancel: ne,
|
|
382
|
+
onApply: ae,
|
|
379
383
|
scrollTo: P,
|
|
380
|
-
onClickOutside:
|
|
384
|
+
onClickOutside: ie,
|
|
381
385
|
listRef: x,
|
|
382
386
|
buttonRef: D,
|
|
383
387
|
apply: J,
|
|
384
388
|
cancel: Q,
|
|
385
389
|
el: z,
|
|
386
|
-
triggerRef:
|
|
390
|
+
triggerRef: fe,
|
|
387
391
|
clearAll: Y,
|
|
388
|
-
onClearAllSelections:
|
|
392
|
+
onClearAllSelections: Me,
|
|
389
393
|
isGroup: X,
|
|
390
394
|
flattenAndMarkGroupOptions: q
|
|
391
395
|
};
|
|
392
396
|
};
|
|
393
397
|
export {
|
|
394
|
-
|
|
398
|
+
nl as dropdownCommon
|
|
395
399
|
};
|
|
@@ -60,6 +60,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
60
60
|
groupedOptions?: boolean;
|
|
61
61
|
comparingKey?: string;
|
|
62
62
|
customNumberOfDisplayedOptions?: number;
|
|
63
|
+
optionTooltipPosition?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
63
64
|
theme?: string;
|
|
64
65
|
fullWidth?: boolean;
|
|
65
66
|
optionsListWidth?: string;
|
|
@@ -124,6 +125,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
124
125
|
groupedOptions: boolean;
|
|
125
126
|
comparingKey: any;
|
|
126
127
|
customNumberOfDisplayedOptions: any;
|
|
128
|
+
optionTooltipPosition: string;
|
|
127
129
|
fullWidth: boolean;
|
|
128
130
|
optionsListWidth: any;
|
|
129
131
|
statusType: any;
|
|
@@ -208,6 +210,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
208
210
|
groupedOptions?: boolean;
|
|
209
211
|
comparingKey?: string;
|
|
210
212
|
customNumberOfDisplayedOptions?: number;
|
|
213
|
+
optionTooltipPosition?: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
211
214
|
theme?: string;
|
|
212
215
|
fullWidth?: boolean;
|
|
213
216
|
optionsListWidth?: string;
|
|
@@ -272,6 +275,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
272
275
|
groupedOptions: boolean;
|
|
273
276
|
comparingKey: any;
|
|
274
277
|
customNumberOfDisplayedOptions: any;
|
|
278
|
+
optionTooltipPosition: string;
|
|
275
279
|
fullWidth: boolean;
|
|
276
280
|
optionsListWidth: any;
|
|
277
281
|
statusType: any;
|
|
@@ -349,6 +353,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
349
353
|
groupedOptions: boolean;
|
|
350
354
|
comparingKey: string;
|
|
351
355
|
customNumberOfDisplayedOptions: number;
|
|
356
|
+
optionTooltipPosition: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
352
357
|
fullWidth: boolean;
|
|
353
358
|
optionsListWidth: string;
|
|
354
359
|
statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
|
|
@@ -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_934163c0_lang.css"; //*');
|
|
4
4
|
// import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; //');
|
|
5
|
-
const
|
|
5
|
+
const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-934163c0"]]);
|
|
6
6
|
export {
|
|
7
|
-
|
|
7
|
+
r as default
|
|
8
8
|
};
|