@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.
- package/dist/esm/{OrAutocomplete-eskOHnRl.mjs → OrAutocomplete-ds-VkL_e.mjs} +183 -186
- package/dist/esm/OrAutocomplete-ds-VkL_e.mjs.map +1 -0
- package/dist/esm/{OrCardCollection-CVNj8vKN.mjs → OrCardCollection-CoE9Umh7.mjs} +2 -2
- package/dist/esm/{OrCardCollection-CVNj8vKN.mjs.map → OrCardCollection-CoE9Umh7.mjs.map} +1 -1
- package/dist/esm/{OrContextMenu-L14E1lLm.mjs → OrContextMenu-CrpiM2Jq.mjs} +2 -2
- package/dist/esm/{OrContextMenu-L14E1lLm.mjs.map → OrContextMenu-CrpiM2Jq.mjs.map} +1 -1
- package/dist/esm/{OrDataGrid-DLVkDA8L.mjs → OrDataGrid-Y27X0z7L.mjs} +7 -7
- package/dist/esm/{OrDataGrid-DLVkDA8L.mjs.map → OrDataGrid-Y27X0z7L.mjs.map} +1 -1
- package/dist/esm/{OrDateFormat-DKgu_p6Y.mjs → OrDateFormat-DLFWyjHc.mjs} +2 -2
- package/dist/esm/{OrDateFormat-DKgu_p6Y.mjs.map → OrDateFormat-DLFWyjHc.mjs.map} +1 -1
- package/dist/esm/{OrDatePicker-C2QFP1NK.mjs → OrDatePicker-Dtnri38h.mjs} +2 -2
- package/dist/esm/{OrDatePicker-C2QFP1NK.mjs.map → OrDatePicker-Dtnri38h.mjs.map} +1 -1
- package/dist/esm/{OrDateRangePicker-B8atNK11.mjs → OrDateRangePicker-EmSkMzJ7.mjs} +2 -2
- package/dist/esm/{OrDateRangePicker-B8atNK11.mjs.map → OrDateRangePicker-EmSkMzJ7.mjs.map} +1 -1
- package/dist/esm/{OrDateTimeFormat-ByEReaKo.mjs → OrDateTimeFormat-Dp-ClZ1l.mjs} +2 -2
- package/dist/esm/{OrDateTimeFormat-ByEReaKo.mjs.map → OrDateTimeFormat-Dp-ClZ1l.mjs.map} +1 -1
- package/dist/esm/{OrDateTimePicker-FuoCwgfZ.mjs → OrDateTimePicker-35-aTCIt.mjs} +2 -2
- package/dist/esm/{OrDateTimePicker-FuoCwgfZ.mjs.map → OrDateTimePicker-35-aTCIt.mjs.map} +1 -1
- package/dist/esm/{OrDateTimePicker.vue_vue_type_script_lang-DJ6A7YKZ.mjs → OrDateTimePicker.vue_vue_type_script_lang-kFeSOigY.mjs} +2 -2
- package/dist/esm/{OrDateTimePicker.vue_vue_type_script_lang-DJ6A7YKZ.mjs.map → OrDateTimePicker.vue_vue_type_script_lang-kFeSOigY.mjs.map} +1 -1
- package/dist/esm/{OrEditorTabs-B7_l5FVN.mjs → OrEditorTabs-psJUG0D3.mjs} +2 -2
- package/dist/esm/{OrEditorTabs-B7_l5FVN.mjs.map → OrEditorTabs-psJUG0D3.mjs.map} +1 -1
- package/dist/esm/{OrMenu-naJcjd7Z.mjs → OrMenu-CJT4Snay.mjs} +18 -22
- package/dist/esm/OrMenu-CJT4Snay.mjs.map +1 -0
- package/dist/esm/OrPagination-DIacMkVe.mjs +333 -0
- package/dist/esm/OrPagination-DIacMkVe.mjs.map +1 -0
- package/dist/esm/{OrRichTextEditor-DHc5Lsyu.mjs → OrRichTextEditor-CvbqTzyJ.mjs} +2 -2
- package/dist/esm/{OrRichTextEditor-DHc5Lsyu.mjs.map → OrRichTextEditor-CvbqTzyJ.mjs.map} +1 -1
- package/dist/esm/{OrSorting-C1m5NTQf.mjs → OrSorting-DCAarSF1.mjs} +2 -2
- package/dist/esm/{OrSorting-C1m5NTQf.mjs.map → OrSorting-DCAarSF1.mjs.map} +1 -1
- package/dist/esm/{OrTabs-Dgii4fCQ.mjs → OrTabs-6NfHHn7M.mjs} +2 -2
- package/dist/esm/{OrTabs-Dgii4fCQ.mjs.map → OrTabs-6NfHHn7M.mjs.map} +1 -1
- package/dist/esm/{OrTagInput-D4-z3jby.mjs → OrTagInput-CjYmyfIU.mjs} +83 -97
- package/dist/esm/OrTagInput-CjYmyfIU.mjs.map +1 -0
- package/dist/esm/{OrTimeFormat-DScNr0vb.mjs → OrTimeFormat-BZQ49Thn.mjs} +2 -2
- package/dist/esm/{OrTimeFormat-DScNr0vb.mjs.map → OrTimeFormat-BZQ49Thn.mjs.map} +1 -1
- package/dist/esm/{OrTimePicker-Deh-pYk1.mjs → OrTimePicker-CCcuAt6S.mjs} +2 -2
- package/dist/esm/{OrTimePicker-Deh-pYk1.mjs.map → OrTimePicker-CCcuAt6S.mjs.map} +1 -1
- package/dist/esm/{OrTimeRangePicker-DhsGrtcw.mjs → OrTimeRangePicker-CD1eXHAg.mjs} +2 -2
- package/dist/esm/{OrTimeRangePicker-DhsGrtcw.mjs.map → OrTimeRangePicker-CD1eXHAg.mjs.map} +1 -1
- package/dist/esm/components/index.mjs +20 -20
- package/dist/esm/components/or-autocomplete-v3/index.mjs +1 -1
- package/dist/esm/components/or-card-collection-v3/index.mjs +1 -1
- package/dist/esm/components/or-context-menu-v3/index.mjs +1 -1
- package/dist/esm/components/or-data-grid-v3/index.mjs +1 -1
- package/dist/esm/components/or-date-format-v3/index.mjs +1 -1
- package/dist/esm/components/or-date-picker-v3/index.mjs +1 -1
- package/dist/esm/components/or-date-range-picker-v3/index.mjs +1 -1
- package/dist/esm/components/or-date-time-format-v3/index.mjs +1 -1
- package/dist/esm/components/or-date-time-picker-v3/index.mjs +2 -2
- package/dist/esm/components/or-editor-tabs-v3/index.mjs +1 -1
- package/dist/esm/components/or-menu-v3/index.mjs +1 -1
- package/dist/esm/components/or-pagination-v3/index.mjs +1 -1
- package/dist/esm/components/or-rich-text-editor-v3/index.mjs +1 -1
- package/dist/esm/components/or-sorting-v3/index.mjs +1 -1
- package/dist/esm/components/or-tabs-v3/index.mjs +1 -1
- package/dist/esm/components/or-tag-input-v3/index.mjs +1 -1
- package/dist/esm/components/or-time-format-v3/index.mjs +1 -1
- package/dist/esm/components/or-time-picker-v3/index.mjs +1 -1
- package/dist/esm/components/or-time-range-picker-v3/index.mjs +1 -1
- package/dist/esm/index.mjs +20 -20
- package/dist/types/components/or-autocomplete-v3/OrAutocomplete.vue.d.ts +0 -42
- package/dist/types/components/or-date-time-picker-v3/partials/or-date-time-picker-month-select/OrDateTimePickerMonthSelect.vue.d.ts +0 -20
- package/dist/types/components/or-menu-v3/OrMenu.vue.d.ts +0 -9
- package/dist/types/components/or-pagination-v3/OrPagination.vue.d.ts +0 -21
- package/dist/types/components/or-pagination-v3/styles.d.ts +0 -1
- package/dist/types/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts +0 -10
- package/dist/types/components/or-sorting-v3/OrSorting.vue.d.ts +0 -9
- package/dist/types/components/or-tabs-v3/OrTabs.vue.d.ts +0 -10
- package/dist/types/components/or-tag-input-v3/OrTagInput.vue.d.ts +0 -18
- package/dist/types/components/or-tag-input-v3/styles.d.ts +0 -2
- package/package.json +6 -5
- package/dist/esm/OrAutocomplete-eskOHnRl.mjs.map +0 -1
- package/dist/esm/OrMenu-naJcjd7Z.mjs.map +0 -1
- package/dist/esm/OrPagination-CTwCcz18.mjs +0 -351
- package/dist/esm/OrPagination-CTwCcz18.mjs.map +0 -1
- package/dist/esm/OrTagInput-D4-z3jby.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 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
|
-
],
|
|
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
|
-
],
|
|
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
|
-
],
|
|
47
|
+
], je = [
|
|
48
48
|
// Shape
|
|
49
49
|
"rounded-b-md",
|
|
50
50
|
// Theme
|
|
51
51
|
"!border-t-0"
|
|
52
|
-
],
|
|
52
|
+
], Ge = [
|
|
53
53
|
// Shape
|
|
54
54
|
"rounded-t-md",
|
|
55
55
|
// Theme
|
|
56
56
|
"!border-b-0"
|
|
57
|
-
],
|
|
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
|
-
],
|
|
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
|
-
],
|
|
73
|
+
], We = [
|
|
74
74
|
// Spacing
|
|
75
75
|
"py-md px-lg md:px-sm+ md:py-xs"
|
|
76
|
-
],
|
|
76
|
+
], Xe = [
|
|
77
77
|
"rounded-b-0"
|
|
78
|
-
],
|
|
78
|
+
], Ye = [
|
|
79
79
|
"rounded-t-0"
|
|
80
|
-
],
|
|
80
|
+
], Ze = pe({
|
|
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: 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:
|
|
96
|
-
DropdownOpen:
|
|
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: () =>
|
|
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((
|
|
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
|
|
191
|
-
id:
|
|
192
|
-
...
|
|
193
|
-
...
|
|
194
|
-
}), E = m(),
|
|
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 =
|
|
197
|
-
}),
|
|
196
|
+
return (o = A.value) == null ? void 0 : o.root;
|
|
197
|
+
}), V = m(), $ = n(() => {
|
|
198
198
|
var o;
|
|
199
|
-
return (o =
|
|
200
|
-
}), v = m(),
|
|
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 =
|
|
203
|
-
}),
|
|
202
|
+
return (o = d.value) == null ? void 0 : o.root;
|
|
203
|
+
}), T = n(() => {
|
|
204
204
|
var o;
|
|
205
|
-
return (o =
|
|
206
|
-
}),
|
|
205
|
+
return (o = d.value) == null ? void 0 : o.state;
|
|
206
|
+
}), L = n(() => {
|
|
207
207
|
var o;
|
|
208
|
-
return (o =
|
|
209
|
-
}),
|
|
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
|
-
...
|
|
212
|
-
...e.variant ===
|
|
213
|
-
]),
|
|
214
|
-
...
|
|
215
|
-
]), N =
|
|
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
|
-
...
|
|
220
|
-
...(o =
|
|
219
|
+
...Ue,
|
|
220
|
+
...(o = d.value) != null && o.isFlipped ? Ge : je
|
|
221
221
|
];
|
|
222
|
-
}), X =
|
|
222
|
+
}), X = n(() => [
|
|
223
|
+
...Je
|
|
224
|
+
]), Y = n(() => [
|
|
225
|
+
...Qe
|
|
226
|
+
]), Z = n(() => [
|
|
223
227
|
...We
|
|
224
|
-
]),
|
|
225
|
-
...Xe
|
|
226
|
-
]),
|
|
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 =
|
|
232
|
+
return !((s = u.value) != null && s.includes(o));
|
|
233
233
|
}) : [], []);
|
|
234
|
-
function
|
|
235
|
-
|
|
234
|
+
function _(o) {
|
|
235
|
+
h.value = o.target.value;
|
|
236
236
|
}
|
|
237
|
-
function
|
|
238
|
-
e.multiple ?
|
|
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
|
|
241
|
-
|
|
240
|
+
function oe(o) {
|
|
241
|
+
u.value = Ae(o, Q(u.value) ? [] : W(u.value));
|
|
242
242
|
}
|
|
243
|
-
function
|
|
244
|
-
|
|
243
|
+
function le() {
|
|
244
|
+
u.value = void 0, F();
|
|
245
245
|
}
|
|
246
|
-
function
|
|
247
|
-
var o, s,
|
|
248
|
-
|
|
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
|
|
250
|
+
function re() {
|
|
251
251
|
var o;
|
|
252
252
|
(o = v.value) == null || o.focus();
|
|
253
253
|
}
|
|
254
|
-
function
|
|
254
|
+
function te() {
|
|
255
255
|
var o;
|
|
256
256
|
(o = v.value) == null || o.blur();
|
|
257
257
|
}
|
|
258
|
-
function
|
|
258
|
+
function ne() {
|
|
259
259
|
var o, s;
|
|
260
|
-
e.multiple ? (o =
|
|
260
|
+
e.multiple ? (o = I.value) == null || o.activate() : (s = M.value) == null || s.focus();
|
|
261
261
|
}
|
|
262
|
-
function
|
|
263
|
-
|
|
262
|
+
function ae(o) {
|
|
263
|
+
g.value = !0, r.emit("focus", o), !i.value && U();
|
|
264
264
|
}
|
|
265
|
-
function
|
|
266
|
-
|
|
265
|
+
function de(o) {
|
|
266
|
+
g.value = !1, e.multiple && F(), r.emit("blur", o);
|
|
267
267
|
}
|
|
268
|
-
function
|
|
268
|
+
function ie() {
|
|
269
269
|
var o;
|
|
270
|
-
|
|
271
|
-
setTimeout(() =>
|
|
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
|
-
|
|
276
|
+
i.value && ((o = d.value) == null || o.close());
|
|
277
277
|
}
|
|
278
|
-
const { trigger: U } =
|
|
278
|
+
const { trigger: U } = se([
|
|
279
279
|
H,
|
|
280
280
|
j(e, "loading")
|
|
281
281
|
], ([o, s]) => {
|
|
282
|
-
var
|
|
283
|
-
|
|
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:
|
|
286
|
+
attributes: C,
|
|
287
287
|
root: E,
|
|
288
288
|
rootStyles: l,
|
|
289
|
-
tagInput:
|
|
289
|
+
tagInput: A,
|
|
290
290
|
tagInputRoot: z,
|
|
291
|
-
inputBox:
|
|
292
|
-
inputBoxRoot:
|
|
291
|
+
inputBox: V,
|
|
292
|
+
inputBoxRoot: $,
|
|
293
293
|
boxOpenStyles: x,
|
|
294
294
|
control: v,
|
|
295
|
-
mobileSingleControl:
|
|
296
|
-
mobileMultipleControl:
|
|
297
|
-
controlStyles:
|
|
298
|
-
popover:
|
|
295
|
+
mobileSingleControl: M,
|
|
296
|
+
mobileMultipleControl: I,
|
|
297
|
+
controlStyles: R,
|
|
298
|
+
popover: d,
|
|
299
299
|
popoverRoot: D,
|
|
300
|
-
popoverState:
|
|
300
|
+
popoverState: T,
|
|
301
301
|
loaderStyles: Y,
|
|
302
302
|
loaderContainerStyles: Z,
|
|
303
303
|
dropdownStyles: N,
|
|
304
304
|
dropdownItemStyles: X,
|
|
305
|
-
model:
|
|
306
|
-
searchText:
|
|
305
|
+
model: u,
|
|
306
|
+
searchText: h,
|
|
307
307
|
filteredItems: H,
|
|
308
|
-
activated:
|
|
309
|
-
onFocus:
|
|
310
|
-
onBlur:
|
|
311
|
-
onInput:
|
|
312
|
-
add:
|
|
313
|
-
remove:
|
|
314
|
-
reset:
|
|
315
|
-
clear:
|
|
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:
|
|
317
|
+
openMobilePopover: ie,
|
|
318
318
|
closeMobilePopover: K,
|
|
319
|
-
focus:
|
|
320
|
-
blur:
|
|
321
|
-
isMobile:
|
|
322
|
-
nonRoundedTop: _,
|
|
323
|
-
nonRoundedBottom: ee
|
|
319
|
+
focus: re,
|
|
320
|
+
blur: te,
|
|
321
|
+
isMobile: i
|
|
324
322
|
};
|
|
325
323
|
}
|
|
326
|
-
}),
|
|
324
|
+
}), xe = ["value", "placeholder", "required", "readonly", "disabled"], _e = {
|
|
327
325
|
key: 0,
|
|
328
326
|
class: "py-sm px-lg"
|
|
329
327
|
};
|
|
330
|
-
function
|
|
331
|
-
const
|
|
332
|
-
return
|
|
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:
|
|
332
|
+
class: b(e.rootStyles)
|
|
335
333
|
}, [
|
|
336
|
-
e.$slots.label || e.$slots.addon || e.label ? (
|
|
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:
|
|
341
|
+
addon: a(() => [
|
|
344
342
|
c(e.$slots, "addon")
|
|
345
343
|
]),
|
|
346
|
-
default:
|
|
344
|
+
default: a(() => [
|
|
347
345
|
c(e.$slots, "label", {}, () => [
|
|
348
|
-
k(
|
|
346
|
+
O(k(e.label), 1)
|
|
349
347
|
])
|
|
350
348
|
]),
|
|
351
349
|
_: 3
|
|
352
|
-
}, 8, ["control-id", "required", "disabled"])) :
|
|
353
|
-
e.multiple ? q((
|
|
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
|
-
"
|
|
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:
|
|
369
|
+
tag: a(({ item: l }) => [
|
|
373
370
|
c(e.$slots, "tag", { item: l }, () => [
|
|
374
|
-
k(
|
|
371
|
+
O(k(l.label), 1)
|
|
375
372
|
])
|
|
376
373
|
]),
|
|
377
374
|
_: 3
|
|
378
|
-
}, 8, ["modelValue", "overflow", "variant", "
|
|
379
|
-
[
|
|
380
|
-
]) : (
|
|
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:
|
|
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
|
-
},
|
|
390
|
-
default:
|
|
391
|
-
q(G("input",
|
|
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,
|
|
412
|
-
[
|
|
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:
|
|
420
|
-
e.model && e.model.length > 0 ? (
|
|
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
|
-
})) :
|
|
422
|
+
})) : P("", !0)
|
|
426
423
|
]),
|
|
427
424
|
key: "0"
|
|
428
425
|
} : void 0
|
|
429
426
|
]), 1032, ["class", "variant", "size", "invalid", "readonly", "disabled"])),
|
|
430
|
-
|
|
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:
|
|
436
|
+
default: a(() => [
|
|
440
437
|
G("div", {
|
|
441
|
-
class:
|
|
438
|
+
class: b(e.dropdownStyles)
|
|
442
439
|
}, [
|
|
443
|
-
e.isMobile ? (
|
|
444
|
-
e.multiple ? (
|
|
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:
|
|
452
|
+
tag: a(({ item: l }) => [
|
|
456
453
|
c(e.$slots, "tag", { item: l }, () => [
|
|
457
|
-
k(
|
|
454
|
+
O(k(l.label), 1)
|
|
458
455
|
])
|
|
459
456
|
]),
|
|
460
|
-
appendInner:
|
|
461
|
-
|
|
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"])) : (
|
|
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:
|
|
478
|
-
|
|
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
|
-
])) :
|
|
487
|
-
e.loading ? (
|
|
483
|
+
])) : P("", !0),
|
|
484
|
+
e.loading ? (t(), S("div", {
|
|
488
485
|
key: 1,
|
|
489
|
-
class:
|
|
486
|
+
class: b(e.loaderContainerStyles)
|
|
490
487
|
}, [
|
|
491
488
|
c(e.$slots, "loading", {}, () => [
|
|
492
|
-
|
|
493
|
-
class:
|
|
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)) : (
|
|
495
|
+
], 2)) : (t(), S("div", {
|
|
499
496
|
key: 2,
|
|
500
|
-
class:
|
|
497
|
+
class: b(e.isMobile ? "overflow-auto" : "contains")
|
|
501
498
|
}, [
|
|
502
|
-
(
|
|
503
|
-
key:
|
|
504
|
-
class:
|
|
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:
|
|
504
|
+
default: a(() => [
|
|
508
505
|
c(e.$slots, "item", { item: l }, () => [
|
|
509
|
-
k(
|
|
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((
|
|
516
|
+
e.$slots.hint || e.hint ? q((t(), f(L, {
|
|
520
517
|
key: 3,
|
|
521
518
|
disabled: e.disabled
|
|
522
519
|
}, {
|
|
523
|
-
default:
|
|
520
|
+
default: a(() => [
|
|
524
521
|
c(e.$slots, "hint", {}, () => [
|
|
525
|
-
k(
|
|
522
|
+
O(k(e.hint), 1)
|
|
526
523
|
])
|
|
527
524
|
]),
|
|
528
525
|
_: 3
|
|
529
526
|
}, 8, ["disabled"])), [
|
|
530
527
|
[J, !e.error]
|
|
531
|
-
]) :
|
|
532
|
-
q(
|
|
533
|
-
default:
|
|
534
|
-
k(
|
|
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
|
|
539
|
+
const ko = /* @__PURE__ */ Ne(Ze, [["render", eo]]);
|
|
543
540
|
export {
|
|
544
|
-
|
|
541
|
+
ko as O
|
|
545
542
|
};
|
|
546
|
-
//# sourceMappingURL=OrAutocomplete-
|
|
543
|
+
//# sourceMappingURL=OrAutocomplete-ds-VkL_e.mjs.map
|