@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.
@@ -1,27 +1,27 @@
1
- import { computedAsync as ue, watchTriggerable as se } from "@vueuse/core";
2
- import { defineComponent as pe, reactive as me, ref as m, computed as n, toRef as j, nextTick as fe, resolveComponent as p, resolveDirective as ve, openBlock as t, createElementBlock as S, normalizeClass as b, createBlock as f, withCtx as a, renderSlot as c, createTextVNode as O, toDisplayString as k, createCommentVNode as P, withDirectives as q, createSlots as ye, createElementVNode as G, mergeProps as be, createVNode as B, Fragment as ce, renderList as ge, vShow as J } from "vue";
3
- import { useIdAttribute as Oe, useControlAttributes as ke, useValidationAttributes as Ie, useResponsive as he, useProxyModelValue as we } from "@onereach/ui-components-common/hooks";
4
- import { DropdownClose as Se, DropdownOpen as Be } from "@onereach/ui-components-common/directives";
5
- import { include as Ce, isNil as Q, toArray as W, exclude as Ae } from "@onereach/ui-components-common/utils";
6
- import { O as Ve } from "./OrError-B5ihH6-3.mjs";
7
- import { O as $e } from "./OrHint-NvbZyURY.mjs";
8
- import { O as Me } from "./OrIconButton-BlHCLpeW.mjs";
9
- import { O as Te } from "./OrInputBox-6ciokFdU.mjs";
10
- import { a as Fe } from "./OrInputBox.vue_vue_type_script_lang-q2L7rmth.mjs";
11
- import { O as Pe } from "./OrLabel-DssheqEn.mjs";
12
- import { O as qe } from "./OrLoader-2SaTMxmZ.mjs";
13
- import { O as De } from "./OrMenuItem-BHRMA0L1.mjs";
14
- import { O as Le } from "./OrPopover-DbygLPtT.mjs";
15
- import { O as Re } from "./OrTagInput-CjYmyfIU.mjs";
16
- import { O as Ee } from "./OrInput-DBcNZlkx.mjs";
17
- import { T as ze } from "./OrTags-CS0bcLtx.mjs";
18
- import { _ as Ne } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
19
- const He = [
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
- ], Ke = [
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
- ], Ue = [
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
- ], je = [
47
+ ], Je = [
48
48
  // Shape
49
49
  "rounded-b-md",
50
50
  // Theme
51
51
  "!border-t-0"
52
- ], Ge = [
52
+ ], Qe = [
53
53
  // Shape
54
54
  "rounded-t-md",
55
55
  // Theme
56
56
  "!border-b-0"
57
- ], Je = [
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
- ], Qe = [
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
- ], We = [
73
+ ], Ye = [
74
74
  // Spacing
75
75
  "py-md px-lg md:px-sm+ md:py-xs"
76
- ], Xe = [
76
+ ], Ze = [
77
77
  "rounded-b-0"
78
- ], Ye = [
78
+ ], xe = [
79
79
  "rounded-t-0"
80
- ], Ze = pe({
80
+ ], _e = fe({
81
81
  name: "OrAutocomplete",
82
82
  components: {
83
- OrError: Ve,
84
- OrHint: $e,
85
- OrIconButton: Me,
86
- OrInputBox: Te,
87
- OrInput: Ee,
88
- OrLabel: Pe,
89
- OrLoader: qe,
90
- OrMenuItem: De,
91
- OrPopover: Le,
92
- OrTagInput: Re
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: Se,
96
- DropdownOpen: Be
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: () => ze.Hidden
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((C) => new RegExp(e, "i").test(C)) : []
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 C = me({
191
- id: Oe(),
192
- ...ke(),
193
- ...Ie()
194
- }), E = m(), A = m(), z = n(() => {
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
- }), v = m(), M = m(), I = m(), d = m(), D = n(() => {
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 = d.value) == null ? void 0 : o.root;
203
- }), T = n(() => {
202
+ return (o = u.value) == null ? void 0 : o.root;
203
+ }), g = t(() => {
204
204
  var o;
205
- return (o = d.value) == null ? void 0 : o.state;
206
- }), L = n(() => {
205
+ return (o = u.value) == null ? void 0 : o.state;
206
+ }), w = t(() => {
207
207
  var o;
208
- return (o = d.value) == null ? void 0 : o.isFlipped;
209
- }), g = m(!1), { isMobile: i } = he(), l = n(() => [
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
- ...He,
212
- ...e.variant === Fe.Embedded ? ["grow"] : []
213
- ]), R = n(() => [
214
- ...Ke
215
- ]), N = 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
- ...Ue,
220
- ...(o = d.value) != null && o.isFlipped ? Ge : je
219
+ ...Ge,
220
+ ...(o = u.value) != null && o.isFlipped ? Qe : Je
221
221
  ];
222
- }), X = n(() => [
223
- ...Je
224
- ]), Y = n(() => [
225
- ...Qe
226
- ]), Z = n(() => [
222
+ }), X = t(() => [
227
223
  ...We
228
- ]), x = n(() => [
229
- ...T.value === "open" && !i.value ? L.value ? Ye : Xe : []
230
- ]), u = we(j(e, "modelValue"), r.emit), h = m(), H = ue(async () => h.value ? (await e.searchFunction(h.value, e.items)).filter((o) => {
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 = u.value) != null && s.includes(o));
232
+ return !((s = i.value) != null && s.includes(o));
233
233
  }) : [], []);
