@stachelock/ui 0.6.4 → 0.6.6
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/{CalendarHeader.vue_vue_type_script_setup_true_lang-hGa2MLyo.js → CalendarHeader.vue_vue_type_script_setup_true_lang-CA_C4dmn.js} +1 -1
- package/dist/{ComboboxInput.vue_vue_type_script_setup_true_lang-BigvbBAU.js → ComboboxInput.vue_vue_type_script_setup_true_lang-D52gzkAa.js} +142 -120
- package/dist/{InlineTabs.vue_vue_type_script_setup_true_lang-B5w4yzcZ.js → InlineTabs.vue_vue_type_script_setup_true_lang-slNq2sot.js} +1 -1
- package/dist/SelectInput.vue_vue_type_script_setup_true_lang-COZuuSFS.js +320 -0
- package/dist/{TabGroup.vue_vue_type_script_setup_true_lang-BsbiEA4E.js → TabGroup.vue_vue_type_script_setup_true_lang-pEKm-uUq.js} +1 -1
- package/dist/{TabGroupUnderline.vue_vue_type_script_setup_true_lang-CPcp1-Za.js → TabGroupUnderline.vue_vue_type_script_setup_true_lang--IKyRPkX.js} +1 -1
- package/dist/{TabsInPills.vue_vue_type_script_setup_true_lang-U5CdRL7s.js → TabsInPills.vue_vue_type_script_setup_true_lang-EG0nj4F6.js} +1 -1
- package/dist/calendars/CalendarDashboard.js +1 -1
- package/dist/calendars/CalendarHeader.js +1 -1
- package/dist/index.js +1533 -1300
- package/dist/inputs/AddressInput.js +262 -262
- package/dist/inputs/ComboboxInput.js +1 -1
- package/dist/inputs/SelectInput.js +1 -1
- package/dist/src/components/inputs/ComboboxInput.d.ts +2 -0
- package/dist/src/components/inputs/DatepickerInput.d.ts +3 -3
- package/dist/src/components/inputs/SelectInput.d.ts +2 -0
- package/dist/src/components/profiles/BentoProfileLayoutSkeleton.d.ts +11 -0
- package/dist/src/components/profiles/ProfileSocialCard.d.ts +11 -0
- package/dist/src/components/profiles/index.d.ts +2 -0
- package/dist/src/services/geocoding.service.d.ts +1 -0
- package/dist/style.css +1 -1
- package/dist/tabs/InlineTabs.js +1 -1
- package/dist/tabs/TabGroup.js +1 -1
- package/dist/tabs/TabGroupUnderline.js +1 -1
- package/dist/tabs/TabsInPills.js +1 -1
- package/dist/tabs/index.js +4 -4
- package/package.json +1 -1
- package/dist/SelectInput.vue_vue_type_script_setup_true_lang-D4GNv0MY.js +0 -301
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent as P, ref as v, computed as x, watch as D, onMounted as q, onUnmounted as J, createElementBlock as d, openBlock as c, createElementVNode as s, toDisplayString as u, createVNode as y, unref as C, createCommentVNode as S, renderSlot as M, Fragment as _, withCtx as $, createTextVNode as Q, Transition as X, withDirectives as Z, renderList as ee, normalizeClass as te, vShow as se } from "vue";
|
|
2
2
|
import { ChevronLeftIcon as le, ChevronRightIcon as ae, EllipsisHorizontalIcon as re } from "@heroicons/vue/20/solid";
|
|
3
3
|
import ne from "./components/Button.js";
|
|
4
|
-
import { _ as oe } from "./SelectInput.vue_vue_type_script_setup_true_lang-
|
|
4
|
+
import { _ as oe } from "./SelectInput.vue_vue_type_script_setup_true_lang-COZuuSFS.js";
|
|
5
5
|
import { t as h, p as A, b as ie, g as de, a as O } from "./calendar-DLry-Vik.js";
|
|
6
6
|
const ce = { class: "sl-flex sl-items-center sl-justify-between sl-border-b sl-border-gray-200 dark:sl-border-slate-700 sl-pl-6 sl-py-4 lg:sl-flex-none sl-bg-white dark:sl-bg-slate-900" }, ue = { class: "sl-text-base sl-font-semibold sl-leading-6 sl-text-gray-800 dark:sl-text-slate-200" }, ye = ["datetime"], me = { class: "sl-flex sl-items-center" }, ge = { class: "sl-relative sl-flex sl-items-center sl-rounded-md sl-bg-white dark:sl-bg-slate-800 sl-shadow-sm md:sl-items-stretch" }, ve = { class: "sl-sr-only" }, he = { class: "sl-sr-only" }, fe = { class: "sl-hidden md:sl-ml-4 md:sl-flex md:sl-items-center" }, be = { class: "sl-w-36" }, ke = { class: "sl-absolute sl-right-0 sl-z-10 sl-mt-3 sl-w-36 sl-origin-top-right sl-divide-y sl-divide-gray-100 dark:sl-divide-slate-700 sl-overflow-hidden sl-rounded-md sl-bg-white dark:sl-bg-slate-800 sl-shadow-lg sl-ring-1 sl-ring-black dark:sl-ring-slate-600 sl-ring-opacity-5 focus:sl-outline-none" }, we = {
|
|
7
7
|
key: 0,
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { Combobox as
|
|
3
|
-
import { ChevronUpDownIcon as
|
|
4
|
-
import { useField as
|
|
5
|
-
import
|
|
6
|
-
import { _ as
|
|
7
|
-
import { g as
|
|
8
|
-
const
|
|
1
|
+
import { defineComponent as se, ref as k, watch as F, computed as x, createElementBlock as c, openBlock as n, createVNode as i, unref as o, withCtx as v, createElementVNode as d, normalizeClass as y, createCommentVNode as f, withModifiers as I, createBlock as O, toDisplayString as M, Fragment as te, renderList as ae } from "vue";
|
|
2
|
+
import { Combobox as re, ComboboxInput as oe, ComboboxButton as ue, TransitionRoot as ne, ComboboxOptions as ie, ComboboxOption as U } from "@headlessui/vue";
|
|
3
|
+
import { XMarkIcon as de, ChevronUpDownIcon as ce, CheckIcon as j } from "@heroicons/vue/20/solid";
|
|
4
|
+
import { useField as me } from "vee-validate";
|
|
5
|
+
import ve from "./forms/FormFieldWrapper.js";
|
|
6
|
+
import { _ as fe } from "./UiLoading.vue_vue_type_script_setup_true_lang-rNvtzKbq.js";
|
|
7
|
+
import { g as pe } from "./id-DafBB_QF.js";
|
|
8
|
+
const ye = { class: "sl-w-full" }, be = { class: "sl-absolute sl-inset-y-0 sl-right-0 sl-flex sl-items-center sl-pr-2 sl-gap-1" }, ge = { class: "sl-block sl-truncate sl-font-medium" }, he = {
|
|
9
9
|
key: 0,
|
|
10
10
|
class: "sl-absolute sl-inset-y-0 sl-left-0 sl-flex sl-items-center sl-pl-3 sl-text-stachelock-600 dark:sl-text-stachelock-400"
|
|
11
|
-
},
|
|
11
|
+
}, xe = {
|
|
12
12
|
key: 1,
|
|
13
13
|
class: "sl-relative sl-cursor-default sl-select-none sl-py-2 sl-px-4 sl-text-gray-700 dark:sl-text-slate-200"
|
|
14
|
-
},
|
|
14
|
+
}, ke = { class: "sl-flex sl-items-center sl-gap-2" }, we = {
|
|
15
15
|
key: 2,
|
|
16
16
|
class: "sl-relative sl-cursor-default sl-select-none sl-py-2 sl-px-4 sl-text-gray-700 dark:sl-text-slate-200"
|
|
17
|
-
},
|
|
17
|
+
}, Ce = { class: "sl-block sl-truncate" }, Ae = { key: 0 }, Ve = 50, Oe = /* @__PURE__ */ se({
|
|
18
18
|
__name: "ComboboxInput",
|
|
19
19
|
props: {
|
|
20
20
|
name: {},
|
|
@@ -33,21 +33,22 @@ const ve = { class: "sl-w-full" }, fe = { class: "sl-block sl-truncate sl-font-m
|
|
|
33
33
|
multiple: { type: Boolean, default: !1 },
|
|
34
34
|
showAll: { type: Boolean, default: !1 },
|
|
35
35
|
modelValue: { type: [String, Number, Boolean, null, Object, Array] },
|
|
36
|
-
boxShadow: { type: Boolean, default: !1 }
|
|
36
|
+
boxShadow: { type: Boolean, default: !1 },
|
|
37
|
+
clearable: { type: Boolean, default: !1 }
|
|
37
38
|
},
|
|
38
39
|
emits: ["update:modelValue", "update:query", "blur", "focus"],
|
|
39
40
|
setup(a, { emit: z }) {
|
|
40
|
-
const s = a,
|
|
41
|
+
const s = a, m = z, K = pe(s.name), r = k(""), { value: w, errorMessage: N, handleChange: p, meta: C, setTouched: A } = me(
|
|
41
42
|
() => s.name,
|
|
42
43
|
s.rules,
|
|
43
44
|
{
|
|
44
45
|
validateOnMount: s.validateOnMount,
|
|
45
46
|
initialValue: s.modelValue
|
|
46
47
|
}
|
|
47
|
-
), t =
|
|
48
|
+
), t = k(
|
|
48
49
|
s.multiple ? Array.isArray(s.modelValue) ? s.modelValue : [] : s.modelValue ?? null
|
|
49
50
|
);
|
|
50
|
-
|
|
51
|
+
F(
|
|
51
52
|
() => s.modelValue,
|
|
52
53
|
(e) => {
|
|
53
54
|
if (s.multiple) {
|
|
@@ -57,13 +58,13 @@ const ve = { class: "sl-w-full" }, fe = { class: "sl-block sl-truncate sl-font-m
|
|
|
57
58
|
e !== t.value && (t.value = e, w.value = e);
|
|
58
59
|
},
|
|
59
60
|
{ immediate: !0 }
|
|
60
|
-
),
|
|
61
|
+
), F(
|
|
61
62
|
t,
|
|
62
63
|
(e) => {
|
|
63
|
-
|
|
64
|
+
m("update:modelValue", e);
|
|
64
65
|
}
|
|
65
66
|
);
|
|
66
|
-
const
|
|
67
|
+
const D = x(() => [
|
|
67
68
|
"sl-w-full",
|
|
68
69
|
"sl-border-none",
|
|
69
70
|
"sl-py-2",
|
|
@@ -78,16 +79,18 @@ const ve = { class: "sl-w-full" }, fe = { class: "sl-block sl-truncate sl-font-m
|
|
|
78
79
|
"focus:sl-outline-none",
|
|
79
80
|
"focus:sl-ring-0",
|
|
80
81
|
"sl-bg-transparent"
|
|
81
|
-
].join(" ")),
|
|
82
|
+
].join(" ")), $ = x(() => {
|
|
82
83
|
const e = [
|
|
83
84
|
"sl-relative",
|
|
84
85
|
"sl-w-full",
|
|
85
86
|
"sl-cursor-default",
|
|
86
|
-
"sl-rounded-
|
|
87
|
+
"sl-rounded-md",
|
|
87
88
|
"sl-bg-white",
|
|
88
89
|
"dark:sl-bg-slate-900",
|
|
89
90
|
"sl-text-left",
|
|
90
91
|
"sl-border",
|
|
92
|
+
"sl-outline-none",
|
|
93
|
+
"focus-within:sl-outline-none",
|
|
91
94
|
"focus-within:sl-ring-2",
|
|
92
95
|
"focus-within:sl-ring-stachelock-500",
|
|
93
96
|
"focus-within:sl-border-stachelock-500",
|
|
@@ -119,200 +122,219 @@ const ve = { class: "sl-w-full" }, fe = { class: "sl-block sl-truncate sl-font-m
|
|
|
119
122
|
}), B = (e) => {
|
|
120
123
|
const l = e[s.itemKey];
|
|
121
124
|
return l == null ? "" : typeof l == "string" || typeof l == "number" ? l : String(l);
|
|
122
|
-
},
|
|
125
|
+
}, V = (e) => {
|
|
123
126
|
if (!e) return "";
|
|
124
127
|
const l = e[s.itemText];
|
|
125
128
|
return l != null ? String(l) : String(e);
|
|
126
|
-
},
|
|
127
|
-
const e =
|
|
128
|
-
|
|
129
|
+
}, b = k([]), S = k([]), T = k(1), P = () => {
|
|
130
|
+
const e = T.value * Ve;
|
|
131
|
+
S.value = b.value.slice(0, e), T.value += 1;
|
|
129
132
|
}, H = () => {
|
|
130
|
-
|
|
131
|
-
},
|
|
133
|
+
T.value = 1, S.value = [], P();
|
|
134
|
+
}, Q = () => {
|
|
132
135
|
if (r.value && r.value !== "")
|
|
133
136
|
if (s.customQuery)
|
|
134
|
-
|
|
137
|
+
b.value = s.customQuery(r.value, s.items);
|
|
135
138
|
else {
|
|
136
139
|
const e = r.value.toLowerCase();
|
|
137
|
-
|
|
140
|
+
b.value = s.items.filter((l) => V(l).toLowerCase().includes(e));
|
|
138
141
|
}
|
|
139
142
|
else
|
|
140
|
-
|
|
143
|
+
b.value = s.items;
|
|
141
144
|
H();
|
|
142
|
-
},
|
|
145
|
+
}, q = x(() => s.items.filter((e) => !e.disabled)), R = (e) => {
|
|
143
146
|
const l = e.target;
|
|
144
|
-
r.value = l.value,
|
|
147
|
+
r.value = l.value, m("update:query", r.value), Q();
|
|
145
148
|
}, W = (e) => {
|
|
146
149
|
if (s.multiple) {
|
|
147
150
|
const l = Array.isArray(e) ? e : [];
|
|
148
|
-
t.value = l, w.value = l,
|
|
151
|
+
t.value = l, w.value = l, A(!0), p(l);
|
|
149
152
|
} else
|
|
150
|
-
t.value = e, w.value = e,
|
|
151
|
-
},
|
|
153
|
+
t.value = e, w.value = e, A(!0), p(e);
|
|
154
|
+
}, L = x(() => {
|
|
152
155
|
if (!s.multiple || !Array.isArray(t.value)) return !1;
|
|
153
|
-
const e =
|
|
156
|
+
const e = q.value;
|
|
154
157
|
if (e.length === 0) return !1;
|
|
155
|
-
const l = Array.isArray(t.value) ? t.value : [],
|
|
156
|
-
return e.every((h) =>
|
|
157
|
-
}),
|
|
158
|
-
s.multiple && (
|
|
159
|
-
},
|
|
160
|
-
s.multiple || g.value && (s.customQuery ? (
|
|
158
|
+
const l = Array.isArray(t.value) ? t.value : [], u = new Set(l.map((h) => B(h)));
|
|
159
|
+
return e.every((h) => u.has(B(h)));
|
|
160
|
+
}), X = () => {
|
|
161
|
+
s.multiple && (L.value ? t.value = [] : t.value = [...q.value], A(!0), p(t.value), m("update:modelValue", t.value));
|
|
162
|
+
}, G = (e) => s.multiple ? !Array.isArray(e) || e.length === 0 ? "" : e.length === 1 ? V(e[0]) : `${e.length} selected` : V(e), g = x(() => s.multiple || r.value === "" ? null : { [s.itemKey]: null, [s.itemText]: r.value }), J = () => {
|
|
163
|
+
s.multiple || g.value && (s.customQuery ? (m("update:modelValue", r.value), p(r.value)) : (t.value = g.value, p(t.value)));
|
|
161
164
|
}, Y = (e) => {
|
|
162
165
|
const l = e.target;
|
|
163
|
-
l.scrollTop + l.clientHeight >= l.scrollHeight &&
|
|
166
|
+
l.scrollTop + l.clientHeight >= l.scrollHeight && P();
|
|
164
167
|
}, Z = (e) => {
|
|
165
|
-
|
|
166
|
-
}, _ = (e) => {
|
|
167
|
-
|
|
168
|
+
m("focus", e);
|
|
169
|
+
}, _ = x(() => s.clearable ? s.multiple && Array.isArray(t.value) ? t.value.length > 0 : t.value !== null && t.value !== void 0 : !1), ee = (e) => {
|
|
170
|
+
e.stopPropagation(), e.preventDefault(), s.multiple ? t.value = [] : t.value = null, r.value = "", A(!0), p(t.value), m("update:modelValue", t.value);
|
|
171
|
+
}, le = (e) => {
|
|
172
|
+
!s.multiple && g.value && (t.value = g.value, p(t.value), m("update:modelValue", t.value)), m("blur", e);
|
|
168
173
|
};
|
|
169
|
-
return
|
|
170
|
-
|
|
171
|
-
}, { immediate: !0, deep: !0 }), (e, l) => (n(),
|
|
172
|
-
i(
|
|
173
|
-
id:
|
|
174
|
+
return F(() => s.items, () => {
|
|
175
|
+
Q();
|
|
176
|
+
}, { immediate: !0, deep: !0 }), (e, l) => (n(), c("div", ye, [
|
|
177
|
+
i(ve, {
|
|
178
|
+
id: o(K),
|
|
174
179
|
name: a.name,
|
|
175
180
|
label: a.label,
|
|
176
181
|
disabled: a.disabled,
|
|
177
182
|
optional: !a.rules,
|
|
178
183
|
"tertiary-label": a.tertiaryLabel,
|
|
179
184
|
"box-shadow": a.boxShadow,
|
|
180
|
-
"error-message":
|
|
185
|
+
"error-message": o(N),
|
|
181
186
|
"success-message": a.successMessage,
|
|
182
|
-
"is-valid":
|
|
183
|
-
"is-touched":
|
|
187
|
+
"is-valid": o(C).valid,
|
|
188
|
+
"is-touched": o(C).touched,
|
|
189
|
+
"show-valid-check": !1
|
|
184
190
|
}, {
|
|
185
|
-
"success-message":
|
|
186
|
-
a.successMessage ? (n(),
|
|
191
|
+
"success-message": v(() => [
|
|
192
|
+
a.successMessage ? (n(), c("span", Ae, M(a.successMessage), 1)) : f("", !0)
|
|
187
193
|
]),
|
|
188
|
-
default:
|
|
189
|
-
i(
|
|
194
|
+
default: v(() => [
|
|
195
|
+
i(o(re), {
|
|
190
196
|
modelValue: t.value,
|
|
191
197
|
"onUpdate:modelValue": [
|
|
192
|
-
l[
|
|
198
|
+
l[4] || (l[4] = (u) => t.value = u),
|
|
193
199
|
W
|
|
194
200
|
],
|
|
195
201
|
disabled: a.disabled,
|
|
196
202
|
multiple: a.multiple
|
|
197
203
|
}, {
|
|
198
|
-
default:
|
|
199
|
-
|
|
200
|
-
class:
|
|
204
|
+
default: v(() => [
|
|
205
|
+
d("div", {
|
|
206
|
+
class: y($.value)
|
|
201
207
|
}, [
|
|
202
|
-
i(
|
|
203
|
-
id:
|
|
204
|
-
class:
|
|
205
|
-
"display-value":
|
|
208
|
+
i(o(oe), {
|
|
209
|
+
id: o(K),
|
|
210
|
+
class: y(D.value),
|
|
211
|
+
"display-value": G,
|
|
206
212
|
placeholder: a.placeholder || "Type to search...",
|
|
207
213
|
modelValue: r.value,
|
|
208
|
-
"onUpdate:modelValue": l[0] || (l[0] = (
|
|
214
|
+
"onUpdate:modelValue": l[0] || (l[0] = (u) => r.value = u),
|
|
209
215
|
onInput: R,
|
|
210
|
-
onBlur:
|
|
216
|
+
onBlur: le,
|
|
211
217
|
onFocus: Z
|
|
212
218
|
}, null, 8, ["id", "class", "placeholder", "modelValue"]),
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
219
|
+
d("div", be, [
|
|
220
|
+
_.value ? (n(), c("button", {
|
|
221
|
+
key: 0,
|
|
222
|
+
type: "button",
|
|
223
|
+
class: "sl-p-0.5 sl-rounded-full sl-text-gray-400 dark:sl-text-slate-400 hover:sl-text-gray-600 dark:hover:sl-text-slate-200 hover:sl-bg-gray-100 dark:hover:sl-bg-slate-700 focus:sl-outline-none",
|
|
224
|
+
onClick: ee,
|
|
225
|
+
onMousedown: l[1] || (l[1] = I(() => {
|
|
226
|
+
}, ["prevent"]))
|
|
227
|
+
}, [
|
|
228
|
+
i(o(de), {
|
|
229
|
+
class: "sl-h-4 sl-w-4",
|
|
217
230
|
"aria-hidden": "true"
|
|
218
|
-
})
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
231
|
+
}),
|
|
232
|
+
l[5] || (l[5] = d("span", { class: "sl-sr-only" }, "Clear selection", -1))
|
|
233
|
+
], 32)) : f("", !0),
|
|
234
|
+
i(o(ue), { class: "sl-flex sl-items-center" }, {
|
|
235
|
+
default: v(() => [
|
|
236
|
+
i(o(ce), {
|
|
237
|
+
class: "sl-h-5 sl-w-5 sl-text-gray-400 dark:sl-text-slate-300",
|
|
238
|
+
"aria-hidden": "true"
|
|
239
|
+
})
|
|
240
|
+
]),
|
|
241
|
+
_: 1
|
|
242
|
+
})
|
|
243
|
+
]),
|
|
244
|
+
i(o(ne), {
|
|
223
245
|
leave: "sl-transition sl-ease-in sl-duration-100",
|
|
224
246
|
"leave-from": "sl-opacity-100",
|
|
225
247
|
"leave-to": "sl-opacity-0",
|
|
226
|
-
onAfterLeave: l[
|
|
248
|
+
onAfterLeave: l[3] || (l[3] = (u) => r.value = "")
|
|
227
249
|
}, {
|
|
228
|
-
default:
|
|
229
|
-
|
|
250
|
+
default: v(() => [
|
|
251
|
+
b.value.length > 0 || r.value !== "" || a.multiple && a.showAll ? (n(), O(o(ie), {
|
|
230
252
|
key: 0,
|
|
231
253
|
class: "sl-absolute sl-z-[9999] sl-mt-1 sl-max-h-60 sl-w-full sl-overflow-auto sl-rounded-md sl-bg-white dark:sl-bg-slate-800 sl-py-1 sl-text-base sl-shadow-lg dark:sl-shadow-slate-900/50 sl-ring-1 sl-ring-black sl-ring-opacity-5 dark:sl-ring-slate-700 focus:sl-outline-none sm:sl-text-sm",
|
|
232
254
|
onScroll: Y
|
|
233
255
|
}, {
|
|
234
|
-
default:
|
|
235
|
-
a.multiple && a.showAll ? (n(),
|
|
256
|
+
default: v(() => [
|
|
257
|
+
a.multiple && a.showAll ? (n(), c("li", {
|
|
236
258
|
key: 0,
|
|
237
259
|
role: "button",
|
|
238
260
|
tabindex: "0",
|
|
239
|
-
onMousedown: l[
|
|
261
|
+
onMousedown: l[2] || (l[2] = I(() => {
|
|
240
262
|
}, ["prevent"])),
|
|
241
|
-
onClick:
|
|
242
|
-
class:
|
|
263
|
+
onClick: I(X, ["prevent", "stop"]),
|
|
264
|
+
class: y([
|
|
243
265
|
"sl-relative sl-cursor-pointer sl-select-none sl-py-2 sl-pl-10 sl-pr-4 sl-text-gray-900 dark:sl-text-slate-200",
|
|
244
266
|
"hover:sl-bg-stachelock-600 hover:sl-text-white"
|
|
245
267
|
]),
|
|
246
268
|
"data-testid": "select-all-option"
|
|
247
269
|
}, [
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
i(
|
|
270
|
+
d("span", ge, M(L.value ? "Unselect All" : "Select All"), 1),
|
|
271
|
+
L.value ? (n(), c("span", he, [
|
|
272
|
+
i(o(j), {
|
|
251
273
|
class: "sl-h-5 sl-w-5",
|
|
252
274
|
"aria-hidden": "true"
|
|
253
275
|
})
|
|
254
|
-
])) :
|
|
255
|
-
], 32)) :
|
|
256
|
-
a.loading ? (n(),
|
|
257
|
-
|
|
258
|
-
i(
|
|
259
|
-
l[
|
|
276
|
+
])) : f("", !0)
|
|
277
|
+
], 32)) : f("", !0),
|
|
278
|
+
a.loading ? (n(), c("div", xe, [
|
|
279
|
+
d("div", ke, [
|
|
280
|
+
i(fe, { size: "sm" }),
|
|
281
|
+
l[6] || (l[6] = d("span", null, "Loading...", -1))
|
|
260
282
|
])
|
|
261
|
-
])) : r.value !== "" &&
|
|
262
|
-
(n(!0),
|
|
263
|
-
key: B(
|
|
264
|
-
value:
|
|
283
|
+
])) : r.value !== "" && b.value.length === 0 ? (n(), c("div", we, " Nothing found. ")) : f("", !0),
|
|
284
|
+
(n(!0), c(te, null, ae(S.value, (u) => (n(), O(o(U), {
|
|
285
|
+
key: B(u),
|
|
286
|
+
value: u,
|
|
265
287
|
as: "template",
|
|
266
|
-
disabled:
|
|
288
|
+
disabled: u.disabled
|
|
267
289
|
}, {
|
|
268
|
-
default:
|
|
269
|
-
|
|
270
|
-
class:
|
|
290
|
+
default: v(({ active: h, selected: E }) => [
|
|
291
|
+
d("li", {
|
|
292
|
+
class: y([
|
|
271
293
|
"sl-relative sl-cursor-default sl-select-none sl-py-2 sl-pl-10 sl-pr-4",
|
|
272
294
|
h ? "sl-bg-stachelock-600 sl-text-white" : "sl-text-gray-900 dark:sl-text-slate-200",
|
|
273
|
-
|
|
295
|
+
u.disabled ? "sl-opacity-50 sl-cursor-not-allowed" : ""
|
|
274
296
|
])
|
|
275
297
|
}, [
|
|
276
|
-
|
|
277
|
-
class:
|
|
298
|
+
d("span", {
|
|
299
|
+
class: y([
|
|
278
300
|
"sl-block sl-truncate",
|
|
279
|
-
|
|
301
|
+
E ? "sl-font-medium" : "sl-font-normal"
|
|
280
302
|
])
|
|
281
|
-
}, V(
|
|
282
|
-
|
|
303
|
+
}, M(V(u)), 3),
|
|
304
|
+
E ? (n(), c("span", {
|
|
283
305
|
key: 0,
|
|
284
|
-
class:
|
|
306
|
+
class: y(["sl-absolute sl-inset-y-0 sl-left-0 sl-flex sl-items-center sl-pl-3", h ? "sl-text-white" : "sl-text-stachelock-600 dark:sl-text-stachelock-400"])
|
|
285
307
|
}, [
|
|
286
|
-
i(
|
|
308
|
+
i(o(j), {
|
|
287
309
|
class: "sl-h-5 sl-w-5",
|
|
288
310
|
"aria-hidden": "true"
|
|
289
311
|
})
|
|
290
|
-
], 2)) :
|
|
312
|
+
], 2)) : f("", !0)
|
|
291
313
|
], 2)
|
|
292
314
|
]),
|
|
293
315
|
_: 2
|
|
294
316
|
}, 1032, ["value", "disabled"]))), 128)),
|
|
295
|
-
!a.multiple && g.value ? (n(),
|
|
317
|
+
!a.multiple && g.value ? (n(), O(o(U), {
|
|
296
318
|
key: 3,
|
|
297
319
|
value: g.value,
|
|
298
320
|
as: "template"
|
|
299
321
|
}, {
|
|
300
|
-
default:
|
|
301
|
-
|
|
302
|
-
onClick:
|
|
303
|
-
class:
|
|
322
|
+
default: v(({ active: u }) => [
|
|
323
|
+
d("li", {
|
|
324
|
+
onClick: I(J, ["prevent", "stop"]),
|
|
325
|
+
class: y([
|
|
304
326
|
"sl-relative sl-cursor-pointer sl-select-none sl-py-2 sl-pl-10 sl-pr-4",
|
|
305
|
-
|
|
327
|
+
u ? "sl-bg-stachelock-600 sl-text-white" : "sl-text-gray-900 dark:sl-text-slate-200"
|
|
306
328
|
])
|
|
307
329
|
}, [
|
|
308
|
-
|
|
330
|
+
d("span", Ce, ' Enter "' + M(r.value) + '" manually ', 1)
|
|
309
331
|
], 2)
|
|
310
332
|
]),
|
|
311
333
|
_: 1
|
|
312
|
-
}, 8, ["value"])) :
|
|
334
|
+
}, 8, ["value"])) : f("", !0)
|
|
313
335
|
]),
|
|
314
336
|
_: 1
|
|
315
|
-
})) :
|
|
337
|
+
})) : f("", !0)
|
|
316
338
|
]),
|
|
317
339
|
_: 1
|
|
318
340
|
})
|
|
@@ -327,5 +349,5 @@ const ve = { class: "sl-w-full" }, fe = { class: "sl-block sl-truncate sl-font-m
|
|
|
327
349
|
}
|
|
328
350
|
});
|
|
329
351
|
export {
|
|
330
|
-
|
|
352
|
+
Oe as _
|
|
331
353
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as w, createElementBlock as s, openBlock as t, createCommentVNode as n, createElementVNode as r, createVNode as I, unref as l, toDisplayString as d, Fragment as c, renderList as u, normalizeClass as h, withModifiers as V, createTextVNode as N, renderSlot as b } from "vue";
|
|
2
|
-
import { _ as S } from "./SelectInput.vue_vue_type_script_setup_true_lang-
|
|
2
|
+
import { _ as S } from "./SelectInput.vue_vue_type_script_setup_true_lang-COZuuSFS.js";
|
|
3
3
|
import { u as $ } from "./useSimpleTabs-CSgkChEU.js";
|
|
4
4
|
const B = { class: "sl-w-full" }, M = {
|
|
5
5
|
key: 0,
|