manolis-ui 0.17.3 → 0.17.5
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/manolis-ui.css +1 -1
- package/dist/manolis-ui.js +508 -502
- package/dist/manolis-ui.umd.cjs +10 -10
- package/package.json +1 -1
package/dist/manolis-ui.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { defineComponent as _, computed as Q, createElementBlock as
|
|
2
|
-
const
|
|
1
|
+
import { defineComponent as _, computed as Q, createElementBlock as r, openBlock as o, normalizeClass as D, createCommentVNode as B, renderSlot as E, createTextVNode as Le, createElementVNode as n, Fragment as K, renderList as J, toDisplayString as j, ref as g, watch as U, h as ze, onMounted as fe, withDirectives as be, createVNode as ie, isRef as Fe, vModelCheckbox as qe, unref as oe, provide as Ue, onUnmounted as Te, normalizeStyle as pe, Transition as Ve, withCtx as we, inject as He, useId as We, defineAsyncComponent as Se, nextTick as ce, onBeforeUnmount as Be, withModifiers as se, createBlock as de, resolveDynamicComponent as Ce, mergeProps as Ie, withKeys as ve, resolveComponent as Me, vModelText as je, useSlots as Ke, Comment as Xe, vShow as Ye } from "vue";
|
|
2
|
+
const Ge = ["disabled"], Je = {
|
|
3
3
|
key: 0,
|
|
4
4
|
class: "loading loading-spinner"
|
|
5
|
-
},
|
|
5
|
+
}, fn = /* @__PURE__ */ _({
|
|
6
6
|
__name: "ButtonComponent",
|
|
7
7
|
props: {
|
|
8
8
|
outlined: { type: Boolean, default: !1 },
|
|
@@ -64,7 +64,7 @@ const Ye = ["disabled"], Ge = {
|
|
|
64
64
|
return "";
|
|
65
65
|
}
|
|
66
66
|
});
|
|
67
|
-
return (a,
|
|
67
|
+
return (a, u) => (o(), r("button", {
|
|
68
68
|
class: D([
|
|
69
69
|
"btn",
|
|
70
70
|
{ "btn-outline": v.outlined },
|
|
@@ -75,16 +75,16 @@ const Ye = ["disabled"], Ge = {
|
|
|
75
75
|
]),
|
|
76
76
|
disabled: v.disabled
|
|
77
77
|
}, [
|
|
78
|
-
e.loading ? (o(),
|
|
78
|
+
e.loading ? (o(), r("span", Je)) : B("", !0),
|
|
79
79
|
E(a.$slots, "default", {}, () => [
|
|
80
|
-
|
|
80
|
+
u[0] || (u[0] = Le("Submit", -1))
|
|
81
81
|
])
|
|
82
|
-
], 10,
|
|
82
|
+
], 10, Ge));
|
|
83
83
|
}
|
|
84
|
-
}),
|
|
84
|
+
}), Ze = {
|
|
85
85
|
tabindex: "0",
|
|
86
86
|
class: "z-1 bg-base-100 shadow-sm p-2 rounded-sm min-w-[inherit] md:min-w-full xl:min-w-52 dropdown-content menu"
|
|
87
|
-
},
|
|
87
|
+
}, Qe = ["href"], mn = /* @__PURE__ */ _({
|
|
88
88
|
__name: "dropdown",
|
|
89
89
|
props: {
|
|
90
90
|
items: {},
|
|
@@ -103,7 +103,7 @@ const Ye = ["disabled"], Ge = {
|
|
|
103
103
|
start: "",
|
|
104
104
|
end: "dropdown-end"
|
|
105
105
|
}, t = e;
|
|
106
|
-
return (s, a) => (o(),
|
|
106
|
+
return (s, a) => (o(), r("div", {
|
|
107
107
|
class: D(["dropdown", v[t.position], l[t.floatPosition], { "dropdown-open": t.forceOpen }, { "dropdown-hover": t.openOnHover }])
|
|
108
108
|
}, [
|
|
109
109
|
E(s.$slots, "default", {
|
|
@@ -112,17 +112,17 @@ const Ye = ["disabled"], Ge = {
|
|
|
112
112
|
}, () => [
|
|
113
113
|
a[0] || (a[0] = n("div", { class: "m-1 btn" }, "Open dropdown", -1))
|
|
114
114
|
]),
|
|
115
|
-
n("ul",
|
|
116
|
-
(o(!0),
|
|
115
|
+
n("ul", Ze, [
|
|
116
|
+
(o(!0), r(K, null, J(e.items, (u) => (o(), r("li", null, [
|
|
117
117
|
n("a", {
|
|
118
|
-
href:
|
|
119
|
-
},
|
|
118
|
+
href: u.link
|
|
119
|
+
}, j(u.text), 9, Qe)
|
|
120
120
|
]))), 256)),
|
|
121
121
|
E(s.$slots, "additional")
|
|
122
122
|
])
|
|
123
123
|
], 2));
|
|
124
124
|
}
|
|
125
|
-
}),
|
|
125
|
+
}), et = { class: "modal-box" }, tt = { class: "modal-action" }, pn = /* @__PURE__ */ _({
|
|
126
126
|
__name: "modal",
|
|
127
127
|
props: {
|
|
128
128
|
position: { default: "center" },
|
|
@@ -135,24 +135,24 @@ const Ye = ["disabled"], Ge = {
|
|
|
135
135
|
bottom: "modal-bottom",
|
|
136
136
|
center: "modal-middle"
|
|
137
137
|
}, t = g(null), s = () => {
|
|
138
|
-
var
|
|
139
|
-
(
|
|
138
|
+
var u;
|
|
139
|
+
(u = t.value) == null || u.showModal();
|
|
140
140
|
}, a = () => {
|
|
141
|
-
var
|
|
142
|
-
(
|
|
141
|
+
var u;
|
|
142
|
+
(u = t.value) == null || u.close();
|
|
143
143
|
};
|
|
144
|
-
return
|
|
144
|
+
return U(
|
|
145
145
|
() => v.forceOpen,
|
|
146
|
-
(
|
|
147
|
-
|
|
146
|
+
(u) => {
|
|
147
|
+
u == !0 && s(), u == !1 && a();
|
|
148
148
|
}
|
|
149
|
-
), (
|
|
150
|
-
v.forceOpen == null ? (o(),
|
|
149
|
+
), (u, p) => (o(), r(K, null, [
|
|
150
|
+
v.forceOpen == null ? (o(), r("span", {
|
|
151
151
|
key: 0,
|
|
152
152
|
class: "w-fit cursor-pointer",
|
|
153
153
|
onClick: s
|
|
154
154
|
}, [
|
|
155
|
-
E(
|
|
155
|
+
E(u.$slots, "trigger", { role: "button" }, () => [
|
|
156
156
|
p[0] || (p[0] = n("button", { class: "btn" }, "Open", -1))
|
|
157
157
|
])
|
|
158
158
|
])) : B("", !0),
|
|
@@ -161,16 +161,16 @@ const Ye = ["disabled"], Ge = {
|
|
|
161
161
|
ref: t,
|
|
162
162
|
class: D(["modal", l[v.position]])
|
|
163
163
|
}, [
|
|
164
|
-
n("div",
|
|
165
|
-
E(
|
|
166
|
-
n("div",
|
|
167
|
-
E(
|
|
164
|
+
n("div", et, [
|
|
165
|
+
E(u.$slots, "default"),
|
|
166
|
+
n("div", tt, [
|
|
167
|
+
E(u.$slots, "actions"),
|
|
168
168
|
n("form", {
|
|
169
169
|
method: "dialog",
|
|
170
170
|
onSubmit: a,
|
|
171
171
|
class: D(e.withBackdrop ? "modal-backdrop" : "")
|
|
172
172
|
}, [
|
|
173
|
-
E(
|
|
173
|
+
E(u.$slots, "close-button", {}, () => [
|
|
174
174
|
p[1] || (p[1] = n("button", { class: "btn" }, "Close", -1))
|
|
175
175
|
])
|
|
176
176
|
], 34)
|
|
@@ -179,21 +179,21 @@ const Ye = ["disabled"], Ge = {
|
|
|
179
179
|
], 2)
|
|
180
180
|
], 64));
|
|
181
181
|
}
|
|
182
|
-
}),
|
|
182
|
+
}), lt = { class: "flex justify-center items-center swap-on" }, nt = { class: "flex justify-center items-center swap-off" }, hn = /* @__PURE__ */ _({
|
|
183
183
|
__name: "swap",
|
|
184
184
|
props: {
|
|
185
185
|
effect: {}
|
|
186
186
|
},
|
|
187
187
|
setup(e) {
|
|
188
188
|
const v = e;
|
|
189
|
-
return (l, t) => (o(),
|
|
189
|
+
return (l, t) => (o(), r("label", {
|
|
190
190
|
class: D(["swap", v.effect ? `swap-${e.effect}` : ""])
|
|
191
191
|
}, [
|
|
192
192
|
t[0] || (t[0] = n("input", { type: "checkbox" }, null, -1)),
|
|
193
|
-
n("div",
|
|
193
|
+
n("div", lt, [
|
|
194
194
|
E(l.$slots, "on")
|
|
195
195
|
]),
|
|
196
|
-
n("div",
|
|
196
|
+
n("div", nt, [
|
|
197
197
|
E(l.$slots, "off")
|
|
198
198
|
])
|
|
199
199
|
], 2));
|
|
@@ -205,14 +205,14 @@ const Ye = ["disabled"], Ge = {
|
|
|
205
205
|
* This source code is licensed under the ISC license.
|
|
206
206
|
* See the LICENSE file in the root directory of this source tree.
|
|
207
207
|
*/
|
|
208
|
-
const
|
|
208
|
+
const at = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
|
|
209
209
|
/**
|
|
210
210
|
* @license lucide-vue-next v0.468.0 - ISC
|
|
211
211
|
*
|
|
212
212
|
* This source code is licensed under the ISC license.
|
|
213
213
|
* See the LICENSE file in the root directory of this source tree.
|
|
214
214
|
*/
|
|
215
|
-
var
|
|
215
|
+
var ye = {
|
|
216
216
|
xmlns: "http://www.w3.org/2000/svg",
|
|
217
217
|
width: 24,
|
|
218
218
|
height: 24,
|
|
@@ -229,18 +229,18 @@ var ge = {
|
|
|
229
229
|
* This source code is licensed under the ISC license.
|
|
230
230
|
* See the LICENSE file in the root directory of this source tree.
|
|
231
231
|
*/
|
|
232
|
-
const
|
|
232
|
+
const ot = ({ size: e, strokeWidth: v = 2, absoluteStrokeWidth: l, color: t, iconNode: s, name: a, class: u, ...p }, { slots: i }) => ze(
|
|
233
233
|
"svg",
|
|
234
234
|
{
|
|
235
|
-
...
|
|
236
|
-
width: e ||
|
|
237
|
-
height: e ||
|
|
238
|
-
stroke: t ||
|
|
235
|
+
...ye,
|
|
236
|
+
width: e || ye.width,
|
|
237
|
+
height: e || ye.height,
|
|
238
|
+
stroke: t || ye.stroke,
|
|
239
239
|
"stroke-width": l ? Number(v) * 24 / Number(e) : v,
|
|
240
|
-
class: ["lucide", `lucide-${
|
|
240
|
+
class: ["lucide", `lucide-${at(a ?? "icon")}`],
|
|
241
241
|
...p
|
|
242
242
|
},
|
|
243
|
-
[...s.map((b) =>
|
|
243
|
+
[...s.map((b) => ze(...b)), ...i.default ? [i.default()] : []]
|
|
244
244
|
);
|
|
245
245
|
/**
|
|
246
246
|
* @license lucide-vue-next v0.468.0 - ISC
|
|
@@ -248,8 +248,8 @@ const at = ({ size: e, strokeWidth: v = 2, absoluteStrokeWidth: l, color: t, ico
|
|
|
248
248
|
* This source code is licensed under the ISC license.
|
|
249
249
|
* See the LICENSE file in the root directory of this source tree.
|
|
250
250
|
*/
|
|
251
|
-
const
|
|
252
|
-
|
|
251
|
+
const he = (e, v) => (l, { slots: t }) => ze(
|
|
252
|
+
ot,
|
|
253
253
|
{
|
|
254
254
|
...l,
|
|
255
255
|
iconNode: v,
|
|
@@ -263,7 +263,7 @@ const pe = (e, v) => (l, { slots: t }) => Ie(
|
|
|
263
263
|
* This source code is licensed under the ISC license.
|
|
264
264
|
* See the LICENSE file in the root directory of this source tree.
|
|
265
265
|
*/
|
|
266
|
-
const
|
|
266
|
+
const st = he("CircleChevronDownIcon", [
|
|
267
267
|
["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
|
|
268
268
|
["path", { d: "m16 10-4 4-4-4", key: "894hmk" }]
|
|
269
269
|
]);
|
|
@@ -273,7 +273,7 @@ const ot = pe("CircleChevronDownIcon", [
|
|
|
273
273
|
* This source code is licensed under the ISC license.
|
|
274
274
|
* See the LICENSE file in the root directory of this source tree.
|
|
275
275
|
*/
|
|
276
|
-
const
|
|
276
|
+
const it = he("CircleXIcon", [
|
|
277
277
|
["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
|
|
278
278
|
["path", { d: "m15 9-6 6", key: "1uzhvr" }],
|
|
279
279
|
["path", { d: "m9 9 6 6", key: "z0biqf" }]
|
|
@@ -284,7 +284,7 @@ const st = pe("CircleXIcon", [
|
|
|
284
284
|
* This source code is licensed under the ISC license.
|
|
285
285
|
* See the LICENSE file in the root directory of this source tree.
|
|
286
286
|
*/
|
|
287
|
-
const
|
|
287
|
+
const rt = he("MoonIcon", [
|
|
288
288
|
["path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z", key: "a7tn18" }]
|
|
289
289
|
]);
|
|
290
290
|
/**
|
|
@@ -293,7 +293,7 @@ const it = pe("MoonIcon", [
|
|
|
293
293
|
* This source code is licensed under the ISC license.
|
|
294
294
|
* See the LICENSE file in the root directory of this source tree.
|
|
295
295
|
*/
|
|
296
|
-
const
|
|
296
|
+
const Ee = he("SearchIcon", [
|
|
297
297
|
["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
|
|
298
298
|
["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
|
|
299
299
|
]);
|
|
@@ -303,7 +303,7 @@ const De = pe("SearchIcon", [
|
|
|
303
303
|
* This source code is licensed under the ISC license.
|
|
304
304
|
* See the LICENSE file in the root directory of this source tree.
|
|
305
305
|
*/
|
|
306
|
-
const
|
|
306
|
+
const ut = he("SunIcon", [
|
|
307
307
|
["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
|
|
308
308
|
["path", { d: "M12 2v2", key: "tus03m" }],
|
|
309
309
|
["path", { d: "M12 20v2", key: "1lh1kg" }],
|
|
@@ -313,44 +313,44 @@ const rt = pe("SunIcon", [
|
|
|
313
313
|
["path", { d: "M20 12h2", key: "1q8mjw" }],
|
|
314
314
|
["path", { d: "m6.34 17.66-1.41 1.41", key: "1m8zz5" }],
|
|
315
315
|
["path", { d: "m19.07 4.93-1.41 1.41", key: "1shlcs" }]
|
|
316
|
-
]),
|
|
316
|
+
]), dt = (e, v) => {
|
|
317
317
|
const l = g(null);
|
|
318
|
-
return
|
|
318
|
+
return fe(() => {
|
|
319
319
|
if (typeof window < "u") {
|
|
320
320
|
const t = window.localStorage.getItem(e);
|
|
321
321
|
l.value = t ? JSON.parse(t) : v;
|
|
322
322
|
}
|
|
323
|
-
}),
|
|
323
|
+
}), U(l, (t) => {
|
|
324
324
|
typeof window < "u" && window.localStorage.setItem(e, JSON.stringify(t));
|
|
325
325
|
}), l;
|
|
326
|
-
},
|
|
326
|
+
}, ct = { class: "swap-rotate swap" }, vt = ["true-value", "false-value"], gn = /* @__PURE__ */ _({
|
|
327
327
|
__name: "theme-controller",
|
|
328
328
|
props: {
|
|
329
329
|
lightTheme: { default: "light" },
|
|
330
330
|
darkTheme: { default: "dark" }
|
|
331
331
|
},
|
|
332
332
|
setup(e) {
|
|
333
|
-
const v = e, l =
|
|
333
|
+
const v = e, l = dt("theme", v.lightTheme);
|
|
334
334
|
function t(s) {
|
|
335
335
|
typeof window < "u" && window.document && document.documentElement.setAttribute("data-theme", s);
|
|
336
336
|
}
|
|
337
|
-
return
|
|
337
|
+
return fe(() => t(l.value ? l.value : "")), U(l, (s) => {
|
|
338
338
|
t(s);
|
|
339
|
-
}), (s, a) => (o(),
|
|
340
|
-
|
|
339
|
+
}), (s, a) => (o(), r("label", ct, [
|
|
340
|
+
be(n("input", {
|
|
341
341
|
type: "checkbox",
|
|
342
342
|
class: "theme-controller",
|
|
343
|
-
"onUpdate:modelValue": a[0] || (a[0] = (
|
|
343
|
+
"onUpdate:modelValue": a[0] || (a[0] = (u) => Fe(l) ? l.value = u : null),
|
|
344
344
|
"true-value": v.lightTheme,
|
|
345
345
|
"false-value": v.darkTheme
|
|
346
|
-
}, null, 8,
|
|
347
|
-
[
|
|
346
|
+
}, null, 8, vt), [
|
|
347
|
+
[qe, oe(l)]
|
|
348
348
|
]),
|
|
349
|
-
ie(
|
|
350
|
-
ie(
|
|
349
|
+
ie(oe(ut), { class: "swap-off fill-current" }),
|
|
350
|
+
ie(oe(rt), { class: "swap-on fill-current" })
|
|
351
351
|
]));
|
|
352
352
|
}
|
|
353
|
-
}),
|
|
353
|
+
}), ft = ["name"], mt = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, pt = { class: "collapse-content" }, ht = ["innerHTML"], yn = /* @__PURE__ */ _({
|
|
354
354
|
__name: "accordion",
|
|
355
355
|
props: {
|
|
356
356
|
name: {},
|
|
@@ -360,7 +360,7 @@ const rt = pe("SunIcon", [
|
|
|
360
360
|
},
|
|
361
361
|
setup(e) {
|
|
362
362
|
const v = e;
|
|
363
|
-
return (l, t) => (o(!0),
|
|
363
|
+
return (l, t) => (o(!0), r(K, null, J(v.items, (s, a) => (o(), r("div", {
|
|
364
364
|
class: D(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : "", { "join-item": e.joinItems }]]),
|
|
365
365
|
key: a
|
|
366
366
|
}, [
|
|
@@ -368,16 +368,16 @@ const rt = pe("SunIcon", [
|
|
|
368
368
|
type: "radio",
|
|
369
369
|
name: e.name,
|
|
370
370
|
value: "true"
|
|
371
|
-
}, null, 8,
|
|
372
|
-
n("div",
|
|
373
|
-
n("div",
|
|
371
|
+
}, null, 8, ft),
|
|
372
|
+
n("div", mt, j(s.title), 1),
|
|
373
|
+
n("div", pt, [
|
|
374
374
|
n("span", {
|
|
375
375
|
innerHTML: s.content
|
|
376
|
-
}, null, 8,
|
|
376
|
+
}, null, 8, ht)
|
|
377
377
|
])
|
|
378
378
|
], 2))), 128));
|
|
379
379
|
}
|
|
380
|
-
}),
|
|
380
|
+
}), gt = ["src"], yt = { class: "text-xl" }, bn = /* @__PURE__ */ _({
|
|
381
381
|
__name: "avatar",
|
|
382
382
|
props: {
|
|
383
383
|
image: {},
|
|
@@ -387,31 +387,31 @@ const rt = pe("SunIcon", [
|
|
|
387
387
|
},
|
|
388
388
|
setup(e) {
|
|
389
389
|
const v = e, l = g(v.onlineStatus);
|
|
390
|
-
return
|
|
390
|
+
return U(
|
|
391
391
|
() => v.onlineStatus,
|
|
392
392
|
(t) => {
|
|
393
393
|
t && (l.value = t);
|
|
394
394
|
}
|
|
395
|
-
), (t, s) => (o(),
|
|
395
|
+
), (t, s) => (o(), r("div", {
|
|
396
396
|
class: D(["avatar", [{ "avatar-online": l.value === "online" }, { "avatar-offline": l.value === "offline" }]])
|
|
397
397
|
}, [
|
|
398
|
-
e.image ? (o(),
|
|
398
|
+
e.image ? (o(), r("div", {
|
|
399
399
|
key: 0,
|
|
400
400
|
class: D(["rounded", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
|
|
401
401
|
}, [
|
|
402
402
|
n("img", {
|
|
403
403
|
src: e.image,
|
|
404
404
|
class: "w-full h-full"
|
|
405
|
-
}, null, 8,
|
|
406
|
-
], 2)) : (o(),
|
|
405
|
+
}, null, 8, gt)
|
|
406
|
+
], 2)) : (o(), r("div", {
|
|
407
407
|
key: 1,
|
|
408
408
|
class: D(["flex justify-center bg-neutral p-[25%] rounded w-16 text-neutral-content text-center", [{ "rounded-full": e.fullyRounded }, { rounded: !e.fullyRounded }]])
|
|
409
409
|
}, [
|
|
410
|
-
n("p",
|
|
410
|
+
n("p", yt, j(e.initials), 1)
|
|
411
411
|
], 2))
|
|
412
412
|
], 2));
|
|
413
413
|
}
|
|
414
|
-
}),
|
|
414
|
+
}), wn = /* @__PURE__ */ _({
|
|
415
415
|
__name: "badge",
|
|
416
416
|
props: {
|
|
417
417
|
color: { default: "neutral" },
|
|
@@ -435,25 +435,25 @@ const rt = pe("SunIcon", [
|
|
|
435
435
|
warning: "badge-warning",
|
|
436
436
|
error: "badge-error"
|
|
437
437
|
};
|
|
438
|
-
return (s, a) => (o(),
|
|
438
|
+
return (s, a) => (o(), r("span", {
|
|
439
439
|
class: D(["badge", l[v.size], t[v.color], { "badge-outline": v.outline }])
|
|
440
440
|
}, [
|
|
441
441
|
E(s.$slots, "default")
|
|
442
442
|
], 2));
|
|
443
443
|
}
|
|
444
|
-
}),
|
|
444
|
+
}), bt = ["src", "alt"], wt = {
|
|
445
445
|
key: 0,
|
|
446
446
|
class: "card-body"
|
|
447
|
-
},
|
|
447
|
+
}, xt = {
|
|
448
448
|
key: 0,
|
|
449
449
|
class: "group-hover:text-primary text-lg text-left cursor-pointer card-title"
|
|
450
|
-
},
|
|
450
|
+
}, kt = {
|
|
451
451
|
key: 1,
|
|
452
452
|
class: "text-left"
|
|
453
|
-
},
|
|
453
|
+
}, $t = { class: "flex-col flex-nowrap mt-auto card-actions" }, St = {
|
|
454
454
|
key: 1,
|
|
455
455
|
class: "card-body"
|
|
456
|
-
},
|
|
456
|
+
}, xn = /* @__PURE__ */ _({
|
|
457
457
|
__name: "card",
|
|
458
458
|
props: {
|
|
459
459
|
imgUrl: { default: "" },
|
|
@@ -471,12 +471,12 @@ const rt = pe("SunIcon", [
|
|
|
471
471
|
},
|
|
472
472
|
setup(e) {
|
|
473
473
|
const v = e, l = g(v.outlined);
|
|
474
|
-
return
|
|
474
|
+
return U(
|
|
475
475
|
() => v.outlined,
|
|
476
476
|
(t) => {
|
|
477
477
|
l.value = t;
|
|
478
478
|
}
|
|
479
|
-
), (t, s) => (o(),
|
|
479
|
+
), (t, s) => (o(), r("div", {
|
|
480
480
|
class: D(["group bg-base-100 shadow-xl rounded-sm min-w-64 max-w-full h-full card card-compact", [
|
|
481
481
|
{ "border-4 border-primary": l.value },
|
|
482
482
|
e.color ?? "",
|
|
@@ -487,7 +487,7 @@ const rt = pe("SunIcon", [
|
|
|
487
487
|
n("figure", {
|
|
488
488
|
class: D([{ "contents!": e.horizontal && e.imgWidth }])
|
|
489
489
|
}, [
|
|
490
|
-
e.imgUrl || e.imgUrl && !e.loading ? (o(),
|
|
490
|
+
e.imgUrl || e.imgUrl && !e.loading ? (o(), r("img", {
|
|
491
491
|
key: 0,
|
|
492
492
|
src: e.imgUrl,
|
|
493
493
|
alt: e.alt,
|
|
@@ -498,21 +498,21 @@ const rt = pe("SunIcon", [
|
|
|
498
498
|
!e.horizontal && e.imgHeight ? e.imgHeight : "h-full",
|
|
499
499
|
e.horizontal && e.imgWidth ? e.imgWidth : "w-full"
|
|
500
500
|
]])
|
|
501
|
-
}, null, 10,
|
|
502
|
-
e.loading && e.imgUrl ? (o(),
|
|
501
|
+
}, null, 10, bt)) : B("", !0),
|
|
502
|
+
e.loading && e.imgUrl ? (o(), r("div", {
|
|
503
503
|
key: 1,
|
|
504
504
|
class: D(["w-full skeleton", e.imgHeight])
|
|
505
505
|
}, null, 2)) : B("", !0)
|
|
506
506
|
], 2),
|
|
507
|
-
e.loading ? B("", !0) : (o(),
|
|
508
|
-
e.title ? (o(),
|
|
507
|
+
e.loading ? B("", !0) : (o(), r("div", wt, [
|
|
508
|
+
e.title ? (o(), r("h2", xt, j(e.title), 1)) : B("", !0),
|
|
509
509
|
E(t.$slots, "details"),
|
|
510
|
-
e.description ? (o(),
|
|
511
|
-
n("div",
|
|
510
|
+
e.description ? (o(), r("p", kt, j(e.description), 1)) : B("", !0),
|
|
511
|
+
n("div", $t, [
|
|
512
512
|
E(t.$slots, "actions")
|
|
513
513
|
])
|
|
514
514
|
])),
|
|
515
|
-
e.loading ? (o(),
|
|
515
|
+
e.loading ? (o(), r("div", St, [...s[0] || (s[0] = [
|
|
516
516
|
n("div", { class: "flex flex-col gap-4 w-52" }, [
|
|
517
517
|
n("div", { class: "w-28 h-4 skeleton" }),
|
|
518
518
|
n("div", { class: "w-full h-4 skeleton" }),
|
|
@@ -521,16 +521,16 @@ const rt = pe("SunIcon", [
|
|
|
521
521
|
])])) : B("", !0)
|
|
522
522
|
], 2));
|
|
523
523
|
}
|
|
524
|
-
}),
|
|
524
|
+
}), Pe = Symbol("CarouselItemStyle"), Ct = { class: "relative h-full" }, It = {
|
|
525
525
|
key: 0,
|
|
526
526
|
class: "flex-shrink-0"
|
|
527
|
-
},
|
|
527
|
+
}, Mt = {
|
|
528
528
|
key: 0,
|
|
529
529
|
class: "flex-shrink-0"
|
|
530
|
-
},
|
|
530
|
+
}, zt = {
|
|
531
531
|
key: 1,
|
|
532
532
|
class: "bottom-5 z-10 absolute flex justify-center gap-2 py-2 w-full"
|
|
533
|
-
},
|
|
533
|
+
}, Tt = ["onClick", "aria-label"], Bt = /* @__PURE__ */ _({
|
|
534
534
|
__name: "carousel",
|
|
535
535
|
props: {
|
|
536
536
|
showIndicators: {
|
|
@@ -586,81 +586,81 @@ const rt = pe("SunIcon", [
|
|
|
586
586
|
}
|
|
587
587
|
},
|
|
588
588
|
setup(e, { expose: v }) {
|
|
589
|
-
const l = e, t = g(l.initialSlide), s = g(null), a = g(null),
|
|
590
|
-
const $ = Object.keys(l.breakpoints).map(Number).sort((
|
|
589
|
+
const l = e, t = g(l.initialSlide), s = g(null), a = g(null), u = g(0), p = g(!1), i = g(0), b = g(0), I = g(!1), A = g(0), k = g(0), c = g(0), O = g(0), S = g(0), W = g(0), F = g(0), X = g(null), Z = g(null), le = g(0), f = Q(() => {
|
|
590
|
+
const $ = Object.keys(l.breakpoints).map(Number).sort((P, R) => P - R);
|
|
591
591
|
let C = {};
|
|
592
|
-
for (const
|
|
593
|
-
b.value >=
|
|
592
|
+
for (const P of $)
|
|
593
|
+
b.value >= P && (C = { ...C, ...l.breakpoints[P] });
|
|
594
594
|
return C;
|
|
595
|
-
}), m = Q(() => f.value.slidesPerView ?? l.slidesPerView), x = Q(() => f.value.gap ?? l.gap),
|
|
596
|
-
const $ = l.sliderOrientation === "horizontal",
|
|
595
|
+
}), m = Q(() => f.value.slidesPerView ?? l.slidesPerView), x = Q(() => f.value.gap ?? l.gap), L = Q(() => {
|
|
596
|
+
const $ = l.sliderOrientation === "horizontal", P = `calc((100% - ${m.value > 1 ? (m.value - 1) * x.value : 0}px) / ${m.value})`;
|
|
597
597
|
return $ ? {
|
|
598
|
-
width:
|
|
599
|
-
} : { height:
|
|
598
|
+
width: P
|
|
599
|
+
} : { height: P };
|
|
600
600
|
});
|
|
601
|
-
|
|
601
|
+
Ue(Pe, L);
|
|
602
602
|
const d = () => {
|
|
603
|
-
a.value ?
|
|
603
|
+
a.value ? i.value = a.value.children.length : i.value = 0;
|
|
604
604
|
}, V = () => {
|
|
605
605
|
if (!s.value || m.value <= 0) return 0;
|
|
606
|
-
const C = l.sliderOrientation === "horizontal" ? s.value.offsetWidth : s.value.offsetHeight,
|
|
607
|
-
return C <= 0 ? 0 : (C -
|
|
606
|
+
const C = l.sliderOrientation === "horizontal" ? s.value.offsetWidth : s.value.offsetHeight, P = (m.value - 1) * x.value;
|
|
607
|
+
return C <= 0 ? 0 : (C - P) / m.value;
|
|
608
608
|
}, w = Q(() => {
|
|
609
|
-
if (!s.value ||
|
|
610
|
-
const C = l.sliderOrientation === "horizontal" ? s.value.offsetWidth : s.value.offsetHeight,
|
|
609
|
+
if (!s.value || i.value === 0 || m.value === 0) return 0;
|
|
610
|
+
const C = l.sliderOrientation === "horizontal" ? s.value.offsetWidth : s.value.offsetHeight, P = V(), R = i.value * (P + x.value) - x.value;
|
|
611
611
|
return Math.max(0, R - C);
|
|
612
612
|
}), z = async ($, C = !1) => {
|
|
613
|
-
if (!s.value || m.value <= 0 || p.value || (d(),
|
|
614
|
-
const
|
|
615
|
-
if (
|
|
616
|
-
const R =
|
|
613
|
+
if (!s.value || m.value <= 0 || p.value || (d(), i.value === 0)) return;
|
|
614
|
+
const P = V();
|
|
615
|
+
if (P <= 0) return;
|
|
616
|
+
const R = P + x.value, H = w.value;
|
|
617
617
|
let N = $;
|
|
618
|
-
l.infinite ? N = ($ %
|
|
619
|
-
const te = N * R, Y = l.infinite ? te : Math.max(0, Math.min(te,
|
|
618
|
+
l.infinite ? N = ($ % i.value + i.value) % i.value : N = Math.max(0, Math.min($, i.value - m.value));
|
|
619
|
+
const te = N * R, Y = l.infinite ? te : Math.max(0, Math.min(te, H));
|
|
620
620
|
if (C || l.slideDuration === 0) {
|
|
621
|
-
a.value && (a.value.style.transitionDuration = "0ms", a.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-Y}px, 0, 0)` : `translate3d(0, ${-Y}px, 0)`),
|
|
621
|
+
a.value && (a.value.style.transitionDuration = "0ms", a.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-Y}px, 0, 0)` : `translate3d(0, ${-Y}px, 0)`), u.value = Y, t.value = N, p.value = !1, l.autoplay && G();
|
|
622
622
|
return;
|
|
623
623
|
}
|
|
624
624
|
p.value = !0;
|
|
625
|
-
const
|
|
625
|
+
const ue = u.value, ke = Y - ue, Ae = performance.now(), De = (Re) => {
|
|
626
626
|
if (!a.value) return;
|
|
627
|
-
const
|
|
628
|
-
a.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${
|
|
627
|
+
const Ne = Re - Ae, Oe = Math.min(1, Ne / l.slideDuration), _e = 1 - Math.pow(1 - Oe, 3), $e = ue + ke * _e;
|
|
628
|
+
a.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-$e}px, 0, 0)` : `translate3d(0, ${-$e}px, 0)`, u.value = $e, Oe < 1 ? X.value = requestAnimationFrame(De) : (a.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-Y}px, 0, 0)` : `translate3d(0, ${-Y}px, 0)`, u.value = Y, t.value = N, p.value = !1, l.autoplay && G(), X.value = null);
|
|
629
629
|
};
|
|
630
|
-
X.value = requestAnimationFrame(
|
|
630
|
+
X.value = requestAnimationFrame(De);
|
|
631
631
|
}, ee = () => {
|
|
632
|
-
l.infinite && t.value >=
|
|
632
|
+
l.infinite && t.value >= i.value - m.value ? z(0) : z(t.value + 1);
|
|
633
633
|
}, ne = () => {
|
|
634
|
-
l.infinite && t.value <= 0 ? z(
|
|
634
|
+
l.infinite && t.value <= 0 ? z(i.value - m.value) : z(t.value - 1);
|
|
635
635
|
}, re = ($) => {
|
|
636
636
|
z($);
|
|
637
637
|
}, h = ($) => {
|
|
638
638
|
p.value && X.value && (l.autoplay && q(), cancelAnimationFrame(X.value), p.value = !1), I.value = !0;
|
|
639
639
|
const C = "touches" in $ ? $.touches[0] : $;
|
|
640
|
-
|
|
640
|
+
A.value = C.clientX, k.value = C.clientY, c.value = u.value, O.value = 0, S.value = 0, W.value = 0, F.value = performance.now(), s.value && (s.value.style.scrollSnapType = "none"), document.addEventListener("mousemove", y), document.addEventListener("mouseup", M), document.addEventListener("touchmove", y, { passive: !1 }), document.addEventListener("touchend", M);
|
|
641
641
|
}, y = ($) => {
|
|
642
642
|
if (!I.value || !a.value || !s.value) return;
|
|
643
643
|
$.cancelable && $.preventDefault();
|
|
644
|
-
const C = "touches" in $ ? $.touches[0] : $,
|
|
645
|
-
let
|
|
644
|
+
const C = "touches" in $ ? $.touches[0] : $, P = performance.now(), R = P - F.value;
|
|
645
|
+
let H;
|
|
646
646
|
if (l.sliderOrientation === "horizontal") {
|
|
647
|
-
const N = C.clientX, te = N - (S.value ||
|
|
647
|
+
const N = C.clientX, te = N - (S.value || A.value);
|
|
648
648
|
R > 0 && (O.value = te / R * 1e3);
|
|
649
|
-
const Y = N -
|
|
650
|
-
|
|
649
|
+
const Y = N - A.value;
|
|
650
|
+
H = c.value - Y, S.value = N;
|
|
651
651
|
} else {
|
|
652
652
|
const N = C.clientY, te = N - (W.value || k.value);
|
|
653
653
|
R > 0 && (O.value = te / R * 1e3);
|
|
654
654
|
const Y = N - k.value;
|
|
655
|
-
|
|
655
|
+
H = c.value - Y, W.value = N;
|
|
656
656
|
}
|
|
657
|
-
|
|
657
|
+
H < 0 ? H = H * 0.3 : H > w.value && (H = w.value + (H - w.value) * 0.3), le.value = H, a.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-le.value}px, 0, 0)` : `translate3d(0, ${-le.value}px, 0)`, F.value = P;
|
|
658
658
|
}, M = () => {
|
|
659
659
|
if (!I.value || !s.value || !a.value) return;
|
|
660
|
-
const C = l.sliderOrientation === "horizontal" ? c.value - (S.value -
|
|
661
|
-
if (I.value = !1, document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", M), document.removeEventListener("touchend", M),
|
|
660
|
+
const C = l.sliderOrientation === "horizontal" ? c.value - (S.value - A.value) : c.value - (W.value - k.value), P = Math.max(0, Math.min(C, w.value)), R = V() + x.value;
|
|
661
|
+
if (I.value = !1, document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", M), document.removeEventListener("touchend", M), u.value = P, l.infinite) {
|
|
662
662
|
if (C < 0) {
|
|
663
|
-
z(
|
|
663
|
+
z(i.value - 1);
|
|
664
664
|
return;
|
|
665
665
|
} else if (C > w.value) {
|
|
666
666
|
z(0);
|
|
@@ -670,16 +670,16 @@ const rt = pe("SunIcon", [
|
|
|
670
670
|
z(0);
|
|
671
671
|
return;
|
|
672
672
|
} else if (C > w.value) {
|
|
673
|
-
const Y = Math.max(0,
|
|
673
|
+
const Y = Math.max(0, i.value - Math.floor(m.value));
|
|
674
674
|
z(Y);
|
|
675
675
|
return;
|
|
676
676
|
}
|
|
677
|
-
const
|
|
677
|
+
const H = Math.max(0, i.value - Math.floor(m.value)), N = 100, te = Math.round(P / R);
|
|
678
678
|
if (Math.abs(O.value) > N) {
|
|
679
|
-
const Y = -Math.sign(O.value),
|
|
680
|
-
z(Math.max(0, Math.min(
|
|
679
|
+
const Y = -Math.sign(O.value), ue = te + Y;
|
|
680
|
+
z(Math.max(0, Math.min(H, ue)));
|
|
681
681
|
} else
|
|
682
|
-
z(Math.max(0, Math.min(
|
|
682
|
+
z(Math.max(0, Math.min(H, te)));
|
|
683
683
|
}, T = () => {
|
|
684
684
|
!l.autoplay || Z.value !== null || (Z.value = setInterval(() => {
|
|
685
685
|
ee();
|
|
@@ -690,35 +690,41 @@ const rt = pe("SunIcon", [
|
|
|
690
690
|
q(), setTimeout(() => {
|
|
691
691
|
T();
|
|
692
692
|
}, 500);
|
|
693
|
-
},
|
|
693
|
+
}, ae = () => {
|
|
694
694
|
b.value = window.innerWidth;
|
|
695
|
-
},
|
|
696
|
-
if (!s.value || m.value <= 0 || (d(),
|
|
695
|
+
}, xe = () => {
|
|
696
|
+
if (!s.value || m.value <= 0 || (d(), i.value === 0)) return;
|
|
697
697
|
const $ = V();
|
|
698
698
|
if ($ <= 0) return;
|
|
699
|
-
const C = Math.max(0,
|
|
700
|
-
a.value && (a.value.style.transitionDuration = "0ms", a.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-N}px, 0, 0)` : `translate3d(0, ${-N}px, 0)`),
|
|
699
|
+
const C = Math.max(0, i.value - m.value), P = Math.min(Math.max(0, l.initialSlide), C), R = P * ($ + x.value), H = w.value, N = Math.max(0, Math.min(R, H));
|
|
700
|
+
a.value && (a.value.style.transitionDuration = "0ms", a.value.style.transform = l.sliderOrientation === "horizontal" ? `translate3d(${-N}px, 0, 0)` : `translate3d(0, ${-N}px, 0)`), u.value = N, t.value = P;
|
|
701
701
|
};
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
window.
|
|
709
|
-
|
|
702
|
+
Te(() => {
|
|
703
|
+
window.removeEventListener("resize", ae);
|
|
704
|
+
});
|
|
705
|
+
let ge = !1;
|
|
706
|
+
return fe(() => {
|
|
707
|
+
var C, P, R, H, N, te, Y, ue;
|
|
708
|
+
b.value = window.innerWidth;
|
|
709
|
+
const $ = U(i, (ke) => {
|
|
710
|
+
ke > 0 && !ge && (xe(), ge = !0, $());
|
|
711
|
+
});
|
|
712
|
+
l.autoplay && T(), window.addEventListener("resize", ae), d(), (C = s.value) == null || C.addEventListener("mousedown", h), (P = s.value) == null || P.addEventListener("touchstart", h, { passive: !0 }), l.showNavigationButtons && ((N = (H = (R = s.value) == null ? void 0 : R.parentElement) == null ? void 0 : H.querySelector(".absolute.flex.justify-between")) == null || N.addEventListener("click", G)), l.showIndicators && ((ue = (Y = (te = s.value) == null ? void 0 : te.parentElement) == null ? void 0 : Y.querySelector(".bottom-5.flex.justify-center")) == null || ue.addEventListener("click", G));
|
|
713
|
+
}), Te(() => {
|
|
714
|
+
window.removeEventListener("resize", ae);
|
|
715
|
+
}), U(() => l.autoplay, ($) => {
|
|
710
716
|
$ ? T() : q();
|
|
711
|
-
}),
|
|
717
|
+
}), U(() => l.autoplayInterval, G), U(() => l.initialSlide, ($) => {
|
|
712
718
|
requestAnimationFrame(() => z($, !0));
|
|
713
|
-
}),
|
|
719
|
+
}), U([m, x], () => {
|
|
714
720
|
requestAnimationFrame(() => {
|
|
715
721
|
requestAnimationFrame(() => {
|
|
716
|
-
if (d(),
|
|
717
|
-
const $ = Math.max(0,
|
|
722
|
+
if (d(), i.value === 0) return;
|
|
723
|
+
const $ = Math.max(0, i.value - m.value), C = Math.min(t.value, $);
|
|
718
724
|
z(C, !0);
|
|
719
725
|
});
|
|
720
726
|
});
|
|
721
|
-
}), v({ scrollToSlide: z }), ($, C) => (o(),
|
|
727
|
+
}), v({ scrollToSlide: z }), ($, C) => (o(), r("div", Ct, [
|
|
722
728
|
n("div", {
|
|
723
729
|
ref_key: "carouselContainer",
|
|
724
730
|
ref: s,
|
|
@@ -729,18 +735,18 @@ const rt = pe("SunIcon", [
|
|
|
729
735
|
ref_key: "slidesContainer",
|
|
730
736
|
ref: a,
|
|
731
737
|
class: D(["w-full h-full transition-transform duration-0 ease-out", e.sliderOrientation === "horizontal" ? "flex" : "block"]),
|
|
732
|
-
style:
|
|
738
|
+
style: pe({ gap: `${x.value}px` })
|
|
733
739
|
}, [
|
|
734
740
|
E($.$slots, "default", {}, void 0, !0)
|
|
735
741
|
], 6)
|
|
736
742
|
], 2),
|
|
737
|
-
e.showNavigationButtons ? (o(),
|
|
743
|
+
e.showNavigationButtons ? (o(), r("div", {
|
|
738
744
|
key: 0,
|
|
739
745
|
class: D([{ "top-1/2 right-5 left-5 z-10 absolute flex justify-between items-center -translate-y-1/2 transform": e.sliderOrientation === "horizontal" }, { "right-0 absolute flex justify-between items-center -translate-y-1/2 transform rotate-90 top-1/2 gap-3": e.sliderOrientation === "vertical" }])
|
|
740
746
|
}, [
|
|
741
|
-
ie(
|
|
742
|
-
default:
|
|
743
|
-
l.infinite || t.value > 0 ? (o(),
|
|
747
|
+
ie(Ve, { name: "fade" }, {
|
|
748
|
+
default: we(() => [
|
|
749
|
+
l.infinite || t.value > 0 ? (o(), r("div", It, [
|
|
744
750
|
n("div", {
|
|
745
751
|
onClick: ne,
|
|
746
752
|
role: "button",
|
|
@@ -758,9 +764,9 @@ const rt = pe("SunIcon", [
|
|
|
758
764
|
_: 3
|
|
759
765
|
}),
|
|
760
766
|
C[2] || (C[2] = n("div", { class: "flex-grow" }, null, -1)),
|
|
761
|
-
ie(
|
|
762
|
-
default:
|
|
763
|
-
l.infinite || t.value <
|
|
767
|
+
ie(Ve, { name: "fade" }, {
|
|
768
|
+
default: we(() => [
|
|
769
|
+
l.infinite || t.value < i.value - m.value ? (o(), r("div", Mt, [
|
|
764
770
|
n("div", {
|
|
765
771
|
onClick: ee,
|
|
766
772
|
role: "button",
|
|
@@ -778,51 +784,51 @@ const rt = pe("SunIcon", [
|
|
|
778
784
|
_: 3
|
|
779
785
|
})
|
|
780
786
|
], 2)) : B("", !0),
|
|
781
|
-
e.showIndicators ? (o(),
|
|
782
|
-
(o(!0),
|
|
787
|
+
e.showIndicators ? (o(), r("div", zt, [
|
|
788
|
+
(o(!0), r(K, null, J(i.value, (P, R) => (o(), r("button", {
|
|
783
789
|
key: `dot-${R}`,
|
|
784
|
-
onClick: (
|
|
790
|
+
onClick: (H) => re(R),
|
|
785
791
|
class: D(["btn btn-circle btn-xs", { "btn-active": R === t.value }]),
|
|
786
792
|
"aria-label": `Go to slide ${R + 1}`
|
|
787
|
-
}, null, 10,
|
|
793
|
+
}, null, 10, Tt))), 128))
|
|
788
794
|
])) : B("", !0)
|
|
789
795
|
]));
|
|
790
796
|
}
|
|
791
|
-
}),
|
|
797
|
+
}), me = (e, v) => {
|
|
792
798
|
const l = e.__vccOpts || e;
|
|
793
799
|
for (const [t, s] of v)
|
|
794
800
|
l[t] = s;
|
|
795
801
|
return l;
|
|
796
|
-
},
|
|
802
|
+
}, kn = /* @__PURE__ */ me(Bt, [["__scopeId", "data-v-ecd9a557"]]), Dt = /* @__PURE__ */ _({
|
|
797
803
|
__name: "carouselItem",
|
|
798
804
|
setup(e) {
|
|
799
|
-
const v =
|
|
800
|
-
return (l, t) => (o(),
|
|
805
|
+
const v = He(Pe, g({}));
|
|
806
|
+
return (l, t) => (o(), r("div", {
|
|
801
807
|
class: "w-full h-full carousel-item",
|
|
802
|
-
style:
|
|
808
|
+
style: pe(oe(v))
|
|
803
809
|
}, [
|
|
804
810
|
E(l.$slots, "default", {}, void 0, !0)
|
|
805
811
|
], 4));
|
|
806
812
|
}
|
|
807
|
-
}),
|
|
813
|
+
}), $n = /* @__PURE__ */ me(Dt, [["__scopeId", "data-v-507384bc"]]), Ot = { class: "flex gap-4 bg-base-100 w-full tabs tabs-boxed" }, Vt = ["onClick"], Et = {
|
|
808
814
|
key: 0,
|
|
809
815
|
class: "inline-component-wrapper flex grow justify-center items-center w-full h-full"
|
|
810
|
-
},
|
|
816
|
+
}, Lt = {
|
|
811
817
|
key: 1,
|
|
812
818
|
class: "flex flex-col"
|
|
813
|
-
}, jt = { class: "text-sm" },
|
|
819
|
+
}, jt = { class: "text-sm" }, Pt = {
|
|
814
820
|
key: 0,
|
|
815
821
|
class: "opacity-75 overflow-hidden text-xs truncate ..."
|
|
816
822
|
}, At = {
|
|
817
823
|
key: 1,
|
|
818
824
|
class: "hidden md:block opacity-35 overflow-hidden text-xs truncate ..."
|
|
819
|
-
},
|
|
825
|
+
}, Rt = { class: "hidden" }, Nt = ["id"], _t = { class: "modal-box" }, Ft = { class: "font-bold text-lg" }, qt = ["name", "checked"], Ut = { class: "collapse-title flex justify-between items-center pr-4 w-full font-medium text-xl" }, Ht = {
|
|
820
826
|
key: 0,
|
|
821
827
|
class: "opacity-75 overflow-hidden text-sm truncate ..."
|
|
822
|
-
},
|
|
828
|
+
}, Wt = {
|
|
823
829
|
key: 1,
|
|
824
830
|
class: "opacity-35 text-sm"
|
|
825
|
-
},
|
|
831
|
+
}, Kt = { class: "collapse-content flex place-content-center p-0" }, Xt = /* @__PURE__ */ _({
|
|
826
832
|
__name: "advancedSearch",
|
|
827
833
|
props: {
|
|
828
834
|
searchOptions: {},
|
|
@@ -832,19 +838,19 @@ const rt = pe("SunIcon", [
|
|
|
832
838
|
},
|
|
833
839
|
emits: ["search", "update:search-data"],
|
|
834
840
|
setup(e, { emit: v }) {
|
|
835
|
-
const l = e, t = v, s = l.id ?? `advancedSearch-${
|
|
836
|
-
datetime:
|
|
837
|
-
"standard-select":
|
|
841
|
+
const l = e, t = v, s = l.id ?? `advancedSearch-${We()}`, a = g(null), u = g(null), p = {
|
|
842
|
+
datetime: Se(() => Promise.resolve().then(() => dl)),
|
|
843
|
+
"standard-select": Se(() => import("./select-Cz4vf_YE.js")),
|
|
838
844
|
// Add other components here when you create them:
|
|
839
845
|
// 'custom-range': defineAsyncComponent(() => import('./CustomRange.vue')),
|
|
840
846
|
// 'custom-number': defineAsyncComponent(() => import('./CustomNumber.vue')),
|
|
841
|
-
"custom-text":
|
|
847
|
+
"custom-text": Se(() => import("./inputField-BxT95oyM.js"))
|
|
842
848
|
// 'custom-select': defineAsyncComponent(() => import('./CustomSelect.vue')),
|
|
843
|
-
},
|
|
849
|
+
}, i = g({}), b = g({
|
|
844
850
|
left: "0px",
|
|
845
851
|
top: "0px",
|
|
846
852
|
transform: "translateX(0%)"
|
|
847
|
-
}), I = g(null),
|
|
853
|
+
}), I = g(null), A = (f) => {
|
|
848
854
|
var m;
|
|
849
855
|
if (f.value === void 0 || f.value === null || f.value === "")
|
|
850
856
|
return "";
|
|
@@ -859,9 +865,9 @@ const rt = pe("SunIcon", [
|
|
|
859
865
|
}
|
|
860
866
|
else if (f.range && typeof f.value == "object" && f.value !== null && "start" in f.value && "end" in f.value)
|
|
861
867
|
try {
|
|
862
|
-
const x = new Date(f.value.start),
|
|
863
|
-
if (!isNaN(x.getTime()) && !isNaN(
|
|
864
|
-
return `${x.toLocaleDateString()} - ${
|
|
868
|
+
const x = new Date(f.value.start), L = new Date(f.value.end);
|
|
869
|
+
if (!isNaN(x.getTime()) && !isNaN(L.getTime()))
|
|
870
|
+
return `${x.toLocaleDateString()} - ${L.toLocaleDateString()}`;
|
|
865
871
|
} catch {
|
|
866
872
|
}
|
|
867
873
|
break;
|
|
@@ -877,7 +883,7 @@ const rt = pe("SunIcon", [
|
|
|
877
883
|
case "custom-select":
|
|
878
884
|
if ((m = f.props) != null && m.options && Array.isArray(f.props.options)) {
|
|
879
885
|
const x = f.props.options.find(
|
|
880
|
-
(
|
|
886
|
+
(L) => L.value === f.value
|
|
881
887
|
);
|
|
882
888
|
if (x)
|
|
883
889
|
return x.text;
|
|
@@ -899,11 +905,11 @@ const rt = pe("SunIcon", [
|
|
|
899
905
|
}
|
|
900
906
|
const x = (V = l.searchOptions.find(
|
|
901
907
|
(w) => (w == null ? void 0 : w.category) === l.currentCategory
|
|
902
|
-
)) == null ? void 0 : V.tabs,
|
|
908
|
+
)) == null ? void 0 : V.tabs, L = x == null ? void 0 : x.find(
|
|
903
909
|
(w) => w.name === m
|
|
904
910
|
);
|
|
905
|
-
|
|
906
|
-
tab:
|
|
911
|
+
L ? (L.value = f, t("update:search-data", {
|
|
912
|
+
tab: L.name,
|
|
907
913
|
data: f
|
|
908
914
|
})) : console.error(
|
|
909
915
|
`Tab with name "${m}" not found in current category.`
|
|
@@ -916,9 +922,9 @@ const rt = pe("SunIcon", [
|
|
|
916
922
|
t("search");
|
|
917
923
|
}
|
|
918
924
|
async function S(f) {
|
|
919
|
-
var
|
|
925
|
+
var L;
|
|
920
926
|
const m = document.getElementById(`advancedSearchMobile-${s}`), x = m && m.contains(f.target);
|
|
921
|
-
((
|
|
927
|
+
((L = a.value) == null ? void 0 : L.displayMode) === "popup" && I.value && !I.value.contains(f.target) && !x && (await ce(), a.value = null);
|
|
922
928
|
}
|
|
923
929
|
async function W() {
|
|
924
930
|
if (typeof window < "u" && window.innerWidth <= 768) {
|
|
@@ -931,16 +937,16 @@ const rt = pe("SunIcon", [
|
|
|
931
937
|
}
|
|
932
938
|
}
|
|
933
939
|
async function F(f) {
|
|
934
|
-
var x,
|
|
940
|
+
var x, L, d;
|
|
935
941
|
if (typeof window < "u" && window.innerWidth <= 768) {
|
|
936
942
|
W();
|
|
937
943
|
return;
|
|
938
944
|
}
|
|
939
945
|
const m = f.displayMode ?? "popup";
|
|
940
|
-
if (((x = a.value) == null ? void 0 : x.name) === f.name && ((
|
|
946
|
+
if (((x = a.value) == null ? void 0 : x.name) === f.name && ((L = a.value) == null ? void 0 : L.displayMode) === m)
|
|
941
947
|
a.value = null;
|
|
942
|
-
else if (a.value = { ...f, displayMode: m }, await
|
|
943
|
-
const V =
|
|
948
|
+
else if (a.value = { ...f, displayMode: m }, await ce(), ((d = a.value) == null ? void 0 : d.displayMode) === "popup") {
|
|
949
|
+
const V = i.value[f.name];
|
|
944
950
|
if (V && I.value) {
|
|
945
951
|
const w = V.getBoundingClientRect(), z = I.value.getBoundingClientRect(), ee = w.bottom - z.top, ne = w.left + w.width / 2 - z.left;
|
|
946
952
|
b.value = {
|
|
@@ -968,14 +974,14 @@ const rt = pe("SunIcon", [
|
|
|
968
974
|
}, Z = () => {
|
|
969
975
|
console.log("Enter key pressed on inline component, closing inline view."), a.value = null;
|
|
970
976
|
};
|
|
971
|
-
|
|
977
|
+
U(u, (f) => {
|
|
972
978
|
var m;
|
|
973
979
|
console.log(
|
|
974
980
|
"advanced-search: inlineComponentRef changed. New Value:",
|
|
975
981
|
f
|
|
976
982
|
), console.log("advanced-search: activeTab.value:", a.value), f && ((m = a.value) == null ? void 0 : m.displayMode) === "inline" ? (console.log(
|
|
977
983
|
"advanced-search: Inline component ref is available and active tab is inline. Attempting to focus child input..."
|
|
978
|
-
),
|
|
984
|
+
), ce(() => {
|
|
979
985
|
console.log(
|
|
980
986
|
"advanced-search: Inside nextTick. Attempting to call child's focus method..."
|
|
981
987
|
), console.log("advanced-search: Type of newValue:", typeof f), console.log(
|
|
@@ -990,16 +996,16 @@ const rt = pe("SunIcon", [
|
|
|
990
996
|
})) : console.log(
|
|
991
997
|
f ? "advanced-search: inlineComponentRef available, but active tab is not inline." : "advanced-search: inlineComponentRef is now null (component likely unmounted)."
|
|
992
998
|
);
|
|
993
|
-
}),
|
|
999
|
+
}), fe(() => {
|
|
994
1000
|
document.addEventListener("click", S), window.addEventListener("resize", le);
|
|
995
|
-
}),
|
|
1001
|
+
}), Be(() => {
|
|
996
1002
|
document.removeEventListener("click", S), window.removeEventListener("resize", le);
|
|
997
1003
|
});
|
|
998
1004
|
const le = () => {
|
|
999
1005
|
var f, m;
|
|
1000
1006
|
if (typeof window < "u") {
|
|
1001
|
-
const x = window.innerWidth <= 768,
|
|
1002
|
-
!x && (((f = a.value) == null ? void 0 : f.displayMode) === "popup" || ((m = a.value) == null ? void 0 : m.displayMode) === "inline") && window.innerWidth <= 768 && (console.log("Resizing to mobile, closing active tab."), a.value = null), x && !
|
|
1007
|
+
const x = window.innerWidth <= 768, L = a.value !== null && (a.value.displayMode === "popup" || a.value.displayMode === "inline") && window.innerWidth > 768;
|
|
1008
|
+
!x && (((f = a.value) == null ? void 0 : f.displayMode) === "popup" || ((m = a.value) == null ? void 0 : m.displayMode) === "inline") && window.innerWidth <= 768 && (console.log("Resizing to mobile, closing active tab."), a.value = null), x && !L && a.value !== null && (console.log(
|
|
1003
1009
|
"Resizing to desktop from potential mobile active state, closing active tab."
|
|
1004
1010
|
), a.value = null);
|
|
1005
1011
|
const d = document.getElementById(
|
|
@@ -1009,8 +1015,8 @@ const rt = pe("SunIcon", [
|
|
|
1009
1015
|
}
|
|
1010
1016
|
};
|
|
1011
1017
|
return (f, m) => {
|
|
1012
|
-
var x,
|
|
1013
|
-
return o(),
|
|
1018
|
+
var x, L;
|
|
1019
|
+
return o(), r(K, null, [
|
|
1014
1020
|
n("div", {
|
|
1015
1021
|
ref_key: "searchContainer",
|
|
1016
1022
|
ref: I,
|
|
@@ -1020,12 +1026,12 @@ const rt = pe("SunIcon", [
|
|
|
1020
1026
|
class: "group/search relative flex place-items-center shadow-md p-2 border-2 border-base-300/25 rounded-sm w-full transition-all cursor-pointer md:cursor-auto",
|
|
1021
1027
|
onClick: W
|
|
1022
1028
|
}, [
|
|
1023
|
-
n("div",
|
|
1024
|
-
(o(!0),
|
|
1029
|
+
n("div", Ot, [
|
|
1030
|
+
(o(!0), r(K, null, J(((x = l.searchOptions.find(
|
|
1025
1031
|
(d) => d.category === l.currentCategory
|
|
1026
1032
|
)) == null ? void 0 : x.tabs) || [], (d, V) => {
|
|
1027
1033
|
var w, z, ee, ne, re;
|
|
1028
|
-
return o(),
|
|
1034
|
+
return o(), r("button", {
|
|
1029
1035
|
key: `${d.name}-${V}`,
|
|
1030
1036
|
onClick: se((h) => F(d), ["stop"]),
|
|
1031
1037
|
class: D([{
|
|
@@ -1034,32 +1040,32 @@ const rt = pe("SunIcon", [
|
|
|
1034
1040
|
// Add new class
|
|
1035
1041
|
}, "group/searchitem after:top-0 after:-right-2 after:absolute relative first-of-type:flex-auto last-of-type:flex-auto after:bg-base-200 hover:bg-base-200 p-1 rounded-sm w-auto after:w-px after:h-10 overflow-x-hidden text-start md:after:content-[''] after:content-none last-of-type:after:content-none"]),
|
|
1036
1042
|
ref_for: !0,
|
|
1037
|
-
ref: (h) =>
|
|
1043
|
+
ref: (h) => i.value[d.name] = h
|
|
1038
1044
|
}, [
|
|
1039
|
-
((ne = a.value) == null ? void 0 : ne.name) === d.name && ((re = a.value) == null ? void 0 : re.displayMode) === "inline" ? (o(),
|
|
1040
|
-
(o(),
|
|
1045
|
+
((ne = a.value) == null ? void 0 : ne.name) === d.name && ((re = a.value) == null ? void 0 : re.displayMode) === "inline" ? (o(), r("div", Et, [
|
|
1046
|
+
(o(), de(Ce(p[a.value.type]), Ie({ ref_for: !0 }, a.value.props || {}, {
|
|
1041
1047
|
modelValue: a.value.value,
|
|
1042
1048
|
onUpdated: m[0] || (m[0] = (h) => c(h)),
|
|
1043
1049
|
"onUpdate:modelValue": m[1] || (m[1] = (h) => c(h)),
|
|
1044
1050
|
onBlur: X,
|
|
1045
|
-
onKeydown:
|
|
1051
|
+
onKeydown: ve(se(Z, ["stop", "prevent"]), ["enter"]),
|
|
1046
1052
|
ref_for: !0,
|
|
1047
1053
|
ref_key: "inlineComponentRef",
|
|
1048
|
-
ref:
|
|
1054
|
+
ref: u
|
|
1049
1055
|
}), null, 16, ["modelValue", "onKeydown"]))
|
|
1050
|
-
])) : (o(),
|
|
1051
|
-
n("p", jt,
|
|
1052
|
-
d.value !== void 0 && d.value !== null && d.value !== "" ? (o(),
|
|
1056
|
+
])) : (o(), r("div", Lt, [
|
|
1057
|
+
n("p", jt, j(d.name), 1),
|
|
1058
|
+
d.value !== void 0 && d.value !== null && d.value !== "" ? (o(), r("p", Pt, j(A(d)), 1)) : (o(), r("p", At, j(d.description), 1))
|
|
1053
1059
|
]))
|
|
1054
|
-
], 10,
|
|
1060
|
+
], 10, Vt);
|
|
1055
1061
|
}), 128))
|
|
1056
1062
|
]),
|
|
1057
|
-
a.value && a.value.displayMode === "popup" ? (o(),
|
|
1063
|
+
a.value && a.value.displayMode === "popup" ? (o(), r("div", {
|
|
1058
1064
|
key: 0,
|
|
1059
1065
|
class: "absolute flex shadow-sm mt-4 w-fit max-w-full transition-all tab-content",
|
|
1060
|
-
style:
|
|
1066
|
+
style: pe(b.value)
|
|
1061
1067
|
}, [
|
|
1062
|
-
(o(),
|
|
1068
|
+
(o(), de(Ce(p[a.value.type]), Ie(a.value.props || {}, {
|
|
1063
1069
|
modelValue: a.value.value,
|
|
1064
1070
|
onUpdated: m[2] || (m[2] = (d) => k(d)),
|
|
1065
1071
|
"onUpdate:modelValue": m[3] || (m[3] = (d) => k(d))
|
|
@@ -1071,19 +1077,19 @@ const rt = pe("SunIcon", [
|
|
|
1071
1077
|
class: "ml-1 btn btn-primary btn-square",
|
|
1072
1078
|
onClick: se(O, ["stop"])
|
|
1073
1079
|
}, [
|
|
1074
|
-
ie(
|
|
1080
|
+
ie(oe(Ee), {
|
|
1075
1081
|
size: 24,
|
|
1076
1082
|
color: "white"
|
|
1077
1083
|
})
|
|
1078
1084
|
])
|
|
1079
1085
|
]),
|
|
1080
|
-
n("div",
|
|
1086
|
+
n("div", Rt, [
|
|
1081
1087
|
n("button", {
|
|
1082
1088
|
title: "search",
|
|
1083
1089
|
onClick: m[4] || (m[4] = () => {
|
|
1084
1090
|
})
|
|
1085
1091
|
}, [
|
|
1086
|
-
ie(
|
|
1092
|
+
ie(oe(Ee), {
|
|
1087
1093
|
size: 24,
|
|
1088
1094
|
color: "white"
|
|
1089
1095
|
})
|
|
@@ -1091,31 +1097,31 @@ const rt = pe("SunIcon", [
|
|
|
1091
1097
|
])
|
|
1092
1098
|
], 512),
|
|
1093
1099
|
n("dialog", {
|
|
1094
|
-
id: `advancedSearchMobile-${
|
|
1100
|
+
id: `advancedSearchMobile-${oe(s)}`,
|
|
1095
1101
|
class: "modal"
|
|
1096
1102
|
}, [
|
|
1097
|
-
n("div",
|
|
1103
|
+
n("div", _t, [
|
|
1098
1104
|
E(f.$slots, "additionalForMobile", {}, () => [
|
|
1099
|
-
n("h3",
|
|
1105
|
+
n("h3", Ft, j(e.currentCategory), 1)
|
|
1100
1106
|
], !0),
|
|
1101
|
-
(o(!0),
|
|
1107
|
+
(o(!0), r(K, null, J(((L = l.searchOptions.find(
|
|
1102
1108
|
(d) => d.category === l.currentCategory
|
|
1103
|
-
)) == null ? void 0 :
|
|
1109
|
+
)) == null ? void 0 : L.tabs) || [], (d, V) => (o(), r("div", {
|
|
1104
1110
|
class: "collapse bg-base-200 my-4",
|
|
1105
1111
|
key: d.name
|
|
1106
1112
|
}, [
|
|
1107
1113
|
n("input", {
|
|
1108
1114
|
type: "radio",
|
|
1109
|
-
name: `accordion-${
|
|
1115
|
+
name: `accordion-${oe(s)}`,
|
|
1110
1116
|
checked: V === 0
|
|
1111
|
-
}, null, 8,
|
|
1112
|
-
n("div",
|
|
1113
|
-
n("div", null,
|
|
1114
|
-
d.value !== void 0 && d.value !== null && d.value !== "" ? (o(),
|
|
1117
|
+
}, null, 8, qt),
|
|
1118
|
+
n("div", Ut, [
|
|
1119
|
+
n("div", null, j(d.name), 1),
|
|
1120
|
+
d.value !== void 0 && d.value !== null && d.value !== "" ? (o(), r("div", Ht, j(A(d)), 1)) : (o(), r("div", Wt, j(d.description), 1))
|
|
1115
1121
|
]),
|
|
1116
|
-
n("div",
|
|
1122
|
+
n("div", Kt, [
|
|
1117
1123
|
m[7] || (m[7] = n("br", null, null, -1)),
|
|
1118
|
-
(o(),
|
|
1124
|
+
(o(), de(Ce(p[d.type]), Ie({ ref_for: !0 }, d.props || {}, {
|
|
1119
1125
|
modelValue: d.value,
|
|
1120
1126
|
onUpdated: m[5] || (m[5] = (w) => k(w)),
|
|
1121
1127
|
"onUpdate:modelValue": m[6] || (m[6] = (w) => k(w))
|
|
@@ -1131,20 +1137,20 @@ const rt = pe("SunIcon", [
|
|
|
1131
1137
|
])
|
|
1132
1138
|
])
|
|
1133
1139
|
])
|
|
1134
|
-
], 8,
|
|
1140
|
+
], 8, Nt)
|
|
1135
1141
|
], 64);
|
|
1136
1142
|
};
|
|
1137
1143
|
}
|
|
1138
|
-
}),
|
|
1144
|
+
}), Sn = /* @__PURE__ */ me(Xt, [["__scopeId", "data-v-577c3624"]]), Yt = { class: "z-30 relative flex items-center bg-base-100 date-filter-input px-4 border-2 border-primary rounded-md w-full min-h-10 font-semibold text-primary text-sm" }, Gt = { key: 0 }, Jt = { key: 1 }, Zt = ["id", "onKeydown"], Qt = {
|
|
1139
1145
|
key: 2,
|
|
1140
1146
|
class: "flex justify-center p-4"
|
|
1141
|
-
},
|
|
1147
|
+
}, el = { class: "join items-center gap-2 max-w-2xs md:max-w-full justify-between max-md:input max-md:input-bordered !rounded overflow-hidden mx-auto" }, tl = { class: "join-item" }, ll = ["id", "disabled", "value"], nl = { class: "join-item" }, al = ["id", "disabled", "value"], ol = {
|
|
1142
1148
|
key: 3,
|
|
1143
1149
|
class: "p-4 min-w-2xs"
|
|
1144
|
-
},
|
|
1150
|
+
}, sl = ["id", "disabled", "value"], il = {
|
|
1145
1151
|
key: 4,
|
|
1146
1152
|
class: "flex px-4 my-4 w-full justify-end"
|
|
1147
|
-
},
|
|
1153
|
+
}, rl = /* @__PURE__ */ _({
|
|
1148
1154
|
__name: "datetimePicker",
|
|
1149
1155
|
props: {
|
|
1150
1156
|
mode: { default: "datetime" },
|
|
@@ -1163,7 +1169,7 @@ const rt = pe("SunIcon", [
|
|
|
1163
1169
|
},
|
|
1164
1170
|
emits: ["update:modelValue", "change"],
|
|
1165
1171
|
setup(e, { emit: v }) {
|
|
1166
|
-
const l = typeof window < "u", t = e, s = v, a = g(null),
|
|
1172
|
+
const l = typeof window < "u", t = e, s = v, a = g(null), u = g(!1), p = g(null), i = g(null), b = g(null), I = g(null), A = g(null), k = g({
|
|
1167
1173
|
from: "",
|
|
1168
1174
|
to: "",
|
|
1169
1175
|
single: ""
|
|
@@ -1203,8 +1209,8 @@ const rt = pe("SunIcon", [
|
|
|
1203
1209
|
day: "numeric"
|
|
1204
1210
|
});
|
|
1205
1211
|
} catch {
|
|
1206
|
-
const [q, G,
|
|
1207
|
-
return `${
|
|
1212
|
+
const [q, G, ae] = T.split("-");
|
|
1213
|
+
return `${ae}/${G}/${q}`;
|
|
1208
1214
|
}
|
|
1209
1215
|
};
|
|
1210
1216
|
let y = "", M = "";
|
|
@@ -1214,9 +1220,9 @@ const rt = pe("SunIcon", [
|
|
|
1214
1220
|
return M;
|
|
1215
1221
|
if (t.mode === "datetime")
|
|
1216
1222
|
if (t.range) {
|
|
1217
|
-
const T = c.value.start, q = c.value.end, G = k.value.from,
|
|
1218
|
-
if (T && q && G &&
|
|
1219
|
-
return `${h(T)} ${G} - ${h(q)} ${
|
|
1223
|
+
const T = c.value.start, q = c.value.end, G = k.value.from, ae = k.value.to;
|
|
1224
|
+
if (T && q && G && ae)
|
|
1225
|
+
return `${h(T)} ${G} - ${h(q)} ${ae}`;
|
|
1220
1226
|
if (T)
|
|
1221
1227
|
return `${h(T)} ${G || ""}`.trim();
|
|
1222
1228
|
} else {
|
|
@@ -1227,8 +1233,8 @@ const rt = pe("SunIcon", [
|
|
|
1227
1233
|
}), Z = () => {
|
|
1228
1234
|
if (p.value)
|
|
1229
1235
|
c.value.single = p.value.value || null;
|
|
1230
|
-
else if (
|
|
1231
|
-
const h =
|
|
1236
|
+
else if (i.value) {
|
|
1237
|
+
const h = i.value.value;
|
|
1232
1238
|
if (typeof h == "string" && h.includes("/")) {
|
|
1233
1239
|
const [y, M] = h.split("/");
|
|
1234
1240
|
c.value.start = y || null, c.value.end = M || null;
|
|
@@ -1244,8 +1250,8 @@ const rt = pe("SunIcon", [
|
|
|
1244
1250
|
return M && T ? { start: M, end: T } : null;
|
|
1245
1251
|
if (t.mode === "datetime") {
|
|
1246
1252
|
if (!M || !T) return null;
|
|
1247
|
-
const
|
|
1248
|
-
return { start:
|
|
1253
|
+
const ae = q ? `${q}:00` : "00:00:00", xe = G ? `${G}:00` : "23:59:59", ge = `${M}T${ae}`, $ = `${T}T${xe}`;
|
|
1254
|
+
return { start: ge, end: $ };
|
|
1249
1255
|
}
|
|
1250
1256
|
return null;
|
|
1251
1257
|
}
|
|
@@ -1265,81 +1271,81 @@ const rt = pe("SunIcon", [
|
|
|
1265
1271
|
const h = f();
|
|
1266
1272
|
s("update:modelValue", h), s("change", h);
|
|
1267
1273
|
}, x = () => {
|
|
1268
|
-
|
|
1274
|
+
ce(() => {
|
|
1269
1275
|
m();
|
|
1270
1276
|
});
|
|
1271
|
-
},
|
|
1277
|
+
}, L = (h) => {
|
|
1272
1278
|
const y = h.target;
|
|
1273
|
-
t.range ? y === I.value ? k.value.from = y.value : y ===
|
|
1279
|
+
t.range ? y === I.value ? k.value.from = y.value : y === A.value && (k.value.to = y.value) : k.value.single = y.value, m();
|
|
1274
1280
|
}, d = () => {
|
|
1275
|
-
|
|
1281
|
+
u.value = !u.value;
|
|
1276
1282
|
}, V = () => {
|
|
1277
|
-
m(),
|
|
1283
|
+
m(), u.value = !1;
|
|
1278
1284
|
}, w = (h) => {
|
|
1279
|
-
!t.popup || !
|
|
1285
|
+
!t.popup || !u.value || setTimeout(() => {
|
|
1280
1286
|
const y = a.value, M = h.target, T = `date-picker-${t.id}-popup`;
|
|
1281
1287
|
y && !y.contains(M) && !h.target.closest(`#${T}`) && V();
|
|
1282
1288
|
}, 0);
|
|
1283
1289
|
}, z = () => {
|
|
1284
1290
|
V();
|
|
1285
1291
|
}, ee = () => {
|
|
1286
|
-
m(), t.popup && (
|
|
1292
|
+
m(), t.popup && (u.value = !1);
|
|
1287
1293
|
}, ne = () => {
|
|
1288
1294
|
if (!l) return;
|
|
1289
|
-
const h = t.range ?
|
|
1295
|
+
const h = t.range ? i.value : p.value;
|
|
1290
1296
|
h && typeof h.navigate == "function" && h.navigate(-1);
|
|
1291
1297
|
}, re = () => {
|
|
1292
1298
|
if (!l) return;
|
|
1293
|
-
const h = t.range ?
|
|
1299
|
+
const h = t.range ? i.value : p.value;
|
|
1294
1300
|
h && typeof h.navigate == "function" && h.navigate(1);
|
|
1295
1301
|
};
|
|
1296
|
-
return
|
|
1302
|
+
return fe(() => {
|
|
1297
1303
|
l && import("./cally-ZU3K2Th7.js").catch((h) => {
|
|
1298
1304
|
console.warn("Failed to load cally:", h);
|
|
1299
1305
|
}), F();
|
|
1300
|
-
}),
|
|
1301
|
-
if (await
|
|
1306
|
+
}), U(c, async (h) => {
|
|
1307
|
+
if (await ce(), p.value && h.single) {
|
|
1302
1308
|
const y = h.single;
|
|
1303
1309
|
p.value.value !== y && (p.value.value = y);
|
|
1304
1310
|
}
|
|
1305
|
-
if (
|
|
1311
|
+
if (i.value) {
|
|
1306
1312
|
const y = le();
|
|
1307
|
-
y &&
|
|
1313
|
+
y && i.value.value !== y && (i.value.value = y);
|
|
1308
1314
|
}
|
|
1309
1315
|
m();
|
|
1310
|
-
}, { immediate: !0, deep: !0 }),
|
|
1311
|
-
await
|
|
1312
|
-
}, { immediate: !0 }),
|
|
1316
|
+
}, { immediate: !0, deep: !0 }), U([c, p, i], async () => {
|
|
1317
|
+
await ce(), p.value && c.value.single && !p.value.value && (p.value.value = c.value.single), i.value && c.value.start && c.value.end && !i.value.value && (i.value.value = `${c.value.start}/${c.value.end}`), m();
|
|
1318
|
+
}, { immediate: !0 }), U([b, I, A], () => {
|
|
1313
1319
|
m();
|
|
1314
1320
|
}, { immediate: !0 }), (h, y) => {
|
|
1315
|
-
const M =
|
|
1316
|
-
return o(),
|
|
1321
|
+
const M = Me("calendar-month"), T = Me("calendar-date"), q = Me("calendar-range");
|
|
1322
|
+
return o(), r("div", {
|
|
1317
1323
|
class: "inline-block relative w-fit lg:w-full",
|
|
1318
1324
|
ref_key: "pickerContainer",
|
|
1319
1325
|
ref: a,
|
|
1320
1326
|
onMousedownCapture: w
|
|
1321
1327
|
}, [
|
|
1322
|
-
t.popup ? (o(),
|
|
1328
|
+
t.popup ? (o(), r("div", {
|
|
1323
1329
|
key: 0,
|
|
1324
1330
|
class: "flex items-center gap-2 cursor-pointer w-full",
|
|
1325
1331
|
onClick: y[0] || (y[0] = (G) => t.disabled ? null : d())
|
|
1326
1332
|
}, [
|
|
1327
|
-
n("div",
|
|
1328
|
-
X.value ? (o(),
|
|
1333
|
+
n("div", Yt, [
|
|
1334
|
+
X.value ? (o(), r("span", Jt, j(X.value), 1)) : (o(), r("span", Gt, j(t.placeholder), 1))
|
|
1329
1335
|
])
|
|
1330
1336
|
])) : B("", !0),
|
|
1331
|
-
|
|
1337
|
+
u.value || !t.popup ? (o(), r("div", {
|
|
1332
1338
|
key: 1,
|
|
1333
1339
|
class: D(["z-50 bg-base-100 rounded-md w-full min-w-xs overflow-hidden", { "absolute top-full left-0 mt-2 shadow-lg": t.popup, "mt-2": !t.popup }]),
|
|
1334
1340
|
id: `date-picker-${t.id}-popup`,
|
|
1335
1341
|
onKeydown: [
|
|
1336
|
-
y[1] || (y[1] =
|
|
1342
|
+
y[1] || (y[1] = ve(se(() => {
|
|
1337
1343
|
}, ["prevent", "stop"]), ["tab"])),
|
|
1338
|
-
|
|
1339
|
-
|
|
1344
|
+
ve(z, ["esc"]),
|
|
1345
|
+
ve(se(ee, ["prevent"]), ["enter"])
|
|
1340
1346
|
]
|
|
1341
1347
|
}, [
|
|
1342
|
-
!t.range && t.mode !== "time" && l ? (o(),
|
|
1348
|
+
!t.range && t.mode !== "time" && l ? (o(), de(T, {
|
|
1343
1349
|
key: 0,
|
|
1344
1350
|
class: "cally w-full",
|
|
1345
1351
|
ref_key: "datePicker",
|
|
@@ -1351,7 +1357,7 @@ const rt = pe("SunIcon", [
|
|
|
1351
1357
|
"first-day-of-week": t.firstDayOfWeek,
|
|
1352
1358
|
onChange: x
|
|
1353
1359
|
}, {
|
|
1354
|
-
default:
|
|
1360
|
+
default: we(() => [
|
|
1355
1361
|
n("button", {
|
|
1356
1362
|
slot: "previous",
|
|
1357
1363
|
class: "btn-outline btn btn-primary md:btn-sm",
|
|
@@ -1398,11 +1404,11 @@ const rt = pe("SunIcon", [
|
|
|
1398
1404
|
]),
|
|
1399
1405
|
_: 1
|
|
1400
1406
|
}, 8, ["id", "min", "max", "disabled", "first-day-of-week"])) : B("", !0),
|
|
1401
|
-
t.range && t.mode !== "time" && l ? (o(),
|
|
1407
|
+
t.range && t.mode !== "time" && l ? (o(), de(q, {
|
|
1402
1408
|
key: 1,
|
|
1403
1409
|
class: "cally w-full",
|
|
1404
1410
|
ref_key: "rangeDatePicker",
|
|
1405
|
-
ref:
|
|
1411
|
+
ref: i,
|
|
1406
1412
|
id: `${t.id}-date-range`,
|
|
1407
1413
|
min: t.min,
|
|
1408
1414
|
max: t.max,
|
|
@@ -1410,7 +1416,7 @@ const rt = pe("SunIcon", [
|
|
|
1410
1416
|
"first-day-of-week": t.firstDayOfWeek,
|
|
1411
1417
|
onChange: x
|
|
1412
1418
|
}, {
|
|
1413
|
-
default:
|
|
1419
|
+
default: we(() => [
|
|
1414
1420
|
n("button", {
|
|
1415
1421
|
slot: "previous",
|
|
1416
1422
|
class: "btn-outline btn btn-primary md:btn-sm",
|
|
@@ -1457,9 +1463,9 @@ const rt = pe("SunIcon", [
|
|
|
1457
1463
|
]),
|
|
1458
1464
|
_: 1
|
|
1459
1465
|
}, 8, ["id", "min", "max", "disabled", "first-day-of-week"])) : B("", !0),
|
|
1460
|
-
t.range && t.mode !== "date" ? (o(),
|
|
1461
|
-
n("div",
|
|
1462
|
-
n("div",
|
|
1466
|
+
t.range && t.mode !== "date" ? (o(), r("div", Qt, [
|
|
1467
|
+
n("div", el, [
|
|
1468
|
+
n("div", tl, [
|
|
1463
1469
|
n("input", {
|
|
1464
1470
|
class: "text-center hover:border-b-2 hover:-mb-0.5 open:bg-primary open:p-1 open:-m-0.5 open:rounded w-full relative",
|
|
1465
1471
|
type: "time",
|
|
@@ -1467,10 +1473,10 @@ const rt = pe("SunIcon", [
|
|
|
1467
1473
|
ref: I,
|
|
1468
1474
|
id: `${t.id}-time-from`,
|
|
1469
1475
|
placeholder: "from",
|
|
1470
|
-
onChange:
|
|
1476
|
+
onChange: L,
|
|
1471
1477
|
disabled: t.disabled,
|
|
1472
1478
|
value: k.value.from || ""
|
|
1473
|
-
}, null, 40,
|
|
1479
|
+
}, null, 40, ll)
|
|
1474
1480
|
]),
|
|
1475
1481
|
y[6] || (y[6] = n("svg", {
|
|
1476
1482
|
class: "join-item",
|
|
@@ -1484,46 +1490,46 @@ const rt = pe("SunIcon", [
|
|
|
1484
1490
|
}, [
|
|
1485
1491
|
n("path", { d: "M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z" })
|
|
1486
1492
|
], -1)),
|
|
1487
|
-
n("div",
|
|
1493
|
+
n("div", nl, [
|
|
1488
1494
|
n("input", {
|
|
1489
1495
|
class: "text-center hover:border-b-2 hover:-mb-0.5 open:bg-primary open:p-1 open:-m-0.5 open:rounded w-full relative",
|
|
1490
1496
|
type: "time",
|
|
1491
1497
|
ref_key: "timeToInput",
|
|
1492
|
-
ref:
|
|
1498
|
+
ref: A,
|
|
1493
1499
|
id: `${t.id}-time-to`,
|
|
1494
|
-
onChange:
|
|
1500
|
+
onChange: L,
|
|
1495
1501
|
disabled: t.disabled,
|
|
1496
1502
|
value: k.value.to || ""
|
|
1497
|
-
}, null, 40,
|
|
1503
|
+
}, null, 40, al)
|
|
1498
1504
|
])
|
|
1499
1505
|
])
|
|
1500
1506
|
])) : B("", !0),
|
|
1501
|
-
!t.range && t.mode !== "date" ? (o(),
|
|
1507
|
+
!t.range && t.mode !== "date" ? (o(), r("div", ol, [
|
|
1502
1508
|
n("input", {
|
|
1503
1509
|
class: "open:bg-primary open:rounded w-full input input-bordered justify-center",
|
|
1504
1510
|
type: "time",
|
|
1505
1511
|
ref_key: "timeInput",
|
|
1506
1512
|
ref: b,
|
|
1507
1513
|
id: `${t.id}-time`,
|
|
1508
|
-
onChange:
|
|
1514
|
+
onChange: L,
|
|
1509
1515
|
disabled: t.disabled,
|
|
1510
1516
|
value: k.value.single || ""
|
|
1511
|
-
}, null, 40,
|
|
1517
|
+
}, null, 40, sl)
|
|
1512
1518
|
])) : B("", !0),
|
|
1513
|
-
t.popup && t.closeText ? (o(),
|
|
1519
|
+
t.popup && t.closeText ? (o(), r("div", il, [
|
|
1514
1520
|
n("button", {
|
|
1515
1521
|
class: "btn btn-primary max-lg:w-full",
|
|
1516
1522
|
onClick: V
|
|
1517
|
-
},
|
|
1523
|
+
}, j(t.closeText), 1)
|
|
1518
1524
|
])) : B("", !0)
|
|
1519
|
-
], 42,
|
|
1525
|
+
], 42, Zt)) : B("", !0)
|
|
1520
1526
|
], 544);
|
|
1521
1527
|
};
|
|
1522
1528
|
}
|
|
1523
|
-
}),
|
|
1529
|
+
}), ul = /* @__PURE__ */ me(rl, [["__scopeId", "data-v-e0b34494"]]), dl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
1524
1530
|
__proto__: null,
|
|
1525
|
-
default:
|
|
1526
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
1531
|
+
default: ul
|
|
1532
|
+
}, Symbol.toStringTag, { value: "Module" })), cl = ["value", "checked", "onChange", "disabled"], Cn = /* @__PURE__ */ _({
|
|
1527
1533
|
__name: "rating",
|
|
1528
1534
|
props: {
|
|
1529
1535
|
initialRating: { default: 0 },
|
|
@@ -1537,7 +1543,7 @@ const rt = pe("SunIcon", [
|
|
|
1537
1543
|
},
|
|
1538
1544
|
setup(e) {
|
|
1539
1545
|
const v = e, l = g(v.initialRating);
|
|
1540
|
-
|
|
1546
|
+
U(
|
|
1541
1547
|
() => v.initialRating,
|
|
1542
1548
|
(s) => {
|
|
1543
1549
|
l.value = s;
|
|
@@ -1546,24 +1552,24 @@ const rt = pe("SunIcon", [
|
|
|
1546
1552
|
const t = (s) => {
|
|
1547
1553
|
l.value = s;
|
|
1548
1554
|
};
|
|
1549
|
-
return (s, a) => (o(),
|
|
1555
|
+
return (s, a) => (o(), r("div", {
|
|
1550
1556
|
class: D(["rating", [
|
|
1551
1557
|
`rating-${v.size}`,
|
|
1552
1558
|
{ "rating-half": e.halfStars },
|
|
1553
1559
|
{ "pointer-events-none": !e.isInteractive }
|
|
1554
1560
|
]])
|
|
1555
1561
|
}, [
|
|
1556
|
-
(o(!0),
|
|
1557
|
-
key:
|
|
1562
|
+
(o(!0), r(K, null, J(e.numberOfStars * (e.halfStars ? 2 : 1), (u) => (o(), r("input", {
|
|
1563
|
+
key: u,
|
|
1558
1564
|
type: "radio",
|
|
1559
|
-
value: e.halfStars ?
|
|
1560
|
-
checked: l.value === (e.halfStars ?
|
|
1561
|
-
onChange: (p) => e.isInteractive ? t(e.halfStars ?
|
|
1565
|
+
value: e.halfStars ? u * 0.5 : u,
|
|
1566
|
+
checked: l.value === (e.halfStars ? u * 0.5 : u),
|
|
1567
|
+
onChange: (p) => e.isInteractive ? t(e.halfStars ? u * 0.5 : u) : null,
|
|
1562
1568
|
class: D(["mask", [
|
|
1563
1569
|
{
|
|
1564
1570
|
// 'bg-yellow-400': rating >= (halfStars ? i * 0.5 : i),
|
|
1565
|
-
"mask-half-1": e.halfStars &&
|
|
1566
|
-
"mask-half-2": e.halfStars &&
|
|
1571
|
+
"mask-half-1": e.halfStars && u % 2 !== 0,
|
|
1572
|
+
"mask-half-2": e.halfStars && u % 2 === 0,
|
|
1567
1573
|
"cursor-pointer": e.isInteractive,
|
|
1568
1574
|
"cursor-default": !e.isInteractive,
|
|
1569
1575
|
"mask-star": e.shape === "star",
|
|
@@ -1580,16 +1586,16 @@ const rt = pe("SunIcon", [
|
|
|
1580
1586
|
"mask-triangle-3": e.shape === "triangle-left",
|
|
1581
1587
|
"mask-triangle-4": e.shape === "triangle-right"
|
|
1582
1588
|
},
|
|
1583
|
-
l.value >= (e.halfStars ?
|
|
1589
|
+
l.value >= (e.halfStars ? u * 0.5 : u) ? v.color : ""
|
|
1584
1590
|
]]),
|
|
1585
|
-
style:
|
|
1586
|
-
marginRight: e.halfStars &&
|
|
1591
|
+
style: pe({
|
|
1592
|
+
marginRight: e.halfStars && u % 2 === 0 ? `${v.gap}px` : e.halfStars ? "0" : `${v.gap}px`
|
|
1587
1593
|
}),
|
|
1588
1594
|
disabled: !e.isInteractive
|
|
1589
|
-
}, null, 46,
|
|
1595
|
+
}, null, 46, cl))), 128))
|
|
1590
1596
|
], 2));
|
|
1591
1597
|
}
|
|
1592
|
-
}),
|
|
1598
|
+
}), vl = { class: "badge" }, fl = ["onClick"], ml = { class: "opacity-75" }, pl = ["placeholder"], In = /* @__PURE__ */ _({
|
|
1593
1599
|
__name: "taginput",
|
|
1594
1600
|
props: {
|
|
1595
1601
|
modelValue: {},
|
|
@@ -1599,60 +1605,60 @@ const rt = pe("SunIcon", [
|
|
|
1599
1605
|
},
|
|
1600
1606
|
emits: ["update:modelValue"],
|
|
1601
1607
|
setup(e, { emit: v }) {
|
|
1602
|
-
const l = e, t = v, s = g([...l.modelValue]), a = l.maxTagAmount === void 0 ? -1 : l.maxTagAmount,
|
|
1608
|
+
const l = e, t = v, s = g([...l.modelValue]), a = l.maxTagAmount === void 0 ? -1 : l.maxTagAmount, u = g(null), p = g(""), i = Q(() => a < 0 || s.value.length < a), b = () => {
|
|
1603
1609
|
const c = p.value.trim();
|
|
1604
1610
|
c && !s.value.includes(c) && (s.value.push(c), t("update:modelValue", s.value), p.value = "");
|
|
1605
1611
|
}, I = (c) => {
|
|
1606
1612
|
s.value = s.value.filter((O) => O !== c), t("update:modelValue", s.value);
|
|
1607
|
-
},
|
|
1613
|
+
}, A = () => {
|
|
1608
1614
|
p.value === "" && (s.value.pop(), t("update:modelValue", s.value));
|
|
1609
1615
|
}, k = (c) => {
|
|
1610
|
-
c.key === "Enter" ? b() : c.key === "Backspace" && p.value === "" &&
|
|
1616
|
+
c.key === "Enter" ? b() : c.key === "Backspace" && p.value === "" && A();
|
|
1611
1617
|
};
|
|
1612
|
-
return
|
|
1618
|
+
return U(() => l.modelValue, (c) => {
|
|
1613
1619
|
s.value = [...c];
|
|
1614
|
-
}), (c, O) => (o(),
|
|
1620
|
+
}), (c, O) => (o(), r("div", {
|
|
1615
1621
|
class: D(["flex flex-wrap gap-2 bg-base-100 shadow px-4 py-6 border border-base-content/20 rounded", c.$props.class])
|
|
1616
1622
|
}, [
|
|
1617
|
-
(o(!0),
|
|
1623
|
+
(o(!0), r(K, null, J(s.value, (S) => E(c.$slots, "tag", {
|
|
1618
1624
|
key: S,
|
|
1619
1625
|
tag: S
|
|
1620
1626
|
}, () => [
|
|
1621
|
-
n("div",
|
|
1627
|
+
n("div", vl, [
|
|
1622
1628
|
n("button", {
|
|
1623
1629
|
class: "px-1! py-0! h-fit font-bold cursor-pointer",
|
|
1624
1630
|
onClick: (W) => I(S),
|
|
1625
1631
|
"aria-label": "Remove tag"
|
|
1626
|
-
}, "X", 8,
|
|
1627
|
-
n("span",
|
|
1632
|
+
}, "X", 8, fl),
|
|
1633
|
+
n("span", ml, j(S), 1)
|
|
1628
1634
|
])
|
|
1629
1635
|
])), 128)),
|
|
1630
|
-
E(c.$slots, "input", { showInput:
|
|
1631
|
-
|
|
1636
|
+
E(c.$slots, "input", { showInput: i.value }, () => [
|
|
1637
|
+
i.value ? be((o(), r("input", {
|
|
1632
1638
|
key: 0,
|
|
1633
1639
|
ref_key: "inputRef",
|
|
1634
|
-
ref:
|
|
1640
|
+
ref: u,
|
|
1635
1641
|
"onUpdate:modelValue": O[0] || (O[0] = (S) => p.value = S),
|
|
1636
1642
|
type: "text",
|
|
1637
1643
|
placeholder: e.placeholder || "Type here",
|
|
1638
1644
|
class: "h-full input input-ghost",
|
|
1639
1645
|
onKeydown: k,
|
|
1640
1646
|
"aria-label": "Add tags"
|
|
1641
|
-
}, null, 40,
|
|
1642
|
-
[
|
|
1647
|
+
}, null, 40, pl)), [
|
|
1648
|
+
[je, p.value]
|
|
1643
1649
|
]) : B("", !0)
|
|
1644
1650
|
])
|
|
1645
1651
|
], 2));
|
|
1646
1652
|
}
|
|
1647
|
-
}),
|
|
1653
|
+
}), hl = { class: "w-full max-w-xs form-control" }, gl = {
|
|
1648
1654
|
key: 0,
|
|
1649
1655
|
class: "label"
|
|
1650
|
-
},
|
|
1656
|
+
}, yl = { class: "label-text" }, bl = ["value"], wl = {
|
|
1651
1657
|
key: 0,
|
|
1652
1658
|
value: "",
|
|
1653
1659
|
disabled: "",
|
|
1654
1660
|
selected: ""
|
|
1655
|
-
},
|
|
1661
|
+
}, xl = ["value"], Mn = /* @__PURE__ */ _({
|
|
1656
1662
|
__name: "select",
|
|
1657
1663
|
props: {
|
|
1658
1664
|
options: {},
|
|
@@ -1663,43 +1669,43 @@ const rt = pe("SunIcon", [
|
|
|
1663
1669
|
emits: ["update:modelValue"],
|
|
1664
1670
|
setup(e, { expose: v, emit: l }) {
|
|
1665
1671
|
console.log(e.placeholder);
|
|
1666
|
-
const s = l, a = g(null),
|
|
1667
|
-
const b =
|
|
1672
|
+
const s = l, a = g(null), u = (i) => {
|
|
1673
|
+
const b = i.target;
|
|
1668
1674
|
s("update:modelValue", b.value);
|
|
1669
1675
|
};
|
|
1670
1676
|
return v({
|
|
1671
1677
|
focusInput: () => {
|
|
1672
|
-
var
|
|
1673
|
-
console.log("select.vue: focusInput method called."), (
|
|
1678
|
+
var i;
|
|
1679
|
+
console.log("select.vue: focusInput method called."), (i = a.value) == null || i.focus();
|
|
1674
1680
|
}
|
|
1675
1681
|
// You can expose other properties or methods here if needed by the parent
|
|
1676
1682
|
// e.g., the current value: modelValue
|
|
1677
|
-
}), (
|
|
1678
|
-
e.label ? (o(),
|
|
1679
|
-
n("span",
|
|
1683
|
+
}), (i, b) => (o(), r("div", hl, [
|
|
1684
|
+
e.label ? (o(), r("label", gl, [
|
|
1685
|
+
n("span", yl, j(e.label), 1)
|
|
1680
1686
|
])) : B("", !0),
|
|
1681
1687
|
n("select", {
|
|
1682
1688
|
ref_key: "selectElement",
|
|
1683
1689
|
ref: a,
|
|
1684
1690
|
class: "rounded-md w-full select-bordered select",
|
|
1685
1691
|
value: e.modelValue,
|
|
1686
|
-
onChange:
|
|
1692
|
+
onChange: u
|
|
1687
1693
|
}, [
|
|
1688
|
-
e.placeholder ? (o(),
|
|
1689
|
-
(o(!0),
|
|
1694
|
+
e.placeholder ? (o(), r("option", wl, j(e.placeholder), 1)) : B("", !0),
|
|
1695
|
+
(o(!0), r(K, null, J(e.options, (I) => (o(), r("option", {
|
|
1690
1696
|
key: I.value,
|
|
1691
1697
|
value: I.value
|
|
1692
|
-
},
|
|
1693
|
-
], 40,
|
|
1698
|
+
}, j(I.text), 9, xl))), 128))
|
|
1699
|
+
], 40, bl)
|
|
1694
1700
|
]));
|
|
1695
1701
|
}
|
|
1696
|
-
}),
|
|
1702
|
+
}), kl = {
|
|
1697
1703
|
key: 0,
|
|
1698
1704
|
class: "label"
|
|
1699
|
-
},
|
|
1705
|
+
}, $l = { class: "label-text" }, Sl = ["onKeydown", "aria-expanded", "aria-activedescendant"], Cl = ["placeholder", "disabled"], Il = {
|
|
1700
1706
|
class: "top-full z-10 absolute bg-base-100 shadow-lg mt-1 rounded-md w-full dropdown-content",
|
|
1701
1707
|
role: "listbox"
|
|
1702
|
-
},
|
|
1708
|
+
}, Ml = { class: "flex-nowrap p-0 w-[inherit] max-h-60 overflow-y-auto menu" }, zl = ["onMousedown", "id", "aria-selected"], zn = {
|
|
1703
1709
|
__name: "filterableSelect",
|
|
1704
1710
|
props: {
|
|
1705
1711
|
// Array of options: [{ value: any, text: string }, ...]
|
|
@@ -1730,13 +1736,13 @@ const rt = pe("SunIcon", [
|
|
|
1730
1736
|
},
|
|
1731
1737
|
emits: ["update:modelValue", "select", "clear"],
|
|
1732
1738
|
setup(e, { expose: v, emit: l }) {
|
|
1733
|
-
const t = e, s = l, a =
|
|
1734
|
-
const V = (a.default ? a.default() : []).filter((w) => w.type !==
|
|
1739
|
+
const t = e, s = l, a = Ke(), u = Q(() => {
|
|
1740
|
+
const V = (a.default ? a.default() : []).filter((w) => w.type !== Xe);
|
|
1735
1741
|
return console.log("hasDefaultSlotContent computed:", V.length > 0), V.length > 0;
|
|
1736
|
-
}), p = g(""),
|
|
1742
|
+
}), p = g(""), i = g(null), b = g(!1), I = g(null), A = g(null), k = g(null), c = g(null), O = () => {
|
|
1737
1743
|
b.value = !t.disabled;
|
|
1738
1744
|
}, S = () => {
|
|
1739
|
-
b.value = !1, c.value = null,
|
|
1745
|
+
b.value = !1, c.value = null, u.value || (i.value && p.value !== i.value.text ? p.value = i.value.text : i.value || (p.value = ""));
|
|
1740
1746
|
}, W = () => {
|
|
1741
1747
|
b.value ? S() : O();
|
|
1742
1748
|
}, F = Q(() => {
|
|
@@ -1745,44 +1751,44 @@ const rt = pe("SunIcon", [
|
|
|
1745
1751
|
(w) => w && w.text ? w.text.toLowerCase().includes(d) : ""
|
|
1746
1752
|
);
|
|
1747
1753
|
});
|
|
1748
|
-
|
|
1754
|
+
U(
|
|
1749
1755
|
() => t.modelValue,
|
|
1750
1756
|
(d, V) => {
|
|
1751
1757
|
if (d !== V && S(), d == null)
|
|
1752
|
-
|
|
1758
|
+
i.value = null, !b.value && !u.value && (p.value = "");
|
|
1753
1759
|
else {
|
|
1754
1760
|
const w = t.options.find((z) => z.value === d);
|
|
1755
|
-
w ? (
|
|
1761
|
+
w ? (i.value = w, !b.value && !u.value && (p.value = w.text)) : (i.value = null, !b.value && !u.value && (p.value = ""));
|
|
1756
1762
|
}
|
|
1757
1763
|
},
|
|
1758
1764
|
{ immediate: !0 }
|
|
1759
1765
|
// Run immediately on component mount
|
|
1760
1766
|
);
|
|
1761
1767
|
const X = (d) => {
|
|
1762
|
-
|
|
1768
|
+
A.value && !A.value.contains(d.target) && S();
|
|
1763
1769
|
}, Z = () => {
|
|
1764
1770
|
setTimeout(() => {
|
|
1765
|
-
|
|
1771
|
+
A.value && !A.value.contains(document.activeElement) && S();
|
|
1766
1772
|
}, 100);
|
|
1767
1773
|
};
|
|
1768
|
-
|
|
1774
|
+
U(b, (d) => {
|
|
1769
1775
|
d ? setTimeout(() => {
|
|
1770
1776
|
document.addEventListener("click", X);
|
|
1771
1777
|
}, 0) : document.removeEventListener("click", X);
|
|
1772
|
-
}),
|
|
1773
|
-
document.removeEventListener("click", X), window.removeEventListener("keydown",
|
|
1778
|
+
}), Be(() => {
|
|
1779
|
+
document.removeEventListener("click", X), window.removeEventListener("keydown", L);
|
|
1774
1780
|
});
|
|
1775
1781
|
const le = () => {
|
|
1776
1782
|
if (t.disabled) return;
|
|
1777
|
-
const d =
|
|
1783
|
+
const d = i.value;
|
|
1778
1784
|
s("update:modelValue", null), d && s("clear", d);
|
|
1779
1785
|
}, f = (d) => {
|
|
1780
|
-
|
|
1786
|
+
i.value = d, u.value || (p.value = d.text), s("update:modelValue", d.value), s("select", d), S();
|
|
1781
1787
|
}, m = () => {
|
|
1782
1788
|
F.value.length > 0 && f(F.value[0]);
|
|
1783
1789
|
}, x = () => {
|
|
1784
1790
|
b.value || O();
|
|
1785
|
-
},
|
|
1791
|
+
}, L = (d) => {
|
|
1786
1792
|
if (!b.value || F.value.length === 0) return;
|
|
1787
1793
|
const V = F.value.findIndex(
|
|
1788
1794
|
(z, ee) => "option-" + ee === c.value
|
|
@@ -1802,7 +1808,7 @@ const rt = pe("SunIcon", [
|
|
|
1802
1808
|
} else if (d.key === "Escape") {
|
|
1803
1809
|
d.preventDefault(), S(), k.value && k.value.focus();
|
|
1804
1810
|
return;
|
|
1805
|
-
} else if (
|
|
1811
|
+
} else if (u.value)
|
|
1806
1812
|
return;
|
|
1807
1813
|
if (w !== -1) {
|
|
1808
1814
|
c.value = "option-" + w;
|
|
@@ -1812,14 +1818,14 @@ const rt = pe("SunIcon", [
|
|
|
1812
1818
|
});
|
|
1813
1819
|
}
|
|
1814
1820
|
};
|
|
1815
|
-
return
|
|
1816
|
-
d ? (window.addEventListener("keydown",
|
|
1817
|
-
}),
|
|
1818
|
-
document.removeEventListener("click", X), window.removeEventListener("keydown",
|
|
1821
|
+
return U(b, (d) => {
|
|
1822
|
+
d ? (window.addEventListener("keydown", L), !u.value && !p.value && i.value && (p.value = i.value.text)) : window.removeEventListener("keydown", L);
|
|
1823
|
+
}), Be(() => {
|
|
1824
|
+
document.removeEventListener("click", X), window.removeEventListener("keydown", L);
|
|
1819
1825
|
}), v({
|
|
1820
1826
|
isDropdownOpen: b,
|
|
1821
1827
|
// Expose state
|
|
1822
|
-
selectedItem:
|
|
1828
|
+
selectedItem: i,
|
|
1823
1829
|
// Expose selected item
|
|
1824
1830
|
openDropdown: O,
|
|
1825
1831
|
// Expose method to open
|
|
@@ -1831,26 +1837,26 @@ const rt = pe("SunIcon", [
|
|
|
1831
1837
|
// Expose method to select an item programmatically
|
|
1832
1838
|
filterText: p,
|
|
1833
1839
|
// Expose filter text (useful if parent controls filtering)
|
|
1834
|
-
hasDefaultSlotContent:
|
|
1840
|
+
hasDefaultSlotContent: u
|
|
1835
1841
|
// Expose to know if the default slot is used
|
|
1836
|
-
}), (d, V) => (o(),
|
|
1842
|
+
}), (d, V) => (o(), r("div", {
|
|
1837
1843
|
class: "relative w-full max-w-xs form-control",
|
|
1838
1844
|
ref_key: "componentRoot",
|
|
1839
|
-
ref:
|
|
1845
|
+
ref: A
|
|
1840
1846
|
}, [
|
|
1841
|
-
e.label ? (o(),
|
|
1842
|
-
n("span",
|
|
1847
|
+
e.label ? (o(), r("label", kl, [
|
|
1848
|
+
n("span", $l, j(e.label), 1)
|
|
1843
1849
|
])) : B("", !0),
|
|
1844
1850
|
n("div", {
|
|
1845
|
-
class: D(["flex items-center input-bordered rounded-md w-fit cursor-pointer", { input: !
|
|
1846
|
-
style:
|
|
1847
|
-
|
|
1851
|
+
class: D(["flex items-center input-bordered rounded-md w-fit cursor-pointer", { input: !u.value, select: !u.value }]),
|
|
1852
|
+
style: pe(
|
|
1853
|
+
i.value ? "background-image: unset; padding-right: 0.5rem;" : ""
|
|
1848
1854
|
),
|
|
1849
1855
|
tabindex: "0",
|
|
1850
|
-
onClick: V[1] || (V[1] = (w) =>
|
|
1856
|
+
onClick: V[1] || (V[1] = (w) => u.value ? W() : O()),
|
|
1851
1857
|
onKeydown: [
|
|
1852
|
-
|
|
1853
|
-
|
|
1858
|
+
ve(se(m, ["prevent"]), ["enter"]),
|
|
1859
|
+
ve(se(m, ["prevent"]), ["space"])
|
|
1854
1860
|
],
|
|
1855
1861
|
onBlur: Z,
|
|
1856
1862
|
role: "combobox",
|
|
@@ -1862,7 +1868,7 @@ const rt = pe("SunIcon", [
|
|
|
1862
1868
|
ref: k
|
|
1863
1869
|
}, [
|
|
1864
1870
|
E(d.$slots, "default", {}, () => [
|
|
1865
|
-
|
|
1871
|
+
u.value ? B("", !0) : be((o(), r("input", {
|
|
1866
1872
|
key: 0,
|
|
1867
1873
|
type: "text",
|
|
1868
1874
|
placeholder: e.placeholder,
|
|
@@ -1875,49 +1881,49 @@ const rt = pe("SunIcon", [
|
|
|
1875
1881
|
tabindex: "-1",
|
|
1876
1882
|
disabled: t.disabled
|
|
1877
1883
|
}, null, 40, Cl)), [
|
|
1878
|
-
[
|
|
1884
|
+
[je, p.value]
|
|
1879
1885
|
])
|
|
1880
1886
|
]),
|
|
1881
|
-
|
|
1887
|
+
i.value && !e.disabled ? (o(), de(oe(it), {
|
|
1882
1888
|
key: 0,
|
|
1883
1889
|
size: 20,
|
|
1884
1890
|
class: "mx-2 text-base-content/50 hover:text-base-content/80 cursor-pointer",
|
|
1885
1891
|
onClick: se(le, ["stop"])
|
|
1886
1892
|
})) : B("", !0),
|
|
1887
|
-
|
|
1893
|
+
u.value && !i.value ? (o(), de(oe(st), {
|
|
1888
1894
|
key: 1,
|
|
1889
1895
|
class: D([{ "rotate-180": b.value }, "mx-2"]),
|
|
1890
1896
|
size: 20
|
|
1891
1897
|
}, null, 8, ["class"])) : B("", !0)
|
|
1892
|
-
], 46,
|
|
1893
|
-
|
|
1894
|
-
n("ul",
|
|
1895
|
-
(o(!0),
|
|
1898
|
+
], 46, Sl),
|
|
1899
|
+
be(n("div", Il, [
|
|
1900
|
+
n("ul", Ml, [
|
|
1901
|
+
(o(!0), r(K, null, J(F.value, (w, z) => (o(), r("li", {
|
|
1896
1902
|
key: w.value,
|
|
1897
1903
|
onMousedown: se((ee) => f(w), ["prevent"]),
|
|
1898
1904
|
class: "hover:bg-base-200 rounded-md w-full cursor-pointer",
|
|
1899
1905
|
id: "option-" + z,
|
|
1900
1906
|
role: "option",
|
|
1901
|
-
"aria-selected":
|
|
1907
|
+
"aria-selected": i.value && i.value.value === w.value
|
|
1902
1908
|
}, [
|
|
1903
|
-
n("a", null,
|
|
1904
|
-
], 40,
|
|
1909
|
+
n("a", null, j(w.text), 1)
|
|
1910
|
+
], 40, zl))), 128))
|
|
1905
1911
|
])
|
|
1906
1912
|
], 512), [
|
|
1907
|
-
[
|
|
1913
|
+
[Ye, b.value && F.value.length > 0]
|
|
1908
1914
|
])
|
|
1909
1915
|
], 512));
|
|
1910
1916
|
}
|
|
1911
|
-
},
|
|
1917
|
+
}, Tl = { class: "w-full max-w-xs form-control" }, Bl = {
|
|
1912
1918
|
key: 0,
|
|
1913
1919
|
class: "label"
|
|
1914
|
-
},
|
|
1920
|
+
}, Dl = { class: "label-text" }, Ol = ["type", "placeholder", "disabled", "value"], Vl = {
|
|
1915
1921
|
key: 1,
|
|
1916
1922
|
class: "label"
|
|
1917
|
-
},
|
|
1923
|
+
}, El = { class: "label-text-alt text-error validator-hint" }, Ll = {
|
|
1918
1924
|
key: 2,
|
|
1919
1925
|
class: "label"
|
|
1920
|
-
}, jl = { class: "label-text-alt text-success validator-hint" },
|
|
1926
|
+
}, jl = { class: "label-text-alt text-success validator-hint" }, Tn = /* @__PURE__ */ _({
|
|
1921
1927
|
__name: "inputField",
|
|
1922
1928
|
props: {
|
|
1923
1929
|
modelValue: { default: "" },
|
|
@@ -1934,33 +1940,33 @@ const rt = pe("SunIcon", [
|
|
|
1934
1940
|
},
|
|
1935
1941
|
emits: ["update:modelValue", "validate"],
|
|
1936
1942
|
setup(e, { expose: v, emit: l }) {
|
|
1937
|
-
const t = e, s = l, a = g(null),
|
|
1943
|
+
const t = e, s = l, a = g(null), u = g(!1), p = g(""), i = Q(() => {
|
|
1938
1944
|
var W, F, X, Z;
|
|
1939
1945
|
let c = !0, O = "";
|
|
1940
1946
|
const S = t.modelValue;
|
|
1941
1947
|
return (W = t.rules) != null && W.required && (S == null || S === "") && (c = !1, O = "This field is required."), c && ((F = t.rules) == null ? void 0 : F.minLength) !== void 0 && typeof S == "string" && S.length < t.rules.minLength && (c = !1, O = `Must be at least ${t.rules.minLength} characters.`), c && ((X = t.rules) == null ? void 0 : X.maxLength) !== void 0 && typeof S == "string" && S.length > t.rules.maxLength && (c = !1, O = `Cannot exceed ${t.rules.maxLength} characters.`), c && ((Z = t.rules) != null && Z.email) && typeof S == "string" && S && (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(S) || (c = !1, O = "Please enter a valid email address.")), p.value = O, s("validate", c), c;
|
|
1942
|
-
}), b = Q(() =>
|
|
1948
|
+
}), b = Q(() => u.value && !i.value), I = (c) => {
|
|
1943
1949
|
const O = c.target;
|
|
1944
|
-
s("update:modelValue", O.value),
|
|
1945
|
-
},
|
|
1946
|
-
|
|
1950
|
+
s("update:modelValue", O.value), u.value && i.value;
|
|
1951
|
+
}, A = () => {
|
|
1952
|
+
u.value = !0, i.value;
|
|
1947
1953
|
};
|
|
1948
|
-
return
|
|
1954
|
+
return U(
|
|
1949
1955
|
() => t.modelValue,
|
|
1950
1956
|
() => {
|
|
1951
|
-
|
|
1957
|
+
u.value && i.value;
|
|
1952
1958
|
}
|
|
1953
1959
|
), v({
|
|
1954
1960
|
focusInput: () => {
|
|
1955
1961
|
var c;
|
|
1956
1962
|
console.log("inputField.vue: focusInput method called."), (c = a.value) == null || c.focus();
|
|
1957
1963
|
},
|
|
1958
|
-
isValid:
|
|
1959
|
-
isTouched:
|
|
1964
|
+
isValid: i,
|
|
1965
|
+
isTouched: u,
|
|
1960
1966
|
errorMessage: p
|
|
1961
|
-
}), (c, O) => (o(),
|
|
1962
|
-
e.label ? (o(),
|
|
1963
|
-
n("span",
|
|
1967
|
+
}), (c, O) => (o(), r("div", Tl, [
|
|
1968
|
+
e.label ? (o(), r("label", Bl, [
|
|
1969
|
+
n("span", Dl, j(e.label), 1)
|
|
1964
1970
|
])) : B("", !0),
|
|
1965
1971
|
E(c.$slots, "default"),
|
|
1966
1972
|
n("input", {
|
|
@@ -1981,33 +1987,33 @@ const rt = pe("SunIcon", [
|
|
|
1981
1987
|
"input-ghost": e.style === "ghost",
|
|
1982
1988
|
// Color classes - Apply only if NOT in an error state AND NOT in a validation success state.
|
|
1983
1989
|
// This ensures validation feedback overrides base colors.
|
|
1984
|
-
"input-neutral": e.color === "neutral" && !b.value && !(
|
|
1985
|
-
"input-primary": e.color === "primary" && !b.value && !(
|
|
1986
|
-
"input-secondary": e.color === "secondary" && !b.value && !(
|
|
1987
|
-
"input-accent": e.color === "accent" && !b.value && !(
|
|
1988
|
-
"input-info": e.color === "info" && !b.value && !(
|
|
1989
|
-
"input-success": e.color === "success" && !b.value && !(
|
|
1990
|
+
"input-neutral": e.color === "neutral" && !b.value && !(i.value && u.value && e.needsValidation),
|
|
1991
|
+
"input-primary": e.color === "primary" && !b.value && !(i.value && u.value && e.needsValidation),
|
|
1992
|
+
"input-secondary": e.color === "secondary" && !b.value && !(i.value && u.value && e.needsValidation),
|
|
1993
|
+
"input-accent": e.color === "accent" && !b.value && !(i.value && u.value && e.needsValidation),
|
|
1994
|
+
"input-info": e.color === "info" && !b.value && !(i.value && u.value && e.needsValidation),
|
|
1995
|
+
"input-success": e.color === "success" && !b.value && !(i.value && u.value && e.needsValidation),
|
|
1990
1996
|
// Color success applies only if not in error or validation success state
|
|
1991
|
-
"input-warning": e.color === "warning" && !b.value && !(
|
|
1997
|
+
"input-warning": e.color === "warning" && !b.value && !(i.value && u.value && e.needsValidation),
|
|
1992
1998
|
// Validation state classes - These take precedence visually via conditions or CSS specificity.
|
|
1993
1999
|
"input-error": b.value,
|
|
1994
2000
|
// Apply error style if validation fails
|
|
1995
|
-
"input-success-validation":
|
|
2001
|
+
"input-success-validation": i.value && u.value && !b.value && e.needsValidation
|
|
1996
2002
|
// Apply validation success style if valid, touched, not error, AND validation is needed. Using a distinct name 'input-success-validation' is recommended to avoid CSS conflicts with the 'input-success' color class.
|
|
1997
2003
|
}
|
|
1998
2004
|
]]),
|
|
1999
2005
|
value: e.modelValue,
|
|
2000
2006
|
onInput: I,
|
|
2001
|
-
onBlur:
|
|
2002
|
-
}, null, 42,
|
|
2003
|
-
b.value ? (o(),
|
|
2004
|
-
n("span",
|
|
2005
|
-
])) :
|
|
2006
|
-
n("span", jl,
|
|
2007
|
+
onBlur: A
|
|
2008
|
+
}, null, 42, Ol),
|
|
2009
|
+
b.value ? (o(), r("div", Vl, [
|
|
2010
|
+
n("span", El, j(p.value), 1)
|
|
2011
|
+
])) : i.value && u.value && e.successMessage ? (o(), r("div", Ll, [
|
|
2012
|
+
n("span", jl, j(e.successMessage), 1)
|
|
2007
2013
|
])) : B("", !0)
|
|
2008
2014
|
]));
|
|
2009
2015
|
}
|
|
2010
|
-
}),
|
|
2016
|
+
}), Bn = /* @__PURE__ */ _({
|
|
2011
2017
|
__name: "loader",
|
|
2012
2018
|
props: {
|
|
2013
2019
|
loading: { type: Boolean, default: !0 },
|
|
@@ -2017,12 +2023,12 @@ const rt = pe("SunIcon", [
|
|
|
2017
2023
|
},
|
|
2018
2024
|
setup(e) {
|
|
2019
2025
|
const v = e, l = g(v.loading);
|
|
2020
|
-
return
|
|
2026
|
+
return U(
|
|
2021
2027
|
() => v.loading,
|
|
2022
2028
|
(t) => {
|
|
2023
2029
|
l.value = t;
|
|
2024
2030
|
}
|
|
2025
|
-
), (t, s) => l.value ? (o(),
|
|
2031
|
+
), (t, s) => l.value ? (o(), r("span", {
|
|
2026
2032
|
key: 0,
|
|
2027
2033
|
class: D(["loading", [
|
|
2028
2034
|
{ "loading-xs": e.size === "xs" },
|
|
@@ -2049,13 +2055,13 @@ const rt = pe("SunIcon", [
|
|
|
2049
2055
|
]])
|
|
2050
2056
|
}, null, 2)) : B("", !0);
|
|
2051
2057
|
}
|
|
2052
|
-
}),
|
|
2058
|
+
}), Pl = { class: "footer sm:footer-horizontal container" }, Al = { class: "footer-title" }, Rl = ["href"], Nl = {
|
|
2053
2059
|
key: 0,
|
|
2054
2060
|
class: "sm:hidden w-full"
|
|
2055
|
-
},
|
|
2061
|
+
}, _l = { class: "border-b-2 border-base-100 last:border-b-0 w-full" }, Fl = {
|
|
2056
2062
|
tabindex: "0",
|
|
2057
2063
|
class: "collapse collapse-plus w-full"
|
|
2058
|
-
},
|
|
2064
|
+
}, ql = { class: "collapse-title font-bold text-lg collapsible-footer-title" }, Ul = { class: "collapse-content flex w-full text-sm" }, Hl = { class: "flex flex-col gap-2.5" }, Wl = { class: "w-full" }, Kl = ["href"], Xl = { class: "w-full" }, Dn = /* @__PURE__ */ _({
|
|
2059
2065
|
__name: "footer",
|
|
2060
2066
|
props: {
|
|
2061
2067
|
items: {},
|
|
@@ -2065,50 +2071,50 @@ const rt = pe("SunIcon", [
|
|
|
2065
2071
|
},
|
|
2066
2072
|
setup(e) {
|
|
2067
2073
|
const v = e;
|
|
2068
|
-
return (l, t) => (o(),
|
|
2074
|
+
return (l, t) => (o(), r("div", {
|
|
2069
2075
|
class: D(["mx-auto md:px-10 py-10 text-base-content", [e.background ?? "bg-base-200", e.color ?? "text-base-content"]])
|
|
2070
2076
|
}, [
|
|
2071
|
-
n("footer",
|
|
2072
|
-
(o(!0),
|
|
2077
|
+
n("footer", Pl, [
|
|
2078
|
+
(o(!0), r(K, null, J(v.items, (s) => (o(), r("nav", {
|
|
2073
2079
|
class: D([{ "hidden sm:grid": e.collapseOnMobile }])
|
|
2074
2080
|
}, [
|
|
2075
|
-
n("h6", Al,
|
|
2076
|
-
(o(!0),
|
|
2081
|
+
n("h6", Al, j(s.title), 1),
|
|
2082
|
+
(o(!0), r(K, null, J(s.items, (a) => (o(), r("a", {
|
|
2077
2083
|
class: "link link-hover",
|
|
2078
2084
|
href: a.link
|
|
2079
|
-
},
|
|
2085
|
+
}, j(a.text), 9, Rl))), 256))
|
|
2080
2086
|
], 2))), 256)),
|
|
2081
|
-
e.collapseOnMobile ? (o(),
|
|
2082
|
-
(o(!0),
|
|
2083
|
-
n("div",
|
|
2084
|
-
n("div",
|
|
2085
|
-
n("div",
|
|
2086
|
-
n("ul",
|
|
2087
|
-
(o(!0),
|
|
2087
|
+
e.collapseOnMobile ? (o(), r("nav", Nl, [
|
|
2088
|
+
(o(!0), r(K, null, J(v.items, (s) => (o(), r("ul", _l, [
|
|
2089
|
+
n("div", Fl, [
|
|
2090
|
+
n("div", ql, j(s.title), 1),
|
|
2091
|
+
n("div", Ul, [
|
|
2092
|
+
n("ul", Hl, [
|
|
2093
|
+
(o(!0), r(K, null, J(s.items, (a) => (o(), r("li", Wl, [
|
|
2088
2094
|
n("a", {
|
|
2089
2095
|
class: "w-full font-medium link link-hover",
|
|
2090
2096
|
href: a.link
|
|
2091
|
-
},
|
|
2097
|
+
}, j(a.text), 9, Kl)
|
|
2092
2098
|
]))), 256))
|
|
2093
2099
|
])
|
|
2094
2100
|
])
|
|
2095
2101
|
])
|
|
2096
2102
|
]))), 256))
|
|
2097
2103
|
])) : B("", !0),
|
|
2098
|
-
n("aside",
|
|
2104
|
+
n("aside", Xl, [
|
|
2099
2105
|
E(l.$slots, "default")
|
|
2100
2106
|
])
|
|
2101
2107
|
])
|
|
2102
2108
|
], 2));
|
|
2103
2109
|
}
|
|
2104
|
-
}),
|
|
2105
|
-
function
|
|
2106
|
-
return o(),
|
|
2107
|
-
n("div",
|
|
2110
|
+
}), Yl = {}, Gl = { class: "min-h-40 container hero" }, Jl = { class: "px-0! text-center hero-content" }, Zl = { class: "mt-9 text-4xl" };
|
|
2111
|
+
function Ql(e, v) {
|
|
2112
|
+
return o(), r("div", Gl, [
|
|
2113
|
+
n("div", Jl, [
|
|
2108
2114
|
n("div", null, [
|
|
2109
|
-
n("h1",
|
|
2115
|
+
n("h1", Zl, [
|
|
2110
2116
|
E(e.$slots, "title", {}, () => [
|
|
2111
|
-
v[0] || (v[0] =
|
|
2117
|
+
v[0] || (v[0] = Le("hero title", -1))
|
|
2112
2118
|
])
|
|
2113
2119
|
]),
|
|
2114
2120
|
n("p", null, [
|
|
@@ -2121,7 +2127,7 @@ function Zl(e, v) {
|
|
|
2121
2127
|
])
|
|
2122
2128
|
]);
|
|
2123
2129
|
}
|
|
2124
|
-
const
|
|
2130
|
+
const On = /* @__PURE__ */ me(Yl, [["render", Ql]]), en = { class: "flex flex-row place-content-center gap-4 categories" }, tn = ["onClick"], Vn = /* @__PURE__ */ _({
|
|
2125
2131
|
__name: "categoryNavigation",
|
|
2126
2132
|
props: {
|
|
2127
2133
|
searchOptions: {},
|
|
@@ -2133,49 +2139,49 @@ const Dn = /* @__PURE__ */ fe(Xl, [["render", Zl]]), Ql = { class: "flex flex-ro
|
|
|
2133
2139
|
function s(a) {
|
|
2134
2140
|
t("update:currentCategory", a);
|
|
2135
2141
|
}
|
|
2136
|
-
return (a,
|
|
2137
|
-
(o(!0),
|
|
2142
|
+
return (a, u) => (o(), r("div", en, [
|
|
2143
|
+
(o(!0), r(K, null, J(l.searchOptions, (p) => (o(), r("div", {
|
|
2138
2144
|
key: p.category
|
|
2139
2145
|
}, [
|
|
2140
2146
|
n("button", {
|
|
2141
|
-
onClick: (
|
|
2147
|
+
onClick: (i) => s(p.category),
|
|
2142
2148
|
class: D(["truncate btn btn-ghost", { "font-semibold": l.currentCategory === p.category }])
|
|
2143
|
-
},
|
|
2149
|
+
}, j(p.category), 11, tn)
|
|
2144
2150
|
]))), 128))
|
|
2145
2151
|
]));
|
|
2146
2152
|
}
|
|
2147
|
-
}),
|
|
2153
|
+
}), ln = { class: "md:flex hidden navbar-start" }, nn = { class: "md:flex justify-center items-center hidden navbar-center" }, an = { class: "md:flex hidden navbar-end" }, on = { class: "navbar-bottom md:flex hidden" }, sn = /* @__PURE__ */ _({
|
|
2148
2154
|
__name: "navigationBar",
|
|
2149
2155
|
props: {
|
|
2150
2156
|
isCollapsed: { type: Boolean, default: !0 }
|
|
2151
2157
|
},
|
|
2152
2158
|
setup(e) {
|
|
2153
2159
|
const v = e;
|
|
2154
|
-
return (l, t) => (o(),
|
|
2160
|
+
return (l, t) => (o(), r("nav", {
|
|
2155
2161
|
class: D(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar", v.isCollapsed ? "collapsed" : ""])
|
|
2156
2162
|
}, [
|
|
2157
|
-
n("div",
|
|
2163
|
+
n("div", ln, [
|
|
2158
2164
|
E(l.$slots, "start", {}, void 0, !0)
|
|
2159
2165
|
]),
|
|
2160
|
-
n("div",
|
|
2166
|
+
n("div", nn, [
|
|
2161
2167
|
E(l.$slots, "center", {}, void 0, !0)
|
|
2162
2168
|
]),
|
|
2163
|
-
n("div",
|
|
2169
|
+
n("div", an, [
|
|
2164
2170
|
E(l.$slots, "end", {}, void 0, !0)
|
|
2165
2171
|
]),
|
|
2166
|
-
n("div",
|
|
2172
|
+
n("div", on, [
|
|
2167
2173
|
E(l.$slots, "bottom", {}, void 0, !0)
|
|
2168
2174
|
])
|
|
2169
2175
|
], 2));
|
|
2170
2176
|
}
|
|
2171
|
-
}),
|
|
2177
|
+
}), En = /* @__PURE__ */ me(sn, [["__scopeId", "data-v-8ddb2b45"]]), rn = {
|
|
2172
2178
|
key: 0,
|
|
2173
2179
|
class: "hidden top-4 right-0 absolute md:flex gap-4"
|
|
2174
|
-
},
|
|
2180
|
+
}, un = ["onClick", "aria-selected"], dn = {
|
|
2175
2181
|
key: 0,
|
|
2176
2182
|
role: "tabpanel",
|
|
2177
2183
|
class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full overflow-x-auto tab-content"
|
|
2178
|
-
},
|
|
2184
|
+
}, cn = { class: "p-6 border-x-0 border-t-2 border-b-0 border-base-300 max-w-full" }, Ln = /* @__PURE__ */ _({
|
|
2179
2185
|
__name: "tab",
|
|
2180
2186
|
props: {
|
|
2181
2187
|
items: {},
|
|
@@ -2186,10 +2192,10 @@ const Dn = /* @__PURE__ */ fe(Xl, [["render", Zl]]), Ql = { class: "flex flex-ro
|
|
|
2186
2192
|
emits: ["tab-changed"],
|
|
2187
2193
|
setup(e, { emit: v }) {
|
|
2188
2194
|
const l = e, t = g(l.items[0]), s = v;
|
|
2189
|
-
function a(
|
|
2190
|
-
t.value =
|
|
2195
|
+
function a(i) {
|
|
2196
|
+
t.value = i, s("tab-changed", i);
|
|
2191
2197
|
}
|
|
2192
|
-
function
|
|
2198
|
+
function u() {
|
|
2193
2199
|
const b = (l.items.indexOf(t.value) + 1) % l.items.length;
|
|
2194
2200
|
a(l.items[b]);
|
|
2195
2201
|
}
|
|
@@ -2197,42 +2203,42 @@ const Dn = /* @__PURE__ */ fe(Xl, [["render", Zl]]), Ql = { class: "flex flex-ro
|
|
|
2197
2203
|
const b = (l.items.indexOf(t.value) - 1 + l.items.length) % l.items.length;
|
|
2198
2204
|
a(l.items[b]);
|
|
2199
2205
|
}
|
|
2200
|
-
return
|
|
2206
|
+
return fe(() => {
|
|
2201
2207
|
l.items && a(l.items[0]);
|
|
2202
|
-
}),
|
|
2208
|
+
}), Te(() => {
|
|
2203
2209
|
l.rotateTabsAfter && l.rotateTabsAfter > 0 && setInterval(() => {
|
|
2204
|
-
|
|
2210
|
+
u();
|
|
2205
2211
|
}, l.rotateTabsAfter * 1e3);
|
|
2206
|
-
}), (
|
|
2212
|
+
}), (i, b) => (o(), r(K, null, [
|
|
2207
2213
|
n("div", {
|
|
2208
2214
|
role: "tablist",
|
|
2209
2215
|
class: D(["relative tabs-bordered w-full tabs tabs-lg", { "flex-nowrap overflow-x-auto": e.buttonOnlyMode }])
|
|
2210
2216
|
}, [
|
|
2211
|
-
e.withControlls ? (o(),
|
|
2217
|
+
e.withControlls ? (o(), r("div", rn, [
|
|
2212
2218
|
n("button", {
|
|
2213
2219
|
onClick: b[0] || (b[0] = (I) => p()),
|
|
2214
2220
|
class: "cursor-pointer"
|
|
2215
2221
|
}, "Previous"),
|
|
2216
2222
|
n("button", {
|
|
2217
|
-
onClick: b[1] || (b[1] = (I) =>
|
|
2223
|
+
onClick: b[1] || (b[1] = (I) => u()),
|
|
2218
2224
|
class: "text-primary cursor-pointer"
|
|
2219
2225
|
}, "Next")
|
|
2220
2226
|
])) : B("", !0),
|
|
2221
|
-
(o(!0),
|
|
2227
|
+
(o(!0), r(K, null, J(e.items, (I) => (o(), r(K, null, [
|
|
2222
2228
|
n("a", {
|
|
2223
2229
|
type: "button",
|
|
2224
2230
|
role: "tab",
|
|
2225
2231
|
class: D(["min-w-max tab", I === t.value ? "bg-primary text-base-100" : ""]),
|
|
2226
|
-
onClick: (
|
|
2232
|
+
onClick: (A) => a(I),
|
|
2227
2233
|
"aria-selected": t.value == I
|
|
2228
|
-
},
|
|
2229
|
-
e.buttonOnlyMode ? B("", !0) : (o(),
|
|
2230
|
-
E(
|
|
2234
|
+
}, j(I), 11, un),
|
|
2235
|
+
e.buttonOnlyMode ? B("", !0) : (o(), r("div", dn, [
|
|
2236
|
+
E(i.$slots, `${I}-tab`)
|
|
2231
2237
|
]))
|
|
2232
2238
|
], 64))), 256))
|
|
2233
2239
|
], 2),
|
|
2234
|
-
n("div",
|
|
2235
|
-
E(
|
|
2240
|
+
n("div", cn, [
|
|
2241
|
+
E(i.$slots, "default")
|
|
2236
2242
|
])
|
|
2237
2243
|
], 64));
|
|
2238
2244
|
}
|
|
@@ -2240,28 +2246,28 @@ const Dn = /* @__PURE__ */ fe(Xl, [["render", Zl]]), Ql = { class: "flex flex-ro
|
|
|
2240
2246
|
typeof document > "u" && (globalThis.document = {});
|
|
2241
2247
|
typeof window > "u" && (globalThis.window = globalThis);
|
|
2242
2248
|
export {
|
|
2243
|
-
|
|
2244
|
-
|
|
2245
|
-
|
|
2246
|
-
|
|
2247
|
-
|
|
2248
|
-
|
|
2249
|
-
|
|
2250
|
-
|
|
2251
|
-
|
|
2252
|
-
|
|
2253
|
-
|
|
2254
|
-
|
|
2255
|
-
|
|
2256
|
-
|
|
2257
|
-
|
|
2258
|
-
|
|
2259
|
-
|
|
2260
|
-
|
|
2249
|
+
yn as Accordion,
|
|
2250
|
+
Sn as AdvancedSearch,
|
|
2251
|
+
bn as Avatar,
|
|
2252
|
+
wn as Badge,
|
|
2253
|
+
fn as ButtonComponent,
|
|
2254
|
+
xn as Card,
|
|
2255
|
+
kn as Carousel,
|
|
2256
|
+
$n as CarouselItem,
|
|
2257
|
+
Vn as CategoryNavigation,
|
|
2258
|
+
ul as DatetimePicker,
|
|
2259
|
+
mn as Dropdown,
|
|
2260
|
+
zn as FilterableSelect,
|
|
2261
|
+
Dn as Footer,
|
|
2262
|
+
On as Hero,
|
|
2263
|
+
Tn as InputField,
|
|
2264
|
+
Bn as Loader,
|
|
2265
|
+
pn as Modal,
|
|
2266
|
+
En as NavigationBar,
|
|
2261
2267
|
Cn as Rating,
|
|
2262
|
-
|
|
2263
|
-
|
|
2264
|
-
|
|
2265
|
-
|
|
2266
|
-
|
|
2268
|
+
Mn as Selector,
|
|
2269
|
+
hn as Swap,
|
|
2270
|
+
Ln as Tab,
|
|
2271
|
+
In as TagInput,
|
|
2272
|
+
gn as ThemeController
|
|
2267
2273
|
};
|