@shtabapp/ui-kit 1.50.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.
Files changed (87) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/{SAvatarGroup-CaqcKGIq.cjs → SAvatarGroup-CTC_esUv.cjs} +1 -1
  3. package/dist/{SAvatarGroup-MuTqzfYS.js → SAvatarGroup-F5w88NGf.js} +1 -1
  4. package/dist/{SCard-CrU67ok0.js → SCard-BkmIQd2s.js} +4 -4
  5. package/dist/SCard-BzIQoACi.cjs +1 -0
  6. package/dist/SCheckbox-BXV4bPOv.js +76 -0
  7. package/dist/SCheckbox-D_YLWg6a.cjs +1 -0
  8. package/dist/SChip-DRz5BA4Z.cjs +1 -0
  9. package/dist/{SChip-TxpPE0VS.js → SChip-DvPazz7Y.js} +0 -1
  10. package/dist/{SColorPicker-CeKB3QS1.cjs → SColorPicker-CuuiFxI0.cjs} +1 -1
  11. package/dist/{SColorPicker-BqsD-5xA.js → SColorPicker-Dl5H4iwH.js} +1 -1
  12. package/dist/SInput-DJL9QOIG.cjs +1 -0
  13. package/dist/{SInput-CkanJfLx.js → SInput-ug89CYt3.js} +45 -45
  14. package/dist/{SList-DAzztC-7.js → SList-BESqVnlh.js} +1 -1
  15. package/dist/{SList-S18K8mlH.cjs → SList-qQ7B5u8o.cjs} +1 -1
  16. package/dist/SListItem-DBGDVeoJ.cjs +1 -0
  17. package/dist/{SListItem-BRXZEePg.js → SListItem-DJ8uSadf.js} +46 -45
  18. package/dist/SOverflowGroup-CyksOav7.js +79 -0
  19. package/dist/{SOverflowGroup-DyVUzkNu.cjs → SOverflowGroup-rmU10_7L.cjs} +1 -1
  20. package/dist/SRadio-BZKPhGwO.js +58 -0
  21. package/dist/SRadio-CcmuHaKk.cjs +1 -0
  22. package/dist/SSelect-CMR4dxSn.cjs +1 -0
  23. package/dist/SSelect-pXiw_NyB.js +680 -0
  24. package/dist/{STagGroup-BMIwBk-O.cjs → STagGroup-CF2TFkb3.cjs} +1 -1
  25. package/dist/{STagGroup-wSpc3guU.js → STagGroup-GzZhto7-.js} +1 -1
  26. package/dist/SToggle-B5EdI-rG.cjs +1 -0
  27. package/dist/SToggle-BgCgar2U.js +59 -0
  28. package/dist/components/SCard/SCard.vue.d.ts.map +1 -1
  29. package/dist/components/SCheckbox/SCheckbox.vue.d.ts.map +1 -1
  30. package/dist/components/SChip/SChip.vue.d.ts.map +1 -1
  31. package/dist/components/SList/utils/resolveListItemFields.d.ts +1 -1
  32. package/dist/components/SList/utils/resolveListItemFields.d.ts.map +1 -1
  33. package/dist/components/SListItem/SListItem.types.d.ts +2 -1
  34. package/dist/components/SListItem/SListItem.types.d.ts.map +1 -1
  35. package/dist/components/SListItem/SListItem.vue.d.ts.map +1 -1
  36. package/dist/components/SOverflowGroup/SOverflowGroup.vue.d.ts.map +1 -1
  37. package/dist/components/SRadio/SRadio.vue.d.ts.map +1 -1
  38. package/dist/components/SSelect/SSelect.types.d.ts +5 -0
  39. package/dist/components/SSelect/SSelect.types.d.ts.map +1 -1
  40. package/dist/components/SSelect/SSelect.vue.d.ts.map +1 -1
  41. package/dist/components/SToggle/SToggle.types.d.ts +6 -0
  42. package/dist/components/SToggle/SToggle.types.d.ts.map +1 -1
  43. package/dist/components/SToggle/SToggle.vue.d.ts +11 -1
  44. package/dist/components/SToggle/SToggle.vue.d.ts.map +1 -1
  45. package/dist/components/SToggle/index.d.ts +1 -1
  46. package/dist/components/SToggle/index.d.ts.map +1 -1
  47. package/dist/entries/avatar-group.cjs +1 -1
  48. package/dist/entries/avatar-group.js +1 -1
  49. package/dist/entries/card.cjs +1 -1
  50. package/dist/entries/card.js +1 -1
  51. package/dist/entries/checkbox.cjs +1 -1
  52. package/dist/entries/checkbox.js +1 -1
  53. package/dist/entries/chip.cjs +1 -1
  54. package/dist/entries/chip.js +1 -1
  55. package/dist/entries/color-picker.cjs +1 -1
  56. package/dist/entries/color-picker.js +1 -1
  57. package/dist/entries/input.cjs +1 -1
  58. package/dist/entries/input.js +1 -1
  59. package/dist/entries/list-item.cjs +1 -1
  60. package/dist/entries/list-item.js +1 -1
  61. package/dist/entries/list.cjs +1 -1
  62. package/dist/entries/list.js +1 -1
  63. package/dist/entries/radio.cjs +1 -1
  64. package/dist/entries/radio.js +1 -1
  65. package/dist/entries/select.cjs +1 -1
  66. package/dist/entries/select.js +1 -1
  67. package/dist/entries/tag-group.cjs +1 -1
  68. package/dist/entries/tag-group.js +1 -1
  69. package/dist/entries/toggle.cjs +1 -1
  70. package/dist/entries/toggle.js +1 -1
  71. package/dist/index.cjs +1 -1
  72. package/dist/index.js +12 -12
  73. package/dist/uikit-components.css +1 -1
  74. package/package.json +2 -2
  75. package/dist/SCard-BR2R5VQd.cjs +0 -1
  76. package/dist/SCheckbox-BMKYFfrB.js +0 -76
  77. package/dist/SCheckbox-CYy7tfoS.cjs +0 -1
  78. package/dist/SChip-DoFL5c6-.cjs +0 -1
  79. package/dist/SInput-C07kFnj_.cjs +0 -1
  80. package/dist/SListItem-CdveotJe.cjs +0 -1
  81. package/dist/SOverflowGroup-CVSon6Eg.js +0 -80
  82. package/dist/SRadio-Ca-1D4q6.cjs +0 -1
  83. package/dist/SRadio-Db_YLcne.js +0 -57
  84. package/dist/SSelect-Bntb-dgY.js +0 -661
  85. package/dist/SSelect-DcTEwHx6.cjs +0 -1
  86. package/dist/SToggle-DxSm1RNz.cjs +0 -1
  87. package/dist/SToggle-T7FKzMSo.js +0 -44
@@ -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}});