@onereach/ui-components 22.2.0-beta.5480.0 → 22.2.0-beta.5482.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/dist/esm/{OrAutocomplete-ds-VkL_e.mjs → OrAutocomplete-eskOHnRl.mjs} +186 -183
- package/dist/esm/OrAutocomplete-eskOHnRl.mjs.map +1 -0
- package/dist/esm/{OrDataGrid-D2FFVgHK.mjs → OrDataGrid-DLVkDA8L.mjs} +2 -2
- package/dist/esm/{OrDataGrid-D2FFVgHK.mjs.map → OrDataGrid-DLVkDA8L.mjs.map} +1 -1
- package/dist/esm/{OrTagInput-CjYmyfIU.mjs → OrTagInput-D4-z3jby.mjs} +97 -83
- package/dist/esm/OrTagInput-D4-z3jby.mjs.map +1 -0
- package/dist/esm/components/index.mjs +3 -3
- package/dist/esm/components/or-autocomplete-v3/index.mjs +1 -1
- package/dist/esm/components/or-data-grid-v3/index.mjs +1 -1
- package/dist/esm/components/or-tag-input-v3/index.mjs +1 -1
- package/dist/esm/index.mjs +3 -3
- package/dist/types/components/or-autocomplete-v3/OrAutocomplete.vue.d.ts +42 -0
- package/dist/types/components/or-tag-input-v3/OrTagInput.vue.d.ts +18 -0
- package/dist/types/components/or-tag-input-v3/styles.d.ts +2 -0
- package/package.json +2 -2
- package/dist/esm/OrAutocomplete-ds-VkL_e.mjs.map +0 -1
- package/dist/esm/OrTagInput-CjYmyfIU.mjs.map +0 -1
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import { computedAsync as
|
|
2
|
-
import { defineComponent as
|
|
3
|
-
import { useIdAttribute as
|
|
4
|
-
import { DropdownClose as
|
|
5
|
-
import { include as
|
|
6
|
-
import { O as
|
|
7
|
-
import { O as
|
|
8
|
-
import { O as
|
|
9
|
-
import { O as
|
|
10
|
-
import { a as
|
|
11
|
-
import { O as
|
|
12
|
-
import { O as
|
|
13
|
-
import { O as
|
|
14
|
-
import { O as
|
|
15
|
-
import { O as
|
|
16
|
-
import { O as
|
|
17
|
-
import { T as
|
|
18
|
-
import { _ as
|
|
19
|
-
const
|
|
1
|
+
import { computedAsync as pe, watchTriggerable as me } from "@vueuse/core";
|
|
2
|
+
import { defineComponent as fe, reactive as ve, ref as m, computed as t, toRef as j, nextTick as be, resolveComponent as p, resolveDirective as ye, openBlock as a, createElementBlock as C, normalizeClass as y, createBlock as f, withCtx as d, renderSlot as c, createTextVNode as k, toDisplayString as I, createCommentVNode as R, withDirectives as q, createSlots as ce, createElementVNode as G, mergeProps as ge, createVNode as A, Fragment as Oe, renderList as ke, vShow as J } from "vue";
|
|
3
|
+
import { useIdAttribute as Ie, useControlAttributes as he, useValidationAttributes as we, useResponsive as Se, useProxyModelValue as Be } from "@onereach/ui-components-common/hooks";
|
|
4
|
+
import { DropdownClose as Ce, DropdownOpen as Ae } from "@onereach/ui-components-common/directives";
|
|
5
|
+
import { include as Te, isNil as Q, toArray as W, exclude as Ve } from "@onereach/ui-components-common/utils";
|
|
6
|
+
import { O as $e } from "./OrError-B5ihH6-3.mjs";
|
|
7
|
+
import { O as Me } from "./OrHint-NvbZyURY.mjs";
|
|
8
|
+
import { O as Fe } from "./OrIconButton-BlHCLpeW.mjs";
|
|
9
|
+
import { O as Pe } from "./OrInputBox-6ciokFdU.mjs";
|
|
10
|
+
import { a as Re } from "./OrInputBox.vue_vue_type_script_lang-q2L7rmth.mjs";
|
|
11
|
+
import { O as qe } from "./OrLabel-DssheqEn.mjs";
|
|
12
|
+
import { O as De } from "./OrLoader-2SaTMxmZ.mjs";
|
|
13
|
+
import { O as Le } from "./OrMenuItem-BHRMA0L1.mjs";
|
|
14
|
+
import { O as Ee } from "./OrPopover-DbygLPtT.mjs";
|
|
15
|
+
import { O as ze } from "./OrTagInput-D4-z3jby.mjs";
|
|
16
|
+
import { O as Ne } from "./OrInput-DBcNZlkx.mjs";
|
|
17
|
+
import { T as He } from "./OrTags-CS0bcLtx.mjs";
|
|
18
|
+
import { _ as Ke } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
|
|
19
|
+
const Ue = [
|
|
20
20
|
// Layout
|
|
21
21
|
"layout-column",
|
|
22
22
|
// Spacing
|
|
23
23
|
"gap-xs"
|
|
24
|
-
],
|
|
24
|
+
], je = [
|
|
25
25
|
// Box
|
|
26
26
|
"w-full",
|
|
27
27
|
// Typography
|
|
@@ -33,7 +33,7 @@ const He = [
|
|
|
33
33
|
// Theme (placeholder)
|
|
34
34
|
"placeholder:theme-foreground-outline",
|
|
35
35
|
"dark:placeholder:theme-foreground-outline-dark"
|
|
36
|
-
],
|
|
36
|
+
], Ge = [
|
|
37
37
|
// Overflow
|
|
38
38
|
"overflow-y-auto",
|
|
39
39
|
// Box
|
|
@@ -44,17 +44,17 @@ const He = [
|
|
|
44
44
|
"dark:theme-background-default-dark",
|
|
45
45
|
"theme-border-outline border-1",
|
|
46
46
|
"dark:theme-border-outline-dark"
|
|
47
|
-
],
|
|
47
|
+
], Je = [
|
|
48
48
|
// Shape
|
|
49
49
|
"rounded-b-md",
|
|
50
50
|
// Theme
|
|
51
51
|
"!border-t-0"
|
|
52
|
-
],
|
|
52
|
+
], Qe = [
|
|
53
53
|
// Shape
|
|
54
54
|
"rounded-t-md",
|
|
55
55
|
// Theme
|
|
56
56
|
"!border-b-0"
|
|
57
|
-
],
|
|
57
|
+
], We = [
|
|
58
58
|
// Typography
|
|
59
59
|
"!typography-body-2-regular",
|
|
60
60
|
// Padding Override todo: check design
|
|
@@ -63,37 +63,37 @@ const He = [
|
|
|
63
63
|
"selected:!typography-body-2-semibold",
|
|
64
64
|
// Theme
|
|
65
65
|
"!theme-foreground-default dark:!theme-foreground-default-dark"
|
|
66
|
-
],
|
|
66
|
+
], Xe = [
|
|
67
67
|
// Layout
|
|
68
68
|
"w-fit",
|
|
69
69
|
// Typography
|
|
70
70
|
"typography-body-2-regular",
|
|
71
71
|
// Theme
|
|
72
72
|
"text-outline dark:text-outline-dark"
|
|
73
|
-
],
|
|
73
|
+
], Ye = [
|
|
74
74
|
// Spacing
|
|
75
75
|
"py-md px-lg md:px-sm+ md:py-xs"
|
|
76
|
-
],
|
|
76
|
+
], Ze = [
|
|
77
77
|
"rounded-b-0"
|
|
78
|
-
],
|
|
78
|
+
], xe = [
|
|
79
79
|
"rounded-t-0"
|
|
80
|
-
],
|
|
80
|
+
], _e = fe({
|
|
81
81
|
name: "OrAutocomplete",
|
|
82
82
|
components: {
|
|
83
|
-
OrError:
|
|
84
|
-
OrHint:
|
|
85
|
-
OrIconButton:
|
|
86
|
-
OrInputBox:
|
|
87
|
-
OrInput:
|
|
88
|
-
OrLabel:
|
|
89
|
-
OrLoader:
|
|
90
|
-
OrMenuItem:
|
|
91
|
-
OrPopover:
|
|
92
|
-
OrTagInput:
|
|
83
|
+
OrError: $e,
|
|
84
|
+
OrHint: Me,
|
|
85
|
+
OrIconButton: Fe,
|
|
86
|
+
OrInputBox: Pe,
|
|
87
|
+
OrInput: Ne,
|
|
88
|
+
OrLabel: qe,
|
|
89
|
+
OrLoader: De,
|
|
90
|
+
OrMenuItem: Le,
|
|
91
|
+
OrPopover: Ee,
|
|
92
|
+
OrTagInput: ze
|
|
93
93
|
},
|
|
94
94
|
directives: {
|
|
95
|
-
DropdownClose:
|
|
96
|
-
DropdownOpen:
|
|
95
|
+
DropdownClose: Ce,
|
|
96
|
+
DropdownOpen: Ae
|
|
97
97
|
},
|
|
98
98
|
model: {
|
|
99
99
|
prop: "modelValue",
|
|
@@ -114,7 +114,7 @@ const He = [
|
|
|
114
114
|
},
|
|
115
115
|
overflow: {
|
|
116
116
|
type: String,
|
|
117
|
-
default: () =>
|
|
117
|
+
default: () => He.Hidden
|
|
118
118
|
},
|
|
119
119
|
variant: {
|
|
120
120
|
type: String,
|
|
@@ -166,7 +166,7 @@ const He = [
|
|
|
166
166
|
},
|
|
167
167
|
searchFunction: {
|
|
168
168
|
type: Function,
|
|
169
|
-
default: async (e, r) => e.length > 0 ? r.filter((
|
|
169
|
+
default: async (e, r) => e.length > 0 ? r.filter((T) => new RegExp(e, "i").test(T)) : []
|
|
170
170
|
}
|
|
171
171
|
},
|
|
172
172
|
emits: [
|
|
@@ -187,175 +187,178 @@ const He = [
|
|
|
187
187
|
"blur"
|
|
188
188
|
],
|
|
189
189
|
setup(e, r) {
|
|
190
|
-
const
|
|
191
|
-
id:
|
|
192
|
-
...
|
|
193
|
-
...
|
|
194
|
-
}), E = m(),
|
|
195
|
-
var o;
|
|
196
|
-
return (o = A.value) == null ? void 0 : o.root;
|
|
197
|
-
}), V = m(), $ = n(() => {
|
|
190
|
+
const T = ve({
|
|
191
|
+
id: Ie(),
|
|
192
|
+
...he(),
|
|
193
|
+
...we()
|
|
194
|
+
}), E = m(), V = m(), z = t(() => {
|
|
198
195
|
var o;
|
|
199
196
|
return (o = V.value) == null ? void 0 : o.root;
|
|
200
|
-
}),
|
|
197
|
+
}), $ = m(), M = t(() => {
|
|
198
|
+
var o;
|
|
199
|
+
return (o = $.value) == null ? void 0 : o.root;
|
|
200
|
+
}), v = m(), F = m(), h = m(), u = m(), D = t(() => {
|
|
201
201
|
var o;
|
|
202
|
-
return (o =
|
|
203
|
-
}),
|
|
202
|
+
return (o = u.value) == null ? void 0 : o.root;
|
|
203
|
+
}), g = t(() => {
|
|
204
204
|
var o;
|
|
205
|
-
return (o =
|
|
206
|
-
}),
|
|
205
|
+
return (o = u.value) == null ? void 0 : o.state;
|
|
206
|
+
}), w = t(() => {
|
|
207
207
|
var o;
|
|
208
|
-
return (o =
|
|
209
|
-
}),
|
|
208
|
+
return (o = u.value) == null ? void 0 : o.isFlipped;
|
|
209
|
+
}), O = m(!1), { isMobile: n } = Se(), l = t(() => [
|
|
210
210
|
"or-autocomplete-v3",
|
|
211
|
-
...
|
|
212
|
-
...e.variant ===
|
|
213
|
-
]),
|
|
214
|
-
...
|
|
215
|
-
]), N =
|
|
211
|
+
...Ue,
|
|
212
|
+
...e.variant === Re.Embedded ? ["grow"] : []
|
|
213
|
+
]), L = t(() => [
|
|
214
|
+
...je
|
|
215
|
+
]), N = t(() => {
|
|
216
216
|
var o;
|
|
217
217
|
return [
|
|
218
218
|
"or-autocomplete-popover-v3",
|
|
219
|
-
...
|
|
220
|
-
...(o =
|
|
219
|
+
...Ge,
|
|
220
|
+
...(o = u.value) != null && o.isFlipped ? Qe : Je
|
|
221
221
|
];
|
|
222
|
-
}), X =
|
|
223
|
-
...Je
|
|
224
|
-
]), Y = n(() => [
|
|
225
|
-
...Qe
|
|
226
|
-
]), Z = n(() => [
|
|
222
|
+
}), X = t(() => [
|
|
227
223
|
...We
|
|
228
|
-
]),
|
|
229
|
-
...
|
|
230
|
-
]),
|
|
224
|
+
]), Y = t(() => [
|
|
225
|
+
...Xe
|
|
226
|
+
]), Z = t(() => [
|
|
227
|
+
...Ye
|
|
228
|
+
]), x = t(() => [
|
|
229
|
+
...g.value === "open" && !n.value ? w.value ? xe : Ze : []
|
|
230
|
+
]), _ = t(() => g.value === "open" && !n.value && w.value), ee = t(() => g.value === "open" && !n.value && !w.value), i = Be(j(e, "modelValue"), r.emit), S = m(), H = pe(async () => S.value ? (await e.searchFunction(S.value, e.items)).filter((o) => {
|
|
231
231
|
var s;
|
|
232
|
-
return !((s =
|
|
232
|
+
return !((s = i.value) != null && s.includes(o));
|
|
233
233
|
}) : [], []);
|
|
234
|
-
function
|
|
235
|
-
|
|
234
|
+
function oe(o) {
|
|
235
|
+
S.value = o.target.value;
|
|
236
236
|
}
|
|
237
|
-
function
|
|
238
|
-
e.multiple ?
|
|
237
|
+
function le(o) {
|
|
238
|
+
e.multiple ? i.value = Te(o, Q(i.value) ? [] : W(i.value)) : (i.value = o, n.value && K()), P();
|
|
239
239
|
}
|
|
240
|
-
function
|
|
241
|
-
|
|
240
|
+
function re(o) {
|
|
241
|
+
i.value = Ve(o, Q(i.value) ? [] : W(i.value));
|
|
242
242
|
}
|
|
243
|
-
function
|
|
244
|
-
|
|
243
|
+
function te() {
|
|
244
|
+
i.value = void 0, P();
|
|
245
245
|
}
|
|
246
|
-
function
|
|
247
|
-
var o, s,
|
|
248
|
-
|
|
246
|
+
function P() {
|
|
247
|
+
var o, s, b, B;
|
|
248
|
+
S.value = void 0, n.value ? (s = (o = h.value) == null ? void 0 : o.clear) == null || s.call(o) : (B = (b = V.value) == null ? void 0 : b.clear) == null || B.call(b);
|
|
249
249
|
}
|
|
250
|
-
function
|
|
250
|
+
function ne() {
|
|
251
251
|
var o;
|
|
252
252
|
(o = v.value) == null || o.focus();
|
|
253
253
|
}
|
|
254
|
-
function
|
|
254
|
+
function ae() {
|
|
255
255
|
var o;
|
|
256
256
|
(o = v.value) == null || o.blur();
|
|
257
257
|
}
|
|
258
|
-
function
|
|
258
|
+
function de() {
|
|
259
259
|
var o, s;
|
|
260
|
-
e.multiple ? (o =
|
|
260
|
+
e.multiple ? (o = h.value) == null || o.activate() : (s = F.value) == null || s.focus();
|
|
261
261
|
}
|
|
262
|
-
function
|
|
263
|
-
|
|
262
|
+
function ue(o) {
|
|
263
|
+
O.value = !0, r.emit("focus", o), !n.value && U();
|
|
264
264
|
}
|
|
265
|
-
function
|
|
266
|
-
|
|
265
|
+
function ie(o) {
|
|
266
|
+
O.value = !1, e.multiple && P(), r.emit("blur", o);
|
|
267
267
|
}
|
|
268
|
-
function
|
|
268
|
+
function se() {
|
|
269
269
|
var o;
|
|
270
|
-
|
|
271
|
-
setTimeout(() =>
|
|
270
|
+
n.value && !e.readonly && !e.disabled && ((o = u.value) == null || o.open(), be(() => {
|
|
271
|
+
setTimeout(() => de());
|
|
272
272
|
}));
|
|
273
273
|
}
|
|
274
274
|
function K() {
|
|
275
275
|
var o;
|
|
276
|
-
|
|
276
|
+
n.value && ((o = u.value) == null || o.close());
|
|
277
277
|
}
|
|
278
|
-
const { trigger: U } =
|
|
278
|
+
const { trigger: U } = me([
|
|
279
279
|
H,
|
|
280
280
|
j(e, "loading")
|
|
281
281
|
], ([o, s]) => {
|
|
282
|
-
var
|
|
283
|
-
|
|
282
|
+
var b, B;
|
|
283
|
+
n.value || ((o.length > 0 || s) && O.value ? (b = u.value) == null || b.open() : (B = u.value) == null || B.close());
|
|
284
284
|
});
|
|
285
285
|
return {
|
|
286
|
-
attributes:
|
|
286
|
+
attributes: T,
|
|
287
287
|
root: E,
|
|
288
288
|
rootStyles: l,
|
|
289
|
-
tagInput:
|
|
289
|
+
tagInput: V,
|
|
290
290
|
tagInputRoot: z,
|
|
291
|
-
inputBox:
|
|
292
|
-
inputBoxRoot:
|
|
291
|
+
inputBox: $,
|
|
292
|
+
inputBoxRoot: M,
|
|
293
293
|
boxOpenStyles: x,
|
|
294
294
|
control: v,
|
|
295
|
-
mobileSingleControl:
|
|
296
|
-
mobileMultipleControl:
|
|
297
|
-
controlStyles:
|
|
298
|
-
popover:
|
|
295
|
+
mobileSingleControl: F,
|
|
296
|
+
mobileMultipleControl: h,
|
|
297
|
+
controlStyles: L,
|
|
298
|
+
popover: u,
|
|
299
299
|
popoverRoot: D,
|
|
300
|
-
popoverState:
|
|
300
|
+
popoverState: g,
|
|
301
301
|
loaderStyles: Y,
|
|
302
302
|
loaderContainerStyles: Z,
|
|
303
303
|
dropdownStyles: N,
|
|
304
304
|
dropdownItemStyles: X,
|
|
305
|
-
model:
|
|
306
|
-
searchText:
|
|
305
|
+
model: i,
|
|
306
|
+
searchText: S,
|
|
307
307
|
filteredItems: H,
|
|
308
|
-
activated:
|
|
309
|
-
onFocus:
|
|
310
|
-
onBlur:
|
|
311
|
-
onInput:
|
|
312
|
-
add:
|
|
313
|
-
remove:
|
|
314
|
-
reset:
|
|
315
|
-
clear:
|
|
308
|
+
activated: O,
|
|
309
|
+
onFocus: ue,
|
|
310
|
+
onBlur: ie,
|
|
311
|
+
onInput: oe,
|
|
312
|
+
add: le,
|
|
313
|
+
remove: re,
|
|
314
|
+
reset: te,
|
|
315
|
+
clear: P,
|
|
316
316
|
triggerPopover: U,
|
|
317
|
-
openMobilePopover:
|
|
317
|
+
openMobilePopover: se,
|
|
318
318
|
closeMobilePopover: K,
|
|
319
|
-
focus:
|
|
320
|
-
blur:
|
|
321
|
-
isMobile:
|
|
319
|
+
focus: ne,
|
|
320
|
+
blur: ae,
|
|
321
|
+
isMobile: n,
|
|
322
|
+
nonRoundedTop: _,
|
|
323
|
+
nonRoundedBottom: ee
|
|
322
324
|
};
|
|
323
325
|
}
|
|
324
|
-
}),
|
|
326
|
+
}), eo = ["value", "placeholder", "required", "readonly", "disabled"], oo = {
|
|
325
327
|
key: 0,
|
|
326
328
|
class: "py-sm px-lg"
|
|
327
329
|
};
|
|
328
|
-
function
|
|
329
|
-
const
|
|
330
|
-
return
|
|
330
|
+
function lo(e, r, T, E, V, z) {
|
|
331
|
+
const $ = p("OrLabel"), M = p("OrTagInput"), v = p("OrIconButton"), F = p("OrInputBox"), h = p("OrInput"), u = p("OrLoader"), D = p("OrMenuItem"), g = p("OrPopover"), w = p("OrHint"), O = p("OrError"), n = ye("dropdown-open");
|
|
332
|
+
return a(), C("div", {
|
|
331
333
|
ref: "root",
|
|
332
|
-
class:
|
|
334
|
+
class: y(e.rootStyles)
|
|
333
335
|
}, [
|
|
334
|
-
e.$slots.label || e.$slots.addon || e.label ? (
|
|
336
|
+
e.$slots.label || e.$slots.addon || e.label ? (a(), f($, {
|
|
335
337
|
key: 0,
|
|
336
338
|
"control-id": e.attributes.id,
|
|
337
339
|
variant: "input",
|
|
338
340
|
required: e.required,
|
|
339
341
|
disabled: e.disabled
|
|
340
342
|
}, {
|
|
341
|
-
addon:
|
|
343
|
+
addon: d(() => [
|
|
342
344
|
c(e.$slots, "addon")
|
|
343
345
|
]),
|
|
344
|
-
default:
|
|
346
|
+
default: d(() => [
|
|
345
347
|
c(e.$slots, "label", {}, () => [
|
|
346
|
-
|
|
348
|
+
k(I(e.label), 1)
|
|
347
349
|
])
|
|
348
350
|
]),
|
|
349
351
|
_: 3
|
|
350
|
-
}, 8, ["control-id", "required", "disabled"])) :
|
|
351
|
-
e.multiple ? q((
|
|
352
|
+
}, 8, ["control-id", "required", "disabled"])) : R("", !0),
|
|
353
|
+
e.multiple ? q((a(), f(M, {
|
|
352
354
|
key: 1,
|
|
353
355
|
ref: "tagInput",
|
|
354
356
|
modelValue: e.model,
|
|
355
357
|
"onUpdate:modelValue": r[0] || (r[0] = (l) => e.model = l),
|
|
356
358
|
overflow: e.overflow,
|
|
357
359
|
variant: e.variant,
|
|
358
|
-
"
|
|
360
|
+
"non-rounded-top": e.nonRoundedTop,
|
|
361
|
+
"non-rounded-bottom": e.nonRoundedBottom,
|
|
359
362
|
placeholder: e.placeholder,
|
|
360
363
|
error: !!e.error,
|
|
361
364
|
required: e.required,
|
|
@@ -366,26 +369,26 @@ function eo(e, r, C, E, A, z) {
|
|
|
366
369
|
onFocus: r[2] || (r[2] = (l) => e.onFocus(l)),
|
|
367
370
|
onBlur: r[3] || (r[3] = (l) => e.onBlur(l))
|
|
368
371
|
}, {
|
|
369
|
-
tag:
|
|
372
|
+
tag: d(({ item: l }) => [
|
|
370
373
|
c(e.$slots, "tag", { item: l }, () => [
|
|
371
|
-
|
|
374
|
+
k(I(l.label), 1)
|
|
372
375
|
])
|
|
373
376
|
]),
|
|
374
377
|
_: 3
|
|
375
|
-
}, 8, ["modelValue", "overflow", "variant", "
|
|
376
|
-
[
|
|
377
|
-
]) : (
|
|
378
|
+
}, 8, ["modelValue", "overflow", "variant", "non-rounded-top", "non-rounded-bottom", "placeholder", "error", "required", "readonly", "disabled", "enable-clear"])), [
|
|
379
|
+
[n, e.openMobilePopover]
|
|
380
|
+
]) : (a(), f(F, {
|
|
378
381
|
key: 2,
|
|
379
382
|
ref: "inputBox",
|
|
380
|
-
class:
|
|
383
|
+
class: y(e.boxOpenStyles),
|
|
381
384
|
variant: e.variant,
|
|
382
385
|
size: e.size,
|
|
383
386
|
invalid: !!e.error,
|
|
384
387
|
readonly: e.readonly,
|
|
385
388
|
disabled: e.disabled
|
|
386
|
-
},
|
|
387
|
-
default:
|
|
388
|
-
q(G("input",
|
|
389
|
+
}, ce({
|
|
390
|
+
default: d(() => [
|
|
391
|
+
q(G("input", ge({ ref: "control" }, e.attributes, {
|
|
389
392
|
class: e.controlStyles,
|
|
390
393
|
type: "text",
|
|
391
394
|
value: e.searchText || e.model,
|
|
@@ -405,26 +408,26 @@ function eo(e, r, C, E, A, z) {
|
|
|
405
408
|
onBlur: r[8] || (r[8] = (l) => {
|
|
406
409
|
e.onBlur(l);
|
|
407
410
|
})
|
|
408
|
-
}), null, 16,
|
|
409
|
-
[
|
|
411
|
+
}), null, 16, eo), [
|
|
412
|
+
[n, e.openMobilePopover]
|
|
410
413
|
])
|
|
411
414
|
]),
|
|
412
415
|
_: 2
|
|
413
416
|
}, [
|
|
414
417
|
e.enableClear && !e.readonly && !e.disabled ? {
|
|
415
418
|
name: "addon",
|
|
416
|
-
fn:
|
|
417
|
-
e.model && e.model.length > 0 ? (
|
|
419
|
+
fn: d(() => [
|
|
420
|
+
e.model && e.model.length > 0 ? (a(), f(v, {
|
|
418
421
|
key: 0,
|
|
419
422
|
icon: "close",
|
|
420
423
|
color: "inherit",
|
|
421
424
|
onClick: r[9] || (r[9] = (l) => e.reset())
|
|
422
|
-
})) :
|
|
425
|
+
})) : R("", !0)
|
|
423
426
|
]),
|
|
424
427
|
key: "0"
|
|
425
428
|
} : void 0
|
|
426
429
|
]), 1032, ["class", "variant", "size", "invalid", "readonly", "disabled"])),
|
|
427
|
-
|
|
430
|
+
A(g, {
|
|
428
431
|
ref: "popover",
|
|
429
432
|
trigger: e.tagInputRoot || e.inputBoxRoot,
|
|
430
433
|
placement: "bottom",
|
|
@@ -433,12 +436,12 @@ function eo(e, r, C, E, A, z) {
|
|
|
433
436
|
"disable-default-styles": !0,
|
|
434
437
|
"bottom-sheet-props": { isFullscreen: !0 }
|
|
435
438
|
}, {
|
|
436
|
-
default:
|
|
439
|
+
default: d(() => [
|
|
437
440
|
G("div", {
|
|
438
|
-
class:
|
|
441
|
+
class: y(e.dropdownStyles)
|
|
439
442
|
}, [
|
|
440
|
-
e.isMobile ? (
|
|
441
|
-
e.multiple ? (
|
|
443
|
+
e.isMobile ? (a(), C("div", oo, [
|
|
444
|
+
e.multiple ? (a(), f(M, {
|
|
442
445
|
key: 0,
|
|
443
446
|
ref: "mobileMultipleControl",
|
|
444
447
|
modelValue: e.model,
|
|
@@ -449,20 +452,20 @@ function eo(e, r, C, E, A, z) {
|
|
|
449
452
|
"enable-clear": !1,
|
|
450
453
|
onInput: r[11] || (r[11] = (l) => e.onInput(l))
|
|
451
454
|
}, {
|
|
452
|
-
tag:
|
|
455
|
+
tag: d(({ item: l }) => [
|
|
453
456
|
c(e.$slots, "tag", { item: l }, () => [
|
|
454
|
-
|
|
457
|
+
k(I(l.label), 1)
|
|
455
458
|
])
|
|
456
459
|
]),
|
|
457
|
-
appendInner:
|
|
458
|
-
|
|
460
|
+
appendInner: d(() => [
|
|
461
|
+
A(v, {
|
|
459
462
|
icon: "check",
|
|
460
463
|
color: "inherit",
|
|
461
464
|
onClick: e.closeMobilePopover
|
|
462
465
|
}, null, 8, ["onClick"])
|
|
463
466
|
]),
|
|
464
467
|
_: 3
|
|
465
|
-
}, 8, ["modelValue", "placeholder", "error"])) : (
|
|
468
|
+
}, 8, ["modelValue", "placeholder", "error"])) : (a(), f(h, {
|
|
466
469
|
key: 1,
|
|
467
470
|
ref: "mobileSingleControl",
|
|
468
471
|
"model-value": e.searchText || e.model && e.model.toString(),
|
|
@@ -471,8 +474,8 @@ function eo(e, r, C, E, A, z) {
|
|
|
471
474
|
e.$emit("input", l), e.onInput(l), e.model = e.searchText;
|
|
472
475
|
})
|
|
473
476
|
}, {
|
|
474
|
-
appendInner:
|
|
475
|
-
|
|
477
|
+
appendInner: d(() => [
|
|
478
|
+
A(v, {
|
|
476
479
|
icon: "check",
|
|
477
480
|
color: "inherit",
|
|
478
481
|
onClick: e.closeMobilePopover
|
|
@@ -480,30 +483,30 @@ function eo(e, r, C, E, A, z) {
|
|
|
480
483
|
]),
|
|
481
484
|
_: 1
|
|
482
485
|
}, 8, ["model-value", "placeholder"]))
|
|
483
|
-
])) :
|
|
484
|
-
e.loading ? (
|
|
486
|
+
])) : R("", !0),
|
|
487
|
+
e.loading ? (a(), C("div", {
|
|
485
488
|
key: 1,
|
|
486
|
-
class:
|
|
489
|
+
class: y(e.loaderContainerStyles)
|
|
487
490
|
}, [
|
|
488
491
|
c(e.$slots, "loading", {}, () => [
|
|
489
|
-
|
|
490
|
-
class:
|
|
492
|
+
A(u, {
|
|
493
|
+
class: y(e.loaderStyles),
|
|
491
494
|
variant: "text",
|
|
492
495
|
text: e.loadingText
|
|
493
496
|
}, null, 8, ["class", "text"])
|
|
494
497
|
])
|
|
495
|
-
], 2)) : (
|
|
498
|
+
], 2)) : (a(), C("div", {
|
|
496
499
|
key: 2,
|
|
497
|
-
class:
|
|
500
|
+
class: y(e.isMobile ? "overflow-auto" : "contains")
|
|
498
501
|
}, [
|
|
499
|
-
(
|
|
500
|
-
key:
|
|
501
|
-
class:
|
|
502
|
+
(a(!0), C(Oe, null, ke(e.filteredItems, (l, L) => (a(), f(D, {
|
|
503
|
+
key: L,
|
|
504
|
+
class: y(e.dropdownItemStyles),
|
|
502
505
|
onClick: (N) => e.add(l)
|
|
503
506
|
}, {
|
|
504
|
-
default:
|
|
507
|
+
default: d(() => [
|
|
505
508
|
c(e.$slots, "item", { item: l }, () => [
|
|
506
|
-
|
|
509
|
+
k(I(l), 1)
|
|
507
510
|
])
|
|
508
511
|
]),
|
|
509
512
|
_: 2
|
|
@@ -513,22 +516,22 @@ function eo(e, r, C, E, A, z) {
|
|
|
513
516
|
]),
|
|
514
517
|
_: 3
|
|
515
518
|
}, 8, ["trigger"]),
|
|
516
|
-
e.$slots.hint || e.hint ? q((
|
|
519
|
+
e.$slots.hint || e.hint ? q((a(), f(w, {
|
|
517
520
|
key: 3,
|
|
518
521
|
disabled: e.disabled
|
|
519
522
|
}, {
|
|
520
|
-
default:
|
|
523
|
+
default: d(() => [
|
|
521
524
|
c(e.$slots, "hint", {}, () => [
|
|
522
|
-
|
|
525
|
+
k(I(e.hint), 1)
|
|
523
526
|
])
|
|
524
527
|
]),
|
|
525
528
|
_: 3
|
|
526
529
|
}, 8, ["disabled"])), [
|
|
527
530
|
[J, !e.error]
|
|
528
|
-
]) :
|
|
529
|
-
q(
|
|
530
|
-
default:
|
|
531
|
-
|
|
531
|
+
]) : R("", !0),
|
|
532
|
+
q(A(O, { disabled: e.disabled }, {
|
|
533
|
+
default: d(() => [
|
|
534
|
+
k(I(e.error), 1)
|
|
532
535
|
]),
|
|
533
536
|
_: 1
|
|
534
537
|
}, 8, ["disabled"]), [
|
|
@@ -536,8 +539,8 @@ function eo(e, r, C, E, A, z) {
|
|
|
536
539
|
])
|
|
537
540
|
], 2);
|
|
538
541
|
}
|
|
539
|
-
const
|
|
542
|
+
const ho = /* @__PURE__ */ Ke(_e, [["render", lo]]);
|
|
540
543
|
export {
|
|
541
|
-
|
|
544
|
+
ho as O
|
|
542
545
|
};
|
|
543
|
-
//# sourceMappingURL=OrAutocomplete-
|
|
546
|
+
//# sourceMappingURL=OrAutocomplete-eskOHnRl.mjs.map
|