@reinosoft-ui/core 0.1.35 → 0.1.36
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/reinosoft-ui.es.js +905 -904
- package/dist/reinosoft-ui.umd.js +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/reinosoft-ui.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as S, ref as m, computed as
|
|
1
|
+
import { defineComponent as S, ref as m, computed as V, watch as X, onMounted as ae, createElementBlock as f, openBlock as v, normalizeStyle as ye, normalizeClass as le, renderSlot as Y, createCommentVNode as O, withDirectives as we, createElementVNode as w, vShow as qe, mergeProps as Ce, mergeModels as Q, useModel as fe, withKeys as ve, withModifiers as ne, onUnmounted as be, Fragment as te, unref as D, toDisplayString as P, renderList as ue, createBlock as J, Transition as $e, withCtx as G, nextTick as Me, useId as ce, provide as ge, createVNode as U, createTextVNode as me, onBeforeUnmount as Ie, Teleport as He, resolveDynamicComponent as Ve, useAttrs as Ne, inject as ie, h as K, useSlots as Fe, resolveComponent as y1, vModelRadio as g1, vModelDynamic as b1, reactive as r1, TransitionGroup as k1, createApp as w1, shallowRef as M1, vModelText as Ae } from "vue";
|
|
2
2
|
import { routerKey as x1 } from "vue-router";
|
|
3
3
|
const L1 = ["aria-busy"], $1 = ["aria-label"], V1 = ["src", "srcset", "sizes", "alt", "aria-hidden", "loading", "decoding"], I1 = /* @__PURE__ */ S({
|
|
4
4
|
__name: "Image",
|
|
@@ -16,23 +16,23 @@ const L1 = ["aria-busy"], $1 = ["aria-label"], V1 = ["src", "srcset", "sizes", "
|
|
|
16
16
|
},
|
|
17
17
|
emits: ["loaded", "error"],
|
|
18
18
|
setup(e, { emit: o }) {
|
|
19
|
-
const t = e, a = o, l = m(t.src), s = m(), i = m("loading"), n =
|
|
19
|
+
const t = e, a = o, l = m(t.src), s = m(), i = m("loading"), n = V(() => t.ratio ? {
|
|
20
20
|
aspectRatio: typeof t.ratio == "number" ? `${t.ratio}` : t.ratio
|
|
21
21
|
} : void 0), r = () => {
|
|
22
22
|
i.value = "loaded", a("loaded");
|
|
23
|
-
},
|
|
23
|
+
}, c = () => {
|
|
24
24
|
if (t.fallbackSrc && l.value !== t.fallbackSrc) {
|
|
25
25
|
l.value = t.fallbackSrc, i.value = "loading";
|
|
26
26
|
return;
|
|
27
27
|
}
|
|
28
28
|
i.value = "error", a("error");
|
|
29
29
|
};
|
|
30
|
-
return
|
|
30
|
+
return X(
|
|
31
31
|
() => t.src,
|
|
32
32
|
(u) => {
|
|
33
33
|
l.value = u, i.value = "loading";
|
|
34
34
|
}
|
|
35
|
-
),
|
|
35
|
+
), ae(() => s.value?.complete && s.value.naturalWidth > 0 && (i.value = "loaded")), (u, p) => (v(), f("div", {
|
|
36
36
|
class: le(["ui-image", {
|
|
37
37
|
"is-loading": i.value === "loading",
|
|
38
38
|
"is-error": i.value === "error",
|
|
@@ -42,12 +42,12 @@ const L1 = ["aria-busy"], $1 = ["aria-label"], V1 = ["src", "srcset", "sizes", "
|
|
|
42
42
|
style: ye(n.value),
|
|
43
43
|
"aria-busy": i.value === "loading" || void 0
|
|
44
44
|
}, [
|
|
45
|
-
i.value === "loading" ?
|
|
45
|
+
i.value === "loading" ? Y(u.$slots, "placeholder", { key: 0 }, () => [
|
|
46
46
|
p[0] || (p[0] = w("div", {
|
|
47
47
|
class: "ui-image__placeholder",
|
|
48
48
|
"aria-hidden": "true"
|
|
49
49
|
}, null, -1))
|
|
50
|
-
], !0) : i.value === "error" ?
|
|
50
|
+
], !0) : i.value === "error" ? Y(u.$slots, "fallback", { key: 1 }, () => [
|
|
51
51
|
w("div", {
|
|
52
52
|
class: "ui-image__fallback",
|
|
53
53
|
role: "img",
|
|
@@ -66,18 +66,18 @@ const L1 = ["aria-busy"], $1 = ["aria-label"], V1 = ["src", "srcset", "sizes", "
|
|
|
66
66
|
loading: e.lazy ? "lazy" : void 0,
|
|
67
67
|
decoding: e.decoding,
|
|
68
68
|
onLoad: r,
|
|
69
|
-
onError:
|
|
69
|
+
onError: c
|
|
70
70
|
}, null, 40, V1), [
|
|
71
71
|
[qe, i.value !== "error"]
|
|
72
72
|
])
|
|
73
73
|
], 14, L1));
|
|
74
74
|
}
|
|
75
|
-
}),
|
|
75
|
+
}), j = (e, o) => {
|
|
76
76
|
const t = e.__vccOpts || e;
|
|
77
77
|
for (const [a, l] of o)
|
|
78
78
|
t[a] = l;
|
|
79
79
|
return t;
|
|
80
|
-
}, Le = /* @__PURE__ */
|
|
80
|
+
}, Le = /* @__PURE__ */ j(I1, [["__scopeId", "data-v-4c5a40da"]]);
|
|
81
81
|
Le.install = (e) => {
|
|
82
82
|
e.component("Image", Le);
|
|
83
83
|
};
|
|
@@ -93,10 +93,10 @@ const H1 = /* @__PURE__ */ S({
|
|
|
93
93
|
type: "button",
|
|
94
94
|
class: "btn"
|
|
95
95
|
}, a.$attrs), [
|
|
96
|
-
|
|
96
|
+
Y(a.$slots, "default", {}, void 0, !0)
|
|
97
97
|
], 16));
|
|
98
98
|
}
|
|
99
|
-
}), he = /* @__PURE__ */
|
|
99
|
+
}), he = /* @__PURE__ */ j(H1, [["__scopeId", "data-v-b46162b4"]]);
|
|
100
100
|
he.install = (e) => {
|
|
101
101
|
e.component("Button", he);
|
|
102
102
|
};
|
|
@@ -111,7 +111,7 @@ const B1 = ["id", "aria-checked", "aria-disabled", "disabled", "onKeydown"], _1
|
|
|
111
111
|
}),
|
|
112
112
|
emits: /* @__PURE__ */ Q(["change"], ["update:modelValue"]),
|
|
113
113
|
setup(e, { emit: o }) {
|
|
114
|
-
const t = fe(e, "modelValue"), a = o, l = e, s =
|
|
114
|
+
const t = fe(e, "modelValue"), a = o, l = e, s = V(() => t.value), i = () => {
|
|
115
115
|
if (l.disabled) return;
|
|
116
116
|
const n = !t.value;
|
|
117
117
|
t.value = n, a("change", n);
|
|
@@ -135,7 +135,7 @@ const B1 = ["id", "aria-checked", "aria-disabled", "disabled", "onKeydown"], _1
|
|
|
135
135
|
], -1)
|
|
136
136
|
])], 42, B1));
|
|
137
137
|
}
|
|
138
|
-
}), Ye = /* @__PURE__ */
|
|
138
|
+
}), Ye = /* @__PURE__ */ j(_1, [["__scopeId", "data-v-d2681823"]]);
|
|
139
139
|
Ye.install = (e) => {
|
|
140
140
|
e.component("Toggle", Ye);
|
|
141
141
|
};
|
|
@@ -171,9 +171,9 @@ const s1 = (e) => {
|
|
|
171
171
|
if (!l) return;
|
|
172
172
|
const i = A1("p");
|
|
173
173
|
document.createRange().selectNodeContents(l);
|
|
174
|
-
const r = a.cloneRange(),
|
|
175
|
-
|
|
176
|
-
const u =
|
|
174
|
+
const r = a.cloneRange(), c = document.createRange();
|
|
175
|
+
c.selectNodeContents(l), c.setEnd(r.startContainer, r.startOffset);
|
|
176
|
+
const u = c.cloneContents(), p = document.createRange();
|
|
177
177
|
p.selectNodeContents(l), p.setStart(r.startContainer, r.startOffset);
|
|
178
178
|
const g = p.cloneContents();
|
|
179
179
|
l.innerHTML = "", l.appendChild(u), l.innerHTML === "" && (l.innerHTML = "<br>"), i.innerHTML = "", i.appendChild(g), i.innerHTML === "" && (i.innerHTML = "<br>"), l.after(i);
|
|
@@ -211,20 +211,20 @@ const s1 = (e) => {
|
|
|
211
211
|
}, i = (y) => {
|
|
212
212
|
const I = window.getSelection();
|
|
213
213
|
if (!I || I.rangeCount === 0 || I.isCollapsed) return !1;
|
|
214
|
-
const b = I.getRangeAt(0),
|
|
215
|
-
if (!
|
|
216
|
-
const B = n(b,
|
|
214
|
+
const b = I.getRangeAt(0), A = e;
|
|
215
|
+
if (!A) return !1;
|
|
216
|
+
const B = n(b, A), q = [];
|
|
217
217
|
if (B.forEach((M) => {
|
|
218
218
|
const L = M === b.startContainer ? b.startOffset : 0, E = M === b.endContainer ? b.endOffset : M.textContent.length;
|
|
219
219
|
if (L === E) return;
|
|
220
|
-
let
|
|
221
|
-
L === 0 && E === M.textContent.length ?
|
|
222
|
-
const ee = D1(
|
|
220
|
+
let W;
|
|
221
|
+
L === 0 && E === M.textContent.length ? W = M : (W = M.splitText(L), E - L < W.textContent.length && W.splitText(E - L));
|
|
222
|
+
const ee = D1(W, y, A);
|
|
223
223
|
if (ee)
|
|
224
|
-
R1(ee), q.push(
|
|
224
|
+
R1(ee), q.push(W);
|
|
225
225
|
else {
|
|
226
226
|
const re = document.createElement(y);
|
|
227
|
-
|
|
227
|
+
W.replaceWith(re), re.appendChild(W), q.push(W);
|
|
228
228
|
}
|
|
229
229
|
}), q.length > 0) {
|
|
230
230
|
const M = document.createRange();
|
|
@@ -232,11 +232,11 @@ const s1 = (e) => {
|
|
|
232
232
|
const L = q[q.length - 1];
|
|
233
233
|
M.setEnd(L, L.textContent.length), I.removeAllRanges(), I.addRange(M), s();
|
|
234
234
|
}
|
|
235
|
-
return k(),
|
|
235
|
+
return k(), d(y);
|
|
236
236
|
}, n = (y, I) => {
|
|
237
237
|
if (!y || !I || !(I instanceof HTMLElement)) return [];
|
|
238
|
-
const b = y.commonAncestorContainer,
|
|
239
|
-
|
|
238
|
+
const b = y.commonAncestorContainer, A = I.contains(b) ? I : b.nodeType === 3 ? b.parentNode : b, B = document.createTreeWalker(
|
|
239
|
+
A,
|
|
240
240
|
NodeFilter.SHOW_TEXT,
|
|
241
241
|
{
|
|
242
242
|
acceptNode(L) {
|
|
@@ -250,14 +250,14 @@ const s1 = (e) => {
|
|
|
250
250
|
}, r = (y) => {
|
|
251
251
|
const I = window.getSelection();
|
|
252
252
|
if (!I || I.rangeCount === 0) return !1;
|
|
253
|
-
const b = I.getRangeAt(0),
|
|
254
|
-
if (!
|
|
255
|
-
const q =
|
|
256
|
-
for (q === "blockquote" && M.setAttribute("class", "rs-blockquote"), M.dataset.block = "true";
|
|
257
|
-
|
|
253
|
+
const b = I.getRangeAt(0), A = c(b.startContainer);
|
|
254
|
+
if (!A) return !1;
|
|
255
|
+
const q = A.tagName.toLowerCase() === y.toLowerCase() ? "p" : y.toLowerCase(), M = document.createElement(q);
|
|
256
|
+
for (q === "blockquote" && M.setAttribute("class", "rs-blockquote"), M.dataset.block = "true"; A.firstChild; ) M.appendChild(A.firstChild);
|
|
257
|
+
A.replaceWith(M);
|
|
258
258
|
const L = document.createRange();
|
|
259
259
|
return L.selectNodeContents(M), I.removeAllRanges(), I.addRange(L), s(), k(), C(y);
|
|
260
|
-
},
|
|
260
|
+
}, c = (y) => {
|
|
261
261
|
const I = e;
|
|
262
262
|
if (!I) return null;
|
|
263
263
|
for (; y && y !== I; ) {
|
|
@@ -277,31 +277,31 @@ const s1 = (e) => {
|
|
|
277
277
|
if (y.key !== "Enter" || y.shiftKey) return;
|
|
278
278
|
const I = window.getSelection();
|
|
279
279
|
if (!I || I.rangeCount === 0) return;
|
|
280
|
-
const b = I.getRangeAt(0),
|
|
281
|
-
if (!
|
|
280
|
+
const b = I.getRangeAt(0), A = u(b.startContainer, "li");
|
|
281
|
+
if (!A) return;
|
|
282
282
|
y.preventDefault(), y.stopPropagation();
|
|
283
|
-
const B =
|
|
283
|
+
const B = A.parentElement;
|
|
284
284
|
if (!B) return;
|
|
285
|
-
if (
|
|
285
|
+
if (A.textContent?.trim() === "") {
|
|
286
286
|
const L = document.createElement("p");
|
|
287
|
-
L.dataset.block = "true", L.innerHTML = "<br>", B.after(L),
|
|
287
|
+
L.dataset.block = "true", L.innerHTML = "<br>", B.after(L), A.remove(), B.children.length === 0 && B.remove(), g(L);
|
|
288
288
|
return;
|
|
289
289
|
}
|
|
290
290
|
const M = document.createElement("li");
|
|
291
|
-
M.innerHTML = "<br>",
|
|
291
|
+
M.innerHTML = "<br>", A.after(M), g(M);
|
|
292
292
|
}, g = (y) => {
|
|
293
293
|
const I = document.createRange(), b = window.getSelection();
|
|
294
294
|
I.selectNodeContents(y), I.collapse(!0), b?.removeAllRanges(), b?.addRange(I);
|
|
295
295
|
}, k = () => {
|
|
296
296
|
e instanceof Node && e.normalize();
|
|
297
|
-
},
|
|
297
|
+
}, d = (y) => {
|
|
298
298
|
const I = t.value;
|
|
299
299
|
if (!I) return !1;
|
|
300
300
|
let b = I.startContainer;
|
|
301
301
|
b.nodeType === Node.TEXT_NODE && (b = b.parentNode);
|
|
302
|
-
const
|
|
303
|
-
if (!
|
|
304
|
-
for (; b && b !==
|
|
302
|
+
const A = e;
|
|
303
|
+
if (!A) return !1;
|
|
304
|
+
for (; b && b !== A; ) {
|
|
305
305
|
if (b instanceof HTMLElement && b.tagName.toLowerCase() === y.toLowerCase()) return !0;
|
|
306
306
|
b = b.parentNode;
|
|
307
307
|
}
|
|
@@ -311,9 +311,9 @@ const s1 = (e) => {
|
|
|
311
311
|
if (!I) return !1;
|
|
312
312
|
let b = I.startContainer;
|
|
313
313
|
b.nodeType === Node.TEXT_NODE && (b = b.parentNode);
|
|
314
|
-
const
|
|
315
|
-
if (!
|
|
316
|
-
for (; b && b !==
|
|
314
|
+
const A = e;
|
|
315
|
+
if (!A) return !1;
|
|
316
|
+
for (; b && b !== A; ) {
|
|
317
317
|
if (b instanceof HTMLElement && b.dataset.block !== void 0 && b.tagName.toLowerCase() === y.toLowerCase()) return !0;
|
|
318
318
|
b = b.parentNode;
|
|
319
319
|
}
|
|
@@ -326,30 +326,30 @@ const s1 = (e) => {
|
|
|
326
326
|
if (!y || !t.value || !y || !y.contains(t.value.commonAncestorContainer)) return;
|
|
327
327
|
const I = window.getSelection();
|
|
328
328
|
I && (I.removeAllRanges(), I.addRange(t.value));
|
|
329
|
-
}, h = () => l.value?.focusFirstButton?.(),
|
|
329
|
+
}, h = () => l.value?.focusFirstButton?.(), _ = (y) => {
|
|
330
330
|
const I = window.getSelection();
|
|
331
331
|
if (!I || I.rangeCount === 0) return;
|
|
332
|
-
const b = I.getRangeAt(0),
|
|
333
|
-
if (!
|
|
332
|
+
const b = I.getRangeAt(0), A = c(b.startContainer);
|
|
333
|
+
if (!A) return;
|
|
334
334
|
const B = b.cloneRange();
|
|
335
|
-
B.selectNodeContents(
|
|
335
|
+
B.selectNodeContents(A), B.setEnd(b.startContainer, b.startOffset);
|
|
336
336
|
const q = B.toString().length, M = b.cloneRange();
|
|
337
|
-
M.selectNodeContents(
|
|
338
|
-
const L = M.toString().length, E = b.collapsed,
|
|
339
|
-
|
|
337
|
+
M.selectNodeContents(A), M.setEnd(b.endContainer, b.endOffset);
|
|
338
|
+
const L = M.toString().length, E = b.collapsed, W = y(A);
|
|
339
|
+
A.replaceWith(W);
|
|
340
340
|
const ee = document.createTreeWalker(
|
|
341
|
-
|
|
341
|
+
W,
|
|
342
342
|
NodeFilter.SHOW_TEXT,
|
|
343
343
|
null
|
|
344
344
|
);
|
|
345
|
-
let re = 0,
|
|
345
|
+
let re = 0, T = null, N = 0, H = null, z = 0;
|
|
346
346
|
for (; ee.nextNode(); ) {
|
|
347
|
-
const
|
|
348
|
-
!
|
|
347
|
+
const F = ee.currentNode, se = F.textContent?.length ?? 0;
|
|
348
|
+
!T && re + se >= q && (T = F, N = q - re), !H && re + se >= L && (H = F, z = L - re), re += se;
|
|
349
349
|
}
|
|
350
|
-
const
|
|
351
|
-
|
|
352
|
-
},
|
|
350
|
+
const Z = document.createRange();
|
|
351
|
+
T ? Z.setStart(T, N) : Z.setStart(W, 0), !E && H ? Z.setEnd(H, z) : Z.collapse(!0), I.removeAllRanges(), I.addRange(Z), s(), k();
|
|
352
|
+
}, R = (y) => {
|
|
353
353
|
const I = e.parentElement?.querySelector("#editor-status");
|
|
354
354
|
I && (I.textContent = y, setTimeout(() => I.textContent = "", 2e3));
|
|
355
355
|
};
|
|
@@ -360,14 +360,14 @@ const s1 = (e) => {
|
|
|
360
360
|
rootElement: e,
|
|
361
361
|
saveSelection: s,
|
|
362
362
|
restoreSelection: x,
|
|
363
|
-
isInlineActive:
|
|
363
|
+
isInlineActive: d,
|
|
364
364
|
isBlockActive: C,
|
|
365
365
|
focus: $,
|
|
366
366
|
toolbarRef: l,
|
|
367
367
|
focusFirstToolbarButton: h,
|
|
368
|
-
replaceCurrentBlock:
|
|
368
|
+
replaceCurrentBlock: _,
|
|
369
369
|
buttons: a,
|
|
370
|
-
announce:
|
|
370
|
+
announce: R
|
|
371
371
|
};
|
|
372
372
|
}, O1 = ["id", "aria-label"], q1 = {
|
|
373
373
|
id: "editor-status",
|
|
@@ -400,10 +400,10 @@ const s1 = (e) => {
|
|
|
400
400
|
if (!n || n.rangeCount === 0) return;
|
|
401
401
|
const r = l.value;
|
|
402
402
|
if (!r) return;
|
|
403
|
-
const
|
|
404
|
-
r.contains(
|
|
403
|
+
const c = n.getRangeAt(0);
|
|
404
|
+
r.contains(c.commonAncestorContainer) && t.editor?.saveSelection();
|
|
405
405
|
};
|
|
406
|
-
return
|
|
406
|
+
return ae(() => document.addEventListener("selectionchange", i)), be(() => document.removeEventListener("selectionchange", i)), o({
|
|
407
407
|
getRoot: () => l
|
|
408
408
|
}), (n, r) => (v(), f(te, null, [
|
|
409
409
|
w("div", {
|
|
@@ -418,28 +418,28 @@ const s1 = (e) => {
|
|
|
418
418
|
"aria-describedby": "editor-help editor-status",
|
|
419
419
|
onKeydown: [
|
|
420
420
|
s,
|
|
421
|
-
r[0] || (r[0] = ve((
|
|
421
|
+
r[0] || (r[0] = ve((c) => D(S1)(c, e.editor), ["enter"])),
|
|
422
422
|
r[1] || (r[1] = ve(
|
|
423
423
|
//@ts-ignore
|
|
424
|
-
(...
|
|
424
|
+
(...c) => D(Xe) && D(Xe)(...c),
|
|
425
425
|
["backspace"]
|
|
426
426
|
))
|
|
427
427
|
],
|
|
428
428
|
onMouseup: r[2] || (r[2] = //@ts-ignore
|
|
429
|
-
(...
|
|
429
|
+
(...c) => e.editor?.saveSelection && e.editor?.saveSelection(...c)),
|
|
430
430
|
onKeyup: r[3] || (r[3] = //@ts-ignore
|
|
431
|
-
(...
|
|
431
|
+
(...c) => e.editor?.saveSelection && e.editor?.saveSelection(...c))
|
|
432
432
|
}, [...r[4] || (r[4] = [
|
|
433
433
|
w("p", { "data-block": "" }, "Write here...", -1)
|
|
434
434
|
])], 40, O1),
|
|
435
|
-
w("div", q1,
|
|
435
|
+
w("div", q1, P(a.value), 1),
|
|
436
436
|
r[5] || (r[5] = w("p", {
|
|
437
437
|
id: "editor-help",
|
|
438
438
|
class: "sr-only"
|
|
439
439
|
}, " Use Ctrl+B for bold, Ctrl+I for italic, Alt+Ctrl+1 for heading level 1. ", -1))
|
|
440
440
|
], 64));
|
|
441
441
|
}
|
|
442
|
-
}), F1 = /* @__PURE__ */
|
|
442
|
+
}), F1 = /* @__PURE__ */ j(N1, [["__scopeId", "data-v-445744be"]]), P1 = {
|
|
443
443
|
viewBox: "0 0 512 512",
|
|
444
444
|
paths: [
|
|
445
445
|
{
|
|
@@ -720,7 +720,7 @@ const s1 = (e) => {
|
|
|
720
720
|
fill: "currentColor"
|
|
721
721
|
}
|
|
722
722
|
]
|
|
723
|
-
},
|
|
723
|
+
}, ct = {
|
|
724
724
|
viewBox: "0 0 24 24",
|
|
725
725
|
paths: [
|
|
726
726
|
{
|
|
@@ -744,7 +744,7 @@ const s1 = (e) => {
|
|
|
744
744
|
"stroke-width": 2
|
|
745
745
|
}
|
|
746
746
|
]
|
|
747
|
-
},
|
|
747
|
+
}, dt = {
|
|
748
748
|
viewBox: "0 0 24 24",
|
|
749
749
|
paths: [
|
|
750
750
|
{
|
|
@@ -1784,7 +1784,7 @@ const s1 = (e) => {
|
|
|
1784
1784
|
"stroke-width": 2
|
|
1785
1785
|
}
|
|
1786
1786
|
]
|
|
1787
|
-
},
|
|
1787
|
+
}, c2 = {
|
|
1788
1788
|
viewBox: "0 0 24 24",
|
|
1789
1789
|
paths: [
|
|
1790
1790
|
{
|
|
@@ -1797,7 +1797,7 @@ const s1 = (e) => {
|
|
|
1797
1797
|
"stroke-linejoin": "round"
|
|
1798
1798
|
}
|
|
1799
1799
|
]
|
|
1800
|
-
},
|
|
1800
|
+
}, d2 = {
|
|
1801
1801
|
viewBox: "0 0 24 24",
|
|
1802
1802
|
paths: [
|
|
1803
1803
|
{
|
|
@@ -1842,9 +1842,9 @@ const s1 = (e) => {
|
|
|
1842
1842
|
link: ot,
|
|
1843
1843
|
head: nt,
|
|
1844
1844
|
bold: ut,
|
|
1845
|
-
card:
|
|
1845
|
+
card: ct,
|
|
1846
1846
|
heart: bt,
|
|
1847
|
-
oList:
|
|
1847
|
+
oList: dt,
|
|
1848
1848
|
uList: vt,
|
|
1849
1849
|
close: ft,
|
|
1850
1850
|
clock: pt,
|
|
@@ -1896,8 +1896,8 @@ const s1 = (e) => {
|
|
|
1896
1896
|
checkCircle: s2,
|
|
1897
1897
|
checkShield: i2,
|
|
1898
1898
|
musicalNote: u2,
|
|
1899
|
-
shoppingBag:
|
|
1900
|
-
directionDown:
|
|
1899
|
+
shoppingBag: c2,
|
|
1900
|
+
directionDown: d2,
|
|
1901
1901
|
shoppingBasket: v2
|
|
1902
1902
|
}, f2 = ["viewBox", "transform", "width", "height"], p2 = /* @__PURE__ */ S({
|
|
1903
1903
|
__name: "Icon",
|
|
@@ -1910,14 +1910,14 @@ const s1 = (e) => {
|
|
|
1910
1910
|
return (o, t) => (v(), f("svg", {
|
|
1911
1911
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1912
1912
|
class: le(["icon", { spin: e.spin }]),
|
|
1913
|
-
viewBox:
|
|
1914
|
-
transform:
|
|
1913
|
+
viewBox: D(Se)[e.name].viewBox,
|
|
1914
|
+
transform: D(Se)[e.name].transform || void 0,
|
|
1915
1915
|
width: e.size || 24,
|
|
1916
1916
|
height: e.size || 24,
|
|
1917
1917
|
fill: "none",
|
|
1918
1918
|
"aria-hidden": "true"
|
|
1919
1919
|
}, [
|
|
1920
|
-
(v(!0), f(te, null, ue(
|
|
1920
|
+
(v(!0), f(te, null, ue(D(Se)[e.name].paths, (a, l) => (v(), f(te, { key: l }, [
|
|
1921
1921
|
a.type === "path" ? (v(), f("path", Ce({
|
|
1922
1922
|
key: 0,
|
|
1923
1923
|
ref_for: !0
|
|
@@ -1945,7 +1945,7 @@ const s1 = (e) => {
|
|
|
1945
1945
|
], 64))), 128))
|
|
1946
1946
|
], 10, f2));
|
|
1947
1947
|
}
|
|
1948
|
-
}),
|
|
1948
|
+
}), de = /* @__PURE__ */ j(p2, [["__scopeId", "data-v-dd8423eb"]]), C2 = ["aria-controls"], m2 = ["aria-pressed", "onMousedown", "aria-label"], h2 = { key: 1 }, y2 = /* @__PURE__ */ S({
|
|
1949
1949
|
__name: "FloatingToolbar",
|
|
1950
1950
|
props: {
|
|
1951
1951
|
editor: {},
|
|
@@ -1954,43 +1954,43 @@ const s1 = (e) => {
|
|
|
1954
1954
|
},
|
|
1955
1955
|
setup(e, { expose: o }) {
|
|
1956
1956
|
const t = e, a = m(0), l = m(0), s = m(!1), i = m([]);
|
|
1957
|
-
|
|
1957
|
+
X(
|
|
1958
1958
|
s,
|
|
1959
|
-
(
|
|
1959
|
+
(d) => !d && (i.value = [])
|
|
1960
1960
|
);
|
|
1961
|
-
const n =
|
|
1961
|
+
const n = V(() => ({
|
|
1962
1962
|
top: `${l.value}px`,
|
|
1963
1963
|
left: `${a.value}px`
|
|
1964
|
-
})), r = (
|
|
1964
|
+
})), r = (d, C) => d && (i.value[C] = d), c = V(() => [
|
|
1965
1965
|
{
|
|
1966
1966
|
key: "strong",
|
|
1967
1967
|
label: "bold",
|
|
1968
1968
|
type: "icon",
|
|
1969
1969
|
ariaLabel: "Bold",
|
|
1970
|
-
action: (
|
|
1971
|
-
|
|
1970
|
+
action: (d) => {
|
|
1971
|
+
d.restoreSelection(), d.toggleInline("strong"), d.focus(), d.announce(d.isInlineActive("strong") ? "Bold enabled" : "Bold disabled");
|
|
1972
1972
|
},
|
|
1973
|
-
isActive: (
|
|
1973
|
+
isActive: (d) => d.isInlineActive("strong")
|
|
1974
1974
|
},
|
|
1975
1975
|
{
|
|
1976
1976
|
key: "em",
|
|
1977
1977
|
label: "italic",
|
|
1978
1978
|
type: "icon",
|
|
1979
1979
|
ariaLabel: "Italic",
|
|
1980
|
-
action: (
|
|
1981
|
-
|
|
1980
|
+
action: (d) => {
|
|
1981
|
+
d.restoreSelection(), d.toggleInline("em"), d.focus(), d.announce(d.isInlineActive("em") ? "Italic enabled" : "Italic disabled");
|
|
1982
1982
|
},
|
|
1983
|
-
isActive: (
|
|
1983
|
+
isActive: (d) => d.isInlineActive("em")
|
|
1984
1984
|
},
|
|
1985
1985
|
{
|
|
1986
1986
|
key: "h1",
|
|
1987
1987
|
label: "head",
|
|
1988
1988
|
type: "icon",
|
|
1989
1989
|
ariaLabel: "Heading 1",
|
|
1990
|
-
action: (
|
|
1991
|
-
|
|
1990
|
+
action: (d) => {
|
|
1991
|
+
d.restoreSelection(), d.toggleBlock("h1"), d.focus(), d.announce(d.isBlockActive("h1") ? "Heading level 1 enabled" : "Heading level 1 disabled");
|
|
1992
1992
|
},
|
|
1993
|
-
isActive: (
|
|
1993
|
+
isActive: (d) => d.isBlockActive("h1")
|
|
1994
1994
|
},
|
|
1995
1995
|
{
|
|
1996
1996
|
key: "h4",
|
|
@@ -1998,63 +1998,63 @@ const s1 = (e) => {
|
|
|
1998
1998
|
type: "icon",
|
|
1999
1999
|
ariaLabel: "Heading 4",
|
|
2000
2000
|
size: 12,
|
|
2001
|
-
action: (
|
|
2002
|
-
|
|
2001
|
+
action: (d) => {
|
|
2002
|
+
d.restoreSelection(), d.toggleBlock("h4"), d.focus(), d.announce(d.isBlockActive("h4") ? "Heading level 4 enabled" : "Heading level 4 disabled");
|
|
2003
2003
|
},
|
|
2004
|
-
isActive: (
|
|
2004
|
+
isActive: (d) => d.isBlockActive("h4")
|
|
2005
2005
|
},
|
|
2006
2006
|
{
|
|
2007
2007
|
key: "quote",
|
|
2008
2008
|
label: "❝",
|
|
2009
2009
|
type: "text",
|
|
2010
2010
|
ariaLabel: "Blockquote",
|
|
2011
|
-
action: (
|
|
2012
|
-
|
|
2011
|
+
action: (d) => {
|
|
2012
|
+
d.restoreSelection(), d.toggleBlock("blockquote"), d.focus(), d.announce(d.isBlockActive("blockquote") ? "Blockquote enabled" : "Blockquote disabled");
|
|
2013
2013
|
},
|
|
2014
|
-
isActive: (
|
|
2014
|
+
isActive: (d) => d.isBlockActive("blockquote")
|
|
2015
2015
|
}
|
|
2016
|
-
]), u =
|
|
2017
|
-
...
|
|
2016
|
+
]), u = V(() => [
|
|
2017
|
+
...c.value,
|
|
2018
2018
|
...t.editor?.buttons ?? []
|
|
2019
2019
|
]), p = async () => {
|
|
2020
2020
|
await Me(), i.value[0]?.focus();
|
|
2021
|
-
}, g = (
|
|
2021
|
+
}, g = (d) => {
|
|
2022
2022
|
const C = i.value, $ = C.indexOf(document.activeElement);
|
|
2023
|
-
if (
|
|
2024
|
-
|
|
2023
|
+
if (d.key === "ArrowRight") {
|
|
2024
|
+
d.preventDefault();
|
|
2025
2025
|
const x = $ < C.length - 1 ? $ + 1 : 0;
|
|
2026
2026
|
C[x]?.focus();
|
|
2027
2027
|
}
|
|
2028
|
-
if (
|
|
2029
|
-
|
|
2028
|
+
if (d.key === "ArrowLeft") {
|
|
2029
|
+
d.preventDefault();
|
|
2030
2030
|
const x = $ > 0 ? $ - 1 : C.length - 1;
|
|
2031
2031
|
C[x]?.focus();
|
|
2032
2032
|
}
|
|
2033
|
-
|
|
2033
|
+
d.key === "Home" && (d.preventDefault(), C[0]?.focus()), d.key === "End" && (d.preventDefault(), C[C.length - 1]?.focus()), d.key === "Escape" && (d.preventDefault(), t.editor?.restoreSelection(), t.editor?.focus());
|
|
2034
2034
|
}, k = () => {
|
|
2035
|
-
const
|
|
2036
|
-
if (!
|
|
2035
|
+
const d = window.getSelection();
|
|
2036
|
+
if (!d || d.rangeCount === 0) {
|
|
2037
2037
|
s.value = !1;
|
|
2038
2038
|
return;
|
|
2039
2039
|
}
|
|
2040
2040
|
const C = t.editor?.rootElement;
|
|
2041
2041
|
if (!C) return;
|
|
2042
|
-
const $ =
|
|
2043
|
-
if (!C.contains($.commonAncestorContainer) ||
|
|
2042
|
+
const $ = d.getRangeAt(0);
|
|
2043
|
+
if (!C.contains($.commonAncestorContainer) || d.isCollapsed) {
|
|
2044
2044
|
s.value = !1;
|
|
2045
2045
|
return;
|
|
2046
2046
|
}
|
|
2047
2047
|
const x = $.getBoundingClientRect();
|
|
2048
2048
|
a.value = x.left + x.width / 2, l.value = x.top - 45, s.value = !0;
|
|
2049
2049
|
};
|
|
2050
|
-
return
|
|
2050
|
+
return ae(() => {
|
|
2051
2051
|
document.addEventListener("selectionchange", k), window.addEventListener("scroll", k, !0), window.addEventListener("resize", k);
|
|
2052
2052
|
}), be(() => {
|
|
2053
2053
|
document.removeEventListener("selectionchange", k), window.removeEventListener("scroll", k, !0), window.removeEventListener("resize", k);
|
|
2054
2054
|
}), o({
|
|
2055
2055
|
focusFirstButton: p
|
|
2056
|
-
}), (
|
|
2057
|
-
default:
|
|
2056
|
+
}), (d, C) => (v(), J($e, { name: "tooltip-fade" }, {
|
|
2057
|
+
default: G(() => [
|
|
2058
2058
|
s.value ? (v(), f("div", {
|
|
2059
2059
|
key: 0,
|
|
2060
2060
|
class: "toolbar",
|
|
@@ -2076,18 +2076,18 @@ const s1 = (e) => {
|
|
|
2076
2076
|
onMousedown: ne((h) => $.action(t.editor), ["prevent"]),
|
|
2077
2077
|
"aria-label": $.ariaLabel
|
|
2078
2078
|
}, [
|
|
2079
|
-
$.type === "icon" ? (v(), J(
|
|
2079
|
+
$.type === "icon" ? (v(), J(de, {
|
|
2080
2080
|
key: 0,
|
|
2081
2081
|
name: $.label,
|
|
2082
2082
|
size: $.size ?? 14
|
|
2083
|
-
}, null, 8, ["name", "size"])) : (v(), f("span", h2,
|
|
2083
|
+
}, null, 8, ["name", "size"])) : (v(), f("span", h2, P($.label), 1))
|
|
2084
2084
|
], 42, m2))), 128))
|
|
2085
2085
|
], 44, C2)) : O("", !0)
|
|
2086
2086
|
]),
|
|
2087
2087
|
_: 1
|
|
2088
2088
|
}));
|
|
2089
2089
|
}
|
|
2090
|
-
}), g2 = /* @__PURE__ */
|
|
2090
|
+
}), g2 = /* @__PURE__ */ j(y2, [["__scopeId", "data-v-3f279ebe"]]), b2 = { class: "editor" }, Ge = /* @__PURE__ */ S({
|
|
2091
2091
|
__name: "Editor",
|
|
2092
2092
|
props: /* @__PURE__ */ Q({
|
|
2093
2093
|
ariaLabel: {},
|
|
@@ -2100,32 +2100,32 @@ const s1 = (e) => {
|
|
|
2100
2100
|
}),
|
|
2101
2101
|
emits: ["update:modelValue"],
|
|
2102
2102
|
setup(e) {
|
|
2103
|
-
const o = fe(e, "modelValue"), t = e, a =
|
|
2104
|
-
return
|
|
2103
|
+
const o = fe(e, "modelValue"), t = e, a = ce(), l = m(), s = m(null), i = m(null);
|
|
2104
|
+
return X(
|
|
2105
2105
|
() => o.value,
|
|
2106
2106
|
(n) => {
|
|
2107
2107
|
const r = i.value?.getRoot()?.value;
|
|
2108
2108
|
r && r.innerHTML !== n && (r.innerHTML = n, s.value?.normalize());
|
|
2109
2109
|
}
|
|
2110
|
-
),
|
|
2110
|
+
), ae(() => {
|
|
2111
2111
|
const r = i.value?.getRoot()?.value;
|
|
2112
2112
|
if (!r) return;
|
|
2113
2113
|
s.value = z1(r, { buttons: t.buttons ?? [] }), s.value && (s.value.toolbarRef = l);
|
|
2114
|
-
const
|
|
2115
|
-
r.addEventListener("input",
|
|
2114
|
+
const c = () => o.value = r.innerHTML;
|
|
2115
|
+
r.addEventListener("input", c), be(() => r.removeEventListener("input", c));
|
|
2116
2116
|
}), ge("announce", (n) => s.value?.announce(n)), (n, r) => (v(), f("section", b2, [
|
|
2117
|
-
|
|
2117
|
+
U(F1, {
|
|
2118
2118
|
ref_key: "contentRef",
|
|
2119
2119
|
ref: i,
|
|
2120
2120
|
editor: s.value,
|
|
2121
|
-
"editor-id":
|
|
2121
|
+
"editor-id": D(a),
|
|
2122
2122
|
"aria-label": e.ariaLabel
|
|
2123
2123
|
}, null, 8, ["editor", "editor-id", "aria-label"]),
|
|
2124
|
-
|
|
2124
|
+
U(g2, {
|
|
2125
2125
|
ref_key: "toolbarRef",
|
|
2126
2126
|
ref: l,
|
|
2127
2127
|
editor: s.value,
|
|
2128
|
-
"editor-id":
|
|
2128
|
+
"editor-id": D(a)
|
|
2129
2129
|
}, null, 8, ["editor", "editor-id"])
|
|
2130
2130
|
]));
|
|
2131
2131
|
}
|
|
@@ -2174,7 +2174,7 @@ const k2 = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2174
2174
|
}),
|
|
2175
2175
|
emits: /* @__PURE__ */ Q(["select", "upload", "remove"], ["update:modelValue"]),
|
|
2176
2176
|
setup(e, { emit: o }) {
|
|
2177
|
-
const t = fe(e, "modelValue"), a = e, l = o, s = m(0), i = m(""), n = m(!1), r =
|
|
2177
|
+
const t = fe(e, "modelValue"), a = e, l = o, s = m(0), i = m(""), n = m(!1), r = ce(), c = m(), u = V(() => t.value), p = V(() => a.maxSize === 1 / 0 ? "Unlimited" : A(a.maxSize)), g = V(() => !a.disabled && (a.multiple || t.value.length === 0)), k = V(() => u.value.some((M) => M.status === "uploading")), d = () => g.value && c.value?.click(), C = () => {
|
|
2178
2178
|
a.disabled || (s.value++, n.value = !0);
|
|
2179
2179
|
}, $ = () => {
|
|
2180
2180
|
s.value = Math.max(0, s.value - 1), s.value === 0 && (n.value = !1);
|
|
@@ -2182,37 +2182,37 @@ const k2 = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2182
2182
|
if (!a.disabled && !(!a.multiple && t.value.length > 0) && (s.value = 0, n.value = !1, !!M.dataTransfer)) {
|
|
2183
2183
|
if (!a.multiple && M.dataTransfer?.files.length) {
|
|
2184
2184
|
const L = M.dataTransfer.files[0];
|
|
2185
|
-
|
|
2185
|
+
_([L]);
|
|
2186
2186
|
return;
|
|
2187
2187
|
}
|
|
2188
|
-
|
|
2188
|
+
_(Array.from(M.dataTransfer.files));
|
|
2189
2189
|
}
|
|
2190
2190
|
}, h = (M) => {
|
|
2191
2191
|
const L = M.target;
|
|
2192
|
-
L.files && (
|
|
2193
|
-
},
|
|
2192
|
+
L.files && (_(Array.from(L.files)), L.value = "");
|
|
2193
|
+
}, _ = (M) => {
|
|
2194
2194
|
const L = [];
|
|
2195
|
-
for (const
|
|
2195
|
+
for (const W of M) {
|
|
2196
2196
|
if (u.value.length + L.length >= a.maxFiles) break;
|
|
2197
|
-
|
|
2197
|
+
W.size > a.maxSize || L.push({
|
|
2198
2198
|
id: crypto.randomUUID(),
|
|
2199
|
-
file:
|
|
2199
|
+
file: W,
|
|
2200
2200
|
progress: 0,
|
|
2201
2201
|
status: "idle"
|
|
2202
2202
|
});
|
|
2203
2203
|
}
|
|
2204
2204
|
if (!L.length) return;
|
|
2205
|
-
l("select", L.map((
|
|
2205
|
+
l("select", L.map((W) => W.file));
|
|
2206
2206
|
const E = [...u.value, ...L];
|
|
2207
|
-
t.value = E, a.autoUpload && L.forEach(
|
|
2208
|
-
},
|
|
2207
|
+
t.value = E, a.autoUpload && L.forEach(R);
|
|
2208
|
+
}, R = (M) => {
|
|
2209
2209
|
const L = new AbortController();
|
|
2210
2210
|
M.progress = 0, M.error = void 0, M.status = "uploading", M.controller = L, B(`Started uploading ${M.file.name}`);
|
|
2211
2211
|
const E = () => {
|
|
2212
2212
|
L.signal.removeEventListener("abort", E);
|
|
2213
2213
|
};
|
|
2214
2214
|
L.signal.addEventListener("abort", E);
|
|
2215
|
-
const
|
|
2215
|
+
const W = {
|
|
2216
2216
|
signal: L.signal,
|
|
2217
2217
|
onProgress: (ee) => {
|
|
2218
2218
|
M.progress = ee, b();
|
|
@@ -2224,12 +2224,12 @@ const k2 = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2224
2224
|
M.status = "error", M.error = ee, M.controller = void 0, B(`Failed to upload ${M.file.name}: ${ee}`), b();
|
|
2225
2225
|
}
|
|
2226
2226
|
};
|
|
2227
|
-
l("upload", M,
|
|
2227
|
+
l("upload", M, W);
|
|
2228
2228
|
}, y = (M) => {
|
|
2229
2229
|
M.controller && (M.controller.abort(), M.status = "canceled", M.controller = void 0, B(`Canceled uploading ${M.file.name}`), b());
|
|
2230
2230
|
}, I = (M) => {
|
|
2231
|
-
M.status !== "error" && M.status !== "canceled" ||
|
|
2232
|
-
}, b = () => t.value = [...u.value],
|
|
2231
|
+
M.status !== "error" && M.status !== "canceled" || R(M);
|
|
2232
|
+
}, b = () => t.value = [...u.value], A = (M) => {
|
|
2233
2233
|
const L = ["B", "KB", "MB", "GB", "TB"];
|
|
2234
2234
|
let E = 0;
|
|
2235
2235
|
for (; M >= 1024 && E < L.length - 1; )
|
|
@@ -2247,15 +2247,15 @@ const k2 = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2247
2247
|
class: "ui-upload",
|
|
2248
2248
|
tabindex: e.disabled ? -1 : 0,
|
|
2249
2249
|
"aria-label": e.ariaLabel || "File upload area",
|
|
2250
|
-
"aria-describedby": n.value ?
|
|
2250
|
+
"aria-describedby": n.value ? D(r) : void 0,
|
|
2251
2251
|
"aria-busy": k.value ? "true" : void 0,
|
|
2252
2252
|
"aria-disabled": e.disabled ? "true" : void 0,
|
|
2253
2253
|
"data-disabled": e.disabled || void 0,
|
|
2254
2254
|
"data-dragging": n.value || void 0,
|
|
2255
|
-
onClick: L[0] || (L[0] = (E) => !e.disabled &&
|
|
2255
|
+
onClick: L[0] || (L[0] = (E) => !e.disabled && d()),
|
|
2256
2256
|
onKeydown: [
|
|
2257
|
-
L[1] || (L[1] = ve(ne((E) => !e.disabled &&
|
|
2258
|
-
L[2] || (L[2] = ve(ne((E) => !e.disabled &&
|
|
2257
|
+
L[1] || (L[1] = ve(ne((E) => !e.disabled && d(), ["stop", "prevent"]), ["enter"])),
|
|
2258
|
+
L[2] || (L[2] = ve(ne((E) => !e.disabled && d(), ["prevent"]), ["space"]))
|
|
2259
2259
|
],
|
|
2260
2260
|
onDragover: L[3] || (L[3] = ne((E) => !e.disabled && C(), ["prevent"])),
|
|
2261
2261
|
onDragleave: $,
|
|
@@ -2264,51 +2264,51 @@ const k2 = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2264
2264
|
w("input", {
|
|
2265
2265
|
type: "file",
|
|
2266
2266
|
ref_key: "inputRef",
|
|
2267
|
-
ref:
|
|
2267
|
+
ref: c,
|
|
2268
2268
|
class: "ui-upload__input",
|
|
2269
2269
|
multiple: e.multiple,
|
|
2270
2270
|
accept: e.accept,
|
|
2271
2271
|
disabled: e.disabled,
|
|
2272
2272
|
onChange: h
|
|
2273
2273
|
}, null, 40, w2),
|
|
2274
|
-
e.multiple || !e.multiple && t.value.length === 0 ?
|
|
2274
|
+
e.multiple || !e.multiple && t.value.length === 0 ? Y(M.$slots, "default", {
|
|
2275
2275
|
key: 0,
|
|
2276
2276
|
dragging: n.value
|
|
2277
2277
|
}, () => [
|
|
2278
|
-
|
|
2278
|
+
U(de, {
|
|
2279
2279
|
name: "upload",
|
|
2280
2280
|
size: 32
|
|
2281
2281
|
}),
|
|
2282
2282
|
L[6] || (L[6] = w("p", null, "Drag and Drop files here", -1)),
|
|
2283
2283
|
L[7] || (L[7] = w("span", null, "or", -1)),
|
|
2284
|
-
|
|
2284
|
+
U(he, {
|
|
2285
2285
|
type: "button",
|
|
2286
2286
|
class: "btn btn-outline"
|
|
2287
2287
|
}, {
|
|
2288
|
-
default:
|
|
2288
|
+
default: G(() => [...L[5] || (L[5] = [
|
|
2289
2289
|
me("Choose File", -1)
|
|
2290
2290
|
])]),
|
|
2291
2291
|
_: 1
|
|
2292
2292
|
}),
|
|
2293
|
-
w("span", null, "Maximum size: " +
|
|
2293
|
+
w("span", null, "Maximum size: " + P(p.value), 1)
|
|
2294
2294
|
], !0) : O("", !0),
|
|
2295
2295
|
u.value?.length ? (v(), f("ul", M2, [
|
|
2296
2296
|
(v(!0), f(te, null, ue(u.value, (E) => (v(), f("li", {
|
|
2297
2297
|
key: E.id,
|
|
2298
2298
|
class: "ui-upload__item"
|
|
2299
2299
|
}, [
|
|
2300
|
-
|
|
2300
|
+
Y(M.$slots, "file", {
|
|
2301
2301
|
file: E,
|
|
2302
2302
|
remove: () => q(E),
|
|
2303
2303
|
cancel: () => y(E),
|
|
2304
2304
|
retry: () => I(E)
|
|
2305
2305
|
}, () => [
|
|
2306
2306
|
w("div", x2, [
|
|
2307
|
-
w("span", L2,
|
|
2308
|
-
w("span", $2,
|
|
2307
|
+
w("span", L2, P(E.file.name), 1),
|
|
2308
|
+
w("span", $2, P(A(E.file.size)), 1)
|
|
2309
2309
|
]),
|
|
2310
2310
|
E.status === "uploading" ? (v(), f("div", V2, [
|
|
2311
|
-
w("span", I2,
|
|
2311
|
+
w("span", I2, P(E.progress) + "% ", 1),
|
|
2312
2312
|
w("progress", {
|
|
2313
2313
|
class: "ui-upload__progress",
|
|
2314
2314
|
value: E.progress,
|
|
@@ -2317,16 +2317,16 @@ const k2 = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2317
2317
|
}, null, 8, H2)
|
|
2318
2318
|
])) : O("", !0),
|
|
2319
2319
|
E.status === "success" ? (v(), f("span", B2, " Uploaded successful ")) : O("", !0),
|
|
2320
|
-
E.status === "error" ? (v(), f("span", _2,
|
|
2320
|
+
E.status === "error" ? (v(), f("span", _2, P(E.error || "Upload failed"), 1)) : O("", !0),
|
|
2321
2321
|
E.status === "canceled" ? (v(), f("span", D2, " Upload canceled ")) : O("", !0),
|
|
2322
2322
|
w("div", R2, [
|
|
2323
2323
|
E.status === "uploading" ? (v(), J(he, {
|
|
2324
2324
|
key: 0,
|
|
2325
2325
|
type: "button",
|
|
2326
2326
|
class: "btn-danger btn-xs",
|
|
2327
|
-
onClick: ne((
|
|
2327
|
+
onClick: ne((W) => y(E), ["stop"])
|
|
2328
2328
|
}, {
|
|
2329
|
-
default:
|
|
2329
|
+
default: G(() => [...L[8] || (L[8] = [
|
|
2330
2330
|
me(" Cancel ", -1)
|
|
2331
2331
|
])]),
|
|
2332
2332
|
_: 1
|
|
@@ -2335,9 +2335,9 @@ const k2 = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2335
2335
|
key: 1,
|
|
2336
2336
|
type: "button",
|
|
2337
2337
|
class: "btn-info btn-xs",
|
|
2338
|
-
onClick: ne((
|
|
2338
|
+
onClick: ne((W) => I(E), ["stop"])
|
|
2339
2339
|
}, {
|
|
2340
|
-
default:
|
|
2340
|
+
default: G(() => [...L[9] || (L[9] = [
|
|
2341
2341
|
me(" Retry ", -1)
|
|
2342
2342
|
])]),
|
|
2343
2343
|
_: 1
|
|
@@ -2346,10 +2346,10 @@ const k2 = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2346
2346
|
key: 2,
|
|
2347
2347
|
type: "button",
|
|
2348
2348
|
class: "btn-outline btn-xs",
|
|
2349
|
-
onClick: ne((
|
|
2349
|
+
onClick: ne((W) => q(E), ["stop"]),
|
|
2350
2350
|
"aria-label": "Remove file"
|
|
2351
2351
|
}, {
|
|
2352
|
-
default:
|
|
2352
|
+
default: G(() => [...L[10] || (L[10] = [
|
|
2353
2353
|
me(" Remove ", -1)
|
|
2354
2354
|
])]),
|
|
2355
2355
|
_: 1
|
|
@@ -2358,14 +2358,14 @@ const k2 = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2358
2358
|
], !0)
|
|
2359
2359
|
]))), 128))
|
|
2360
2360
|
])) : O("", !0),
|
|
2361
|
-
w("div", A2,
|
|
2361
|
+
w("div", A2, P(i.value), 1),
|
|
2362
2362
|
w("p", {
|
|
2363
|
-
id:
|
|
2363
|
+
id: D(r),
|
|
2364
2364
|
class: "sr-only"
|
|
2365
2365
|
}, " Drop files to upload ", 8, S2)
|
|
2366
2366
|
], 40, k2));
|
|
2367
2367
|
}
|
|
2368
|
-
}), Je = /* @__PURE__ */
|
|
2368
|
+
}), Je = /* @__PURE__ */ j(T2, [["__scopeId", "data-v-041ff337"]]);
|
|
2369
2369
|
Je.install = (e) => {
|
|
2370
2370
|
e.component("Upload", Je);
|
|
2371
2371
|
};
|
|
@@ -2383,8 +2383,8 @@ const Z2 = (e) => {
|
|
|
2383
2383
|
disabled: { type: Boolean, default: !1 }
|
|
2384
2384
|
},
|
|
2385
2385
|
setup(e) {
|
|
2386
|
-
const o = e, t = O2 + q2, a = m(!1), l = `tooltip-${
|
|
2387
|
-
let r = null,
|
|
2386
|
+
const o = e, t = O2 + q2, a = m(!1), l = `tooltip-${ce()}`, s = m(null), i = m(null), n = m({});
|
|
2387
|
+
let r = null, c = null, u = null;
|
|
2388
2388
|
const p = () => {
|
|
2389
2389
|
o.disabled || (r && (clearTimeout(r), r = null), o.delay ? r = window.setTimeout(() => {
|
|
2390
2390
|
a.value = !0, r = null;
|
|
@@ -2411,17 +2411,17 @@ const Z2 = (e) => {
|
|
|
2411
2411
|
break;
|
|
2412
2412
|
}
|
|
2413
2413
|
return x;
|
|
2414
|
-
},
|
|
2414
|
+
}, d = () => {
|
|
2415
2415
|
n.value = k();
|
|
2416
2416
|
};
|
|
2417
|
-
return
|
|
2417
|
+
return X(a, async (C) => {
|
|
2418
2418
|
if (!C) {
|
|
2419
|
-
|
|
2419
|
+
c?.(), c = null, u?.disconnect(), u = null;
|
|
2420
2420
|
return;
|
|
2421
2421
|
}
|
|
2422
|
-
await Me(),
|
|
2422
|
+
await Me(), d(), c = Z2(d), u = new ResizeObserver(d), i.value && u.observe(i.value), s.value && u.observe(s.value);
|
|
2423
2423
|
}), Ie(() => {
|
|
2424
|
-
|
|
2424
|
+
c?.(), u?.disconnect();
|
|
2425
2425
|
}), (C, $) => (v(), f(te, null, [
|
|
2426
2426
|
w("span", {
|
|
2427
2427
|
ref_key: "triggerRef",
|
|
@@ -2436,11 +2436,11 @@ const Z2 = (e) => {
|
|
|
2436
2436
|
onBlur: g,
|
|
2437
2437
|
onKeydown: ve(g, ["esc"])
|
|
2438
2438
|
}, [
|
|
2439
|
-
|
|
2439
|
+
Y(C.$slots, "default", {}, void 0, !0)
|
|
2440
2440
|
], 40, E2),
|
|
2441
2441
|
(v(), J(He, { to: "body" }, [
|
|
2442
|
-
|
|
2443
|
-
default:
|
|
2442
|
+
U($e, { name: "tooltip-fade" }, {
|
|
2443
|
+
default: G(() => [
|
|
2444
2444
|
a.value ? (v(), f("div", {
|
|
2445
2445
|
key: 0,
|
|
2446
2446
|
ref_key: "tooltipRef",
|
|
@@ -2454,8 +2454,8 @@ const Z2 = (e) => {
|
|
|
2454
2454
|
style: ye(n.value)
|
|
2455
2455
|
}, [
|
|
2456
2456
|
$[0] || ($[0] = w("div", { class: "tooltip-arrow" }, null, -1)),
|
|
2457
|
-
|
|
2458
|
-
me(
|
|
2457
|
+
Y(C.$slots, "content", {}, () => [
|
|
2458
|
+
me(P(e.content), 1)
|
|
2459
2459
|
], !0)
|
|
2460
2460
|
], 12, z2)) : O("", !0)
|
|
2461
2461
|
]),
|
|
@@ -2464,7 +2464,7 @@ const Z2 = (e) => {
|
|
|
2464
2464
|
]))
|
|
2465
2465
|
], 64));
|
|
2466
2466
|
}
|
|
2467
|
-
}), Qe = /* @__PURE__ */
|
|
2467
|
+
}), Qe = /* @__PURE__ */ j(N2, [["__scopeId", "data-v-c489ef7b"]]);
|
|
2468
2468
|
Qe.install = (e) => {
|
|
2469
2469
|
e.component("Tooltip", Qe);
|
|
2470
2470
|
};
|
|
@@ -2484,16 +2484,16 @@ const F2 = {
|
|
|
2484
2484
|
},
|
|
2485
2485
|
emits: ["click", "remove"],
|
|
2486
2486
|
setup(e, { emit: o }) {
|
|
2487
|
-
const t = e, a = o, l = m(), s =
|
|
2487
|
+
const t = e, a = o, l = m(), s = V(() => t.clickable || t.as === "button" || t.as === "a"), i = V(() => [
|
|
2488
2488
|
`ui-tag--${t.variant}`,
|
|
2489
2489
|
`ui-tag--${t.size}`,
|
|
2490
2490
|
{
|
|
2491
2491
|
"is-clickable": t.clickable,
|
|
2492
2492
|
"is-removable": t.removable
|
|
2493
2493
|
}
|
|
2494
|
-
]), n =
|
|
2494
|
+
]), n = V(() => t.clickable && t.as !== "button" && t.as !== "a"), r = (u) => {
|
|
2495
2495
|
t.disabled || !s.value || a("click", u);
|
|
2496
|
-
},
|
|
2496
|
+
}, c = () => a("remove");
|
|
2497
2497
|
return (u, p) => (v(), J(Ve(e.as), {
|
|
2498
2498
|
ref_key: "rootRef",
|
|
2499
2499
|
ref: l,
|
|
@@ -2507,21 +2507,21 @@ const F2 = {
|
|
|
2507
2507
|
p[1] || (p[1] = ve(ne((g) => !e.disabled && s.value && r(g), ["prevent"]), ["space"]))
|
|
2508
2508
|
]
|
|
2509
2509
|
}, {
|
|
2510
|
-
default:
|
|
2510
|
+
default: G(() => [
|
|
2511
2511
|
u.$slots.icon ? (v(), f("span", F2, [
|
|
2512
|
-
|
|
2512
|
+
Y(u.$slots, "icon", {}, void 0, !0)
|
|
2513
2513
|
])) : O("", !0),
|
|
2514
2514
|
w("span", P2, [
|
|
2515
|
-
|
|
2515
|
+
Y(u.$slots, "default", {}, void 0, !0)
|
|
2516
2516
|
]),
|
|
2517
2517
|
e.removable ? (v(), f("button", {
|
|
2518
2518
|
key: 1,
|
|
2519
2519
|
class: "ui-tag__remove",
|
|
2520
2520
|
type: "button",
|
|
2521
2521
|
"aria-label": `Remove ${e.textContent}`,
|
|
2522
|
-
onClick: ne(
|
|
2522
|
+
onClick: ne(c, ["stop"])
|
|
2523
2523
|
}, [
|
|
2524
|
-
|
|
2524
|
+
U(de, {
|
|
2525
2525
|
name: "close",
|
|
2526
2526
|
size: 32
|
|
2527
2527
|
})
|
|
@@ -2530,7 +2530,7 @@ const F2 = {
|
|
|
2530
2530
|
_: 3
|
|
2531
2531
|
}, 40, ["class", "aria-disabled", "tabindex", "role"]));
|
|
2532
2532
|
}
|
|
2533
|
-
}), j2 = /* @__PURE__ */
|
|
2533
|
+
}), j2 = /* @__PURE__ */ j(U2, [["__scopeId", "data-v-ea48b943"]]), Y2 = ["href", "aria-disabled", "tabindex", "target", "aria-current", "rel"], W2 = /* @__PURE__ */ S({
|
|
2534
2534
|
__name: "Link",
|
|
2535
2535
|
props: {
|
|
2536
2536
|
target: {},
|
|
@@ -2557,13 +2557,13 @@ const F2 = {
|
|
|
2557
2557
|
"aria-current": e.ariaCurrent,
|
|
2558
2558
|
rel: e.target === "_blank" ? "noopener noreferrer" : void 0
|
|
2559
2559
|
}, [
|
|
2560
|
-
|
|
2560
|
+
Y(s.$slots, "default", {}, void 0, !0)
|
|
2561
2561
|
], 8, Y2));
|
|
2562
2562
|
}
|
|
2563
|
-
}), Xn = /* @__PURE__ */
|
|
2563
|
+
}), Xn = /* @__PURE__ */ j(W2, [["__scopeId", "data-v-0f5d7308"]]), Pe = (e, o, t, a) => V(() => {
|
|
2564
2564
|
const l = [];
|
|
2565
2565
|
return e.invalid && e.errorMessage && l.push(t), o.hint && l.push(a), l.length > 0 ? l.join(" ") : void 0;
|
|
2566
|
-
}), Be = (e) =>
|
|
2566
|
+
}), Be = (e) => V(() => Object.keys(e).includes("required") && e.required !== "false" ? "true" : void 0), i1 = (e) => V(() => e.disabled === !0 ? "true" : void 0), X2 = (e, o, t) => {
|
|
2567
2567
|
o && (o.classList.add("focused"), t("focus", e));
|
|
2568
2568
|
}, G2 = (e, o, t, a) => {
|
|
2569
2569
|
ze(o, t), t && (t?.classList.remove("focused"), a("blur", e));
|
|
@@ -2580,7 +2580,7 @@ const F2 = {
|
|
|
2580
2580
|
id: e.hintId,
|
|
2581
2581
|
class: "visually-hidden"
|
|
2582
2582
|
}, [
|
|
2583
|
-
|
|
2583
|
+
Y(o.$slots, "default")
|
|
2584
2584
|
], 8, J2)) : O("", !0);
|
|
2585
2585
|
}
|
|
2586
2586
|
}), Q2 = ["id"], Ue = /* @__PURE__ */ S({
|
|
@@ -2609,7 +2609,7 @@ const F2 = {
|
|
|
2609
2609
|
id: e.errorId,
|
|
2610
2610
|
class: "error-text",
|
|
2611
2611
|
role: "alert"
|
|
2612
|
-
},
|
|
2612
|
+
}, P(e.errorMessage), 9, ea)) : O("", !0);
|
|
2613
2613
|
}
|
|
2614
2614
|
}), ta = ["for"], aa = ["id", "type", "value", "required", "aria-invalid", "aria-errormessage", "aria-describedby"], oa = /* @__PURE__ */ S({
|
|
2615
2615
|
__name: "Input",
|
|
@@ -2627,49 +2627,49 @@ const F2 = {
|
|
|
2627
2627
|
}),
|
|
2628
2628
|
emits: /* @__PURE__ */ Q(["focus", "blur"], ["update:modelValue"]),
|
|
2629
2629
|
setup(e, { emit: o }) {
|
|
2630
|
-
const t = fe(e, "modelValue"), a = e, l = o, s = Ne(), i =
|
|
2630
|
+
const t = fe(e, "modelValue"), a = e, l = o, s = Ne(), i = ce(), n = `${i}-error`, r = `${i}-hint`, c = Be(s).value, u = m(!1), p = V(() => t.value !== null && t.value !== void 0 && t.value !== ""), g = V(() => c ? `${r} ${i}-required-hint` : r), k = V(() => a.invalid === !0 && a.errorMessage ? n : void 0), d = V(() => a.type === "password" ? $.value ? "text" : "password" : a.type), C = V(() => {
|
|
2631
2631
|
const { type: y, ...I } = s;
|
|
2632
2632
|
return I;
|
|
2633
2633
|
}), $ = m(!1), x = () => $.value = !$.value, h = (y) => {
|
|
2634
2634
|
const I = y.target;
|
|
2635
2635
|
t.value = a.type === "number" ? Number(I.value) : I.value;
|
|
2636
|
-
},
|
|
2636
|
+
}, _ = (y) => {
|
|
2637
2637
|
u.value = !0, l("focus", y);
|
|
2638
|
-
},
|
|
2638
|
+
}, R = (y) => {
|
|
2639
2639
|
u.value = !1, l("blur", y);
|
|
2640
2640
|
};
|
|
2641
2641
|
return (y, I) => (v(), f("div", {
|
|
2642
|
-
class: le(["input-box", { required:
|
|
2642
|
+
class: le(["input-box", { required: D(c), error: e.invalid, filled: p.value, focused: u.value }])
|
|
2643
2643
|
}, [
|
|
2644
2644
|
w("label", {
|
|
2645
2645
|
for: e.id,
|
|
2646
2646
|
class: "label"
|
|
2647
|
-
},
|
|
2647
|
+
}, P(e.label), 9, ta),
|
|
2648
2648
|
w("input", Ce({
|
|
2649
2649
|
id: e.id,
|
|
2650
|
-
type:
|
|
2650
|
+
type: d.value
|
|
2651
2651
|
}, C.value, {
|
|
2652
2652
|
class: "input",
|
|
2653
2653
|
onInput: h,
|
|
2654
|
-
onFocus:
|
|
2655
|
-
onBlur:
|
|
2654
|
+
onFocus: _,
|
|
2655
|
+
onBlur: R,
|
|
2656
2656
|
value: t.value,
|
|
2657
|
-
required:
|
|
2657
|
+
required: D(c),
|
|
2658
2658
|
"aria-invalid": e.invalid ? "true" : void 0,
|
|
2659
2659
|
"aria-errormessage": k.value,
|
|
2660
|
-
"aria-describedby":
|
|
2660
|
+
"aria-describedby": D(Pe)(y.$props, y.$slots, n, g.value).value
|
|
2661
2661
|
}), null, 16, aa),
|
|
2662
|
-
|
|
2663
|
-
default:
|
|
2664
|
-
|
|
2662
|
+
U(Ke, { hintId: r }, {
|
|
2663
|
+
default: G(() => [
|
|
2664
|
+
Y(y.$slots, "hint", {}, void 0, !0)
|
|
2665
2665
|
]),
|
|
2666
2666
|
_: 3
|
|
2667
2667
|
}),
|
|
2668
|
-
|
|
2669
|
-
baseId:
|
|
2670
|
-
isRequired:
|
|
2668
|
+
U(Ue, {
|
|
2669
|
+
baseId: D(i),
|
|
2670
|
+
isRequired: D(c)
|
|
2671
2671
|
}, null, 8, ["baseId", "isRequired"]),
|
|
2672
|
-
|
|
2672
|
+
U(je, {
|
|
2673
2673
|
errorId: n,
|
|
2674
2674
|
invalid: e.invalid,
|
|
2675
2675
|
errorMessage: e.errorMessage
|
|
@@ -2680,8 +2680,8 @@ const F2 = {
|
|
|
2680
2680
|
onClick: x,
|
|
2681
2681
|
"aria-label": $.value ? "Hide password" : "Show password"
|
|
2682
2682
|
}), {
|
|
2683
|
-
default:
|
|
2684
|
-
|
|
2683
|
+
default: G(() => [
|
|
2684
|
+
U(de, {
|
|
2685
2685
|
name: $.value ? "eyeOff" : "eye"
|
|
2686
2686
|
}, null, 8, ["name"])
|
|
2687
2687
|
]),
|
|
@@ -2689,7 +2689,7 @@ const F2 = {
|
|
|
2689
2689
|
}, 16, ["aria-label"])) : O("", !0)
|
|
2690
2690
|
], 2));
|
|
2691
2691
|
}
|
|
2692
|
-
}), Gn = /* @__PURE__ */
|
|
2692
|
+
}), Gn = /* @__PURE__ */ j(oa, [["__scopeId", "data-v-97f2485f"]]), na = ["data-size", "data-shape", "aria-label", "aria-busy"], la = {
|
|
2693
2693
|
key: 1,
|
|
2694
2694
|
class: "ui-avatar__loading"
|
|
2695
2695
|
}, ra = {
|
|
@@ -2706,11 +2706,11 @@ const F2 = {
|
|
|
2706
2706
|
shape: { default: "circle" }
|
|
2707
2707
|
},
|
|
2708
2708
|
setup(e) {
|
|
2709
|
-
const o = e, t = m("loading"), a =
|
|
2710
|
-
return
|
|
2709
|
+
const o = e, t = m("loading"), a = V(() => o.src && t.value !== "error"), l = V(() => o.name ? o.name.split(" ").map((r) => r[0]).slice(0, 2).join("").toUpperCase() : ""), s = V(() => o.alt ? o.alt : o.name ? o.name : "Avatar"), i = () => t.value = "loaded", n = () => t.value = "error";
|
|
2710
|
+
return X(
|
|
2711
2711
|
() => o.src,
|
|
2712
2712
|
() => o.src && (t.value = "loading")
|
|
2713
|
-
),
|
|
2713
|
+
), ae(() => !o.src && (t.value = "error")), (r, c) => (v(), f("div", {
|
|
2714
2714
|
class: "ui-avatar",
|
|
2715
2715
|
"data-size": e.size,
|
|
2716
2716
|
"data-shape": e.shape,
|
|
@@ -2725,13 +2725,13 @@ const F2 = {
|
|
|
2725
2725
|
onLoad: i,
|
|
2726
2726
|
onError: n
|
|
2727
2727
|
}, null, 8, ["src", "alt"])) : t.value === "loading" ? (v(), f("div", la)) : (v(), f("div", ra, [
|
|
2728
|
-
|
|
2729
|
-
me(
|
|
2728
|
+
Y(r.$slots, "default", {}, () => [
|
|
2729
|
+
me(P(l.value), 1)
|
|
2730
2730
|
], !0)
|
|
2731
2731
|
]))
|
|
2732
2732
|
], 8, na));
|
|
2733
2733
|
}
|
|
2734
|
-
}), Jn = /* @__PURE__ */
|
|
2734
|
+
}), Jn = /* @__PURE__ */ j(sa, [["__scopeId", "data-v-e36c822a"]]), ia = ["id", "aria-expanded", "aria-invalid", "aria-labelledby", "aria-required", "aria-describedby", "aria-activedescendant", "aria-disabled"], ua = ["innerHTML"], ca = ["id", "aria-disabled", "aria-selected", "onClick"], da = ["innerHTML"], va = /* @__PURE__ */ S({
|
|
2735
2735
|
__name: "Select",
|
|
2736
2736
|
props: /* @__PURE__ */ Q({
|
|
2737
2737
|
id: {},
|
|
@@ -2746,94 +2746,94 @@ const F2 = {
|
|
|
2746
2746
|
emits: /* @__PURE__ */ Q(["focus", "blur", "change", "click"], ["update:modelValue"]),
|
|
2747
2747
|
setup(e, { emit: o }) {
|
|
2748
2748
|
const t = fe(e, "modelValue"), a = e, l = o, s = m(!1);
|
|
2749
|
-
|
|
2750
|
-
|
|
2749
|
+
X(s, (T) => {
|
|
2750
|
+
T ? document.addEventListener("mousedown", ee) : document.removeEventListener("mousedown", ee);
|
|
2751
2751
|
});
|
|
2752
|
-
const i = Ne(), n = m(!1), r = m(null),
|
|
2753
|
-
|
|
2752
|
+
const i = Ne(), n = m(!1), r = m(null), c = V(() => a.id ?? ce()), u = `${c.value}-label`, p = `${c.value}-listbox`, g = `${c.value}-error`, k = `${c.value}-hint`, d = `${c.value}-value`, C = m(null), $ = m(null), x = V(() => t.value !== null && t.value !== void 0 && t.value !== ""), h = V(() => C.value !== null ? `${p}-option-${C.value}` : void 0), _ = Be(i).value, R = V(() => _ ? `${k} ${c.value}-required-hint` : k), y = V(() => s.value && h.value ? h.value : void 0), I = V(() => $.value !== null ? a.options[$.value]?.value : "");
|
|
2753
|
+
X(
|
|
2754
2754
|
() => t.value,
|
|
2755
2755
|
() => re()
|
|
2756
2756
|
);
|
|
2757
|
-
const b = (
|
|
2758
|
-
n.value = !0, l("focus",
|
|
2759
|
-
},
|
|
2760
|
-
const N =
|
|
2761
|
-
!
|
|
2762
|
-
}, B = (
|
|
2763
|
-
s.value = !s.value, s.value && t.value.toString().length > 0 && (C.value = C.value ?? a.options.findIndex((N) => !N.disabled)), !(!a.options || a.options.length === 0) && l("click",
|
|
2764
|
-
}, q = (
|
|
2765
|
-
const
|
|
2766
|
-
!
|
|
2767
|
-
}, M = (
|
|
2768
|
-
if (!s.value && ["ArrowDown", "ArrowUp"].includes(
|
|
2769
|
-
s.value = !0, C.value = C.value ?? a.options.findIndex((N) => !N.disabled),
|
|
2757
|
+
const b = (T) => {
|
|
2758
|
+
n.value = !0, l("focus", T);
|
|
2759
|
+
}, A = (T) => {
|
|
2760
|
+
const N = T.relatedTarget, H = r.value;
|
|
2761
|
+
!H || H?.contains(N) || (n.value = !1, s.value = !1, l("blur", T));
|
|
2762
|
+
}, B = (T) => {
|
|
2763
|
+
s.value = !s.value, s.value && t.value.toString().length > 0 && (C.value = C.value ?? a.options.findIndex((N) => !N.disabled)), !(!a.options || a.options.length === 0) && l("click", T);
|
|
2764
|
+
}, q = (T, N) => {
|
|
2765
|
+
const H = r.value;
|
|
2766
|
+
!H || T.disabled || ($.value = N, C.value = N, T && T.key && T.key.toString().length > 0 ? H.classList.add("filled") : H.classList.remove("filled"), t.value = T.key, l("change", T.key));
|
|
2767
|
+
}, M = (T) => {
|
|
2768
|
+
if (!s.value && ["ArrowDown", "ArrowUp"].includes(T.key)) {
|
|
2769
|
+
s.value = !0, C.value = C.value ?? a.options.findIndex((N) => !N.disabled), T.preventDefault();
|
|
2770
2770
|
return;
|
|
2771
2771
|
}
|
|
2772
2772
|
if (s.value) {
|
|
2773
|
-
if (
|
|
2773
|
+
if (T.key === "ArrowDown" && (L(1), T.preventDefault()), T.key === "ArrowUp" && (L(-1), T.preventDefault()), T.key === "Home") {
|
|
2774
2774
|
const N = E();
|
|
2775
|
-
N >= 0 && (C.value = N),
|
|
2775
|
+
N >= 0 && (C.value = N), T.preventDefault();
|
|
2776
2776
|
}
|
|
2777
|
-
if (
|
|
2778
|
-
const N =
|
|
2779
|
-
N >= 0 && (C.value = N),
|
|
2777
|
+
if (T.key === "End") {
|
|
2778
|
+
const N = W();
|
|
2779
|
+
N >= 0 && (C.value = N), T.preventDefault();
|
|
2780
2780
|
}
|
|
2781
|
-
if (
|
|
2781
|
+
if (T.key === "Enter" || T.key === " ") {
|
|
2782
2782
|
if (C.value === null) return;
|
|
2783
2783
|
const N = a.options[C.value];
|
|
2784
2784
|
if (!N || N.disabled) return;
|
|
2785
|
-
q(N, C.value), s.value = !1,
|
|
2785
|
+
q(N, C.value), s.value = !1, T.preventDefault();
|
|
2786
2786
|
}
|
|
2787
|
-
|
|
2787
|
+
T.key === "Escape" && (s.value = !1);
|
|
2788
2788
|
}
|
|
2789
|
-
}, L = (
|
|
2789
|
+
}, L = (T) => {
|
|
2790
2790
|
if (C.value === null) return;
|
|
2791
2791
|
let N = C.value;
|
|
2792
2792
|
do
|
|
2793
|
-
N +=
|
|
2793
|
+
N += T;
|
|
2794
2794
|
while (N >= 0 && N < a.options.length && a.options[N]?.disabled);
|
|
2795
2795
|
N >= 0 && N < a.options.length && (C.value = N);
|
|
2796
|
-
}, E = () => a.options.findIndex((
|
|
2796
|
+
}, E = () => a.options.findIndex((T) => !T.disabled), W = () => [...a.options].reverse().findIndex((T) => !T.disabled) >= 0 ? a.options.length - 1 - [...a.options].reverse().findIndex((T) => !T.disabled) : -1, ee = (T) => {
|
|
2797
2797
|
const N = r.value;
|
|
2798
|
-
!N || N.contains(
|
|
2798
|
+
!N || N.contains(T.target) || (s.value = !1);
|
|
2799
2799
|
};
|
|
2800
2800
|
Ie(() => {
|
|
2801
2801
|
document.removeEventListener("mousedown", ee);
|
|
2802
2802
|
});
|
|
2803
2803
|
const re = () => {
|
|
2804
|
-
const
|
|
2805
|
-
if (
|
|
2806
|
-
$.value =
|
|
2804
|
+
const T = a.options.findIndex((N) => N.key === t.value);
|
|
2805
|
+
if (T > -1) {
|
|
2806
|
+
$.value = T, C.value = T;
|
|
2807
2807
|
const N = r.value;
|
|
2808
2808
|
N && N.classList.add("filled");
|
|
2809
2809
|
}
|
|
2810
2810
|
};
|
|
2811
|
-
return
|
|
2811
|
+
return ae(() => {
|
|
2812
2812
|
if (t.value.toString().length > 0) {
|
|
2813
2813
|
if (!a.options || a.options.length === 0) return;
|
|
2814
2814
|
re();
|
|
2815
2815
|
}
|
|
2816
|
-
}), (
|
|
2816
|
+
}), (T, N) => (v(), f("div", {
|
|
2817
2817
|
ref_key: "selectRef",
|
|
2818
2818
|
ref: r,
|
|
2819
|
-
class: le(["select-box", { required: Object.keys(
|
|
2819
|
+
class: le(["select-box", { required: Object.keys(T.$attrs).includes("required"), error: e.invalid, filled: x.value, focused: n.value }])
|
|
2820
2820
|
}, [
|
|
2821
2821
|
w("button", Ce({
|
|
2822
|
-
id:
|
|
2822
|
+
id: c.value,
|
|
2823
2823
|
class: "select-btn",
|
|
2824
2824
|
role: "combobox",
|
|
2825
2825
|
type: "button"
|
|
2826
|
-
},
|
|
2826
|
+
}, T.$attrs, {
|
|
2827
2827
|
"aria-haspopup": "listbox",
|
|
2828
2828
|
"aria-expanded": s.value,
|
|
2829
2829
|
"aria-controls": p,
|
|
2830
2830
|
"aria-invalid": e.invalid ? "true" : void 0,
|
|
2831
|
-
"aria-labelledby": `${u} ${
|
|
2832
|
-
"aria-required":
|
|
2833
|
-
"aria-describedby":
|
|
2831
|
+
"aria-labelledby": `${u} ${d}`,
|
|
2832
|
+
"aria-required": D(_),
|
|
2833
|
+
"aria-describedby": D(Pe)(T.$props, T.$slots, g, R.value).value,
|
|
2834
2834
|
"aria-activedescendant": y.value,
|
|
2835
|
-
"aria-disabled":
|
|
2836
|
-
onBlur:
|
|
2835
|
+
"aria-disabled": D(i).disabled ? "true" : void 0,
|
|
2836
|
+
onBlur: A,
|
|
2837
2837
|
onFocus: b,
|
|
2838
2838
|
onClick: B,
|
|
2839
2839
|
onKeydown: M,
|
|
@@ -2842,64 +2842,64 @@ const F2 = {
|
|
|
2842
2842
|
w("span", {
|
|
2843
2843
|
id: u,
|
|
2844
2844
|
class: "label"
|
|
2845
|
-
},
|
|
2845
|
+
}, P(e.label), 1),
|
|
2846
2846
|
w("span", {
|
|
2847
|
-
id:
|
|
2847
|
+
id: d,
|
|
2848
2848
|
class: "selected-object",
|
|
2849
2849
|
"aria-live": "polite",
|
|
2850
2850
|
"aria-atomic": "true",
|
|
2851
2851
|
innerHTML: I.value
|
|
2852
2852
|
}, null, 8, ua),
|
|
2853
|
-
|
|
2853
|
+
U(de, {
|
|
2854
2854
|
name: "directionDown",
|
|
2855
2855
|
"aria-hidden": "true"
|
|
2856
2856
|
})
|
|
2857
2857
|
], 16, ia),
|
|
2858
|
-
|
|
2859
|
-
default:
|
|
2858
|
+
U($e, { name: "select" }, {
|
|
2859
|
+
default: G(() => [
|
|
2860
2860
|
we(w("ul", {
|
|
2861
2861
|
id: p,
|
|
2862
2862
|
role: "listbox",
|
|
2863
2863
|
class: "options"
|
|
2864
2864
|
}, [
|
|
2865
|
-
(v(!0), f(te, null, ue(e.options, (
|
|
2866
|
-
id: `${p}-option-${
|
|
2867
|
-
key:
|
|
2865
|
+
(v(!0), f(te, null, ue(e.options, (H, z) => (v(), f("li", {
|
|
2866
|
+
id: `${p}-option-${z}`,
|
|
2867
|
+
key: z,
|
|
2868
2868
|
role: "option",
|
|
2869
|
-
class: le(["option", { "focus-visible": C.value ===
|
|
2870
|
-
"aria-disabled":
|
|
2871
|
-
"aria-selected": $.value ===
|
|
2872
|
-
onClick: (
|
|
2869
|
+
class: le(["option", { "focus-visible": C.value === z }]),
|
|
2870
|
+
"aria-disabled": H.disabled,
|
|
2871
|
+
"aria-selected": $.value === z,
|
|
2872
|
+
onClick: (Z) => !H.disabled && q(H, z)
|
|
2873
2873
|
}, [
|
|
2874
2874
|
w("div", {
|
|
2875
2875
|
class: "option-value",
|
|
2876
|
-
innerHTML:
|
|
2877
|
-
}, null, 8,
|
|
2878
|
-
], 10,
|
|
2876
|
+
innerHTML: H.value
|
|
2877
|
+
}, null, 8, da)
|
|
2878
|
+
], 10, ca))), 128))
|
|
2879
2879
|
], 512), [
|
|
2880
2880
|
[qe, s.value]
|
|
2881
2881
|
])
|
|
2882
2882
|
]),
|
|
2883
2883
|
_: 1
|
|
2884
2884
|
}),
|
|
2885
|
-
|
|
2886
|
-
default:
|
|
2887
|
-
|
|
2885
|
+
U(Ke, { hintId: k }, {
|
|
2886
|
+
default: G(() => [
|
|
2887
|
+
Y(T.$slots, "hint", {}, void 0, !0)
|
|
2888
2888
|
]),
|
|
2889
2889
|
_: 3
|
|
2890
2890
|
}),
|
|
2891
|
-
|
|
2892
|
-
baseId:
|
|
2893
|
-
isRequired:
|
|
2891
|
+
U(Ue, {
|
|
2892
|
+
baseId: c.value,
|
|
2893
|
+
isRequired: D(_)
|
|
2894
2894
|
}, null, 8, ["baseId", "isRequired"]),
|
|
2895
|
-
|
|
2895
|
+
U(je, {
|
|
2896
2896
|
errorId: g,
|
|
2897
2897
|
invalid: e.invalid,
|
|
2898
2898
|
errorMessage: e.errorMessage
|
|
2899
2899
|
}, null, 8, ["invalid", "errorMessage"])
|
|
2900
2900
|
], 2));
|
|
2901
2901
|
}
|
|
2902
|
-
}), Qn = /* @__PURE__ */
|
|
2902
|
+
}), Qn = /* @__PURE__ */ j(va, [["__scopeId", "data-v-31f7b19f"]]), fa = ["aria-label"], pa = ["onKeydown"], Ca = {
|
|
2903
2903
|
key: 1,
|
|
2904
2904
|
class: "rs-gallery-thumbs"
|
|
2905
2905
|
}, ma = ["aria-selected"], ha = ["onClick"], ya = /* @__PURE__ */ S({
|
|
@@ -2923,11 +2923,11 @@ const F2 = {
|
|
|
2923
2923
|
}),
|
|
2924
2924
|
emits: /* @__PURE__ */ Q(["change"], ["update:modelValue"]),
|
|
2925
2925
|
setup(e, { emit: o }) {
|
|
2926
|
-
const t = fe(e, "modelValue"), a = e, l = o, s = m([]), i = m("next"), n = m(null), r = `gallery-caption-${
|
|
2927
|
-
h && (s.value[
|
|
2926
|
+
const t = fe(e, "modelValue"), a = e, l = o, s = m([]), i = m("next"), n = m(null), r = `gallery-caption-${ce()}`, c = m(null), u = V(() => t.value), p = V(() => a.images[u.value]), g = (h, _) => {
|
|
2927
|
+
h && (s.value[_] = h);
|
|
2928
2928
|
}, k = (h) => {
|
|
2929
2929
|
h !== u.value && (i.value = h > u.value ? "next" : "prev", t.value = h, l("change", h));
|
|
2930
|
-
},
|
|
2930
|
+
}, d = () => {
|
|
2931
2931
|
if (u.value === a.images.length - 1) {
|
|
2932
2932
|
a.loop && k(0);
|
|
2933
2933
|
return;
|
|
@@ -2940,21 +2940,21 @@ const F2 = {
|
|
|
2940
2940
|
}
|
|
2941
2941
|
k(u.value - 1);
|
|
2942
2942
|
}, $ = () => {
|
|
2943
|
-
|
|
2943
|
+
c.value && (n.value = c.value.offsetHeight);
|
|
2944
2944
|
}, x = () => {
|
|
2945
2945
|
n.value = null;
|
|
2946
2946
|
};
|
|
2947
|
-
return
|
|
2947
|
+
return X(u, async (h) => {
|
|
2948
2948
|
await Me();
|
|
2949
|
-
const
|
|
2950
|
-
|
|
2949
|
+
const _ = s.value[h];
|
|
2950
|
+
_ && _.scrollIntoView({
|
|
2951
2951
|
behavior: window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "auto" : "smooth",
|
|
2952
2952
|
inline: "center",
|
|
2953
2953
|
block: "nearest"
|
|
2954
2954
|
});
|
|
2955
|
-
}),
|
|
2955
|
+
}), X(() => a.images, () => {
|
|
2956
2956
|
s.value = [];
|
|
2957
|
-
}), (h,
|
|
2957
|
+
}), (h, _) => (v(), f("div", {
|
|
2958
2958
|
role: "region",
|
|
2959
2959
|
class: "rs-gallery",
|
|
2960
2960
|
"aria-roledescription": "carousel",
|
|
@@ -2964,22 +2964,22 @@ const F2 = {
|
|
|
2964
2964
|
}, [
|
|
2965
2965
|
w("div", {
|
|
2966
2966
|
ref_key: "previewRef",
|
|
2967
|
-
ref:
|
|
2967
|
+
ref: c,
|
|
2968
2968
|
tabindex: "0",
|
|
2969
2969
|
class: "rs-gallery-review",
|
|
2970
2970
|
style: ye(n.value ? { height: `${n.value}px` } : void 0),
|
|
2971
2971
|
onKeydown: [
|
|
2972
2972
|
ve(ne(C, ["prevent"]), ["left"]),
|
|
2973
|
-
ve(ne(
|
|
2973
|
+
ve(ne(d, ["prevent"]), ["right"])
|
|
2974
2974
|
]
|
|
2975
2975
|
}, [
|
|
2976
|
-
|
|
2976
|
+
U($e, {
|
|
2977
2977
|
name: `rs-gallery-slide-${i.value}`,
|
|
2978
2978
|
mode: "out-in",
|
|
2979
2979
|
onBeforeLeave: $,
|
|
2980
2980
|
onAfterEnter: x
|
|
2981
2981
|
}, {
|
|
2982
|
-
default:
|
|
2982
|
+
default: G(() => [
|
|
2983
2983
|
p.value ? (v(), J(Le, {
|
|
2984
2984
|
key: p.value.src,
|
|
2985
2985
|
src: p.value.src,
|
|
@@ -2989,7 +2989,7 @@ const F2 = {
|
|
|
2989
2989
|
]),
|
|
2990
2990
|
_: 1
|
|
2991
2991
|
}, 8, ["name"]),
|
|
2992
|
-
|
|
2992
|
+
Y(h.$slots, "overlay", {
|
|
2993
2993
|
image: p.value,
|
|
2994
2994
|
index: u.value
|
|
2995
2995
|
}, void 0, !0)
|
|
@@ -2998,10 +2998,10 @@ const F2 = {
|
|
|
2998
2998
|
key: 0,
|
|
2999
2999
|
id: r,
|
|
3000
3000
|
class: "rs-gallery-caption"
|
|
3001
|
-
},
|
|
3001
|
+
}, P(p.value.title), 1)) : O("", !0),
|
|
3002
3002
|
e.showThumbnails ? (v(), f("ul", Ca, [
|
|
3003
|
-
(v(!0), f(te, null, ue(e.images, (
|
|
3004
|
-
key:
|
|
3003
|
+
(v(!0), f(te, null, ue(e.images, (R, y) => (v(), f("li", {
|
|
3004
|
+
key: R.src,
|
|
3005
3005
|
ref_for: !0,
|
|
3006
3006
|
ref: (I) => g(I, y),
|
|
3007
3007
|
"aria-selected": u.value === y
|
|
@@ -3011,8 +3011,8 @@ const F2 = {
|
|
|
3011
3011
|
class: le(["rs-gallery-thumb", { active: u.value === y }]),
|
|
3012
3012
|
onClick: (I) => k(y)
|
|
3013
3013
|
}, [
|
|
3014
|
-
|
|
3015
|
-
src:
|
|
3014
|
+
U(Le, {
|
|
3015
|
+
src: R.src,
|
|
3016
3016
|
alt: `Select image ${y + 1}`,
|
|
3017
3017
|
transform: e.transformThumbnails
|
|
3018
3018
|
}, null, 8, ["src", "alt", "transform"])
|
|
@@ -3021,7 +3021,7 @@ const F2 = {
|
|
|
3021
3021
|
])) : O("", !0)
|
|
3022
3022
|
], 8, fa));
|
|
3023
3023
|
}
|
|
3024
|
-
}), u1 = /* @__PURE__ */
|
|
3024
|
+
}), u1 = /* @__PURE__ */ j(ya, [["__scopeId", "data-v-dcfacff6"]]), ga = ["aria-label"], ba = ["onClick"], ka = /* @__PURE__ */ S({
|
|
3025
3025
|
__name: "GalleryGrid",
|
|
3026
3026
|
props: {
|
|
3027
3027
|
images: {},
|
|
@@ -3048,7 +3048,7 @@ const F2 = {
|
|
|
3048
3048
|
class: "grid-item",
|
|
3049
3049
|
onClick: (s) => o.$emit("change", l)
|
|
3050
3050
|
}, [
|
|
3051
|
-
|
|
3051
|
+
U(Le, {
|
|
3052
3052
|
src: a.src,
|
|
3053
3053
|
alt: a.alt || "",
|
|
3054
3054
|
transform: e.transform
|
|
@@ -3056,7 +3056,7 @@ const F2 = {
|
|
|
3056
3056
|
], 8, ba))), 128))
|
|
3057
3057
|
], 12, ga));
|
|
3058
3058
|
}
|
|
3059
|
-
}),
|
|
3059
|
+
}), c1 = /* @__PURE__ */ j(ka, [["__scopeId", "data-v-17067a4b"]]), _e = /* @__PURE__ */ Symbol("ModalContext");
|
|
3060
3060
|
let Te = 0, e1 = 0, Ze = null;
|
|
3061
3061
|
const Oe = S({
|
|
3062
3062
|
name: "Modal",
|
|
@@ -3074,14 +3074,14 @@ const Oe = S({
|
|
|
3074
3074
|
},
|
|
3075
3075
|
emits: ["update:open", "opened", "closed"],
|
|
3076
3076
|
setup(e, { emit: o, slots: t }) {
|
|
3077
|
-
const a = m(!1), l = m(e.open), s =
|
|
3078
|
-
|
|
3077
|
+
const a = m(!1), l = m(e.open), s = ce(), i = `modal-title-${s}`, n = `modal-desc-${s}`;
|
|
3078
|
+
X(() => e.open, (p) => l.value = p), X(l, (p) => {
|
|
3079
3079
|
o("update:open", p), o(p ? "opened" : "closed");
|
|
3080
3080
|
});
|
|
3081
|
-
const r = () => l.value = !1,
|
|
3081
|
+
const r = () => l.value = !1, c = V(() => e.motion), u = V(() => e.size);
|
|
3082
3082
|
return ge(_e, {
|
|
3083
3083
|
isOpen: l,
|
|
3084
|
-
motion:
|
|
3084
|
+
motion: c,
|
|
3085
3085
|
size: u,
|
|
3086
3086
|
close: r,
|
|
3087
3087
|
closeOnOverlay: e.closeOnOverlay,
|
|
@@ -3090,7 +3090,7 @@ const Oe = S({
|
|
|
3090
3090
|
hasTitle: a
|
|
3091
3091
|
}), () => t.default?.();
|
|
3092
3092
|
}
|
|
3093
|
-
}),
|
|
3093
|
+
}), d1 = S({
|
|
3094
3094
|
name: "ModalContent",
|
|
3095
3095
|
setup(e, { slots: o }) {
|
|
3096
3096
|
const t = ie(_e);
|
|
@@ -3109,21 +3109,21 @@ const Oe = S({
|
|
|
3109
3109
|
u.setAttribute("tabindex", "-1"), u.focus();
|
|
3110
3110
|
return;
|
|
3111
3111
|
}
|
|
3112
|
-
const g = p[0], k = p[p.length - 1],
|
|
3112
|
+
const g = p[0], k = p[p.length - 1], d = (C) => {
|
|
3113
3113
|
C.key === "Tab" && (C.shiftKey && document.activeElement === g ? (C.preventDefault(), k?.focus()) : !C.shiftKey && document.activeElement === k && (C.preventDefault(), g?.focus()));
|
|
3114
3114
|
};
|
|
3115
|
-
u.addEventListener("keydown",
|
|
3116
|
-
u.removeEventListener("keydown",
|
|
3115
|
+
u.addEventListener("keydown", d), g?.focus(), i = () => {
|
|
3116
|
+
u.removeEventListener("keydown", d), i = null;
|
|
3117
3117
|
};
|
|
3118
3118
|
}, r = () => {
|
|
3119
3119
|
++e1 === 1 && (document.body.style.overflow = "hidden");
|
|
3120
|
-
},
|
|
3120
|
+
}, c = () => {
|
|
3121
3121
|
--e1 === 0 && (document.body.style.overflow = "");
|
|
3122
3122
|
};
|
|
3123
|
-
return () =>
|
|
3123
|
+
return () => K(
|
|
3124
3124
|
He,
|
|
3125
3125
|
{ to: "body" },
|
|
3126
|
-
|
|
3126
|
+
K(
|
|
3127
3127
|
$e,
|
|
3128
3128
|
{
|
|
3129
3129
|
name: `modal-${t.motion.value}`,
|
|
@@ -3135,17 +3135,17 @@ const Oe = S({
|
|
|
3135
3135
|
a.value && (n(a.value), document.addEventListener("keydown", s));
|
|
3136
3136
|
},
|
|
3137
3137
|
onAfterLeave: () => {
|
|
3138
|
-
Te--, document.removeEventListener("keydown", s), i?.(),
|
|
3138
|
+
Te--, document.removeEventListener("keydown", s), i?.(), c(), Ze?.focus(), Ze = null;
|
|
3139
3139
|
}
|
|
3140
3140
|
},
|
|
3141
3141
|
{
|
|
3142
|
-
default: () => t.isOpen.value ?
|
|
3142
|
+
default: () => t.isOpen.value ? K(
|
|
3143
3143
|
"div",
|
|
3144
3144
|
{
|
|
3145
3145
|
class: "modal-overlay",
|
|
3146
3146
|
onClick: () => t.closeOnOverlay && t.close()
|
|
3147
3147
|
},
|
|
3148
|
-
|
|
3148
|
+
K(
|
|
3149
3149
|
"div",
|
|
3150
3150
|
{
|
|
3151
3151
|
ref: a,
|
|
@@ -3168,29 +3168,29 @@ const Oe = S({
|
|
|
3168
3168
|
setup(e, { slots: o }) {
|
|
3169
3169
|
const t = ie(_e);
|
|
3170
3170
|
if (!t) throw new Error("ModalTitle components must be used inside <Modal>");
|
|
3171
|
-
return t.hasTitle.value = !0, () =>
|
|
3171
|
+
return t.hasTitle.value = !0, () => K("h2", { id: t.labelId }, o.default?.());
|
|
3172
3172
|
}
|
|
3173
3173
|
}), f1 = S({
|
|
3174
3174
|
name: "ModalHeader",
|
|
3175
3175
|
setup(e, { slots: o }) {
|
|
3176
|
-
return () =>
|
|
3176
|
+
return () => K("div", { class: "modal-header" }, o.default?.());
|
|
3177
3177
|
}
|
|
3178
3178
|
}), p1 = S({
|
|
3179
3179
|
name: "ModalBody",
|
|
3180
3180
|
setup(e, { slots: o }) {
|
|
3181
|
-
return () =>
|
|
3181
|
+
return () => K("div", { class: "modal-body" }, o.default?.());
|
|
3182
3182
|
}
|
|
3183
3183
|
}), el = S({
|
|
3184
3184
|
name: "ModalFooter",
|
|
3185
3185
|
setup(e, { slots: o }) {
|
|
3186
|
-
return () =>
|
|
3186
|
+
return () => K("div", { class: "modal-footer" }, o.default?.());
|
|
3187
3187
|
}
|
|
3188
3188
|
}), C1 = S({
|
|
3189
3189
|
name: "ModalClose",
|
|
3190
3190
|
setup() {
|
|
3191
3191
|
const e = ie(_e);
|
|
3192
3192
|
if (!e) throw new Error("ModalClose components must be used inside <Modal>");
|
|
3193
|
-
return () =>
|
|
3193
|
+
return () => K(
|
|
3194
3194
|
"button",
|
|
3195
3195
|
{
|
|
3196
3196
|
class: "modal-close",
|
|
@@ -3198,13 +3198,13 @@ const Oe = S({
|
|
|
3198
3198
|
"aria-label": "Close modal",
|
|
3199
3199
|
onClick: e.close
|
|
3200
3200
|
},
|
|
3201
|
-
|
|
3201
|
+
K(de, { name: "close", size: 32 })
|
|
3202
3202
|
);
|
|
3203
3203
|
}
|
|
3204
3204
|
});
|
|
3205
3205
|
Object.assign(Oe, {
|
|
3206
3206
|
install(e) {
|
|
3207
|
-
e.component("Modal", Oe), e.component("ModalBody", p1), e.component("ModalTitle", v1), e.component("ModalClose", C1), e.component("ModalHeader", f1), e.component("ModalContent",
|
|
3207
|
+
e.component("Modal", Oe), e.component("ModalBody", p1), e.component("ModalTitle", v1), e.component("ModalClose", C1), e.component("ModalHeader", f1), e.component("ModalContent", d1);
|
|
3208
3208
|
}
|
|
3209
3209
|
});
|
|
3210
3210
|
const wa = /* @__PURE__ */ S({
|
|
@@ -3226,36 +3226,36 @@ const wa = /* @__PURE__ */ S({
|
|
|
3226
3226
|
o.value = s, t.value = !0;
|
|
3227
3227
|
}, l = () => t.value = !1;
|
|
3228
3228
|
return (s, i) => (v(), f(te, null, [
|
|
3229
|
-
|
|
3229
|
+
U(c1, {
|
|
3230
3230
|
images: e.images,
|
|
3231
3231
|
onChange: a,
|
|
3232
3232
|
"aria-label": e.ariaLabel,
|
|
3233
3233
|
transform: e.transform
|
|
3234
3234
|
}, null, 8, ["images", "aria-label", "transform"]),
|
|
3235
|
-
|
|
3235
|
+
U(D(Oe), {
|
|
3236
3236
|
open: t.value,
|
|
3237
3237
|
"onUpdate:open": i[2] || (i[2] = (n) => t.value = n),
|
|
3238
3238
|
motion: "fade",
|
|
3239
3239
|
size: "xl"
|
|
3240
3240
|
}, {
|
|
3241
|
-
default:
|
|
3242
|
-
|
|
3243
|
-
default:
|
|
3244
|
-
|
|
3245
|
-
default:
|
|
3246
|
-
|
|
3247
|
-
default:
|
|
3241
|
+
default: G(() => [
|
|
3242
|
+
U(D(d1), null, {
|
|
3243
|
+
default: G(() => [
|
|
3244
|
+
U(D(f1), null, {
|
|
3245
|
+
default: G(() => [
|
|
3246
|
+
U(D(v1), null, {
|
|
3247
|
+
default: G(() => [...i[3] || (i[3] = [
|
|
3248
3248
|
me("Image Gallery", -1)
|
|
3249
3249
|
])]),
|
|
3250
3250
|
_: 1
|
|
3251
3251
|
}),
|
|
3252
|
-
|
|
3252
|
+
U(D(C1))
|
|
3253
3253
|
]),
|
|
3254
3254
|
_: 1
|
|
3255
3255
|
}),
|
|
3256
|
-
|
|
3257
|
-
default:
|
|
3258
|
-
|
|
3256
|
+
U(D(p1), null, {
|
|
3257
|
+
default: G(() => [
|
|
3258
|
+
U(u1, {
|
|
3259
3259
|
modelValue: o.value,
|
|
3260
3260
|
"onUpdate:modelValue": i[0] || (i[0] = (n) => o.value = n),
|
|
3261
3261
|
images: e.images,
|
|
@@ -3294,7 +3294,7 @@ const wa = /* @__PURE__ */ S({
|
|
|
3294
3294
|
key: a.src,
|
|
3295
3295
|
class: "masonry-item"
|
|
3296
3296
|
}, [
|
|
3297
|
-
|
|
3297
|
+
U(Le, {
|
|
3298
3298
|
src: a.src,
|
|
3299
3299
|
alt: a.alt || "",
|
|
3300
3300
|
transform: e.transform
|
|
@@ -3302,7 +3302,7 @@ const wa = /* @__PURE__ */ S({
|
|
|
3302
3302
|
]))), 128))
|
|
3303
3303
|
]));
|
|
3304
3304
|
}
|
|
3305
|
-
}), La = /* @__PURE__ */
|
|
3305
|
+
}), La = /* @__PURE__ */ j(xa, [["__scopeId", "data-v-afb75845"]]), $a = {
|
|
3306
3306
|
class: "rs-image-gallery",
|
|
3307
3307
|
role: "region",
|
|
3308
3308
|
"aria-label": "Image gallery"
|
|
@@ -3327,7 +3327,7 @@ const wa = /* @__PURE__ */ S({
|
|
|
3327
3327
|
}),
|
|
3328
3328
|
emits: /* @__PURE__ */ Q(["change"], ["update:modelValue"]),
|
|
3329
3329
|
setup(e, { emit: o }) {
|
|
3330
|
-
const t = fe(e, "modelValue"), a = o, l =
|
|
3330
|
+
const t = fe(e, "modelValue"), a = o, l = V({
|
|
3331
3331
|
get: () => t.value ?? 0,
|
|
3332
3332
|
set: (i) => {
|
|
3333
3333
|
t.value = i, a("change", i);
|
|
@@ -3344,7 +3344,7 @@ const wa = /* @__PURE__ */ S({
|
|
|
3344
3344
|
transform: e.transform,
|
|
3345
3345
|
"transform-thumbnails": e.transformThumbnails,
|
|
3346
3346
|
"show-thumbnails": e.showThumbnails
|
|
3347
|
-
}, null, 8, ["modelValue", "images", "loop", "aria-label", "transform", "transform-thumbnails", "show-thumbnails"])) : e.layout === "grid" ? (v(), J(
|
|
3347
|
+
}, null, 8, ["modelValue", "images", "loop", "aria-label", "transform", "transform-thumbnails", "show-thumbnails"])) : e.layout === "grid" ? (v(), J(c1, {
|
|
3348
3348
|
key: 1,
|
|
3349
3349
|
modelValue: l.value,
|
|
3350
3350
|
"onUpdate:modelValue": n[1] || (n[1] = (r) => l.value = r),
|
|
@@ -3371,7 +3371,7 @@ const wa = /* @__PURE__ */ S({
|
|
|
3371
3371
|
}, null, 8, ["modelValue", "images", "transform", "aria-label"])) : O("", !0)
|
|
3372
3372
|
]));
|
|
3373
3373
|
}
|
|
3374
|
-
}), t1 = /* @__PURE__ */
|
|
3374
|
+
}), t1 = /* @__PURE__ */ j(Va, [["__scopeId", "data-v-d6be1b96"]]);
|
|
3375
3375
|
t1.install = (e) => e.component("ImageGallery", t1);
|
|
3376
3376
|
const Ia = ["aria-busy"], Ha = {
|
|
3377
3377
|
key: 0,
|
|
@@ -3393,12 +3393,12 @@ const Ia = ["aria-busy"], Ha = {
|
|
|
3393
3393
|
}, i = () => {
|
|
3394
3394
|
a.value !== null && (clearInterval(a.value), a.value = null);
|
|
3395
3395
|
};
|
|
3396
|
-
return
|
|
3396
|
+
return X(
|
|
3397
3397
|
() => o.message,
|
|
3398
3398
|
(n, r) => {
|
|
3399
3399
|
n !== r && (l.value = n || "", i());
|
|
3400
3400
|
}
|
|
3401
|
-
),
|
|
3401
|
+
), ae(s), be(i), (n, r) => (v(), f("div", {
|
|
3402
3402
|
class: "spinner-container",
|
|
3403
3403
|
role: "status",
|
|
3404
3404
|
"aria-live": "polite",
|
|
@@ -3408,11 +3408,11 @@ const Ia = ["aria-busy"], Ha = {
|
|
|
3408
3408
|
class: "spinner",
|
|
3409
3409
|
"aria-hidden": "true"
|
|
3410
3410
|
}, null, -1)),
|
|
3411
|
-
e.message ? (v(), f("span", Ha,
|
|
3412
|
-
w("span", Ba,
|
|
3411
|
+
e.message ? (v(), f("span", Ha, P(l.value), 1)) : O("", !0),
|
|
3412
|
+
w("span", Ba, P(e.message || "Loading"), 1)
|
|
3413
3413
|
], 8, Ia));
|
|
3414
3414
|
}
|
|
3415
|
-
}), m1 = /* @__PURE__ */
|
|
3415
|
+
}), m1 = /* @__PURE__ */ j(_a, [["__scopeId", "data-v-e61a1cf5"]]), Da = ["id", "required", "checked", "disabled", "aria-invalid", "aria-disabled", "aria-checked"], Ra = {
|
|
3416
3416
|
class: "checkbox-control",
|
|
3417
3417
|
"aria-hidden": "true"
|
|
3418
3418
|
}, Aa = {
|
|
@@ -3436,8 +3436,8 @@ const Ia = ["aria-busy"], Ha = {
|
|
|
3436
3436
|
}),
|
|
3437
3437
|
emits: /* @__PURE__ */ Q(["change"], ["update:modelValue"]),
|
|
3438
3438
|
setup(e, { emit: o }) {
|
|
3439
|
-
const t = o, a = fe(e, "modelValue"), l = e, s =
|
|
3440
|
-
|
|
3439
|
+
const t = o, a = fe(e, "modelValue"), l = e, s = ce(), i = V(() => l.id ?? `checkbox-${s}`), n = m(null), r = i1(l).value, c = V(() => l.required ? !0 : void 0), u = V(() => l.triState && a.value === void 0 ? "mixed" : void 0);
|
|
3440
|
+
X(
|
|
3441
3441
|
() => a.value,
|
|
3442
3442
|
(g) => {
|
|
3443
3443
|
n.value && (n.value.indeterminate = g === void 0, n.value.checked = g === !0);
|
|
@@ -3455,20 +3455,20 @@ const Ia = ["aria-busy"], Ha = {
|
|
|
3455
3455
|
}
|
|
3456
3456
|
};
|
|
3457
3457
|
return (g, k) => (v(), f("label", {
|
|
3458
|
-
class: le(["checkbox-root", { required:
|
|
3458
|
+
class: le(["checkbox-root", { required: c.value, error: e.invalid }])
|
|
3459
3459
|
}, [
|
|
3460
3460
|
w("input", {
|
|
3461
3461
|
id: i.value,
|
|
3462
3462
|
type: "checkbox",
|
|
3463
3463
|
class: "checkbox",
|
|
3464
|
-
required:
|
|
3464
|
+
required: c.value,
|
|
3465
3465
|
checked: a.value === !0,
|
|
3466
3466
|
disabled: e.disabled,
|
|
3467
3467
|
"aria-invalid": e.invalid ? "true" : void 0,
|
|
3468
|
-
"aria-disabled":
|
|
3468
|
+
"aria-disabled": D(r),
|
|
3469
3469
|
"aria-checked": u.value,
|
|
3470
|
-
onClick: k[0] || (k[0] = (
|
|
3471
|
-
onChange: k[1] || (k[1] = (
|
|
3470
|
+
onClick: k[0] || (k[0] = (d) => e.triState ? p(d) : void 0),
|
|
3471
|
+
onChange: k[1] || (k[1] = (d) => e.triState ? void 0 : p(d)),
|
|
3472
3472
|
ref_key: "inputRef",
|
|
3473
3473
|
ref: n
|
|
3474
3474
|
}, null, 40, Da),
|
|
@@ -3486,11 +3486,11 @@ const Ia = ["aria-busy"], Ha = {
|
|
|
3486
3486
|
])])) : O("", !0)
|
|
3487
3487
|
]),
|
|
3488
3488
|
w("span", Ta, [
|
|
3489
|
-
|
|
3489
|
+
Y(g.$slots, "default", {}, void 0, !0)
|
|
3490
3490
|
])
|
|
3491
3491
|
], 2));
|
|
3492
3492
|
}
|
|
3493
|
-
}), tl = /* @__PURE__ */
|
|
3493
|
+
}), tl = /* @__PURE__ */ j(Za, [["__scopeId", "data-v-3a0c4f73"]]), Ea = ["for"], za = ["id", "value", "required", "aria-invalid", "aria-errormessage", "aria-describedby"], Oa = /* @__PURE__ */ S({
|
|
3494
3494
|
__name: "Textarea",
|
|
3495
3495
|
props: /* @__PURE__ */ Q({
|
|
3496
3496
|
id: {},
|
|
@@ -3506,53 +3506,53 @@ const Ia = ["aria-busy"], Ha = {
|
|
|
3506
3506
|
}),
|
|
3507
3507
|
emits: /* @__PURE__ */ Q(["focus", "blur"], ["update:modelValue"]),
|
|
3508
3508
|
setup(e, { emit: o }) {
|
|
3509
|
-
const t = fe(e, "modelValue"), a = Ne(), l = Fe(), s = o, i = e, n = m(null), r = m(null),
|
|
3509
|
+
const t = fe(e, "modelValue"), a = Ne(), l = Fe(), s = o, i = e, n = m(null), r = m(null), c = ce(), u = `${c}-error`, p = `${c}-hint`, g = Be(a).value, k = V(() => g ? `${p} ${c}-required-hint` : p), d = Pe(i, l, u, k.value).value, C = (x) => {
|
|
3510
3510
|
ze(n.value, r.value);
|
|
3511
3511
|
const h = x.target;
|
|
3512
3512
|
t.value = i.type === "number" ? Number(h.value) : h.value;
|
|
3513
|
-
}, $ =
|
|
3514
|
-
return
|
|
3513
|
+
}, $ = V(() => i.invalid === !0 && i.errorMessage ? u : void 0);
|
|
3514
|
+
return ae(() => {
|
|
3515
3515
|
ze(n.value, r.value);
|
|
3516
3516
|
}), (x, h) => (v(), f("div", {
|
|
3517
|
-
class: le(["textarea-box", { required:
|
|
3517
|
+
class: le(["textarea-box", { required: D(g), error: e.invalid }]),
|
|
3518
3518
|
ref_key: "inputBoxRef",
|
|
3519
3519
|
ref: r
|
|
3520
3520
|
}, [
|
|
3521
3521
|
w("label", {
|
|
3522
3522
|
for: e.id,
|
|
3523
3523
|
class: "label"
|
|
3524
|
-
},
|
|
3524
|
+
}, P(e.label), 9, Ea),
|
|
3525
3525
|
w("textarea", Ce({ id: e.id }, x.$attrs, {
|
|
3526
3526
|
class: "custom-textarea",
|
|
3527
|
-
onFocus: h[0] || (h[0] = (
|
|
3528
|
-
onBlur: h[1] || (h[1] = (
|
|
3527
|
+
onFocus: h[0] || (h[0] = (_) => D(X2)(_, r.value, s)),
|
|
3528
|
+
onBlur: h[1] || (h[1] = (_) => D(G2)(_, n.value, r.value, s)),
|
|
3529
3529
|
onInput: C,
|
|
3530
3530
|
value: t.value,
|
|
3531
|
-
required:
|
|
3531
|
+
required: D(g),
|
|
3532
3532
|
"aria-invalid": e.invalid ? "true" : void 0,
|
|
3533
3533
|
"aria-errormessage": $.value,
|
|
3534
|
-
"aria-describedby":
|
|
3534
|
+
"aria-describedby": D(d),
|
|
3535
3535
|
ref_key: "textareaRef",
|
|
3536
3536
|
ref: n
|
|
3537
3537
|
}), " ", 16, za),
|
|
3538
|
-
|
|
3539
|
-
default:
|
|
3540
|
-
|
|
3538
|
+
U(Ke, { hintId: p }, {
|
|
3539
|
+
default: G(() => [
|
|
3540
|
+
Y(x.$slots, "hint", {}, void 0, !0)
|
|
3541
3541
|
]),
|
|
3542
3542
|
_: 3
|
|
3543
3543
|
}),
|
|
3544
|
-
|
|
3545
|
-
baseId:
|
|
3546
|
-
isRequired:
|
|
3544
|
+
U(Ue, {
|
|
3545
|
+
baseId: D(c),
|
|
3546
|
+
isRequired: D(g)
|
|
3547
3547
|
}, null, 8, ["baseId", "isRequired"]),
|
|
3548
|
-
|
|
3548
|
+
U(je, {
|
|
3549
3549
|
errorId: u,
|
|
3550
3550
|
invalid: e.invalid,
|
|
3551
3551
|
errorMessage: e.errorMessage
|
|
3552
3552
|
}, null, 8, ["invalid", "errorMessage"])
|
|
3553
3553
|
], 2));
|
|
3554
3554
|
}
|
|
3555
|
-
}), al = /* @__PURE__ */
|
|
3555
|
+
}), al = /* @__PURE__ */ j(Oa, [["__scopeId", "data-v-3615613f"]]), qa = { key: 0 }, Na = { key: 1 }, Fa = /* @__PURE__ */ S({
|
|
3556
3556
|
__name: "Highlight",
|
|
3557
3557
|
props: {
|
|
3558
3558
|
text: {},
|
|
@@ -3563,13 +3563,13 @@ const Ia = ["aria-busy"], Ha = {
|
|
|
3563
3563
|
if (!a) return [{ text: t, match: !1 }];
|
|
3564
3564
|
const l = a.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), s = new RegExp(l, "ig"), i = [];
|
|
3565
3565
|
let n = 0;
|
|
3566
|
-
return t.replace(s, (r,
|
|
3566
|
+
return t.replace(s, (r, c) => (c > n && i.push({ text: t.slice(n, c), match: !1 }), i.push({ text: r, match: !0 }), n = c + r.length, r)), n < t.length && i.push({ text: t.slice(n), match: !1 }), i;
|
|
3567
3567
|
};
|
|
3568
3568
|
return (t, a) => (v(!0), f(te, null, ue(o(e.text, e.query), (l, s) => (v(), f(te, { key: s }, [
|
|
3569
|
-
l.match ? (v(), f("mark", qa,
|
|
3569
|
+
l.match ? (v(), f("mark", qa, P(l.text), 1)) : (v(), f("span", Na, P(l.text), 1))
|
|
3570
3570
|
], 64))), 128));
|
|
3571
3571
|
}
|
|
3572
|
-
}), Pa = /* @__PURE__ */
|
|
3572
|
+
}), Pa = /* @__PURE__ */ j(Fa, [["__scopeId", "data-v-edfa70b3"]]), Ka = [
|
|
3573
3573
|
{
|
|
3574
3574
|
key: "length",
|
|
3575
3575
|
label: "At least 8 characters",
|
|
@@ -3607,42 +3607,42 @@ const Ia = ["aria-busy"], Ha = {
|
|
|
3607
3607
|
},
|
|
3608
3608
|
emits: ["valid"],
|
|
3609
3609
|
setup(e, { emit: o }) {
|
|
3610
|
-
const t = e, a = o, l = m([]), s = m(null), i = m(null), n = (k,
|
|
3611
|
-
|
|
3610
|
+
const t = e, a = o, l = m([]), s = m(null), i = m(null), n = (k, d) => k && (l.value[d] = k);
|
|
3611
|
+
X(
|
|
3612
3612
|
() => t.password,
|
|
3613
3613
|
() => {
|
|
3614
|
-
a("valid",
|
|
3614
|
+
a("valid", c());
|
|
3615
3615
|
}
|
|
3616
|
-
),
|
|
3616
|
+
), X(
|
|
3617
3617
|
() => t.passwordConfirmation,
|
|
3618
3618
|
() => {
|
|
3619
|
-
a("valid",
|
|
3619
|
+
a("valid", c());
|
|
3620
3620
|
}
|
|
3621
3621
|
);
|
|
3622
3622
|
const r = {
|
|
3623
3623
|
"--strength-fill-color": t.strengthFillColor
|
|
3624
|
-
},
|
|
3625
|
-
const k = u(),
|
|
3626
|
-
return k &&
|
|
3624
|
+
}, c = () => {
|
|
3625
|
+
const k = u(), d = Object.values(p()).every(Boolean);
|
|
3626
|
+
return k && d;
|
|
3627
3627
|
}, u = () => {
|
|
3628
|
-
const k = p(),
|
|
3629
|
-
return s.value && (s.value.style.width = `${$}%`), i.value && (i.value.textContent = t.labels[x] ?? "Very weak"),
|
|
3628
|
+
const k = p(), d = Object.values(k).filter(Boolean).length, C = t.password.length >= 12 ? 1 : 0, $ = Math.min(100, (d + C) * 20), x = Math.min(t.labels.length - 1, Math.floor($ / 25));
|
|
3629
|
+
return s.value && (s.value.style.width = `${$}%`), i.value && (i.value.textContent = t.labels[x] ?? "Very weak"), d === t.rules.length;
|
|
3630
3630
|
}, p = () => {
|
|
3631
3631
|
const k = g();
|
|
3632
|
-
return l.value.forEach((
|
|
3633
|
-
const C =
|
|
3634
|
-
|
|
3632
|
+
return l.value.forEach((d) => {
|
|
3633
|
+
const C = d.dataset.rule, $ = !!k[C];
|
|
3634
|
+
d.classList.toggle("passed", $);
|
|
3635
3635
|
}), k;
|
|
3636
3636
|
}, g = () => {
|
|
3637
3637
|
const k = {};
|
|
3638
|
-
return t.rules.forEach((
|
|
3639
|
-
k[
|
|
3638
|
+
return t.rules.forEach((d) => {
|
|
3639
|
+
k[d.key] = d.validator(
|
|
3640
3640
|
t.password,
|
|
3641
3641
|
t.passwordConfirmation
|
|
3642
3642
|
);
|
|
3643
3643
|
}), k;
|
|
3644
3644
|
};
|
|
3645
|
-
return (k,
|
|
3645
|
+
return (k, d) => (v(), f("section", Ua, [
|
|
3646
3646
|
w("ul", ja, [
|
|
3647
3647
|
(v(!0), f(te, null, ue(t.rules, (C, $) => (v(), f("li", {
|
|
3648
3648
|
key: C.key,
|
|
@@ -3651,13 +3651,13 @@ const Ia = ["aria-busy"], Ha = {
|
|
|
3651
3651
|
ref_for: !0,
|
|
3652
3652
|
ref: (x) => n(x, $)
|
|
3653
3653
|
}, [
|
|
3654
|
-
|
|
3655
|
-
me(" " +
|
|
3654
|
+
d[0] || (d[0] = w("span", { class: "rule-icon" }, "•", -1)),
|
|
3655
|
+
me(" " + P(C.label), 1)
|
|
3656
3656
|
], 8, Ya))), 128))
|
|
3657
3657
|
]),
|
|
3658
3658
|
w("div", Wa, [
|
|
3659
3659
|
w("div", Xa, [
|
|
3660
|
-
|
|
3660
|
+
d[1] || (d[1] = w("span", null, "Força da senha", -1)),
|
|
3661
3661
|
w("span", {
|
|
3662
3662
|
ref_key: "strengthLabelRef",
|
|
3663
3663
|
ref: i
|
|
@@ -3676,7 +3676,7 @@ const Ia = ["aria-busy"], Ha = {
|
|
|
3676
3676
|
])
|
|
3677
3677
|
]));
|
|
3678
3678
|
}
|
|
3679
|
-
}), a1 = /* @__PURE__ */
|
|
3679
|
+
}), a1 = /* @__PURE__ */ j(Ga, [["__scopeId", "data-v-e7569cc0"]]);
|
|
3680
3680
|
a1.install = (e) => {
|
|
3681
3681
|
e.component("PasswordValidator", a1);
|
|
3682
3682
|
};
|
|
@@ -3702,31 +3702,31 @@ const Ja = {
|
|
|
3702
3702
|
} : {};
|
|
3703
3703
|
return (n, r) => (v(), f("nav", Ja, [
|
|
3704
3704
|
w("ol", Qa, [
|
|
3705
|
-
(v(!0), f(te, null, ue(e.items, (
|
|
3706
|
-
key:
|
|
3705
|
+
(v(!0), f(te, null, ue(e.items, (c, u) => (v(), f("li", {
|
|
3706
|
+
key: c.to ?? c.href ?? `${c.label}-${u}`,
|
|
3707
3707
|
class: "ui-breadcrumb__item"
|
|
3708
3708
|
}, [
|
|
3709
|
-
(v(), J(Ve(l(
|
|
3709
|
+
(v(), J(Ve(l(c, u)), Ce({ class: "ui-breadcrumb__link" }, { ref_for: !0 }, i(c, u), {
|
|
3710
3710
|
"aria-posinset": u + 1,
|
|
3711
3711
|
"aria-setsize": e.items.length,
|
|
3712
3712
|
"aria-current": a(u) ? "page" : void 0,
|
|
3713
|
-
tabindex: a(u) || l(
|
|
3713
|
+
tabindex: a(u) || l(c, u) === "span" ? -1 : void 0
|
|
3714
3714
|
}), {
|
|
3715
|
-
default:
|
|
3716
|
-
me(
|
|
3715
|
+
default: G(() => [
|
|
3716
|
+
me(P(c.label), 1)
|
|
3717
3717
|
]),
|
|
3718
3718
|
_: 2
|
|
3719
3719
|
}, 1040, ["aria-posinset", "aria-setsize", "aria-current", "tabindex"])),
|
|
3720
3720
|
a(u) ? O("", !0) : (v(), f("span", eo, [
|
|
3721
|
-
|
|
3722
|
-
me(
|
|
3721
|
+
Y(n.$slots, "separator", {}, () => [
|
|
3722
|
+
me(P(e.separator), 1)
|
|
3723
3723
|
], !0)
|
|
3724
3724
|
]))
|
|
3725
3725
|
]))), 128))
|
|
3726
3726
|
])
|
|
3727
3727
|
]));
|
|
3728
3728
|
}
|
|
3729
|
-
}), ol = /* @__PURE__ */
|
|
3729
|
+
}), ol = /* @__PURE__ */ j(to, [["__scopeId", "data-v-baed1592"]]), ao = ["aria-invalid", "aria-required", "disabled"], oo = { class: "sr-only" }, no = ["name", "value", "disabled", "required"], lo = {
|
|
3730
3730
|
key: 0,
|
|
3731
3731
|
class: "radio-control",
|
|
3732
3732
|
"aria-hidden": "true"
|
|
@@ -3748,14 +3748,14 @@ const Ja = {
|
|
|
3748
3748
|
}),
|
|
3749
3749
|
emits: ["update:modelValue"],
|
|
3750
3750
|
setup(e) {
|
|
3751
|
-
const o = e, t = fe(e, "modelValue"), a =
|
|
3751
|
+
const o = e, t = fe(e, "modelValue"), a = V(() => o.invalid ? "true" : void 0), l = V(() => o.required && !o.disabled ? "true" : void 0), s = V(() => o.disabled ? !0 : void 0);
|
|
3752
3752
|
return (i, n) => (v(), f("fieldset", {
|
|
3753
3753
|
class: le(["radio-group", { "in-column": e.inColumn, btn: e.mode === "button" }]),
|
|
3754
3754
|
"aria-invalid": a.value,
|
|
3755
3755
|
"aria-required": l.value,
|
|
3756
3756
|
disabled: s.value
|
|
3757
3757
|
}, [
|
|
3758
|
-
w("legend", oo,
|
|
3758
|
+
w("legend", oo, P(e.name), 1),
|
|
3759
3759
|
(v(!0), f(te, null, ue(e.options, (r) => (v(), f("label", {
|
|
3760
3760
|
key: r.key,
|
|
3761
3761
|
class: le(["radio", { checked: t.value === r.key, disabled: e.disabled || r.disabled }])
|
|
@@ -3767,16 +3767,16 @@ const Ja = {
|
|
|
3767
3767
|
value: r.key,
|
|
3768
3768
|
disabled: e.disabled || r.disabled,
|
|
3769
3769
|
required: e.required,
|
|
3770
|
-
"onUpdate:modelValue": n[0] || (n[0] = (
|
|
3770
|
+
"onUpdate:modelValue": n[0] || (n[0] = (c) => t.value = c)
|
|
3771
3771
|
}, null, 8, no), [
|
|
3772
3772
|
[g1, t.value]
|
|
3773
3773
|
]),
|
|
3774
3774
|
e.mode === "standard" ? (v(), f("span", lo)) : O("", !0),
|
|
3775
|
-
w("span", ro,
|
|
3775
|
+
w("span", ro, P(r.label), 1)
|
|
3776
3776
|
], 2))), 128))
|
|
3777
3777
|
], 10, ao));
|
|
3778
3778
|
}
|
|
3779
|
-
}), nl = /* @__PURE__ */
|
|
3779
|
+
}), nl = /* @__PURE__ */ j(so, [["__scopeId", "data-v-8f76f7f0"]]), io = ["for"], uo = ["id", "type", "aria-expanded", "aria-activedescendant", "aria-required", "aria-invalid"], co = ["id", "aria-disabled", "aria-selected", "onClick"], vo = {
|
|
3780
3780
|
class: "option-value",
|
|
3781
3781
|
"aria-hidden": "true"
|
|
3782
3782
|
}, fo = { class: "option-value sr-only" }, po = {
|
|
@@ -3818,171 +3818,172 @@ const Ja = {
|
|
|
3818
3818
|
}),
|
|
3819
3819
|
emits: /* @__PURE__ */ Q(["change", "select", "focus", "blur"], ["update:modelValue"]),
|
|
3820
3820
|
setup(e, { emit: o }) {
|
|
3821
|
-
const t = e, a = o, l = fe(e, "modelValue"), s = m(null), i = m(null), n = m(""), r = m(!1),
|
|
3821
|
+
const t = e, a = o, l = fe(e, "modelValue"), s = m(null), i = m(null), n = m(""), r = m(!1), c = m([]), u = m(null), p = m(null), g = V(() => t.id ? `${t.id}-search-history` : "search-history"), d = `${ce()}-list`, C = m(!1), $ = V(() => l.value !== null && l.value !== void 0 && l.value !== ""), x = V(() => u.value !== null ? `${d}-option-${u.value}` : void 0), h = V(() => r.value && x.value ? x.value : void 0), _ = V(() => c.value.length > 0), R = V(() => {
|
|
3822
3822
|
if (!t.filterable) return t.options;
|
|
3823
|
-
const
|
|
3824
|
-
return t.options.filter((
|
|
3825
|
-
})
|
|
3826
|
-
|
|
3823
|
+
const H = n.value.toLowerCase();
|
|
3824
|
+
return t.options.filter((z) => t.getValue(z).toLowerCase().includes(H));
|
|
3825
|
+
});
|
|
3826
|
+
i1(t).value;
|
|
3827
|
+
const y = Be(t).value;
|
|
3828
|
+
X(
|
|
3827
3829
|
() => g.value,
|
|
3828
|
-
(
|
|
3829
|
-
if (
|
|
3830
|
+
(H) => {
|
|
3831
|
+
if (H)
|
|
3830
3832
|
try {
|
|
3831
|
-
|
|
3833
|
+
c.value = JSON.parse(localStorage.getItem(H) || "[]");
|
|
3832
3834
|
} catch {
|
|
3833
|
-
|
|
3835
|
+
c.value = [];
|
|
3834
3836
|
}
|
|
3835
3837
|
},
|
|
3836
3838
|
{ immediate: !0 }
|
|
3837
|
-
),
|
|
3838
|
-
if (!
|
|
3839
|
+
), X(r, async (H) => {
|
|
3840
|
+
if (!H) {
|
|
3839
3841
|
u.value = null;
|
|
3840
3842
|
return;
|
|
3841
3843
|
}
|
|
3842
|
-
|
|
3843
|
-
}),
|
|
3844
|
+
R.value.length !== 0 && (await Me(), re());
|
|
3845
|
+
}), X(
|
|
3844
3846
|
() => t.loading,
|
|
3845
|
-
async (
|
|
3846
|
-
|
|
3847
|
+
async (H) => {
|
|
3848
|
+
H || r.value && R.value.length !== 0 && (await Me(), re());
|
|
3847
3849
|
}
|
|
3848
|
-
),
|
|
3850
|
+
), X(
|
|
3849
3851
|
() => t.options,
|
|
3850
3852
|
() => {
|
|
3851
3853
|
p.value = null;
|
|
3852
3854
|
}
|
|
3853
3855
|
);
|
|
3854
|
-
const
|
|
3855
|
-
n.value.length >= t.minChars && !t.filterable && !t.loading && (r.value = !0), C.value = !0, a("focus",
|
|
3856
|
-
},
|
|
3857
|
-
const
|
|
3858
|
-
i.value?.contains(
|
|
3859
|
-
},
|
|
3860
|
-
const
|
|
3861
|
-
if (!
|
|
3862
|
-
r.value = !1,
|
|
3863
|
-
const
|
|
3864
|
-
|
|
3865
|
-
},
|
|
3866
|
-
if (!r.value && ["ArrowDown", "ArrowUp"].includes(
|
|
3867
|
-
r.value = !0, u.value = u.value ??
|
|
3856
|
+
const I = (H) => {
|
|
3857
|
+
n.value.length >= t.minChars && !t.filterable && !t.loading && (r.value = !0), C.value = !0, a("focus", H);
|
|
3858
|
+
}, b = (H) => {
|
|
3859
|
+
const z = H.relatedTarget;
|
|
3860
|
+
i.value?.contains(z) || (r.value = !1, l.value ? L() : n.value = "", C.value = !1, a("blur", H));
|
|
3861
|
+
}, A = (H, z) => {
|
|
3862
|
+
const Z = i.value;
|
|
3863
|
+
if (!Z || t.isDisabled(H)) return;
|
|
3864
|
+
r.value = !1, W(n.value), p.value = z, u.value = z;
|
|
3865
|
+
const F = t.getKey(H);
|
|
3866
|
+
F && F.toString().length > 0 ? Z.classList.add("filled") : Z.classList.remove("filled"), n.value = t.getValue(H), l.value = F, a("select", F);
|
|
3867
|
+
}, B = (H) => {
|
|
3868
|
+
if (!r.value && ["ArrowDown", "ArrowUp"].includes(H.key)) {
|
|
3869
|
+
r.value = !0, u.value = u.value ?? R.value.findIndex((z) => !t.isDisabled(z)), H.preventDefault();
|
|
3868
3870
|
return;
|
|
3869
3871
|
}
|
|
3870
3872
|
if (r.value) {
|
|
3871
|
-
if (
|
|
3872
|
-
const
|
|
3873
|
-
|
|
3873
|
+
if (H.key === "ArrowDown" && (q(1), H.preventDefault()), H.key === "ArrowUp" && (q(-1), H.preventDefault()), H.key === "Home") {
|
|
3874
|
+
const z = T();
|
|
3875
|
+
z >= 0 && (u.value = z), H.preventDefault();
|
|
3874
3876
|
}
|
|
3875
|
-
if (
|
|
3876
|
-
const
|
|
3877
|
-
|
|
3877
|
+
if (H.key === "End") {
|
|
3878
|
+
const z = N();
|
|
3879
|
+
z >= 0 && (u.value = z), H.preventDefault();
|
|
3878
3880
|
}
|
|
3879
|
-
if (
|
|
3881
|
+
if (H.key === "Enter") {
|
|
3880
3882
|
if (u.value === null) return;
|
|
3881
|
-
const
|
|
3882
|
-
if (!
|
|
3883
|
-
|
|
3883
|
+
const z = R.value[u.value];
|
|
3884
|
+
if (!z || t.isDisabled(z)) return;
|
|
3885
|
+
A(z, u.value), r.value = !1, H.preventDefault();
|
|
3884
3886
|
}
|
|
3885
|
-
|
|
3887
|
+
H.key === "Escape" && (r.value = !1);
|
|
3886
3888
|
}
|
|
3887
|
-
},
|
|
3889
|
+
}, q = (H) => {
|
|
3888
3890
|
if (u.value === null) return;
|
|
3889
|
-
let
|
|
3891
|
+
let z = u.value;
|
|
3890
3892
|
do
|
|
3891
|
-
|
|
3892
|
-
while (
|
|
3893
|
-
|
|
3894
|
-
},
|
|
3893
|
+
z += H;
|
|
3894
|
+
while (z >= 0 && z < R.value.length && t.isDisabled(R.value[z]));
|
|
3895
|
+
z >= 0 && z < R.value.length && (u.value = z);
|
|
3896
|
+
}, M = () => {
|
|
3895
3897
|
n.value.length === 0 && (l.value = ""), n.value.length >= t.minChars ? (a("change", n.value), r.value = !0) : r.value = !1;
|
|
3896
|
-
},
|
|
3898
|
+
}, L = () => {
|
|
3897
3899
|
if (l.value.toString().length === 0 || !t.options || t.options.length === 0) return;
|
|
3898
|
-
const
|
|
3899
|
-
|
|
3900
|
-
},
|
|
3900
|
+
const H = t.options.findIndex((z) => t.getKey(z) === l.value);
|
|
3901
|
+
H > -1 && (u.value = H, p.value = H, n.value = t.getValue(t.options[H]));
|
|
3902
|
+
}, E = () => {
|
|
3901
3903
|
n.value = "", l.value = "";
|
|
3902
|
-
},
|
|
3903
|
-
!
|
|
3904
|
-
|
|
3905
|
-
...
|
|
3906
|
-
].slice(0, t.suggestionsLimit), localStorage.setItem(g.value, JSON.stringify(
|
|
3907
|
-
},
|
|
3908
|
-
n.value =
|
|
3909
|
-
},
|
|
3910
|
-
const
|
|
3911
|
-
|
|
3912
|
-
},
|
|
3913
|
-
for (let
|
|
3904
|
+
}, W = (H) => {
|
|
3905
|
+
!H || H.trim().length === 0 || (c.value = [
|
|
3906
|
+
H,
|
|
3907
|
+
...c.value.filter((z) => z !== H)
|
|
3908
|
+
].slice(0, t.suggestionsLimit), localStorage.setItem(g.value, JSON.stringify(c.value)));
|
|
3909
|
+
}, ee = (H) => {
|
|
3910
|
+
n.value = H, M();
|
|
3911
|
+
}, re = () => {
|
|
3912
|
+
const H = T();
|
|
3913
|
+
H >= 0 && (u.value = H);
|
|
3914
|
+
}, T = () => R.value.findIndex((H) => !t.isDisabled(H)), N = () => {
|
|
3915
|
+
for (let H = R.value.length - 1; H >= 0; H--) if (!t.isDisabled(R.value[H])) return H;
|
|
3914
3916
|
return -1;
|
|
3915
3917
|
};
|
|
3916
|
-
return
|
|
3917
|
-
class: le(["autocomplete", { required:
|
|
3918
|
+
return ae(() => L()), (H, z) => (v(), f("div", {
|
|
3919
|
+
class: le(["autocomplete", { required: D(y), error: e.invalid, "has-icon": Object.keys(H.$slots).includes("icon"), filled: $.value, focused: C.value }]),
|
|
3918
3920
|
ref_key: "autocompleteRef",
|
|
3919
3921
|
ref: i
|
|
3920
3922
|
}, [
|
|
3921
3923
|
w("label", {
|
|
3922
3924
|
for: e.id,
|
|
3923
3925
|
class: "label"
|
|
3924
|
-
},
|
|
3926
|
+
}, P(e.label), 9, io),
|
|
3925
3927
|
we(w("input", Ce({
|
|
3926
3928
|
id: e.id,
|
|
3927
3929
|
type: e.type
|
|
3928
|
-
},
|
|
3930
|
+
}, H.$attrs, {
|
|
3929
3931
|
ref_key: "inputRef",
|
|
3930
3932
|
ref: s,
|
|
3931
3933
|
role: "combobox",
|
|
3932
3934
|
"aria-autocomplete": "list",
|
|
3933
3935
|
"aria-expanded": r.value,
|
|
3934
|
-
"aria-controls":
|
|
3936
|
+
"aria-controls": d,
|
|
3935
3937
|
"aria-activedescendant": h.value,
|
|
3936
|
-
"aria-required":
|
|
3938
|
+
"aria-required": D(y),
|
|
3937
3939
|
"aria-invalid": e.invalid ? "true" : void 0,
|
|
3938
|
-
|
|
3939
|
-
|
|
3940
|
-
|
|
3941
|
-
|
|
3942
|
-
|
|
3943
|
-
onKeydown: q
|
|
3940
|
+
"onUpdate:modelValue": z[0] || (z[0] = (Z) => n.value = Z),
|
|
3941
|
+
onFocus: I,
|
|
3942
|
+
onBlur: b,
|
|
3943
|
+
onInput: M,
|
|
3944
|
+
onKeydown: B
|
|
3944
3945
|
}), null, 16, uo), [
|
|
3945
3946
|
[b1, n.value]
|
|
3946
3947
|
]),
|
|
3947
|
-
|
|
3948
|
-
default:
|
|
3948
|
+
U($e, { name: "select" }, {
|
|
3949
|
+
default: G(() => [
|
|
3949
3950
|
we(w("ul", {
|
|
3950
|
-
id:
|
|
3951
|
+
id: d,
|
|
3951
3952
|
role: "listbox",
|
|
3952
3953
|
class: "options"
|
|
3953
3954
|
}, [
|
|
3954
|
-
|
|
3955
|
-
id: `${
|
|
3956
|
-
key: e.getKey(
|
|
3955
|
+
R.value.length > 0 ? (v(!0), f(te, { key: 0 }, ue(R.value, (Z, F) => (v(), f("li", {
|
|
3956
|
+
id: `${d}-option-${F}`,
|
|
3957
|
+
key: e.getKey(Z),
|
|
3957
3958
|
role: "option",
|
|
3958
|
-
class: le(["option", { "focus-visible": u.value ===
|
|
3959
|
-
"aria-disabled": t.isDisabled(
|
|
3960
|
-
"aria-selected":
|
|
3961
|
-
onMousedown:
|
|
3959
|
+
class: le(["option", { "focus-visible": u.value === F }]),
|
|
3960
|
+
"aria-disabled": t.isDisabled(Z) || void 0,
|
|
3961
|
+
"aria-selected": F === p.value,
|
|
3962
|
+
onMousedown: z[1] || (z[1] = ne(() => {
|
|
3962
3963
|
}, ["prevent"])),
|
|
3963
|
-
onClick: (
|
|
3964
|
+
onClick: (se) => !t.isDisabled(Z) && A(Z, F)
|
|
3964
3965
|
}, [
|
|
3965
|
-
t.isDisabled(
|
|
3966
|
+
t.isDisabled(Z) ? O("", !0) : (v(), J(de, {
|
|
3966
3967
|
key: 0,
|
|
3967
3968
|
name: "search",
|
|
3968
3969
|
size: 22
|
|
3969
3970
|
})),
|
|
3970
|
-
|
|
3971
|
-
option:
|
|
3972
|
-
value: e.getValue(
|
|
3971
|
+
Y(H.$slots, "option", {
|
|
3972
|
+
option: Z,
|
|
3973
|
+
value: e.getValue(Z),
|
|
3973
3974
|
query: n.value,
|
|
3974
|
-
selected:
|
|
3975
|
-
active:
|
|
3975
|
+
selected: F === p.value,
|
|
3976
|
+
active: F === u.value
|
|
3976
3977
|
}, () => [
|
|
3977
3978
|
w("div", vo, [
|
|
3978
|
-
|
|
3979
|
-
text: e.getValue(
|
|
3979
|
+
U(Pa, {
|
|
3980
|
+
text: e.getValue(Z),
|
|
3980
3981
|
query: n.value
|
|
3981
3982
|
}, null, 8, ["text", "query"])
|
|
3982
3983
|
])
|
|
3983
3984
|
], !0),
|
|
3984
|
-
w("div", fo,
|
|
3985
|
-
], 42, co))), 128)) :
|
|
3985
|
+
w("div", fo, P(e.getValue(Z)), 1)
|
|
3986
|
+
], 42, co))), 128)) : R.value.length === 0 && !e.loading ? (v(), f("li", po, [...z[3] || (z[3] = [
|
|
3986
3987
|
w("div", { class: "option-value" }, "No results found", -1)
|
|
3987
3988
|
])])) : (v(), J(m1, {
|
|
3988
3989
|
key: 2,
|
|
@@ -3990,18 +3991,18 @@ const Ja = {
|
|
|
3990
3991
|
role: "status",
|
|
3991
3992
|
message: "Loading"
|
|
3992
3993
|
})),
|
|
3993
|
-
|
|
3994
|
+
_.value ? (v(), f("li", Co, [...z[4] || (z[4] = [
|
|
3994
3995
|
w("div", { class: "option-value" }, " Recents ", -1)
|
|
3995
3996
|
])])) : O("", !0),
|
|
3996
|
-
(v(!0), f(te, null, ue(
|
|
3997
|
-
key:
|
|
3997
|
+
(v(!0), f(te, null, ue(c.value, (Z) => (v(), f("li", {
|
|
3998
|
+
key: Z,
|
|
3998
3999
|
role: "presentation",
|
|
3999
4000
|
"aria-hidden": "true",
|
|
4000
4001
|
class: "option recent-item",
|
|
4001
|
-
onClick: (
|
|
4002
|
+
onClick: (F) => ee(Z)
|
|
4002
4003
|
}, [
|
|
4003
|
-
|
|
4004
|
-
w("div", ho,
|
|
4004
|
+
U(de, { name: "clock" }),
|
|
4005
|
+
w("div", ho, P(Z), 1)
|
|
4005
4006
|
], 8, mo))), 128))
|
|
4006
4007
|
], 512), [
|
|
4007
4008
|
[qe, r.value]
|
|
@@ -4009,8 +4010,8 @@ const Ja = {
|
|
|
4009
4010
|
]),
|
|
4010
4011
|
_: 3
|
|
4011
4012
|
}),
|
|
4012
|
-
|
|
4013
|
-
|
|
4013
|
+
H.$slots.icon ? (v(), f("span", yo, [
|
|
4014
|
+
Y(H.$slots, "icon", {}, void 0, !0)
|
|
4014
4015
|
])) : O("", !0),
|
|
4015
4016
|
n.value.length > 0 ? (v(), J(he, {
|
|
4016
4017
|
key: 1,
|
|
@@ -4018,12 +4019,12 @@ const Ja = {
|
|
|
4018
4019
|
class: "btn btn-icon",
|
|
4019
4020
|
"aria-label": "Clear search query",
|
|
4020
4021
|
title: "Clear search query",
|
|
4021
|
-
onMousedown:
|
|
4022
|
+
onMousedown: z[2] || (z[2] = ne(() => {
|
|
4022
4023
|
}, ["prevent"])),
|
|
4023
|
-
onClick:
|
|
4024
|
+
onClick: E
|
|
4024
4025
|
}, {
|
|
4025
|
-
default:
|
|
4026
|
-
|
|
4026
|
+
default: G(() => [
|
|
4027
|
+
U(de, {
|
|
4027
4028
|
class: "clear-search",
|
|
4028
4029
|
"aria-hidden": "true",
|
|
4029
4030
|
name: "close",
|
|
@@ -4034,7 +4035,7 @@ const Ja = {
|
|
|
4034
4035
|
})) : O("", !0)
|
|
4035
4036
|
], 2));
|
|
4036
4037
|
}
|
|
4037
|
-
}), ll = /* @__PURE__ */
|
|
4038
|
+
}), ll = /* @__PURE__ */ j(go, [["__scopeId", "data-v-18b4cb64"]]), bo = 5, pe = r1({
|
|
4038
4039
|
toasts: []
|
|
4039
4040
|
});
|
|
4040
4041
|
let ko = 0;
|
|
@@ -4079,7 +4080,7 @@ const xe = (e, o = "info") => {
|
|
|
4079
4080
|
const n = () => {
|
|
4080
4081
|
const u = Date.now() - s;
|
|
4081
4082
|
if (l.value = Math.max(0, 100 - u / o.duration * 100), l.value <= 0) {
|
|
4082
|
-
|
|
4083
|
+
c();
|
|
4083
4084
|
return;
|
|
4084
4085
|
}
|
|
4085
4086
|
i = requestAnimationFrame(n);
|
|
@@ -4090,15 +4091,15 @@ const xe = (e, o = "info") => {
|
|
|
4090
4091
|
}
|
|
4091
4092
|
s = Date.now(), i = requestAnimationFrame(n);
|
|
4092
4093
|
};
|
|
4093
|
-
|
|
4094
|
+
X(
|
|
4094
4095
|
() => o.duration,
|
|
4095
4096
|
() => r(),
|
|
4096
4097
|
{ immediate: !0 }
|
|
4097
4098
|
);
|
|
4098
|
-
const
|
|
4099
|
+
const c = () => {
|
|
4099
4100
|
cancelAnimationFrame(i), a.value = "closing", setTimeout(() => pe.toasts = pe.toasts.filter((u) => u.id !== o.id), $o);
|
|
4100
4101
|
};
|
|
4101
|
-
return
|
|
4102
|
+
return ae(() => o.variant === "error" && o.focus && t.value?.focus()), Ie(() => cancelAnimationFrame(i)), (u, p) => (v(), f("div", {
|
|
4102
4103
|
ref_key: "rootRef",
|
|
4103
4104
|
ref: t,
|
|
4104
4105
|
tabindex: "-1",
|
|
@@ -4111,15 +4112,15 @@ const xe = (e, o = "info") => {
|
|
|
4111
4112
|
"aria-describedby": e.loading ? void 0 : `toast-desc-${e.id}`
|
|
4112
4113
|
}, [
|
|
4113
4114
|
w("div", xo, [
|
|
4114
|
-
|
|
4115
|
-
|
|
4115
|
+
Y(u.$slots, "default", {}, void 0, !0),
|
|
4116
|
+
U(he, {
|
|
4116
4117
|
type: "button",
|
|
4117
|
-
onClick:
|
|
4118
|
+
onClick: c,
|
|
4118
4119
|
"aria-label": `Close ${e.variant} notification`,
|
|
4119
4120
|
class: "btn-sm"
|
|
4120
4121
|
}, {
|
|
4121
|
-
default:
|
|
4122
|
-
|
|
4122
|
+
default: G(() => [
|
|
4123
|
+
U(de, {
|
|
4123
4124
|
name: "close",
|
|
4124
4125
|
size: 32
|
|
4125
4126
|
})
|
|
@@ -4135,23 +4136,23 @@ const xe = (e, o = "info") => {
|
|
|
4135
4136
|
])) : O("", !0)
|
|
4136
4137
|
], 8, Mo));
|
|
4137
4138
|
}
|
|
4138
|
-
}), Io = /* @__PURE__ */
|
|
4139
|
+
}), Io = /* @__PURE__ */ j(Vo, [["__scopeId", "data-v-f9e75b9d"]]), Ho = { class: "toast-viewport" }, Bo = { class: "toast-message" }, _o = { key: 0 }, Do = ["id"], Ro = /* @__PURE__ */ S({
|
|
4139
4140
|
__name: "ToastViewport",
|
|
4140
4141
|
setup(e) {
|
|
4141
4142
|
return (o, t) => (v(), J(He, { to: "body" }, [
|
|
4142
4143
|
w("div", Ho, [
|
|
4143
|
-
|
|
4144
|
-
default:
|
|
4145
|
-
(v(!0), f(te, null, ue(
|
|
4144
|
+
U(k1, { name: "toast-stack" }, {
|
|
4145
|
+
default: G(() => [
|
|
4146
|
+
(v(!0), f(te, null, ue(D(pe).toasts, (a) => (v(), J(Io, {
|
|
4146
4147
|
key: a.id,
|
|
4147
4148
|
id: a.id,
|
|
4148
4149
|
duration: a.duration,
|
|
4149
4150
|
variant: a.variant,
|
|
4150
4151
|
loading: a.loading
|
|
4151
4152
|
}, {
|
|
4152
|
-
default:
|
|
4153
|
+
default: G(() => [
|
|
4153
4154
|
w("div", Bo, [
|
|
4154
|
-
a.title ? (v(), f("strong", _o,
|
|
4155
|
+
a.title ? (v(), f("strong", _o, P(a.title), 1)) : O("", !0),
|
|
4155
4156
|
a.loading ? (v(), J(m1, {
|
|
4156
4157
|
key: 1,
|
|
4157
4158
|
message: a.description,
|
|
@@ -4159,7 +4160,7 @@ const xe = (e, o = "info") => {
|
|
|
4159
4160
|
}, null, 8, ["message"])) : (v(), f("p", {
|
|
4160
4161
|
key: 2,
|
|
4161
4162
|
id: `toast-desc-${a.id}`
|
|
4162
|
-
},
|
|
4163
|
+
}, P(a.description), 9, Do))
|
|
4163
4164
|
])
|
|
4164
4165
|
]),
|
|
4165
4166
|
_: 2
|
|
@@ -4170,7 +4171,7 @@ const xe = (e, o = "info") => {
|
|
|
4170
4171
|
])
|
|
4171
4172
|
]));
|
|
4172
4173
|
}
|
|
4173
|
-
}), o1 = /* @__PURE__ */
|
|
4174
|
+
}), o1 = /* @__PURE__ */ j(Ro, [["__scopeId", "data-v-afe47f2a"]]);
|
|
4174
4175
|
let n1 = !1;
|
|
4175
4176
|
const sl = {
|
|
4176
4177
|
install(e, o = {}) {
|
|
@@ -4191,67 +4192,67 @@ const sl = {
|
|
|
4191
4192
|
setup(e, { emit: o }) {
|
|
4192
4193
|
const t = e, a = o, l = m(), s = m();
|
|
4193
4194
|
ge("card:labelId", l), ge("card:descriptionId", s);
|
|
4194
|
-
const i =
|
|
4195
|
-
return (r,
|
|
4195
|
+
const i = V(() => t.clickable && t.as !== "button" && t.as !== "a"), n = () => t.clickable && a("click");
|
|
4196
|
+
return (r, c) => (v(), J(Ve(e.as), {
|
|
4196
4197
|
class: le(["rs-card", { clickable: e.clickable }]),
|
|
4197
4198
|
tabindex: i.value ? 0 : void 0,
|
|
4198
4199
|
role: i.value ? "button" : void 0,
|
|
4199
4200
|
onClick: n,
|
|
4200
4201
|
onKeydown: [
|
|
4201
|
-
|
|
4202
|
-
|
|
4202
|
+
c[0] || (c[0] = ve(ne((u) => i.value && n(), ["prevent"]), ["enter"])),
|
|
4203
|
+
c[1] || (c[1] = ve(ne((u) => i.value && n(), ["prevent"]), ["space"]))
|
|
4203
4204
|
],
|
|
4204
4205
|
"aria-labelledby": l.value,
|
|
4205
4206
|
"aria-describedby": s.value
|
|
4206
4207
|
}, {
|
|
4207
|
-
default:
|
|
4208
|
-
|
|
4208
|
+
default: G(() => [
|
|
4209
|
+
Y(r.$slots, "default", {}, void 0, !0)
|
|
4209
4210
|
]),
|
|
4210
4211
|
_: 3
|
|
4211
4212
|
}, 40, ["class", "tabindex", "role", "aria-labelledby", "aria-describedby"]));
|
|
4212
4213
|
}
|
|
4213
|
-
}), il = /* @__PURE__ */
|
|
4214
|
+
}), il = /* @__PURE__ */ j(Ao, [["__scopeId", "data-v-e892a9f2"]]), So = /* @__PURE__ */ S({
|
|
4214
4215
|
__name: "CardHeader",
|
|
4215
4216
|
props: {
|
|
4216
4217
|
as: { default: "div" }
|
|
4217
4218
|
},
|
|
4218
4219
|
setup(e) {
|
|
4219
|
-
const o = ie("card:labelId", void 0), t = `rs-card-label-${
|
|
4220
|
-
return
|
|
4220
|
+
const o = ie("card:labelId", void 0), t = `rs-card-label-${ce()}`;
|
|
4221
|
+
return ae(() => o && (o.value = t)), (a, l) => (v(), J(Ve(e.as), {
|
|
4221
4222
|
id: t,
|
|
4222
4223
|
class: "rs-card-header"
|
|
4223
4224
|
}, {
|
|
4224
|
-
default:
|
|
4225
|
-
|
|
4225
|
+
default: G(() => [
|
|
4226
|
+
Y(a.$slots, "default", {}, void 0, !0)
|
|
4226
4227
|
]),
|
|
4227
4228
|
_: 3
|
|
4228
4229
|
}));
|
|
4229
4230
|
}
|
|
4230
|
-
}), ul = /* @__PURE__ */
|
|
4231
|
+
}), ul = /* @__PURE__ */ j(So, [["__scopeId", "data-v-570794b4"]]), To = /* @__PURE__ */ S({
|
|
4231
4232
|
__name: "CardBody",
|
|
4232
4233
|
setup(e) {
|
|
4233
|
-
const o = ie("card:descriptionId", void 0), t = `rs-card-desc-${
|
|
4234
|
-
return
|
|
4234
|
+
const o = ie("card:descriptionId", void 0), t = `rs-card-desc-${ce()}`;
|
|
4235
|
+
return ae(() => o && (o.value = t)), (a, l) => (v(), f("div", {
|
|
4235
4236
|
id: t,
|
|
4236
4237
|
class: "rs-card-body"
|
|
4237
4238
|
}, [
|
|
4238
|
-
|
|
4239
|
+
Y(a.$slots, "default", {}, void 0, !0)
|
|
4239
4240
|
]));
|
|
4240
4241
|
}
|
|
4241
|
-
}),
|
|
4242
|
+
}), cl = /* @__PURE__ */ j(To, [["__scopeId", "data-v-f0380fda"]]), Zo = /* @__PURE__ */ S({
|
|
4242
4243
|
__name: "CardFooter",
|
|
4243
4244
|
props: {
|
|
4244
4245
|
as: { default: "div" }
|
|
4245
4246
|
},
|
|
4246
4247
|
setup(e) {
|
|
4247
4248
|
return (o, t) => (v(), J(Ve(e.as), { class: "rs-card-footer" }, {
|
|
4248
|
-
default:
|
|
4249
|
-
|
|
4249
|
+
default: G(() => [
|
|
4250
|
+
Y(o.$slots, "default", {}, void 0, !0)
|
|
4250
4251
|
]),
|
|
4251
4252
|
_: 3
|
|
4252
4253
|
}));
|
|
4253
4254
|
}
|
|
4254
|
-
}),
|
|
4255
|
+
}), dl = /* @__PURE__ */ j(Zo, [["__scopeId", "data-v-9b223473"]]), Eo = ["data-status", "data-orientation", "data-active", "data-completed", "aria-labelledby", "tabindex", "aria-current", "aria-posinset", "aria-setsize", "aria-describedby"], zo = {
|
|
4255
4256
|
key: 2,
|
|
4256
4257
|
class: "icon",
|
|
4257
4258
|
"aria-hidden": "true",
|
|
@@ -4278,11 +4279,11 @@ const sl = {
|
|
|
4278
4279
|
setup(e) {
|
|
4279
4280
|
const o = e, t = ie("StepsContext");
|
|
4280
4281
|
if (!t) throw new Error("Step component must be used inside Steps.");
|
|
4281
|
-
const a = Fe(), l = m(null), s = m(null), i =
|
|
4282
|
+
const a = Fe(), l = m(null), s = m(null), i = V(() => t.orientation ?? "horizontal");
|
|
4282
4283
|
let n = null, r = null;
|
|
4283
|
-
const
|
|
4284
|
-
if (
|
|
4285
|
-
const u =
|
|
4284
|
+
const c = ie("StepIndex");
|
|
4285
|
+
if (c == null) throw new Error("StepIndex component must be used inside Steps.");
|
|
4286
|
+
const u = V(() => o.status ? o.status : c < t.current.value ? "completed" : c === t.current.value ? "active" : "pending"), p = V(() => t?.icons?.[u.value]), g = V(() => a.icon ? "slot" : o.icon ? o.icon : p.value), k = V(() => {
|
|
4286
4287
|
switch (u.value) {
|
|
4287
4288
|
case "completed":
|
|
4288
4289
|
return "Stage completed";
|
|
@@ -4293,7 +4294,7 @@ const sl = {
|
|
|
4293
4294
|
default:
|
|
4294
4295
|
return "Stage pending";
|
|
4295
4296
|
}
|
|
4296
|
-
}),
|
|
4297
|
+
}), d = V(() => {
|
|
4297
4298
|
switch (u.value) {
|
|
4298
4299
|
case "completed":
|
|
4299
4300
|
return "success";
|
|
@@ -4304,7 +4305,7 @@ const sl = {
|
|
|
4304
4305
|
default:
|
|
4305
4306
|
return "default";
|
|
4306
4307
|
}
|
|
4307
|
-
}), C =
|
|
4308
|
+
}), C = V(() => o.size ?? t.size ?? "sm"), $ = V(() => {
|
|
4308
4309
|
switch (u.value) {
|
|
4309
4310
|
case "completed":
|
|
4310
4311
|
return "Completed";
|
|
@@ -4316,9 +4317,9 @@ const sl = {
|
|
|
4316
4317
|
return "Pending";
|
|
4317
4318
|
}
|
|
4318
4319
|
});
|
|
4319
|
-
|
|
4320
|
+
X(
|
|
4320
4321
|
() => u.value,
|
|
4321
|
-
(
|
|
4322
|
+
(R) => t.registerStepStatus(c, R),
|
|
4322
4323
|
{ immediate: !0 }
|
|
4323
4324
|
);
|
|
4324
4325
|
const x = () => {
|
|
@@ -4327,11 +4328,11 @@ const sl = {
|
|
|
4327
4328
|
}));
|
|
4328
4329
|
}, h = () => {
|
|
4329
4330
|
if (!l.value || !s.value) return;
|
|
4330
|
-
const
|
|
4331
|
-
t.registerIndicatorCenter(
|
|
4332
|
-
},
|
|
4331
|
+
const R = s.value.getBoundingClientRect(), y = t.stepsRef.value.getBoundingClientRect(), I = t.orientation === "vertical" ? R.top + R.height / 2 - y.top : R.left + R.width / 2 - y.left;
|
|
4332
|
+
t.registerIndicatorCenter(c, I);
|
|
4333
|
+
}, _ = (R) => {
|
|
4333
4334
|
const y = t.orientation === "horizontal", I = t.orientation === "vertical";
|
|
4334
|
-
switch (
|
|
4335
|
+
switch (R.key) {
|
|
4335
4336
|
case "ArrowRight":
|
|
4336
4337
|
y && t.focusNext();
|
|
4337
4338
|
break;
|
|
@@ -4353,9 +4354,9 @@ const sl = {
|
|
|
4353
4354
|
default:
|
|
4354
4355
|
return;
|
|
4355
4356
|
}
|
|
4356
|
-
|
|
4357
|
+
R.preventDefault();
|
|
4357
4358
|
};
|
|
4358
|
-
return
|
|
4359
|
+
return ae(() => {
|
|
4359
4360
|
!l.value || !s.value || (requestAnimationFrame(() => {
|
|
4360
4361
|
requestAnimationFrame(h);
|
|
4361
4362
|
}), r = new ResizeObserver(() => {
|
|
@@ -4363,7 +4364,7 @@ const sl = {
|
|
|
4363
4364
|
}), r.observe(l.value), r.observe(s.value), t.stepsRef.value && r.observe(t.stepsRef.value), t.registerStep(l.value));
|
|
4364
4365
|
}), be(() => {
|
|
4365
4366
|
r?.disconnect(), t.unregisterStep(l.value), n != null && cancelAnimationFrame(n);
|
|
4366
|
-
}), (
|
|
4367
|
+
}), (R, y) => (v(), f("li", {
|
|
4367
4368
|
ref_key: "stepRef",
|
|
4368
4369
|
ref: l,
|
|
4369
4370
|
class: le(["step", `step__${C.value}`]),
|
|
@@ -4372,13 +4373,13 @@ const sl = {
|
|
|
4372
4373
|
"data-orientation": i.value,
|
|
4373
4374
|
"data-active": u.value === "active",
|
|
4374
4375
|
"data-completed": u.value === "completed",
|
|
4375
|
-
"aria-labelledby": `step-title-${
|
|
4376
|
+
"aria-labelledby": `step-title-${D(c)}`,
|
|
4376
4377
|
tabindex: u.value === "active" ? 0 : -1,
|
|
4377
4378
|
"aria-current": u.value === "active" ? "step" : void 0,
|
|
4378
|
-
"aria-posinset":
|
|
4379
|
-
"aria-setsize":
|
|
4380
|
-
"aria-describedby": `step-status-${
|
|
4381
|
-
onKeydown:
|
|
4379
|
+
"aria-posinset": D(c) + 1,
|
|
4380
|
+
"aria-setsize": D(t).stepsCount.value,
|
|
4381
|
+
"aria-describedby": `step-status-${D(c)}`,
|
|
4382
|
+
onKeydown: _
|
|
4382
4383
|
}, [
|
|
4383
4384
|
w("span", {
|
|
4384
4385
|
ref_key: "indicatorRef",
|
|
@@ -4386,10 +4387,10 @@ const sl = {
|
|
|
4386
4387
|
class: "indicator",
|
|
4387
4388
|
"aria-hidden": "true"
|
|
4388
4389
|
}, [
|
|
4389
|
-
|
|
4390
|
+
R.$slots.icon ? Y(R.$slots, "icon", {
|
|
4390
4391
|
key: 0,
|
|
4391
4392
|
status: u.value
|
|
4392
|
-
}, void 0, !0) : g.value ? (v(), J(
|
|
4393
|
+
}, void 0, !0) : g.value ? (v(), J(de, {
|
|
4393
4394
|
key: 1,
|
|
4394
4395
|
name: g.value,
|
|
4395
4396
|
class: "icon"
|
|
@@ -4407,36 +4408,36 @@ const sl = {
|
|
|
4407
4408
|
])])) : u.value === "active" ? (v(), f("span", qo)) : O("", !0)
|
|
4408
4409
|
], 512),
|
|
4409
4410
|
w("span", {
|
|
4410
|
-
id: `step-status-${
|
|
4411
|
+
id: `step-status-${D(c)}`,
|
|
4411
4412
|
class: "sr-only"
|
|
4412
|
-
},
|
|
4413
|
+
}, P(k.value), 9, No),
|
|
4413
4414
|
w("div", Fo, [
|
|
4414
4415
|
w("span", {
|
|
4415
|
-
id: `step-title-${
|
|
4416
|
+
id: `step-title-${D(c)}`,
|
|
4416
4417
|
class: "title"
|
|
4417
|
-
},
|
|
4418
|
-
|
|
4419
|
-
variant:
|
|
4418
|
+
}, P(e.title), 9, Po),
|
|
4419
|
+
U(j2, {
|
|
4420
|
+
variant: d.value,
|
|
4420
4421
|
size: "sm"
|
|
4421
4422
|
}, {
|
|
4422
|
-
default:
|
|
4423
|
-
me(
|
|
4423
|
+
default: G(() => [
|
|
4424
|
+
me(P($.value), 1)
|
|
4424
4425
|
]),
|
|
4425
4426
|
_: 1
|
|
4426
4427
|
}, 8, ["variant"]),
|
|
4427
|
-
|
|
4428
|
-
|
|
4428
|
+
R.$slots.default ? (v(), f("span", Ko, [
|
|
4429
|
+
Y(R.$slots, "default", {}, void 0, !0)
|
|
4429
4430
|
])) : O("", !0)
|
|
4430
4431
|
])
|
|
4431
4432
|
], 42, Eo));
|
|
4432
4433
|
}
|
|
4433
|
-
}), vl = /* @__PURE__ */
|
|
4434
|
+
}), vl = /* @__PURE__ */ j(Uo, [["__scopeId", "data-v-5c2d8caa"]]), jo = /* @__PURE__ */ S({
|
|
4434
4435
|
__name: "StepsItem",
|
|
4435
4436
|
props: {
|
|
4436
4437
|
index: {}
|
|
4437
4438
|
},
|
|
4438
4439
|
setup(e) {
|
|
4439
|
-
return ge("StepIndex", e.index), (t, a) =>
|
|
4440
|
+
return ge("StepIndex", e.index), (t, a) => Y(t.$slots, "default");
|
|
4440
4441
|
}
|
|
4441
4442
|
}), Yo = ["data-size", "data-orientation"], Wo = ["data-error", "data-completed"], Xo = {
|
|
4442
4443
|
"aria-live": "polite",
|
|
@@ -4457,12 +4458,12 @@ const sl = {
|
|
|
4457
4458
|
}),
|
|
4458
4459
|
emits: ["update:modelValue"],
|
|
4459
4460
|
setup(e) {
|
|
4460
|
-
const o = e, t = m(0), a = Fe(), l = fe(e, "modelValue"), s = m([]), i = m(null), n =
|
|
4461
|
+
const o = e, t = m(0), a = Fe(), l = fe(e, "modelValue"), s = m([]), i = m(null), n = V(() => l.value ?? 0), r = `steps-description-${ce()}`, c = M1({}), u = r1({});
|
|
4461
4462
|
let p = null;
|
|
4462
|
-
const g =
|
|
4463
|
+
const g = V(() => (a.default?.() ?? [])[n.value]?.props?.title ?? ""), k = V(() => Object.entries(u).filter(([, B]) => B !== "completed").length === 0), d = V(
|
|
4463
4464
|
() => Object.values(u).includes("error")
|
|
4464
|
-
), C =
|
|
4465
|
-
const B = n.value, q =
|
|
4465
|
+
), C = V(() => {
|
|
4466
|
+
const B = n.value, q = c;
|
|
4466
4467
|
if (q.value[0] == null || q.value[B] == null)
|
|
4467
4468
|
return o.orientation === "vertical" ? {
|
|
4468
4469
|
height: "100%",
|
|
@@ -4479,8 +4480,8 @@ const sl = {
|
|
|
4479
4480
|
left: `${M}px`,
|
|
4480
4481
|
width: `${L - M}px`
|
|
4481
4482
|
};
|
|
4482
|
-
}), $ =
|
|
4483
|
-
const B = Object.values(
|
|
4483
|
+
}), $ = V(() => {
|
|
4484
|
+
const B = Object.values(c.value).sort((L, E) => L - E);
|
|
4484
4485
|
if (B.length < 2) return {};
|
|
4485
4486
|
const q = B[0], M = B[B.length - 1];
|
|
4486
4487
|
return o.orientation === "vertical" ? {
|
|
@@ -4490,33 +4491,33 @@ const sl = {
|
|
|
4490
4491
|
left: `${q}px`,
|
|
4491
4492
|
right: `calc(100% - ${M}px)`
|
|
4492
4493
|
};
|
|
4493
|
-
}), x = (B, q) =>
|
|
4494
|
+
}), x = (B, q) => c.value = { ...c.value, [B]: q };
|
|
4494
4495
|
function h(B) {
|
|
4495
4496
|
s.value.push(B), t.value = s.value.length;
|
|
4496
4497
|
}
|
|
4497
|
-
function
|
|
4498
|
+
function _(B) {
|
|
4498
4499
|
s.value = s.value.filter((q) => q !== B), t.value = s.value.length;
|
|
4499
4500
|
}
|
|
4500
|
-
function
|
|
4501
|
+
function R(B) {
|
|
4501
4502
|
B < 0 || B >= s.value.length || (l.value = B, s.value[B]?.focus());
|
|
4502
4503
|
}
|
|
4503
4504
|
function y() {
|
|
4504
|
-
|
|
4505
|
+
R(l.value + 1);
|
|
4505
4506
|
}
|
|
4506
4507
|
function I() {
|
|
4507
|
-
|
|
4508
|
+
R(l.value - 1);
|
|
4508
4509
|
}
|
|
4509
4510
|
function b() {
|
|
4510
|
-
|
|
4511
|
+
R(0);
|
|
4511
4512
|
}
|
|
4512
|
-
function
|
|
4513
|
-
|
|
4513
|
+
function A() {
|
|
4514
|
+
R(t.value - 1);
|
|
4514
4515
|
}
|
|
4515
|
-
return
|
|
4516
|
+
return ae(() => {
|
|
4516
4517
|
i.value && (p = new ResizeObserver(() => {
|
|
4517
4518
|
}), p.observe(i.value));
|
|
4518
4519
|
}), be(() => p?.disconnect()), ge("StepsContext", {
|
|
4519
|
-
current:
|
|
4520
|
+
current: V(() => l.value),
|
|
4520
4521
|
update: (B) => l.value = B,
|
|
4521
4522
|
stepsCount: t,
|
|
4522
4523
|
icons: o.icons,
|
|
@@ -4529,11 +4530,11 @@ const sl = {
|
|
|
4529
4530
|
},
|
|
4530
4531
|
registerIndicatorCenter: x,
|
|
4531
4532
|
registerStep: h,
|
|
4532
|
-
unregisterStep:
|
|
4533
|
+
unregisterStep: _,
|
|
4533
4534
|
focusNext: y,
|
|
4534
4535
|
focusPrev: I,
|
|
4535
4536
|
focusFirst: b,
|
|
4536
|
-
focusLast:
|
|
4537
|
+
focusLast: A
|
|
4537
4538
|
}), (B, q) => (v(), f(te, null, [
|
|
4538
4539
|
w("ol", {
|
|
4539
4540
|
ref_key: "stepsRef",
|
|
@@ -4555,7 +4556,7 @@ const sl = {
|
|
|
4555
4556
|
}, [
|
|
4556
4557
|
w("div", {
|
|
4557
4558
|
class: "track-progress",
|
|
4558
|
-
"data-error":
|
|
4559
|
+
"data-error": d.value,
|
|
4559
4560
|
"data-completed": k.value,
|
|
4560
4561
|
style: ye(C.value)
|
|
4561
4562
|
}, null, 12, Wo)
|
|
@@ -4564,16 +4565,16 @@ const sl = {
|
|
|
4564
4565
|
key: L,
|
|
4565
4566
|
index: L
|
|
4566
4567
|
}, {
|
|
4567
|
-
default:
|
|
4568
|
+
default: G(() => [
|
|
4568
4569
|
(v(), J(Ve(M)))
|
|
4569
4570
|
]),
|
|
4570
4571
|
_: 2
|
|
4571
4572
|
}, 1032, ["index"]))), 128))
|
|
4572
4573
|
], 8, Yo),
|
|
4573
|
-
w("div", Xo, " Step " +
|
|
4574
|
+
w("div", Xo, " Step " + P(n.value + 1) + " of " + P(t.value) + ": " + P(g.value), 1)
|
|
4574
4575
|
], 64));
|
|
4575
4576
|
}
|
|
4576
|
-
}), fl = /* @__PURE__ */
|
|
4577
|
+
}), fl = /* @__PURE__ */ j(Go, [["__scopeId", "data-v-8697173d"]]), Jo = ["data-align"], Qo = /* @__PURE__ */ S({
|
|
4577
4578
|
__name: "Timeline",
|
|
4578
4579
|
props: {
|
|
4579
4580
|
align: { default: "left" }
|
|
@@ -4584,10 +4585,10 @@ const sl = {
|
|
|
4584
4585
|
class: "ui-timeline",
|
|
4585
4586
|
"data-align": e.align
|
|
4586
4587
|
}, [
|
|
4587
|
-
|
|
4588
|
+
Y(t.$slots, "default", {}, void 0, !0)
|
|
4588
4589
|
], 8, Jo));
|
|
4589
4590
|
}
|
|
4590
|
-
}), pl = /* @__PURE__ */
|
|
4591
|
+
}), pl = /* @__PURE__ */ j(Qo, [["__scopeId", "data-v-d56deb2b"]]), en = ["data-align", "aria-labelledby", "aria-describedby"], tn = { class: "ui-timeline-content" }, an = ["datetime"], on = { class: "ui-timeline-date--month" }, nn = { class: "ui-timeline-date--day" }, ln = { class: "ui-timeline-date--year" }, rn = ["data-direction"], sn = { class: "info" }, un = ["id"], cn = { class: "addons" }, dn = /* @__PURE__ */ S({
|
|
4591
4592
|
__name: "TimelineItem",
|
|
4592
4593
|
props: {
|
|
4593
4594
|
date: {},
|
|
@@ -4600,16 +4601,16 @@ const sl = {
|
|
|
4600
4601
|
setup(e) {
|
|
4601
4602
|
const o = e, t = ie("TimelineContext");
|
|
4602
4603
|
if (!t) throw new Error("TimelineItem must be used within a Timeline component");
|
|
4603
|
-
const a =
|
|
4604
|
-
const u = new Date(
|
|
4604
|
+
const a = ce(), l = ce(), s = V(() => t.align === "alternate" ? (o.index ?? 0) % 2 === 0 ? "ui-timeline-item--left" : "ui-timeline-item--right" : `ui-timeline-item--${t.align}`), i = (c) => {
|
|
4605
|
+
const u = new Date(c).getDay();
|
|
4605
4606
|
return u < 10 ? `0${u}` : u;
|
|
4606
|
-
}, n = (
|
|
4607
|
-
return (
|
|
4607
|
+
}, n = (c) => new Date(c).toLocaleString("default", { month: "short" }), r = (c) => new Date(c).getFullYear();
|
|
4608
|
+
return (c, u) => (v(), f("li", {
|
|
4608
4609
|
tabindex: "0",
|
|
4609
4610
|
class: le([s.value, "ui-timeline-item"]),
|
|
4610
|
-
"data-align":
|
|
4611
|
-
"aria-labelledby": e.title ?
|
|
4612
|
-
"aria-describedby": e.description ?
|
|
4611
|
+
"data-align": D(t).align,
|
|
4612
|
+
"aria-labelledby": e.title ? D(a) : void 0,
|
|
4613
|
+
"aria-describedby": e.description ? D(l) : void 0
|
|
4613
4614
|
}, [
|
|
4614
4615
|
u[0] || (u[0] = w("div", {
|
|
4615
4616
|
class: "ui-timeline-marker",
|
|
@@ -4621,42 +4622,42 @@ const sl = {
|
|
|
4621
4622
|
class: "ui-timeline-date",
|
|
4622
4623
|
datetime: e.date
|
|
4623
4624
|
}, [
|
|
4624
|
-
w("span", on,
|
|
4625
|
-
w("span", nn,
|
|
4626
|
-
w("span", ln,
|
|
4625
|
+
w("span", on, P(n(e.date)), 1),
|
|
4626
|
+
w("span", nn, P(i(e.date)), 1),
|
|
4627
|
+
w("span", ln, P(r(e.date)), 1)
|
|
4627
4628
|
], 8, an)) : O("", !0),
|
|
4628
4629
|
w("div", {
|
|
4629
4630
|
class: "ui-timeline-body",
|
|
4630
4631
|
"data-direction": e.flexDirection
|
|
4631
4632
|
}, [
|
|
4632
4633
|
w("div", sn, [
|
|
4633
|
-
|
|
4634
|
+
Y(c.$slots, "title", {}, () => [
|
|
4634
4635
|
(v(), J(Ve(e.titleAs ?? "h3"), {
|
|
4635
|
-
id:
|
|
4636
|
+
id: D(a),
|
|
4636
4637
|
class: "ui-timeline-title"
|
|
4637
4638
|
}, {
|
|
4638
|
-
default:
|
|
4639
|
-
me(
|
|
4639
|
+
default: G(() => [
|
|
4640
|
+
me(P(e.title), 1)
|
|
4640
4641
|
]),
|
|
4641
4642
|
_: 1
|
|
4642
4643
|
}, 8, ["id"]))
|
|
4643
4644
|
], !0),
|
|
4644
|
-
|
|
4645
|
+
Y(c.$slots, "description", {}, () => [
|
|
4645
4646
|
e.description ? (v(), f("p", {
|
|
4646
4647
|
key: 0,
|
|
4647
|
-
id:
|
|
4648
|
+
id: D(l),
|
|
4648
4649
|
class: "ui-timeline-description"
|
|
4649
|
-
},
|
|
4650
|
+
}, P(e.description), 9, un)) : O("", !0)
|
|
4650
4651
|
], !0)
|
|
4651
4652
|
]),
|
|
4652
|
-
w("div",
|
|
4653
|
-
|
|
4653
|
+
w("div", cn, [
|
|
4654
|
+
Y(c.$slots, "default", {}, void 0, !0)
|
|
4654
4655
|
])
|
|
4655
4656
|
], 8, rn)
|
|
4656
4657
|
])
|
|
4657
4658
|
], 10, en));
|
|
4658
4659
|
}
|
|
4659
|
-
}), Cl = /* @__PURE__ */
|
|
4660
|
+
}), Cl = /* @__PURE__ */ j(dn, [["__scopeId", "data-v-10599410"]]), vn = ["aria-label", "aria-activedescendant"], fn = { class: "carousel-viewport" }, pn = {
|
|
4660
4661
|
class: "sr-only",
|
|
4661
4662
|
"aria-live": "polite"
|
|
4662
4663
|
}, Cn = {
|
|
@@ -4685,77 +4686,77 @@ const sl = {
|
|
|
4685
4686
|
}),
|
|
4686
4687
|
emits: ["update:modelValue"],
|
|
4687
4688
|
setup(e) {
|
|
4688
|
-
const o = fe(e, "modelValue"), t = e, a = m(0), l = m(0), s = m(0), i = m(0), n = m(0), r = m(0),
|
|
4689
|
+
const o = fe(e, "modelValue"), t = e, a = m(0), l = m(0), s = m(0), i = m(0), n = m(0), r = m(0), c = m(!1), u = m(!1), p = m(0), g = m([]), k = m(1), d = m(o.value), C = m(null), $ = m(null);
|
|
4689
4690
|
let x = null, h = null;
|
|
4690
|
-
|
|
4691
|
+
X(
|
|
4691
4692
|
() => o.value,
|
|
4692
|
-
(
|
|
4693
|
+
(Z) => d.value = Z
|
|
4693
4694
|
);
|
|
4694
|
-
const
|
|
4695
|
-
const
|
|
4695
|
+
const _ = V(() => g.value[d.value] ?? void 0), R = V(() => Math.floor(d.value / k.value)), y = V(() => Math.ceil(W.value / k.value)), I = V(() => Math.max(0, W.value - k.value)), b = V(() => {
|
|
4696
|
+
const Z = d.value * (100 / k.value), F = u.value && $.value ? s.value / $.value.clientWidth * 100 : 0;
|
|
4696
4697
|
return {
|
|
4697
|
-
transform: `translateX(calc(-${
|
|
4698
|
+
transform: `translateX(calc(-${Z}% + ${F}%))`,
|
|
4698
4699
|
transition: u.value ? "none" : "transform 300ms ease"
|
|
4699
4700
|
};
|
|
4700
|
-
}),
|
|
4701
|
-
let
|
|
4701
|
+
}), A = (Z) => {
|
|
4702
|
+
let F = Z;
|
|
4702
4703
|
if (t.loop) {
|
|
4703
|
-
const
|
|
4704
|
-
|
|
4704
|
+
const se = Math.round(Z / k.value), oe = y.value;
|
|
4705
|
+
F = (se % oe + oe) % oe * k.value;
|
|
4705
4706
|
} else
|
|
4706
|
-
|
|
4707
|
-
Math.max(
|
|
4707
|
+
F = Math.min(
|
|
4708
|
+
Math.max(Z, 0),
|
|
4708
4709
|
I.value
|
|
4709
4710
|
);
|
|
4710
|
-
|
|
4711
|
-
}, B = () =>
|
|
4712
|
-
|
|
4713
|
-
}, L = (
|
|
4711
|
+
d.value = F, o.value = F;
|
|
4712
|
+
}, B = () => A(d.value + k.value), q = () => A(d.value - k.value), M = (Z) => {
|
|
4713
|
+
Z.key === "ArrowRight" ? B() : Z.key === "ArrowLeft" && q();
|
|
4714
|
+
}, L = (Z) => (g.value.includes(Z) || g.value.push(Z), g.value.indexOf(Z)), E = (Z) => g.value = g.value.filter((F) => F !== Z), W = V(() => g.value.length), ee = () => {
|
|
4714
4715
|
!t.autoplay || x !== null || (x = window.setInterval(() => {
|
|
4715
|
-
|
|
4716
|
+
c.value || B();
|
|
4716
4717
|
}, t.autoplayDelay));
|
|
4717
4718
|
}, re = () => {
|
|
4718
4719
|
x !== null && (clearInterval(x), x = null);
|
|
4719
|
-
},
|
|
4720
|
+
}, T = (Z) => {
|
|
4720
4721
|
if (typeof t.itemsPerView == "number")
|
|
4721
4722
|
return t.itemsPerView;
|
|
4722
|
-
const
|
|
4723
|
-
let
|
|
4724
|
-
for (const [
|
|
4725
|
-
return
|
|
4726
|
-
}, N = (
|
|
4727
|
-
|
|
4728
|
-
},
|
|
4723
|
+
const F = Object.entries(t.itemsPerView).map(([oe, ke]) => [Number(oe), ke]).sort((oe, ke) => oe[0] - ke[0]);
|
|
4724
|
+
let se = F[0]?.[1] ?? 1;
|
|
4725
|
+
for (const [oe, ke] of F) Z >= oe && (se = ke);
|
|
4726
|
+
return se;
|
|
4727
|
+
}, N = (Z) => {
|
|
4728
|
+
Z.button === 0 && (u.value = !0, l.value = Z.clientX, a.value = Z.clientX, r.value = Z.clientX, s.value = 0, i.value = performance.now(), n.value = 0, p.value = d.value, $.value?.setPointerCapture(Z.pointerId), re(), $.value.style.userSelect = "");
|
|
4729
|
+
}, H = (Z) => {
|
|
4729
4730
|
if (!u.value) return;
|
|
4730
|
-
const
|
|
4731
|
-
|
|
4732
|
-
},
|
|
4731
|
+
const F = performance.now(), se = Z.clientX - a.value, oe = F - i.value;
|
|
4732
|
+
oe > 0 && (n.value = se / oe), a.value = Z.clientX, i.value = F, r.value = Z.clientX, s.value = r.value - l.value;
|
|
4733
|
+
}, z = (Z) => {
|
|
4733
4734
|
if (!u.value) return;
|
|
4734
|
-
u.value = !1, $.value?.releasePointerCapture(
|
|
4735
|
-
const
|
|
4736
|
-
Math.abs(n.value) > hn ? n.value < 0 ? B() : q() : Math.abs(
|
|
4735
|
+
u.value = !1, $.value?.releasePointerCapture(Z.pointerId), $.value.style.userSelect = "";
|
|
4736
|
+
const F = $.value.clientWidth / k.value, se = s.value / F;
|
|
4737
|
+
Math.abs(n.value) > hn ? n.value < 0 ? B() : q() : Math.abs(se) > yn ? se < 0 ? B() : q() : A(p.value), s.value = 0, n.value = 0, ee();
|
|
4737
4738
|
};
|
|
4738
|
-
return
|
|
4739
|
-
ee(), C.value && (h = new ResizeObserver((
|
|
4740
|
-
const
|
|
4741
|
-
|
|
4739
|
+
return ae(() => {
|
|
4740
|
+
ee(), C.value && (h = new ResizeObserver((Z) => {
|
|
4741
|
+
const F = Z[0]?.contentRect.width;
|
|
4742
|
+
F !== void 0 && (k.value = T(F));
|
|
4742
4743
|
}), h.observe(C.value));
|
|
4743
4744
|
}), be(() => {
|
|
4744
4745
|
re(), h?.disconnect();
|
|
4745
|
-
}),
|
|
4746
|
+
}), X(
|
|
4746
4747
|
() => t.autoplay,
|
|
4747
|
-
(
|
|
4748
|
-
|
|
4748
|
+
(Z) => {
|
|
4749
|
+
Z ? ee() : re();
|
|
4749
4750
|
},
|
|
4750
4751
|
{ immediate: !0 }
|
|
4751
|
-
),
|
|
4752
|
+
), X(k, () => d.value = Math.min(d.value, I.value)), ge("CarouselContext", {
|
|
4752
4753
|
register: L,
|
|
4753
4754
|
unregister: E,
|
|
4754
|
-
activeIndex:
|
|
4755
|
-
slideCount:
|
|
4755
|
+
activeIndex: d,
|
|
4756
|
+
slideCount: W,
|
|
4756
4757
|
deltaX: s,
|
|
4757
4758
|
itemsPerView: t.itemsPerView instanceof Object ? k : m(t.itemsPerView)
|
|
4758
|
-
}), (
|
|
4759
|
+
}), (Z, F) => (v(), f("div", {
|
|
4759
4760
|
ref_key: "rootRef",
|
|
4760
4761
|
ref: C,
|
|
4761
4762
|
role: "region",
|
|
@@ -4763,15 +4764,15 @@ const sl = {
|
|
|
4763
4764
|
"aria-roledescription": "carousel",
|
|
4764
4765
|
"aria-label": e.ariaLabel,
|
|
4765
4766
|
tabindex: "0",
|
|
4766
|
-
"aria-activedescendant":
|
|
4767
|
+
"aria-activedescendant": _.value,
|
|
4767
4768
|
style: ye({ "--items-per-view": k.value }),
|
|
4768
4769
|
onKeydown: M,
|
|
4769
|
-
onMouseenter:
|
|
4770
|
-
onMouseleave:
|
|
4771
|
-
onFocusin:
|
|
4772
|
-
onFocusout:
|
|
4770
|
+
onMouseenter: F[0] || (F[0] = (se) => c.value = !0),
|
|
4771
|
+
onMouseleave: F[1] || (F[1] = (se) => c.value = !1),
|
|
4772
|
+
onFocusin: F[2] || (F[2] = (se) => c.value = !0),
|
|
4773
|
+
onFocusout: F[3] || (F[3] = (se) => c.value = !1)
|
|
4773
4774
|
}, [
|
|
4774
|
-
|
|
4775
|
+
F[4] || (F[4] = w("span", {
|
|
4775
4776
|
id: "carousel-instructions",
|
|
4776
4777
|
class: "sr-only"
|
|
4777
4778
|
}, " Use left and right arrow keys to navigate slides ", -1)),
|
|
@@ -4782,21 +4783,21 @@ const sl = {
|
|
|
4782
4783
|
class: "carousel-track",
|
|
4783
4784
|
style: ye(b.value),
|
|
4784
4785
|
onPointerdown: N,
|
|
4785
|
-
onPointermove:
|
|
4786
|
-
onPointerup:
|
|
4787
|
-
onPointercancel:
|
|
4786
|
+
onPointermove: H,
|
|
4787
|
+
onPointerup: z,
|
|
4788
|
+
onPointercancel: z
|
|
4788
4789
|
}, [
|
|
4789
|
-
|
|
4790
|
+
Y(Z.$slots, "default", {}, void 0, !0)
|
|
4790
4791
|
], 36)
|
|
4791
4792
|
]),
|
|
4792
|
-
w("span", pn, " Slide " +
|
|
4793
|
+
w("span", pn, " Slide " + P(Math.floor(d.value / k.value) + 1) + " of " + P(y.value), 1),
|
|
4793
4794
|
w("button", {
|
|
4794
4795
|
type: "button",
|
|
4795
4796
|
class: "carousel-control prev",
|
|
4796
4797
|
"aria-label": "Previous slide",
|
|
4797
4798
|
onClick: q
|
|
4798
4799
|
}, [
|
|
4799
|
-
|
|
4800
|
+
U(de, { name: "directionDown" })
|
|
4800
4801
|
]),
|
|
4801
4802
|
w("button", {
|
|
4802
4803
|
type: "button",
|
|
@@ -4804,33 +4805,33 @@ const sl = {
|
|
|
4804
4805
|
"aria-label": "Next slide",
|
|
4805
4806
|
onClick: B
|
|
4806
4807
|
}, [
|
|
4807
|
-
|
|
4808
|
+
U(de, { name: "directionDown" })
|
|
4808
4809
|
]),
|
|
4809
4810
|
e.showIndicators ? (v(), f("div", Cn, [
|
|
4810
|
-
(v(!0), f(te, null, ue(y.value, (
|
|
4811
|
+
(v(!0), f(te, null, ue(y.value, (se, oe) => (v(), f("button", {
|
|
4811
4812
|
role: "tab",
|
|
4812
4813
|
type: "button",
|
|
4813
|
-
key:
|
|
4814
|
-
class: le(["indicator", { active:
|
|
4815
|
-
"aria-label": `Go to slide ${
|
|
4816
|
-
"aria-selected":
|
|
4817
|
-
"aria-current":
|
|
4818
|
-
onClick: (ke) =>
|
|
4814
|
+
key: oe,
|
|
4815
|
+
class: le(["indicator", { active: oe === Math.floor(d.value / k.value) }]),
|
|
4816
|
+
"aria-label": `Go to slide ${oe + 1}`,
|
|
4817
|
+
"aria-selected": oe === R.value,
|
|
4818
|
+
"aria-current": oe === R.value,
|
|
4819
|
+
onClick: (ke) => A(oe * k.value),
|
|
4819
4820
|
onKeydown: [
|
|
4820
|
-
ve(ne((ke) =>
|
|
4821
|
-
ve(ne((ke) =>
|
|
4821
|
+
ve(ne((ke) => A((oe - 1 + y.value) % y.value * k.value), ["prevent"]), ["left"]),
|
|
4822
|
+
ve(ne((ke) => A((oe + 1) % y.value * k.value), ["prevent"]), ["right"])
|
|
4822
4823
|
]
|
|
4823
4824
|
}, null, 42, mn))), 128))
|
|
4824
4825
|
])) : O("", !0)
|
|
4825
4826
|
], 44, vn));
|
|
4826
4827
|
}
|
|
4827
|
-
}), ml = /* @__PURE__ */
|
|
4828
|
+
}), ml = /* @__PURE__ */ j(gn, [["__scopeId", "data-v-30cdfc00"]]), bn = ["aria-hidden", "aria-label"], kn = /* @__PURE__ */ S({
|
|
4828
4829
|
__name: "CarouselItem",
|
|
4829
4830
|
setup(e) {
|
|
4830
4831
|
const o = ie("CarouselContext");
|
|
4831
4832
|
if (!o) throw new Error("CarouselItem must be used inside a Carousel");
|
|
4832
|
-
const t = "carousel-item-" +
|
|
4833
|
-
return
|
|
4833
|
+
const t = "carousel-item-" + ce(), a = m(0), l = V(() => Math.abs(o.deltaX.value) > 5), s = V(() => Math.floor(a.value / o.itemsPerView.value) === Math.floor(o.activeIndex.value / o.itemsPerView.value));
|
|
4834
|
+
return ae(() => a.value = o.register(t)), be(() => o.unregister(t)), (i, n) => (v(), f("div", {
|
|
4834
4835
|
role: "group",
|
|
4835
4836
|
class: "carousel-item",
|
|
4836
4837
|
id: t,
|
|
@@ -4839,10 +4840,10 @@ const sl = {
|
|
|
4839
4840
|
"aria-label": `Slide ${a.value + 1}`,
|
|
4840
4841
|
onClickCapture: n[0] || (n[0] = (r) => l.value && r.preventDefault())
|
|
4841
4842
|
}, [
|
|
4842
|
-
|
|
4843
|
+
Y(i.$slots, "default", {}, void 0, !0)
|
|
4843
4844
|
], 40, bn));
|
|
4844
4845
|
}
|
|
4845
|
-
}), hl = /* @__PURE__ */
|
|
4846
|
+
}), hl = /* @__PURE__ */ j(kn, [["__scopeId", "data-v-a569d055"]]), De = /* @__PURE__ */ Symbol("TabsContext"), yl = S({
|
|
4846
4847
|
name: "Tabs",
|
|
4847
4848
|
props: {
|
|
4848
4849
|
modelValue: String,
|
|
@@ -4859,37 +4860,37 @@ const sl = {
|
|
|
4859
4860
|
emits: ["update:modelValue"],
|
|
4860
4861
|
setup(e, { emit: o, slots: t }) {
|
|
4861
4862
|
const a = m(e.modelValue ?? e.defaultValue), l = m(!1), s = m([]), i = m("forward"), n = m();
|
|
4862
|
-
|
|
4863
|
-
!
|
|
4864
|
-
document.getElementById(`tab-${
|
|
4863
|
+
X(a, (d) => {
|
|
4864
|
+
!d || !l.value || requestAnimationFrame(() => {
|
|
4865
|
+
document.getElementById(`tab-${d}`)?.focus(), l.value = !1;
|
|
4865
4866
|
});
|
|
4866
|
-
}),
|
|
4867
|
+
}), X(
|
|
4867
4868
|
() => e.modelValue,
|
|
4868
|
-
(
|
|
4869
|
-
|
|
4869
|
+
(d) => {
|
|
4870
|
+
d !== void 0 && (a.value = d);
|
|
4870
4871
|
}
|
|
4871
|
-
),
|
|
4872
|
-
!a.value &&
|
|
4872
|
+
), X(s, (d) => {
|
|
4873
|
+
!a.value && d.length && (a.value = d[0]);
|
|
4873
4874
|
});
|
|
4874
|
-
const r = (
|
|
4875
|
+
const r = (d, C) => s.value[C] = d, c = (d) => {
|
|
4875
4876
|
const C = s.value.filter(Boolean);
|
|
4876
4877
|
if (!C.length) return;
|
|
4877
4878
|
const $ = a.value;
|
|
4878
4879
|
if (!$) {
|
|
4879
|
-
a.value =
|
|
4880
|
+
a.value = d, o("update:modelValue", d);
|
|
4880
4881
|
return;
|
|
4881
4882
|
}
|
|
4882
|
-
const x = C.indexOf($), h = C.indexOf(
|
|
4883
|
+
const x = C.indexOf($), h = C.indexOf(d);
|
|
4883
4884
|
if (x === -1 || h === -1) {
|
|
4884
|
-
a.value =
|
|
4885
|
+
a.value = d, o("update:modelValue", d);
|
|
4885
4886
|
return;
|
|
4886
4887
|
}
|
|
4887
|
-
x !== -1 && h !== -1 && (i.value = h > x ? "forward" : "backward"), $ !==
|
|
4888
|
-
}, u =
|
|
4889
|
-
|
|
4890
|
-
}, g = (
|
|
4891
|
-
if (
|
|
4892
|
-
const C =
|
|
4888
|
+
x !== -1 && h !== -1 && (i.value = h > x ? "forward" : "backward"), $ !== d && (a.value = d, o("update:modelValue", d));
|
|
4889
|
+
}, u = V(() => i.value === "forward" ? "tab-slide-forward" : "tab-slide-backward"), p = (d) => {
|
|
4890
|
+
d instanceof HTMLElement && n.value && (n.value.style.height = `${d.offsetHeight}px`);
|
|
4891
|
+
}, g = (d) => {
|
|
4892
|
+
if (d instanceof HTMLElement && n.value) {
|
|
4893
|
+
const C = d.offsetHeight;
|
|
4893
4894
|
requestAnimationFrame(() => {
|
|
4894
4895
|
n.value && (n.value.style.height = `${C}px`);
|
|
4895
4896
|
});
|
|
@@ -4899,7 +4900,7 @@ const sl = {
|
|
|
4899
4900
|
};
|
|
4900
4901
|
return ge(De, {
|
|
4901
4902
|
activeValue: a,
|
|
4902
|
-
setValue:
|
|
4903
|
+
setValue: c,
|
|
4903
4904
|
registerTrigger: r,
|
|
4904
4905
|
direction: i,
|
|
4905
4906
|
activationMode: m(e.activationMode),
|
|
@@ -4908,20 +4909,20 @@ const sl = {
|
|
|
4908
4909
|
contentWrapperRef: n,
|
|
4909
4910
|
focusOnChange: l
|
|
4910
4911
|
}), () => {
|
|
4911
|
-
const
|
|
4912
|
-
|
|
4912
|
+
const d = t.default?.() || [], C = [], $ = [];
|
|
4913
|
+
d.forEach((h) => {
|
|
4913
4914
|
h.type?.name === "TabsContent" ? $.push(h) : C.push(h);
|
|
4914
4915
|
});
|
|
4915
4916
|
const x = $.find((h) => h.props?.value === a.value);
|
|
4916
4917
|
return [
|
|
4917
4918
|
...C,
|
|
4918
|
-
|
|
4919
|
+
K(
|
|
4919
4920
|
"div",
|
|
4920
4921
|
{
|
|
4921
4922
|
class: "tabs-content-wrapper",
|
|
4922
4923
|
ref: n
|
|
4923
4924
|
},
|
|
4924
|
-
|
|
4925
|
+
K(
|
|
4925
4926
|
$e,
|
|
4926
4927
|
{
|
|
4927
4928
|
name: u.value,
|
|
@@ -4930,7 +4931,7 @@ const sl = {
|
|
|
4930
4931
|
onEnter: g,
|
|
4931
4932
|
onAfterEnter: k
|
|
4932
4933
|
},
|
|
4933
|
-
() => x ? [
|
|
4934
|
+
() => x ? [K(x.type, {
|
|
4934
4935
|
...x.props,
|
|
4935
4936
|
key: x.props.value
|
|
4936
4937
|
}, x.children)] : []
|
|
@@ -4944,7 +4945,7 @@ const sl = {
|
|
|
4944
4945
|
setup(e, { slots: o }) {
|
|
4945
4946
|
const t = ie(De);
|
|
4946
4947
|
if (!t) throw new Error("TabsList components must be used inside <Tabs>");
|
|
4947
|
-
return () =>
|
|
4948
|
+
return () => K(
|
|
4948
4949
|
"div",
|
|
4949
4950
|
{
|
|
4950
4951
|
role: "tablist",
|
|
@@ -4973,7 +4974,7 @@ const sl = {
|
|
|
4973
4974
|
setup(e, { slots: o }) {
|
|
4974
4975
|
const t = ie(De);
|
|
4975
4976
|
if (!t) throw new Error("TabsTrigger components must be used inside <Tabs>");
|
|
4976
|
-
const a =
|
|
4977
|
+
const a = V(() => t.activeValue.value === e.value), l = () => !e.disabled && t.setValue(e.value), s = (i) => {
|
|
4977
4978
|
if (t.focusOnChange.value = !0, !["ArrowRight", "ArrowLeft", "ArrowDown", "ArrowUp", "Home", "End"].includes(i.key)) return;
|
|
4978
4979
|
i.preventDefault();
|
|
4979
4980
|
const r = t.triggers.value.filter(Boolean);
|
|
@@ -5005,7 +5006,7 @@ const sl = {
|
|
|
5005
5006
|
document.getElementById(`tab-${g}`)?.focus();
|
|
5006
5007
|
});
|
|
5007
5008
|
};
|
|
5008
|
-
return
|
|
5009
|
+
return ae(() => !e.disabled && t.registerTrigger(e.value, e.index)), be(() => t.triggers.value[e.index] = void 0), () => K(
|
|
5009
5010
|
he,
|
|
5010
5011
|
{
|
|
5011
5012
|
role: "tab",
|
|
@@ -5032,7 +5033,7 @@ const sl = {
|
|
|
5032
5033
|
},
|
|
5033
5034
|
setup(e, { slots: o }) {
|
|
5034
5035
|
if (!ie(De)) throw new Error("TabsContent components must be used inside <Tabs>");
|
|
5035
|
-
return () =>
|
|
5036
|
+
return () => K(
|
|
5036
5037
|
"div",
|
|
5037
5038
|
{
|
|
5038
5039
|
id: `panel-${e.value}`,
|
|
@@ -5048,30 +5049,30 @@ const sl = {
|
|
|
5048
5049
|
__name: "Dropdown",
|
|
5049
5050
|
setup(e) {
|
|
5050
5051
|
let o = 0;
|
|
5051
|
-
const t = m(!1), a = m(null), l = m({}), s = `dropdown-${
|
|
5052
|
+
const t = m(!1), a = m(null), l = m({}), s = `dropdown-${ce()}`, i = `${s}-menu`, n = `${s}-trigger`, r = () => t.value = !0, c = () => {
|
|
5052
5053
|
t.value = !1, l.value = {}, o = 0, a.value?.focus({ preventScroll: !0 });
|
|
5053
5054
|
}, u = () => t.value = !t.value, p = (h) => {
|
|
5054
|
-
const
|
|
5055
|
-
return l.value[
|
|
5055
|
+
const _ = `dropdown-item-${o++}`;
|
|
5056
|
+
return l.value[_] = h, _;
|
|
5056
5057
|
}, g = (h) => {
|
|
5057
|
-
const
|
|
5058
|
-
|
|
5058
|
+
const _ = l.value[h];
|
|
5059
|
+
_ && _.focus();
|
|
5059
5060
|
}, k = () => {
|
|
5060
5061
|
const h = Object.keys(l.value)[0];
|
|
5061
5062
|
h && g(h);
|
|
5062
|
-
},
|
|
5063
|
-
const h = Object.keys(l.value),
|
|
5064
|
-
|
|
5063
|
+
}, d = () => {
|
|
5064
|
+
const h = Object.keys(l.value), _ = h[h.length - 1];
|
|
5065
|
+
_ && g(_);
|
|
5065
5066
|
}, C = (h) => {
|
|
5066
|
-
const
|
|
5067
|
-
|
|
5067
|
+
const _ = Object.keys(l.value), R = x(h), y = _[R + 1];
|
|
5068
|
+
R >= 0 && R < _.length - 1 && y && g(y);
|
|
5068
5069
|
}, $ = (h) => {
|
|
5069
|
-
const
|
|
5070
|
-
|
|
5070
|
+
const _ = Object.keys(l.value), R = x(h), y = _[R - 1];
|
|
5071
|
+
R > 0 && y && g(y);
|
|
5071
5072
|
}, x = (h) => Object.keys(l.value).indexOf(h);
|
|
5072
5073
|
return ge("DropdownContext", {
|
|
5073
5074
|
open: r,
|
|
5074
|
-
close:
|
|
5075
|
+
close: c,
|
|
5075
5076
|
toggle: u,
|
|
5076
5077
|
isOpen: t,
|
|
5077
5078
|
registerItem: p,
|
|
@@ -5079,12 +5080,12 @@ const sl = {
|
|
|
5079
5080
|
focusNextItem: C,
|
|
5080
5081
|
focusPrevItem: $,
|
|
5081
5082
|
focusFirstItem: k,
|
|
5082
|
-
focusLastItem:
|
|
5083
|
+
focusLastItem: d,
|
|
5083
5084
|
triggerRef: a,
|
|
5084
5085
|
menuId: i,
|
|
5085
5086
|
triggerId: n
|
|
5086
|
-
}), (h,
|
|
5087
|
-
|
|
5087
|
+
}), (h, _) => (v(), f("div", wn, [
|
|
5088
|
+
Y(h.$slots, "default")
|
|
5088
5089
|
]));
|
|
5089
5090
|
}
|
|
5090
5091
|
}), Mn = /* @__PURE__ */ S({
|
|
@@ -5098,20 +5099,20 @@ const sl = {
|
|
|
5098
5099
|
const a = m(), l = (s) => {
|
|
5099
5100
|
s.key === "ArrowDown" && (s.preventDefault(), t.open(), Me(() => t.focusFirstItem())), s.key === "ArrowUp" && (s.preventDefault(), t.open(), Me(() => t.focusLastItem()));
|
|
5100
5101
|
};
|
|
5101
|
-
return
|
|
5102
|
+
return ae(() => t.triggerRef.value = a.value?.el), (s, i) => (v(), J(he, {
|
|
5102
5103
|
ref_key: "btn",
|
|
5103
5104
|
ref: a,
|
|
5104
|
-
id:
|
|
5105
|
+
id: D(t).triggerId,
|
|
5105
5106
|
class: le(["ui-dropdown-trigger", { "btn-outline": o.variant === "button" }]),
|
|
5106
5107
|
"aria-haspopup": "menu",
|
|
5107
|
-
"aria-controls":
|
|
5108
|
-
"aria-expanded":
|
|
5109
|
-
onClick:
|
|
5108
|
+
"aria-controls": D(t).menuId,
|
|
5109
|
+
"aria-expanded": D(t).isOpen.value,
|
|
5110
|
+
onClick: D(t).toggle,
|
|
5110
5111
|
onKeydown: l
|
|
5111
5112
|
}, {
|
|
5112
|
-
default:
|
|
5113
|
-
|
|
5114
|
-
o.variant === "button" ? (v(), J(
|
|
5113
|
+
default: G(() => [
|
|
5114
|
+
Y(s.$slots, "default", {}, void 0, !0),
|
|
5115
|
+
o.variant === "button" ? (v(), J(de, {
|
|
5115
5116
|
key: 0,
|
|
5116
5117
|
name: "directionDown"
|
|
5117
5118
|
})) : O("", !0)
|
|
@@ -5119,7 +5120,7 @@ const sl = {
|
|
|
5119
5120
|
_: 3
|
|
5120
5121
|
}, 8, ["id", "class", "aria-controls", "aria-expanded", "onClick"]));
|
|
5121
5122
|
}
|
|
5122
|
-
}), Ml = /* @__PURE__ */
|
|
5123
|
+
}), Ml = /* @__PURE__ */ j(Mn, [["__scopeId", "data-v-267a3d51"]]), xn = ["id", "aria-labelledby"], Ln = /* @__PURE__ */ S({
|
|
5123
5124
|
__name: "DropdownMenu",
|
|
5124
5125
|
setup(e) {
|
|
5125
5126
|
const o = ie("DropdownContext");
|
|
@@ -5137,38 +5138,38 @@ const sl = {
|
|
|
5137
5138
|
"--dropdown-menu-left": `${r.left}px`
|
|
5138
5139
|
};
|
|
5139
5140
|
};
|
|
5140
|
-
return
|
|
5141
|
+
return X(
|
|
5141
5142
|
() => o.isOpen.value,
|
|
5142
5143
|
(n) => {
|
|
5143
5144
|
n && (i(), requestAnimationFrame(() => o.focusFirstItem()));
|
|
5144
5145
|
}
|
|
5145
|
-
),
|
|
5146
|
+
), X(
|
|
5146
5147
|
() => o.isOpen.value,
|
|
5147
5148
|
(n) => {
|
|
5148
5149
|
n ? document.addEventListener("pointerdown", l, !0) : document.removeEventListener("pointerdown", l, !0);
|
|
5149
5150
|
}
|
|
5150
|
-
),
|
|
5151
|
+
), ae(() => {
|
|
5151
5152
|
window.addEventListener("scroll", i, !0), window.addEventListener("resize", i);
|
|
5152
5153
|
}), be(() => {
|
|
5153
5154
|
window.removeEventListener("scroll", i, !0), window.removeEventListener("resize", i);
|
|
5154
5155
|
}), (n, r) => (v(), J(He, { to: "body" }, [
|
|
5155
|
-
|
|
5156
|
+
D(o).isOpen.value ? (v(), f("div", {
|
|
5156
5157
|
key: 0,
|
|
5157
5158
|
role: "menu",
|
|
5158
5159
|
ref_key: "menuRef",
|
|
5159
5160
|
ref: t,
|
|
5160
5161
|
style: ye(a.value),
|
|
5161
|
-
id:
|
|
5162
|
+
id: D(o).menuId,
|
|
5162
5163
|
"aria-orientation": "vertical",
|
|
5163
|
-
"aria-labelledby":
|
|
5164
|
+
"aria-labelledby": D(o).triggerId,
|
|
5164
5165
|
class: "ui-dropdown-menu",
|
|
5165
5166
|
onKeydown: s
|
|
5166
5167
|
}, [
|
|
5167
|
-
|
|
5168
|
+
Y(n.$slots, "default", {}, void 0, !0)
|
|
5168
5169
|
], 44, xn)) : O("", !0)
|
|
5169
5170
|
]));
|
|
5170
5171
|
}
|
|
5171
|
-
}), xl = /* @__PURE__ */
|
|
5172
|
+
}), xl = /* @__PURE__ */ j(Ln, [["__scopeId", "data-v-f2be8ab5"]]), $n = /* @__PURE__ */ S({
|
|
5172
5173
|
__name: "DropdownItem",
|
|
5173
5174
|
setup(e) {
|
|
5174
5175
|
const o = ie("DropdownContext");
|
|
@@ -5177,7 +5178,7 @@ const sl = {
|
|
|
5177
5178
|
const a = m(), l = (s) => {
|
|
5178
5179
|
s.key === "ArrowDown" && (s.preventDefault(), o.focusNextItem(t)), s.key === "ArrowUp" && (s.preventDefault(), o.focusPrevItem(t)), (s.key === "Enter" || s.key === " ") && (s.preventDefault(), a.value?.click(), o.close());
|
|
5179
5180
|
};
|
|
5180
|
-
return
|
|
5181
|
+
return ae(() => t = o.registerItem(a.value)), (s, i) => (v(), f("div", {
|
|
5181
5182
|
ref_key: "itemRef",
|
|
5182
5183
|
ref: a,
|
|
5183
5184
|
role: "menuitem",
|
|
@@ -5185,26 +5186,26 @@ const sl = {
|
|
|
5185
5186
|
tabindex: "-1",
|
|
5186
5187
|
onKeydown: l,
|
|
5187
5188
|
onClick: i[0] || (i[0] = //@ts-ignore
|
|
5188
|
-
(...n) =>
|
|
5189
|
+
(...n) => D(o).close && D(o).close(...n)),
|
|
5189
5190
|
onPointerenter: i[1] || (i[1] = (n) => a.value?.focus())
|
|
5190
5191
|
}, [
|
|
5191
|
-
|
|
5192
|
+
Y(s.$slots, "default", {}, void 0, !0)
|
|
5192
5193
|
], 544));
|
|
5193
5194
|
}
|
|
5194
|
-
}), Ll = /* @__PURE__ */
|
|
5195
|
-
const o = /* @__PURE__ */ new Date(), t = e.locale || "default", a = m(e.modelValue ?? null), l = m(e.modelValue ? new Date(e.modelValue) : o), s = e.firstDayOfWeek ?? 0, i =
|
|
5195
|
+
}), Ll = /* @__PURE__ */ j($n, [["__scopeId", "data-v-69de3d9c"]]), Vn = (e) => {
|
|
5196
|
+
const o = /* @__PURE__ */ new Date(), t = e.locale || "default", a = m(e.modelValue ?? null), l = m(e.modelValue ? new Date(e.modelValue) : o), s = e.firstDayOfWeek ?? 0, i = V(() => {
|
|
5196
5197
|
const g = new Intl.DateTimeFormat(t, { month: "long", year: "numeric" }).format(l.value);
|
|
5197
5198
|
return g.charAt(0).toUpperCase() + g.slice(1);
|
|
5198
|
-
}), n =
|
|
5199
|
+
}), n = V(() => {
|
|
5199
5200
|
const g = new Date(2021, 5, 6);
|
|
5200
|
-
return Array.from({ length: 7 }).map((k,
|
|
5201
|
+
return Array.from({ length: 7 }).map((k, d) => {
|
|
5201
5202
|
const C = new Date(g);
|
|
5202
|
-
return C.setDate(g.getDate() + (
|
|
5203
|
+
return C.setDate(g.getDate() + (d + s) % 7), new Intl.DateTimeFormat(t, { weekday: "short" }).format(C).replace(".", "");
|
|
5203
5204
|
});
|
|
5204
|
-
}), r =
|
|
5205
|
-
const g = l.value.getFullYear(), k = l.value.getMonth(),
|
|
5206
|
-
for (let
|
|
5207
|
-
for (let
|
|
5205
|
+
}), r = V(() => {
|
|
5206
|
+
const g = l.value.getFullYear(), k = l.value.getMonth(), d = new Date(g, k, 1), C = new Date(g, k + 1, 0), $ = (d.getDay() - s + 7) % 7, x = C.getDate(), h = [];
|
|
5207
|
+
for (let _ = 0; _ < $; _++) h.push(null);
|
|
5208
|
+
for (let _ = 1; _ <= x; _++) h.push(new Date(g, k, _));
|
|
5208
5209
|
return h;
|
|
5209
5210
|
});
|
|
5210
5211
|
return {
|
|
@@ -5231,8 +5232,8 @@ const sl = {
|
|
|
5231
5232
|
}, l1 = (e, o) => {
|
|
5232
5233
|
const t = o.replace("DD", "(?<day>\\d{2})").replace("MM", "(?<month>\\d{2})").replace("YYYY", "(?<year>\\d{4})").replace("HH", "(?<hour>\\d{2})").replace("mm", "(?<minute>\\d{2})").replace("ss", "(?<second>\\d{2})"), a = new RegExp(`^${t}$`), l = e.match(a);
|
|
5233
5234
|
if (!l?.groups) return null;
|
|
5234
|
-
const s = Number(l.groups.day ?? 1), i = Number(l.groups.month ?? 1), n = Number(l.groups.year ?? 1970), r = Number(l.groups.hour ?? 0),
|
|
5235
|
-
return In(s, i, n) ? new Date(n, i - 1, s, r,
|
|
5235
|
+
const s = Number(l.groups.day ?? 1), i = Number(l.groups.month ?? 1), n = Number(l.groups.year ?? 1970), r = Number(l.groups.hour ?? 0), c = Number(l.groups.minute ?? 0), u = Number(l.groups.second ?? 0);
|
|
5236
|
+
return In(s, i, n) ? new Date(n, i - 1, s, r, c, u, 0) : null;
|
|
5236
5237
|
};
|
|
5237
5238
|
function In(e, o, t, a = 1900, l = 2100) {
|
|
5238
5239
|
if (!Number.isInteger(e) || !Number.isInteger(o) || !Number.isInteger(t) || o < 1 || o > 12 || t < a || t > l) return !1;
|
|
@@ -5249,7 +5250,7 @@ const Hn = (e, o) => {
|
|
|
5249
5250
|
const n = i.length, r = t.slice(s, s + n);
|
|
5250
5251
|
if (!r) break;
|
|
5251
5252
|
if (l += r, s += r.length, s < t.length) {
|
|
5252
|
-
const
|
|
5253
|
+
const c = o.indexOf(i) + i.length, u = o[c];
|
|
5253
5254
|
u && !u.match(/[DMYHms]/) && (l += u);
|
|
5254
5255
|
}
|
|
5255
5256
|
}
|
|
@@ -5280,18 +5281,18 @@ const Hn = (e, o) => {
|
|
|
5280
5281
|
emits: /* @__PURE__ */ Q(["update:open"], ["update:modelValue"]),
|
|
5281
5282
|
setup(e, { emit: o }) {
|
|
5282
5283
|
const t = fe(e, "modelValue"), a = o, l = e, s = m(!1), i = m(""), n = m(null), r = m(null), {
|
|
5283
|
-
monthLabel:
|
|
5284
|
+
monthLabel: c,
|
|
5284
5285
|
weekDays: u,
|
|
5285
5286
|
days: p,
|
|
5286
5287
|
nextMonth: g,
|
|
5287
5288
|
prevMonth: k,
|
|
5288
|
-
select:
|
|
5289
|
+
select: d
|
|
5289
5290
|
} = Vn({
|
|
5290
5291
|
modelValue: t.value,
|
|
5291
5292
|
locale: l.locale,
|
|
5292
5293
|
firstDayOfWeek: l.firstDayOfWeek
|
|
5293
5294
|
});
|
|
5294
|
-
|
|
5295
|
+
X(
|
|
5295
5296
|
() => t.value,
|
|
5296
5297
|
(b) => {
|
|
5297
5298
|
if (!b) {
|
|
@@ -5301,41 +5302,41 @@ const Hn = (e, o) => {
|
|
|
5301
5302
|
r.value = b, i.value = Ee(b, l.format);
|
|
5302
5303
|
},
|
|
5303
5304
|
{ immediate: !0 }
|
|
5304
|
-
),
|
|
5305
|
+
), X(
|
|
5305
5306
|
s,
|
|
5306
5307
|
async (b) => {
|
|
5307
5308
|
if (b) {
|
|
5308
5309
|
await Me();
|
|
5309
|
-
let
|
|
5310
|
-
if (!
|
|
5310
|
+
let A = n.value?.querySelector('button[data-selected="true"]');
|
|
5311
|
+
if (!A) {
|
|
5311
5312
|
const B = /* @__PURE__ */ new Date();
|
|
5312
|
-
|
|
5313
|
+
A = Array.from(n.value?.querySelectorAll("button") || []).find((q) => Number(q.textContent) === B.getDate() && !q.disabled);
|
|
5313
5314
|
}
|
|
5314
|
-
|
|
5315
|
+
A && A.focus(), document.addEventListener("keydown", x);
|
|
5315
5316
|
} else document.removeEventListener("keydown", x);
|
|
5316
5317
|
}
|
|
5317
5318
|
);
|
|
5318
5319
|
const C = (b) => {
|
|
5319
|
-
r.value = b, t.value = b, i.value = Ee(b, l.format),
|
|
5320
|
+
r.value = b, t.value = b, i.value = Ee(b, l.format), d(b), s.value = !1;
|
|
5320
5321
|
}, $ = (b) => !b || !r.value ? "" : b.toDateString() === r.value.toDateString() ? "dp-selected" : "", x = (b) => b.key === "Escape" && (s.value = !1), h = (b) => {
|
|
5321
5322
|
b.key === "Backspace" || b.key === "Delete" || b.key === "ArrowLeft" || b.key === "ArrowRight" || b.key === "Tab" || /[0-9]/.test(b.key) || b.preventDefault();
|
|
5322
|
-
},
|
|
5323
|
-
const
|
|
5324
|
-
let L =
|
|
5323
|
+
}, _ = (b) => {
|
|
5324
|
+
const A = b.target, B = A.selectionStart ?? 0, M = A.value.slice(0, B).replace(/\D/g, "").length;
|
|
5325
|
+
let L = A.value.replace(/\D/g, "");
|
|
5325
5326
|
const E = Bn(l.format);
|
|
5326
5327
|
L = L.slice(0, E);
|
|
5327
|
-
const
|
|
5328
|
-
i.value =
|
|
5328
|
+
const W = Hn(L, l.format);
|
|
5329
|
+
i.value = W, A.value = W;
|
|
5329
5330
|
let ee = 0, re = 0;
|
|
5330
|
-
for (let N = 0; N <
|
|
5331
|
-
if (/\d/.test(
|
|
5331
|
+
for (let N = 0; N < W.length; N++)
|
|
5332
|
+
if (/\d/.test(W[N] ?? "") && re++, re >= M) {
|
|
5332
5333
|
ee = N + 1;
|
|
5333
5334
|
break;
|
|
5334
5335
|
}
|
|
5335
|
-
requestAnimationFrame(() =>
|
|
5336
|
-
const
|
|
5337
|
-
|
|
5338
|
-
},
|
|
5336
|
+
requestAnimationFrame(() => A.setSelectionRange(ee, ee));
|
|
5337
|
+
const T = l1(W, l.format);
|
|
5338
|
+
T && (r.value = T, t.value = T);
|
|
5339
|
+
}, R = () => {
|
|
5339
5340
|
s.value || (s.value = !0, a("update:open", !0));
|
|
5340
5341
|
}, y = (b) => {
|
|
5341
5342
|
n.value && (n.value.contains(b.target) || (s.value = !1, a("update:open", !1)));
|
|
@@ -5343,7 +5344,7 @@ const Hn = (e, o) => {
|
|
|
5343
5344
|
const b = l1(i.value, l.format);
|
|
5344
5345
|
!b && !r.value ? (i.value = "", t.value = null, r.value = null) : b && (r.value = b, t.value = b, i.value = Ee(b, l.format));
|
|
5345
5346
|
};
|
|
5346
|
-
return
|
|
5347
|
+
return ae(() => document.addEventListener("mousedown", y)), Ie(() => document.removeEventListener("mousedown", y)), (b, A) => (v(), f("div", {
|
|
5347
5348
|
ref_key: "root",
|
|
5348
5349
|
ref: n,
|
|
5349
5350
|
class: le(["dp", { required: Object.keys(b.$attrs).includes("required") }])
|
|
@@ -5351,15 +5352,15 @@ const Hn = (e, o) => {
|
|
|
5351
5352
|
w("label", {
|
|
5352
5353
|
for: e.id,
|
|
5353
5354
|
class: "label"
|
|
5354
|
-
},
|
|
5355
|
+
}, P(e.label), 9, _n),
|
|
5355
5356
|
w("input", {
|
|
5356
5357
|
id: e.id,
|
|
5357
5358
|
class: "dp-input",
|
|
5358
5359
|
value: i.value,
|
|
5359
5360
|
onBlur: I,
|
|
5360
|
-
onInput:
|
|
5361
|
+
onInput: _,
|
|
5361
5362
|
onKeydown: h,
|
|
5362
|
-
onMousedown:
|
|
5363
|
+
onMousedown: R,
|
|
5363
5364
|
required: Object.keys(b.$attrs).includes("required") || void 0,
|
|
5364
5365
|
"aria-invalid": !r.value && i.value !== "",
|
|
5365
5366
|
disabled: e.disabled ? !0 : void 0,
|
|
@@ -5369,45 +5370,45 @@ const Hn = (e, o) => {
|
|
|
5369
5370
|
autocomplete: "off",
|
|
5370
5371
|
placeholder: e.placeholder || e.format
|
|
5371
5372
|
}, null, 40, Dn),
|
|
5372
|
-
|
|
5373
|
+
U(he, {
|
|
5373
5374
|
type: "button",
|
|
5374
5375
|
class: "btn-icon",
|
|
5375
|
-
onClick:
|
|
5376
|
+
onClick: R,
|
|
5376
5377
|
disabled: e.disabled || void 0
|
|
5377
5378
|
}, {
|
|
5378
|
-
default:
|
|
5379
|
-
|
|
5379
|
+
default: G(() => [
|
|
5380
|
+
U(de, { name: "calendar" })
|
|
5380
5381
|
]),
|
|
5381
5382
|
_: 1
|
|
5382
5383
|
}, 8, ["disabled"]),
|
|
5383
|
-
|
|
5384
|
+
A[2] || (A[2] = w("small", {
|
|
5384
5385
|
id: "time-help",
|
|
5385
5386
|
class: "sr-only"
|
|
5386
5387
|
}, "After selecting a date, adjust hours and minutes", -1)),
|
|
5387
5388
|
s.value ? (v(), f("div", Rn, [
|
|
5388
5389
|
w("header", An, [
|
|
5389
5390
|
w("button", {
|
|
5390
|
-
onClick:
|
|
5391
|
-
(...B) =>
|
|
5391
|
+
onClick: A[0] || (A[0] = //@ts-ignore
|
|
5392
|
+
(...B) => D(k) && D(k)(...B)),
|
|
5392
5393
|
class: "btn__prev_month",
|
|
5393
5394
|
"aria-label": "Previous month"
|
|
5394
5395
|
}, "‹"),
|
|
5395
|
-
w("span", Sn,
|
|
5396
|
+
w("span", Sn, P(D(c)), 1),
|
|
5396
5397
|
w("button", {
|
|
5397
|
-
onClick:
|
|
5398
|
-
(...B) =>
|
|
5398
|
+
onClick: A[1] || (A[1] = //@ts-ignore
|
|
5399
|
+
(...B) => D(g) && D(g)(...B)),
|
|
5399
5400
|
class: "btn__next_month",
|
|
5400
5401
|
"aria-label": "Next month"
|
|
5401
5402
|
}, "›")
|
|
5402
5403
|
]),
|
|
5403
5404
|
w("div", Tn, [
|
|
5404
|
-
(v(!0), f(te, null, ue(
|
|
5405
|
+
(v(!0), f(te, null, ue(D(u), (B) => (v(), f("span", {
|
|
5405
5406
|
class: "week-day__name",
|
|
5406
5407
|
key: B
|
|
5407
|
-
},
|
|
5408
|
+
}, P(B), 1))), 128))
|
|
5408
5409
|
]),
|
|
5409
5410
|
w("div", Zn, [
|
|
5410
|
-
(v(!0), f(te, null, ue(
|
|
5411
|
+
(v(!0), f(te, null, ue(D(p), (B, q) => (v(), f("button", {
|
|
5411
5412
|
key: q,
|
|
5412
5413
|
type: "button",
|
|
5413
5414
|
role: "gridcell",
|
|
@@ -5417,13 +5418,13 @@ const Hn = (e, o) => {
|
|
|
5417
5418
|
"data-selected": B && $(B) === "dp-selected",
|
|
5418
5419
|
onMousedown: ne((M) => B && C(B), ["prevent"]),
|
|
5419
5420
|
"aria-label": B ? B.toLocaleDateString(l.locale, { weekday: "long", year: "numeric", month: "long", day: "numeric" }) : ""
|
|
5420
|
-
},
|
|
5421
|
+
}, P(B?.getDate()), 43, En))), 128))
|
|
5421
5422
|
]),
|
|
5422
|
-
|
|
5423
|
+
Y(b.$slots, "time", {}, void 0, !0)
|
|
5423
5424
|
])) : O("", !0)
|
|
5424
5425
|
], 2));
|
|
5425
5426
|
}
|
|
5426
|
-
}), On = /* @__PURE__ */
|
|
5427
|
+
}), On = /* @__PURE__ */ j(zn, [["__scopeId", "data-v-040f2832"]]), qn = {
|
|
5427
5428
|
key: 0,
|
|
5428
5429
|
class: "time-panel",
|
|
5429
5430
|
role: "group",
|
|
@@ -5446,28 +5447,28 @@ const Hn = (e, o) => {
|
|
|
5446
5447
|
}),
|
|
5447
5448
|
emits: ["update:modelValue"],
|
|
5448
5449
|
setup(e) {
|
|
5449
|
-
const o = fe(e, "modelValue"), t = e, a =
|
|
5450
|
-
|
|
5450
|
+
const o = fe(e, "modelValue"), t = e, a = ce(), l = m(!1), s = m(null), i = V(() => t.format.includes("HH")), n = V(() => t.format.includes("mm")), r = V(() => t.format.includes("ss")), c = m(o.value ?? null), u = m(o.value?.getHours() ?? (i.value ? 0 : void 0)), p = m(o.value?.getMinutes() ?? (n.value ? 0 : void 0)), g = m(o.value?.getSeconds() ?? (r.value ? 0 : void 0));
|
|
5451
|
+
X(o, (x) => {
|
|
5451
5452
|
if (x) {
|
|
5452
5453
|
const h = new Date(x);
|
|
5453
|
-
|
|
5454
|
+
c.value = h, u.value = h.getHours(), p.value = h.getMinutes(), g.value = h.getSeconds();
|
|
5454
5455
|
} else
|
|
5455
|
-
|
|
5456
|
-
}, { immediate: !0 }),
|
|
5456
|
+
c.value = null, u.value = 0, p.value = 0, g.value = 0;
|
|
5457
|
+
}, { immediate: !0 }), X(c, (x) => {
|
|
5457
5458
|
if (!x) return;
|
|
5458
|
-
const h = x.getHours(),
|
|
5459
|
-
h !== u.value && (u.value = h),
|
|
5460
|
-
}, { immediate: !0 }),
|
|
5461
|
-
if (!
|
|
5459
|
+
const h = x.getHours(), _ = x.getMinutes(), R = x.getSeconds();
|
|
5460
|
+
h !== u.value && (u.value = h), _ !== p.value && (p.value = _), R !== g.value && (g.value = R);
|
|
5461
|
+
}, { immediate: !0 }), X([c, u, p, g], () => {
|
|
5462
|
+
if (!c.value) {
|
|
5462
5463
|
o.value = null;
|
|
5463
5464
|
return;
|
|
5464
5465
|
}
|
|
5465
|
-
const x = Math.min(Math.max(u.value ?? 0, 0), 23), h = Math.min(Math.max(p.value ?? 0, 0), 59),
|
|
5466
|
-
|
|
5466
|
+
const x = Math.min(Math.max(u.value ?? 0, 0), 23), h = Math.min(Math.max(p.value ?? 0, 0), 59), _ = Math.min(Math.max(g.value ?? 0, 0), 59), R = new Date(c.value);
|
|
5467
|
+
R.setHours(x, h, _, 0), (!o.value || o.value.getTime() !== R.getTime()) && (o.value = R);
|
|
5467
5468
|
});
|
|
5468
5469
|
const k = (x) => {
|
|
5469
5470
|
s.value && (s.value.contains(x.target) || (l.value = !1));
|
|
5470
|
-
},
|
|
5471
|
+
}, d = (x) => {
|
|
5471
5472
|
const h = Number(x.target.value);
|
|
5472
5473
|
isNaN(h) || h < 0 ? u.value = 0 : h > 23 ? u.value = 23 : u.value = h;
|
|
5473
5474
|
}, C = (x) => {
|
|
@@ -5477,7 +5478,7 @@ const Hn = (e, o) => {
|
|
|
5477
5478
|
const h = Number(x.target.value);
|
|
5478
5479
|
isNaN(h) || h < 0 ? g.value = 0 : h > 59 ? g.value = 59 : g.value = h;
|
|
5479
5480
|
};
|
|
5480
|
-
return
|
|
5481
|
+
return ae(() => {
|
|
5481
5482
|
document.addEventListener("mousedown", k);
|
|
5482
5483
|
}), Ie(() => {
|
|
5483
5484
|
document.removeEventListener("mousedown", k);
|
|
@@ -5486,31 +5487,31 @@ const Hn = (e, o) => {
|
|
|
5486
5487
|
ref_key: "root",
|
|
5487
5488
|
ref: s
|
|
5488
5489
|
}, [
|
|
5489
|
-
|
|
5490
|
-
modelValue:
|
|
5491
|
-
"onUpdate:modelValue": h[3] || (h[3] = (
|
|
5490
|
+
U(On, {
|
|
5491
|
+
modelValue: c.value,
|
|
5492
|
+
"onUpdate:modelValue": h[3] || (h[3] = (_) => c.value = _),
|
|
5492
5493
|
open: l.value,
|
|
5493
|
-
"onUpdate:open": h[4] || (h[4] = (
|
|
5494
|
+
"onUpdate:open": h[4] || (h[4] = (_) => l.value = _),
|
|
5494
5495
|
locale: e.locale,
|
|
5495
5496
|
format: e.format,
|
|
5496
5497
|
label: e.label,
|
|
5497
5498
|
"first-day-of-week": e.firstDayOfWeek,
|
|
5498
5499
|
placeholder: e.placeholder
|
|
5499
5500
|
}, {
|
|
5500
|
-
time:
|
|
5501
|
+
time: G(() => [
|
|
5501
5502
|
l.value ? (v(), f("div", qn, [
|
|
5502
5503
|
i.value ? we((v(), f("input", {
|
|
5503
5504
|
key: 0,
|
|
5504
|
-
id: `hour_${
|
|
5505
|
+
id: `hour_${D(a)}`,
|
|
5505
5506
|
type: "number",
|
|
5506
|
-
"onUpdate:modelValue": h[0] || (h[0] = (
|
|
5507
|
+
"onUpdate:modelValue": h[0] || (h[0] = (_) => u.value = _),
|
|
5507
5508
|
min: "0",
|
|
5508
5509
|
max: "23",
|
|
5509
5510
|
"aria-label": "Hour",
|
|
5510
5511
|
"aria-valuemin": "0",
|
|
5511
5512
|
"aria-valuemax": "23",
|
|
5512
5513
|
"aria-valuenow": u.value,
|
|
5513
|
-
onInput:
|
|
5514
|
+
onInput: d
|
|
5514
5515
|
}, null, 40, Nn)), [
|
|
5515
5516
|
[
|
|
5516
5517
|
Ae,
|
|
@@ -5522,9 +5523,9 @@ const Hn = (e, o) => {
|
|
|
5522
5523
|
i.value && n.value ? (v(), f("span", Fn, ":")) : O("", !0),
|
|
5523
5524
|
n.value ? we((v(), f("input", {
|
|
5524
5525
|
key: 2,
|
|
5525
|
-
id: `minute_${
|
|
5526
|
+
id: `minute_${D(a)}`,
|
|
5526
5527
|
type: "number",
|
|
5527
|
-
"onUpdate:modelValue": h[1] || (h[1] = (
|
|
5528
|
+
"onUpdate:modelValue": h[1] || (h[1] = (_) => p.value = _),
|
|
5528
5529
|
min: "0",
|
|
5529
5530
|
max: "59",
|
|
5530
5531
|
"aria-label": "Minute",
|
|
@@ -5543,9 +5544,9 @@ const Hn = (e, o) => {
|
|
|
5543
5544
|
(i.value || n.value) && r.value ? (v(), f("span", Kn, ":")) : O("", !0),
|
|
5544
5545
|
r.value ? we((v(), f("input", {
|
|
5545
5546
|
key: 4,
|
|
5546
|
-
id: `second_${
|
|
5547
|
+
id: `second_${D(a)}`,
|
|
5547
5548
|
type: "number",
|
|
5548
|
-
"onUpdate:modelValue": h[2] || (h[2] = (
|
|
5549
|
+
"onUpdate:modelValue": h[2] || (h[2] = (_) => g.value = _),
|
|
5549
5550
|
min: "0",
|
|
5550
5551
|
max: "59",
|
|
5551
5552
|
"aria-label": "Second",
|
|
@@ -5567,7 +5568,7 @@ const Hn = (e, o) => {
|
|
|
5567
5568
|
}, 8, ["modelValue", "open", "locale", "format", "label", "first-day-of-week", "placeholder"])
|
|
5568
5569
|
], 512));
|
|
5569
5570
|
}
|
|
5570
|
-
}), $l = /* @__PURE__ */
|
|
5571
|
+
}), $l = /* @__PURE__ */ j(jn, [["__scopeId", "data-v-ef63f0e7"]]), Vl = S({
|
|
5571
5572
|
name: "Table",
|
|
5572
5573
|
props: {
|
|
5573
5574
|
columns: {
|
|
@@ -5598,7 +5599,7 @@ const Hn = (e, o) => {
|
|
|
5598
5599
|
if (!n.sortable) return;
|
|
5599
5600
|
const r = e.sort?.key === n.key && e.sort.direction === "asc" ? "desc" : "asc";
|
|
5600
5601
|
o("update:sort", { key: n.key, direction: r });
|
|
5601
|
-
}, l = () => window.matchMedia("(max-width: 640px)").matches, s = () =>
|
|
5602
|
+
}, l = () => window.matchMedia("(max-width: 640px)").matches, s = () => K(
|
|
5602
5603
|
"div",
|
|
5603
5604
|
{
|
|
5604
5605
|
class: "rs-table-mobile",
|
|
@@ -5606,7 +5607,7 @@ const Hn = (e, o) => {
|
|
|
5606
5607
|
"aria-busy": e.loading || void 0
|
|
5607
5608
|
},
|
|
5608
5609
|
e.loading ? t.loading?.() ?? "Loading..." : e.data.length === 0 ? t.empty?.() ?? "No data available." : e.data.map(
|
|
5609
|
-
(n, r) =>
|
|
5610
|
+
(n, r) => K(
|
|
5610
5611
|
"div",
|
|
5611
5612
|
{
|
|
5612
5613
|
key: n.id ?? r,
|
|
@@ -5614,55 +5615,55 @@ const Hn = (e, o) => {
|
|
|
5614
5615
|
role: e.rowClickable ? "button" : "listitem",
|
|
5615
5616
|
tabindex: e.rowClickable ? 0 : void 0,
|
|
5616
5617
|
onClick: e.rowClickable ? () => o("rowClick", n) : void 0,
|
|
5617
|
-
onKeydown: e.rowClickable ? (
|
|
5618
|
-
(
|
|
5618
|
+
onKeydown: e.rowClickable ? (c) => {
|
|
5619
|
+
(c.key === "Enter" || c.key === " ") && (c.preventDefault(), o("rowClick", n));
|
|
5619
5620
|
} : void 0
|
|
5620
5621
|
},
|
|
5621
5622
|
e.columns.map(
|
|
5622
|
-
(
|
|
5623
|
+
(c) => K(
|
|
5623
5624
|
"div",
|
|
5624
5625
|
{ class: "rs-table-card-row" },
|
|
5625
5626
|
[
|
|
5626
|
-
|
|
5627
|
+
K(
|
|
5627
5628
|
"span",
|
|
5628
5629
|
{ class: "rs-table-card-label" },
|
|
5629
|
-
|
|
5630
|
+
c.header
|
|
5630
5631
|
),
|
|
5631
|
-
|
|
5632
|
+
K(
|
|
5632
5633
|
"span",
|
|
5633
5634
|
{ class: "rs-table-card-value" },
|
|
5634
5635
|
t.cell?.({
|
|
5635
5636
|
row: n,
|
|
5636
|
-
column:
|
|
5637
|
-
value: n[
|
|
5638
|
-
}) ?? n[
|
|
5637
|
+
column: c,
|
|
5638
|
+
value: n[c.key]
|
|
5639
|
+
}) ?? n[c.key]
|
|
5639
5640
|
)
|
|
5640
5641
|
]
|
|
5641
5642
|
)
|
|
5642
5643
|
)
|
|
5643
5644
|
)
|
|
5644
5645
|
)
|
|
5645
|
-
), i = () =>
|
|
5646
|
+
), i = () => K(
|
|
5646
5647
|
"div",
|
|
5647
5648
|
{ class: "rs-table-container" },
|
|
5648
|
-
|
|
5649
|
+
K(
|
|
5649
5650
|
"div",
|
|
5650
5651
|
{ class: "rs-table-scroll" },
|
|
5651
|
-
|
|
5652
|
+
K(
|
|
5652
5653
|
"table",
|
|
5653
5654
|
{
|
|
5654
5655
|
class: "rs-table",
|
|
5655
5656
|
"aria-busy": e.loading || void 0
|
|
5656
5657
|
},
|
|
5657
5658
|
[
|
|
5658
|
-
|
|
5659
|
+
K(
|
|
5659
5660
|
"thead",
|
|
5660
5661
|
null,
|
|
5661
|
-
|
|
5662
|
+
K(
|
|
5662
5663
|
"tr",
|
|
5663
5664
|
null,
|
|
5664
5665
|
e.columns.map(
|
|
5665
|
-
(n) =>
|
|
5666
|
+
(n) => K(
|
|
5666
5667
|
"th",
|
|
5667
5668
|
{
|
|
5668
5669
|
key: n.key,
|
|
@@ -5678,16 +5679,16 @@ const Hn = (e, o) => {
|
|
|
5678
5679
|
} : void 0,
|
|
5679
5680
|
scope: "col"
|
|
5680
5681
|
},
|
|
5681
|
-
|
|
5682
|
+
K(
|
|
5682
5683
|
"div",
|
|
5683
5684
|
{ class: "rs-table-th-content" },
|
|
5684
5685
|
[
|
|
5685
|
-
|
|
5686
|
+
K(
|
|
5686
5687
|
"span",
|
|
5687
5688
|
n.header
|
|
5688
5689
|
),
|
|
5689
|
-
n.sortable ?
|
|
5690
|
-
|
|
5690
|
+
n.sortable ? K(
|
|
5691
|
+
de,
|
|
5691
5692
|
{
|
|
5692
5693
|
name: e.sort?.key === n.key ? e.sort.direction === "asc" ? "sortAsc" : "sortDesc" : "sort",
|
|
5693
5694
|
size: 16
|
|
@@ -5699,15 +5700,15 @@ const Hn = (e, o) => {
|
|
|
5699
5700
|
)
|
|
5700
5701
|
)
|
|
5701
5702
|
),
|
|
5702
|
-
|
|
5703
|
+
K(
|
|
5703
5704
|
"tbody",
|
|
5704
5705
|
null,
|
|
5705
5706
|
e.loading ? [
|
|
5706
|
-
|
|
5707
|
+
K(
|
|
5707
5708
|
"tr",
|
|
5708
5709
|
null,
|
|
5709
5710
|
[
|
|
5710
|
-
|
|
5711
|
+
K(
|
|
5711
5712
|
"td",
|
|
5712
5713
|
{ colspan: e.columns.length },
|
|
5713
5714
|
t.loading?.() ?? "Loading..."
|
|
@@ -5715,11 +5716,11 @@ const Hn = (e, o) => {
|
|
|
5715
5716
|
]
|
|
5716
5717
|
)
|
|
5717
5718
|
] : e.data.length === 0 ? [
|
|
5718
|
-
|
|
5719
|
+
K(
|
|
5719
5720
|
"tr",
|
|
5720
5721
|
null,
|
|
5721
5722
|
[
|
|
5722
|
-
|
|
5723
|
+
K(
|
|
5723
5724
|
"td",
|
|
5724
5725
|
{ colspan: e.columns.length },
|
|
5725
5726
|
t.empty?.() ?? "No data available."
|
|
@@ -5727,32 +5728,32 @@ const Hn = (e, o) => {
|
|
|
5727
5728
|
]
|
|
5728
5729
|
)
|
|
5729
5730
|
] : e.data.map(
|
|
5730
|
-
(n, r) =>
|
|
5731
|
+
(n, r) => K(
|
|
5731
5732
|
"tr",
|
|
5732
5733
|
{
|
|
5733
5734
|
key: n.id ?? r,
|
|
5734
5735
|
tabindex: e.rowClickable ? 0 : void 0,
|
|
5735
5736
|
role: e.rowClickable ? "button" : void 0,
|
|
5736
5737
|
onClick: e.rowClickable ? () => o("rowClick", n) : void 0,
|
|
5737
|
-
onKeydown: e.rowClickable ? (
|
|
5738
|
-
(
|
|
5738
|
+
onKeydown: e.rowClickable ? (c) => {
|
|
5739
|
+
(c.key === "Enter" || c.key === " ") && (c.preventDefault(), o("rowClick", n));
|
|
5739
5740
|
} : void 0,
|
|
5740
5741
|
"data-clickable": e.rowClickable || void 0
|
|
5741
5742
|
},
|
|
5742
5743
|
e.columns.map(
|
|
5743
|
-
(
|
|
5744
|
+
(c) => K(
|
|
5744
5745
|
"td",
|
|
5745
5746
|
{
|
|
5746
|
-
key:
|
|
5747
|
+
key: c.key,
|
|
5747
5748
|
style: {
|
|
5748
|
-
textAlign:
|
|
5749
|
+
textAlign: c.align || "left"
|
|
5749
5750
|
}
|
|
5750
5751
|
},
|
|
5751
5752
|
t.cell?.({
|
|
5752
5753
|
row: n,
|
|
5753
|
-
column:
|
|
5754
|
-
value: n[
|
|
5755
|
-
}) ?? n[
|
|
5754
|
+
column: c,
|
|
5755
|
+
value: n[c.key]
|
|
5756
|
+
}) ?? n[c.key]
|
|
5756
5757
|
)
|
|
5757
5758
|
)
|
|
5758
5759
|
)
|
|
@@ -5764,7 +5765,7 @@ const Hn = (e, o) => {
|
|
|
5764
5765
|
);
|
|
5765
5766
|
return () => {
|
|
5766
5767
|
const n = e.responsive === "card" || e.responsive === "auto" && l();
|
|
5767
|
-
return
|
|
5768
|
+
return K(
|
|
5768
5769
|
"div",
|
|
5769
5770
|
{ class: "rs-table-container" },
|
|
5770
5771
|
n ? s() : i()
|
|
@@ -5795,7 +5796,7 @@ const Hn = (e, o) => {
|
|
|
5795
5796
|
}, r = (p) => {
|
|
5796
5797
|
const g = t.value.indexOf(p);
|
|
5797
5798
|
t.value[(g - 1 + t.value.length) % t.value.length]?.focus();
|
|
5798
|
-
},
|
|
5799
|
+
}, c = () => t.value[0]?.focus(), u = () => {
|
|
5799
5800
|
const p = t.value;
|
|
5800
5801
|
p.length && p[p.length - 1]?.focus();
|
|
5801
5802
|
};
|
|
@@ -5807,7 +5808,7 @@ const Hn = (e, o) => {
|
|
|
5807
5808
|
unregisterHeader: i,
|
|
5808
5809
|
focusNext: n,
|
|
5809
5810
|
focusPrev: r,
|
|
5810
|
-
focusFirst:
|
|
5811
|
+
focusFirst: c,
|
|
5811
5812
|
focusLast: u
|
|
5812
5813
|
}), () => o.default?.();
|
|
5813
5814
|
}
|
|
@@ -5820,8 +5821,8 @@ const Hn = (e, o) => {
|
|
|
5820
5821
|
setup(e, { slots: o }) {
|
|
5821
5822
|
const t = ie(Re);
|
|
5822
5823
|
if (!t) throw new Error("AccordionItem must be used inside Accordion");
|
|
5823
|
-
const a =
|
|
5824
|
-
return () =>
|
|
5824
|
+
const a = V(() => t.openItems.value.has(e.id));
|
|
5825
|
+
return () => K(
|
|
5825
5826
|
"div",
|
|
5826
5827
|
{
|
|
5827
5828
|
class: "rs-accordion-item",
|
|
@@ -5839,7 +5840,7 @@ const Hn = (e, o) => {
|
|
|
5839
5840
|
setup(e, { slots: o }) {
|
|
5840
5841
|
const t = ie(Re), a = m(null);
|
|
5841
5842
|
if (!t) throw new Error("AccordionHeader must be used inside Accordion");
|
|
5842
|
-
const l =
|
|
5843
|
+
const l = V(() => t.openItems.value.has(e.id)), s = () => {
|
|
5843
5844
|
e.disabled || t.toggle?.(e.id);
|
|
5844
5845
|
}, i = (n) => {
|
|
5845
5846
|
if (a.value)
|
|
@@ -5858,11 +5859,11 @@ const Hn = (e, o) => {
|
|
|
5858
5859
|
break;
|
|
5859
5860
|
}
|
|
5860
5861
|
};
|
|
5861
|
-
return
|
|
5862
|
+
return ae(() => {
|
|
5862
5863
|
a.value && t.registerHeader(a.value);
|
|
5863
5864
|
}), Ie(() => {
|
|
5864
5865
|
a.value && t.unregisterHeader(a.value);
|
|
5865
|
-
}), () =>
|
|
5866
|
+
}), () => K(
|
|
5866
5867
|
"button",
|
|
5867
5868
|
{
|
|
5868
5869
|
ref: a,
|
|
@@ -5877,15 +5878,15 @@ const Hn = (e, o) => {
|
|
|
5877
5878
|
onKeydown: i
|
|
5878
5879
|
},
|
|
5879
5880
|
[
|
|
5880
|
-
|
|
5881
|
+
K(
|
|
5881
5882
|
"span",
|
|
5882
5883
|
{ class: "rs-accordion-trigger__label" },
|
|
5883
5884
|
o.default?.()
|
|
5884
5885
|
),
|
|
5885
|
-
|
|
5886
|
+
K(
|
|
5886
5887
|
"span",
|
|
5887
5888
|
{ class: "rs-accordion-trigger__icon", "aria-hidden": "true" },
|
|
5888
|
-
|
|
5889
|
+
K(de, { name: "directionDown" })
|
|
5889
5890
|
)
|
|
5890
5891
|
]
|
|
5891
5892
|
);
|
|
@@ -5898,8 +5899,8 @@ const Hn = (e, o) => {
|
|
|
5898
5899
|
setup(e, { slots: o }) {
|
|
5899
5900
|
const t = ie(Re);
|
|
5900
5901
|
if (!t) throw new Error("AccordionPanel must be used inside Accordion");
|
|
5901
|
-
const a =
|
|
5902
|
-
return () =>
|
|
5902
|
+
const a = V(() => t.openItems.value.has(e.id));
|
|
5903
|
+
return () => K(
|
|
5903
5904
|
"div",
|
|
5904
5905
|
{
|
|
5905
5906
|
id: `panel-${e.id}`,
|
|
@@ -5909,7 +5910,7 @@ const Hn = (e, o) => {
|
|
|
5909
5910
|
"data-state": a.value ? "open" : "closed",
|
|
5910
5911
|
"aria-labelledby": `header-${e.id}`
|
|
5911
5912
|
},
|
|
5912
|
-
|
|
5913
|
+
K(
|
|
5913
5914
|
"div",
|
|
5914
5915
|
{ class: "rs-accordion-panel__inner" },
|
|
5915
5916
|
o.default?.()
|
|
@@ -5927,8 +5928,8 @@ export {
|
|
|
5927
5928
|
ol as Breadcrumb,
|
|
5928
5929
|
he as Button,
|
|
5929
5930
|
il as Card,
|
|
5930
|
-
|
|
5931
|
-
|
|
5931
|
+
cl as CardBody,
|
|
5932
|
+
dl as CardFooter,
|
|
5932
5933
|
ul as CardHeader,
|
|
5933
5934
|
ml as Carousel,
|
|
5934
5935
|
hl as CarouselItem,
|
|
@@ -5941,7 +5942,7 @@ export {
|
|
|
5941
5942
|
Ml as DropdownTrigger,
|
|
5942
5943
|
Ge as Editor,
|
|
5943
5944
|
Pa as Highlight,
|
|
5944
|
-
|
|
5945
|
+
de as Icon,
|
|
5945
5946
|
Le as Image,
|
|
5946
5947
|
t1 as ImageGallery,
|
|
5947
5948
|
Gn as Input,
|
|
@@ -5949,7 +5950,7 @@ export {
|
|
|
5949
5950
|
Oe as Modal,
|
|
5950
5951
|
p1 as ModalBody,
|
|
5951
5952
|
C1 as ModalClose,
|
|
5952
|
-
|
|
5953
|
+
d1 as ModalContent,
|
|
5953
5954
|
el as ModalFooter,
|
|
5954
5955
|
f1 as ModalHeader,
|
|
5955
5956
|
v1 as ModalTitle,
|