golden-logic-ui 1.2.354 → 1.2.356
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.
|
@@ -3,7 +3,7 @@ import M from "./GlDatePicker.vue.js";
|
|
|
3
3
|
const B = {
|
|
4
4
|
key: 0,
|
|
5
5
|
class: "gl-label-form"
|
|
6
|
-
}, j = { class: "mt-1 text-gray-900 dark:text-white" }, A = ["for"], U = { class: "flex justify-between gap-2 flex-col md:flex-row items-center" }, z = { class: "w-full md:flex-1" }, F = { class: "text-gray-500 dark:text-gray-400 font-medium shrink-0 py-2 md:py-0
|
|
6
|
+
}, j = { class: "mt-1 text-gray-900 dark:text-white" }, A = ["for"], U = { class: "flex justify-between gap-2 flex-col md:flex-row items-center" }, z = { class: "w-full md:flex-1" }, F = { class: "text-gray-500 dark:text-gray-400 font-medium shrink-0 py-2 md:py-0" }, G = { class: "w-full md:flex-1" }, O = {
|
|
7
7
|
key: 1,
|
|
8
8
|
class: "text-center mt-1"
|
|
9
9
|
}, P = { class: "gl-span-form-error" }, R = {
|
|
@@ -3,7 +3,7 @@ import N from "./GlDateTimePicker.vue.js";
|
|
|
3
3
|
const K = {
|
|
4
4
|
key: 0,
|
|
5
5
|
class: "gl-label-form"
|
|
6
|
-
}, L = { class: "mt-1 text-gray-900 dark:text-white" }, Q = ["for"], W = { class: "flex justify-between gap-2 flex-col md:flex-row items-center" }, X = { class: "w-full md:flex-1" }, Z = { class: "text-gray-500 dark:text-gray-400 font-medium shrink-0 py-2 md:py-0
|
|
6
|
+
}, L = { class: "mt-1 text-gray-900 dark:text-white" }, Q = ["for"], W = { class: "flex justify-between gap-2 flex-col md:flex-row items-center" }, X = { class: "w-full md:flex-1" }, Z = { class: "text-gray-500 dark:text-gray-400 font-medium shrink-0 py-2 md:py-0" }, p = { class: "w-full md:flex-1" }, ee = {
|
|
7
7
|
key: 1,
|
|
8
8
|
class: "text-center mt-1"
|
|
9
9
|
}, te = { class: "gl-span-form-error" }, ae = {
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import { ref as m, shallowRef as X, onMounted as
|
|
2
|
-
const
|
|
1
|
+
import { ref as m, shallowRef as X, onMounted as fe, onBeforeUnmount as ve, watch as M, createElementBlock as c, openBlock as f, Fragment as Y, createCommentVNode as p, normalizeClass as E, createElementVNode as s, toDisplayString as w, withDirectives as P, withModifiers as Z, vShow as ee, vModelText as me, renderList as ge, nextTick as he } from "vue";
|
|
2
|
+
const pe = { class: "font-bold ptext-lg dark:text-white" }, ye = { class: "mt-3 mb-4" }, xe = {
|
|
3
3
|
key: 0,
|
|
4
4
|
class: "bg-blue-100 text-blue-800 text-sm font-medium mb-2 mt-2 me-2 px-2.5 py-0.5 rounded-sm dark:bg-blue-900 dark:text-blue-300"
|
|
5
|
-
},
|
|
5
|
+
}, we = ["name", "id", "value"], be = {
|
|
6
6
|
key: 0,
|
|
7
7
|
class: "dropdown"
|
|
8
|
-
},
|
|
8
|
+
}, ke = { class: "relative focus:ring-blue-500 focus:border-blue-500 dark:border-gray-600 dark:focus:ring-blue-500 dark:focus:border-blue-500" }, Se = { class: "relative showOptions" }, _e = ["value", "placeholder"], Ce = { class: "text-gray-700 bg-white border dark:border-gray-700 dark:bg-gray-800 dark:text-gray-200 absolute w-full z-999999999 rounded-md mt-1 pt-1" }, De = {
|
|
9
9
|
key: 0,
|
|
10
10
|
class: "border-b border-gray-200 dark:border-gray-700"
|
|
11
|
-
},
|
|
11
|
+
}, Oe = { class: "relative" }, Ee = ["id", "placeholder"], Be = { class: "flex items-center py-2 pr-4" }, $e = ["onClick", "onMousedown", "id"], Me = { class: "flex justify-between items-center py-2" }, Le = ["innerHTML"], Ie = {
|
|
12
12
|
key: 0,
|
|
13
13
|
class: "flex items-center shrink-0 w-4 h-4 text-green-500 ltr:right-2 rtl:left-2 dark:text-green-400",
|
|
14
14
|
"aria-hidden": "true",
|
|
15
15
|
xmlns: "http://www.w3.org/2000/svg",
|
|
16
16
|
fill: "none",
|
|
17
17
|
viewBox: "0 0 16 12"
|
|
18
|
-
},
|
|
18
|
+
}, Te = {
|
|
19
19
|
key: 2,
|
|
20
20
|
class: "p-2 text-center text-gray-500"
|
|
21
|
-
},
|
|
21
|
+
}, Ue = {
|
|
22
22
|
key: 3,
|
|
23
23
|
class: "p-2 text-gray-500"
|
|
24
|
-
},
|
|
24
|
+
}, Ve = { class: "block mt-1 text-sm font-normal leading-5 text-red-500" }, je = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, qe = {
|
|
25
25
|
__name: "GlDropdown",
|
|
26
26
|
props: {
|
|
27
27
|
modelValue: {
|
|
@@ -110,34 +110,34 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
|
|
|
110
110
|
},
|
|
111
111
|
emits: ["update:modelValue", "selected", "selectionChanged"],
|
|
112
112
|
setup(r, { emit: te }) {
|
|
113
|
-
const o = r,
|
|
114
|
-
let O = !1, h = null, U = 0,
|
|
115
|
-
const H = (e) => e?.name === "CanceledError" || e?.name === "AbortError" || typeof axios < "u" && axios.isCancel?.(e), V = async (e = "down"
|
|
116
|
-
if (
|
|
113
|
+
const o = r, b = te, a = m({}), R = m(!1), y = m(0), x = m(!1), v = m(""), g = m(""), B = m(!1), C = m(1), D = m(null), $ = m(1), i = X([]), L = X([]), T = m([]), le = m(null), F = m(null);
|
|
114
|
+
let O = !1, h = null, U = 0, k = null;
|
|
115
|
+
const H = (e) => e?.name === "CanceledError" || e?.name === "AbortError" || typeof axios < "u" && axios.isCancel?.(e), V = async (e = "down") => {
|
|
116
|
+
if (B.value || !o.api_url) return;
|
|
117
117
|
h && h.abort(), h = new AbortController();
|
|
118
|
-
const
|
|
118
|
+
const t = ++U;
|
|
119
119
|
B.value = !0;
|
|
120
120
|
try {
|
|
121
|
-
const
|
|
122
|
-
params: { search: v.value, page:
|
|
121
|
+
const l = e === "up" ? Math.max(C.value - 1, $.value) : C.value, { data: n } = await axios.get(o.api_url, {
|
|
122
|
+
params: { search: v.value, page: l, per_page: 20 },
|
|
123
123
|
signal: h.signal
|
|
124
124
|
});
|
|
125
|
-
if (O ||
|
|
126
|
-
if (!
|
|
125
|
+
if (O || t !== U) return;
|
|
126
|
+
if (!n || !n.data) {
|
|
127
127
|
i.value = [];
|
|
128
128
|
return;
|
|
129
129
|
}
|
|
130
|
-
const
|
|
130
|
+
const u = Q(n.data);
|
|
131
131
|
if (e === "down") {
|
|
132
|
-
const
|
|
133
|
-
_
|
|
132
|
+
const d = i.value.length ? i.value.concat(u) : u, _ = a.value;
|
|
133
|
+
S(_) && _.id !== void 0 && _.name && !d.some((I) => String(I.id) === String(_.id)) && d.unshift(_), i.value = d, C.value++, D.value = n.last_page;
|
|
134
134
|
}
|
|
135
|
-
D.value || (D.value =
|
|
136
|
-
} catch (
|
|
137
|
-
if (H(
|
|
138
|
-
console.error("Error fetching data:",
|
|
135
|
+
D.value || (D.value = n.last_page), $.value || ($.value = 1);
|
|
136
|
+
} catch (l) {
|
|
137
|
+
if (H(l)) return;
|
|
138
|
+
console.error("Error fetching data:", l);
|
|
139
139
|
} finally {
|
|
140
|
-
!O &&
|
|
140
|
+
!O && t === U && (B.value = !1, h = null);
|
|
141
141
|
}
|
|
142
142
|
}, ne = async (e) => {
|
|
143
143
|
if (!o.api_url || e === null || e === void 0 || e === "") return null;
|
|
@@ -149,7 +149,7 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
|
|
|
149
149
|
const l = t?.data;
|
|
150
150
|
if (!l || !l.length) return null;
|
|
151
151
|
const n = String(e);
|
|
152
|
-
return Q(l).find((
|
|
152
|
+
return Q(l).find((u) => String(u.id) === n) || null;
|
|
153
153
|
} catch (t) {
|
|
154
154
|
return H(t) || console.error("Error fetching option by id:", t), null;
|
|
155
155
|
}
|
|
@@ -166,8 +166,8 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
|
|
|
166
166
|
a.value = n;
|
|
167
167
|
return;
|
|
168
168
|
}
|
|
169
|
-
const
|
|
170
|
-
O || (
|
|
169
|
+
const u = await ne(t);
|
|
170
|
+
O || (u ? (a.value = u, i.value.some((d) => String(d.id) === String(u.id)) || (i.value = [u, ...i.value])) : o.allow_custom ? a.value = { id: t, name: t } : a.value = { id: t, name: "" });
|
|
171
171
|
}, oe = (e) => {
|
|
172
172
|
const t = e.target;
|
|
173
173
|
t && t.scrollHeight - t.clientHeight <= t.scrollTop + 10 && C.value <= D.value && V("down");
|
|
@@ -179,7 +179,7 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
|
|
|
179
179
|
x.value = !1;
|
|
180
180
|
return;
|
|
181
181
|
}
|
|
182
|
-
v.value = "", x.value = !0, o.api_url && i.value.length === 0 && V("down"),
|
|
182
|
+
v.value = "", x.value = !0, o.api_url && i.value.length === 0 && V("down"), he(() => {
|
|
183
183
|
const e = document.getElementById(
|
|
184
184
|
`${o.field_name}search${g.value}`
|
|
185
185
|
);
|
|
@@ -194,7 +194,7 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
|
|
|
194
194
|
}
|
|
195
195
|
return {};
|
|
196
196
|
};
|
|
197
|
-
return
|
|
197
|
+
return S(a.value) ? typeof a.value == "object" ? i.value.find(
|
|
198
198
|
(t) => String(t.id) === String(a.value.id)
|
|
199
199
|
) || e(a.value) : i.value.find(
|
|
200
200
|
(t) => String(t.id) === String(a.value)
|
|
@@ -204,21 +204,21 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
|
|
|
204
204
|
(t) => String(t.id) === String(o.modelValue)
|
|
205
205
|
) || e(o.modelValue) : {};
|
|
206
206
|
};
|
|
207
|
-
|
|
207
|
+
fe(() => {
|
|
208
208
|
g.value = se(), o.show || (document.body.addEventListener("click", K), document.addEventListener("focusin", z));
|
|
209
|
-
}),
|
|
210
|
-
O = !0, h && (h.abort(), h = null),
|
|
209
|
+
}), ve(() => {
|
|
210
|
+
O = !0, h && (h.abort(), h = null), k && (clearTimeout(k), k = null), document.body.removeEventListener("click", K), document.removeEventListener("focusin", z);
|
|
211
211
|
});
|
|
212
212
|
function re() {
|
|
213
|
-
const e =
|
|
213
|
+
const e = L.value, t = o.maxItem, l = v.value;
|
|
214
214
|
if (!l)
|
|
215
215
|
return e.length > t ? e.slice(0, t) : e;
|
|
216
|
-
const n = l.toLowerCase(),
|
|
217
|
-
for (let d = 0,
|
|
218
|
-
const
|
|
219
|
-
String(
|
|
216
|
+
const n = l.toLowerCase(), u = [];
|
|
217
|
+
for (let d = 0, _ = e.length; d < _ && u.length < t; d++) {
|
|
218
|
+
const I = e[d];
|
|
219
|
+
String(I.name).toLowerCase().includes(n) && u.push(I);
|
|
220
220
|
}
|
|
221
|
-
return
|
|
221
|
+
return u;
|
|
222
222
|
}
|
|
223
223
|
function ie(e) {
|
|
224
224
|
switch (e.key) {
|
|
@@ -240,7 +240,7 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
|
|
|
240
240
|
return e = Math.floor(e / 16), (t === "x" ? l : l & 3 | 8).toString(16);
|
|
241
241
|
});
|
|
242
242
|
}
|
|
243
|
-
function
|
|
243
|
+
function S(e) {
|
|
244
244
|
return e && typeof e == "object" && Object.keys(e).length > 0;
|
|
245
245
|
}
|
|
246
246
|
function K(e) {
|
|
@@ -249,8 +249,8 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
|
|
|
249
249
|
function G(e) {
|
|
250
250
|
const t = `${e}${g.value}`, l = document.getElementById(t), n = F.value;
|
|
251
251
|
if (l && n) {
|
|
252
|
-
const
|
|
253
|
-
|
|
252
|
+
const u = l.getBoundingClientRect(), d = n.getBoundingClientRect();
|
|
253
|
+
u.top < d.top ? n.scrollTop -= d.top - u.top : u.bottom > d.bottom && (n.scrollTop += u.bottom - d.bottom);
|
|
254
254
|
}
|
|
255
255
|
}
|
|
256
256
|
function ue(e) {
|
|
@@ -278,34 +278,34 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
|
|
|
278
278
|
}
|
|
279
279
|
function W() {
|
|
280
280
|
const e = v.value, t = { id: e, name: e }, l = String(e);
|
|
281
|
-
T.value.some((n) => String(n.id) === l) || T.value.push(t), i.value.some((n) => String(n.id) === l) || (i.value = [...i.value, t],
|
|
281
|
+
T.value.some((n) => String(n.id) === l) || T.value.push(t), i.value.some((n) => String(n.id) === l) || (i.value = [...i.value, t], L.value = [...L.value, t]), q(t);
|
|
282
282
|
}
|
|
283
283
|
function q(e) {
|
|
284
|
-
R.value = !0, a.value = e, x.value = !1,
|
|
284
|
+
R.value = !0, a.value = e, x.value = !1, b("update:modelValue", a.value.id), b("selected", a.value), b("selectionChanged", a.value);
|
|
285
285
|
}
|
|
286
286
|
function ce() {
|
|
287
|
-
o.show || (a.value = {}, v.value = "",
|
|
287
|
+
o.show || (a.value = {}, v.value = "", b("update:modelValue", ""), b("selected", a.value), b("selectionChanged", a.value), j());
|
|
288
288
|
}
|
|
289
289
|
function N() {
|
|
290
290
|
(!a.value || !a.value.id) && (a.value = {}, v.value = "");
|
|
291
291
|
}
|
|
292
|
-
return
|
|
292
|
+
return M(v, () => {
|
|
293
293
|
if (!o.api_url) {
|
|
294
294
|
i.value = re(), i.value.length === 0 && (a.value = {});
|
|
295
295
|
return;
|
|
296
296
|
}
|
|
297
|
-
|
|
298
|
-
|
|
297
|
+
k && clearTimeout(k), k = setTimeout(() => {
|
|
298
|
+
k = null, !O && (C.value = 1, D.value = null, $.value = 1, i.value = [], V("down"));
|
|
299
299
|
}, 250);
|
|
300
|
-
}),
|
|
301
|
-
|
|
302
|
-
}),
|
|
300
|
+
}), M(a, (e) => {
|
|
301
|
+
S(e) && e.id !== o.modelValue && b("update:modelValue", e.id);
|
|
302
|
+
}), M(
|
|
303
303
|
() => o.api_url,
|
|
304
304
|
() => {
|
|
305
305
|
h && (h.abort(), h = null), C.value = 1, D.value = null, $.value = 1, i.value = [];
|
|
306
306
|
},
|
|
307
307
|
{ immediate: !0 }
|
|
308
|
-
),
|
|
308
|
+
), M(
|
|
309
309
|
() => o.modelValue,
|
|
310
310
|
async (e) => {
|
|
311
311
|
if (!e) {
|
|
@@ -315,16 +315,16 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
|
|
|
315
315
|
o.api_url ? R.value ? a.value = A() : await ae(e) : a.value = A();
|
|
316
316
|
},
|
|
317
317
|
{ immediate: !0 }
|
|
318
|
-
),
|
|
318
|
+
), M(
|
|
319
319
|
() => o.options,
|
|
320
320
|
() => {
|
|
321
321
|
if (!o.api_url) {
|
|
322
322
|
const e = de(), t = new Set(e.map((n) => String(n.id))), l = e;
|
|
323
323
|
for (const n of T.value) {
|
|
324
|
-
const
|
|
325
|
-
t.has(
|
|
324
|
+
const u = String(n.id);
|
|
325
|
+
t.has(u) || (l.push(n), t.add(u));
|
|
326
326
|
}
|
|
327
|
-
|
|
327
|
+
L.value = l, i.value = l, a.value = A();
|
|
328
328
|
}
|
|
329
329
|
},
|
|
330
330
|
// deep so the list still updates when options load late by mutating the SAME
|
|
@@ -336,23 +336,23 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
|
|
|
336
336
|
key: 0,
|
|
337
337
|
class: E(r.field_name)
|
|
338
338
|
}, [
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
339
|
+
s("h3", pe, w(r.label_name), 1),
|
|
340
|
+
s("p", ye, [
|
|
341
|
+
S(a.value) ? (f(), c("span", xe, w(a.value?.name), 1)) : p("", !0)
|
|
342
342
|
]),
|
|
343
|
-
t[6] || (t[6] =
|
|
343
|
+
t[6] || (t[6] = s("hr", { class: "opacity-100! bg-gray-200 border-0 dark:bg-gray-700" }, null, -1))
|
|
344
344
|
], 2)) : p("", !0),
|
|
345
345
|
r.show ? p("", !0) : (f(), c("div", {
|
|
346
346
|
key: 1,
|
|
347
347
|
class: E(r.field_name)
|
|
348
348
|
}, [
|
|
349
|
-
|
|
349
|
+
s("input", {
|
|
350
350
|
type: "hidden",
|
|
351
351
|
name: r.field_name,
|
|
352
352
|
id: r.field_name,
|
|
353
353
|
value: a.value?.id
|
|
354
|
-
}, null, 8,
|
|
355
|
-
r.options ? (f(), c("div",
|
|
354
|
+
}, null, 8, we),
|
|
355
|
+
r.options ? (f(), c("div", be, [
|
|
356
356
|
r.label_name ? (f(), c("label", {
|
|
357
357
|
key: 0,
|
|
358
358
|
class: E({
|
|
@@ -360,37 +360,37 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
|
|
|
360
360
|
"gl-label-form-invalid": r.error_message !== "",
|
|
361
361
|
required: r.is_required
|
|
362
362
|
})
|
|
363
|
-
},
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
363
|
+
}, w(r.label_name), 3)) : p("", !0),
|
|
364
|
+
s("div", ke, [
|
|
365
|
+
s("div", Se, [
|
|
366
|
+
s("input", {
|
|
367
367
|
ref_key: "myDivDropDown",
|
|
368
368
|
ref: le,
|
|
369
369
|
class: E([{
|
|
370
370
|
"gl-input-form": r.error_message == "",
|
|
371
371
|
"gl-input-form-invalid": r.error_message !== "",
|
|
372
372
|
[`showOptions${g.value}`]: !0,
|
|
373
|
-
"pr-14!":
|
|
374
|
-
"pr-8!": !(
|
|
373
|
+
"pr-14!": S(a.value) && r.has_cancel,
|
|
374
|
+
"pr-8!": !(S(a.value) && r.has_cancel)
|
|
375
375
|
}, "truncate showOptions1"]),
|
|
376
376
|
value: a.value?.name,
|
|
377
377
|
placeholder: r.placeholder,
|
|
378
378
|
autocomplete: "off",
|
|
379
379
|
readonly: ""
|
|
380
|
-
}, null, 10,
|
|
381
|
-
P(
|
|
380
|
+
}, null, 10, _e),
|
|
381
|
+
P(s("i", {
|
|
382
382
|
onClick: t[0] || (t[0] = Z((l) => ce(), ["stop"])),
|
|
383
383
|
class: "absolute text-gray-500 cursor-pointer pointer-events-auto ltr:right-8 rtl:left-8 hover:text-red-600 dark:hover:text-red-400",
|
|
384
384
|
style: { top: "13px" }
|
|
385
385
|
}, t[7] || (t[7] = [
|
|
386
|
-
|
|
386
|
+
s("svg", {
|
|
387
387
|
class: "w-[10px] h-[16px]",
|
|
388
388
|
"aria-hidden": "true",
|
|
389
389
|
xmlns: "http://www.w3.org/2000/svg",
|
|
390
390
|
fill: "none",
|
|
391
391
|
viewBox: "0 0 14 14"
|
|
392
392
|
}, [
|
|
393
|
-
|
|
393
|
+
s("path", {
|
|
394
394
|
stroke: "currentColor",
|
|
395
395
|
"stroke-linecap": "round",
|
|
396
396
|
"stroke-linejoin": "round",
|
|
@@ -399,9 +399,9 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
|
|
|
399
399
|
})
|
|
400
400
|
], -1)
|
|
401
401
|
]), 512), [
|
|
402
|
-
[ee,
|
|
402
|
+
[ee, S(a.value) && r.has_cancel]
|
|
403
403
|
]),
|
|
404
|
-
|
|
404
|
+
s("i", {
|
|
405
405
|
onClick: t[1] || (t[1] = Z((l) => j(), ["stop"])),
|
|
406
406
|
class: "absolute text-xl text-gray-500 cursor-pointer ltr:right-2 rtl:left-2 hover:text-gray-700 dark:hover:text-gray-700 showOptions",
|
|
407
407
|
style: { top: "14px" }
|
|
@@ -413,7 +413,7 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
|
|
|
413
413
|
fill: "none",
|
|
414
414
|
viewBox: "0 0 10 6"
|
|
415
415
|
}, t[8] || (t[8] = [
|
|
416
|
-
|
|
416
|
+
s("path", {
|
|
417
417
|
stroke: "currentColor",
|
|
418
418
|
"stroke-linecap": "round",
|
|
419
419
|
"stroke-linejoin": "round",
|
|
@@ -422,15 +422,15 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
|
|
|
422
422
|
}, null, -1)
|
|
423
423
|
]), 2))
|
|
424
424
|
]),
|
|
425
|
-
P(
|
|
426
|
-
r.hide_search ? p("", !0) : (f(), c("div",
|
|
427
|
-
t[10] || (t[10] =
|
|
425
|
+
P(s("div", Ce, [
|
|
426
|
+
r.hide_search ? p("", !0) : (f(), c("div", De, [
|
|
427
|
+
t[10] || (t[10] = s("label", {
|
|
428
428
|
for: "default-search",
|
|
429
429
|
class: "mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white"
|
|
430
430
|
}, "Search", -1)),
|
|
431
|
-
|
|
432
|
-
t[9] || (t[9] =
|
|
433
|
-
P(
|
|
431
|
+
s("div", Oe, [
|
|
432
|
+
t[9] || (t[9] = s("div", { class: "absolute inset-y-0 flex items-center pointer-events-none start-0 ps-3" }, null, -1)),
|
|
433
|
+
P(s("input", {
|
|
434
434
|
type: "search",
|
|
435
435
|
"onUpdate:modelValue": t[2] || (t[2] = (l) => v.value = l),
|
|
436
436
|
id: `${r.field_name}search${g.value}`,
|
|
@@ -439,12 +439,12 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
|
|
|
439
439
|
autocomplete: "off",
|
|
440
440
|
class: "block w-full p-2 text-sm text-gray-900 outline-hidden dark:bg-gray-800 dark:text-white",
|
|
441
441
|
placeholder: r.search_input_placeholder
|
|
442
|
-
}, null, 40,
|
|
443
|
-
[
|
|
442
|
+
}, null, 40, Ee), [
|
|
443
|
+
[me, v.value]
|
|
444
444
|
])
|
|
445
445
|
])
|
|
446
446
|
])),
|
|
447
|
-
|
|
447
|
+
s("div", {
|
|
448
448
|
class: "overflow-y-auto max-h-64 px-1 py-1",
|
|
449
449
|
onScroll: oe,
|
|
450
450
|
ref_key: "dropdownRef",
|
|
@@ -456,26 +456,26 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
|
|
|
456
456
|
onClick: t[4] || (t[4] = (l) => W()),
|
|
457
457
|
onMousedown: t[5] || (t[5] = (l) => W())
|
|
458
458
|
}, [
|
|
459
|
-
|
|
460
|
-
|
|
459
|
+
s("div", Be, [
|
|
460
|
+
s("span", null, w(r.custom_option_label) + ' "' + w(v.value) + '"', 1)
|
|
461
461
|
])
|
|
462
462
|
], 32)) : p("", !0),
|
|
463
|
-
i.value.length ? (f(!0), c(Y, { key: 1 },
|
|
463
|
+
i.value.length ? (f(!0), c(Y, { key: 1 }, ge(i.value, (l, n) => (f(), c("div", {
|
|
464
464
|
class: E([
|
|
465
465
|
"relative px-2 py-0.5 text-xs leading-4 text-gray-700 no-underline cursor-pointer dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-700 dark:hover:text-white hover:rounded-sm",
|
|
466
466
|
n + 1 == y.value ? "bg-gray-100 dark:bg-gray-700 rounded-sm" : ""
|
|
467
467
|
]),
|
|
468
|
-
onClick: (
|
|
469
|
-
onMousedown: (
|
|
468
|
+
onClick: (u) => q(l),
|
|
469
|
+
onMousedown: (u) => q(l),
|
|
470
470
|
key: n,
|
|
471
471
|
id: `${n + 1}${g.value}`
|
|
472
472
|
}, [
|
|
473
|
-
|
|
474
|
-
|
|
473
|
+
s("div", Me, [
|
|
474
|
+
s("span", {
|
|
475
475
|
innerHTML: l.name || l.id || "-"
|
|
476
|
-
}, null, 8,
|
|
477
|
-
a.value?.id === l.id ? (f(), c("svg",
|
|
478
|
-
|
|
476
|
+
}, null, 8, Le),
|
|
477
|
+
a.value?.id === l.id ? (f(), c("svg", Ie, t[11] || (t[11] = [
|
|
478
|
+
s("path", {
|
|
479
479
|
stroke: "currentColor",
|
|
480
480
|
"stroke-linecap": "round",
|
|
481
481
|
"stroke-linejoin": "round",
|
|
@@ -484,9 +484,9 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
|
|
|
484
484
|
}, null, -1)
|
|
485
485
|
]))) : p("", !0)
|
|
486
486
|
])
|
|
487
|
-
], 42,
|
|
488
|
-
B.value ? (f(), c("div",
|
|
489
|
-
!B.value && i.value.length === 0 && !(r.allow_custom && v.value) ? (f(), c("div",
|
|
487
|
+
], 42, $e))), 128)) : p("", !0),
|
|
488
|
+
B.value ? (f(), c("div", Te, " Loading... ")) : p("", !0),
|
|
489
|
+
!B.value && i.value.length === 0 && !(r.allow_custom && v.value) ? (f(), c("div", Ue, w(r.no_results_found_placeholder), 1)) : p("", !0)
|
|
490
490
|
], 544)
|
|
491
491
|
], 512), [
|
|
492
492
|
[ee, x.value]
|
|
@@ -494,12 +494,12 @@ const ye = { class: "font-bold ptext-lg dark:text-white" }, xe = { class: "mt-3
|
|
|
494
494
|
])
|
|
495
495
|
])
|
|
496
496
|
])) : p("", !0),
|
|
497
|
-
|
|
498
|
-
|
|
497
|
+
s("span", Ve, w(r.error_message), 1),
|
|
498
|
+
s("small", je, w(r.description), 1)
|
|
499
499
|
], 2))
|
|
500
500
|
], 64));
|
|
501
501
|
}
|
|
502
502
|
};
|
|
503
503
|
export {
|
|
504
|
-
|
|
504
|
+
qe as default
|
|
505
505
|
};
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "The most popular library of interactive components built with Vuejs && Tailwind CSS",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"private": false,
|
|
6
|
-
"version": "1.2.
|
|
6
|
+
"version": "1.2.356",
|
|
7
7
|
"repository": {
|
|
8
8
|
"type": "git",
|
|
9
9
|
"url": "git+https://github.com/mrgiant/GoldenLogicUi.git"
|