234
- function _(o) {
235
- h.value = o.target.value;
234
+ function oe(o) {
235
+ S.value = o.target.value;
236
236
  }
237
- function ee(o) {
238
- e.multiple ? u.value = Ce(o, Q(u.value) ? [] : W(u.value)) : (u.value = o, i.value && K()), F();
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 oe(o) {
241
- u.value = Ae(o, Q(u.value) ? [] : W(u.value));
240
+ function re(o) {
241
+ i.value = Ve(o, Q(i.value) ? [] : W(i.value));
242
242
  }
243
- function le() {
244
- u.value = void 0, F();
243
+ function te() {
244
+ i.value = void 0, P();
245
245
  }
246
- function F() {
247
- var o, s, y, w;
248
- h.value = void 0, i.value ? (s = (o = I.value) == null ? void 0 : o.clear) == null || s.call(o) : (w = (y = A.value) == null ? void 0 : y.clear) == null || w.call(y);
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 re() {
250
+ function ne() {
251
251
  var o;
252
252
  (o = v.value) == null || o.focus();
253
253
  }
254
- function te() {
254
+ function ae() {
255
255
  var o;
256
256
  (o = v.value) == null || o.blur();
257
257
  }
258
- function ne() {
258
+ function de() {
259
259
  var o, s;
260
- e.multiple ? (o = I.value) == null || o.activate() : (s = M.value) == null || s.focus();
260
+ e.multiple ? (o = h.value) == null || o.activate() : (s = F.value) == null || s.focus();
261
261
  }
262
- function ae(o) {
263
- g.value = !0, r.emit("focus", o), !i.value && U();
262
+ function ue(o) {
263
+ O.value = !0, r.emit("focus", o), !n.value && U();
264
264
  }
265
- function de(o) {
266
- g.value = !1, e.multiple && F(), r.emit("blur", o);
265
+ function ie(o) {
266
+ O.value = !1, e.multiple && P(), r.emit("blur", o);
267
267
  }
268
- function ie() {
268
+ function se() {
269
269
  var o;
270
- i.value && !e.readonly && !e.disabled && ((o = d.value) == null || o.open(), fe(() => {
271
- setTimeout(() => ne());
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
- i.value && ((o = d.value) == null || o.close());
276
+ n.value && ((o = u.value) == null || o.close());
277
277
  }
278
- const { trigger: U } = se([
278
+ const { trigger: U } = me([
279
279
  H,
280
280
  j(e, "loading")
281
281
  ], ([o, s]) => {
282
- var y, w;
283
- i.value || ((o.length > 0 || s) && g.value ? (y = d.value) == null || y.open() : (w = d.value) == null || w.close());
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: C,
286
+ attributes: T,
287
287
  root: E,
288
288
  rootStyles: l,
289
- tagInput: A,
289
+ tagInput: V,
290
290
  tagInputRoot: z,
291
- inputBox: V,
292
- inputBoxRoot: $,
291
+ inputBox: $,
292
+ inputBoxRoot: M,
293
293
  boxOpenStyles: x,
294
294
  control: v,
295
- mobileSingleControl: M,
296
- mobileMultipleControl: I,
297
- controlStyles: R,
298
- popover: d,
295
+ mobileSingleControl: F,
296
+ mobileMultipleControl: h,
297
+ controlStyles: L,
298
+ popover: u,
299
299
  popoverRoot: D,
300
- popoverState: T,
300
+ popoverState: g,
301
301
  loaderStyles: Y,
302
302
  loaderContainerStyles: Z,
303
303
  dropdownStyles: N,
304
304
  dropdownItemStyles: X,
305
- model: u,
306
- searchText: h,
305
+ model: i,
306
+ searchText: S,
307
307
  filteredItems: H,
308
- activated: g,
309
- onFocus: ae,
310
- onBlur: de,
311
- onInput: _,
312
- add: ee,
313
- remove: oe,
314
- reset: le,
315
- clear: F,
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: ie,
317
+ openMobilePopover: se,
318
318
  closeMobilePopover: K,
319
- focus: re,
320
- blur: te,
321
- isMobile: i
319
+ focus: ne,
320
+ blur: ae,
321
+ isMobile: n,
322
+ nonRoundedTop: _,
323
+ nonRoundedBottom: ee
322
324
  };
323
325
  }
324
- }), xe = ["value", "placeholder", "required", "readonly", "disabled"], _e = {
326
+ }), eo = ["value", "placeholder", "required", "readonly", "disabled"], oo = {
325
327
  key: 0,
326
328
  class: "py-sm px-lg"
327
329
  };
328
- function eo(e, r, C, E, A, z) {
329
- const V = p("OrLabel"), $ = p("OrTagInput"), v = p("OrIconButton"), M = p("OrInputBox"), I = p("OrInput"), d = p("OrLoader"), D = p("OrMenuItem"), T = p("OrPopover"), L = p("OrHint"), g = p("OrError"), i = ve("dropdown-open");
330
- return t(), S("div", {
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: b(e.rootStyles)
334
+ class: y(e.rootStyles)
333
335
  }, [
334
- e.$slots.label || e.$slots.addon || e.label ? (t(), f(V, {
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: a(() => [
343
+ addon: d(() => [
342
344
  c(e.$slots, "addon")
343
345
  ]),
344
- default: a(() => [
346
+ default: d(() => [
345
347
  c(e.$slots, "label", {}, () => [
346
- O(k(e.label), 1)
348
+ k(I(e.label), 1)
347
349
  ])
348
350
  ]),
349
351
  _: 3
350
- }, 8, ["control-id", "required", "disabled"])) : P("", !0),
351
- e.multiple ? q((t(), f($, {
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
- "additional-input-box-styles": e.boxOpenStyles,
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: a(({ item: l }) => [
372
+ tag: d(({ item: l }) => [
370
373
  c(e.$slots, "tag", { item: l }, () => [
371
- O(k(l.label), 1)
374
+ k(I(l.label), 1)
372
375
  ])
373
376
  ]),
374
377
  _: 3
375
- }, 8, ["modelValue", "overflow", "variant", "additional-input-box-styles", "placeholder", "error", "required", "readonly", "disabled", "enable-clear"])), [
376
- [i, e.openMobilePopover]
377
- ]) : (t(), f(M, {
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: b(e.boxOpenStyles),
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
- }, ye({
387
- default: a(() => [
388
- q(G("input", be({ ref: "control" }, e.attributes, {
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, xe), [
409
- [i, e.openMobilePopover]
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: a(() => [
417
- e.model && e.model.length > 0 ? (t(), f(v, {
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
- })) : P("", !0)
425
+ })) : R("", !0)
423
426
  ]),
424
427
  key: "0"
425
428
  } : void 0
426
429
  ]), 1032, ["class", "variant", "size", "invalid", "readonly", "disabled"])),
427
- B(T, {
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: a(() => [
439
+ default: d(() => [
437
440
  G("div", {
438
- class: b(e.dropdownStyles)
441
+ class: y(e.dropdownStyles)
439
442
  }, [
440
- e.isMobile ? (t(), S("div", _e, [
441
- e.multiple ? (t(), f($, {
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: a(({ item: l }) => [
455
+ tag: d(({ item: l }) => [
453
456
  c(e.$slots, "tag", { item: l }, () => [
454
- O(k(l.label), 1)
457
+ k(I(l.label), 1)
455
458
  ])
456
459
  ]),
457
- appendInner: a(() => [
458
- B(v, {
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"])) : (t(), f(I, {
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: a(() => [
475
- B(v, {
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
- ])) : P("", !0),
484
- e.loading ? (t(), S("div", {
486
+ ])) : R("", !0),
487
+ e.loading ? (a(), C("div", {
485
488
  key: 1,
486
- class: b(e.loaderContainerStyles)
489
+ class: y(e.loaderContainerStyles)
487
490
  }, [
488
491
  c(e.$slots, "loading", {}, () => [
489
- B(d, {
490
- class: b(e.loaderStyles),
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)) : (t(), S("div", {
498
+ ], 2)) : (a(), C("div", {
496
499
  key: 2,
497
- class: b(e.isMobile ? "overflow-auto" : "contains")
500
+ class: y(e.isMobile ? "overflow-auto" : "contains")
498
501
  }, [
499
- (t(!0), S(ce, null, ge(e.filteredItems, (l, R) => (t(), f(D, {
500
- key: R,
501
- class: b(e.dropdownItemStyles),
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: a(() => [
507
+ default: d(() => [
505
508
  c(e.$slots, "item", { item: l }, () => [
506
- O(k(l), 1)
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((t(), f(L, {
519
+ e.$slots.hint || e.hint ? q((a(), f(w, {
517
520
  key: 3,
518
521
  disabled: e.disabled
519
522
  }, {
520
- default: a(() => [
523
+ default: d(() => [
521
524
  c(e.$slots, "hint", {}, () => [
522
- O(k(e.hint), 1)
525
+ k(I(e.hint), 1)
523
526
  ])
524
527
  ]),
525
528
  _: 3
526
529
  }, 8, ["disabled"])), [
527
530
  [J, !e.error]
528
- ]) : P("", !0),
529
- q(B(g, { disabled: e.disabled }, {
530
- default: a(() => [
531
- O(k(e.error), 1)
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 ko = /* @__PURE__ */ Ne(Ze, [["render", eo]]);
542
+ const ho = /* @__PURE__ */ Ke(_e, [["render", lo]]);
540
543
  export {
541
- ko as O
544
+ ho as O
542
545
  };
543
- //# sourceMappingURL=OrAutocomplete-ds-VkL_e.mjs.map
546
+ //# sourceMappingURL=OrAutocomplete-eskOHnRl.mjs.map