@shtabapp/ui-kit 1.49.0 → 1.51.0
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/CHANGELOG.md +26 -0
- package/dist/{SAvatarGroup-CaqcKGIq.cjs → SAvatarGroup-CTC_esUv.cjs} +1 -1
- package/dist/{SAvatarGroup-MuTqzfYS.js → SAvatarGroup-F5w88NGf.js} +1 -1
- package/dist/{SCard-CrU67ok0.js → SCard-BkmIQd2s.js} +4 -4
- package/dist/SCard-BzIQoACi.cjs +1 -0
- package/dist/SCheckbox-BXV4bPOv.js +76 -0
- package/dist/SCheckbox-D_YLWg6a.cjs +1 -0
- package/dist/SChip-DRz5BA4Z.cjs +1 -0
- package/dist/{SChip-TxpPE0VS.js → SChip-DvPazz7Y.js} +0 -1
- package/dist/{SColorPicker-CeKB3QS1.cjs → SColorPicker-CuuiFxI0.cjs} +1 -1
- package/dist/{SColorPicker-BqsD-5xA.js → SColorPicker-Dl5H4iwH.js} +1 -1
- package/dist/SInput-DJL9QOIG.cjs +1 -0
- package/dist/{SInput-CkanJfLx.js → SInput-ug89CYt3.js} +45 -45
- package/dist/{SList-DAzztC-7.js → SList-BESqVnlh.js} +1 -1
- package/dist/{SList-S18K8mlH.cjs → SList-qQ7B5u8o.cjs} +1 -1
- package/dist/SListItem-DBGDVeoJ.cjs +1 -0
- package/dist/{SListItem-BRXZEePg.js → SListItem-DJ8uSadf.js} +46 -45
- package/dist/SOverflowGroup-CyksOav7.js +79 -0
- package/dist/{SOverflowGroup-DyVUzkNu.cjs → SOverflowGroup-rmU10_7L.cjs} +1 -1
- package/dist/SRadio-BZKPhGwO.js +58 -0
- package/dist/SRadio-CcmuHaKk.cjs +1 -0
- package/dist/SSelect-CMR4dxSn.cjs +1 -0
- package/dist/SSelect-pXiw_NyB.js +680 -0
- package/dist/{STagGroup-BMIwBk-O.cjs → STagGroup-CF2TFkb3.cjs} +1 -1
- package/dist/{STagGroup-wSpc3guU.js → STagGroup-GzZhto7-.js} +1 -1
- package/dist/SToggle-B5EdI-rG.cjs +1 -0
- package/dist/SToggle-BgCgar2U.js +59 -0
- package/dist/components/SCard/SCard.vue.d.ts.map +1 -1
- package/dist/components/SCheckbox/SCheckbox.vue.d.ts.map +1 -1
- package/dist/components/SChip/SChip.vue.d.ts.map +1 -1
- package/dist/components/SList/utils/resolveListItemFields.d.ts +1 -1
- package/dist/components/SList/utils/resolveListItemFields.d.ts.map +1 -1
- package/dist/components/SListItem/SListItem.types.d.ts +2 -1
- package/dist/components/SListItem/SListItem.types.d.ts.map +1 -1
- package/dist/components/SListItem/SListItem.vue.d.ts.map +1 -1
- package/dist/components/SOverflowGroup/SOverflowGroup.vue.d.ts.map +1 -1
- package/dist/components/SRadio/SRadio.vue.d.ts.map +1 -1
- package/dist/components/SSelect/SSelect.types.d.ts +18 -12
- package/dist/components/SSelect/SSelect.types.d.ts.map +1 -1
- package/dist/components/SSelect/SSelect.vue.d.ts +5 -5
- package/dist/components/SSelect/SSelect.vue.d.ts.map +1 -1
- package/dist/components/SToggle/SToggle.types.d.ts +6 -0
- package/dist/components/SToggle/SToggle.types.d.ts.map +1 -1
- package/dist/components/SToggle/SToggle.vue.d.ts +11 -1
- package/dist/components/SToggle/SToggle.vue.d.ts.map +1 -1
- package/dist/components/SToggle/index.d.ts +1 -1
- package/dist/components/SToggle/index.d.ts.map +1 -1
- package/dist/entries/avatar-group.cjs +1 -1
- package/dist/entries/avatar-group.js +1 -1
- package/dist/entries/card.cjs +1 -1
- package/dist/entries/card.js +1 -1
- package/dist/entries/checkbox.cjs +1 -1
- package/dist/entries/checkbox.js +1 -1
- package/dist/entries/chip.cjs +1 -1
- package/dist/entries/chip.js +1 -1
- package/dist/entries/color-picker.cjs +1 -1
- package/dist/entries/color-picker.js +1 -1
- package/dist/entries/input.cjs +1 -1
- package/dist/entries/input.js +1 -1
- package/dist/entries/list-item.cjs +1 -1
- package/dist/entries/list-item.js +1 -1
- package/dist/entries/list.cjs +1 -1
- package/dist/entries/list.js +1 -1
- package/dist/entries/radio.cjs +1 -1
- package/dist/entries/radio.js +1 -1
- package/dist/entries/select.cjs +1 -1
- package/dist/entries/select.js +1 -1
- package/dist/entries/tag-group.cjs +1 -1
- package/dist/entries/tag-group.js +1 -1
- package/dist/entries/toggle.cjs +1 -1
- package/dist/entries/toggle.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +12 -12
- package/dist/uikit-components.css +1 -1
- package/package.json +2 -2
- package/dist/SCard-BR2R5VQd.cjs +0 -1
- package/dist/SCheckbox-BMKYFfrB.js +0 -76
- package/dist/SCheckbox-CYy7tfoS.cjs +0 -1
- package/dist/SChip-DoFL5c6-.cjs +0 -1
- package/dist/SInput-C07kFnj_.cjs +0 -1
- package/dist/SListItem-CdveotJe.cjs +0 -1
- package/dist/SOverflowGroup-CVSon6Eg.js +0 -80
- package/dist/SRadio-Ca-1D4q6.cjs +0 -1
- package/dist/SRadio-Db_YLcne.js +0 -57
- package/dist/SSelect-Bntb-dgY.js +0 -661
- package/dist/SSelect-DcTEwHx6.cjs +0 -1
- package/dist/SToggle-DxSm1RNz.cjs +0 -1
- package/dist/SToggle-T7FKzMSo.js +0 -44
package/dist/SSelect-Bntb-dgY.js
DELETED
|
@@ -1,661 +0,0 @@
|
|
|
1
|
-
import { n as e, r as t, t as n } from "./SButton.types-CpdHQtyx.js";
|
|
2
|
-
import { t as r } from "./SButton-DnU_XZ1C.js";
|
|
3
|
-
import { n as i } from "./useSelectionGroup-cKj38lEN.js";
|
|
4
|
-
import { t as a } from "./SDropdown-CTQ5Qlez.js";
|
|
5
|
-
import { n as o, t as s } from "./SInput-CkanJfLx.js";
|
|
6
|
-
import { i as c, n as l, r as u, t as d } from "./SList-DAzztC-7.js";
|
|
7
|
-
import { t as f } from "./SListItem-BRXZEePg.js";
|
|
8
|
-
import { computed as p, createBlock as ee, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createSlots as _, createTextVNode as te, createVNode as v, defineComponent as y, guardReactiveProps as b, isRef as ne, mergeModels as x, mergeProps as re, nextTick as S, normalizeClass as C, normalizeProps as w, normalizeStyle as T, openBlock as E, ref as D, renderSlot as O, toDisplayString as k, toValue as A, unref as j, useId as ie, useModel as ae, useSlots as oe, useTemplateRef as M, vModelText as se, watch as N, withCtx as P, withDirectives as ce, withModifiers as le } from "vue";
|
|
9
|
-
import { SIcon as ue, useUiKitI18n as de } from "@shtabapp/ui-kit-primitives";
|
|
10
|
-
//#region src/components/SDropdownMenu/SDropdownMenu.vue?vue&type=script&setup=true&lang.ts
|
|
11
|
-
var fe = {
|
|
12
|
-
key: 0,
|
|
13
|
-
class: "s-ui-dropdown-menu__header"
|
|
14
|
-
}, pe = {
|
|
15
|
-
key: 1,
|
|
16
|
-
class: "s-ui-dropdown-menu__footer"
|
|
17
|
-
}, me = /* @__PURE__ */ y({
|
|
18
|
-
__name: "SDropdownMenu",
|
|
19
|
-
props: {
|
|
20
|
-
width: {},
|
|
21
|
-
maxHeight: {},
|
|
22
|
-
accent: {
|
|
23
|
-
type: Boolean,
|
|
24
|
-
default: !1
|
|
25
|
-
}
|
|
26
|
-
},
|
|
27
|
-
setup(e) {
|
|
28
|
-
let t = oe(), n = (e) => typeof e == "number" ? `${e}px` : e, r = p(() => ({
|
|
29
|
-
"s-ui-dropdown-menu--accent": e.accent,
|
|
30
|
-
"s-ui-dropdown-menu--bounded": !!e.maxHeight
|
|
31
|
-
})), i = p(() => ({ "s-ui-dropdown-menu__body--scrollable": !!e.maxHeight })), a = p(() => ({
|
|
32
|
-
"--s-ui-dropdown-menu-width": n(e.width),
|
|
33
|
-
"--s-ui-dropdown-menu-max-height": n(e.maxHeight)
|
|
34
|
-
}));
|
|
35
|
-
return (e, n) => (E(), h("div", {
|
|
36
|
-
class: C(["s-ui-dropdown-menu", r.value]),
|
|
37
|
-
style: T(a.value)
|
|
38
|
-
}, [
|
|
39
|
-
j(t).header ? (E(), h("div", fe, [O(e.$slots, "header")])) : m("", !0),
|
|
40
|
-
g("div", { class: C(["s-ui-dropdown-menu__body", i.value]) }, [O(e.$slots, "default")], 2),
|
|
41
|
-
j(t).footer ? (E(), h("div", pe, [O(e.$slots, "footer")])) : m("", !0)
|
|
42
|
-
], 6));
|
|
43
|
-
}
|
|
44
|
-
}), he = ({ listItemScope: e, itemTitle: t, itemSubtitle: n, itemDisabled: r, itemIconLeft: i, listActiveKey: a, isOptionSelected: o }) => {
|
|
45
|
-
let s = e.item;
|
|
46
|
-
return {
|
|
47
|
-
rowKey: e.key,
|
|
48
|
-
title: c(s, t),
|
|
49
|
-
subtitle: c(s, n),
|
|
50
|
-
disabled: l(s, r),
|
|
51
|
-
iconLeft: u(s, i),
|
|
52
|
-
selected: o,
|
|
53
|
-
active: a === e.key,
|
|
54
|
-
revealRight: e.revealRight,
|
|
55
|
-
tiny: !0
|
|
56
|
-
};
|
|
57
|
-
}, ge = (e) => typeof e == "string" || typeof e == "number", F = (e, t) => {
|
|
58
|
-
let n = e[t];
|
|
59
|
-
if (ge(n)) return n;
|
|
60
|
-
}, I = (e) => typeof e == "string" ? e : String(e), L = (e) => e == null ? !1 : typeof e == "string" ? e.length > 0 : !0, R = (e, t, n) => t.find((t) => I(F(t, n) ?? "") === e), z = (e) => typeof e == "object" && !!e, B = (e, t, n) => {
|
|
61
|
-
let r = R(e, t, n);
|
|
62
|
-
if (r) return F(r, n);
|
|
63
|
-
}, V = /* @__PURE__ */ function(e) {
|
|
64
|
-
return e.INPUT = "input", e.CONTENT = "content", e;
|
|
65
|
-
}({}), _e = (e, t, n) => {
|
|
66
|
-
if (!e) return !0;
|
|
67
|
-
let r = e.toLocaleLowerCase(), i = c(t, n.itemTitle)?.toLocaleLowerCase() ?? "", a = I(F(t, n.itemValue) ?? "").toLocaleLowerCase();
|
|
68
|
-
return i.includes(r) || a.includes(r);
|
|
69
|
-
}, ve = (e, t, n, r) => {
|
|
70
|
-
let i = r ?? ((e, t) => _e(e, t, n));
|
|
71
|
-
return t ? e.filter((e) => i(t, e)) : [...e];
|
|
72
|
-
}, H = (e) => typeof e == "string" && L(e), U = (e) => typeof e == "number" && L(e), ye = (e, t, n) => {
|
|
73
|
-
if (t) {
|
|
74
|
-
if (!z(e)) return;
|
|
75
|
-
let t = F(e, n);
|
|
76
|
-
return H(t) || U(t) ? t : void 0;
|
|
77
|
-
}
|
|
78
|
-
let r = typeof e == "string" || typeof e == "number" ? e : void 0;
|
|
79
|
-
if (H(r) || U(r)) return r;
|
|
80
|
-
}, W = (e, t, n) => e ? (Array.isArray(e) ? e : [e]).flatMap((e) => {
|
|
81
|
-
let r = ye(e, t, n);
|
|
82
|
-
return L(r) ? [r] : [];
|
|
83
|
-
}) : [], be = (e, t) => {
|
|
84
|
-
if (H(t)) {
|
|
85
|
-
e.value = t;
|
|
86
|
-
return;
|
|
87
|
-
}
|
|
88
|
-
if (U(t)) {
|
|
89
|
-
e.value = t;
|
|
90
|
-
return;
|
|
91
|
-
}
|
|
92
|
-
e.value = void 0;
|
|
93
|
-
}, xe = (e, t, n) => t.flatMap((t) => {
|
|
94
|
-
let r = I(t), i = e.find((e) => I(F(e, n) ?? "") === r);
|
|
95
|
-
return i ? [i] : [];
|
|
96
|
-
}), Se = ({ modelValue: e, options: t, itemFields: n, multiple: r, returnObject: a, searchable: o, filterOption: s, isDropdownOpen: l, searchQuery: u }) => {
|
|
97
|
-
let d = p(() => A(r)), f = p(() => A(a)), ee = p(() => A(o) === V.INPUT), m = p(() => A(o) === V.CONTENT), h = p(() => !!A(o)), g = p(() => {
|
|
98
|
-
let t = A(n);
|
|
99
|
-
return W(e.value, f.value, t.itemValue);
|
|
100
|
-
}), _ = p(() => {
|
|
101
|
-
let e = A(t), r = A(n);
|
|
102
|
-
return ve(e, h.value ? u.value : "", r, A(s));
|
|
103
|
-
}), te = p(() => d.value ? i.MULTIPLE : i.SINGLE), v = (t, n, r) => {
|
|
104
|
-
if (f.value) {
|
|
105
|
-
e.value = xe(n, t, r);
|
|
106
|
-
return;
|
|
107
|
-
}
|
|
108
|
-
e.value = t;
|
|
109
|
-
}, y = (t, n, r) => {
|
|
110
|
-
if (!t) {
|
|
111
|
-
e.value = void 0;
|
|
112
|
-
return;
|
|
113
|
-
}
|
|
114
|
-
if (f.value) {
|
|
115
|
-
e.value = R(t, n, r) ?? void 0;
|
|
116
|
-
return;
|
|
117
|
-
}
|
|
118
|
-
be(e, B(t, n, r));
|
|
119
|
-
}, b = p({
|
|
120
|
-
get: () => {
|
|
121
|
-
if (d.value) return g.value.map((e) => I(e));
|
|
122
|
-
let e = g.value[0];
|
|
123
|
-
if (L(e)) return I(e);
|
|
124
|
-
},
|
|
125
|
-
set: (e) => {
|
|
126
|
-
let r = A(t), i = A(n);
|
|
127
|
-
if (d.value) {
|
|
128
|
-
v((Array.isArray(e) ? e : []).map((e) => B(e, r, i.itemValue)).filter((e) => L(e)), r, i.itemValue);
|
|
129
|
-
return;
|
|
130
|
-
}
|
|
131
|
-
y(typeof e == "string" ? e : void 0, r, i.itemValue);
|
|
132
|
-
}
|
|
133
|
-
}), ne = p(() => g.value.length > 0), x = (e, t, n) => {
|
|
134
|
-
let r = I(t);
|
|
135
|
-
return e.find((e) => I(F(e, n) ?? "") === r);
|
|
136
|
-
}, re = p(() => {
|
|
137
|
-
let e = g.value[0];
|
|
138
|
-
if (!L(e)) return "";
|
|
139
|
-
let r = A(n), i = x(A(t), e, r.itemValue);
|
|
140
|
-
return i ? c(i, r.itemTitle) ?? "" : I(e);
|
|
141
|
-
}), S = p(() => {
|
|
142
|
-
let e = A(t), r = A(n);
|
|
143
|
-
return g.value.map((t) => {
|
|
144
|
-
let n = x(e, t, r.itemValue);
|
|
145
|
-
return n ? c(n, r.itemTitle) ?? "" : I(t);
|
|
146
|
-
});
|
|
147
|
-
}), C = p(() => S.value.join(", ")), w = p(() => d.value ? g.value.length === 0 : !re.value), T = p(() => ee.value && (l.value || d.value)), E = () => {
|
|
148
|
-
u.value = "";
|
|
149
|
-
};
|
|
150
|
-
return N(l, (e) => {
|
|
151
|
-
e || E();
|
|
152
|
-
}), N(() => A(o), () => {
|
|
153
|
-
E();
|
|
154
|
-
}), {
|
|
155
|
-
searchQuery: u,
|
|
156
|
-
selectedValues: g,
|
|
157
|
-
filteredOptions: _,
|
|
158
|
-
listSelectionMode: te,
|
|
159
|
-
listSelectedModel: b,
|
|
160
|
-
hasSelectedValues: ne,
|
|
161
|
-
singleDisplayLabel: re,
|
|
162
|
-
multipleDisplayLabels: S,
|
|
163
|
-
multipleDisplayText: C,
|
|
164
|
-
showPlaceholder: w,
|
|
165
|
-
showInputSearchField: T,
|
|
166
|
-
isSearchableMode: h,
|
|
167
|
-
isSearchableInputMode: ee,
|
|
168
|
-
isSearchableContentMode: m,
|
|
169
|
-
isMultipleMode: d,
|
|
170
|
-
isReturnObjectMode: f,
|
|
171
|
-
clearSelection: () => {
|
|
172
|
-
e.value = void 0, E();
|
|
173
|
-
},
|
|
174
|
-
removeSelectedValue: (e) => {
|
|
175
|
-
let r = I(e);
|
|
176
|
-
v(g.value.filter((e) => I(e) !== r), A(t), A(n).itemValue);
|
|
177
|
-
},
|
|
178
|
-
resetSearchQuery: E,
|
|
179
|
-
formatSelectListKey: I,
|
|
180
|
-
resolveValueFromListKey: (e) => B(e, A(t), A(n).itemValue)
|
|
181
|
-
};
|
|
182
|
-
}, Ce = {
|
|
183
|
-
key: 1,
|
|
184
|
-
class: "s-ui-select__empty s-ui-typography-body-14-regular"
|
|
185
|
-
}, we = [
|
|
186
|
-
"id",
|
|
187
|
-
"aria-expanded",
|
|
188
|
-
"aria-controls",
|
|
189
|
-
"aria-disabled",
|
|
190
|
-
"aria-readonly",
|
|
191
|
-
"aria-autocomplete",
|
|
192
|
-
"tabindex"
|
|
193
|
-
], Te = {
|
|
194
|
-
key: 0,
|
|
195
|
-
class: "s-ui-select__value"
|
|
196
|
-
}, Ee = {
|
|
197
|
-
key: 1,
|
|
198
|
-
class: "s-ui-select__placeholder"
|
|
199
|
-
}, De = {
|
|
200
|
-
key: 1,
|
|
201
|
-
class: "s-ui-select__placeholder"
|
|
202
|
-
}, Oe = {
|
|
203
|
-
key: 2,
|
|
204
|
-
class: "s-ui-select__value"
|
|
205
|
-
}, ke = {
|
|
206
|
-
key: 3,
|
|
207
|
-
class: "s-ui-select__value-suffix"
|
|
208
|
-
}, Ae = [
|
|
209
|
-
"name",
|
|
210
|
-
"placeholder",
|
|
211
|
-
"disabled",
|
|
212
|
-
"readonly"
|
|
213
|
-
], je = 20, Me = 20, Ne = /* @__PURE__ */ y({
|
|
214
|
-
inheritAttrs: !1,
|
|
215
|
-
__name: "SSelect",
|
|
216
|
-
props: /*@__PURE__*/ x({
|
|
217
|
-
options: {},
|
|
218
|
-
itemValue: { default: "value" },
|
|
219
|
-
itemTitle: { default: "label" },
|
|
220
|
-
itemSubtitle: { default: "subtitle" },
|
|
221
|
-
itemId: {},
|
|
222
|
-
itemDisabled: { default: "disabled" },
|
|
223
|
-
itemIconLeft: { default: "iconLeft" },
|
|
224
|
-
multiple: {
|
|
225
|
-
type: Boolean,
|
|
226
|
-
default: !1
|
|
227
|
-
},
|
|
228
|
-
returnObject: {
|
|
229
|
-
type: Boolean,
|
|
230
|
-
default: !1
|
|
231
|
-
},
|
|
232
|
-
clearable: {
|
|
233
|
-
type: Boolean,
|
|
234
|
-
default: !1
|
|
235
|
-
},
|
|
236
|
-
closableOptions: {
|
|
237
|
-
type: Boolean,
|
|
238
|
-
default: !1
|
|
239
|
-
},
|
|
240
|
-
searchable: {
|
|
241
|
-
type: [String, Boolean],
|
|
242
|
-
default: !1
|
|
243
|
-
},
|
|
244
|
-
closeOnSelect: {
|
|
245
|
-
type: Boolean,
|
|
246
|
-
default: !0
|
|
247
|
-
},
|
|
248
|
-
listHeight: { default: 320 },
|
|
249
|
-
searchPlaceholder: { default: "Search" },
|
|
250
|
-
filterOption: { type: Function },
|
|
251
|
-
fitViewport: {
|
|
252
|
-
type: Boolean,
|
|
253
|
-
default: !0
|
|
254
|
-
},
|
|
255
|
-
label: {},
|
|
256
|
-
labelProps: {},
|
|
257
|
-
placeholder: {},
|
|
258
|
-
helpMessages: {},
|
|
259
|
-
errorMessages: {},
|
|
260
|
-
bordered: {
|
|
261
|
-
type: Boolean,
|
|
262
|
-
default: !0
|
|
263
|
-
},
|
|
264
|
-
disabled: {
|
|
265
|
-
type: Boolean,
|
|
266
|
-
default: !1
|
|
267
|
-
},
|
|
268
|
-
readonly: {
|
|
269
|
-
type: Boolean,
|
|
270
|
-
default: !1
|
|
271
|
-
},
|
|
272
|
-
iconLeft: {},
|
|
273
|
-
customize: { default: () => o.NONE },
|
|
274
|
-
name: {},
|
|
275
|
-
id: {}
|
|
276
|
-
}, {
|
|
277
|
-
modelValue: {},
|
|
278
|
-
modelModifiers: {},
|
|
279
|
-
searchQuery: { default: "" },
|
|
280
|
-
searchQueryModifiers: {}
|
|
281
|
-
}),
|
|
282
|
-
emits: /*@__PURE__*/ x([
|
|
283
|
-
"clear",
|
|
284
|
-
"focus",
|
|
285
|
-
"blur",
|
|
286
|
-
"open",
|
|
287
|
-
"close"
|
|
288
|
-
], ["update:modelValue", "update:searchQuery"]),
|
|
289
|
-
setup(i, { expose: o, emit: c }) {
|
|
290
|
-
let l = ae(i, "modelValue"), u = ae(i, "searchQuery"), y = c, { t: x } = de(), T = oe(), A = ie(), fe = ie(), pe = M("triggerInputRef"), ge = D(""), F = M("searchInputElementRef"), I = M("panelSearchInputElementRef"), R = M("listElementRef"), z = D(), B = D(!1), V = D(!1), _e = p(() => i.itemId ?? i.itemValue), ve = p(() => ({
|
|
291
|
-
itemValue: i.itemValue,
|
|
292
|
-
itemTitle: i.itemTitle,
|
|
293
|
-
itemSubtitle: i.itemSubtitle,
|
|
294
|
-
itemId: _e.value
|
|
295
|
-
})), { selectedValues: H, filteredOptions: U, listSelectionMode: ye, listSelectedModel: W, hasSelectedValues: be, singleDisplayLabel: xe, multipleDisplayLabels: Ne, multipleDisplayText: Pe, showPlaceholder: G, showInputSearchField: K, isSearchableMode: Fe, isSearchableInputMode: q, isSearchableContentMode: J, isMultipleMode: Y, clearSelection: Ie, removeSelectedValue: Le, resolveValueFromListKey: Re, formatSelectListKey: ze } = Se({
|
|
296
|
-
modelValue: l,
|
|
297
|
-
options: () => i.options,
|
|
298
|
-
itemFields: () => ve.value,
|
|
299
|
-
multiple: () => i.multiple,
|
|
300
|
-
returnObject: () => i.returnObject,
|
|
301
|
-
searchable: () => i.searchable,
|
|
302
|
-
filterOption: () => i.filterOption,
|
|
303
|
-
isDropdownOpen: B,
|
|
304
|
-
searchQuery: u
|
|
305
|
-
}), Be = p(() => !!T["value-suffix"]), Ve = p(() => ({
|
|
306
|
-
disabled: i.disabled,
|
|
307
|
-
displayLabel: xe.value
|
|
308
|
-
})), He = p(() => U.value.length > Me), Ue = p(() => J.value || He.value ? i.listHeight : "auto"), We = p(() => {
|
|
309
|
-
if (!(J.value || He.value)) return i.listHeight;
|
|
310
|
-
}), Ge = p(() => H.value.map((e) => ze(e))), Ke = (e) => Ge.value.includes(e), qe = () => ({ tiny: !0 }), Je = (e) => he({
|
|
311
|
-
listItemScope: e,
|
|
312
|
-
itemTitle: i.itemTitle,
|
|
313
|
-
itemSubtitle: i.itemSubtitle,
|
|
314
|
-
itemDisabled: i.itemDisabled,
|
|
315
|
-
itemIconLeft: i.itemIconLeft,
|
|
316
|
-
listActiveKey: z.value,
|
|
317
|
-
isOptionSelected: Ke(e.key)
|
|
318
|
-
}), Ye = (e) => {
|
|
319
|
-
let t = Re(e);
|
|
320
|
-
if (L(t)) {
|
|
321
|
-
if (Y.value) {
|
|
322
|
-
Le(t);
|
|
323
|
-
return;
|
|
324
|
-
}
|
|
325
|
-
l.value = void 0;
|
|
326
|
-
}
|
|
327
|
-
}, Xe = p(() => i.id ?? A), Ze = p(() => fe), Qe = p(() => pe.value?.fieldElementRef ?? null), $e = p(() => ({
|
|
328
|
-
labels: Ne.value,
|
|
329
|
-
values: H.value,
|
|
330
|
-
displayText: Pe.value,
|
|
331
|
-
disabled: i.disabled || i.readonly,
|
|
332
|
-
removeValue: Le
|
|
333
|
-
})), et = p(() => {
|
|
334
|
-
if (!i.disabled && (i.readonly && !q.value || !q.value)) return 0;
|
|
335
|
-
}), tt = p(() => ({
|
|
336
|
-
"s-ui-select--disabled": i.disabled,
|
|
337
|
-
"s-ui-select--readonly": i.readonly,
|
|
338
|
-
"s-ui-select--multiple": Y.value,
|
|
339
|
-
"s-ui-select--open": B.value
|
|
340
|
-
})), nt = () => {
|
|
341
|
-
if (J.value) {
|
|
342
|
-
I.value?.focus();
|
|
343
|
-
return;
|
|
344
|
-
}
|
|
345
|
-
F.value?.focus();
|
|
346
|
-
}, rt = async () => {
|
|
347
|
-
await S(), I.value?.focus();
|
|
348
|
-
}, it = async () => {
|
|
349
|
-
await S(), await R.value?.focusNavigation();
|
|
350
|
-
}, X = async () => {
|
|
351
|
-
if (!(i.disabled || i.readonly) && !B.value) {
|
|
352
|
-
if (B.value = !0, y("open"), J.value) {
|
|
353
|
-
await rt();
|
|
354
|
-
return;
|
|
355
|
-
}
|
|
356
|
-
if (q.value) {
|
|
357
|
-
await S(), F.value?.focus();
|
|
358
|
-
return;
|
|
359
|
-
}
|
|
360
|
-
await it();
|
|
361
|
-
}
|
|
362
|
-
}, at = async () => {
|
|
363
|
-
i.disabled || i.readonly || B.value || await X();
|
|
364
|
-
};
|
|
365
|
-
N(u, async (e) => {
|
|
366
|
-
q.value && (i.disabled || i.readonly || e && (B.value || await X()));
|
|
367
|
-
});
|
|
368
|
-
let Z = () => {
|
|
369
|
-
B.value && (B.value = !1, z.value = void 0, y("close"));
|
|
370
|
-
}, Q = () => {
|
|
371
|
-
!i.closeOnSelect || Y.value || Z();
|
|
372
|
-
};
|
|
373
|
-
N(l, (e, t) => {
|
|
374
|
-
!i.closeOnSelect || Y.value || !B.value || !e || e === t || Z();
|
|
375
|
-
});
|
|
376
|
-
let ot = (e) => {
|
|
377
|
-
B.value && e.target instanceof Element && e.target.closest(".s-ui-list-item") && Q();
|
|
378
|
-
}, st = async (e) => {
|
|
379
|
-
e.key !== "Enter" && e.key !== " " && e.key !== "Spacebar" || B.value && (await S(), Q());
|
|
380
|
-
}, $ = async () => {
|
|
381
|
-
if (B.value) {
|
|
382
|
-
Z();
|
|
383
|
-
return;
|
|
384
|
-
}
|
|
385
|
-
await X();
|
|
386
|
-
}, ct = async (e) => {
|
|
387
|
-
if (!(i.disabled || i.readonly) && e.target instanceof HTMLElement) {
|
|
388
|
-
if (e.target.closest(".s-ui-select__search-input")) {
|
|
389
|
-
B.value || await X();
|
|
390
|
-
return;
|
|
391
|
-
}
|
|
392
|
-
await $();
|
|
393
|
-
}
|
|
394
|
-
}, lt = async (e) => e.key !== "ArrowDown" && e.key !== "ArrowUp" ? !1 : (e.preventDefault(), e.stopPropagation(), B.value || await X(), await it(), await R.value?.handleKeyboardNavigation(e), !0), ut = (e) => {
|
|
395
|
-
let t = Re(e);
|
|
396
|
-
if (t) {
|
|
397
|
-
if (Y.value) {
|
|
398
|
-
H.value.some((t) => ze(t) === e) ? Le(t) : W.value = [...H.value.map((e) => ze(e)), e];
|
|
399
|
-
return;
|
|
400
|
-
}
|
|
401
|
-
W.value = e, Q();
|
|
402
|
-
}
|
|
403
|
-
}, dt = async (e) => {
|
|
404
|
-
if (!(i.disabled || i.readonly) && !await lt(e)) {
|
|
405
|
-
if (e.key === "Escape") {
|
|
406
|
-
e.preventDefault(), Z();
|
|
407
|
-
return;
|
|
408
|
-
}
|
|
409
|
-
if (e.key === "Enter" || e.key === " ") {
|
|
410
|
-
if (e.preventDefault(), B.value && z.value) {
|
|
411
|
-
ut(z.value);
|
|
412
|
-
return;
|
|
413
|
-
}
|
|
414
|
-
await $();
|
|
415
|
-
}
|
|
416
|
-
}
|
|
417
|
-
}, ft = async (e) => {
|
|
418
|
-
if (e.key === "Escape") {
|
|
419
|
-
e.preventDefault(), Z();
|
|
420
|
-
return;
|
|
421
|
-
}
|
|
422
|
-
await lt(e);
|
|
423
|
-
}, pt = ft, mt = (e) => {
|
|
424
|
-
i.disabled || (V.value || y("focus", e), V.value = !0);
|
|
425
|
-
}, ht = (e) => {
|
|
426
|
-
if (!(e.currentTarget instanceof HTMLElement)) return;
|
|
427
|
-
let t = e.relatedTarget;
|
|
428
|
-
t instanceof Node && e.currentTarget.contains(t) || (V.value = !1, y("blur", e));
|
|
429
|
-
}, gt = () => {
|
|
430
|
-
Ie(), y("clear");
|
|
431
|
-
};
|
|
432
|
-
return o({
|
|
433
|
-
open: X,
|
|
434
|
-
close: Z,
|
|
435
|
-
toggle: $,
|
|
436
|
-
focusSearchInput: nt
|
|
437
|
-
}), (o, c) => (E(), h("div", { class: C(["s-ui-select", tt.value]) }, [v(j(a), {
|
|
438
|
-
modelValue: B.value,
|
|
439
|
-
"onUpdate:modelValue": c[4] ||= (e) => B.value = e,
|
|
440
|
-
reference: Qe.value,
|
|
441
|
-
disabled: i.disabled,
|
|
442
|
-
"match-reference-width": !0,
|
|
443
|
-
"fit-viewport": i.fitViewport,
|
|
444
|
-
"content-id": Ze.value,
|
|
445
|
-
"dismiss-on-click-outside": !0,
|
|
446
|
-
"dismiss-on-escape": !0
|
|
447
|
-
}, {
|
|
448
|
-
content: P(() => [v(j(me), {
|
|
449
|
-
class: "s-ui-select__menu",
|
|
450
|
-
width: "100%"
|
|
451
|
-
}, _({
|
|
452
|
-
default: P(() => [g("div", {
|
|
453
|
-
class: "s-ui-select__menu-body",
|
|
454
|
-
onClick: ot,
|
|
455
|
-
onKeydown: st
|
|
456
|
-
}, [j(U).length > 0 ? (E(), ee(j(d), {
|
|
457
|
-
key: 0,
|
|
458
|
-
ref_key: "listElementRef",
|
|
459
|
-
ref: R,
|
|
460
|
-
modelValue: z.value,
|
|
461
|
-
"onUpdate:modelValue": c[2] ||= (e) => z.value = e,
|
|
462
|
-
selected: j(W),
|
|
463
|
-
"onUpdate:selected": c[3] ||= (e) => ne(W) ? W.value = e : null,
|
|
464
|
-
items: j(U),
|
|
465
|
-
"item-key": _e.value,
|
|
466
|
-
"title-key": i.itemTitle,
|
|
467
|
-
"subtitle-key": i.itemSubtitle,
|
|
468
|
-
"icon-left-key": i.itemIconLeft,
|
|
469
|
-
"disabled-key": i.itemDisabled,
|
|
470
|
-
"selection-mode": j(ye),
|
|
471
|
-
mandatory: !i.multiple,
|
|
472
|
-
height: Ue.value,
|
|
473
|
-
"max-height": We.value,
|
|
474
|
-
virtual: He.value,
|
|
475
|
-
"item-props": qe
|
|
476
|
-
}, _({ _: 2 }, [j(T).option ? {
|
|
477
|
-
name: "item",
|
|
478
|
-
fn: P((e) => [O(o.$slots, "option", w(b(e)))]),
|
|
479
|
-
key: "0"
|
|
480
|
-
} : i.closableOptions ? {
|
|
481
|
-
name: "item",
|
|
482
|
-
fn: P((i) => [v(j(f), w(b(Je(i))), _({ _: 2 }, [Ke(i.key) ? {
|
|
483
|
-
name: "right",
|
|
484
|
-
fn: P((a) => [v(j(r), {
|
|
485
|
-
appearance: j(n).BARE,
|
|
486
|
-
variant: j(t).NEUTRAL,
|
|
487
|
-
size: j(e).SMALL,
|
|
488
|
-
icon: "closeMini",
|
|
489
|
-
"aria-label": j(x)("select.removeOption"),
|
|
490
|
-
disabled: a.disabled || a.readonly,
|
|
491
|
-
tabindex: -1,
|
|
492
|
-
onClick: le((e) => Ye(i.key), ["stop"])
|
|
493
|
-
}, null, 8, [
|
|
494
|
-
"appearance",
|
|
495
|
-
"variant",
|
|
496
|
-
"size",
|
|
497
|
-
"aria-label",
|
|
498
|
-
"disabled",
|
|
499
|
-
"onClick"
|
|
500
|
-
])]),
|
|
501
|
-
key: "0"
|
|
502
|
-
} : void 0]), 1040)]),
|
|
503
|
-
key: "1"
|
|
504
|
-
} : void 0]), 1032, [
|
|
505
|
-
"modelValue",
|
|
506
|
-
"selected",
|
|
507
|
-
"items",
|
|
508
|
-
"item-key",
|
|
509
|
-
"title-key",
|
|
510
|
-
"subtitle-key",
|
|
511
|
-
"icon-left-key",
|
|
512
|
-
"disabled-key",
|
|
513
|
-
"selection-mode",
|
|
514
|
-
"mandatory",
|
|
515
|
-
"height",
|
|
516
|
-
"max-height",
|
|
517
|
-
"virtual"
|
|
518
|
-
])) : (E(), h("div", Ce, [O(o.$slots, "empty", {}, () => [te(k(j(x)("select.noOptions")), 1)])]))], 32)]),
|
|
519
|
-
_: 2
|
|
520
|
-
}, [j(J) ? {
|
|
521
|
-
name: "header",
|
|
522
|
-
fn: P(() => [v(j(s), {
|
|
523
|
-
ref_key: "panelSearchInputElementRef",
|
|
524
|
-
ref: I,
|
|
525
|
-
modelValue: u.value,
|
|
526
|
-
"onUpdate:modelValue": c[0] ||= (e) => u.value = e,
|
|
527
|
-
placeholder: i.searchPlaceholder,
|
|
528
|
-
disabled: i.disabled,
|
|
529
|
-
clearable: !1,
|
|
530
|
-
"icon-left": "search",
|
|
531
|
-
onClick: c[1] ||= le(() => {}, ["stop"]),
|
|
532
|
-
onKeydown: j(pt)
|
|
533
|
-
}, null, 8, [
|
|
534
|
-
"modelValue",
|
|
535
|
-
"placeholder",
|
|
536
|
-
"disabled",
|
|
537
|
-
"onKeydown"
|
|
538
|
-
])]),
|
|
539
|
-
key: "0"
|
|
540
|
-
} : void 0, j(T)["panel-footer"] ? {
|
|
541
|
-
name: "footer",
|
|
542
|
-
fn: P(() => [O(o.$slots, "panel-footer")]),
|
|
543
|
-
key: "1"
|
|
544
|
-
} : void 0]), 1024)]),
|
|
545
|
-
_: 3
|
|
546
|
-
}, 8, [
|
|
547
|
-
"modelValue",
|
|
548
|
-
"reference",
|
|
549
|
-
"disabled",
|
|
550
|
-
"fit-viewport",
|
|
551
|
-
"content-id"
|
|
552
|
-
]), v(j(s), {
|
|
553
|
-
ref_key: "triggerInputRef",
|
|
554
|
-
ref: pe,
|
|
555
|
-
modelValue: ge.value,
|
|
556
|
-
"onUpdate:modelValue": c[7] ||= (e) => ge.value = e,
|
|
557
|
-
label: i.label,
|
|
558
|
-
"label-props": i.labelProps,
|
|
559
|
-
placeholder: i.placeholder,
|
|
560
|
-
"help-messages": i.helpMessages,
|
|
561
|
-
"error-messages": i.errorMessages,
|
|
562
|
-
bordered: i.bordered,
|
|
563
|
-
disabled: i.disabled,
|
|
564
|
-
readonly: i.readonly,
|
|
565
|
-
clearable: i.clearable,
|
|
566
|
-
"has-value": j(be),
|
|
567
|
-
focused: V.value || B.value,
|
|
568
|
-
"icon-left": i.iconLeft,
|
|
569
|
-
customize: i.customize,
|
|
570
|
-
name: i.name,
|
|
571
|
-
id: Xe.value,
|
|
572
|
-
onClear: gt,
|
|
573
|
-
onFocus: mt,
|
|
574
|
-
onBlur: ht
|
|
575
|
-
}, _({
|
|
576
|
-
control: P(() => [g("div", {
|
|
577
|
-
id: Xe.value,
|
|
578
|
-
class: C(["s-ui-select__control s-ui-typography-body-14-regular", {
|
|
579
|
-
"s-ui-select__control--multiple": j(Y),
|
|
580
|
-
"s-ui-select__control--empty": j(Y) && !j(be) && !j(K),
|
|
581
|
-
"s-ui-select__control--with-value-suffix": Be.value && !j(Y) && !j(K) && !j(G)
|
|
582
|
-
}]),
|
|
583
|
-
role: "combobox",
|
|
584
|
-
"aria-expanded": B.value,
|
|
585
|
-
"aria-controls": Ze.value,
|
|
586
|
-
"aria-haspopup": "listbox",
|
|
587
|
-
"aria-disabled": i.disabled ? !0 : void 0,
|
|
588
|
-
"aria-readonly": i.readonly ? !0 : void 0,
|
|
589
|
-
"aria-autocomplete": j(Fe) ? "list" : void 0,
|
|
590
|
-
tabindex: et.value,
|
|
591
|
-
onClick: ct,
|
|
592
|
-
onKeydown: dt
|
|
593
|
-
}, [
|
|
594
|
-
j(Y) ? O(o.$slots, "selection", w(re({ key: 0 }, $e.value)), () => [j(Pe) ? (E(), h("span", Te, k(j(Pe)), 1)) : j(G) && !j(K) ? (E(), h("span", Ee, k(i.placeholder), 1)) : m("", !0)]) : j(G) && !j(K) ? (E(), h("span", De, k(i.placeholder), 1)) : j(K) ? m("", !0) : (E(), h("span", Oe, k(j(xe)), 1)),
|
|
595
|
-
Be.value && !j(Y) && !j(K) && !j(G) ? (E(), h("div", ke, [O(o.$slots, "value-suffix", w(b(Ve.value)))])) : m("", !0),
|
|
596
|
-
j(K) ? ce((E(), h("input", {
|
|
597
|
-
key: 4,
|
|
598
|
-
ref_key: "searchInputElementRef",
|
|
599
|
-
ref: F,
|
|
600
|
-
"onUpdate:modelValue": c[5] ||= (e) => u.value = e,
|
|
601
|
-
class: "s-ui-select__search-input",
|
|
602
|
-
type: "text",
|
|
603
|
-
name: i.name,
|
|
604
|
-
placeholder: i.placeholder,
|
|
605
|
-
disabled: i.disabled,
|
|
606
|
-
readonly: i.readonly,
|
|
607
|
-
autocomplete: "off",
|
|
608
|
-
onClick: c[6] ||= le(() => {}, ["stop"]),
|
|
609
|
-
onFocus: at,
|
|
610
|
-
onKeydown: ft
|
|
611
|
-
}, null, 40, Ae)), [[se, u.value]]) : m("", !0)
|
|
612
|
-
], 42, we)]),
|
|
613
|
-
action: P(() => [v(j(ue), {
|
|
614
|
-
name: "chevronMiniDown",
|
|
615
|
-
size: je,
|
|
616
|
-
class: "s-ui-select__chevron"
|
|
617
|
-
})]),
|
|
618
|
-
_: 2
|
|
619
|
-
}, [
|
|
620
|
-
j(T).label ? {
|
|
621
|
-
name: "label",
|
|
622
|
-
fn: P(() => [O(o.$slots, "label")]),
|
|
623
|
-
key: "0"
|
|
624
|
-
} : void 0,
|
|
625
|
-
j(T).prefix ? {
|
|
626
|
-
name: "prefix",
|
|
627
|
-
fn: P((e) => [O(o.$slots, "prefix", w(b(e)))]),
|
|
628
|
-
key: "1"
|
|
629
|
-
} : void 0,
|
|
630
|
-
j(T).prepend ? {
|
|
631
|
-
name: "prepend",
|
|
632
|
-
fn: P((e) => [O(o.$slots, "prepend", w(b(e)))]),
|
|
633
|
-
key: "2"
|
|
634
|
-
} : void 0,
|
|
635
|
-
j(T).message ? {
|
|
636
|
-
name: "message",
|
|
637
|
-
fn: P(() => [O(o.$slots, "message")]),
|
|
638
|
-
key: "3"
|
|
639
|
-
} : void 0
|
|
640
|
-
]), 1032, [
|
|
641
|
-
"modelValue",
|
|
642
|
-
"label",
|
|
643
|
-
"label-props",
|
|
644
|
-
"placeholder",
|
|
645
|
-
"help-messages",
|
|
646
|
-
"error-messages",
|
|
647
|
-
"bordered",
|
|
648
|
-
"disabled",
|
|
649
|
-
"readonly",
|
|
650
|
-
"clearable",
|
|
651
|
-
"has-value",
|
|
652
|
-
"focused",
|
|
653
|
-
"icon-left",
|
|
654
|
-
"customize",
|
|
655
|
-
"name",
|
|
656
|
-
"id"
|
|
657
|
-
])], 2));
|
|
658
|
-
}
|
|
659
|
-
});
|
|
660
|
-
//#endregion
|
|
661
|
-
export { V as n, me as r, Ne as t };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./SButton-C-z_q5CG.cjs"),n=require("./useSelectionGroup-TaektE-I.cjs"),r=require("./SDropdown-_QUOP-rw.cjs"),i=require("./SInput-C07kFnj_.cjs"),a=require("./SList-S18K8mlH.cjs"),o=require("./SListItem-CdveotJe.cjs");let s=require("vue"),c=require("@shtabapp/ui-kit-primitives");var l={key:0,class:`s-ui-dropdown-menu__header`},u={key:1,class:`s-ui-dropdown-menu__footer`},d=(0,s.defineComponent)({__name:`SDropdownMenu`,props:{width:{},maxHeight:{},accent:{type:Boolean,default:!1}},setup(e){let t=(0,s.useSlots)(),n=e=>typeof e==`number`?`${e}px`:e,r=(0,s.computed)(()=>({"s-ui-dropdown-menu--accent":e.accent,"s-ui-dropdown-menu--bounded":!!e.maxHeight})),i=(0,s.computed)(()=>({"s-ui-dropdown-menu__body--scrollable":!!e.maxHeight})),a=(0,s.computed)(()=>({"--s-ui-dropdown-menu-width":n(e.width),"--s-ui-dropdown-menu-max-height":n(e.maxHeight)}));return(e,n)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{class:(0,s.normalizeClass)([`s-ui-dropdown-menu`,r.value]),style:(0,s.normalizeStyle)(a.value)},[(0,s.unref)(t).header?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,l,[(0,s.renderSlot)(e.$slots,`header`)])):(0,s.createCommentVNode)(``,!0),(0,s.createElementVNode)(`div`,{class:(0,s.normalizeClass)([`s-ui-dropdown-menu__body`,i.value])},[(0,s.renderSlot)(e.$slots,`default`)],2),(0,s.unref)(t).footer?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,u,[(0,s.renderSlot)(e.$slots,`footer`)])):(0,s.createCommentVNode)(``,!0)],6))}}),f=({listItemScope:e,itemTitle:t,itemSubtitle:n,itemDisabled:r,itemIconLeft:i,listActiveKey:o,isOptionSelected:s})=>{let c=e.item;return{rowKey:e.key,title:a.i(c,t),subtitle:a.i(c,n),disabled:a.n(c,r),iconLeft:a.r(c,i),selected:s,active:o===e.key,revealRight:e.revealRight,tiny:!0}},p=e=>typeof e==`string`||typeof e==`number`,m=(e,t)=>{let n=e[t];if(p(n))return n},h=e=>typeof e==`string`?e:String(e),g=e=>e==null?!1:typeof e==`string`?e.length>0:!0,_=(e,t,n)=>t.find(t=>h(m(t,n)??``)===e),v=e=>typeof e==`object`&&!!e,y=(e,t,n)=>{let r=_(e,t,n);if(r)return m(r,n)},b=function(e){return e.INPUT=`input`,e.CONTENT=`content`,e}({}),x=(e,t,n)=>{if(!e)return!0;let r=e.toLocaleLowerCase(),i=a.i(t,n.itemTitle)?.toLocaleLowerCase()??``,o=h(m(t,n.itemValue)??``).toLocaleLowerCase();return i.includes(r)||o.includes(r)},S=(e,t,n,r)=>{let i=r??((e,t)=>x(e,t,n));return t?e.filter(e=>i(t,e)):[...e]},C=e=>typeof e==`string`&&g(e),w=e=>typeof e==`number`&&g(e),T=(e,t,n)=>{if(t){if(!v(e))return;let t=m(e,n);return C(t)||w(t)?t:void 0}let r=typeof e==`string`||typeof e==`number`?e:void 0;if(C(r)||w(r))return r},E=(e,t,n)=>e?(Array.isArray(e)?e:[e]).flatMap(e=>{let r=T(e,t,n);return g(r)?[r]:[]}):[],D=(e,t)=>{if(C(t)){e.value=t;return}if(w(t)){e.value=t;return}e.value=void 0},O=(e,t,n)=>t.flatMap(t=>{let r=h(t),i=e.find(e=>h(m(e,n)??``)===r);return i?[i]:[]}),ee=({modelValue:e,options:t,itemFields:r,multiple:i,returnObject:o,searchable:c,filterOption:l,isDropdownOpen:u,searchQuery:d})=>{let f=(0,s.computed)(()=>(0,s.toValue)(i)),p=(0,s.computed)(()=>(0,s.toValue)(o)),v=(0,s.computed)(()=>(0,s.toValue)(c)===b.INPUT),x=(0,s.computed)(()=>(0,s.toValue)(c)===b.CONTENT),C=(0,s.computed)(()=>!!(0,s.toValue)(c)),w=(0,s.computed)(()=>{let t=(0,s.toValue)(r);return E(e.value,p.value,t.itemValue)}),T=(0,s.computed)(()=>{let e=(0,s.toValue)(t),n=(0,s.toValue)(r);return S(e,C.value?d.value:``,n,(0,s.toValue)(l))}),ee=(0,s.computed)(()=>f.value?n.n.MULTIPLE:n.n.SINGLE),k=(t,n,r)=>{if(p.value){e.value=O(n,t,r);return}e.value=t},te=(t,n,r)=>{if(!t){e.value=void 0;return}if(p.value){e.value=_(t,n,r)??void 0;return}D(e,y(t,n,r))},A=(0,s.computed)({get:()=>{if(f.value)return w.value.map(e=>h(e));let e=w.value[0];if(g(e))return h(e)},set:e=>{let n=(0,s.toValue)(t),i=(0,s.toValue)(r);if(f.value){k((Array.isArray(e)?e:[]).map(e=>y(e,n,i.itemValue)).filter(e=>g(e)),n,i.itemValue);return}te(typeof e==`string`?e:void 0,n,i.itemValue)}}),ne=(0,s.computed)(()=>w.value.length>0),j=(e,t,n)=>{let r=h(t);return e.find(e=>h(m(e,n)??``)===r)},M=(0,s.computed)(()=>{let e=w.value[0];if(!g(e))return``;let n=(0,s.toValue)(r),i=j((0,s.toValue)(t),e,n.itemValue);return i?a.i(i,n.itemTitle)??``:h(e)}),N=(0,s.computed)(()=>{let e=(0,s.toValue)(t),n=(0,s.toValue)(r);return w.value.map(t=>{let r=j(e,t,n.itemValue);return r?a.i(r,n.itemTitle)??``:h(t)})}),re=(0,s.computed)(()=>N.value.join(`, `)),ie=(0,s.computed)(()=>f.value?w.value.length===0:!M.value),ae=(0,s.computed)(()=>v.value&&(u.value||f.value)),P=()=>{d.value=``};return(0,s.watch)(u,e=>{e||P()}),(0,s.watch)(()=>(0,s.toValue)(c),()=>{P()}),{searchQuery:d,selectedValues:w,filteredOptions:T,listSelectionMode:ee,listSelectedModel:A,hasSelectedValues:ne,singleDisplayLabel:M,multipleDisplayLabels:N,multipleDisplayText:re,showPlaceholder:ie,showInputSearchField:ae,isSearchableMode:C,isSearchableInputMode:v,isSearchableContentMode:x,isMultipleMode:f,isReturnObjectMode:p,clearSelection:()=>{e.value=void 0,P()},removeSelectedValue:e=>{let n=h(e);k(w.value.filter(e=>h(e)!==n),(0,s.toValue)(t),(0,s.toValue)(r).itemValue)},resetSearchQuery:P,formatSelectListKey:h,resolveValueFromListKey:e=>y(e,(0,s.toValue)(t),(0,s.toValue)(r).itemValue)}},k={key:1,class:`s-ui-select__empty s-ui-typography-body-14-regular`},te=[`id`,`aria-expanded`,`aria-controls`,`aria-disabled`,`aria-readonly`,`aria-autocomplete`,`tabindex`],A={key:0,class:`s-ui-select__value`},ne={key:1,class:`s-ui-select__placeholder`},j={key:1,class:`s-ui-select__placeholder`},M={key:2,class:`s-ui-select__value`},N={key:3,class:`s-ui-select__value-suffix`},re=[`name`,`placeholder`,`disabled`,`readonly`],ie=20,ae=20,P=(0,s.defineComponent)({inheritAttrs:!1,__name:`SSelect`,props:(0,s.mergeModels)({options:{},itemValue:{default:`value`},itemTitle:{default:`label`},itemSubtitle:{default:`subtitle`},itemId:{},itemDisabled:{default:`disabled`},itemIconLeft:{default:`iconLeft`},multiple:{type:Boolean,default:!1},returnObject:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},closableOptions:{type:Boolean,default:!1},searchable:{type:[String,Boolean],default:!1},closeOnSelect:{type:Boolean,default:!0},listHeight:{default:320},searchPlaceholder:{default:`Search`},filterOption:{type:Function},fitViewport:{type:Boolean,default:!0},label:{},labelProps:{},placeholder:{},helpMessages:{},errorMessages:{},bordered:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},iconLeft:{},customize:{default:()=>i.n.NONE},name:{},id:{}},{modelValue:{},modelModifiers:{},searchQuery:{default:``},searchQueryModifiers:{}}),emits:(0,s.mergeModels)([`clear`,`focus`,`blur`,`open`,`close`],[`update:modelValue`,`update:searchQuery`]),setup(n,{expose:l,emit:u}){let p=(0,s.useModel)(n,`modelValue`),m=(0,s.useModel)(n,`searchQuery`),h=u,{t:_}=(0,c.useUiKitI18n)(),v=(0,s.useSlots)(),y=(0,s.useId)(),b=(0,s.useId)(),x=(0,s.useTemplateRef)(`triggerInputRef`),S=(0,s.ref)(``),C=(0,s.useTemplateRef)(`searchInputElementRef`),w=(0,s.useTemplateRef)(`panelSearchInputElementRef`),T=(0,s.useTemplateRef)(`listElementRef`),E=(0,s.ref)(),D=(0,s.ref)(!1),O=(0,s.ref)(!1),P=(0,s.computed)(()=>n.itemId??n.itemValue),oe=(0,s.computed)(()=>({itemValue:n.itemValue,itemTitle:n.itemTitle,itemSubtitle:n.itemSubtitle,itemId:P.value})),{selectedValues:F,filteredOptions:I,listSelectionMode:se,listSelectedModel:L,hasSelectedValues:R,singleDisplayLabel:ce,multipleDisplayLabels:le,multipleDisplayText:z,showPlaceholder:B,showInputSearchField:V,isSearchableMode:ue,isSearchableInputMode:H,isSearchableContentMode:U,isMultipleMode:W,clearSelection:de,removeSelectedValue:G,resolveValueFromListKey:K,formatSelectListKey:q}=ee({modelValue:p,options:()=>n.options,itemFields:()=>oe.value,multiple:()=>n.multiple,returnObject:()=>n.returnObject,searchable:()=>n.searchable,filterOption:()=>n.filterOption,isDropdownOpen:D,searchQuery:m}),fe=(0,s.computed)(()=>!!v[`value-suffix`]),pe=(0,s.computed)(()=>({disabled:n.disabled,displayLabel:ce.value})),J=(0,s.computed)(()=>I.value.length>ae),me=(0,s.computed)(()=>U.value||J.value?n.listHeight:`auto`),he=(0,s.computed)(()=>{if(!(U.value||J.value))return n.listHeight}),ge=(0,s.computed)(()=>F.value.map(e=>q(e))),_e=e=>ge.value.includes(e),ve=()=>({tiny:!0}),ye=e=>f({listItemScope:e,itemTitle:n.itemTitle,itemSubtitle:n.itemSubtitle,itemDisabled:n.itemDisabled,itemIconLeft:n.itemIconLeft,listActiveKey:E.value,isOptionSelected:_e(e.key)}),be=e=>{let t=K(e);if(g(t)){if(W.value){G(t);return}p.value=void 0}},xe=(0,s.computed)(()=>n.id??y),Se=(0,s.computed)(()=>b),Ce=(0,s.computed)(()=>x.value?.fieldElementRef??null),we=(0,s.computed)(()=>({labels:le.value,values:F.value,displayText:z.value,disabled:n.disabled||n.readonly,removeValue:G})),Te=(0,s.computed)(()=>{if(!n.disabled&&(n.readonly&&!H.value||!H.value))return 0}),Ee=(0,s.computed)(()=>({"s-ui-select--disabled":n.disabled,"s-ui-select--readonly":n.readonly,"s-ui-select--multiple":W.value,"s-ui-select--open":D.value})),De=()=>{if(U.value){w.value?.focus();return}C.value?.focus()},Oe=async()=>{await(0,s.nextTick)(),w.value?.focus()},Y=async()=>{await(0,s.nextTick)(),await T.value?.focusNavigation()},X=async()=>{if(!(n.disabled||n.readonly)&&!D.value){if(D.value=!0,h(`open`),U.value){await Oe();return}if(H.value){await(0,s.nextTick)(),C.value?.focus();return}await Y()}},ke=async()=>{n.disabled||n.readonly||D.value||await X()};(0,s.watch)(m,async e=>{H.value&&(n.disabled||n.readonly||e&&(D.value||await X()))});let Z=()=>{D.value&&(D.value=!1,E.value=void 0,h(`close`))},Q=()=>{!n.closeOnSelect||W.value||Z()};(0,s.watch)(p,(e,t)=>{!n.closeOnSelect||W.value||!D.value||!e||e===t||Z()});let Ae=e=>{D.value&&e.target instanceof Element&&e.target.closest(`.s-ui-list-item`)&&Q()},je=async e=>{e.key!==`Enter`&&e.key!==` `&&e.key!==`Spacebar`||D.value&&(await(0,s.nextTick)(),Q())},$=async()=>{if(D.value){Z();return}await X()},Me=async e=>{if(!(n.disabled||n.readonly)&&e.target instanceof HTMLElement){if(e.target.closest(`.s-ui-select__search-input`)){D.value||await X();return}await $()}},Ne=async e=>e.key!==`ArrowDown`&&e.key!==`ArrowUp`?!1:(e.preventDefault(),e.stopPropagation(),D.value||await X(),await Y(),await T.value?.handleKeyboardNavigation(e),!0),Pe=e=>{let t=K(e);if(t){if(W.value){F.value.some(t=>q(t)===e)?G(t):L.value=[...F.value.map(e=>q(e)),e];return}L.value=e,Q()}},Fe=async e=>{if(!(n.disabled||n.readonly)&&!await Ne(e)){if(e.key===`Escape`){e.preventDefault(),Z();return}if(e.key===`Enter`||e.key===` `){if(e.preventDefault(),D.value&&E.value){Pe(E.value);return}await $()}}},Ie=async e=>{if(e.key===`Escape`){e.preventDefault(),Z();return}await Ne(e)},Le=Ie,Re=e=>{n.disabled||(O.value||h(`focus`,e),O.value=!0)},ze=e=>{if(!(e.currentTarget instanceof HTMLElement))return;let t=e.relatedTarget;t instanceof Node&&e.currentTarget.contains(t)||(O.value=!1,h(`blur`,e))},Be=()=>{de(),h(`clear`)};return l({open:X,close:Z,toggle:$,focusSearchInput:De}),(l,u)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{class:(0,s.normalizeClass)([`s-ui-select`,Ee.value])},[(0,s.createVNode)((0,s.unref)(r.t),{modelValue:D.value,"onUpdate:modelValue":u[4]||=e=>D.value=e,reference:Ce.value,disabled:n.disabled,"match-reference-width":!0,"fit-viewport":n.fitViewport,"content-id":Se.value,"dismiss-on-click-outside":!0,"dismiss-on-escape":!0},{content:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(d),{class:`s-ui-select__menu`,width:`100%`},(0,s.createSlots)({default:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{class:`s-ui-select__menu-body`,onClick:Ae,onKeydown:je},[(0,s.unref)(I).length>0?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(a.t),{key:0,ref_key:`listElementRef`,ref:T,modelValue:E.value,"onUpdate:modelValue":u[2]||=e=>E.value=e,selected:(0,s.unref)(L),"onUpdate:selected":u[3]||=e=>(0,s.isRef)(L)?L.value=e:null,items:(0,s.unref)(I),"item-key":P.value,"title-key":n.itemTitle,"subtitle-key":n.itemSubtitle,"icon-left-key":n.itemIconLeft,"disabled-key":n.itemDisabled,"selection-mode":(0,s.unref)(se),mandatory:!n.multiple,height:me.value,"max-height":he.value,virtual:J.value,"item-props":ve},(0,s.createSlots)({_:2},[(0,s.unref)(v).option?{name:`item`,fn:(0,s.withCtx)(e=>[(0,s.renderSlot)(l.$slots,`option`,(0,s.normalizeProps)((0,s.guardReactiveProps)(e)))]),key:`0`}:n.closableOptions?{name:`item`,fn:(0,s.withCtx)(n=>[(0,s.createVNode)((0,s.unref)(o.t),(0,s.normalizeProps)((0,s.guardReactiveProps)(ye(n))),(0,s.createSlots)({_:2},[_e(n.key)?{name:`right`,fn:(0,s.withCtx)(r=>[(0,s.createVNode)((0,s.unref)(t.t),{appearance:(0,s.unref)(e.t).BARE,variant:(0,s.unref)(e.r).NEUTRAL,size:(0,s.unref)(e.n).SMALL,icon:`closeMini`,"aria-label":(0,s.unref)(_)(`select.removeOption`),disabled:r.disabled||r.readonly,tabindex:-1,onClick:(0,s.withModifiers)(e=>be(n.key),[`stop`])},null,8,[`appearance`,`variant`,`size`,`aria-label`,`disabled`,`onClick`])]),key:`0`}:void 0]),1040)]),key:`1`}:void 0]),1032,[`modelValue`,`selected`,`items`,`item-key`,`title-key`,`subtitle-key`,`icon-left-key`,`disabled-key`,`selection-mode`,`mandatory`,`height`,`max-height`,`virtual`])):((0,s.openBlock)(),(0,s.createElementBlock)(`div`,k,[(0,s.renderSlot)(l.$slots,`empty`,{},()=>[(0,s.createTextVNode)((0,s.toDisplayString)((0,s.unref)(_)(`select.noOptions`)),1)])]))],32)]),_:2},[(0,s.unref)(U)?{name:`header`,fn:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(i.t),{ref_key:`panelSearchInputElementRef`,ref:w,modelValue:m.value,"onUpdate:modelValue":u[0]||=e=>m.value=e,placeholder:n.searchPlaceholder,disabled:n.disabled,clearable:!1,"icon-left":`search`,onClick:u[1]||=(0,s.withModifiers)(()=>{},[`stop`]),onKeydown:(0,s.unref)(Le)},null,8,[`modelValue`,`placeholder`,`disabled`,`onKeydown`])]),key:`0`}:void 0,(0,s.unref)(v)[`panel-footer`]?{name:`footer`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`panel-footer`)]),key:`1`}:void 0]),1024)]),_:3},8,[`modelValue`,`reference`,`disabled`,`fit-viewport`,`content-id`]),(0,s.createVNode)((0,s.unref)(i.t),{ref_key:`triggerInputRef`,ref:x,modelValue:S.value,"onUpdate:modelValue":u[7]||=e=>S.value=e,label:n.label,"label-props":n.labelProps,placeholder:n.placeholder,"help-messages":n.helpMessages,"error-messages":n.errorMessages,bordered:n.bordered,disabled:n.disabled,readonly:n.readonly,clearable:n.clearable,"has-value":(0,s.unref)(R),focused:O.value||D.value,"icon-left":n.iconLeft,customize:n.customize,name:n.name,id:xe.value,onClear:Be,onFocus:Re,onBlur:ze},(0,s.createSlots)({control:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{id:xe.value,class:(0,s.normalizeClass)([`s-ui-select__control s-ui-typography-body-14-regular`,{"s-ui-select__control--multiple":(0,s.unref)(W),"s-ui-select__control--empty":(0,s.unref)(W)&&!(0,s.unref)(R)&&!(0,s.unref)(V),"s-ui-select__control--with-value-suffix":fe.value&&!(0,s.unref)(W)&&!(0,s.unref)(V)&&!(0,s.unref)(B)}]),role:`combobox`,"aria-expanded":D.value,"aria-controls":Se.value,"aria-haspopup":`listbox`,"aria-disabled":n.disabled?!0:void 0,"aria-readonly":n.readonly?!0:void 0,"aria-autocomplete":(0,s.unref)(ue)?`list`:void 0,tabindex:Te.value,onClick:Me,onKeydown:Fe},[(0,s.unref)(W)?(0,s.renderSlot)(l.$slots,`selection`,(0,s.normalizeProps)((0,s.mergeProps)({key:0},we.value)),()=>[(0,s.unref)(z)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,A,(0,s.toDisplayString)((0,s.unref)(z)),1)):(0,s.unref)(B)&&!(0,s.unref)(V)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,ne,(0,s.toDisplayString)(n.placeholder),1)):(0,s.createCommentVNode)(``,!0)]):(0,s.unref)(B)&&!(0,s.unref)(V)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,j,(0,s.toDisplayString)(n.placeholder),1)):(0,s.unref)(V)?(0,s.createCommentVNode)(``,!0):((0,s.openBlock)(),(0,s.createElementBlock)(`span`,M,(0,s.toDisplayString)((0,s.unref)(ce)),1)),fe.value&&!(0,s.unref)(W)&&!(0,s.unref)(V)&&!(0,s.unref)(B)?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,N,[(0,s.renderSlot)(l.$slots,`value-suffix`,(0,s.normalizeProps)((0,s.guardReactiveProps)(pe.value)))])):(0,s.createCommentVNode)(``,!0),(0,s.unref)(V)?(0,s.withDirectives)(((0,s.openBlock)(),(0,s.createElementBlock)(`input`,{key:4,ref_key:`searchInputElementRef`,ref:C,"onUpdate:modelValue":u[5]||=e=>m.value=e,class:`s-ui-select__search-input`,type:`text`,name:n.name,placeholder:n.placeholder,disabled:n.disabled,readonly:n.readonly,autocomplete:`off`,onClick:u[6]||=(0,s.withModifiers)(()=>{},[`stop`]),onFocus:ke,onKeydown:Ie},null,40,re)),[[s.vModelText,m.value]]):(0,s.createCommentVNode)(``,!0)],42,te)]),action:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(c.SIcon),{name:`chevronMiniDown`,size:ie,class:`s-ui-select__chevron`})]),_:2},[(0,s.unref)(v).label?{name:`label`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`label`)]),key:`0`}:void 0,(0,s.unref)(v).prefix?{name:`prefix`,fn:(0,s.withCtx)(e=>[(0,s.renderSlot)(l.$slots,`prefix`,(0,s.normalizeProps)((0,s.guardReactiveProps)(e)))]),key:`1`}:void 0,(0,s.unref)(v).prepend?{name:`prepend`,fn:(0,s.withCtx)(e=>[(0,s.renderSlot)(l.$slots,`prepend`,(0,s.normalizeProps)((0,s.guardReactiveProps)(e)))]),key:`2`}:void 0,(0,s.unref)(v).message?{name:`message`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`message`)]),key:`3`}:void 0]),1032,[`modelValue`,`label`,`label-props`,`placeholder`,`help-messages`,`error-messages`,`bordered`,`disabled`,`readonly`,`clearable`,`has-value`,`focused`,`icon-left`,`customize`,`name`,`id`])],2))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return P}});
|