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