@reinosoft-ui/core 0.1.94 → 0.1.96
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 +1088 -1088
- package/dist/reinosoft-ui.umd.js +2 -2
- 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 Z, ref as k, computed as
|
|
1
|
+
import { defineComponent as Z, ref as k, computed as _, watch as Q, onMounted as ve, createElementBlock as b, openBlock as p, normalizeStyle as Ie, normalizeClass as fe, renderSlot as G, createCommentVNode as q, withDirectives as _e, createElementVNode as w, vShow as rt, mergeProps as be, mergeModels as ie, useModel as ke, withKeys as ye, withModifiers as se, onUnmounted as Be, Fragment as de, unref as N, toDisplayString as j, renderList as he, nextTick as xe, onBeforeUnmount as Se, createBlock as ae, Teleport as Fe, createVNode as K, Transition as Ae, withCtx as J, vModelText as Ye, useId as ge, provide as He, createTextVNode as Me, resolveDynamicComponent as Ne, inject as me, useAttrs as st, h as W, useSlots as it, resolveComponent as Ut, vModelRadio as Kt, vModelDynamic as jt, reactive as ut, TransitionGroup as Wt, createApp as _t, shallowRef as Yt } from "vue";
|
|
2
2
|
import { routerKey as Xt } from "vue-router";
|
|
3
3
|
const Gt = ["aria-busy"], Jt = ["aria-label"], Qt = ["src", "srcset", "sizes", "alt", "aria-hidden", "loading", "decoding"], e1 = /* @__PURE__ */ Z({
|
|
4
4
|
__name: "Image",
|
|
@@ -16,44 +16,44 @@ const Gt = ["aria-busy"], Jt = ["aria-label"], Qt = ["src", "srcset", "sizes", "
|
|
|
16
16
|
},
|
|
17
17
|
emits: ["loaded", "error"],
|
|
18
18
|
setup(e, { emit: n }) {
|
|
19
|
-
const t = e, a = n, o = k(t.src), i = k(),
|
|
19
|
+
const t = e, a = n, o = k(t.src), i = k(), s = k("loading"), l = _(() => t.ratio ? {
|
|
20
20
|
aspectRatio: typeof t.ratio == "number" ? `${t.ratio}` : t.ratio
|
|
21
|
-
} : void 0),
|
|
22
|
-
|
|
21
|
+
} : void 0), r = () => {
|
|
22
|
+
s.value = "loaded", a("loaded");
|
|
23
23
|
}, c = () => {
|
|
24
24
|
if (t.fallbackSrc && o.value !== t.fallbackSrc) {
|
|
25
|
-
o.value = t.fallbackSrc,
|
|
25
|
+
o.value = t.fallbackSrc, s.value = "loading";
|
|
26
26
|
return;
|
|
27
27
|
}
|
|
28
|
-
|
|
28
|
+
s.value = "error", a("error");
|
|
29
29
|
};
|
|
30
30
|
return Q(
|
|
31
31
|
() => t.src,
|
|
32
32
|
(u) => {
|
|
33
|
-
o.value = u,
|
|
33
|
+
o.value = u, s.value = "loading";
|
|
34
34
|
}
|
|
35
|
-
), ve(() => i.value?.complete && i.value.naturalWidth > 0 && (
|
|
35
|
+
), ve(() => i.value?.complete && i.value.naturalWidth > 0 && (s.value = "loaded")), (u, f) => (p(), b("div", {
|
|
36
36
|
class: fe(["ui-image", {
|
|
37
|
-
"is-loading":
|
|
38
|
-
"is-error":
|
|
39
|
-
"is-loaded":
|
|
37
|
+
"is-loading": s.value === "loading",
|
|
38
|
+
"is-error": s.value === "error",
|
|
39
|
+
"is-loaded": s.value === "loaded",
|
|
40
40
|
transform: e.transform
|
|
41
41
|
}]),
|
|
42
42
|
style: Ie(l.value),
|
|
43
|
-
"aria-busy":
|
|
43
|
+
"aria-busy": s.value === "loading" || void 0
|
|
44
44
|
}, [
|
|
45
|
-
|
|
46
|
-
|
|
45
|
+
s.value === "loading" ? G(u.$slots, "placeholder", { key: 0 }, () => [
|
|
46
|
+
f[0] || (f[0] = w("div", {
|
|
47
47
|
class: "ui-image__placeholder",
|
|
48
48
|
"aria-hidden": "true"
|
|
49
49
|
}, null, -1))
|
|
50
|
-
], !0) :
|
|
50
|
+
], !0) : s.value === "error" ? G(u.$slots, "fallback", { key: 1 }, () => [
|
|
51
51
|
w("div", {
|
|
52
52
|
class: "ui-image__fallback",
|
|
53
53
|
role: "img",
|
|
54
54
|
"aria-label": e.decorative ? void 0 : e.alt
|
|
55
55
|
}, "Image not available", 8, Jt)
|
|
56
|
-
], !0) :
|
|
56
|
+
], !0) : q("", !0),
|
|
57
57
|
_e(w("img", {
|
|
58
58
|
ref_key: "imgRef",
|
|
59
59
|
ref: i,
|
|
@@ -65,10 +65,10 @@ const Gt = ["aria-busy"], Jt = ["aria-label"], Qt = ["src", "srcset", "sizes", "
|
|
|
65
65
|
"aria-hidden": e.decorative || void 0,
|
|
66
66
|
loading: e.lazy ? "lazy" : void 0,
|
|
67
67
|
decoding: e.decoding,
|
|
68
|
-
onLoad:
|
|
68
|
+
onLoad: r,
|
|
69
69
|
onError: c
|
|
70
70
|
}, null, 40, Qt), [
|
|
71
|
-
[rt,
|
|
71
|
+
[rt, s.value !== "error"]
|
|
72
72
|
])
|
|
73
73
|
], 14, Gt));
|
|
74
74
|
}
|
|
@@ -111,12 +111,12 @@ const a1 = ["id", "aria-checked", "aria-disabled", "disabled", "onKeydown"], n1
|
|
|
111
111
|
}),
|
|
112
112
|
emits: /* @__PURE__ */ ie(["change"], ["update:modelValue"]),
|
|
113
113
|
setup(e, { emit: n }) {
|
|
114
|
-
const t = ke(e, "modelValue"), a = n, o = e, i =
|
|
114
|
+
const t = ke(e, "modelValue"), a = n, o = e, i = _(() => t.value), s = () => {
|
|
115
115
|
if (o.disabled) return;
|
|
116
116
|
const l = !t.value;
|
|
117
117
|
t.value = l, a("change", l);
|
|
118
118
|
};
|
|
119
|
-
return (l,
|
|
119
|
+
return (l, r) => (p(), b("button", {
|
|
120
120
|
id: e.id,
|
|
121
121
|
role: "switch",
|
|
122
122
|
type: "button",
|
|
@@ -124,12 +124,12 @@ const a1 = ["id", "aria-checked", "aria-disabled", "disabled", "onKeydown"], n1
|
|
|
124
124
|
"aria-checked": i.value,
|
|
125
125
|
"aria-disabled": e.disabled || void 0,
|
|
126
126
|
disabled: e.disabled || void 0,
|
|
127
|
-
onClick:
|
|
127
|
+
onClick: s,
|
|
128
128
|
onKeydown: [
|
|
129
|
-
ye(se(
|
|
130
|
-
ye(se(
|
|
129
|
+
ye(se(s, ["prevent"]), ["space"]),
|
|
130
|
+
ye(se(s, ["prevent"]), ["enter"])
|
|
131
131
|
]
|
|
132
|
-
}, [...
|
|
132
|
+
}, [...r[0] || (r[0] = [
|
|
133
133
|
w("span", { class: "ui-toggle__track" }, [
|
|
134
134
|
w("span", { class: "ui-toggle__thumb" })
|
|
135
135
|
], -1)
|
|
@@ -167,11 +167,11 @@ const At = (e) => {
|
|
|
167
167
|
const a = t.getRangeAt(0), o = Et(a.startContainer, "li");
|
|
168
168
|
if (o) {
|
|
169
169
|
e.preventDefault();
|
|
170
|
-
const i = o.textContent?.trim() === "",
|
|
171
|
-
if (!
|
|
170
|
+
const i = o.textContent?.trim() === "", s = o.parentElement;
|
|
171
|
+
if (!s) return;
|
|
172
172
|
if (i) {
|
|
173
|
-
const
|
|
174
|
-
|
|
173
|
+
const r = ct("p");
|
|
174
|
+
s.after(r), o.remove(), s.children.length === 0 && s.remove(), Oe(r), n?.normalize();
|
|
175
175
|
return;
|
|
176
176
|
}
|
|
177
177
|
const l = document.createElement("li");
|
|
@@ -192,20 +192,20 @@ const At = (e) => {
|
|
|
192
192
|
const a = t.getRangeAt(0);
|
|
193
193
|
let o = At(a.startContainer);
|
|
194
194
|
if (o && o.tagName === "LI") {
|
|
195
|
-
const
|
|
196
|
-
|
|
195
|
+
const R = o.parentElement;
|
|
196
|
+
R && ["UL", "OL"].includes(R.tagName) && (o = R);
|
|
197
197
|
}
|
|
198
198
|
if (!o) return;
|
|
199
|
-
const i = o.tagName.toLowerCase(), l = ["p", "h1", "blockquote"].includes(i) ? i : "p",
|
|
199
|
+
const i = o.tagName.toLowerCase(), l = ["p", "h1", "blockquote"].includes(i) ? i : "p", r = ct(l);
|
|
200
200
|
document.createRange().selectNodeContents(o);
|
|
201
|
-
const u = a.cloneRange(),
|
|
202
|
-
|
|
203
|
-
const m =
|
|
201
|
+
const u = a.cloneRange(), f = document.createRange();
|
|
202
|
+
f.selectNodeContents(o), f.setEnd(u.startContainer, u.startOffset);
|
|
203
|
+
const m = f.cloneContents(), C = document.createRange();
|
|
204
204
|
C.selectNodeContents(o), C.setStart(u.startContainer, u.startOffset);
|
|
205
205
|
const h = C.cloneContents();
|
|
206
|
-
o.innerHTML = "", o.appendChild(m), o.innerHTML === "" && (o.innerHTML = "<br>"),
|
|
206
|
+
o.innerHTML = "", o.appendChild(m), o.innerHTML === "" && (o.innerHTML = "<br>"), r.innerHTML = "", r.appendChild(h), r.innerHTML === "" && (r.innerHTML = "<br>"), o.after(r);
|
|
207
207
|
const L = document.createRange();
|
|
208
|
-
L.setStart(
|
|
208
|
+
L.setStart(r, 0), L.collapse(!0), t.removeAllRanges(), t.addRange(L), n?.normalize();
|
|
209
209
|
}, i1 = () => {
|
|
210
210
|
const e = window.getSelection();
|
|
211
211
|
if (!e || e.rangeCount === 0) return;
|
|
@@ -223,20 +223,20 @@ const At = (e) => {
|
|
|
223
223
|
return;
|
|
224
224
|
}
|
|
225
225
|
if (!a || !(a.textContent === "" || a.innerHTML === "<br>")) return;
|
|
226
|
-
const
|
|
227
|
-
if (e.preventDefault(), !
|
|
226
|
+
const s = a.previousElementSibling, l = a.nextElementSibling;
|
|
227
|
+
if (e.preventDefault(), !s && !l) {
|
|
228
228
|
a.innerHTML = "<br>", Oe(a);
|
|
229
229
|
return;
|
|
230
230
|
}
|
|
231
|
-
if (
|
|
232
|
-
if (
|
|
233
|
-
a.remove(), ht(
|
|
231
|
+
if (s) {
|
|
232
|
+
if (s.dataset.block !== void 0) {
|
|
233
|
+
a.remove(), ht(s);
|
|
234
234
|
return;
|
|
235
235
|
}
|
|
236
|
-
if (["UL", "OL"].includes(
|
|
237
|
-
const
|
|
238
|
-
if (
|
|
239
|
-
a.remove(), ht(
|
|
236
|
+
if (["UL", "OL"].includes(s.tagName)) {
|
|
237
|
+
const r = s.lastElementChild;
|
|
238
|
+
if (r) {
|
|
239
|
+
a.remove(), ht(r);
|
|
240
240
|
return;
|
|
241
241
|
}
|
|
242
242
|
}
|
|
@@ -247,9 +247,9 @@ const At = (e) => {
|
|
|
247
247
|
return;
|
|
248
248
|
}
|
|
249
249
|
if (["UL", "OL"].includes(l.tagName)) {
|
|
250
|
-
const
|
|
251
|
-
if (
|
|
252
|
-
a.remove(), Oe(
|
|
250
|
+
const r = l.firstElementChild;
|
|
251
|
+
if (r) {
|
|
252
|
+
a.remove(), Oe(r);
|
|
253
253
|
return;
|
|
254
254
|
}
|
|
255
255
|
}
|
|
@@ -258,159 +258,159 @@ const At = (e) => {
|
|
|
258
258
|
const n = document.createRange(), t = window.getSelection();
|
|
259
259
|
n.selectNodeContents(e), n.collapse(!1), t?.removeAllRanges(), t?.addRange(n);
|
|
260
260
|
}, u1 = (e, n) => {
|
|
261
|
-
const t = k(null), a = n?.buttons ?? [], o = n?.uploadImage, i = n?.minImageResolution,
|
|
261
|
+
const t = k(null), a = n?.buttons ?? [], o = n?.uploadImage, i = n?.minImageResolution, s = n?.onImageResolutionError;
|
|
262
262
|
let l = k(null);
|
|
263
|
-
const
|
|
264
|
-
const
|
|
265
|
-
if (!
|
|
263
|
+
const r = () => {
|
|
264
|
+
const v = e;
|
|
265
|
+
if (!v) return;
|
|
266
266
|
const d = window.getSelection();
|
|
267
267
|
if (!d || d.rangeCount === 0) return;
|
|
268
268
|
const y = d.getRangeAt(0);
|
|
269
|
-
|
|
270
|
-
}, c = (
|
|
269
|
+
v.contains(y.commonAncestorContainer) && (t.value = y.cloneRange());
|
|
270
|
+
}, c = (v) => {
|
|
271
271
|
const d = window.getSelection();
|
|
272
272
|
if (!d || d.rangeCount === 0 || d.isCollapsed) return !1;
|
|
273
|
-
const y = d.getRangeAt(0),
|
|
274
|
-
if (
|
|
275
|
-
const X = u(y,
|
|
273
|
+
const y = d.getRangeAt(0), $ = e;
|
|
274
|
+
if (!$) return !1;
|
|
275
|
+
const X = u(y, $), ce = [];
|
|
276
276
|
if (X.forEach((ee) => {
|
|
277
277
|
const te = ee === y.startContainer ? y.startOffset : 0, ne = ee === y.endContainer ? y.endOffset : ee.textContent.length;
|
|
278
278
|
if (te === ne) return;
|
|
279
279
|
let le;
|
|
280
280
|
te === 0 && ne === ee.textContent.length ? le = ee : (le = ee.splitText(te), ne - te < le.textContent.length && le.splitText(ne - te));
|
|
281
|
-
const pe = o1(le,
|
|
281
|
+
const pe = o1(le, v, $);
|
|
282
282
|
if (pe)
|
|
283
283
|
l1(pe), ce.push(le);
|
|
284
284
|
else {
|
|
285
|
-
const $e = document.createElement(
|
|
285
|
+
const $e = document.createElement(v);
|
|
286
286
|
le.replaceWith($e), $e.appendChild(le), ce.push(le);
|
|
287
287
|
}
|
|
288
288
|
}), ce.length > 0) {
|
|
289
289
|
const ee = document.createRange();
|
|
290
290
|
ee.setStart(ce[0], 0);
|
|
291
291
|
const te = ce[ce.length - 1];
|
|
292
|
-
ee.setEnd(te, te.textContent.length), d.removeAllRanges(), d.addRange(ee),
|
|
292
|
+
ee.setEnd(te, te.textContent.length), d.removeAllRanges(), d.addRange(ee), r();
|
|
293
293
|
}
|
|
294
|
-
return h(), L(
|
|
295
|
-
}, u = (
|
|
296
|
-
if (!
|
|
297
|
-
const y =
|
|
298
|
-
|
|
294
|
+
return h(), L(v);
|
|
295
|
+
}, u = (v, d) => {
|
|
296
|
+
if (!v || !d || !(d instanceof HTMLElement)) return [];
|
|
297
|
+
const y = v.commonAncestorContainer, $ = d.contains(y) ? d : y.nodeType === 3 ? y.parentNode : y, X = document.createTreeWalker(
|
|
298
|
+
$,
|
|
299
299
|
NodeFilter.SHOW_TEXT,
|
|
300
300
|
{
|
|
301
301
|
acceptNode(te) {
|
|
302
|
-
return d.contains(te) &&
|
|
302
|
+
return d.contains(te) && v.intersectsNode(te) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
|
|
303
303
|
}
|
|
304
304
|
}
|
|
305
305
|
), ce = [];
|
|
306
306
|
let ee;
|
|
307
307
|
for (; ee = X.nextNode(); ) ce.push(ee);
|
|
308
308
|
return ce;
|
|
309
|
-
},
|
|
309
|
+
}, f = (v) => {
|
|
310
310
|
const d = window.getSelection();
|
|
311
311
|
if (!d || d.rangeCount === 0) return !1;
|
|
312
|
-
const y = d.getRangeAt(0),
|
|
313
|
-
if (
|
|
314
|
-
const X =
|
|
315
|
-
if (
|
|
316
|
-
if (
|
|
317
|
-
const le =
|
|
312
|
+
const y = d.getRangeAt(0), $ = m(y.startContainer);
|
|
313
|
+
if (!$) return !1;
|
|
314
|
+
const X = $.tagName.toLowerCase() === v.toLowerCase();
|
|
315
|
+
if (v === "ul" || v === "ol") {
|
|
316
|
+
if ($.tagName === "LI") {
|
|
317
|
+
const le = $.parentElement;
|
|
318
318
|
if (!le) return !1;
|
|
319
319
|
const pe = document.createElement("p");
|
|
320
|
-
return pe.dataset.block = "true", pe.innerHTML =
|
|
320
|
+
return pe.dataset.block = "true", pe.innerHTML = $.innerHTML, le.replaceWith(pe), C(pe), h(), !1;
|
|
321
321
|
}
|
|
322
|
-
const te = document.createElement(
|
|
323
|
-
for (ne.dataset.block = "true";
|
|
324
|
-
return te.appendChild(ne),
|
|
322
|
+
const te = document.createElement(v), ne = document.createElement("li");
|
|
323
|
+
for (ne.dataset.block = "true"; $.firstChild; ) ne.appendChild($.firstChild);
|
|
324
|
+
return te.appendChild(ne), $.replaceWith(te), C(ne), h(), !0;
|
|
325
325
|
}
|
|
326
|
-
const ce = X ? "p" :
|
|
327
|
-
for (ce === "blockquote" && (ee.className = "rs-blockquote"), ee.dataset.block = "true";
|
|
328
|
-
return
|
|
329
|
-
}, m = (
|
|
326
|
+
const ce = X ? "p" : v.toLowerCase(), ee = document.createElement(ce);
|
|
327
|
+
for (ce === "blockquote" && (ee.className = "rs-blockquote"), ee.dataset.block = "true"; $.firstChild; ) ee.appendChild($.firstChild);
|
|
328
|
+
return $.replaceWith(ee), C(ee), h(), R(v);
|
|
329
|
+
}, m = (v) => {
|
|
330
330
|
const d = e;
|
|
331
331
|
if (!d) return null;
|
|
332
|
-
for (;
|
|
333
|
-
if (
|
|
334
|
-
|
|
332
|
+
for (; v && v !== d; ) {
|
|
333
|
+
if (v instanceof HTMLElement && v.dataset.block !== void 0) return v;
|
|
334
|
+
v = v.parentNode;
|
|
335
335
|
}
|
|
336
336
|
return null;
|
|
337
|
-
}, C = (
|
|
337
|
+
}, C = (v) => {
|
|
338
338
|
const d = document.createRange(), y = window.getSelection();
|
|
339
|
-
d.selectNodeContents(
|
|
339
|
+
d.selectNodeContents(v), d.collapse(!0), y?.removeAllRanges(), y?.addRange(d);
|
|
340
340
|
}, h = () => {
|
|
341
|
-
const
|
|
342
|
-
|
|
341
|
+
const v = e;
|
|
342
|
+
v && (v.querySelectorAll("[data-block]").forEach((d) => {
|
|
343
343
|
d.childNodes.forEach((y) => {
|
|
344
344
|
y.nodeType === 3 && !y.textContent?.trim() && y.remove();
|
|
345
345
|
});
|
|
346
|
-
}),
|
|
346
|
+
}), v.querySelectorAll("ul[data-block], ol[data-block]").forEach((d) => {
|
|
347
347
|
d.removeAttribute("data-block");
|
|
348
|
-
}),
|
|
348
|
+
}), v.querySelectorAll("li").forEach((d) => {
|
|
349
349
|
d.dataset.block = "true";
|
|
350
|
-
}),
|
|
350
|
+
}), v.querySelectorAll("[data-block] [data-block]").forEach((d) => {
|
|
351
351
|
const y = d.parentElement;
|
|
352
352
|
if (y) {
|
|
353
353
|
for (; d.firstChild; )
|
|
354
354
|
y.insertBefore(d.firstChild, d);
|
|
355
355
|
d.remove();
|
|
356
356
|
}
|
|
357
|
-
}),
|
|
357
|
+
}), v.querySelectorAll("li").forEach((d) => {
|
|
358
358
|
const y = d.parentElement;
|
|
359
359
|
if (!y || !["UL", "OL"].includes(y.tagName)) {
|
|
360
|
-
const
|
|
361
|
-
d.replaceWith(
|
|
360
|
+
const $ = document.createElement("ul");
|
|
361
|
+
d.replaceWith($), $.appendChild(d);
|
|
362
362
|
}
|
|
363
|
-
}),
|
|
363
|
+
}), v.querySelectorAll("[data-block]").forEach((d) => {
|
|
364
364
|
!d.querySelector("img, iframe") && d.hasAttribute("style") && d.removeAttribute("style");
|
|
365
|
-
}),
|
|
366
|
-
}, L = (
|
|
365
|
+
}), v.normalize());
|
|
366
|
+
}, L = (v) => {
|
|
367
367
|
const d = t.value;
|
|
368
368
|
if (!d) return !1;
|
|
369
369
|
let y = d.startContainer;
|
|
370
370
|
y.nodeType === Node.TEXT_NODE && (y = y.parentNode);
|
|
371
|
-
const
|
|
372
|
-
if (
|
|
373
|
-
for (; y && y !==
|
|
374
|
-
if (y instanceof HTMLElement && y.tagName.toLowerCase() ===
|
|
371
|
+
const $ = e;
|
|
372
|
+
if (!$) return !1;
|
|
373
|
+
for (; y && y !== $; ) {
|
|
374
|
+
if (y instanceof HTMLElement && y.tagName.toLowerCase() === v.toLowerCase()) return !0;
|
|
375
375
|
y = y.parentNode;
|
|
376
376
|
}
|
|
377
377
|
return !1;
|
|
378
|
-
},
|
|
378
|
+
}, R = (v) => {
|
|
379
379
|
const d = t.value;
|
|
380
380
|
if (!d) return !1;
|
|
381
381
|
let y = d.startContainer;
|
|
382
382
|
y.nodeType === Node.TEXT_NODE && (y = y.parentNode);
|
|
383
|
-
const
|
|
384
|
-
if (
|
|
385
|
-
for (; y && y !==
|
|
386
|
-
if (y instanceof HTMLElement && y.dataset.block !== void 0 && y.tagName.toLowerCase() ===
|
|
383
|
+
const $ = e;
|
|
384
|
+
if (!$) return !1;
|
|
385
|
+
for (; y && y !== $; ) {
|
|
386
|
+
if (y instanceof HTMLElement && y.dataset.block !== void 0 && y.tagName.toLowerCase() === v.toLowerCase()) return !0;
|
|
387
387
|
y = y.parentNode;
|
|
388
388
|
}
|
|
389
389
|
return !1;
|
|
390
|
-
},
|
|
391
|
-
const
|
|
392
|
-
|
|
390
|
+
}, E = () => {
|
|
391
|
+
const v = e;
|
|
392
|
+
v && v.focus();
|
|
393
393
|
}, M = () => {
|
|
394
|
-
const
|
|
395
|
-
if (!
|
|
394
|
+
const v = e;
|
|
395
|
+
if (!v || !t.value || !v || !v.contains(t.value.commonAncestorContainer)) return;
|
|
396
396
|
const d = window.getSelection();
|
|
397
397
|
d && (d.removeAllRanges(), d.addRange(t.value));
|
|
398
|
-
},
|
|
398
|
+
}, B = () => l.value?.focusFirstButton?.(), z = (v) => {
|
|
399
399
|
const d = window.getSelection();
|
|
400
400
|
if (!d || d.rangeCount === 0) return;
|
|
401
401
|
const y = d.getRangeAt(0);
|
|
402
|
-
let
|
|
403
|
-
if (
|
|
404
|
-
if (
|
|
405
|
-
const De =
|
|
406
|
-
De && ["UL", "OL"].includes(De.tagName) && (
|
|
402
|
+
let $ = m(y.startContainer);
|
|
403
|
+
if (!$) return;
|
|
404
|
+
if ($.tagName === "LI") {
|
|
405
|
+
const De = $.parentElement;
|
|
406
|
+
De && ["UL", "OL"].includes(De.tagName) && ($ = De);
|
|
407
407
|
}
|
|
408
408
|
const X = y.cloneRange();
|
|
409
|
-
X.selectNodeContents(
|
|
409
|
+
X.selectNodeContents($), X.setEnd(y.startContainer, y.startOffset);
|
|
410
410
|
const ce = X.toString().length, ee = y.cloneRange();
|
|
411
|
-
ee.selectNodeContents(
|
|
412
|
-
const te = ee.toString().length, ne = y.collapsed, le =
|
|
413
|
-
|
|
411
|
+
ee.selectNodeContents($), ee.setEnd(y.endContainer, y.endOffset);
|
|
412
|
+
const te = ee.toString().length, ne = y.collapsed, le = v($);
|
|
413
|
+
$.replaceWith(le);
|
|
414
414
|
const pe = document.createTreeWalker(
|
|
415
415
|
le,
|
|
416
416
|
NodeFilter.SHOW_TEXT,
|
|
@@ -422,54 +422,54 @@ const At = (e) => {
|
|
|
422
422
|
!Pe && $e + et >= ce && (Pe = De, We = ce - $e), !Ee && $e + et >= te && (Ee = De, Re = te - $e), $e += et;
|
|
423
423
|
}
|
|
424
424
|
const Te = document.createRange();
|
|
425
|
-
Pe ? Te.setStart(Pe, We) : Te.setStart(le, 0), !ne && Ee ? Te.setEnd(Ee, Re) : Te.collapse(!0), d.removeAllRanges(), d.addRange(Te),
|
|
426
|
-
}, U = (
|
|
425
|
+
Pe ? Te.setStart(Pe, We) : Te.setStart(le, 0), !ne && Ee ? Te.setEnd(Ee, Re) : Te.collapse(!0), d.removeAllRanges(), d.addRange(Te), r(), h();
|
|
426
|
+
}, U = (v) => {
|
|
427
427
|
const d = e.parentElement?.querySelector("#editor-status");
|
|
428
|
-
d && (d.textContent =
|
|
429
|
-
}, oe = (
|
|
428
|
+
d && (d.textContent = v, setTimeout(() => d.textContent = "", 2e3));
|
|
429
|
+
}, oe = (v) => {
|
|
430
430
|
const d = e;
|
|
431
431
|
if (!d) return;
|
|
432
|
-
const y = document.createRange().createContextualFragment(
|
|
432
|
+
const y = document.createRange().createContextualFragment(v);
|
|
433
433
|
d.appendChild(y), h(), d.dispatchEvent(new Event("input", { bubbles: !0 }));
|
|
434
|
-
}, ue = (
|
|
434
|
+
}, ue = (v) => {
|
|
435
435
|
const d = window.getSelection();
|
|
436
436
|
if (!d || d.rangeCount === 0) {
|
|
437
|
-
oe(
|
|
437
|
+
oe(v);
|
|
438
438
|
return;
|
|
439
439
|
}
|
|
440
|
-
const y = d.getRangeAt(0),
|
|
441
|
-
if (
|
|
442
|
-
oe(
|
|
440
|
+
const y = d.getRangeAt(0), $ = m(y.startContainer);
|
|
441
|
+
if (!$) {
|
|
442
|
+
oe(v);
|
|
443
443
|
return;
|
|
444
444
|
}
|
|
445
|
-
|
|
446
|
-
}, re = (
|
|
445
|
+
$.insertAdjacentHTML("afterend", v), h(), e.dispatchEvent(new Event("input", { bubbles: !0 }));
|
|
446
|
+
}, re = (v) => {
|
|
447
447
|
const d = document.createElement("span");
|
|
448
448
|
d.className = "img-resizable", d.style.display = "inline-block", d.style.position = "relative", d.style.width = "100%";
|
|
449
449
|
const y = document.createElement("img");
|
|
450
|
-
y.src =
|
|
451
|
-
const
|
|
452
|
-
|
|
453
|
-
}, P = (
|
|
450
|
+
y.src = v, y.loading = "lazy";
|
|
451
|
+
const $ = document.createElement("span");
|
|
452
|
+
$.className = "resize-handle", d.append(y, $), T(d.outerHTML);
|
|
453
|
+
}, P = (v) => {
|
|
454
454
|
const d = document.createElement("span");
|
|
455
455
|
d.className = "img-resizable", d.style.display = "inline-block", d.style.position = "relative", d.style.width = "100%";
|
|
456
456
|
const y = document.createElement("img");
|
|
457
|
-
y.src =
|
|
458
|
-
const
|
|
459
|
-
|
|
460
|
-
},
|
|
461
|
-
const d =
|
|
457
|
+
y.src = v, y.alt = "", y.loading = "lazy";
|
|
458
|
+
const $ = document.createElement("span");
|
|
459
|
+
$.className = "resize-handle", d.append(y, $), ue(d.outerHTML);
|
|
460
|
+
}, S = (v) => {
|
|
461
|
+
const d = v.closest(".img-resizable");
|
|
462
462
|
if (!d) return;
|
|
463
463
|
const y = d.querySelector(".resize-handle");
|
|
464
464
|
if (!y || d.dataset.resizableInitialized === "true") return;
|
|
465
|
-
d.dataset.resizableInitialized = "true", d.style.display = "inline-block", d.style.position = "relative",
|
|
466
|
-
const
|
|
465
|
+
d.dataset.resizableInitialized = "true", d.style.display = "inline-block", d.style.position = "relative", v.style.display = "block", v.style.width = "100%", y.style.display = "none";
|
|
466
|
+
const $ = () => {
|
|
467
467
|
d.classList.add("active"), y.style.display = "block";
|
|
468
468
|
}, X = () => {
|
|
469
469
|
d.classList.remove("active"), y.style.display = "none";
|
|
470
470
|
};
|
|
471
|
-
|
|
472
|
-
ne.stopPropagation(), e.querySelectorAll(".img-resizable.selected").forEach((le) => le.classList.remove("selected")), d.classList.add("selected"),
|
|
471
|
+
v.addEventListener("click", (ne) => {
|
|
472
|
+
ne.stopPropagation(), e.querySelectorAll(".img-resizable.selected").forEach((le) => le.classList.remove("selected")), d.classList.add("selected"), $();
|
|
473
473
|
}), document.addEventListener("click", (ne) => {
|
|
474
474
|
const le = ne.target;
|
|
475
475
|
le.closest(".img-resizable") || e.querySelectorAll(".img-resizable.selected").forEach((pe) => pe.classList.remove("selected")), d.contains(le) || X();
|
|
@@ -489,17 +489,17 @@ const At = (e) => {
|
|
|
489
489
|
document.addEventListener("mousemove", le), document.addEventListener("mouseup", pe), document.addEventListener("touchmove", le, { passive: !1 }), document.addEventListener("touchend", pe);
|
|
490
490
|
};
|
|
491
491
|
y.addEventListener("mousedown", te), y.addEventListener("touchstart", te, { passive: !1 });
|
|
492
|
-
}, x = (
|
|
493
|
-
if (
|
|
492
|
+
}, x = (v) => {
|
|
493
|
+
if (v.key !== "Backspace" && v.key !== "Delete") return;
|
|
494
494
|
const d = e.querySelector(".img-resizable.selected");
|
|
495
495
|
if (!d) return;
|
|
496
|
-
|
|
496
|
+
v.preventDefault();
|
|
497
497
|
const y = d.closest("p[data-block]");
|
|
498
498
|
y && (d.remove(), y.replaceChildren(document.createElement("br")), C(y));
|
|
499
499
|
};
|
|
500
500
|
e.addEventListener("keydown", x, { capture: !0 });
|
|
501
|
-
const V = (
|
|
502
|
-
const d =
|
|
501
|
+
const V = (v) => {
|
|
502
|
+
const d = v.match(
|
|
503
503
|
/(?:youtube\.com\/(?:watch\?v=|shorts\/|embed\/)|youtu\.be\/)([a-zA-Z0-9_-]{11})/
|
|
504
504
|
);
|
|
505
505
|
if (!d) return;
|
|
@@ -523,43 +523,43 @@ const At = (e) => {
|
|
|
523
523
|
aspectRatio: "16/9"
|
|
524
524
|
}
|
|
525
525
|
);
|
|
526
|
-
}, g = (
|
|
527
|
-
if (
|
|
526
|
+
}, g = (v) => {
|
|
527
|
+
if (v.key !== "Backspace" && v.key !== "Delete") return;
|
|
528
528
|
const d = window.getSelection();
|
|
529
529
|
if (!d || d.rangeCount === 0) return;
|
|
530
|
-
const y = d.getRangeAt(0),
|
|
531
|
-
if (
|
|
532
|
-
const X =
|
|
533
|
-
X && (
|
|
534
|
-
}, T = (
|
|
530
|
+
const y = d.getRangeAt(0), $ = m(y.startContainer);
|
|
531
|
+
if (!$) return;
|
|
532
|
+
const X = $.querySelector("iframe");
|
|
533
|
+
X && (v.preventDefault(), v.stopPropagation(), X.remove(), $.removeAttribute("style"), $.replaceChildren(document.createElement("br")), C($));
|
|
534
|
+
}, T = (v, d) => {
|
|
535
535
|
const y = e;
|
|
536
536
|
if (!y) return;
|
|
537
|
-
const
|
|
537
|
+
const $ = window.getSelection();
|
|
538
538
|
let X = null;
|
|
539
|
-
if (
|
|
540
|
-
const te =
|
|
539
|
+
if ($ && $.rangeCount > 0) {
|
|
540
|
+
const te = $.getRangeAt(0);
|
|
541
541
|
X = m(te.startContainer);
|
|
542
542
|
}
|
|
543
543
|
const ce = X && !X.textContent?.trim() && X.querySelectorAll("img, iframe").length === 0;
|
|
544
544
|
let ee = null;
|
|
545
545
|
if (ce && X)
|
|
546
|
-
d && Object.assign(X.style, d), X.innerHTML =
|
|
546
|
+
d && Object.assign(X.style, d), X.innerHTML = v, ee = document.createElement("p"), ee.dataset.block = "true", ee.replaceChildren(document.createElement("br")), X.after(ee);
|
|
547
547
|
else {
|
|
548
548
|
const te = document.createElement("p");
|
|
549
|
-
te.dataset.block = "true", d && Object.assign(te.style, d), te.innerHTML =
|
|
549
|
+
te.dataset.block = "true", d && Object.assign(te.style, d), te.innerHTML = v;
|
|
550
550
|
const ne = document.createElement("p");
|
|
551
551
|
ne.dataset.block = "true", ne.replaceChildren(document.createElement("br")), X ? (X.after(te), te.after(ne)) : y.append(te, ne), ee = ne;
|
|
552
552
|
}
|
|
553
|
-
y.querySelectorAll(".img-resizable img").forEach((te) =>
|
|
554
|
-
},
|
|
555
|
-
const d =
|
|
553
|
+
y.querySelectorAll(".img-resizable img").forEach((te) => S(te)), ee && C(ee), h(), y.dispatchEvent(new Event("input", { bubbles: !0 }));
|
|
554
|
+
}, A = (v) => {
|
|
555
|
+
const d = v.match(/(?:youtube\.com\/(?:watch\?v=|shorts\/|embed\/)|youtu\.be\/)([a-zA-Z0-9_-]{11})/);
|
|
556
556
|
return d && typeof d[1] == "string" ? d[1] : null;
|
|
557
|
-
},
|
|
558
|
-
const d =
|
|
557
|
+
}, F = async (v) => {
|
|
558
|
+
const d = v.clipboardData?.items;
|
|
559
559
|
if (d && o) {
|
|
560
560
|
for (const ne of d)
|
|
561
561
|
if (ne.type.startsWith("image/")) {
|
|
562
|
-
|
|
562
|
+
v.preventDefault();
|
|
563
563
|
const le = ne.getAsFile();
|
|
564
564
|
if (!le) return;
|
|
565
565
|
try {
|
|
@@ -571,69 +571,69 @@ const At = (e) => {
|
|
|
571
571
|
return;
|
|
572
572
|
}
|
|
573
573
|
}
|
|
574
|
-
const y =
|
|
574
|
+
const y = v.clipboardData?.getData("text/plain")?.trim();
|
|
575
575
|
if (!y) return;
|
|
576
|
-
const
|
|
577
|
-
if (
|
|
578
|
-
|
|
576
|
+
const $ = A(y), X = H(y);
|
|
577
|
+
if (!$ && !X) return;
|
|
578
|
+
v.preventDefault();
|
|
579
579
|
const ce = window.getSelection();
|
|
580
580
|
if (!ce || ce.rangeCount === 0) return;
|
|
581
581
|
const ee = ce.getRangeAt(0), te = m(ee.startContainer);
|
|
582
|
-
if (te && te.textContent?.trim() === y && (te.innerHTML = "<br>"),
|
|
582
|
+
if (te && te.textContent?.trim() === y && (te.innerHTML = "<br>"), $) {
|
|
583
583
|
V(y);
|
|
584
584
|
return;
|
|
585
585
|
}
|
|
586
586
|
if (X) {
|
|
587
587
|
if (!await O(y)) {
|
|
588
|
-
|
|
588
|
+
s?.(i);
|
|
589
589
|
return;
|
|
590
590
|
}
|
|
591
591
|
re(y);
|
|
592
592
|
}
|
|
593
|
-
}, H = (
|
|
593
|
+
}, H = (v) => {
|
|
594
594
|
try {
|
|
595
|
-
const d = new URL(
|
|
595
|
+
const d = new URL(v);
|
|
596
596
|
return /\.(png|jpe?g|gif|webp|svg|avif)$/i.test(d.pathname);
|
|
597
597
|
} catch {
|
|
598
598
|
return !1;
|
|
599
599
|
}
|
|
600
|
-
}, O = (
|
|
600
|
+
}, O = (v) => i ? new Promise((d) => {
|
|
601
601
|
const y = new Image();
|
|
602
602
|
y.onload = () => {
|
|
603
|
-
const
|
|
604
|
-
d(
|
|
605
|
-
}, y.onerror = () => d(!1), y.src =
|
|
606
|
-
}) : Promise.resolve(!0),
|
|
603
|
+
const $ = y.naturalWidth >= i.width || y.naturalHeight >= i.height;
|
|
604
|
+
d($);
|
|
605
|
+
}, y.onerror = () => d(!1), y.src = v;
|
|
606
|
+
}) : Promise.resolve(!0), I = (v) => {
|
|
607
607
|
const d = window.getSelection();
|
|
608
608
|
if (!d || d.rangeCount === 0 || d.isCollapsed) return;
|
|
609
|
-
const y = d.getRangeAt(0),
|
|
610
|
-
|
|
609
|
+
const y = d.getRangeAt(0), $ = document.createElement("a");
|
|
610
|
+
$.href = v, $.target = "_blank", $.rel = "noopener noreferrer", $.append(y.extractContents()), y.insertNode($), y.selectNode($), d.removeAllRanges(), d.addRange(y), r(), h();
|
|
611
611
|
}, D = () => {
|
|
612
|
-
const
|
|
613
|
-
if (!
|
|
614
|
-
let y =
|
|
612
|
+
const v = window.getSelection();
|
|
613
|
+
if (!v || v.rangeCount === 0) return;
|
|
614
|
+
let y = v.getRangeAt(0).commonAncestorContainer;
|
|
615
615
|
for (y.nodeType === 3 && (y = y.parentNode); y && y.nodeName !== "A"; )
|
|
616
616
|
y = y.parentNode;
|
|
617
617
|
if (!y) return;
|
|
618
|
-
const
|
|
618
|
+
const $ = y, X = $.parentNode;
|
|
619
619
|
if (X) {
|
|
620
|
-
for (;
|
|
621
|
-
X.insertBefore(
|
|
622
|
-
X.removeChild(
|
|
620
|
+
for (; $.firstChild; )
|
|
621
|
+
X.insertBefore($.firstChild, $);
|
|
622
|
+
X.removeChild($);
|
|
623
623
|
}
|
|
624
624
|
};
|
|
625
|
-
return e.addEventListener("keydown", g, { capture: !0 }), e.addEventListener("paste",
|
|
625
|
+
return e.addEventListener("keydown", g, { capture: !0 }), e.addEventListener("paste", F), {
|
|
626
626
|
toggleInline: c,
|
|
627
|
-
toggleBlock:
|
|
627
|
+
toggleBlock: f,
|
|
628
628
|
normalize: h,
|
|
629
629
|
rootElement: e,
|
|
630
|
-
saveSelection:
|
|
630
|
+
saveSelection: r,
|
|
631
631
|
restoreSelection: M,
|
|
632
632
|
isInlineActive: L,
|
|
633
|
-
isBlockActive:
|
|
634
|
-
focus:
|
|
633
|
+
isBlockActive: R,
|
|
634
|
+
focus: E,
|
|
635
635
|
toolbarRef: l,
|
|
636
|
-
focusFirstToolbarButton:
|
|
636
|
+
focusFirstToolbarButton: B,
|
|
637
637
|
replaceCurrentBlock: z,
|
|
638
638
|
buttons: a,
|
|
639
639
|
announce: U,
|
|
@@ -642,7 +642,7 @@ const At = (e) => {
|
|
|
642
642
|
appendImage: re,
|
|
643
643
|
insertImage: P,
|
|
644
644
|
appendVideo: V,
|
|
645
|
-
applyLink:
|
|
645
|
+
applyLink: I,
|
|
646
646
|
removeLink: D
|
|
647
647
|
};
|
|
648
648
|
}, c1 = ["id", "aria-label"], d1 = ["data-placeholder"], v1 = {
|
|
@@ -661,50 +661,50 @@ const At = (e) => {
|
|
|
661
661
|
onImageResolutionError: {}
|
|
662
662
|
},
|
|
663
663
|
setup(e, { expose: n }) {
|
|
664
|
-
const t = e, a = k(""), o = k(null), i = (
|
|
665
|
-
if (
|
|
666
|
-
switch (
|
|
664
|
+
const t = e, a = k(""), o = k(null), i = (f) => {
|
|
665
|
+
if (f.ctrlKey || f.metaKey)
|
|
666
|
+
switch (f.altKey && f.key === "F10" && (f.preventDefault(), t.editor?.restoreSelection(), t.editor?.focusFirstToolbarButton()), f.key.toLowerCase()) {
|
|
667
667
|
case "b":
|
|
668
|
-
|
|
668
|
+
f.preventDefault(), t.editor?.restoreSelection(), t.editor?.toggleInline("strong"), t.editor?.focus(), t.editor?.announce(t.editor.isInlineActive("strong") ? "Bold enabled" : "Bold disabled");
|
|
669
669
|
break;
|
|
670
670
|
case "i":
|
|
671
|
-
|
|
671
|
+
f.preventDefault(), t.editor?.restoreSelection(), t.editor?.toggleInline("em"), t.editor?.focus(), t.editor?.announce(t.editor.isInlineActive("em") ? "Italic enabled" : "Italic disabled");
|
|
672
672
|
break;
|
|
673
673
|
case "1":
|
|
674
|
-
|
|
674
|
+
f.altKey && (f.preventDefault(), t.editor?.restoreSelection(), t.editor?.toggleBlock("h1"), t.editor?.focus(), t.editor?.announce(t.editor.isBlockActive("h1") ? "Heading level 1 enabled" : "Heading level 1 disabled"));
|
|
675
675
|
break;
|
|
676
676
|
}
|
|
677
|
-
},
|
|
678
|
-
const
|
|
679
|
-
if (!
|
|
677
|
+
}, s = () => {
|
|
678
|
+
const f = window.getSelection();
|
|
679
|
+
if (!f || f.rangeCount === 0) return;
|
|
680
680
|
const m = o.value;
|
|
681
681
|
if (!m) return;
|
|
682
|
-
const C =
|
|
682
|
+
const C = f.getRangeAt(0);
|
|
683
683
|
m.contains(C.commonAncestorContainer) && t.editor?.saveSelection();
|
|
684
684
|
}, l = () => {
|
|
685
|
-
const
|
|
686
|
-
if (!
|
|
687
|
-
const m =
|
|
685
|
+
const f = window.getSelection();
|
|
686
|
+
if (!f || f.rangeCount === 0) return;
|
|
687
|
+
const m = f.anchorNode;
|
|
688
688
|
if (!m) return;
|
|
689
689
|
const C = (m instanceof Element ? m : m.parentElement)?.closest("[data-block]");
|
|
690
|
-
C &&
|
|
691
|
-
},
|
|
692
|
-
const m =
|
|
693
|
-
(m === "" || h) && !C ?
|
|
694
|
-
}, c = (
|
|
690
|
+
C && r(C);
|
|
691
|
+
}, r = (f) => {
|
|
692
|
+
const m = f.textContent?.replace(/\u00A0/g, "").trim() ?? "", C = f.querySelector("img, iframe"), h = f.innerHTML === "<br>";
|
|
693
|
+
(m === "" || h) && !C ? f.dataset.empty = "true" : f.dataset.empty = "false";
|
|
694
|
+
}, c = (f, m = !1) => {
|
|
695
695
|
const C = window.getSelection();
|
|
696
696
|
if (!C || C.rangeCount === 0) return;
|
|
697
697
|
const h = C.getRangeAt(0);
|
|
698
698
|
if (h.deleteContents(), m) {
|
|
699
|
-
const
|
|
700
|
-
h.insertNode(
|
|
699
|
+
const R = document.createTextNode(f);
|
|
700
|
+
h.insertNode(R), h.setStartAfter(R), h.collapse(!0), C.removeAllRanges(), C.addRange(h);
|
|
701
701
|
return;
|
|
702
702
|
}
|
|
703
|
-
const L = h.createContextualFragment(
|
|
703
|
+
const L = h.createContextualFragment(f);
|
|
704
704
|
h.insertNode(L), C.collapseToEnd();
|
|
705
|
-
}, u = (
|
|
706
|
-
|
|
707
|
-
const m =
|
|
705
|
+
}, u = (f) => {
|
|
706
|
+
f.preventDefault();
|
|
707
|
+
const m = f.clipboardData?.getData("text/plain");
|
|
708
708
|
if (!m) return;
|
|
709
709
|
const C = window.getSelection();
|
|
710
710
|
if (!C || C.rangeCount === 0) return;
|
|
@@ -713,14 +713,14 @@ const At = (e) => {
|
|
|
713
713
|
(h.startContainer instanceof Element ? h.startContainer : h.startContainer.parentElement)?.closest("[data-block]") ? c(m.trim(), !0) : c(`<p data-block>${m.trim()}</p>`, !1), t.editor?.saveSelection(), L.dispatchEvent(new Event("input", { bubbles: !0 }));
|
|
714
714
|
};
|
|
715
715
|
return ve(() => {
|
|
716
|
-
document.addEventListener("selectionchange",
|
|
717
|
-
const
|
|
718
|
-
|
|
719
|
-
|
|
716
|
+
document.addEventListener("selectionchange", s);
|
|
717
|
+
const f = o.value;
|
|
718
|
+
f && f.querySelectorAll("[data-block]").forEach((m) => {
|
|
719
|
+
r(m);
|
|
720
720
|
});
|
|
721
|
-
}), Be(() => document.removeEventListener("selectionchange",
|
|
721
|
+
}), Be(() => document.removeEventListener("selectionchange", s)), n({
|
|
722
722
|
getRoot: () => o
|
|
723
|
-
}), (
|
|
723
|
+
}), (f, m) => (p(), b(de, null, [
|
|
724
724
|
w("div", {
|
|
725
725
|
ref_key: "rootRef",
|
|
726
726
|
ref: o,
|
|
@@ -1168,7 +1168,7 @@ const At = (e) => {
|
|
|
1168
1168
|
"stroke-width": 2
|
|
1169
1169
|
}
|
|
1170
1170
|
]
|
|
1171
|
-
},
|
|
1171
|
+
}, q1 = {
|
|
1172
1172
|
viewBox: "0 0 24 24",
|
|
1173
1173
|
paths: [
|
|
1174
1174
|
{
|
|
@@ -1202,7 +1202,7 @@ const At = (e) => {
|
|
|
1202
1202
|
fill: "currentColor"
|
|
1203
1203
|
}
|
|
1204
1204
|
]
|
|
1205
|
-
},
|
|
1205
|
+
}, F1 = {
|
|
1206
1206
|
viewBox: "0 0 24 24",
|
|
1207
1207
|
paths: [
|
|
1208
1208
|
{
|
|
@@ -2200,7 +2200,7 @@ const At = (e) => {
|
|
|
2200
2200
|
"stroke-width": 2
|
|
2201
2201
|
}
|
|
2202
2202
|
]
|
|
2203
|
-
},
|
|
2203
|
+
}, qa = {
|
|
2204
2204
|
viewBox: "0 0 24 24",
|
|
2205
2205
|
paths: [
|
|
2206
2206
|
{
|
|
@@ -2209,7 +2209,7 @@ const At = (e) => {
|
|
|
2209
2209
|
fill: "currentColor"
|
|
2210
2210
|
}
|
|
2211
2211
|
]
|
|
2212
|
-
},
|
|
2212
|
+
}, Fa = {
|
|
2213
2213
|
viewBox: "0 0 24 24",
|
|
2214
2214
|
paths: [
|
|
2215
2215
|
{
|
|
@@ -2294,8 +2294,8 @@ const At = (e) => {
|
|
|
2294
2294
|
money: J1,
|
|
2295
2295
|
chart: N1,
|
|
2296
2296
|
heart: G1,
|
|
2297
|
-
oList:
|
|
2298
|
-
uList:
|
|
2297
|
+
oList: q1,
|
|
2298
|
+
uList: F1,
|
|
2299
2299
|
close: P1,
|
|
2300
2300
|
clock: U1,
|
|
2301
2301
|
login: K1,
|
|
@@ -2347,8 +2347,8 @@ const At = (e) => {
|
|
|
2347
2347
|
closeCircle: za,
|
|
2348
2348
|
checkCircle: Na,
|
|
2349
2349
|
checkShield: Oa,
|
|
2350
|
-
musicalNote:
|
|
2351
|
-
shoppingBag:
|
|
2350
|
+
musicalNote: qa,
|
|
2351
|
+
shoppingBag: Fa,
|
|
2352
2352
|
directionDown: Pa,
|
|
2353
2353
|
shoppingBasket: Ua,
|
|
2354
2354
|
checkFillCircle: Ka
|
|
@@ -2374,27 +2374,27 @@ const At = (e) => {
|
|
|
2374
2374
|
a.type === "path" ? (p(), b("path", be({
|
|
2375
2375
|
key: 0,
|
|
2376
2376
|
ref_for: !0
|
|
2377
|
-
}, a), null, 16)) :
|
|
2377
|
+
}, a), null, 16)) : q("", !0),
|
|
2378
2378
|
a.type === "circle" ? (p(), b("circle", be({
|
|
2379
2379
|
key: 1,
|
|
2380
2380
|
ref_for: !0
|
|
2381
|
-
}, a), null, 16)) :
|
|
2381
|
+
}, a), null, 16)) : q("", !0),
|
|
2382
2382
|
a.type === "line" ? (p(), b("line", be({
|
|
2383
2383
|
key: 2,
|
|
2384
2384
|
ref_for: !0
|
|
2385
|
-
}, a), null, 16)) :
|
|
2385
|
+
}, a), null, 16)) : q("", !0),
|
|
2386
2386
|
a.type === "polyline" ? (p(), b("polyline", be({
|
|
2387
2387
|
key: 3,
|
|
2388
2388
|
ref_for: !0
|
|
2389
|
-
}, a), null, 16)) :
|
|
2389
|
+
}, a), null, 16)) : q("", !0),
|
|
2390
2390
|
a.type === "rect" ? (p(), b("rect", be({
|
|
2391
2391
|
key: 4,
|
|
2392
2392
|
ref_for: !0
|
|
2393
|
-
}, a), null, 16)) :
|
|
2393
|
+
}, a), null, 16)) : q("", !0),
|
|
2394
2394
|
a.type === "polygon" ? (p(), b("polygon", be({
|
|
2395
2395
|
key: 5,
|
|
2396
2396
|
ref_for: !0
|
|
2397
|
-
}, a), null, 16)) :
|
|
2397
|
+
}, a), null, 16)) : q("", !0)
|
|
2398
2398
|
], 64))), 128))
|
|
2399
2399
|
], 10, ja));
|
|
2400
2400
|
}
|
|
@@ -2409,19 +2409,19 @@ const At = (e) => {
|
|
|
2409
2409
|
buttons: {}
|
|
2410
2410
|
},
|
|
2411
2411
|
setup(e, { expose: n }) {
|
|
2412
|
-
const t = e, a = at + Qa, o = k(""), i = k(!1),
|
|
2413
|
-
let
|
|
2414
|
-
const
|
|
2415
|
-
c.value =
|
|
2412
|
+
const t = e, a = at + Qa, o = k(""), i = k(!1), s = k(!1), l = k([]), r = k(null), c = k({}), u = k(null);
|
|
2413
|
+
let f = !1, m = null, C = null, h = null, L = 0;
|
|
2414
|
+
const R = () => {
|
|
2415
|
+
c.value = E();
|
|
2416
2416
|
};
|
|
2417
|
-
Q(
|
|
2417
|
+
Q(s, async (g) => {
|
|
2418
2418
|
if (!g) {
|
|
2419
2419
|
h?.(), h = null, C?.disconnect(), C = null;
|
|
2420
2420
|
return;
|
|
2421
2421
|
}
|
|
2422
|
-
await xe(), await xe(),
|
|
2422
|
+
await xe(), await xe(), R(), r.value && (C = new ResizeObserver(R), C.observe(r.value)), h = M(R);
|
|
2423
2423
|
}, { flush: "post" });
|
|
2424
|
-
const
|
|
2424
|
+
const E = () => {
|
|
2425
2425
|
if (!t.editor?.rootElement) return {};
|
|
2426
2426
|
let T = null;
|
|
2427
2427
|
if (i.value && m)
|
|
@@ -2433,34 +2433,34 @@ const At = (e) => {
|
|
|
2433
2433
|
T = d.getRangeAt(0);
|
|
2434
2434
|
}
|
|
2435
2435
|
if (!T) return {};
|
|
2436
|
-
const
|
|
2437
|
-
if (!
|
|
2438
|
-
const
|
|
2439
|
-
if (!
|
|
2440
|
-
const H =
|
|
2436
|
+
const A = T.getClientRects().item(0) ?? T.getBoundingClientRect();
|
|
2437
|
+
if (!A || A.width === 0 && A.height === 0) return {};
|
|
2438
|
+
const F = r.value;
|
|
2439
|
+
if (!F) return {};
|
|
2440
|
+
const H = F.getBoundingClientRect(), O = H.width, I = A.left + A.width / 2, D = Math.max(
|
|
2441
2441
|
O / 2 + at,
|
|
2442
|
-
Math.min(
|
|
2443
|
-
),
|
|
2444
|
-
return
|
|
2442
|
+
Math.min(I, window.innerWidth - O / 2 - at)
|
|
2443
|
+
), v = A.top - H.height - a;
|
|
2444
|
+
return v < 0 ? {} : {
|
|
2445
2445
|
position: "fixed",
|
|
2446
2446
|
left: `${D}px`,
|
|
2447
|
-
top: `${
|
|
2447
|
+
top: `${v}px`
|
|
2448
2448
|
};
|
|
2449
2449
|
}, M = (g) => {
|
|
2450
2450
|
let T = 0;
|
|
2451
|
-
const
|
|
2451
|
+
const A = () => {
|
|
2452
2452
|
cancelAnimationFrame(T), T = requestAnimationFrame(g);
|
|
2453
|
-
},
|
|
2454
|
-
return window.addEventListener("scroll",
|
|
2455
|
-
cancelAnimationFrame(T), window.removeEventListener("scroll",
|
|
2453
|
+
}, F = A, H = A;
|
|
2454
|
+
return window.addEventListener("scroll", F, { capture: !0, passive: !0 }), window.addEventListener("resize", H, { passive: !0 }), () => {
|
|
2455
|
+
cancelAnimationFrame(T), window.removeEventListener("scroll", F, { capture: !0 }), window.removeEventListener("resize", H);
|
|
2456
2456
|
};
|
|
2457
|
-
},
|
|
2457
|
+
}, B = (g, T) => {
|
|
2458
2458
|
g && (l.value[T] = g);
|
|
2459
2459
|
};
|
|
2460
|
-
Q(
|
|
2460
|
+
Q(s, () => {
|
|
2461
2461
|
l.value = [];
|
|
2462
2462
|
});
|
|
2463
|
-
const z =
|
|
2463
|
+
const z = _(() => [
|
|
2464
2464
|
{
|
|
2465
2465
|
key: "strong",
|
|
2466
2466
|
label: "bold",
|
|
@@ -2522,34 +2522,34 @@ const At = (e) => {
|
|
|
2522
2522
|
g.removeLink(), g.focus();
|
|
2523
2523
|
return;
|
|
2524
2524
|
}
|
|
2525
|
-
|
|
2525
|
+
f = !0, i.value = !0, s.value = !0, xe(() => {
|
|
2526
2526
|
u.value?.focus(), requestAnimationFrame(() => {
|
|
2527
|
-
|
|
2527
|
+
f = !1;
|
|
2528
2528
|
});
|
|
2529
2529
|
}), g.announce(g.isInlineActive("strong") ? "Link enabled" : "Link disabled");
|
|
2530
2530
|
},
|
|
2531
2531
|
isActive: (g) => g.isInlineActive("a")
|
|
2532
2532
|
}
|
|
2533
|
-
]), U =
|
|
2533
|
+
]), U = _(() => [
|
|
2534
2534
|
...z.value,
|
|
2535
2535
|
...t.editor?.buttons ?? []
|
|
2536
2536
|
]), oe = async () => {
|
|
2537
2537
|
await xe(), l.value[0]?.focus();
|
|
2538
2538
|
}, ue = (g) => {
|
|
2539
|
-
const T = l.value,
|
|
2539
|
+
const T = l.value, A = T.indexOf(document.activeElement);
|
|
2540
2540
|
if (g.key === "ArrowRight") {
|
|
2541
2541
|
g.preventDefault();
|
|
2542
|
-
const
|
|
2543
|
-
T[
|
|
2542
|
+
const F = A < T.length - 1 ? A + 1 : 0;
|
|
2543
|
+
T[F]?.focus();
|
|
2544
2544
|
}
|
|
2545
2545
|
if (g.key === "ArrowLeft") {
|
|
2546
2546
|
g.preventDefault();
|
|
2547
|
-
const
|
|
2548
|
-
T[
|
|
2547
|
+
const F = A > 0 ? A - 1 : T.length - 1;
|
|
2548
|
+
T[F]?.focus();
|
|
2549
2549
|
}
|
|
2550
2550
|
if (g.key === "Home" && (g.preventDefault(), T[0]?.focus()), g.key === "End" && (g.preventDefault(), T[T.length - 1]?.focus()), g.key === "Escape") {
|
|
2551
2551
|
if (g.preventDefault(), i.value) {
|
|
2552
|
-
|
|
2552
|
+
S(), t.editor?.focus();
|
|
2553
2553
|
return;
|
|
2554
2554
|
}
|
|
2555
2555
|
t.editor?.restoreSelection(), t.editor?.focus();
|
|
@@ -2563,36 +2563,36 @@ const At = (e) => {
|
|
|
2563
2563
|
T.contains(O) && !g.isCollapsed && (m = H.cloneRange());
|
|
2564
2564
|
}
|
|
2565
2565
|
if (i.value) {
|
|
2566
|
-
|
|
2566
|
+
s.value = !0;
|
|
2567
2567
|
return;
|
|
2568
2568
|
}
|
|
2569
2569
|
if (!g || g.rangeCount === 0) {
|
|
2570
|
-
|
|
2570
|
+
s.value = !1;
|
|
2571
2571
|
return;
|
|
2572
2572
|
}
|
|
2573
|
-
const
|
|
2574
|
-
|
|
2573
|
+
const A = g.getRangeAt(0), F = A.commonAncestorContainer.nodeType === 3 ? A.commonAncestorContainer.parentNode : A.commonAncestorContainer;
|
|
2574
|
+
s.value = T.contains(F) && !g.isCollapsed;
|
|
2575
2575
|
});
|
|
2576
2576
|
}, P = () => {
|
|
2577
2577
|
o.value.trim() && (t.editor?.restoreSelection(), t.editor?.applyLink(o.value), t.editor?.rootElement?.dispatchEvent(
|
|
2578
2578
|
new Event("input", { bubbles: !0 })
|
|
2579
2579
|
), o.value = "", i.value = !1, t.editor?.focus());
|
|
2580
|
-
},
|
|
2580
|
+
}, S = () => {
|
|
2581
2581
|
i.value = !1, o.value = "";
|
|
2582
2582
|
}, x = (g) => {
|
|
2583
2583
|
g.action(t.editor);
|
|
2584
2584
|
}, V = (g) => {
|
|
2585
|
-
if (
|
|
2586
|
-
const T = g.target,
|
|
2585
|
+
if (f) return;
|
|
2586
|
+
const T = g.target, A = r.value, F = t.editor?.rootElement;
|
|
2587
2587
|
if (i.value) {
|
|
2588
|
-
const
|
|
2589
|
-
if (
|
|
2590
|
-
|
|
2588
|
+
const I = A?.contains(T), D = F?.contains(T);
|
|
2589
|
+
if (I || D) return;
|
|
2590
|
+
S(), s.value = !1;
|
|
2591
2591
|
return;
|
|
2592
2592
|
}
|
|
2593
|
-
if (!
|
|
2594
|
-
const H =
|
|
2595
|
-
H || O || (
|
|
2593
|
+
if (!A || !F) return;
|
|
2594
|
+
const H = A.contains(T), O = F.contains(T);
|
|
2595
|
+
H || O || (s.value = !1);
|
|
2596
2596
|
};
|
|
2597
2597
|
return ve(() => {
|
|
2598
2598
|
document.addEventListener("selectionchange", () => {
|
|
@@ -2602,13 +2602,13 @@ const At = (e) => {
|
|
|
2602
2602
|
h?.(), C?.disconnect(), C = null, cancelAnimationFrame(L), document.removeEventListener("selectionchange", re), document.removeEventListener("focusin", V);
|
|
2603
2603
|
}), n({
|
|
2604
2604
|
focusFirstButton: oe
|
|
2605
|
-
}), (g, T) => (p(), ae(
|
|
2605
|
+
}), (g, T) => (p(), ae(Fe, { to: "body" }, [
|
|
2606
2606
|
K(Ae, { name: "tooltip-fade" }, {
|
|
2607
2607
|
default: J(() => [
|
|
2608
|
-
|
|
2608
|
+
s.value ? (p(), b("div", {
|
|
2609
2609
|
key: 0,
|
|
2610
2610
|
ref_key: "toolbarRef",
|
|
2611
|
-
ref:
|
|
2611
|
+
ref: r,
|
|
2612
2612
|
class: "toolbar",
|
|
2613
2613
|
role: "toolbar",
|
|
2614
2614
|
"aria-label": "Formatting options",
|
|
@@ -2622,10 +2622,10 @@ const At = (e) => {
|
|
|
2622
2622
|
_e(w("input", {
|
|
2623
2623
|
ref_key: "linkInputRef",
|
|
2624
2624
|
ref: u,
|
|
2625
|
-
"onUpdate:modelValue": T[0] || (T[0] = (
|
|
2625
|
+
"onUpdate:modelValue": T[0] || (T[0] = (A) => o.value = A),
|
|
2626
2626
|
type: "text",
|
|
2627
2627
|
placeholder: "https://...",
|
|
2628
|
-
onBlur: T[1] || (T[1] = se((
|
|
2628
|
+
onBlur: T[1] || (T[1] = se((A) => i.value = !1, ["prevent"])),
|
|
2629
2629
|
onKeydown: ye(P, ["enter"]),
|
|
2630
2630
|
onMousedown: T[2] || (T[2] = se(() => {
|
|
2631
2631
|
}, ["stop"]))
|
|
@@ -2637,23 +2637,23 @@ const At = (e) => {
|
|
|
2637
2637
|
onMousedown: T[3] || (T[3] = se(() => {
|
|
2638
2638
|
}, ["prevent"]))
|
|
2639
2639
|
}, "Ok ", 32)
|
|
2640
|
-
])) : (p(!0), b(de, { key: 0 }, he(U.value, (
|
|
2641
|
-
key:
|
|
2640
|
+
])) : (p(!0), b(de, { key: 0 }, he(U.value, (A, F) => (p(), b("button", {
|
|
2641
|
+
key: A.key ?? F,
|
|
2642
2642
|
type: "button",
|
|
2643
2643
|
ref_for: !0,
|
|
2644
|
-
ref: (H) =>
|
|
2645
|
-
class: fe({ "is-active":
|
|
2646
|
-
"aria-pressed":
|
|
2647
|
-
onClick: (H) => x(
|
|
2648
|
-
"aria-label":
|
|
2644
|
+
ref: (H) => B(H, F),
|
|
2645
|
+
class: fe({ "is-active": A.isActive?.(t.editor) }),
|
|
2646
|
+
"aria-pressed": A.isActive?.(t.editor),
|
|
2647
|
+
onClick: (H) => x(A),
|
|
2648
|
+
"aria-label": A.ariaLabel
|
|
2649
2649
|
}, [
|
|
2650
|
-
|
|
2650
|
+
A.type === "icon" ? (p(), ae(Ce, {
|
|
2651
2651
|
key: 0,
|
|
2652
|
-
name:
|
|
2653
|
-
size:
|
|
2654
|
-
}, null, 8, ["name", "size"])) : (p(), b("span", Ga, j(
|
|
2652
|
+
name: A.label,
|
|
2653
|
+
size: A.size ?? 14
|
|
2654
|
+
}, null, 8, ["name", "size"])) : (p(), b("span", Ga, j(A.label), 1))
|
|
2655
2655
|
], 10, Xa))), 128))
|
|
2656
|
-
], 44, Ya)) :
|
|
2656
|
+
], 44, Ya)) : q("", !0)
|
|
2657
2657
|
]),
|
|
2658
2658
|
_: 1
|
|
2659
2659
|
})
|
|
@@ -2675,38 +2675,38 @@ const At = (e) => {
|
|
|
2675
2675
|
}),
|
|
2676
2676
|
emits: ["update:modelValue"],
|
|
2677
2677
|
setup(e, { expose: n }) {
|
|
2678
|
-
const t = ke(e, "modelValue"), a = e, o = ge(), i = k(),
|
|
2678
|
+
const t = ke(e, "modelValue"), a = e, o = ge(), i = k(), s = k(null), l = k(null);
|
|
2679
2679
|
return Q(
|
|
2680
2680
|
() => t.value,
|
|
2681
|
-
(
|
|
2681
|
+
(r) => {
|
|
2682
2682
|
const c = l.value?.getRoot()?.value;
|
|
2683
|
-
c && c.innerHTML !==
|
|
2683
|
+
c && c.innerHTML !== r && (c.innerHTML = r, s.value?.normalize());
|
|
2684
2684
|
},
|
|
2685
2685
|
{ immediate: !0 }
|
|
2686
2686
|
), Q(
|
|
2687
2687
|
() => l.value,
|
|
2688
2688
|
() => {
|
|
2689
|
-
const
|
|
2690
|
-
!
|
|
2689
|
+
const r = l.value?.getRoot()?.value;
|
|
2690
|
+
!r || !t.value || t.value.trim().length === 0 || r.innerHTML !== t.value && (r.innerHTML = t.value, s.value?.normalize());
|
|
2691
2691
|
},
|
|
2692
2692
|
{ immediate: !0 }
|
|
2693
2693
|
), ve(() => {
|
|
2694
2694
|
const c = l.value?.getRoot()?.value;
|
|
2695
2695
|
if (!c) return;
|
|
2696
|
-
|
|
2696
|
+
s.value = u1(c, {
|
|
2697
2697
|
buttons: a.buttons ?? [],
|
|
2698
2698
|
minImageResolution: a.minImageResolution,
|
|
2699
2699
|
onImageResolutionError: a.onImageResolutionError
|
|
2700
|
-
}),
|
|
2700
|
+
}), s.value && (s.value.toolbarRef = i);
|
|
2701
2701
|
const u = () => t.value = c.innerHTML;
|
|
2702
2702
|
c.addEventListener("input", u), Be(() => c.removeEventListener("input", u));
|
|
2703
|
-
}), He("announce", (
|
|
2704
|
-
editor:
|
|
2705
|
-
}), (
|
|
2703
|
+
}), He("announce", (r) => s.value?.announce(r)), n({
|
|
2704
|
+
editor: s
|
|
2705
|
+
}), (r, c) => (p(), b("section", an, [
|
|
2706
2706
|
K(p1, {
|
|
2707
2707
|
ref_key: "contentRef",
|
|
2708
2708
|
ref: l,
|
|
2709
|
-
editor:
|
|
2709
|
+
editor: s.value,
|
|
2710
2710
|
"editor-id": N(o),
|
|
2711
2711
|
"aria-label": e.ariaLabel,
|
|
2712
2712
|
"write-here-text": e.writeHereText,
|
|
@@ -2716,7 +2716,7 @@ const At = (e) => {
|
|
|
2716
2716
|
K(tn, {
|
|
2717
2717
|
ref_key: "toolbarRef",
|
|
2718
2718
|
ref: i,
|
|
2719
|
-
editor:
|
|
2719
|
+
editor: s.value,
|
|
2720
2720
|
"editor-id": N(o)
|
|
2721
2721
|
}, null, 8, ["editor", "editor-id"])
|
|
2722
2722
|
]));
|
|
@@ -2766,23 +2766,23 @@ const nn = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2766
2766
|
}),
|
|
2767
2767
|
emits: /* @__PURE__ */ ie(["select", "upload", "remove"], ["update:modelValue"]),
|
|
2768
2768
|
setup(e, { emit: n }) {
|
|
2769
|
-
const t = ke(e, "modelValue"), a = e, o = n, i = k(0),
|
|
2769
|
+
const t = ke(e, "modelValue"), a = e, o = n, i = k(0), s = k(""), l = k(!1), r = ge(), c = k(), u = _(() => t.value), f = _(() => a.maxSize === 1 / 0 ? "Unlimited" : re(a.maxSize)), m = _(() => !a.disabled && (a.multiple || t.value.length === 0)), C = _(() => u.value.some((x) => x.status === "uploading")), h = () => m.value && c.value?.click(), L = () => {
|
|
2770
2770
|
a.disabled || (i.value++, l.value = !0);
|
|
2771
|
-
},
|
|
2771
|
+
}, R = () => {
|
|
2772
2772
|
i.value = Math.max(0, i.value - 1), i.value === 0 && (l.value = !1);
|
|
2773
|
-
},
|
|
2773
|
+
}, E = (x) => {
|
|
2774
2774
|
if (!a.disabled && !(!a.multiple && t.value.length > 0) && (i.value = 0, l.value = !1, !!x.dataTransfer)) {
|
|
2775
2775
|
if (!a.multiple && x.dataTransfer?.files.length) {
|
|
2776
2776
|
const V = x.dataTransfer.files[0];
|
|
2777
|
-
|
|
2777
|
+
B([V]);
|
|
2778
2778
|
return;
|
|
2779
2779
|
}
|
|
2780
|
-
|
|
2780
|
+
B(Array.from(x.dataTransfer.files));
|
|
2781
2781
|
}
|
|
2782
2782
|
}, M = (x) => {
|
|
2783
2783
|
const V = x.target;
|
|
2784
|
-
V.files && (
|
|
2785
|
-
},
|
|
2784
|
+
V.files && (B(Array.from(V.files)), V.value = "");
|
|
2785
|
+
}, B = (x) => {
|
|
2786
2786
|
const V = [];
|
|
2787
2787
|
for (const T of x) {
|
|
2788
2788
|
if (u.value.length + V.length >= a.maxFiles) break;
|
|
@@ -2806,14 +2806,14 @@ const nn = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2806
2806
|
V.signal.addEventListener("abort", g);
|
|
2807
2807
|
const T = {
|
|
2808
2808
|
signal: V.signal,
|
|
2809
|
-
onProgress: (
|
|
2810
|
-
x.progress =
|
|
2809
|
+
onProgress: (A) => {
|
|
2810
|
+
x.progress = A, ue();
|
|
2811
2811
|
},
|
|
2812
2812
|
done: () => {
|
|
2813
2813
|
x.status = "success", x.progress = 100, x.controller = void 0, P(`Finished uploading ${x.file.name}`), ue();
|
|
2814
2814
|
},
|
|
2815
|
-
fail: (
|
|
2816
|
-
x.status = "error", x.error =
|
|
2815
|
+
fail: (A) => {
|
|
2816
|
+
x.status = "error", x.error = A, x.controller = void 0, P(`Failed to upload ${x.file.name}: ${A}`), ue();
|
|
2817
2817
|
}
|
|
2818
2818
|
};
|
|
2819
2819
|
o("upload", x, T);
|
|
@@ -2828,10 +2828,10 @@ const nn = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2828
2828
|
x /= 1024, g++;
|
|
2829
2829
|
return `${x.toFixed(2)} ${V[g]}`;
|
|
2830
2830
|
}, P = (x) => {
|
|
2831
|
-
|
|
2832
|
-
|
|
2831
|
+
s.value = "", requestAnimationFrame(() => {
|
|
2832
|
+
s.value = x;
|
|
2833
2833
|
});
|
|
2834
|
-
},
|
|
2834
|
+
}, S = (x) => {
|
|
2835
2835
|
x.controller && x.controller.abort(), o("remove", x), t.value = u.value.filter((V) => V.id !== x.id);
|
|
2836
2836
|
};
|
|
2837
2837
|
return (x, V) => (p(), b("div", {
|
|
@@ -2839,7 +2839,7 @@ const nn = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2839
2839
|
class: "ui-upload",
|
|
2840
2840
|
tabindex: e.disabled ? -1 : 0,
|
|
2841
2841
|
"aria-label": e.ariaLabel || "File upload area",
|
|
2842
|
-
"aria-describedby": l.value ? N(
|
|
2842
|
+
"aria-describedby": l.value ? N(r) : void 0,
|
|
2843
2843
|
"aria-busy": C.value ? "true" : void 0,
|
|
2844
2844
|
"aria-disabled": e.disabled ? "true" : void 0,
|
|
2845
2845
|
"data-disabled": e.disabled || void 0,
|
|
@@ -2850,8 +2850,8 @@ const nn = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2850
2850
|
V[2] || (V[2] = ye(se((g) => !e.disabled && h(), ["prevent"]), ["space"]))
|
|
2851
2851
|
],
|
|
2852
2852
|
onDragover: V[3] || (V[3] = se((g) => !e.disabled && L(), ["prevent"])),
|
|
2853
|
-
onDragleave:
|
|
2854
|
-
onDrop: V[4] || (V[4] = se((g) => !e.disabled &&
|
|
2853
|
+
onDragleave: R,
|
|
2854
|
+
onDrop: V[4] || (V[4] = se((g) => !e.disabled && E(g), ["prevent"]))
|
|
2855
2855
|
}, [
|
|
2856
2856
|
w("input", {
|
|
2857
2857
|
type: "file",
|
|
@@ -2882,8 +2882,8 @@ const nn = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2882
2882
|
])]),
|
|
2883
2883
|
_: 1
|
|
2884
2884
|
}),
|
|
2885
|
-
w("span", null, "Maximum size: " + j(
|
|
2886
|
-
], !0) :
|
|
2885
|
+
w("span", null, "Maximum size: " + j(f.value), 1)
|
|
2886
|
+
], !0) : q("", !0),
|
|
2887
2887
|
u.value?.length ? (p(), b("ul", ln, [
|
|
2888
2888
|
(p(!0), b(de, null, he(u.value, (g) => (p(), b("li", {
|
|
2889
2889
|
key: g.id,
|
|
@@ -2891,7 +2891,7 @@ const nn = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2891
2891
|
}, [
|
|
2892
2892
|
G(x.$slots, "file", {
|
|
2893
2893
|
file: g,
|
|
2894
|
-
remove: () =>
|
|
2894
|
+
remove: () => S(g),
|
|
2895
2895
|
cancel: () => U(g),
|
|
2896
2896
|
retry: () => oe(g)
|
|
2897
2897
|
}, () => [
|
|
@@ -2907,10 +2907,10 @@ const nn = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2907
2907
|
max: "100",
|
|
2908
2908
|
"aria-label": `Upload progress for ${g.file.name}`
|
|
2909
2909
|
}, null, 8, vn)
|
|
2910
|
-
])) :
|
|
2911
|
-
g.status === "success" ? (p(), b("span", fn, " Uploaded successful ")) :
|
|
2912
|
-
g.status === "error" ? (p(), b("span", pn, j(g.error || "Upload failed"), 1)) :
|
|
2913
|
-
g.status === "canceled" ? (p(), b("span", mn, " Upload canceled ")) :
|
|
2910
|
+
])) : q("", !0),
|
|
2911
|
+
g.status === "success" ? (p(), b("span", fn, " Uploaded successful ")) : q("", !0),
|
|
2912
|
+
g.status === "error" ? (p(), b("span", pn, j(g.error || "Upload failed"), 1)) : q("", !0),
|
|
2913
|
+
g.status === "canceled" ? (p(), b("span", mn, " Upload canceled ")) : q("", !0),
|
|
2914
2914
|
w("div", Cn, [
|
|
2915
2915
|
g.status === "uploading" ? (p(), ae(Le, {
|
|
2916
2916
|
key: 0,
|
|
@@ -2922,7 +2922,7 @@ const nn = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2922
2922
|
Me(" Cancel ", -1)
|
|
2923
2923
|
])]),
|
|
2924
2924
|
_: 1
|
|
2925
|
-
}, 8, ["onClick"])) :
|
|
2925
|
+
}, 8, ["onClick"])) : q("", !0),
|
|
2926
2926
|
g.status === "error" || g.status === "canceled" ? (p(), ae(Le, {
|
|
2927
2927
|
key: 1,
|
|
2928
2928
|
type: "button",
|
|
@@ -2933,26 +2933,26 @@ const nn = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2933
2933
|
Me(" Retry ", -1)
|
|
2934
2934
|
])]),
|
|
2935
2935
|
_: 1
|
|
2936
|
-
}, 8, ["onClick"])) :
|
|
2936
|
+
}, 8, ["onClick"])) : q("", !0),
|
|
2937
2937
|
g.status !== "uploading" ? (p(), ae(Le, {
|
|
2938
2938
|
key: 2,
|
|
2939
2939
|
type: "button",
|
|
2940
2940
|
class: "btn-outline btn-xs",
|
|
2941
|
-
onClick: se((T) =>
|
|
2941
|
+
onClick: se((T) => S(g), ["stop"]),
|
|
2942
2942
|
"aria-label": "Remove file"
|
|
2943
2943
|
}, {
|
|
2944
2944
|
default: J(() => [...V[10] || (V[10] = [
|
|
2945
2945
|
Me(" Remove ", -1)
|
|
2946
2946
|
])]),
|
|
2947
2947
|
_: 1
|
|
2948
|
-
}, 8, ["onClick"])) :
|
|
2948
|
+
}, 8, ["onClick"])) : q("", !0)
|
|
2949
2949
|
])
|
|
2950
2950
|
], !0)
|
|
2951
2951
|
]))), 128))
|
|
2952
|
-
])) :
|
|
2953
|
-
w("div", hn, j(
|
|
2952
|
+
])) : q("", !0),
|
|
2953
|
+
w("div", hn, j(s.value), 1),
|
|
2954
2954
|
w("p", {
|
|
2955
|
-
id: N(
|
|
2955
|
+
id: N(r),
|
|
2956
2956
|
class: "sr-only"
|
|
2957
2957
|
}, " Drop files to upload ", 8, gn)
|
|
2958
2958
|
], 40, nn));
|
|
@@ -2975,34 +2975,34 @@ const bn = (e) => {
|
|
|
2975
2975
|
disabled: { type: Boolean, default: !1 }
|
|
2976
2976
|
},
|
|
2977
2977
|
setup(e) {
|
|
2978
|
-
const n = e, t = Mn + Ln, a = k(!1), o = `tooltip-${ge()}`, i = k(null),
|
|
2979
|
-
let
|
|
2980
|
-
const
|
|
2981
|
-
n.disabled || (
|
|
2982
|
-
a.value = !0,
|
|
2978
|
+
const n = e, t = Mn + Ln, a = k(!1), o = `tooltip-${ge()}`, i = k(null), s = k(null), l = k({});
|
|
2979
|
+
let r = null, c = null, u = null;
|
|
2980
|
+
const f = () => {
|
|
2981
|
+
n.disabled || (r && (clearTimeout(r), r = null), n.delay ? r = window.setTimeout(() => {
|
|
2982
|
+
a.value = !0, r = null;
|
|
2983
2983
|
}, n.delay) : a.value = !0);
|
|
2984
2984
|
}, m = () => {
|
|
2985
|
-
|
|
2985
|
+
r && (clearTimeout(r), r = null), a.value = !1;
|
|
2986
2986
|
}, C = () => {
|
|
2987
|
-
if (!i.value || !
|
|
2988
|
-
const L = i.value.getBoundingClientRect(),
|
|
2987
|
+
if (!i.value || !s.value) return {};
|
|
2988
|
+
const L = i.value.getBoundingClientRect(), R = s.value.getBoundingClientRect(), E = {
|
|
2989
2989
|
position: "fixed"
|
|
2990
2990
|
};
|
|
2991
2991
|
switch (n.placement) {
|
|
2992
2992
|
case "top":
|
|
2993
|
-
|
|
2993
|
+
E.left = `${L.left + L.width / 2 - R.width / 2}px`, E.top = `${L.top - R.height - t}px`;
|
|
2994
2994
|
break;
|
|
2995
2995
|
case "bottom":
|
|
2996
|
-
|
|
2996
|
+
E.left = `${L.left + L.width / 2 - R.width / 2}px`, E.top = `${L.bottom + t}px`;
|
|
2997
2997
|
break;
|
|
2998
2998
|
case "left":
|
|
2999
|
-
|
|
2999
|
+
E.left = `${L.left - R.width - t}px`, E.top = `${L.top + L.height / 2 - R.height / 2}px`;
|
|
3000
3000
|
break;
|
|
3001
3001
|
case "right":
|
|
3002
|
-
|
|
3002
|
+
E.left = `${L.right + t}px`, E.top = `${L.top + L.height / 2 - R.height / 2}px`;
|
|
3003
3003
|
break;
|
|
3004
3004
|
}
|
|
3005
|
-
return
|
|
3005
|
+
return E;
|
|
3006
3006
|
}, h = () => {
|
|
3007
3007
|
l.value = C();
|
|
3008
3008
|
};
|
|
@@ -3011,10 +3011,10 @@ const bn = (e) => {
|
|
|
3011
3011
|
c?.(), c = null, u?.disconnect(), u = null;
|
|
3012
3012
|
return;
|
|
3013
3013
|
}
|
|
3014
|
-
await xe(), h(), c = bn(h), u = new ResizeObserver(h),
|
|
3014
|
+
await xe(), h(), c = bn(h), u = new ResizeObserver(h), s.value && u.observe(s.value), i.value && u.observe(i.value);
|
|
3015
3015
|
}), Se(() => {
|
|
3016
3016
|
c?.(), u?.disconnect();
|
|
3017
|
-
}), (L,
|
|
3017
|
+
}), (L, R) => (p(), b(de, null, [
|
|
3018
3018
|
w("span", {
|
|
3019
3019
|
ref_key: "triggerRef",
|
|
3020
3020
|
ref: i,
|
|
@@ -3022,21 +3022,21 @@ const bn = (e) => {
|
|
|
3022
3022
|
"aria-describedby": a.value ? o : void 0,
|
|
3023
3023
|
"aria-disabled": e.disabled || void 0,
|
|
3024
3024
|
"aria-expanded": a.value || void 0,
|
|
3025
|
-
onMouseenter:
|
|
3025
|
+
onMouseenter: f,
|
|
3026
3026
|
onMouseleave: m,
|
|
3027
|
-
onFocus:
|
|
3027
|
+
onFocus: f,
|
|
3028
3028
|
onBlur: m,
|
|
3029
3029
|
onKeydown: ye(m, ["esc"])
|
|
3030
3030
|
}, [
|
|
3031
3031
|
G(L.$slots, "default", {}, void 0, !0)
|
|
3032
3032
|
], 40, kn),
|
|
3033
|
-
(p(), ae(
|
|
3033
|
+
(p(), ae(Fe, { to: "body" }, [
|
|
3034
3034
|
K(Ae, { name: "tooltip-fade" }, {
|
|
3035
3035
|
default: J(() => [
|
|
3036
3036
|
a.value ? (p(), b("div", {
|
|
3037
3037
|
key: 0,
|
|
3038
3038
|
ref_key: "tooltipRef",
|
|
3039
|
-
ref:
|
|
3039
|
+
ref: s,
|
|
3040
3040
|
id: o,
|
|
3041
3041
|
class: "tooltip-content",
|
|
3042
3042
|
role: "tooltip",
|
|
@@ -3045,11 +3045,11 @@ const bn = (e) => {
|
|
|
3045
3045
|
"data-placement": n.placement,
|
|
3046
3046
|
style: Ie(l.value)
|
|
3047
3047
|
}, [
|
|
3048
|
-
|
|
3048
|
+
R[0] || (R[0] = w("div", { class: "tooltip-arrow" }, null, -1)),
|
|
3049
3049
|
G(L.$slots, "content", {}, () => [
|
|
3050
3050
|
Me(j(e.content), 1)
|
|
3051
3051
|
], !0)
|
|
3052
|
-
], 12, wn)) :
|
|
3052
|
+
], 12, wn)) : q("", !0)
|
|
3053
3053
|
]),
|
|
3054
3054
|
_: 3
|
|
3055
3055
|
})
|
|
@@ -3076,32 +3076,32 @@ const $n = {
|
|
|
3076
3076
|
},
|
|
3077
3077
|
emits: ["click", "remove"],
|
|
3078
3078
|
setup(e, { emit: n }) {
|
|
3079
|
-
const t = e, a = n, o =
|
|
3079
|
+
const t = e, a = n, o = _(() => t.clickable || t.as === "button" || t.as === "a"), i = _(() => [
|
|
3080
3080
|
`ui-tag--${t.variant}`,
|
|
3081
3081
|
`ui-tag--${t.size}`,
|
|
3082
3082
|
{
|
|
3083
3083
|
"is-clickable": t.clickable,
|
|
3084
3084
|
"is-removable": t.removable
|
|
3085
3085
|
}
|
|
3086
|
-
]),
|
|
3086
|
+
]), s = _(() => t.clickable && t.as !== "button" && t.as !== "a"), l = (c) => {
|
|
3087
3087
|
t.disabled || !o.value || a("click", c);
|
|
3088
|
-
},
|
|
3088
|
+
}, r = () => a("remove");
|
|
3089
3089
|
return (c, u) => (p(), ae(Ne(e.as), {
|
|
3090
3090
|
ref: "rootRef",
|
|
3091
3091
|
class: fe(["ui-tag", i.value]),
|
|
3092
3092
|
"aria-disabled": e.disabled || void 0,
|
|
3093
|
-
tabindex: e.disabled ? -1 :
|
|
3094
|
-
role:
|
|
3093
|
+
tabindex: e.disabled ? -1 : s.value ? 0 : void 0,
|
|
3094
|
+
role: s.value ? "button" : void 0,
|
|
3095
3095
|
onClick: l,
|
|
3096
3096
|
onKeydown: [
|
|
3097
|
-
u[0] || (u[0] = ye(se((
|
|
3098
|
-
u[1] || (u[1] = ye(se((
|
|
3097
|
+
u[0] || (u[0] = ye(se((f) => !e.disabled && o.value && l(f), ["prevent"]), ["enter"])),
|
|
3098
|
+
u[1] || (u[1] = ye(se((f) => !e.disabled && o.value && l(f), ["prevent"]), ["space"]))
|
|
3099
3099
|
]
|
|
3100
3100
|
}, {
|
|
3101
3101
|
default: J(() => [
|
|
3102
3102
|
c.$slots.icon ? (p(), b("span", $n, [
|
|
3103
3103
|
G(c.$slots, "icon", {}, void 0, !0)
|
|
3104
|
-
])) :
|
|
3104
|
+
])) : q("", !0),
|
|
3105
3105
|
w("span", In, [
|
|
3106
3106
|
G(c.$slots, "default", {}, void 0, !0)
|
|
3107
3107
|
]),
|
|
@@ -3110,13 +3110,13 @@ const $n = {
|
|
|
3110
3110
|
class: "ui-tag__remove",
|
|
3111
3111
|
type: "button",
|
|
3112
3112
|
"aria-label": `Remove ${e.textContent}`,
|
|
3113
|
-
onClick: se(
|
|
3113
|
+
onClick: se(r, ["stop"])
|
|
3114
3114
|
}, [
|
|
3115
3115
|
K(Ce, {
|
|
3116
3116
|
name: "close",
|
|
3117
3117
|
size: 32
|
|
3118
3118
|
})
|
|
3119
|
-
], 8, Hn)) :
|
|
3119
|
+
], 8, Hn)) : q("", !0)
|
|
3120
3120
|
]),
|
|
3121
3121
|
_: 3
|
|
3122
3122
|
}, 40, ["class", "aria-disabled", "tabindex", "role"]));
|
|
@@ -3138,7 +3138,7 @@ const $n = {
|
|
|
3138
3138
|
}
|
|
3139
3139
|
a("click", i);
|
|
3140
3140
|
};
|
|
3141
|
-
return (i,
|
|
3141
|
+
return (i, s) => (p(), b("a", {
|
|
3142
3142
|
class: "link",
|
|
3143
3143
|
href: e.disabled ? void 0 : e.href,
|
|
3144
3144
|
"aria-disabled": e.disabled ? "true" : void 0,
|
|
@@ -3155,42 +3155,42 @@ const $n = {
|
|
|
3155
3155
|
__name: "Dropdown",
|
|
3156
3156
|
setup(e) {
|
|
3157
3157
|
let n = 0;
|
|
3158
|
-
const t = k(!1), a = k(null), o = k({}), i = `dropdown-${ge()}`,
|
|
3158
|
+
const t = k(!1), a = k(null), o = k({}), i = `dropdown-${ge()}`, s = `${i}-menu`, l = `${i}-trigger`, r = () => t.value = !0, c = () => {
|
|
3159
3159
|
t.value = !1, o.value = {}, n = 0, a.value?.focus({ preventScroll: !0 });
|
|
3160
|
-
}, u = () => t.value = !t.value,
|
|
3161
|
-
const
|
|
3162
|
-
return o.value[
|
|
3160
|
+
}, u = () => t.value = !t.value, f = (M) => {
|
|
3161
|
+
const B = `dropdown-item-${n++}`;
|
|
3162
|
+
return o.value[B] = M, B;
|
|
3163
3163
|
}, m = (M) => {
|
|
3164
|
-
const
|
|
3165
|
-
|
|
3164
|
+
const B = o.value[M];
|
|
3165
|
+
B && B.focus({ preventScroll: !0 });
|
|
3166
3166
|
}, C = () => {
|
|
3167
3167
|
const M = Object.keys(o.value)[0];
|
|
3168
3168
|
M && m(M);
|
|
3169
3169
|
}, h = () => {
|
|
3170
|
-
const M = Object.keys(o.value),
|
|
3171
|
-
|
|
3170
|
+
const M = Object.keys(o.value), B = M[M.length - 1];
|
|
3171
|
+
B && m(B);
|
|
3172
3172
|
}, L = (M) => {
|
|
3173
|
-
const
|
|
3174
|
-
z >= 0 && z <
|
|
3175
|
-
},
|
|
3176
|
-
const
|
|
3173
|
+
const B = Object.keys(o.value), z = E(M), U = B[z + 1];
|
|
3174
|
+
z >= 0 && z < B.length - 1 && U && m(U);
|
|
3175
|
+
}, R = (M) => {
|
|
3176
|
+
const B = Object.keys(o.value), z = E(M), U = B[z - 1];
|
|
3177
3177
|
z > 0 && U && m(U);
|
|
3178
|
-
},
|
|
3178
|
+
}, E = (M) => Object.keys(o.value).indexOf(M);
|
|
3179
3179
|
return He("DropdownContext", {
|
|
3180
|
-
open:
|
|
3180
|
+
open: r,
|
|
3181
3181
|
close: c,
|
|
3182
3182
|
toggle: u,
|
|
3183
3183
|
isOpen: t,
|
|
3184
|
-
registerItem:
|
|
3184
|
+
registerItem: f,
|
|
3185
3185
|
focusItem: m,
|
|
3186
3186
|
focusNextItem: L,
|
|
3187
|
-
focusPrevItem:
|
|
3187
|
+
focusPrevItem: R,
|
|
3188
3188
|
focusFirstItem: C,
|
|
3189
3189
|
focusLastItem: h,
|
|
3190
3190
|
triggerRef: a,
|
|
3191
|
-
menuId:
|
|
3191
|
+
menuId: s,
|
|
3192
3192
|
triggerId: l
|
|
3193
|
-
}), (M,
|
|
3193
|
+
}), (M, B) => (p(), b("div", En, [
|
|
3194
3194
|
G(M.$slots, "default", {}, void 0, !0)
|
|
3195
3195
|
]));
|
|
3196
3196
|
}
|
|
@@ -3206,7 +3206,7 @@ const $n = {
|
|
|
3206
3206
|
const a = k(), o = (i) => {
|
|
3207
3207
|
i.key === "ArrowDown" && (i.preventDefault(), t.open(), xe(() => t.focusFirstItem())), i.key === "ArrowUp" && (i.preventDefault(), t.open(), xe(() => t.focusLastItem()));
|
|
3208
3208
|
};
|
|
3209
|
-
return ve(() => t.triggerRef.value = a.value?.el), (i,
|
|
3209
|
+
return ve(() => t.triggerRef.value = a.value?.el), (i, s) => (p(), ae(Le, {
|
|
3210
3210
|
ref_key: "btn",
|
|
3211
3211
|
ref: a,
|
|
3212
3212
|
id: N(t).triggerId,
|
|
@@ -3222,7 +3222,7 @@ const $n = {
|
|
|
3222
3222
|
n.variant === "button" ? (p(), ae(Ce, {
|
|
3223
3223
|
key: 0,
|
|
3224
3224
|
name: "directionDown"
|
|
3225
|
-
})) :
|
|
3225
|
+
})) : q("", !0)
|
|
3226
3226
|
]),
|
|
3227
3227
|
_: 3
|
|
3228
3228
|
}, 8, ["id", "class", "aria-controls", "aria-expanded", "onClick"]));
|
|
@@ -3234,38 +3234,38 @@ const $n = {
|
|
|
3234
3234
|
if (!n) throw new Error("DropdownMenu must be used within a Dropdown");
|
|
3235
3235
|
const t = k(), a = k({});
|
|
3236
3236
|
let o = !1, i;
|
|
3237
|
-
const
|
|
3238
|
-
const m =
|
|
3237
|
+
const s = (f) => {
|
|
3238
|
+
const m = f.target;
|
|
3239
3239
|
t.value?.contains(m) || n.triggerRef.value?.contains(m) || n.close();
|
|
3240
|
-
}, l = (
|
|
3241
|
-
const
|
|
3242
|
-
if (!
|
|
3243
|
-
const C =
|
|
3244
|
-
let L,
|
|
3245
|
-
window.innerHeight - C.bottom >= h.height ? L = C.bottom : L = C.top - h.height, window.innerWidth - C.left <= h.width ?
|
|
3240
|
+
}, l = (f) => f.key === "Escape" && n.close(), r = () => {
|
|
3241
|
+
const f = n.triggerRef.value, m = t.value;
|
|
3242
|
+
if (!f || !m) return;
|
|
3243
|
+
const C = f.getBoundingClientRect(), h = m.getBoundingClientRect();
|
|
3244
|
+
let L, R;
|
|
3245
|
+
window.innerHeight - C.bottom >= h.height ? L = C.bottom : L = C.top - h.height, window.innerWidth - C.left <= h.width ? R = C.right - h.width : R = C.left, a.value = {
|
|
3246
3246
|
"--dropdown-menu-position": "fixed",
|
|
3247
3247
|
"--dropdown-menu-top": `${L}px`,
|
|
3248
|
-
"--dropdown-menu-left": `${
|
|
3248
|
+
"--dropdown-menu-left": `${R}px`
|
|
3249
3249
|
};
|
|
3250
|
-
}, c = () => new Promise((
|
|
3250
|
+
}, c = () => new Promise((f) => requestAnimationFrame(() => f()));
|
|
3251
3251
|
Q(
|
|
3252
3252
|
() => n.isOpen.value,
|
|
3253
|
-
async (
|
|
3254
|
-
|
|
3253
|
+
async (f) => {
|
|
3254
|
+
f ? (await c(), await c(), r(), n.focusFirstItem(), document.addEventListener("pointerdown", s, !0)) : document.removeEventListener("pointerdown", s, !0);
|
|
3255
3255
|
}
|
|
3256
3256
|
);
|
|
3257
3257
|
const u = () => {
|
|
3258
3258
|
n.isOpen.value && (o || (o = !0, requestAnimationFrame(() => {
|
|
3259
|
-
|
|
3259
|
+
r(), o = !1;
|
|
3260
3260
|
})));
|
|
3261
3261
|
};
|
|
3262
3262
|
return ve(() => {
|
|
3263
3263
|
i = new ResizeObserver(() => {
|
|
3264
|
-
|
|
3264
|
+
r();
|
|
3265
3265
|
}), t.value && i.observe(t.value), window.addEventListener("scroll", u, !0), window.addEventListener("resize", u);
|
|
3266
3266
|
}), Be(() => {
|
|
3267
3267
|
i?.disconnect(), window.removeEventListener("scroll", u, !0), window.removeEventListener("resize", u);
|
|
3268
|
-
}), (
|
|
3268
|
+
}), (f, m) => (p(), ae(Fe, { to: "body" }, [
|
|
3269
3269
|
N(n).isOpen.value ? (p(), b("div", {
|
|
3270
3270
|
key: 0,
|
|
3271
3271
|
role: "menu",
|
|
@@ -3278,11 +3278,11 @@ const $n = {
|
|
|
3278
3278
|
class: "ui-dropdown-menu",
|
|
3279
3279
|
onKeydown: l
|
|
3280
3280
|
}, [
|
|
3281
|
-
G(
|
|
3282
|
-
], 44, Zn)) :
|
|
3281
|
+
G(f.$slots, "default", {}, void 0, !0)
|
|
3282
|
+
], 44, Zn)) : q("", !0)
|
|
3283
3283
|
]));
|
|
3284
3284
|
}
|
|
3285
|
-
}), Nn = /* @__PURE__ */ Y(zn, [["__scopeId", "data-v-95ca8bce"]]), On = { class: "ui-button-menu" },
|
|
3285
|
+
}), Nn = /* @__PURE__ */ Y(zn, [["__scopeId", "data-v-95ca8bce"]]), On = { class: "ui-button-menu" }, qn = /* @__PURE__ */ Z({
|
|
3286
3286
|
__name: "ButtonMenu",
|
|
3287
3287
|
props: {
|
|
3288
3288
|
variant: {}
|
|
@@ -3318,7 +3318,7 @@ const $n = {
|
|
|
3318
3318
|
})
|
|
3319
3319
|
]));
|
|
3320
3320
|
}
|
|
3321
|
-
}), kt = /* @__PURE__ */ Y(
|
|
3321
|
+
}), kt = /* @__PURE__ */ Y(qn, [["__scopeId", "data-v-ac45d960"]]);
|
|
3322
3322
|
kt.install = (e) => {
|
|
3323
3323
|
e.component("ButtonMenu", kt);
|
|
3324
3324
|
};
|
|
@@ -3332,21 +3332,21 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3332
3332
|
continue;
|
|
3333
3333
|
}
|
|
3334
3334
|
for (; o < e.length; ) {
|
|
3335
|
-
const
|
|
3336
|
-
if (
|
|
3337
|
-
a +=
|
|
3335
|
+
const s = e[o++];
|
|
3336
|
+
if (s && Rt(s, i)) {
|
|
3337
|
+
a += s;
|
|
3338
3338
|
break;
|
|
3339
3339
|
}
|
|
3340
3340
|
}
|
|
3341
3341
|
if (o > e.length) break;
|
|
3342
3342
|
}
|
|
3343
3343
|
return a;
|
|
3344
|
-
},
|
|
3344
|
+
}, Fn = (e, n) => {
|
|
3345
3345
|
const a = je(n).filter((l) => l.type !== "literal");
|
|
3346
|
-
let o = "", i = 0,
|
|
3347
|
-
for (; i < e.length &&
|
|
3348
|
-
const l = e[i],
|
|
3349
|
-
|
|
3346
|
+
let o = "", i = 0, s = 0;
|
|
3347
|
+
for (; i < e.length && s < a.length; ) {
|
|
3348
|
+
const l = e[i], r = a[s];
|
|
3349
|
+
r && Rt(l, r) && (o += l, s++), i++;
|
|
3350
3350
|
}
|
|
3351
3351
|
return o;
|
|
3352
3352
|
}, Pn = (e, n) => e.slice(0, n).replace(/\D/g, "").length, Un = (e, n) => {
|
|
@@ -3361,10 +3361,10 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3361
3361
|
for (; n > 0 && n < a.length && a[n - 1]?.type === "literal"; )
|
|
3362
3362
|
n += t;
|
|
3363
3363
|
return n;
|
|
3364
|
-
}, dt = (e, n, t, a) =>
|
|
3364
|
+
}, dt = (e, n, t, a) => _(() => {
|
|
3365
3365
|
const o = [];
|
|
3366
3366
|
return e.invalid && e.errorMessage && o.push(t), n.hint && o.push(a), o.length > 0 ? o.join(" ") : void 0;
|
|
3367
|
-
}), Xe = (e) =>
|
|
3367
|
+
}), Xe = (e) => _(() => Object.keys(e).includes("required") && e.required !== "false" ? "true" : void 0), jn = (e) => _(() => e.disabled === !0 ? "true" : void 0), Wn = ["id"], vt = /* @__PURE__ */ Z({
|
|
3368
3368
|
__name: "Hint",
|
|
3369
3369
|
props: {
|
|
3370
3370
|
hintId: {}
|
|
@@ -3376,7 +3376,7 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3376
3376
|
class: "visually-hidden"
|
|
3377
3377
|
}, [
|
|
3378
3378
|
G(n.$slots, "default")
|
|
3379
|
-
], 8, Wn)) :
|
|
3379
|
+
], 8, Wn)) : q("", !0);
|
|
3380
3380
|
}
|
|
3381
3381
|
}), Yn = ["id"], ft = /* @__PURE__ */ Z({
|
|
3382
3382
|
__name: "RequiredHint",
|
|
@@ -3389,7 +3389,7 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3389
3389
|
key: 0,
|
|
3390
3390
|
id: `${e.baseId}-required-hint`,
|
|
3391
3391
|
class: "visually-hidden"
|
|
3392
|
-
}, " Required field ", 8, Yn)) :
|
|
3392
|
+
}, " Required field ", 8, Yn)) : q("", !0);
|
|
3393
3393
|
}
|
|
3394
3394
|
}), Xn = ["id"], pt = /* @__PURE__ */ Z({
|
|
3395
3395
|
__name: "ErrorMessage",
|
|
@@ -3404,7 +3404,7 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3404
3404
|
id: e.errorId,
|
|
3405
3405
|
class: "error-text",
|
|
3406
3406
|
role: "alert"
|
|
3407
|
-
}, j(e.errorMessage), 9, Xn)) :
|
|
3407
|
+
}, j(e.errorMessage), 9, Xn)) : q("", !0);
|
|
3408
3408
|
}
|
|
3409
3409
|
}), Gn = ["for"], Jn = ["id", "type", "value", "required", "aria-invalid", "aria-errormessage", "aria-describedby"], Qn = /* @__PURE__ */ Z({
|
|
3410
3410
|
__name: "Input",
|
|
@@ -3425,75 +3425,75 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3425
3425
|
}),
|
|
3426
3426
|
emits: /* @__PURE__ */ ie(["focus", "blur"], ["update:modelValue"]),
|
|
3427
3427
|
setup(e, { emit: n }) {
|
|
3428
|
-
const t = ke(e, "modelValue"), a = e, o = n, i = st(),
|
|
3429
|
-
const { type:
|
|
3430
|
-
return
|
|
3431
|
-
}),
|
|
3428
|
+
const t = ke(e, "modelValue"), a = e, o = n, i = st(), s = k(null), l = ge(), r = `${l}-error`, c = `${l}-hint`, u = Xe(i).value, f = k(!1), m = k(""), C = k(!1), h = _(() => t.value !== null && t.value !== void 0 && t.value !== ""), L = _(() => u ? `${c} ${l}-required-hint` : c), R = _(() => a.invalid === !0 && a.errorMessage ? r : void 0), E = _(() => a.type === "password" ? C.value ? "text" : "password" : a.type), M = _(() => {
|
|
3429
|
+
const { type: A, ...F } = i;
|
|
3430
|
+
return F;
|
|
3431
|
+
}), B = _(() => a.currency ? t.value === null || t.value === void 0 || t.value === "" ? "" : ue(m.value) : a.mask ? wt(String(t.value ?? ""), a.mask) : String(t.value ?? "")), z = _(() => a.mask ? je(a.mask).filter((A) => A.type !== "literal").length : 0), U = _(() => a.currency ? new Intl.NumberFormat(a.locale ?? "en-US", {
|
|
3432
3432
|
style: "currency",
|
|
3433
3433
|
currency: a.currency
|
|
3434
|
-
}) : null), oe =
|
|
3434
|
+
}) : null), oe = _(() => ({
|
|
3435
3435
|
input: !0,
|
|
3436
3436
|
"input-currency": !!a.currency
|
|
3437
|
-
})), ue = (
|
|
3438
|
-
if (!U.value) return
|
|
3439
|
-
const
|
|
3440
|
-
return U.value.format(
|
|
3441
|
-
}, re = () => C.value = !C.value, P = (
|
|
3437
|
+
})), ue = (A) => {
|
|
3438
|
+
if (!U.value) return A;
|
|
3439
|
+
const F = Number(A || "0") / 100;
|
|
3440
|
+
return U.value.format(F);
|
|
3441
|
+
}, re = () => C.value = !C.value, P = (A) => {
|
|
3442
3442
|
if (!a.mask && !a.currency) return;
|
|
3443
3443
|
if (a.currency) {
|
|
3444
|
-
const O =
|
|
3445
|
-
|
|
3446
|
-
rawCaret:
|
|
3447
|
-
inputType:
|
|
3444
|
+
const O = A.target, I = T(O.value);
|
|
3445
|
+
s.value = {
|
|
3446
|
+
rawCaret: I.length,
|
|
3447
|
+
inputType: A.inputType
|
|
3448
3448
|
};
|
|
3449
3449
|
return;
|
|
3450
3450
|
}
|
|
3451
|
-
const
|
|
3452
|
-
|
|
3453
|
-
rawCaret: Pn(
|
|
3454
|
-
inputType:
|
|
3451
|
+
const F = A.target, H = F.selectionStart ?? 0;
|
|
3452
|
+
s.value = {
|
|
3453
|
+
rawCaret: Pn(F.value, H),
|
|
3454
|
+
inputType: A.inputType
|
|
3455
3455
|
};
|
|
3456
|
-
},
|
|
3457
|
-
const
|
|
3456
|
+
}, S = (A) => {
|
|
3457
|
+
const F = A.target;
|
|
3458
3458
|
if (a.currency) {
|
|
3459
|
-
let
|
|
3460
|
-
|
|
3459
|
+
let I = T(F.value);
|
|
3460
|
+
s.value?.inputType === "deleteContentBackward" && (I = m.value.slice(0, -1)), m.value = I;
|
|
3461
3461
|
const D = ue(m.value);
|
|
3462
|
-
|
|
3462
|
+
F.value = D, t.value = Number(m.value || "0") / 100, s.value = null;
|
|
3463
3463
|
return;
|
|
3464
3464
|
}
|
|
3465
|
-
let H = a.mask ?
|
|
3465
|
+
let H = a.mask ? Fn(F.value, a.mask) : F.value;
|
|
3466
3466
|
a.mask && (H = H.slice(0, z.value));
|
|
3467
3467
|
const O = a.mask ? wt(H, a.mask) : H;
|
|
3468
|
-
if (
|
|
3469
|
-
let { rawCaret:
|
|
3470
|
-
D.startsWith("insert") &&
|
|
3471
|
-
let
|
|
3472
|
-
|
|
3468
|
+
if (F.value = O, t.value = a.type === "number" ? Number(H) : H, a.mask && s.value) {
|
|
3469
|
+
let { rawCaret: I, inputType: D } = s.value;
|
|
3470
|
+
D.startsWith("insert") && I++, D === "deleteContentBackward" && (I = Math.max(0, I - 1));
|
|
3471
|
+
let v = Un(O, I);
|
|
3472
|
+
v = Kn(a.mask, v, 1), F.setSelectionRange(v, v);
|
|
3473
3473
|
}
|
|
3474
|
-
|
|
3475
|
-
}, x = (
|
|
3476
|
-
if (!a.mask || a.currency ||
|
|
3477
|
-
const
|
|
3478
|
-
let H =
|
|
3474
|
+
s.value = null;
|
|
3475
|
+
}, x = (A) => {
|
|
3476
|
+
if (!a.mask || a.currency || A.key !== "Backspace") return;
|
|
3477
|
+
const F = A.target;
|
|
3478
|
+
let H = F.selectionStart ?? 0;
|
|
3479
3479
|
const O = je(a.mask);
|
|
3480
3480
|
for (; H > 0 && O[H - 1]?.type === "literal"; ) H--;
|
|
3481
|
-
requestAnimationFrame(() =>
|
|
3482
|
-
}, V = (
|
|
3483
|
-
|
|
3484
|
-
}, g = (
|
|
3485
|
-
|
|
3486
|
-
}, T = (
|
|
3481
|
+
requestAnimationFrame(() => F.setSelectionRange(H, H));
|
|
3482
|
+
}, V = (A) => {
|
|
3483
|
+
f.value = !0, o("focus", A);
|
|
3484
|
+
}, g = (A) => {
|
|
3485
|
+
f.value = !1, o("blur", A);
|
|
3486
|
+
}, T = (A) => A.replace(/\D/g, "");
|
|
3487
3487
|
return Q(
|
|
3488
3488
|
() => t.value,
|
|
3489
|
-
(
|
|
3489
|
+
(A) => {
|
|
3490
3490
|
if (!a.currency) return;
|
|
3491
|
-
const
|
|
3492
|
-
m.value = String(
|
|
3491
|
+
const F = Math.round(Number(A || 0) * 100);
|
|
3492
|
+
m.value = String(F);
|
|
3493
3493
|
},
|
|
3494
3494
|
{ immediate: !0 }
|
|
3495
|
-
), (
|
|
3496
|
-
class: fe(["input-box", { required: N(u), error: e.invalid, filled: h.value, focused:
|
|
3495
|
+
), (A, F) => (p(), b("div", {
|
|
3496
|
+
class: fe(["input-box", { required: N(u), error: e.invalid, filled: h.value, focused: f.value }])
|
|
3497
3497
|
}, [
|
|
3498
3498
|
w("label", {
|
|
3499
3499
|
for: e.id,
|
|
@@ -3501,23 +3501,23 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3501
3501
|
}, j(e.label), 9, Gn),
|
|
3502
3502
|
w("input", be({
|
|
3503
3503
|
id: e.id,
|
|
3504
|
-
type:
|
|
3504
|
+
type: E.value
|
|
3505
3505
|
}, M.value, {
|
|
3506
3506
|
class: oe.value,
|
|
3507
3507
|
onBeforeinput: P,
|
|
3508
|
-
onInput:
|
|
3508
|
+
onInput: S,
|
|
3509
3509
|
onFocus: V,
|
|
3510
3510
|
onBlur: g,
|
|
3511
3511
|
onKeydown: x,
|
|
3512
|
-
value:
|
|
3512
|
+
value: B.value,
|
|
3513
3513
|
required: N(u),
|
|
3514
3514
|
"aria-invalid": e.invalid ? "true" : void 0,
|
|
3515
|
-
"aria-errormessage":
|
|
3516
|
-
"aria-describedby": N(dt)(
|
|
3515
|
+
"aria-errormessage": R.value,
|
|
3516
|
+
"aria-describedby": N(dt)(A.$props, A.$slots, r, L.value).value
|
|
3517
3517
|
}), null, 16, Jn),
|
|
3518
3518
|
K(vt, { hintId: c }, {
|
|
3519
3519
|
default: J(() => [
|
|
3520
|
-
G(
|
|
3520
|
+
G(A.$slots, "hint", {}, void 0, !0)
|
|
3521
3521
|
]),
|
|
3522
3522
|
_: 3
|
|
3523
3523
|
}),
|
|
@@ -3526,11 +3526,11 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3526
3526
|
isRequired: N(u)
|
|
3527
3527
|
}, null, 8, ["baseId", "isRequired"]),
|
|
3528
3528
|
K(pt, {
|
|
3529
|
-
errorId:
|
|
3529
|
+
errorId: r,
|
|
3530
3530
|
invalid: e.invalid,
|
|
3531
3531
|
errorMessage: e.errorMessage
|
|
3532
3532
|
}, null, 8, ["invalid", "errorMessage"]),
|
|
3533
|
-
e.type === "password" ? (p(), ae(Le, be({ key: 0 }, Object.keys(
|
|
3533
|
+
e.type === "password" ? (p(), ae(Le, be({ key: 0 }, Object.keys(A.$attrs).includes("disabled") ? { disabled: !0 } : void 0, {
|
|
3534
3534
|
type: "button",
|
|
3535
3535
|
class: "btn-icon",
|
|
3536
3536
|
onClick: re,
|
|
@@ -3542,7 +3542,7 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3542
3542
|
}, null, 8, ["name"])
|
|
3543
3543
|
]),
|
|
3544
3544
|
_: 1
|
|
3545
|
-
}, 16, ["aria-label"])) :
|
|
3545
|
+
}, 16, ["aria-label"])) : q("", !0)
|
|
3546
3546
|
], 2));
|
|
3547
3547
|
}
|
|
3548
3548
|
}), ar = /* @__PURE__ */ Y(Qn, [["__scopeId", "data-v-aedae9eb"]]), eo = ["data-size", "data-shape", "aria-label", "aria-busy"], to = {
|
|
@@ -3562,11 +3562,11 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3562
3562
|
shape: { default: "circle" }
|
|
3563
3563
|
},
|
|
3564
3564
|
setup(e) {
|
|
3565
|
-
const n = e, t = k("loading"), a =
|
|
3565
|
+
const n = e, t = k("loading"), a = _(() => n.src && t.value !== "error"), o = _(() => n.name ? n.name.split(" ").map((r) => r[0]).slice(0, 2).join("").toUpperCase() : ""), i = _(() => n.alt ? n.alt : n.name ? n.name : "Avatar"), s = () => t.value = "loaded", l = () => t.value = "error";
|
|
3566
3566
|
return Q(
|
|
3567
3567
|
() => n.src,
|
|
3568
3568
|
() => n.src && (t.value = "loading")
|
|
3569
|
-
), ve(() => !n.src && (t.value = "error")), (
|
|
3569
|
+
), ve(() => !n.src && (t.value = "error")), (r, c) => (p(), b("div", {
|
|
3570
3570
|
class: "ui-avatar",
|
|
3571
3571
|
"data-size": e.size,
|
|
3572
3572
|
"data-shape": e.shape,
|
|
@@ -3578,10 +3578,10 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3578
3578
|
src: e.src,
|
|
3579
3579
|
alt: e.alt ?? "",
|
|
3580
3580
|
class: "ui-avatar__img",
|
|
3581
|
-
onLoad:
|
|
3581
|
+
onLoad: s,
|
|
3582
3582
|
onError: l
|
|
3583
3583
|
}, null, 8, ["src", "alt"])) : t.value === "loading" ? (p(), b("div", to)) : (p(), b("div", ao, [
|
|
3584
|
-
G(
|
|
3584
|
+
G(r.$slots, "default", {}, () => [
|
|
3585
3585
|
Me(j(o.value), 1)
|
|
3586
3586
|
], !0)
|
|
3587
3587
|
]))
|
|
@@ -3603,27 +3603,27 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3603
3603
|
setup(e, { emit: n }) {
|
|
3604
3604
|
const t = ke(e, "modelValue"), a = e, o = n, i = k(!1);
|
|
3605
3605
|
Q(i, (H) => {
|
|
3606
|
-
H ? document.addEventListener("mousedown",
|
|
3606
|
+
H ? document.addEventListener("mousedown", A) : document.removeEventListener("mousedown", A);
|
|
3607
3607
|
});
|
|
3608
|
-
const
|
|
3608
|
+
const s = st(), l = k(!1), r = k(null), c = _(() => a.id ?? ge()), u = `${c.value}-label`, f = `${c.value}-listbox`, m = `${c.value}-error`, C = `${c.value}-hint`, h = `${c.value}-value`, L = k(null), R = k(null), E = _(() => t.value !== null && t.value !== void 0 && t.value !== ""), M = _(() => L.value !== null ? `${f}-option-${L.value}` : void 0), B = Xe(s).value, z = _(() => B ? `${C} ${c.value}-required-hint` : C), U = _(() => i.value && M.value ? M.value : void 0), oe = _(() => R.value !== null ? a.options[R.value]?.value : "");
|
|
3609
3609
|
Q(
|
|
3610
3610
|
() => t.value,
|
|
3611
|
-
() =>
|
|
3611
|
+
() => F()
|
|
3612
3612
|
), Q(
|
|
3613
3613
|
() => a.options,
|
|
3614
|
-
() =>
|
|
3614
|
+
() => F(),
|
|
3615
3615
|
{ deep: !0 }
|
|
3616
3616
|
);
|
|
3617
3617
|
const ue = (H) => {
|
|
3618
3618
|
l.value = !0, o("focus", H);
|
|
3619
3619
|
}, re = (H) => {
|
|
3620
|
-
const O = H.relatedTarget,
|
|
3621
|
-
|
|
3620
|
+
const O = H.relatedTarget, I = r.value;
|
|
3621
|
+
!I || I?.contains(O) || (l.value = !1, i.value = !1, o("blur", H));
|
|
3622
3622
|
}, P = (H) => {
|
|
3623
3623
|
i.value = !i.value, i.value && t.value.toString().length > 0 && (L.value = L.value ?? a.options.findIndex((O) => !O.disabled)), !(!a.options || a.options.length === 0) && o("click", H);
|
|
3624
|
-
},
|
|
3625
|
-
const
|
|
3626
|
-
|
|
3624
|
+
}, S = (H, O) => {
|
|
3625
|
+
const I = r.value;
|
|
3626
|
+
!I || H.disabled || (R.value = O, L.value = O, H && H.key && H.key.toString().length > 0 ? I.classList.add("filled") : I.classList.remove("filled"), t.value = H.key, o("change", H.key));
|
|
3627
3627
|
}, x = (H) => {
|
|
3628
3628
|
if (!i.value && ["ArrowDown", "ArrowUp"].includes(H.key)) {
|
|
3629
3629
|
i.value = !0, L.value = L.value ?? a.options.findIndex((O) => !O.disabled), H.preventDefault();
|
|
@@ -3642,7 +3642,7 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3642
3642
|
if (L.value === null) return;
|
|
3643
3643
|
const O = a.options[L.value];
|
|
3644
3644
|
if (!O || O.disabled) return;
|
|
3645
|
-
|
|
3645
|
+
S(O, L.value), i.value = !1, H.preventDefault();
|
|
3646
3646
|
}
|
|
3647
3647
|
H.key === "Escape" && (i.value = !1);
|
|
3648
3648
|
}
|
|
@@ -3653,30 +3653,30 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3653
3653
|
O += H;
|
|
3654
3654
|
while (O >= 0 && O < a.options.length && a.options[O]?.disabled);
|
|
3655
3655
|
O >= 0 && O < a.options.length && (L.value = O);
|
|
3656
|
-
}, g = () => a.options.findIndex((H) => !H.disabled), T = () => [...a.options].reverse().findIndex((H) => !H.disabled) >= 0 ? a.options.length - 1 - [...a.options].reverse().findIndex((H) => !H.disabled) : -1,
|
|
3657
|
-
const O =
|
|
3656
|
+
}, g = () => a.options.findIndex((H) => !H.disabled), T = () => [...a.options].reverse().findIndex((H) => !H.disabled) >= 0 ? a.options.length - 1 - [...a.options].reverse().findIndex((H) => !H.disabled) : -1, A = (H) => {
|
|
3657
|
+
const O = r.value;
|
|
3658
3658
|
!O || O.contains(H.target) || (i.value = !1);
|
|
3659
3659
|
};
|
|
3660
3660
|
Se(() => {
|
|
3661
|
-
document.removeEventListener("mousedown",
|
|
3661
|
+
document.removeEventListener("mousedown", A);
|
|
3662
3662
|
});
|
|
3663
|
-
const
|
|
3663
|
+
const F = () => {
|
|
3664
3664
|
const H = a.options.findIndex((O) => !O.disabled && O.key === t.value);
|
|
3665
3665
|
if (H > -1) {
|
|
3666
|
-
|
|
3667
|
-
const O =
|
|
3666
|
+
R.value = H, L.value = H;
|
|
3667
|
+
const O = r.value;
|
|
3668
3668
|
O && O.classList.add("filled");
|
|
3669
3669
|
}
|
|
3670
3670
|
};
|
|
3671
3671
|
return ve(() => {
|
|
3672
3672
|
if (t.value.toString().length > 0) {
|
|
3673
3673
|
if (!a.options || a.options.length === 0) return;
|
|
3674
|
-
|
|
3674
|
+
F();
|
|
3675
3675
|
}
|
|
3676
3676
|
}), (H, O) => (p(), b("div", {
|
|
3677
3677
|
ref_key: "selectRef",
|
|
3678
|
-
ref:
|
|
3679
|
-
class: fe(["select-box", { required: Object.keys(H.$attrs).includes("required"), error: e.invalid, filled:
|
|
3678
|
+
ref: r,
|
|
3679
|
+
class: fe(["select-box", { required: Object.keys(H.$attrs).includes("required"), error: e.invalid, filled: E.value, focused: l.value }])
|
|
3680
3680
|
}, [
|
|
3681
3681
|
w("button", be({
|
|
3682
3682
|
id: c.value,
|
|
@@ -3686,13 +3686,13 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3686
3686
|
}, H.$attrs, {
|
|
3687
3687
|
"aria-haspopup": "listbox",
|
|
3688
3688
|
"aria-expanded": i.value,
|
|
3689
|
-
"aria-controls":
|
|
3689
|
+
"aria-controls": f,
|
|
3690
3690
|
"aria-invalid": e.invalid ? "true" : void 0,
|
|
3691
3691
|
"aria-labelledby": `${u} ${h}`,
|
|
3692
|
-
"aria-required": N(
|
|
3692
|
+
"aria-required": N(B),
|
|
3693
3693
|
"aria-describedby": N(dt)(H.$props, H.$slots, m, z.value).value,
|
|
3694
3694
|
"aria-activedescendant": U.value,
|
|
3695
|
-
"aria-disabled": N(
|
|
3695
|
+
"aria-disabled": N(s).disabled ? "true" : void 0,
|
|
3696
3696
|
onBlur: re,
|
|
3697
3697
|
onFocus: ue,
|
|
3698
3698
|
onClick: P,
|
|
@@ -3718,22 +3718,22 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3718
3718
|
K(Ae, { name: "select" }, {
|
|
3719
3719
|
default: J(() => [
|
|
3720
3720
|
_e(w("ul", {
|
|
3721
|
-
id:
|
|
3721
|
+
id: f,
|
|
3722
3722
|
role: "listbox",
|
|
3723
3723
|
class: "options"
|
|
3724
3724
|
}, [
|
|
3725
|
-
(p(!0), b(de, null, he(e.options, (
|
|
3726
|
-
id: `${
|
|
3725
|
+
(p(!0), b(de, null, he(e.options, (I, D) => (p(), b("li", {
|
|
3726
|
+
id: `${f}-option-${D}`,
|
|
3727
3727
|
key: D,
|
|
3728
3728
|
role: "option",
|
|
3729
3729
|
class: fe(["option", { "focus-visible": L.value === D }]),
|
|
3730
|
-
"aria-disabled":
|
|
3731
|
-
"aria-selected":
|
|
3732
|
-
onClick: (
|
|
3730
|
+
"aria-disabled": I.disabled,
|
|
3731
|
+
"aria-selected": R.value === D,
|
|
3732
|
+
onClick: (v) => !I.disabled && S(I, D)
|
|
3733
3733
|
}, [
|
|
3734
3734
|
w("div", {
|
|
3735
3735
|
class: "option-value",
|
|
3736
|
-
innerHTML:
|
|
3736
|
+
innerHTML: I.value
|
|
3737
3737
|
}, null, 8, so)
|
|
3738
3738
|
], 10, ro))), 128))
|
|
3739
3739
|
], 512), [
|
|
@@ -3750,7 +3750,7 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3750
3750
|
}),
|
|
3751
3751
|
K(ft, {
|
|
3752
3752
|
baseId: c.value,
|
|
3753
|
-
isRequired: N(
|
|
3753
|
+
isRequired: N(B)
|
|
3754
3754
|
}, null, 8, ["baseId", "isRequired"]),
|
|
3755
3755
|
K(pt, {
|
|
3756
3756
|
errorId: m,
|
|
@@ -3783,10 +3783,10 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3783
3783
|
}),
|
|
3784
3784
|
emits: /* @__PURE__ */ ie(["change"], ["update:modelValue"]),
|
|
3785
3785
|
setup(e, { emit: n }) {
|
|
3786
|
-
const t = ke(e, "modelValue"), a = e, o = n, i = k([]),
|
|
3787
|
-
M && (i.value[
|
|
3786
|
+
const t = ke(e, "modelValue"), a = e, o = n, i = k([]), s = k("next"), l = k(null), r = `gallery-caption-${ge()}`, c = k(null), u = _(() => t.value), f = _(() => a.images[u.value]), m = (M, B) => {
|
|
3787
|
+
M && (i.value[B] = M);
|
|
3788
3788
|
}, C = (M) => {
|
|
3789
|
-
M !== u.value && (
|
|
3789
|
+
M !== u.value && (s.value = M > u.value ? "next" : "prev", t.value = M, o("change", M));
|
|
3790
3790
|
}, h = () => {
|
|
3791
3791
|
if (u.value === a.images.length - 1) {
|
|
3792
3792
|
a.loop && C(0);
|
|
@@ -3799,28 +3799,28 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3799
3799
|
return;
|
|
3800
3800
|
}
|
|
3801
3801
|
C(u.value - 1);
|
|
3802
|
-
},
|
|
3802
|
+
}, R = () => {
|
|
3803
3803
|
c.value && (l.value = c.value.offsetHeight);
|
|
3804
|
-
},
|
|
3804
|
+
}, E = () => {
|
|
3805
3805
|
l.value = null;
|
|
3806
3806
|
};
|
|
3807
3807
|
return Q(u, async (M) => {
|
|
3808
3808
|
await xe();
|
|
3809
|
-
const
|
|
3810
|
-
|
|
3809
|
+
const B = i.value[M];
|
|
3810
|
+
B && B.scrollIntoView({
|
|
3811
3811
|
behavior: window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "auto" : "smooth",
|
|
3812
3812
|
inline: "center",
|
|
3813
3813
|
block: "nearest"
|
|
3814
3814
|
});
|
|
3815
3815
|
}), Q(() => a.images, () => {
|
|
3816
3816
|
i.value = [];
|
|
3817
|
-
}), (M,
|
|
3817
|
+
}), (M, B) => (p(), b("div", {
|
|
3818
3818
|
role: "region",
|
|
3819
3819
|
class: "rs-gallery",
|
|
3820
3820
|
"aria-roledescription": "carousel",
|
|
3821
3821
|
"aria-label": e.ariaLabel || "Image gallery",
|
|
3822
3822
|
"aria-live": "polite",
|
|
3823
|
-
"aria-describedby":
|
|
3823
|
+
"aria-describedby": r
|
|
3824
3824
|
}, [
|
|
3825
3825
|
w("div", {
|
|
3826
3826
|
ref_key: "previewRef",
|
|
@@ -3834,31 +3834,31 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3834
3834
|
]
|
|
3835
3835
|
}, [
|
|
3836
3836
|
K(Ae, {
|
|
3837
|
-
name: `rs-gallery-slide-${
|
|
3837
|
+
name: `rs-gallery-slide-${s.value}`,
|
|
3838
3838
|
mode: "out-in",
|
|
3839
|
-
onBeforeLeave:
|
|
3840
|
-
onAfterEnter:
|
|
3839
|
+
onBeforeLeave: R,
|
|
3840
|
+
onAfterEnter: E
|
|
3841
3841
|
}, {
|
|
3842
3842
|
default: J(() => [
|
|
3843
|
-
|
|
3844
|
-
key:
|
|
3845
|
-
src:
|
|
3846
|
-
alt:
|
|
3843
|
+
f.value ? (p(), ae(ze, {
|
|
3844
|
+
key: f.value.src,
|
|
3845
|
+
src: f.value.src,
|
|
3846
|
+
alt: f.value.alt || "",
|
|
3847
3847
|
transform: e.transform
|
|
3848
|
-
}, null, 8, ["src", "alt", "transform"])) :
|
|
3848
|
+
}, null, 8, ["src", "alt", "transform"])) : q("", !0)
|
|
3849
3849
|
]),
|
|
3850
3850
|
_: 1
|
|
3851
3851
|
}, 8, ["name"]),
|
|
3852
3852
|
G(M.$slots, "overlay", {
|
|
3853
|
-
image:
|
|
3853
|
+
image: f.value,
|
|
3854
3854
|
index: u.value
|
|
3855
3855
|
}, void 0, !0)
|
|
3856
3856
|
], 44, co),
|
|
3857
|
-
|
|
3857
|
+
f.value?.title ? (p(), b("p", {
|
|
3858
3858
|
key: 0,
|
|
3859
|
-
id:
|
|
3859
|
+
id: r,
|
|
3860
3860
|
class: "rs-gallery-caption"
|
|
3861
|
-
}, j(
|
|
3861
|
+
}, j(f.value.title), 1)) : q("", !0),
|
|
3862
3862
|
e.showThumbnails ? (p(), b("ul", vo, [
|
|
3863
3863
|
(p(!0), b(de, null, he(e.images, (z, U) => (p(), b("li", {
|
|
3864
3864
|
key: z.src,
|
|
@@ -3878,7 +3878,7 @@ const je = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3878
3878
|
}, null, 8, ["src", "alt", "transform"])
|
|
3879
3879
|
], 10, po)
|
|
3880
3880
|
], 8, fo))), 128))
|
|
3881
|
-
])) :
|
|
3881
|
+
])) : q("", !0)
|
|
3882
3882
|
], 8, uo));
|
|
3883
3883
|
}
|
|
3884
3884
|
}), St = /* @__PURE__ */ Y(mo, [["__scopeId", "data-v-dcfacff6"]]), Co = ["aria-label"], ho = ["onClick"], go = /* @__PURE__ */ Z({
|
|
@@ -3934,97 +3934,97 @@ const lt = Z({
|
|
|
3934
3934
|
},
|
|
3935
3935
|
emits: ["update:open", "opened", "closed"],
|
|
3936
3936
|
setup(e, { emit: n, slots: t }) {
|
|
3937
|
-
const a = k(!1), o = k(e.open), i = ge(),
|
|
3938
|
-
Q(() => e.open, (
|
|
3939
|
-
n("update:open",
|
|
3937
|
+
const a = k(!1), o = k(e.open), i = ge(), s = `modal-title-${i}`, l = `modal-desc-${i}`;
|
|
3938
|
+
Q(() => e.open, (f) => o.value = f), Q(o, (f) => {
|
|
3939
|
+
n("update:open", f), n(f ? "opened" : "closed");
|
|
3940
3940
|
});
|
|
3941
|
-
const
|
|
3941
|
+
const r = () => o.value = !1, c = _(() => e.motion), u = _(() => e.size);
|
|
3942
3942
|
return He(Ge, {
|
|
3943
3943
|
isOpen: o,
|
|
3944
3944
|
motion: c,
|
|
3945
3945
|
size: u,
|
|
3946
|
-
close:
|
|
3946
|
+
close: r,
|
|
3947
3947
|
closeOnOverlay: e.closeOnOverlay,
|
|
3948
|
-
labelId:
|
|
3948
|
+
labelId: s,
|
|
3949
3949
|
descriptionId: l,
|
|
3950
3950
|
hasTitle: a
|
|
3951
3951
|
}), () => t.default?.();
|
|
3952
3952
|
}
|
|
3953
3953
|
}), Dt = Z({
|
|
3954
3954
|
name: "ModalContent",
|
|
3955
|
-
setup(e, { slots: n }) {
|
|
3956
|
-
const
|
|
3957
|
-
if (!
|
|
3958
|
-
const
|
|
3959
|
-
let
|
|
3960
|
-
const
|
|
3961
|
-
|
|
3955
|
+
setup(e, { slots: n, attrs: t }) {
|
|
3956
|
+
const a = me(Ge);
|
|
3957
|
+
if (!a) throw new Error("ModalContent components must be used inside <Modal>");
|
|
3958
|
+
const o = k(null);
|
|
3959
|
+
let i = 0;
|
|
3960
|
+
const s = (m) => {
|
|
3961
|
+
m.key === "Escape" && i === nt && a.close();
|
|
3962
3962
|
};
|
|
3963
|
-
let
|
|
3964
|
-
const
|
|
3965
|
-
const
|
|
3966
|
-
|
|
3963
|
+
let l = !1, r = null;
|
|
3964
|
+
const c = (m) => {
|
|
3965
|
+
const C = Array.from(
|
|
3966
|
+
m.querySelectorAll(
|
|
3967
3967
|
'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
|
|
3968
3968
|
)
|
|
3969
|
-
).filter((
|
|
3970
|
-
if (
|
|
3971
|
-
|
|
3969
|
+
).filter((E) => !E.hasAttribute("disabled"));
|
|
3970
|
+
if (C.length === 0) {
|
|
3971
|
+
m.setAttribute("tabindex", "-1"), m.focus();
|
|
3972
3972
|
return;
|
|
3973
3973
|
}
|
|
3974
|
-
const
|
|
3975
|
-
|
|
3974
|
+
const h = C[0], L = C[C.length - 1], R = (E) => {
|
|
3975
|
+
E.key === "Tab" && (E.shiftKey && document.activeElement === h ? (E.preventDefault(), L?.focus()) : !E.shiftKey && document.activeElement === L && (E.preventDefault(), h?.focus()));
|
|
3976
3976
|
};
|
|
3977
|
-
|
|
3978
|
-
|
|
3977
|
+
m.addEventListener("keydown", R), h?.focus(), r = () => {
|
|
3978
|
+
m.removeEventListener("keydown", R), r = null;
|
|
3979
3979
|
};
|
|
3980
|
-
}, c = () => {
|
|
3981
|
-
++Ue === 1 && (document.body.style.overflow = "hidden");
|
|
3982
3980
|
}, u = () => {
|
|
3981
|
+
++Ue === 1 && (document.body.style.overflow = "hidden");
|
|
3982
|
+
}, f = () => {
|
|
3983
3983
|
--Ue === 0 && (document.body.style.overflow = "");
|
|
3984
3984
|
};
|
|
3985
3985
|
return Be(() => {
|
|
3986
|
-
|
|
3986
|
+
r?.(), document.removeEventListener("keydown", s), Ue > 0 && Ue--, Ue === 0 && (document.body.style.overflow = "");
|
|
3987
3987
|
}), () => W(
|
|
3988
|
-
|
|
3988
|
+
Fe,
|
|
3989
3989
|
{ to: "body" },
|
|
3990
3990
|
W(
|
|
3991
3991
|
Ae,
|
|
3992
3992
|
{
|
|
3993
|
-
name: `modal-${
|
|
3993
|
+
name: `modal-${a.motion.value}`,
|
|
3994
3994
|
appear: !0,
|
|
3995
3995
|
onEnter: () => {
|
|
3996
|
-
|
|
3996
|
+
i = ++nt, Ke = document.activeElement, u();
|
|
3997
3997
|
},
|
|
3998
3998
|
onAfterEnter: () => {
|
|
3999
|
-
|
|
3999
|
+
o.value && (c(o.value), document.addEventListener("keydown", s));
|
|
4000
4000
|
},
|
|
4001
4001
|
onAfterLeave: () => {
|
|
4002
|
-
nt--, document.removeEventListener("keydown",
|
|
4002
|
+
nt--, document.removeEventListener("keydown", s), r?.(), f(), Ke && document.contains(Ke) && Ke.focus(), Ke = null;
|
|
4003
4003
|
}
|
|
4004
4004
|
},
|
|
4005
4005
|
{
|
|
4006
|
-
default: () =>
|
|
4006
|
+
default: () => a.isOpen.value ? W(
|
|
4007
4007
|
"div",
|
|
4008
4008
|
{
|
|
4009
4009
|
class: "modal-overlay",
|
|
4010
|
-
onMousedown: (
|
|
4011
|
-
|
|
4010
|
+
onMousedown: (m) => {
|
|
4011
|
+
l = m.target === m.currentTarget;
|
|
4012
4012
|
},
|
|
4013
|
-
onMouseup: (
|
|
4014
|
-
const
|
|
4015
|
-
|
|
4013
|
+
onMouseup: (m) => {
|
|
4014
|
+
const C = m.target === m.currentTarget;
|
|
4015
|
+
a.closeOnOverlay && l && C && a.close(), l = !1;
|
|
4016
4016
|
}
|
|
4017
4017
|
},
|
|
4018
4018
|
W(
|
|
4019
4019
|
"div",
|
|
4020
4020
|
{
|
|
4021
|
-
ref:
|
|
4021
|
+
ref: o,
|
|
4022
4022
|
role: "dialog",
|
|
4023
4023
|
"aria-modal": "true",
|
|
4024
|
-
"aria-labelledby":
|
|
4025
|
-
"aria-describedby":
|
|
4026
|
-
class: ["modal-content", `modal--${
|
|
4027
|
-
onClick: (
|
|
4024
|
+
"aria-labelledby": a.labelId,
|
|
4025
|
+
"aria-describedby": a.descriptionId,
|
|
4026
|
+
class: ["modal-content", `modal--${a.size.value}`, t.class],
|
|
4027
|
+
onClick: (m) => m.stopPropagation()
|
|
4028
4028
|
},
|
|
4029
4029
|
n.default?.()
|
|
4030
4030
|
)
|
|
@@ -4095,7 +4095,7 @@ const yo = /* @__PURE__ */ Z({
|
|
|
4095
4095
|
const n = k(0), t = k(!1), a = (i) => {
|
|
4096
4096
|
n.value = i, t.value = !0;
|
|
4097
4097
|
}, o = () => t.value = !1;
|
|
4098
|
-
return (i,
|
|
4098
|
+
return (i, s) => (p(), b(de, null, [
|
|
4099
4099
|
K(Tt, {
|
|
4100
4100
|
images: e.images,
|
|
4101
4101
|
onChange: a,
|
|
@@ -4104,7 +4104,7 @@ const yo = /* @__PURE__ */ Z({
|
|
|
4104
4104
|
}, null, 8, ["images", "aria-label", "transform"]),
|
|
4105
4105
|
K(N(lt), {
|
|
4106
4106
|
open: t.value,
|
|
4107
|
-
"onUpdate:open":
|
|
4107
|
+
"onUpdate:open": s[2] || (s[2] = (l) => t.value = l),
|
|
4108
4108
|
motion: "fade",
|
|
4109
4109
|
size: "xl"
|
|
4110
4110
|
}, {
|
|
@@ -4114,7 +4114,7 @@ const yo = /* @__PURE__ */ Z({
|
|
|
4114
4114
|
K(N(zt), null, {
|
|
4115
4115
|
default: J(() => [
|
|
4116
4116
|
K(N(Zt), null, {
|
|
4117
|
-
default: J(() => [...
|
|
4117
|
+
default: J(() => [...s[3] || (s[3] = [
|
|
4118
4118
|
Me("Image Gallery", -1)
|
|
4119
4119
|
])]),
|
|
4120
4120
|
_: 1
|
|
@@ -4127,9 +4127,9 @@ const yo = /* @__PURE__ */ Z({
|
|
|
4127
4127
|
default: J(() => [
|
|
4128
4128
|
K(St, {
|
|
4129
4129
|
modelValue: n.value,
|
|
4130
|
-
"onUpdate:modelValue":
|
|
4130
|
+
"onUpdate:modelValue": s[0] || (s[0] = (l) => n.value = l),
|
|
4131
4131
|
images: e.images,
|
|
4132
|
-
onChange:
|
|
4132
|
+
onChange: s[1] || (s[1] = (l) => i.$emit("change", l)),
|
|
4133
4133
|
onClose: o,
|
|
4134
4134
|
"aria-label": e.ariaLabel,
|
|
4135
4135
|
"transform-thumbnails": e.transform
|
|
@@ -4197,17 +4197,17 @@ const yo = /* @__PURE__ */ Z({
|
|
|
4197
4197
|
}),
|
|
4198
4198
|
emits: /* @__PURE__ */ ie(["change"], ["update:modelValue"]),
|
|
4199
4199
|
setup(e, { emit: n }) {
|
|
4200
|
-
const t = ke(e, "modelValue"), a = n, o =
|
|
4200
|
+
const t = ke(e, "modelValue"), a = n, o = _({
|
|
4201
4201
|
get: () => t.value ?? 0,
|
|
4202
|
-
set: (
|
|
4203
|
-
t.value =
|
|
4202
|
+
set: (s) => {
|
|
4203
|
+
t.value = s, a("change", s);
|
|
4204
4204
|
}
|
|
4205
|
-
}), i = (
|
|
4206
|
-
return (
|
|
4205
|
+
}), i = (s) => o.value = s;
|
|
4206
|
+
return (s, l) => (p(), b("section", Mo, [
|
|
4207
4207
|
e.layout === "carousel" ? (p(), ae(St, {
|
|
4208
4208
|
key: 0,
|
|
4209
4209
|
modelValue: o.value,
|
|
4210
|
-
"onUpdate:modelValue": l[0] || (l[0] = (
|
|
4210
|
+
"onUpdate:modelValue": l[0] || (l[0] = (r) => o.value = r),
|
|
4211
4211
|
images: e.images,
|
|
4212
4212
|
loop: e.loop,
|
|
4213
4213
|
"aria-label": e.ariaLabel,
|
|
@@ -4217,7 +4217,7 @@ const yo = /* @__PURE__ */ Z({
|
|
|
4217
4217
|
}, null, 8, ["modelValue", "images", "loop", "aria-label", "transform", "transform-thumbnails", "show-thumbnails"])) : e.layout === "grid" ? (p(), ae(Tt, {
|
|
4218
4218
|
key: 1,
|
|
4219
4219
|
modelValue: o.value,
|
|
4220
|
-
"onUpdate:modelValue": l[1] || (l[1] = (
|
|
4220
|
+
"onUpdate:modelValue": l[1] || (l[1] = (r) => o.value = r),
|
|
4221
4221
|
images: e.images,
|
|
4222
4222
|
onSelect: i,
|
|
4223
4223
|
columns: e.columns,
|
|
@@ -4227,18 +4227,18 @@ const yo = /* @__PURE__ */ Z({
|
|
|
4227
4227
|
}, null, 8, ["modelValue", "images", "columns", "gap", "transform", "aria-label"])) : e.layout === "grid-lightbox" ? (p(), ae(yo, {
|
|
4228
4228
|
key: 2,
|
|
4229
4229
|
modelValue: o.value,
|
|
4230
|
-
"onUpdate:modelValue": l[2] || (l[2] = (
|
|
4230
|
+
"onUpdate:modelValue": l[2] || (l[2] = (r) => o.value = r),
|
|
4231
4231
|
images: e.images,
|
|
4232
4232
|
transform: e.transform,
|
|
4233
4233
|
"aria-label": e.ariaLabel
|
|
4234
4234
|
}, null, 8, ["modelValue", "images", "transform", "aria-label"])) : e.layout === "masonry" ? (p(), ae(wo, {
|
|
4235
4235
|
key: 3,
|
|
4236
4236
|
modelValue: o.value,
|
|
4237
|
-
"onUpdate:modelValue": l[3] || (l[3] = (
|
|
4237
|
+
"onUpdate:modelValue": l[3] || (l[3] = (r) => o.value = r),
|
|
4238
4238
|
images: e.images,
|
|
4239
4239
|
transform: e.transform,
|
|
4240
4240
|
"aria-label": e.ariaLabel
|
|
4241
|
-
}, null, 8, ["modelValue", "images", "transform", "aria-label"])) :
|
|
4241
|
+
}, null, 8, ["modelValue", "images", "transform", "aria-label"])) : q("", !0)
|
|
4242
4242
|
]));
|
|
4243
4243
|
}
|
|
4244
4244
|
}), Mt = /* @__PURE__ */ Y(Lo, [["__scopeId", "data-v-d6be1b96"]]);
|
|
@@ -4260,29 +4260,29 @@ const xo = ["aria-busy"], $o = {
|
|
|
4260
4260
|
!n.message || a.value !== null || o.value.length > 0 && (a.value = window.setInterval(() => {
|
|
4261
4261
|
t.value = t.value % 3 + 1, o.value = `${n.message}${".".repeat(t.value)}`;
|
|
4262
4262
|
}, 750));
|
|
4263
|
-
},
|
|
4263
|
+
}, s = () => {
|
|
4264
4264
|
a.value !== null && (clearInterval(a.value), a.value = null);
|
|
4265
4265
|
};
|
|
4266
4266
|
return Q(
|
|
4267
4267
|
() => n.message,
|
|
4268
|
-
(l,
|
|
4269
|
-
l !==
|
|
4268
|
+
(l, r) => {
|
|
4269
|
+
l !== r && (o.value = l || "", s());
|
|
4270
4270
|
}
|
|
4271
|
-
), ve(i), Be(
|
|
4271
|
+
), ve(i), Be(s), (l, r) => (p(), b("div", {
|
|
4272
4272
|
class: "spinner-container",
|
|
4273
4273
|
role: "status",
|
|
4274
4274
|
"aria-live": "polite",
|
|
4275
4275
|
"aria-busy": !!e.message
|
|
4276
4276
|
}, [
|
|
4277
|
-
|
|
4277
|
+
r[0] || (r[0] = w("div", {
|
|
4278
4278
|
class: "spinner",
|
|
4279
4279
|
"aria-hidden": "true"
|
|
4280
4280
|
}, null, -1)),
|
|
4281
|
-
e.message ? (p(), b("span", $o, j(o.value), 1)) :
|
|
4281
|
+
e.message ? (p(), b("span", $o, j(o.value), 1)) : q("", !0),
|
|
4282
4282
|
w("span", Io, j(e.message || "Loading"), 1)
|
|
4283
4283
|
], 8, xo));
|
|
4284
4284
|
}
|
|
4285
|
-
}),
|
|
4285
|
+
}), qt = /* @__PURE__ */ Y(Ho, [["__scopeId", "data-v-e61a1cf5"]]), Vo = ["id", "required", "checked", "disabled", "aria-invalid", "aria-disabled", "aria-checked"], Bo = {
|
|
4286
4286
|
class: "checkbox-control",
|
|
4287
4287
|
"aria-hidden": "true"
|
|
4288
4288
|
}, _o = {
|
|
@@ -4306,7 +4306,7 @@ const xo = ["aria-busy"], $o = {
|
|
|
4306
4306
|
}),
|
|
4307
4307
|
emits: /* @__PURE__ */ ie(["change"], ["update:modelValue"]),
|
|
4308
4308
|
setup(e, { emit: n }) {
|
|
4309
|
-
const t = n, a = ke(e, "modelValue"), o = e, i = ge(),
|
|
4309
|
+
const t = n, a = ke(e, "modelValue"), o = e, i = ge(), s = _(() => o.id ?? `checkbox-${i}`), l = k(null), r = jn(o).value, c = _(() => o.required ? !0 : void 0), u = _(() => o.triState && a.value === void 0 ? "mixed" : void 0);
|
|
4310
4310
|
Q(
|
|
4311
4311
|
() => a.value,
|
|
4312
4312
|
(m) => {
|
|
@@ -4314,7 +4314,7 @@ const xo = ["aria-busy"], $o = {
|
|
|
4314
4314
|
},
|
|
4315
4315
|
{ immediate: !0 }
|
|
4316
4316
|
);
|
|
4317
|
-
const
|
|
4317
|
+
const f = (m) => {
|
|
4318
4318
|
if (!o.disabled) {
|
|
4319
4319
|
if (!o.triState) {
|
|
4320
4320
|
const C = m.target.checked;
|
|
@@ -4328,17 +4328,17 @@ const xo = ["aria-busy"], $o = {
|
|
|
4328
4328
|
class: fe(["checkbox-root", { required: c.value, error: e.invalid }])
|
|
4329
4329
|
}, [
|
|
4330
4330
|
w("input", {
|
|
4331
|
-
id:
|
|
4331
|
+
id: s.value,
|
|
4332
4332
|
type: "checkbox",
|
|
4333
4333
|
class: "checkbox",
|
|
4334
4334
|
required: c.value,
|
|
4335
4335
|
checked: a.value === !0,
|
|
4336
4336
|
disabled: e.disabled,
|
|
4337
4337
|
"aria-invalid": e.invalid ? "true" : void 0,
|
|
4338
|
-
"aria-disabled": N(
|
|
4338
|
+
"aria-disabled": N(r),
|
|
4339
4339
|
"aria-checked": u.value,
|
|
4340
|
-
onClick: C[0] || (C[0] = (h) => e.triState ?
|
|
4341
|
-
onChange: C[1] || (C[1] = (h) => e.triState ? void 0 :
|
|
4340
|
+
onClick: C[0] || (C[0] = (h) => e.triState ? f(h) : void 0),
|
|
4341
|
+
onChange: C[1] || (C[1] = (h) => e.triState ? void 0 : f(h)),
|
|
4342
4342
|
ref_key: "inputRef",
|
|
4343
4343
|
ref: l
|
|
4344
4344
|
}, null, 40, Vo),
|
|
@@ -4353,7 +4353,7 @@ const xo = ["aria-busy"], $o = {
|
|
|
4353
4353
|
d: "M8.01186 7.00933L12.27 2.75116C12.341 2.68501 12.398 2.60524 12.4375 2.51661C12.4769 2.42798 12.4982 2.3323 12.4999 2.23529C12.5016 2.13827 12.4838 2.0419 12.4474 1.95194C12.4111 1.86197 12.357 1.78024 12.2884 1.71163C12.2198 1.64302 12.138 1.58893 12.0481 1.55259C11.9581 1.51625 11.8617 1.4984 11.7647 1.50011C11.6677 1.50182 11.572 1.52306 11.4834 1.56255C11.3948 1.60204 11.315 1.65898 11.2488 1.72997L6.99067 5.98814L2.7325 1.72997C2.59553 1.60234 2.41437 1.53286 2.22718 1.53616C2.03999 1.53946 1.8614 1.61529 1.72901 1.74767C1.59663 1.88006 1.5208 2.05865 1.5175 2.24584C1.5142 2.43303 1.58368 2.61419 1.71131 2.75116L5.96948 7.00933L1.71131 11.2675C1.576 11.403 1.5 11.5866 1.5 11.7781C1.5 11.9696 1.576 12.1532 1.71131 12.2887C1.84679 12.424 2.03043 12.5 2.2219 12.5C2.41338 12.5 2.59702 12.424 2.7325 12.2887L6.99067 8.03052L11.2488 12.2887C11.3843 12.424 11.568 12.5 11.7594 12.5C11.9509 12.5 12.1346 12.424 12.27 12.2887C12.4053 12.1532 12.4813 11.9696 12.4813 11.7781C12.4813 11.5866 12.4053 11.403 12.27 11.2675L8.01186 7.00933Z",
|
|
4354
4354
|
fill: "currentColor"
|
|
4355
4355
|
}, null, -1)
|
|
4356
|
-
])])) :
|
|
4356
|
+
])])) : q("", !0)
|
|
4357
4357
|
]),
|
|
4358
4358
|
w("span", Eo, [
|
|
4359
4359
|
G(m.$slots, "default", {}, void 0, !0)
|
|
@@ -4376,41 +4376,41 @@ const xo = ["aria-busy"], $o = {
|
|
|
4376
4376
|
}),
|
|
4377
4377
|
emits: /* @__PURE__ */ ie(["focus", "blur"], ["update:modelValue"]),
|
|
4378
4378
|
setup(e, { emit: n }) {
|
|
4379
|
-
const t = ke(e, "modelValue"), a = st(), o = it(), i = n,
|
|
4380
|
-
const z =
|
|
4381
|
-
t.value =
|
|
4382
|
-
},
|
|
4383
|
-
|
|
4384
|
-
},
|
|
4385
|
-
|
|
4386
|
-
}, M =
|
|
4387
|
-
return (
|
|
4388
|
-
class: fe(["textarea-box", { required: N(
|
|
4379
|
+
const t = ke(e, "modelValue"), a = st(), o = it(), i = n, s = e, l = ge(), r = k(!1), c = `${l}-error`, u = `${l}-hint`, f = Xe(a).value, m = _(() => t.value !== null && t.value !== void 0 && t.value !== ""), C = _(() => f ? `${u} ${l}-required-hint` : u), h = dt(s, o, c, C.value).value, L = (B) => {
|
|
4380
|
+
const z = B.target;
|
|
4381
|
+
t.value = s.type === "number" ? Number(z.value) : z.value;
|
|
4382
|
+
}, R = (B) => {
|
|
4383
|
+
r.value = !0, i("focus", B);
|
|
4384
|
+
}, E = (B) => {
|
|
4385
|
+
r.value = !1, i("blur", B);
|
|
4386
|
+
}, M = _(() => s.invalid === !0 && s.errorMessage ? c : void 0);
|
|
4387
|
+
return (B, z) => (p(), b("div", {
|
|
4388
|
+
class: fe(["textarea-box", { required: N(f), error: e.invalid, filled: m.value, focused: r.value }])
|
|
4389
4389
|
}, [
|
|
4390
4390
|
w("label", {
|
|
4391
4391
|
for: e.id,
|
|
4392
4392
|
class: "label"
|
|
4393
4393
|
}, j(e.label), 9, So),
|
|
4394
|
-
w("textarea", be({ id: e.id },
|
|
4394
|
+
w("textarea", be({ id: e.id }, B.$attrs, {
|
|
4395
4395
|
class: "custom-textarea",
|
|
4396
|
-
onFocus: z[0] || (z[0] = (U) =>
|
|
4397
|
-
onBlur: z[1] || (z[1] = (U) =>
|
|
4396
|
+
onFocus: z[0] || (z[0] = (U) => R(U)),
|
|
4397
|
+
onBlur: z[1] || (z[1] = (U) => E(U)),
|
|
4398
4398
|
onInput: L,
|
|
4399
4399
|
value: t.value,
|
|
4400
|
-
required: N(
|
|
4400
|
+
required: N(f),
|
|
4401
4401
|
"aria-invalid": e.invalid ? "true" : void 0,
|
|
4402
4402
|
"aria-errormessage": M.value,
|
|
4403
4403
|
"aria-describedby": N(h)
|
|
4404
4404
|
}), " ", 16, To),
|
|
4405
4405
|
K(vt, { hintId: u }, {
|
|
4406
4406
|
default: J(() => [
|
|
4407
|
-
G(
|
|
4407
|
+
G(B.$slots, "hint", {}, void 0, !0)
|
|
4408
4408
|
]),
|
|
4409
4409
|
_: 3
|
|
4410
4410
|
}),
|
|
4411
4411
|
K(ft, {
|
|
4412
4412
|
baseId: N(l),
|
|
4413
|
-
isRequired: N(
|
|
4413
|
+
isRequired: N(f)
|
|
4414
4414
|
}, null, 8, ["baseId", "isRequired"]),
|
|
4415
4415
|
K(pt, {
|
|
4416
4416
|
errorId: c,
|
|
@@ -4428,15 +4428,15 @@ const xo = ["aria-busy"], $o = {
|
|
|
4428
4428
|
setup(e) {
|
|
4429
4429
|
const n = (t, a) => {
|
|
4430
4430
|
if (!a) return [{ text: t, match: !1 }];
|
|
4431
|
-
const o = a.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), i = new RegExp(o, "ig"),
|
|
4431
|
+
const o = a.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), i = new RegExp(o, "ig"), s = [];
|
|
4432
4432
|
let l = 0;
|
|
4433
|
-
return t.replace(i, (
|
|
4433
|
+
return t.replace(i, (r, c) => (c > l && s.push({ text: t.slice(l, c), match: !1 }), s.push({ text: r, match: !0 }), l = c + r.length, r)), l < t.length && s.push({ text: t.slice(l), match: !1 }), s;
|
|
4434
4434
|
};
|
|
4435
4435
|
return (t, a) => (p(!0), b(de, null, he(n(e.text, e.query), (o, i) => (p(), b(de, { key: i }, [
|
|
4436
4436
|
o.match ? (p(), b("mark", Zo, j(o.text), 1)) : (p(), b("span", zo, j(o.text), 1))
|
|
4437
4437
|
], 64))), 128));
|
|
4438
4438
|
}
|
|
4439
|
-
}), Oo = /* @__PURE__ */ Y(No, [["__scopeId", "data-v-edfa70b3"]]),
|
|
4439
|
+
}), Oo = /* @__PURE__ */ Y(No, [["__scopeId", "data-v-edfa70b3"]]), qo = [
|
|
4440
4440
|
{
|
|
4441
4441
|
key: "length",
|
|
4442
4442
|
label: "At least 8 characters",
|
|
@@ -4462,19 +4462,19 @@ const xo = ["aria-busy"], $o = {
|
|
|
4462
4462
|
label: "The passwords must match.",
|
|
4463
4463
|
validator: (e, n) => e === n && e.length > 0
|
|
4464
4464
|
}
|
|
4465
|
-
],
|
|
4465
|
+
], Fo = { class: "password-validation" }, Po = { class: "password-rules" }, Uo = ["data-rule"], Ko = { class: "strength-meter" }, jo = { class: "strength-top" }, Wo = /* @__PURE__ */ Z({
|
|
4466
4466
|
__name: "PasswordValidator",
|
|
4467
4467
|
props: {
|
|
4468
4468
|
id: {},
|
|
4469
4469
|
password: {},
|
|
4470
4470
|
passwordConfirmation: {},
|
|
4471
|
-
rules: { default: () =>
|
|
4471
|
+
rules: { default: () => qo },
|
|
4472
4472
|
labels: { default: () => ["Very weak", "Weak", "Average", "Good", "Excellent"] },
|
|
4473
4473
|
strengthFillColor: { default: "linear-gradient(90deg, #f43f5e, #f59e0b, #22c55e, #2563eb)" }
|
|
4474
4474
|
},
|
|
4475
4475
|
emits: ["valid"],
|
|
4476
4476
|
setup(e, { emit: n }) {
|
|
4477
|
-
const t = e, a = n, o = k([]), i = k(null),
|
|
4477
|
+
const t = e, a = n, o = k([]), i = k(null), s = k(null), l = (C, h) => C && (o.value[h] = C);
|
|
4478
4478
|
Q(
|
|
4479
4479
|
() => t.password,
|
|
4480
4480
|
() => {
|
|
@@ -4486,19 +4486,19 @@ const xo = ["aria-busy"], $o = {
|
|
|
4486
4486
|
a("valid", c());
|
|
4487
4487
|
}
|
|
4488
4488
|
);
|
|
4489
|
-
const
|
|
4489
|
+
const r = {
|
|
4490
4490
|
"--strength-fill-color": t.strengthFillColor
|
|
4491
4491
|
}, c = () => {
|
|
4492
|
-
const C = u(), h = Object.values(
|
|
4492
|
+
const C = u(), h = Object.values(f()).every(Boolean);
|
|
4493
4493
|
return C && h;
|
|
4494
4494
|
}, u = () => {
|
|
4495
|
-
const C =
|
|
4496
|
-
return i.value && (i.value.style.width = `${
|
|
4497
|
-
},
|
|
4495
|
+
const C = f(), h = Object.values(C).filter(Boolean).length, L = t.password.length >= 12 ? 1 : 0, R = Math.min(100, (h + L) * 20), E = Math.min(t.labels.length - 1, Math.floor(R / 25));
|
|
4496
|
+
return i.value && (i.value.style.width = `${R}%`), s.value && (s.value.textContent = t.labels[E] ?? "Very weak"), h === t.rules.length;
|
|
4497
|
+
}, f = () => {
|
|
4498
4498
|
const C = m();
|
|
4499
4499
|
return o.value.forEach((h) => {
|
|
4500
|
-
const L = h.dataset.rule,
|
|
4501
|
-
h.classList.toggle("passed",
|
|
4500
|
+
const L = h.dataset.rule, R = !!C[L];
|
|
4501
|
+
h.classList.toggle("passed", R);
|
|
4502
4502
|
}), C;
|
|
4503
4503
|
}, m = () => {
|
|
4504
4504
|
const C = {};
|
|
@@ -4509,14 +4509,14 @@ const xo = ["aria-busy"], $o = {
|
|
|
4509
4509
|
);
|
|
4510
4510
|
}), C;
|
|
4511
4511
|
};
|
|
4512
|
-
return (C, h) => (p(), b("section",
|
|
4512
|
+
return (C, h) => (p(), b("section", Fo, [
|
|
4513
4513
|
w("ul", Po, [
|
|
4514
|
-
(p(!0), b(de, null, he(t.rules, (L,
|
|
4514
|
+
(p(!0), b(de, null, he(t.rules, (L, R) => (p(), b("li", {
|
|
4515
4515
|
key: L.key,
|
|
4516
4516
|
class: "password-rule",
|
|
4517
4517
|
"data-rule": L.key,
|
|
4518
4518
|
ref_for: !0,
|
|
4519
|
-
ref: (
|
|
4519
|
+
ref: (E) => l(E, R)
|
|
4520
4520
|
}, [
|
|
4521
4521
|
h[0] || (h[0] = w("span", { class: "rule-icon" }, "•", -1)),
|
|
4522
4522
|
Me(" " + j(L.label), 1)
|
|
@@ -4527,12 +4527,12 @@ const xo = ["aria-busy"], $o = {
|
|
|
4527
4527
|
h[1] || (h[1] = w("span", null, "Força da senha", -1)),
|
|
4528
4528
|
w("span", {
|
|
4529
4529
|
ref_key: "strengthLabelRef",
|
|
4530
|
-
ref:
|
|
4530
|
+
ref: s
|
|
4531
4531
|
}, "Muito fraca", 512)
|
|
4532
4532
|
]),
|
|
4533
4533
|
w("div", {
|
|
4534
4534
|
class: "strength-bar",
|
|
4535
|
-
style:
|
|
4535
|
+
style: r
|
|
4536
4536
|
}, [
|
|
4537
4537
|
w("div", {
|
|
4538
4538
|
class: "strength-fill",
|
|
@@ -4561,19 +4561,19 @@ const Yo = {
|
|
|
4561
4561
|
separator: { default: "/" }
|
|
4562
4562
|
},
|
|
4563
4563
|
setup(e) {
|
|
4564
|
-
const n = e, t = me(Xt), a = (l) => l === n.items.length - 1, o = (l,
|
|
4564
|
+
const n = e, t = me(Xt), a = (l) => l === n.items.length - 1, o = (l, r) => i(l, r), i = (l, r) => a(r) || l.disabled ? "span" : l.to && t ? Ut("RouterLink") : l.href ? "a" : "span", s = (l, r) => a(r) || l.disabled ? { "data-disabled": l.disabled || void 0 } : l.to ? { to: l.to } : l.href ? {
|
|
4565
4565
|
href: l.href,
|
|
4566
4566
|
target: l.external ? "_blank" : void 0,
|
|
4567
4567
|
rel: l.external ? "noopener noreferrer" : void 0,
|
|
4568
4568
|
"aria-label": l.external ? `${l.label} (opens in a new tab)` : void 0
|
|
4569
4569
|
} : {};
|
|
4570
|
-
return (l,
|
|
4570
|
+
return (l, r) => (p(), b("nav", Yo, [
|
|
4571
4571
|
w("ol", Xo, [
|
|
4572
4572
|
(p(!0), b(de, null, he(e.items, (c, u) => (p(), b("li", {
|
|
4573
4573
|
key: c.to ?? c.href ?? `${c.label}-${u}`,
|
|
4574
4574
|
class: "ui-breadcrumb__item"
|
|
4575
4575
|
}, [
|
|
4576
|
-
(p(), ae(Ne(o(c, u)), be({ class: "ui-breadcrumb__link" }, { ref_for: !0 },
|
|
4576
|
+
(p(), ae(Ne(o(c, u)), be({ class: "ui-breadcrumb__link" }, { ref_for: !0 }, s(c, u), {
|
|
4577
4577
|
"aria-posinset": u + 1,
|
|
4578
4578
|
"aria-setsize": e.items.length,
|
|
4579
4579
|
"aria-current": a(u) ? "page" : void 0,
|
|
@@ -4584,7 +4584,7 @@ const Yo = {
|
|
|
4584
4584
|
]),
|
|
4585
4585
|
_: 2
|
|
4586
4586
|
}, 1040, ["aria-posinset", "aria-setsize", "aria-current", "tabindex"])),
|
|
4587
|
-
a(u) ?
|
|
4587
|
+
a(u) ? q("", !0) : (p(), b("span", Go, [
|
|
4588
4588
|
G(l.$slots, "separator", {}, () => [
|
|
4589
4589
|
Me(j(e.separator), 1)
|
|
4590
4590
|
], !0)
|
|
@@ -4615,37 +4615,37 @@ const Yo = {
|
|
|
4615
4615
|
}),
|
|
4616
4616
|
emits: ["update:modelValue"],
|
|
4617
4617
|
setup(e) {
|
|
4618
|
-
const n = e, t = ke(e, "modelValue"), a =
|
|
4619
|
-
return (
|
|
4618
|
+
const n = e, t = ke(e, "modelValue"), a = _(() => n.invalid ? "true" : void 0), o = _(() => n.required && !n.disabled ? "true" : void 0), i = _(() => n.disabled ? !0 : void 0);
|
|
4619
|
+
return (s, l) => (p(), b("fieldset", {
|
|
4620
4620
|
class: fe(["radio-group", { "in-column": e.inColumn, btn: e.mode === "button" }]),
|
|
4621
4621
|
"aria-invalid": a.value,
|
|
4622
4622
|
"aria-required": o.value,
|
|
4623
4623
|
disabled: i.value
|
|
4624
4624
|
}, [
|
|
4625
4625
|
w("legend", e2, j(e.name), 1),
|
|
4626
|
-
(p(!0), b(de, null, he(e.options, (
|
|
4627
|
-
key:
|
|
4628
|
-
class: fe(["radio", { checked: t.value ===
|
|
4626
|
+
(p(!0), b(de, null, he(e.options, (r) => (p(), b("label", {
|
|
4627
|
+
key: r.key,
|
|
4628
|
+
class: fe(["radio", { checked: t.value === r.key, disabled: e.disabled || r.disabled }])
|
|
4629
4629
|
}, [
|
|
4630
4630
|
_e(w("input", {
|
|
4631
4631
|
type: "radio",
|
|
4632
4632
|
class: "radio-input",
|
|
4633
4633
|
name: e.name,
|
|
4634
|
-
value:
|
|
4635
|
-
disabled: e.disabled ||
|
|
4634
|
+
value: r.key,
|
|
4635
|
+
disabled: e.disabled || r.disabled,
|
|
4636
4636
|
required: e.required,
|
|
4637
4637
|
"onUpdate:modelValue": l[0] || (l[0] = (c) => t.value = c)
|
|
4638
4638
|
}, null, 8, t2), [
|
|
4639
4639
|
[Kt, t.value]
|
|
4640
4640
|
]),
|
|
4641
|
-
e.mode === "standard" ? (p(), b("span", a2)) :
|
|
4641
|
+
e.mode === "standard" ? (p(), b("span", a2)) : q("", !0),
|
|
4642
4642
|
w("span", n2, [
|
|
4643
|
-
|
|
4643
|
+
r.icon ? (p(), ae(Ce, {
|
|
4644
4644
|
key: 0,
|
|
4645
|
-
name:
|
|
4645
|
+
name: r.icon,
|
|
4646
4646
|
size: 22
|
|
4647
|
-
}, null, 8, ["name"])) :
|
|
4648
|
-
Me(" " + j(
|
|
4647
|
+
}, null, 8, ["name"])) : q("", !0),
|
|
4648
|
+
Me(" " + j(r.label), 1)
|
|
4649
4649
|
])
|
|
4650
4650
|
], 2))), 128))
|
|
4651
4651
|
], 10, Qo));
|
|
@@ -4692,32 +4692,32 @@ const Yo = {
|
|
|
4692
4692
|
}),
|
|
4693
4693
|
emits: /* @__PURE__ */ ie(["change", "select", "focus", "blur"], ["update:modelValue"]),
|
|
4694
4694
|
setup(e, { emit: n }) {
|
|
4695
|
-
const t = e, a = n, o = ke(e, "modelValue"), i = k(null),
|
|
4695
|
+
const t = e, a = n, o = ke(e, "modelValue"), i = k(null), s = k(""), l = k(!1), r = k([]), c = k(null), u = k(null), f = _(() => t.id ? `${t.id}-search-history` : "search-history"), C = `${ge()}-list`, h = k(!1), L = _(() => o.value !== null && o.value !== void 0 && o.value !== ""), R = _(() => c.value !== null ? `${C}-option-${c.value}` : void 0), E = _(() => l.value && R.value ? R.value : void 0), M = _(() => r.value.length > 0), B = _(() => {
|
|
4696
4696
|
if (!t.filterable) return t.options;
|
|
4697
|
-
const
|
|
4698
|
-
return t.options.filter((D) => t.getValue(D).toLowerCase().includes(
|
|
4697
|
+
const I = s.value.toLowerCase();
|
|
4698
|
+
return t.options.filter((D) => t.getValue(D).toLowerCase().includes(I));
|
|
4699
4699
|
}), z = Xe(t).value;
|
|
4700
4700
|
Q(
|
|
4701
|
-
() =>
|
|
4702
|
-
(
|
|
4703
|
-
if (
|
|
4701
|
+
() => f.value,
|
|
4702
|
+
(I) => {
|
|
4703
|
+
if (I)
|
|
4704
4704
|
try {
|
|
4705
|
-
|
|
4705
|
+
r.value = JSON.parse(localStorage.getItem(I) || "[]");
|
|
4706
4706
|
} catch {
|
|
4707
|
-
|
|
4707
|
+
r.value = [];
|
|
4708
4708
|
}
|
|
4709
4709
|
},
|
|
4710
4710
|
{ immediate: !0 }
|
|
4711
|
-
), Q(l, async (
|
|
4712
|
-
if (
|
|
4711
|
+
), Q(l, async (I) => {
|
|
4712
|
+
if (!I) {
|
|
4713
4713
|
c.value = null;
|
|
4714
4714
|
return;
|
|
4715
4715
|
}
|
|
4716
|
-
|
|
4716
|
+
B.value.length !== 0 && (await xe(), A());
|
|
4717
4717
|
}), Q(
|
|
4718
4718
|
() => t.loading,
|
|
4719
|
-
async (
|
|
4720
|
-
|
|
4719
|
+
async (I) => {
|
|
4720
|
+
I || l.value && B.value.length !== 0 && (await xe(), A());
|
|
4721
4721
|
}
|
|
4722
4722
|
), Q(
|
|
4723
4723
|
() => t.options,
|
|
@@ -4725,82 +4725,82 @@ const Yo = {
|
|
|
4725
4725
|
o.value || (u.value = null, c.value = null);
|
|
4726
4726
|
}
|
|
4727
4727
|
);
|
|
4728
|
-
const U = (
|
|
4729
|
-
|
|
4730
|
-
}, oe = (
|
|
4731
|
-
const D =
|
|
4732
|
-
i.value?.contains(D) || (l.value = !1, o.value ? x() :
|
|
4733
|
-
}, ue = (
|
|
4734
|
-
const
|
|
4735
|
-
if (!
|
|
4736
|
-
l.value = !1, g(
|
|
4737
|
-
const d = t.getKey(
|
|
4738
|
-
d && d.toString().length > 0 ?
|
|
4739
|
-
}, re = (
|
|
4740
|
-
if (!l.value && ["ArrowDown", "ArrowUp"].includes(
|
|
4741
|
-
l.value = !0, c.value = c.value ??
|
|
4728
|
+
const U = (I) => {
|
|
4729
|
+
s.value.length >= t.minChars && !t.filterable && !t.loading && (l.value = !0), h.value = !0, a("focus", I);
|
|
4730
|
+
}, oe = (I) => {
|
|
4731
|
+
const D = I.relatedTarget;
|
|
4732
|
+
i.value?.contains(D) || (l.value = !1, o.value ? x() : s.value = "", h.value = !1, a("blur", I));
|
|
4733
|
+
}, ue = (I, D) => {
|
|
4734
|
+
const v = i.value;
|
|
4735
|
+
if (!v || t.isDisabled(I)) return;
|
|
4736
|
+
l.value = !1, g(s.value), u.value = D, c.value = D;
|
|
4737
|
+
const d = t.getKey(I);
|
|
4738
|
+
d && d.toString().length > 0 ? v.classList.add("filled") : v.classList.remove("filled"), s.value = t.getValue(I), o.value = d, a("select", d);
|
|
4739
|
+
}, re = (I) => {
|
|
4740
|
+
if (!l.value && ["ArrowDown", "ArrowUp"].includes(I.key)) {
|
|
4741
|
+
l.value = !0, c.value = c.value ?? B.value.findIndex((D) => !t.isDisabled(D)), I.preventDefault();
|
|
4742
4742
|
return;
|
|
4743
4743
|
}
|
|
4744
4744
|
if (l.value) {
|
|
4745
|
-
if (
|
|
4746
|
-
const D =
|
|
4747
|
-
D >= 0 && (c.value = D),
|
|
4745
|
+
if (I.key === "ArrowDown" && (P(1), I.preventDefault()), I.key === "ArrowUp" && (P(-1), I.preventDefault()), I.key === "Home") {
|
|
4746
|
+
const D = F();
|
|
4747
|
+
D >= 0 && (c.value = D), I.preventDefault();
|
|
4748
4748
|
}
|
|
4749
|
-
if (
|
|
4749
|
+
if (I.key === "End") {
|
|
4750
4750
|
const D = H();
|
|
4751
|
-
D >= 0 && (c.value = D),
|
|
4751
|
+
D >= 0 && (c.value = D), I.preventDefault();
|
|
4752
4752
|
}
|
|
4753
|
-
if (
|
|
4753
|
+
if (I.key === "Enter") {
|
|
4754
4754
|
if (c.value === null) return;
|
|
4755
|
-
const D =
|
|
4755
|
+
const D = B.value[c.value];
|
|
4756
4756
|
if (!D || t.isDisabled(D)) return;
|
|
4757
|
-
ue(D, c.value), l.value = !1,
|
|
4757
|
+
ue(D, c.value), l.value = !1, I.preventDefault();
|
|
4758
4758
|
}
|
|
4759
|
-
|
|
4759
|
+
I.key === "Escape" && (l.value = !1);
|
|
4760
4760
|
}
|
|
4761
|
-
}, P = (
|
|
4761
|
+
}, P = (I) => {
|
|
4762
4762
|
if (c.value === null) return;
|
|
4763
4763
|
let D = c.value;
|
|
4764
4764
|
do
|
|
4765
|
-
D +=
|
|
4766
|
-
while (D >= 0 && D <
|
|
4767
|
-
D >= 0 && D <
|
|
4768
|
-
},
|
|
4769
|
-
|
|
4765
|
+
D += I;
|
|
4766
|
+
while (D >= 0 && D < B.value.length && t.isDisabled(B.value[D]));
|
|
4767
|
+
D >= 0 && D < B.value.length && (c.value = D);
|
|
4768
|
+
}, S = () => {
|
|
4769
|
+
s.value.length === 0 && (o.value = ""), s.value.length >= t.minChars ? (a("change", s.value), l.value = !0) : l.value = !1;
|
|
4770
4770
|
}, x = () => {
|
|
4771
|
-
if (
|
|
4772
|
-
const
|
|
4773
|
-
|
|
4771
|
+
if (o.value.toString().length === 0) return;
|
|
4772
|
+
const I = t.options.findIndex((D) => t.getKey(D) === o.value);
|
|
4773
|
+
I > -1 ? (c.value = I, u.value = I, s.value = t.getValue(t.options[I])) : s.value = o.value.toString();
|
|
4774
4774
|
};
|
|
4775
4775
|
Q(
|
|
4776
4776
|
[() => t.options.length, () => o.value],
|
|
4777
|
-
async ([
|
|
4777
|
+
async ([I, D]) => {
|
|
4778
4778
|
D && (await xe(), await O());
|
|
4779
4779
|
},
|
|
4780
4780
|
{ flush: "post", immediate: !0 }
|
|
4781
4781
|
);
|
|
4782
4782
|
const V = () => {
|
|
4783
|
-
|
|
4784
|
-
}, g = (
|
|
4785
|
-
|
|
4786
|
-
|
|
4787
|
-
...
|
|
4788
|
-
].slice(0, t.suggestionsLimit), localStorage.setItem(
|
|
4789
|
-
}, T = (
|
|
4790
|
-
|
|
4791
|
-
},
|
|
4792
|
-
const
|
|
4793
|
-
|
|
4794
|
-
},
|
|
4795
|
-
for (let
|
|
4783
|
+
s.value = "", o.value = "";
|
|
4784
|
+
}, g = (I) => {
|
|
4785
|
+
!I || I.trim().length === 0 || (r.value = [
|
|
4786
|
+
I,
|
|
4787
|
+
...r.value.filter((D) => D !== I)
|
|
4788
|
+
].slice(0, t.suggestionsLimit), localStorage.setItem(f.value, JSON.stringify(r.value)));
|
|
4789
|
+
}, T = (I) => {
|
|
4790
|
+
s.value = I, S();
|
|
4791
|
+
}, A = () => {
|
|
4792
|
+
const I = F();
|
|
4793
|
+
I >= 0 && (c.value = I);
|
|
4794
|
+
}, F = () => B.value.findIndex((I) => !t.isDisabled(I)), H = () => {
|
|
4795
|
+
for (let I = B.value.length - 1; I >= 0; I--) if (!t.isDisabled(B.value[I])) return I;
|
|
4796
4796
|
return -1;
|
|
4797
4797
|
}, O = async () => {
|
|
4798
4798
|
await xe(), requestAnimationFrame(() => {
|
|
4799
4799
|
x();
|
|
4800
4800
|
});
|
|
4801
4801
|
};
|
|
4802
|
-
return ve(O), (
|
|
4803
|
-
class: fe(["autocomplete", { required: N(z), error: e.invalid, "has-icon": Object.keys(
|
|
4802
|
+
return ve(O), (I, D) => (p(), b("div", {
|
|
4803
|
+
class: fe(["autocomplete", { required: N(z), error: e.invalid, "has-icon": Object.keys(I.$slots).includes("icon"), filled: L.value, focused: h.value }]),
|
|
4804
4804
|
ref_key: "autocompleteRef",
|
|
4805
4805
|
ref: i
|
|
4806
4806
|
}, [
|
|
@@ -4811,23 +4811,23 @@ const Yo = {
|
|
|
4811
4811
|
_e(w("input", be({
|
|
4812
4812
|
id: e.id,
|
|
4813
4813
|
type: e.type
|
|
4814
|
-
},
|
|
4814
|
+
}, I.$attrs, {
|
|
4815
4815
|
role: "combobox",
|
|
4816
4816
|
"aria-autocomplete": "list",
|
|
4817
4817
|
"aria-expanded": l.value,
|
|
4818
4818
|
"aria-controls": C,
|
|
4819
|
-
"aria-activedescendant":
|
|
4819
|
+
"aria-activedescendant": E.value,
|
|
4820
4820
|
"aria-required": N(z),
|
|
4821
4821
|
"aria-invalid": e.invalid ? "true" : void 0,
|
|
4822
4822
|
disabled: e.disabled ? !0 : void 0,
|
|
4823
4823
|
"aria-disabled": e.disabled ? !0 : void 0,
|
|
4824
|
-
"onUpdate:modelValue": D[0] || (D[0] = (
|
|
4824
|
+
"onUpdate:modelValue": D[0] || (D[0] = (v) => s.value = v),
|
|
4825
4825
|
onFocus: U,
|
|
4826
4826
|
onBlur: oe,
|
|
4827
|
-
onInput:
|
|
4827
|
+
onInput: S,
|
|
4828
4828
|
onKeydown: re
|
|
4829
4829
|
}), null, 16, r2), [
|
|
4830
|
-
[jt,
|
|
4830
|
+
[jt, s.value]
|
|
4831
4831
|
]),
|
|
4832
4832
|
K(Ae, { name: "select" }, {
|
|
4833
4833
|
default: J(() => [
|
|
@@ -4836,40 +4836,40 @@ const Yo = {
|
|
|
4836
4836
|
role: "listbox",
|
|
4837
4837
|
class: "options"
|
|
4838
4838
|
}, [
|
|
4839
|
-
|
|
4839
|
+
B.value.length > 0 ? (p(!0), b(de, { key: 0 }, he(B.value, (v, d) => (p(), b("li", {
|
|
4840
4840
|
id: `${C}-option-${d}`,
|
|
4841
|
-
key: e.getKey(
|
|
4841
|
+
key: e.getKey(v),
|
|
4842
4842
|
role: "option",
|
|
4843
4843
|
class: fe(["option", { "focus-visible": c.value === d }]),
|
|
4844
|
-
"aria-disabled": t.isDisabled(
|
|
4844
|
+
"aria-disabled": t.isDisabled(v) || void 0,
|
|
4845
4845
|
"aria-selected": d === u.value,
|
|
4846
4846
|
onMousedown: D[1] || (D[1] = se(() => {
|
|
4847
4847
|
}, ["prevent"])),
|
|
4848
|
-
onClick: (y) => !t.isDisabled(
|
|
4848
|
+
onClick: (y) => !t.isDisabled(v) && ue(v, d)
|
|
4849
4849
|
}, [
|
|
4850
|
-
t.isDisabled(
|
|
4850
|
+
t.isDisabled(v) ? q("", !0) : (p(), ae(Ce, {
|
|
4851
4851
|
key: 0,
|
|
4852
4852
|
name: "search",
|
|
4853
4853
|
size: 22
|
|
4854
4854
|
})),
|
|
4855
|
-
G(
|
|
4856
|
-
option:
|
|
4857
|
-
value: e.getValue(
|
|
4858
|
-
query:
|
|
4855
|
+
G(I.$slots, "option", {
|
|
4856
|
+
option: v,
|
|
4857
|
+
value: e.getValue(v),
|
|
4858
|
+
query: s.value,
|
|
4859
4859
|
selected: d === u.value,
|
|
4860
4860
|
active: d === c.value
|
|
4861
4861
|
}, () => [
|
|
4862
4862
|
w("div", i2, [
|
|
4863
4863
|
K(Oo, {
|
|
4864
|
-
text: e.getValue(
|
|
4865
|
-
query:
|
|
4864
|
+
text: e.getValue(v),
|
|
4865
|
+
query: s.value
|
|
4866
4866
|
}, null, 8, ["text", "query"])
|
|
4867
4867
|
])
|
|
4868
4868
|
], !0),
|
|
4869
|
-
w("div", u2, j(e.getValue(
|
|
4870
|
-
], 42, s2))), 128)) :
|
|
4869
|
+
w("div", u2, j(e.getValue(v)), 1)
|
|
4870
|
+
], 42, s2))), 128)) : B.value.length === 0 && !e.loading ? (p(), b("li", c2, [...D[3] || (D[3] = [
|
|
4871
4871
|
w("div", { class: "option-value" }, "No results found", -1)
|
|
4872
|
-
])])) : (p(), ae(
|
|
4872
|
+
])])) : (p(), ae(qt, {
|
|
4873
4873
|
key: 2,
|
|
4874
4874
|
"aria-live": "polite",
|
|
4875
4875
|
role: "status",
|
|
@@ -4877,16 +4877,16 @@ const Yo = {
|
|
|
4877
4877
|
})),
|
|
4878
4878
|
M.value ? (p(), b("li", d2, [...D[4] || (D[4] = [
|
|
4879
4879
|
w("div", { class: "option-value" }, " Recents ", -1)
|
|
4880
|
-
])])) :
|
|
4881
|
-
(p(!0), b(de, null, he(
|
|
4882
|
-
key:
|
|
4880
|
+
])])) : q("", !0),
|
|
4881
|
+
(p(!0), b(de, null, he(r.value, (v) => (p(), b("li", {
|
|
4882
|
+
key: v,
|
|
4883
4883
|
role: "presentation",
|
|
4884
4884
|
"aria-hidden": "true",
|
|
4885
4885
|
class: "option recent-item",
|
|
4886
|
-
onClick: (d) => T(
|
|
4886
|
+
onClick: (d) => T(v)
|
|
4887
4887
|
}, [
|
|
4888
4888
|
K(Ce, { name: "clock" }),
|
|
4889
|
-
w("div", f2, j(
|
|
4889
|
+
w("div", f2, j(v), 1)
|
|
4890
4890
|
], 8, v2))), 128))
|
|
4891
4891
|
], 512), [
|
|
4892
4892
|
[rt, l.value]
|
|
@@ -4894,10 +4894,10 @@ const Yo = {
|
|
|
4894
4894
|
]),
|
|
4895
4895
|
_: 3
|
|
4896
4896
|
}),
|
|
4897
|
-
|
|
4898
|
-
G(
|
|
4899
|
-
])) :
|
|
4900
|
-
|
|
4897
|
+
I.$slots.icon ? (p(), b("span", p2, [
|
|
4898
|
+
G(I.$slots, "icon", {}, void 0, !0)
|
|
4899
|
+
])) : q("", !0),
|
|
4900
|
+
s.value.length > 0 && !e.disabled ? (p(), ae(Le, {
|
|
4901
4901
|
key: 1,
|
|
4902
4902
|
type: "button",
|
|
4903
4903
|
class: "btn btn-icon",
|
|
@@ -4917,10 +4917,10 @@ const Yo = {
|
|
|
4917
4917
|
})
|
|
4918
4918
|
]),
|
|
4919
4919
|
_: 1
|
|
4920
|
-
})) :
|
|
4920
|
+
})) : q("", !0)
|
|
4921
4921
|
], 2));
|
|
4922
4922
|
}
|
|
4923
|
-
}), cr = /* @__PURE__ */ Y(m2, [["__scopeId", "data-v-
|
|
4923
|
+
}), cr = /* @__PURE__ */ Y(m2, [["__scopeId", "data-v-d71226fc"]]), C2 = 5, we = ut({
|
|
4924
4924
|
toasts: []
|
|
4925
4925
|
});
|
|
4926
4926
|
let h2 = 0;
|
|
@@ -4961,30 +4961,30 @@ const Ze = (e, n = "info") => {
|
|
|
4961
4961
|
},
|
|
4962
4962
|
setup(e) {
|
|
4963
4963
|
const n = e, t = k(null), a = k("open"), o = k(100);
|
|
4964
|
-
let i = Date.now(),
|
|
4964
|
+
let i = Date.now(), s;
|
|
4965
4965
|
const l = () => {
|
|
4966
4966
|
const u = Date.now() - i;
|
|
4967
4967
|
if (o.value = Math.max(0, 100 - u / n.duration * 100), o.value <= 0) {
|
|
4968
4968
|
c();
|
|
4969
4969
|
return;
|
|
4970
4970
|
}
|
|
4971
|
-
|
|
4972
|
-
},
|
|
4973
|
-
if (cancelAnimationFrame(
|
|
4971
|
+
s = requestAnimationFrame(l);
|
|
4972
|
+
}, r = () => {
|
|
4973
|
+
if (cancelAnimationFrame(s), n.duration === 1 / 0) {
|
|
4974
4974
|
o.value = 100;
|
|
4975
4975
|
return;
|
|
4976
4976
|
}
|
|
4977
|
-
i = Date.now(),
|
|
4977
|
+
i = Date.now(), s = requestAnimationFrame(l);
|
|
4978
4978
|
};
|
|
4979
4979
|
Q(
|
|
4980
4980
|
() => n.duration,
|
|
4981
|
-
() =>
|
|
4981
|
+
() => r(),
|
|
4982
4982
|
{ immediate: !0 }
|
|
4983
4983
|
);
|
|
4984
4984
|
const c = () => {
|
|
4985
|
-
cancelAnimationFrame(
|
|
4985
|
+
cancelAnimationFrame(s), a.value = "closing", setTimeout(() => we.toasts = we.toasts.filter((u) => u.id !== n.id), w2);
|
|
4986
4986
|
};
|
|
4987
|
-
return ve(() => n.variant === "error" && n.focus && t.value?.focus()), Se(() => cancelAnimationFrame(
|
|
4987
|
+
return ve(() => n.variant === "error" && n.focus && t.value?.focus()), Se(() => cancelAnimationFrame(s)), (u, f) => (p(), b("div", {
|
|
4988
4988
|
ref_key: "rootRef",
|
|
4989
4989
|
ref: t,
|
|
4990
4990
|
tabindex: "-1",
|
|
@@ -5018,13 +5018,13 @@ const Ze = (e, n = "info") => {
|
|
|
5018
5018
|
class: "bar",
|
|
5019
5019
|
style: Ie({ width: o.value + "%" })
|
|
5020
5020
|
}, null, 4)
|
|
5021
|
-
])) :
|
|
5021
|
+
])) : q("", !0)
|
|
5022
5022
|
], 8, y2));
|
|
5023
5023
|
}
|
|
5024
5024
|
}), L2 = /* @__PURE__ */ Y(M2, [["__scopeId", "data-v-f9e75b9d"]]), x2 = { class: "toast-viewport" }, $2 = { class: "toast-message" }, I2 = { key: 0 }, H2 = ["id"], V2 = /* @__PURE__ */ Z({
|
|
5025
5025
|
__name: "ToastViewport",
|
|
5026
5026
|
setup(e) {
|
|
5027
|
-
return (n, t) => (p(), ae(
|
|
5027
|
+
return (n, t) => (p(), ae(Fe, { to: "body" }, [
|
|
5028
5028
|
w("div", x2, [
|
|
5029
5029
|
K(Wt, { name: "toast-stack" }, {
|
|
5030
5030
|
default: J(() => [
|
|
@@ -5037,8 +5037,8 @@ const Ze = (e, n = "info") => {
|
|
|
5037
5037
|
}, {
|
|
5038
5038
|
default: J(() => [
|
|
5039
5039
|
w("div", $2, [
|
|
5040
|
-
a.title ? (p(), b("strong", I2, j(a.title), 1)) :
|
|
5041
|
-
a.loading ? (p(), ae(
|
|
5040
|
+
a.title ? (p(), b("strong", I2, j(a.title), 1)) : q("", !0),
|
|
5041
|
+
a.loading ? (p(), ae(qt, {
|
|
5042
5042
|
key: 1,
|
|
5043
5043
|
message: a.description,
|
|
5044
5044
|
"aria-hidden": "true"
|
|
@@ -5086,22 +5086,22 @@ const A2 = (e, n) => {
|
|
|
5086
5086
|
resolve: n
|
|
5087
5087
|
};
|
|
5088
5088
|
Ve.current ? Ve.queue.push(t) : Ve.current = t;
|
|
5089
|
-
},
|
|
5089
|
+
}, Ft = () => {
|
|
5090
5090
|
Ve.current = Ve.queue.shift() || null;
|
|
5091
5091
|
};
|
|
5092
|
-
function
|
|
5092
|
+
function qe(e) {
|
|
5093
5093
|
return new Promise((n) => {
|
|
5094
5094
|
A2(e, n);
|
|
5095
5095
|
});
|
|
5096
5096
|
}
|
|
5097
5097
|
const E2 = () => {
|
|
5098
|
-
Ve.current && (Ve.current.resolve(!0),
|
|
5098
|
+
Ve.current && (Ve.current.resolve(!0), Ft());
|
|
5099
5099
|
}, R2 = () => {
|
|
5100
|
-
Ve.current && (Ve.current.resolve(!1),
|
|
5100
|
+
Ve.current && (Ve.current.resolve(!1), Ft());
|
|
5101
5101
|
};
|
|
5102
|
-
|
|
5103
|
-
|
|
5104
|
-
|
|
5102
|
+
qe.success = (e) => qe(typeof e == "string" ? { text: e, type: "success" } : { ...e, type: "success" });
|
|
5103
|
+
qe.error = (e) => qe(typeof e == "string" ? { text: e, type: "error" } : { ...e, type: "error" });
|
|
5104
|
+
qe.warning = (e) => qe(typeof e == "string" ? { text: e, type: "warning" } : { ...e, type: "warning" });
|
|
5105
5105
|
const S2 = {
|
|
5106
5106
|
class: "modal",
|
|
5107
5107
|
role: "dialog",
|
|
@@ -5121,15 +5121,15 @@ const S2 = {
|
|
|
5121
5121
|
}, O2 = {
|
|
5122
5122
|
key: 1,
|
|
5123
5123
|
class: "text"
|
|
5124
|
-
},
|
|
5124
|
+
}, q2 = { class: "actions" }, F2 = /* @__PURE__ */ Z({
|
|
5125
5125
|
__name: "ConfirmModal",
|
|
5126
5126
|
setup(e) {
|
|
5127
|
-
const n =
|
|
5127
|
+
const n = _(() => Ve.current), t = () => {
|
|
5128
5128
|
n && E2();
|
|
5129
5129
|
}, a = () => {
|
|
5130
5130
|
n.value && R2();
|
|
5131
5131
|
}, o = (i) => i.key === "Escape" && n && a();
|
|
5132
|
-
return ve(() => window.addEventListener("keydown", o)), Se(() => window.removeEventListener("keydown", o)), (i,
|
|
5132
|
+
return ve(() => window.addEventListener("keydown", o)), Se(() => window.removeEventListener("keydown", o)), (i, s) => (p(), ae(Fe, { to: "body" }, [
|
|
5133
5133
|
K(Ae, { name: "fade" }, {
|
|
5134
5134
|
default: J(() => [
|
|
5135
5135
|
n.value ? (p(), b("div", {
|
|
@@ -5144,14 +5144,14 @@ const S2 = {
|
|
|
5144
5144
|
class: "icon",
|
|
5145
5145
|
"data-type": n.value.type
|
|
5146
5146
|
}, [
|
|
5147
|
-
|
|
5148
|
-
n.value.type === "success" ? (p(), b("span", D2)) :
|
|
5149
|
-
n.value.type === "error" ? (p(), b("span", Z2)) :
|
|
5150
|
-
n.value.type === "warning" ? (p(), b("span", z2)) :
|
|
5147
|
+
s[0] || (s[0] = w("span", { class: "icon__circle" }, null, -1)),
|
|
5148
|
+
n.value.type === "success" ? (p(), b("span", D2)) : q("", !0),
|
|
5149
|
+
n.value.type === "error" ? (p(), b("span", Z2)) : q("", !0),
|
|
5150
|
+
n.value.type === "warning" ? (p(), b("span", z2)) : q("", !0)
|
|
5151
5151
|
], 8, T2),
|
|
5152
|
-
n.value.title ? (p(), b("h3", N2, j(n.value.title), 1)) :
|
|
5153
|
-
n.value.text ? (p(), b("p", O2, j(n.value.text), 1)) :
|
|
5154
|
-
w("div",
|
|
5152
|
+
n.value.title ? (p(), b("h3", N2, j(n.value.title), 1)) : q("", !0),
|
|
5153
|
+
n.value.text ? (p(), b("p", O2, j(n.value.text), 1)) : q("", !0),
|
|
5154
|
+
w("div", q2, [
|
|
5155
5155
|
w("button", {
|
|
5156
5156
|
class: "btn btn--ghost",
|
|
5157
5157
|
onClick: a
|
|
@@ -5165,13 +5165,13 @@ const S2 = {
|
|
|
5165
5165
|
]),
|
|
5166
5166
|
_: 1
|
|
5167
5167
|
})
|
|
5168
|
-
])) :
|
|
5168
|
+
])) : q("", !0)
|
|
5169
5169
|
]),
|
|
5170
5170
|
_: 1
|
|
5171
5171
|
})
|
|
5172
5172
|
]));
|
|
5173
5173
|
}
|
|
5174
|
-
}), Ht = /* @__PURE__ */ Y(
|
|
5174
|
+
}), Ht = /* @__PURE__ */ Y(F2, [["__scopeId", "data-v-1104cf2a"]]);
|
|
5175
5175
|
let Vt = !1;
|
|
5176
5176
|
const fr = {
|
|
5177
5177
|
install(e, n = {}) {
|
|
@@ -5192,21 +5192,21 @@ const fr = {
|
|
|
5192
5192
|
setup(e, { emit: n }) {
|
|
5193
5193
|
const t = e, a = n, o = k(), i = k();
|
|
5194
5194
|
He("card:labelId", o), He("card:descriptionId", i);
|
|
5195
|
-
const
|
|
5196
|
-
return (
|
|
5195
|
+
const s = _(() => t.clickable && t.as !== "button" && t.as !== "a"), l = () => t.clickable && a("click");
|
|
5196
|
+
return (r, c) => (p(), ae(Ne(e.as), {
|
|
5197
5197
|
class: fe(["rs-card", { clickable: e.clickable }]),
|
|
5198
|
-
tabindex:
|
|
5199
|
-
role:
|
|
5198
|
+
tabindex: s.value ? 0 : void 0,
|
|
5199
|
+
role: s.value ? "button" : void 0,
|
|
5200
5200
|
onClick: l,
|
|
5201
5201
|
onKeydown: [
|
|
5202
|
-
c[0] || (c[0] = ye(se((u) =>
|
|
5203
|
-
c[1] || (c[1] = ye(se((u) =>
|
|
5202
|
+
c[0] || (c[0] = ye(se((u) => s.value && l(), ["prevent"]), ["enter"])),
|
|
5203
|
+
c[1] || (c[1] = ye(se((u) => s.value && l(), ["prevent"]), ["space"]))
|
|
5204
5204
|
],
|
|
5205
5205
|
"aria-labelledby": o.value,
|
|
5206
5206
|
"aria-describedby": i.value
|
|
5207
5207
|
}, {
|
|
5208
5208
|
default: J(() => [
|
|
5209
|
-
G(
|
|
5209
|
+
G(r.$slots, "default", {}, void 0, !0)
|
|
5210
5210
|
]),
|
|
5211
5211
|
_: 3
|
|
5212
5212
|
}, 40, ["class", "tabindex", "role", "aria-labelledby", "aria-describedby"]));
|
|
@@ -5279,11 +5279,11 @@ const fr = {
|
|
|
5279
5279
|
setup(e) {
|
|
5280
5280
|
const n = e, t = me("StepsContext");
|
|
5281
5281
|
if (!t) throw new Error("Step component must be used inside Steps.");
|
|
5282
|
-
const a = it(), o = k(null), i = k(null),
|
|
5283
|
-
let l = null,
|
|
5282
|
+
const a = it(), o = k(null), i = k(null), s = _(() => t.orientation ?? "horizontal");
|
|
5283
|
+
let l = null, r = null;
|
|
5284
5284
|
const c = me("StepIndex");
|
|
5285
5285
|
if (c == null) throw new Error("StepIndex component must be used inside Steps.");
|
|
5286
|
-
const u =
|
|
5286
|
+
const u = _(() => n.status ? n.status : c < t.current.value ? "completed" : c === t.current.value ? "active" : "pending"), f = _(() => t?.icons?.[u.value]), m = _(() => a.icon ? "slot" : n.icon ? n.icon : f.value), C = _(() => {
|
|
5287
5287
|
switch (u.value) {
|
|
5288
5288
|
case "completed":
|
|
5289
5289
|
return "Stage completed";
|
|
@@ -5294,7 +5294,7 @@ const fr = {
|
|
|
5294
5294
|
default:
|
|
5295
5295
|
return "Stage pending";
|
|
5296
5296
|
}
|
|
5297
|
-
}), h =
|
|
5297
|
+
}), h = _(() => {
|
|
5298
5298
|
switch (u.value) {
|
|
5299
5299
|
case "completed":
|
|
5300
5300
|
return "success";
|
|
@@ -5305,7 +5305,7 @@ const fr = {
|
|
|
5305
5305
|
default:
|
|
5306
5306
|
return "default";
|
|
5307
5307
|
}
|
|
5308
|
-
}), L =
|
|
5308
|
+
}), L = _(() => n.size ?? t.size ?? "sm"), R = _(() => {
|
|
5309
5309
|
switch (u.value) {
|
|
5310
5310
|
case "completed":
|
|
5311
5311
|
return t.tagTitles.completed;
|
|
@@ -5322,7 +5322,7 @@ const fr = {
|
|
|
5322
5322
|
(z) => t.registerStepStatus(c, z),
|
|
5323
5323
|
{ immediate: !0 }
|
|
5324
5324
|
);
|
|
5325
|
-
const
|
|
5325
|
+
const E = () => {
|
|
5326
5326
|
l == null && (l = requestAnimationFrame(() => {
|
|
5327
5327
|
l = null, M();
|
|
5328
5328
|
}));
|
|
@@ -5330,7 +5330,7 @@ const fr = {
|
|
|
5330
5330
|
if (!o.value || !i.value) return;
|
|
5331
5331
|
const z = i.value.getBoundingClientRect(), U = t.stepsRef.value.getBoundingClientRect(), oe = t.orientation === "vertical" ? z.top + z.height / 2 - U.top : z.left + z.width / 2 - U.left;
|
|
5332
5332
|
t.registerIndicatorCenter(c, oe);
|
|
5333
|
-
},
|
|
5333
|
+
}, B = (z) => {
|
|
5334
5334
|
const U = t.orientation === "horizontal", oe = t.orientation === "vertical";
|
|
5335
5335
|
switch (z.key) {
|
|
5336
5336
|
case "ArrowRight":
|
|
@@ -5359,18 +5359,18 @@ const fr = {
|
|
|
5359
5359
|
return ve(() => {
|
|
5360
5360
|
!o.value || !i.value || (requestAnimationFrame(() => {
|
|
5361
5361
|
requestAnimationFrame(M);
|
|
5362
|
-
}),
|
|
5363
|
-
|
|
5364
|
-
}),
|
|
5362
|
+
}), r = new ResizeObserver(() => {
|
|
5363
|
+
E();
|
|
5364
|
+
}), r.observe(o.value), r.observe(i.value), t.stepsRef.value && r.observe(t.stepsRef.value), t.registerStep(o.value));
|
|
5365
5365
|
}), Be(() => {
|
|
5366
|
-
|
|
5366
|
+
r?.disconnect(), t.unregisterStep(o.value), l != null && cancelAnimationFrame(l);
|
|
5367
5367
|
}), (z, U) => (p(), b("li", {
|
|
5368
5368
|
ref_key: "stepRef",
|
|
5369
5369
|
ref: o,
|
|
5370
5370
|
class: fe(["step", `step__${L.value}`]),
|
|
5371
5371
|
role: "listitem",
|
|
5372
5372
|
"data-status": u.value,
|
|
5373
|
-
"data-orientation":
|
|
5373
|
+
"data-orientation": s.value,
|
|
5374
5374
|
"data-active": u.value === "active",
|
|
5375
5375
|
"data-completed": u.value === "completed",
|
|
5376
5376
|
"aria-labelledby": `step-title-${N(c)}`,
|
|
@@ -5379,7 +5379,7 @@ const fr = {
|
|
|
5379
5379
|
"aria-posinset": N(c) + 1,
|
|
5380
5380
|
"aria-setsize": N(t).stepsCount.value,
|
|
5381
5381
|
"aria-describedby": `step-status-${N(c)}`,
|
|
5382
|
-
onKeydown:
|
|
5382
|
+
onKeydown: B
|
|
5383
5383
|
}, [
|
|
5384
5384
|
w("span", {
|
|
5385
5385
|
ref_key: "indicatorRef",
|
|
@@ -5394,7 +5394,7 @@ const fr = {
|
|
|
5394
5394
|
key: 1,
|
|
5395
5395
|
name: m.value,
|
|
5396
5396
|
class: "icon"
|
|
5397
|
-
}, null, 8, ["name"])) :
|
|
5397
|
+
}, null, 8, ["name"])) : q("", !0),
|
|
5398
5398
|
u.value === "completed" ? (p(), b("svg", Y2, [...U[0] || (U[0] = [
|
|
5399
5399
|
w("path", {
|
|
5400
5400
|
d: "M4.86199 11.5948C4.78717 11.5923 4.71366 11.5745 4.64596 11.5426C4.57826 11.5107 4.51779 11.4652 4.46827 11.4091L0.753985 7.69483C0.683167 7.64891 0.623706 7.58751 0.580092 7.51525C0.536478 7.44299 0.509851 7.36177 0.502221 7.27771C0.49459 7.19366 0.506156 7.10897 0.536046 7.03004C0.565935 6.95111 0.613367 6.88 0.674759 6.82208C0.736151 6.76416 0.8099 6.72095 0.890436 6.69571C0.970973 6.67046 1.05619 6.66385 1.13966 6.67635C1.22313 6.68886 1.30266 6.72017 1.37226 6.76792C1.44186 6.81567 1.4997 6.8786 1.54141 6.95197L4.86199 10.2503L12.6397 2.49483C12.7444 2.42694 12.8689 2.39617 12.9932 2.40745C13.1174 2.41873 13.2343 2.47141 13.3251 2.55705C13.4159 2.64268 13.4753 2.75632 13.4938 2.87973C13.5123 3.00315 13.4888 3.1292 13.4271 3.23768L5.2557 11.4091C5.20618 11.4652 5.14571 11.5107 5.07801 11.5426C5.01031 11.5745 4.9368 11.5923 4.86199 11.5948Z",
|
|
@@ -5405,7 +5405,7 @@ const fr = {
|
|
|
5405
5405
|
d: "M8.01186 7.00933L12.27 2.75116C12.341 2.68501 12.398 2.60524 12.4375 2.51661C12.4769 2.42798 12.4982 2.3323 12.4999 2.23529C12.5016 2.13827 12.4838 2.0419 12.4474 1.95194C12.4111 1.86197 12.357 1.78024 12.2884 1.71163C12.2198 1.64302 12.138 1.58893 12.0481 1.55259C11.9581 1.51625 11.8617 1.4984 11.7647 1.50011C11.6677 1.50182 11.572 1.52306 11.4834 1.56255C11.3948 1.60204 11.315 1.65898 11.2488 1.72997L6.99067 5.98814L2.7325 1.72997C2.59553 1.60234 2.41437 1.53286 2.22718 1.53616C2.03999 1.53946 1.8614 1.61529 1.72901 1.74767C1.59663 1.88006 1.5208 2.05865 1.5175 2.24584C1.5142 2.43303 1.58368 2.61419 1.71131 2.75116L5.96948 7.00933L1.71131 11.2675C1.576 11.403 1.5 11.5866 1.5 11.7781C1.5 11.9696 1.576 12.1532 1.71131 12.2887C1.84679 12.424 2.03043 12.5 2.2219 12.5C2.41338 12.5 2.59702 12.424 2.7325 12.2887L6.99067 8.03052L11.2488 12.2887C11.3843 12.424 11.568 12.5 11.7594 12.5C11.9509 12.5 12.1346 12.424 12.27 12.2887C12.4053 12.1532 12.4813 11.9696 12.4813 11.7781C12.4813 11.5866 12.4053 11.403 12.27 11.2675L8.01186 7.00933Z",
|
|
5406
5406
|
fill: "currentColor"
|
|
5407
5407
|
}, null, -1)
|
|
5408
|
-
])])) : u.value === "active" ? (p(), b("span", G2)) :
|
|
5408
|
+
])])) : u.value === "active" ? (p(), b("span", G2)) : q("", !0)
|
|
5409
5409
|
], 512),
|
|
5410
5410
|
w("span", {
|
|
5411
5411
|
id: `step-status-${N(c)}`,
|
|
@@ -5421,13 +5421,13 @@ const fr = {
|
|
|
5421
5421
|
size: "sm"
|
|
5422
5422
|
}, {
|
|
5423
5423
|
default: J(() => [
|
|
5424
|
-
Me(j(
|
|
5424
|
+
Me(j(R.value), 1)
|
|
5425
5425
|
]),
|
|
5426
5426
|
_: 1
|
|
5427
5427
|
}, 8, ["variant"]),
|
|
5428
5428
|
z.$slots.default ? (p(), b("span", tl, [
|
|
5429
5429
|
G(z.$slots, "default", {}, void 0, !0)
|
|
5430
|
-
])) :
|
|
5430
|
+
])) : q("", !0)
|
|
5431
5431
|
])
|
|
5432
5432
|
], 42, W2));
|
|
5433
5433
|
}
|
|
@@ -5464,13 +5464,13 @@ const fr = {
|
|
|
5464
5464
|
}),
|
|
5465
5465
|
emits: ["update:modelValue"],
|
|
5466
5466
|
setup(e) {
|
|
5467
|
-
const n = e, t = k(0), a = it(), o = ke(e, "modelValue"), i = k([]),
|
|
5468
|
-
let
|
|
5469
|
-
const m =
|
|
5467
|
+
const n = e, t = k(0), a = it(), o = ke(e, "modelValue"), i = k([]), s = k(null), l = _(() => o.value ?? 0), r = `steps-description-${ge()}`, c = Yt({}), u = ut({});
|
|
5468
|
+
let f = null;
|
|
5469
|
+
const m = _(() => (a.default?.() ?? [])[l.value]?.props?.title ?? ""), C = _(() => Object.entries(u).filter(([, P]) => P !== "completed").length === 0), h = _(
|
|
5470
5470
|
() => Object.values(u).includes("error")
|
|
5471
|
-
), L =
|
|
5472
|
-
const P = l.value,
|
|
5473
|
-
if (
|
|
5471
|
+
), L = _(() => {
|
|
5472
|
+
const P = l.value, S = c;
|
|
5473
|
+
if (S.value[0] == null || S.value[P] == null)
|
|
5474
5474
|
return n.orientation === "vertical" ? {
|
|
5475
5475
|
height: "100%",
|
|
5476
5476
|
top: "0px"
|
|
@@ -5478,7 +5478,7 @@ const fr = {
|
|
|
5478
5478
|
width: "100%",
|
|
5479
5479
|
left: "0px"
|
|
5480
5480
|
};
|
|
5481
|
-
const x =
|
|
5481
|
+
const x = S.value[0], V = S.value[P];
|
|
5482
5482
|
return n.orientation === "vertical" ? {
|
|
5483
5483
|
top: `${x}px`,
|
|
5484
5484
|
height: `${V - x}px`
|
|
@@ -5486,23 +5486,23 @@ const fr = {
|
|
|
5486
5486
|
left: `${x}px`,
|
|
5487
5487
|
width: `${V - x}px`
|
|
5488
5488
|
};
|
|
5489
|
-
}),
|
|
5489
|
+
}), R = _(() => {
|
|
5490
5490
|
const P = Object.values(c.value).sort((V, g) => V - g);
|
|
5491
5491
|
if (P.length < 2) return {};
|
|
5492
|
-
const
|
|
5492
|
+
const S = P[0], x = P[P.length - 1];
|
|
5493
5493
|
return n.orientation === "vertical" ? {
|
|
5494
|
-
top: `${
|
|
5495
|
-
height: `${x -
|
|
5494
|
+
top: `${S}px`,
|
|
5495
|
+
height: `${x - S}px`
|
|
5496
5496
|
} : {
|
|
5497
|
-
left: `${
|
|
5497
|
+
left: `${S}px`,
|
|
5498
5498
|
right: `calc(100% - ${x}px)`
|
|
5499
5499
|
};
|
|
5500
|
-
}),
|
|
5500
|
+
}), E = (P, S) => c.value = { ...c.value, [P]: S };
|
|
5501
5501
|
function M(P) {
|
|
5502
5502
|
i.value.push(P), t.value = i.value.length;
|
|
5503
5503
|
}
|
|
5504
|
-
function
|
|
5505
|
-
i.value = i.value.filter((
|
|
5504
|
+
function B(P) {
|
|
5505
|
+
i.value = i.value.filter((S) => S !== P), t.value = i.value.length;
|
|
5506
5506
|
}
|
|
5507
5507
|
function z(P) {
|
|
5508
5508
|
P < 0 || P >= i.value.length || (o.value = P, i.value[P]?.focus());
|
|
@@ -5520,46 +5520,46 @@ const fr = {
|
|
|
5520
5520
|
z(t.value - 1);
|
|
5521
5521
|
}
|
|
5522
5522
|
return ve(() => {
|
|
5523
|
-
|
|
5524
|
-
}),
|
|
5525
|
-
}), Be(() =>
|
|
5526
|
-
current:
|
|
5523
|
+
s.value && (f = new ResizeObserver(() => {
|
|
5524
|
+
}), f.observe(s.value));
|
|
5525
|
+
}), Be(() => f?.disconnect()), He("StepsContext", {
|
|
5526
|
+
current: _(() => o.value),
|
|
5527
5527
|
update: (P) => o.value = P,
|
|
5528
5528
|
stepsCount: t,
|
|
5529
5529
|
icons: n.icons,
|
|
5530
5530
|
size: n.size,
|
|
5531
5531
|
orientation: n.orientation,
|
|
5532
5532
|
stepStatusMap: u,
|
|
5533
|
-
stepsRef:
|
|
5534
|
-
registerStepStatus: (P,
|
|
5535
|
-
u[P] =
|
|
5533
|
+
stepsRef: s,
|
|
5534
|
+
registerStepStatus: (P, S) => {
|
|
5535
|
+
u[P] = S;
|
|
5536
5536
|
},
|
|
5537
|
-
registerIndicatorCenter:
|
|
5537
|
+
registerIndicatorCenter: E,
|
|
5538
5538
|
registerStep: M,
|
|
5539
|
-
unregisterStep:
|
|
5539
|
+
unregisterStep: B,
|
|
5540
5540
|
focusNext: U,
|
|
5541
5541
|
focusPrev: oe,
|
|
5542
5542
|
focusFirst: ue,
|
|
5543
5543
|
focusLast: re,
|
|
5544
5544
|
tagTitles: n.tagTitles
|
|
5545
|
-
}), (P,
|
|
5545
|
+
}), (P, S) => (p(), b(de, null, [
|
|
5546
5546
|
w("ol", {
|
|
5547
5547
|
ref_key: "stepsRef",
|
|
5548
|
-
ref:
|
|
5548
|
+
ref: s,
|
|
5549
5549
|
class: "steps",
|
|
5550
5550
|
role: "list",
|
|
5551
5551
|
"data-size": e.size,
|
|
5552
5552
|
"data-orientation": n.orientation,
|
|
5553
|
-
"aria-describedby":
|
|
5553
|
+
"aria-describedby": r
|
|
5554
5554
|
}, [
|
|
5555
5555
|
w("p", {
|
|
5556
|
-
id:
|
|
5556
|
+
id: r,
|
|
5557
5557
|
class: "sr-only"
|
|
5558
5558
|
}, " This is a multi-step process. Use arrow keys to navigate between steps. "),
|
|
5559
5559
|
w("div", {
|
|
5560
5560
|
class: "track",
|
|
5561
5561
|
"aria-hidden": "true",
|
|
5562
|
-
style: Ie(
|
|
5562
|
+
style: Ie(R.value)
|
|
5563
5563
|
}, [
|
|
5564
5564
|
w("div", {
|
|
5565
5565
|
class: "track-progress",
|
|
@@ -5608,10 +5608,10 @@ const fr = {
|
|
|
5608
5608
|
setup(e) {
|
|
5609
5609
|
const n = e, t = me("TimelineContext");
|
|
5610
5610
|
if (!t) throw new Error("TimelineItem must be used within a Timeline component");
|
|
5611
|
-
const a = ge(), o = ge(), i =
|
|
5611
|
+
const a = ge(), o = ge(), i = _(() => t.align === "alternate" ? (n.index ?? 0) % 2 === 0 ? "ui-timeline-item--left" : "ui-timeline-item--right" : `ui-timeline-item--${t.align}`), s = (c) => {
|
|
5612
5612
|
const u = new Date(c).getDay();
|
|
5613
5613
|
return u < 10 ? `0${u}` : u;
|
|
5614
|
-
}, l = (c) => new Date(c).toLocaleString("default", { month: "short" }),
|
|
5614
|
+
}, l = (c) => new Date(c).toLocaleString("default", { month: "short" }), r = (c) => new Date(c).getFullYear();
|
|
5615
5615
|
return (c, u) => (p(), b("li", {
|
|
5616
5616
|
tabindex: "0",
|
|
5617
5617
|
class: fe([i.value, "ui-timeline-item"]),
|
|
@@ -5630,9 +5630,9 @@ const fr = {
|
|
|
5630
5630
|
datetime: e.date
|
|
5631
5631
|
}, [
|
|
5632
5632
|
w("span", fl, j(l(e.date)), 1),
|
|
5633
|
-
w("span", pl, j(
|
|
5634
|
-
w("span", ml, j(
|
|
5635
|
-
], 8, vl)) :
|
|
5633
|
+
w("span", pl, j(s(e.date)), 1),
|
|
5634
|
+
w("span", ml, j(r(e.date)), 1)
|
|
5635
|
+
], 8, vl)) : q("", !0),
|
|
5636
5636
|
w("div", {
|
|
5637
5637
|
class: "ui-timeline-body",
|
|
5638
5638
|
"data-direction": e.flexDirection
|
|
@@ -5654,7 +5654,7 @@ const fr = {
|
|
|
5654
5654
|
key: 0,
|
|
5655
5655
|
id: N(o),
|
|
5656
5656
|
class: "ui-timeline-description"
|
|
5657
|
-
}, j(e.description), 9, gl)) :
|
|
5657
|
+
}, j(e.description), 9, gl)) : q("", !0)
|
|
5658
5658
|
], !0)
|
|
5659
5659
|
]),
|
|
5660
5660
|
w("div", yl, [
|
|
@@ -5693,67 +5693,67 @@ const fr = {
|
|
|
5693
5693
|
}),
|
|
5694
5694
|
emits: ["update:modelValue"],
|
|
5695
5695
|
setup(e) {
|
|
5696
|
-
const n = ke(e, "modelValue"), t = e, a = k(0), o = k(0), i = k(0),
|
|
5697
|
-
let
|
|
5696
|
+
const n = ke(e, "modelValue"), t = e, a = k(0), o = k(0), i = k(0), s = k(0), l = k(0), r = k(0), c = k(!1), u = k(!1), f = k(0), m = k([]), C = k(1), h = k(n.value), L = k(null), R = k(null);
|
|
5697
|
+
let E = null, M = null;
|
|
5698
5698
|
Q(
|
|
5699
5699
|
() => n.value,
|
|
5700
|
-
(
|
|
5700
|
+
(v) => h.value = v
|
|
5701
5701
|
);
|
|
5702
|
-
const
|
|
5703
|
-
const
|
|
5702
|
+
const B = _(() => m.value[h.value] ?? void 0), z = _(() => Math.floor(h.value / C.value)), U = _(() => Math.ceil(T.value / C.value)), oe = _(() => Math.max(0, T.value - C.value)), ue = _(() => {
|
|
5703
|
+
const v = h.value * (100 / C.value), d = u.value && R.value ? i.value / R.value.clientWidth * 100 : 0;
|
|
5704
5704
|
return {
|
|
5705
|
-
transform: `translateX(calc(-${
|
|
5705
|
+
transform: `translateX(calc(-${v}% + ${d}%))`,
|
|
5706
5706
|
transition: u.value ? "none" : "transform 300ms ease"
|
|
5707
5707
|
};
|
|
5708
|
-
}), re = (
|
|
5709
|
-
let d =
|
|
5708
|
+
}), re = (v) => {
|
|
5709
|
+
let d = v;
|
|
5710
5710
|
if (t.loop) {
|
|
5711
|
-
const y = Math.round(
|
|
5712
|
-
d = (y %
|
|
5711
|
+
const y = Math.round(v / C.value), $ = U.value;
|
|
5712
|
+
d = (y % $ + $) % $ * C.value;
|
|
5713
5713
|
} else
|
|
5714
5714
|
d = Math.min(
|
|
5715
|
-
Math.max(
|
|
5715
|
+
Math.max(v, 0),
|
|
5716
5716
|
oe.value
|
|
5717
5717
|
);
|
|
5718
5718
|
h.value = d, n.value = d;
|
|
5719
|
-
}, P = () => re(h.value + C.value),
|
|
5720
|
-
|
|
5721
|
-
}, V = (
|
|
5722
|
-
!t.autoplay ||
|
|
5719
|
+
}, P = () => re(h.value + C.value), S = () => re(h.value - C.value), x = (v) => {
|
|
5720
|
+
v.key === "ArrowRight" ? P() : v.key === "ArrowLeft" && S();
|
|
5721
|
+
}, V = (v) => (m.value.includes(v) || m.value.push(v), m.value.indexOf(v)), g = (v) => m.value = m.value.filter((d) => d !== v), T = _(() => m.value.length), A = () => {
|
|
5722
|
+
!t.autoplay || E !== null || (E = window.setInterval(() => {
|
|
5723
5723
|
c.value || P();
|
|
5724
5724
|
}, t.autoplayDelay));
|
|
5725
|
-
},
|
|
5726
|
-
|
|
5727
|
-
}, H = (
|
|
5725
|
+
}, F = () => {
|
|
5726
|
+
E !== null && (clearInterval(E), E = null);
|
|
5727
|
+
}, H = (v) => {
|
|
5728
5728
|
if (typeof t.itemsPerView == "number")
|
|
5729
5729
|
return t.itemsPerView;
|
|
5730
|
-
const d = Object.entries(t.itemsPerView).map(([
|
|
5730
|
+
const d = Object.entries(t.itemsPerView).map(([$, X]) => [Number($), X]).sort(($, X) => $[0] - X[0]);
|
|
5731
5731
|
let y = d[0]?.[1] ?? 1;
|
|
5732
|
-
for (const [
|
|
5732
|
+
for (const [$, X] of d) v >= $ && (y = X);
|
|
5733
5733
|
return y;
|
|
5734
|
-
}, O = (
|
|
5735
|
-
|
|
5736
|
-
},
|
|
5734
|
+
}, O = (v) => {
|
|
5735
|
+
v.button === 0 && (u.value = !0, o.value = v.clientX, a.value = v.clientX, r.value = v.clientX, i.value = 0, s.value = performance.now(), l.value = 0, f.value = h.value, R.value?.setPointerCapture(v.pointerId), F(), R.value.style.userSelect = "");
|
|
5736
|
+
}, I = (v) => {
|
|
5737
5737
|
if (!u.value) return;
|
|
5738
|
-
const d = performance.now(), y =
|
|
5739
|
-
|
|
5740
|
-
}, D = (
|
|
5738
|
+
const d = performance.now(), y = v.clientX - a.value, $ = d - s.value;
|
|
5739
|
+
$ > 0 && (l.value = y / $), a.value = v.clientX, s.value = d, r.value = v.clientX, i.value = r.value - o.value;
|
|
5740
|
+
}, D = (v) => {
|
|
5741
5741
|
if (!u.value) return;
|
|
5742
|
-
u.value = !1,
|
|
5743
|
-
const d =
|
|
5744
|
-
Math.abs(l.value) > $l ? l.value < 0 ? P() :
|
|
5742
|
+
u.value = !1, R.value?.releasePointerCapture(v.pointerId), R.value.style.userSelect = "";
|
|
5743
|
+
const d = R.value.clientWidth / C.value, y = i.value / d;
|
|
5744
|
+
Math.abs(l.value) > $l ? l.value < 0 ? P() : S() : Math.abs(y) > Il ? y < 0 ? P() : S() : re(f.value), i.value = 0, l.value = 0, A();
|
|
5745
5745
|
};
|
|
5746
5746
|
return ve(() => {
|
|
5747
|
-
|
|
5748
|
-
const d =
|
|
5747
|
+
A(), L.value && (M = new ResizeObserver((v) => {
|
|
5748
|
+
const d = v[0]?.contentRect.width;
|
|
5749
5749
|
d !== void 0 && (C.value = H(d));
|
|
5750
5750
|
}), M.observe(L.value));
|
|
5751
5751
|
}), Be(() => {
|
|
5752
|
-
|
|
5752
|
+
F(), M?.disconnect();
|
|
5753
5753
|
}), Q(
|
|
5754
5754
|
() => t.autoplay,
|
|
5755
|
-
(
|
|
5756
|
-
|
|
5755
|
+
(v) => {
|
|
5756
|
+
v ? A() : F();
|
|
5757
5757
|
},
|
|
5758
5758
|
{ immediate: !0 }
|
|
5759
5759
|
), Q(C, () => h.value = Math.min(h.value, oe.value)), He("CarouselContext", {
|
|
@@ -5763,7 +5763,7 @@ const fr = {
|
|
|
5763
5763
|
slideCount: T,
|
|
5764
5764
|
deltaX: i,
|
|
5765
5765
|
itemsPerView: t.itemsPerView instanceof Object ? C : k(t.itemsPerView)
|
|
5766
|
-
}), (
|
|
5766
|
+
}), (v, d) => (p(), b("div", {
|
|
5767
5767
|
ref_key: "rootRef",
|
|
5768
5768
|
ref: L,
|
|
5769
5769
|
role: "region",
|
|
@@ -5771,7 +5771,7 @@ const fr = {
|
|
|
5771
5771
|
"aria-roledescription": "carousel",
|
|
5772
5772
|
"aria-label": e.ariaLabel,
|
|
5773
5773
|
tabindex: "0",
|
|
5774
|
-
"aria-activedescendant":
|
|
5774
|
+
"aria-activedescendant": B.value,
|
|
5775
5775
|
style: Ie({ "--items-per-view": C.value }),
|
|
5776
5776
|
onKeydown: x,
|
|
5777
5777
|
onMouseenter: d[0] || (d[0] = (y) => c.value = !0),
|
|
@@ -5786,15 +5786,15 @@ const fr = {
|
|
|
5786
5786
|
w("div", wl, [
|
|
5787
5787
|
w("div", {
|
|
5788
5788
|
ref_key: "trackRef",
|
|
5789
|
-
ref:
|
|
5789
|
+
ref: R,
|
|
5790
5790
|
class: "carousel-track",
|
|
5791
5791
|
style: Ie(ue.value),
|
|
5792
5792
|
onPointerdown: O,
|
|
5793
|
-
onPointermove:
|
|
5793
|
+
onPointermove: I,
|
|
5794
5794
|
onPointerup: D,
|
|
5795
5795
|
onPointercancel: D
|
|
5796
5796
|
}, [
|
|
5797
|
-
G(
|
|
5797
|
+
G(v.$slots, "default", {}, void 0, !0)
|
|
5798
5798
|
], 36)
|
|
5799
5799
|
]),
|
|
5800
5800
|
w("span", Ml, " Slide " + j(Math.floor(h.value / C.value) + 1) + " of " + j(U.value), 1),
|
|
@@ -5802,7 +5802,7 @@ const fr = {
|
|
|
5802
5802
|
type: "button",
|
|
5803
5803
|
class: "carousel-control prev",
|
|
5804
5804
|
"aria-label": "Previous slide",
|
|
5805
|
-
onClick:
|
|
5805
|
+
onClick: S
|
|
5806
5806
|
}, [
|
|
5807
5807
|
K(Ce, { name: "directionDown" })
|
|
5808
5808
|
]),
|
|
@@ -5815,21 +5815,21 @@ const fr = {
|
|
|
5815
5815
|
K(Ce, { name: "directionDown" })
|
|
5816
5816
|
]),
|
|
5817
5817
|
e.showIndicators ? (p(), b("div", Ll, [
|
|
5818
|
-
(p(!0), b(de, null, he(U.value, (y,
|
|
5818
|
+
(p(!0), b(de, null, he(U.value, (y, $) => (p(), b("button", {
|
|
5819
5819
|
role: "tab",
|
|
5820
5820
|
type: "button",
|
|
5821
|
-
key:
|
|
5822
|
-
class: fe(["indicator", { active:
|
|
5823
|
-
"aria-label": `Go to slide ${
|
|
5824
|
-
"aria-selected":
|
|
5825
|
-
"aria-current":
|
|
5826
|
-
onClick: (X) => re(
|
|
5821
|
+
key: $,
|
|
5822
|
+
class: fe(["indicator", { active: $ === Math.floor(h.value / C.value) }]),
|
|
5823
|
+
"aria-label": `Go to slide ${$ + 1}`,
|
|
5824
|
+
"aria-selected": $ === z.value,
|
|
5825
|
+
"aria-current": $ === z.value,
|
|
5826
|
+
onClick: (X) => re($ * C.value),
|
|
5827
5827
|
onKeydown: [
|
|
5828
|
-
ye(se((X) => re((
|
|
5829
|
-
ye(se((X) => re((
|
|
5828
|
+
ye(se((X) => re(($ - 1 + U.value) % U.value * C.value), ["prevent"]), ["left"]),
|
|
5829
|
+
ye(se((X) => re(($ + 1) % U.value * C.value), ["prevent"]), ["right"])
|
|
5830
5830
|
]
|
|
5831
5831
|
}, null, 42, xl))), 128))
|
|
5832
|
-
])) :
|
|
5832
|
+
])) : q("", !0)
|
|
5833
5833
|
], 44, kl));
|
|
5834
5834
|
}
|
|
5835
5835
|
}), wr = /* @__PURE__ */ Y(Hl, [["__scopeId", "data-v-30cdfc00"]]), Vl = ["aria-hidden", "aria-label"], Bl = /* @__PURE__ */ Z({
|
|
@@ -5837,17 +5837,17 @@ const fr = {
|
|
|
5837
5837
|
setup(e) {
|
|
5838
5838
|
const n = me("CarouselContext");
|
|
5839
5839
|
if (!n) throw new Error("CarouselItem must be used inside a Carousel");
|
|
5840
|
-
const t = "carousel-item-" + ge(), a = k(0), o =
|
|
5841
|
-
return ve(() => a.value = n.register(t)), Be(() => n.unregister(t)), (
|
|
5840
|
+
const t = "carousel-item-" + ge(), a = k(0), o = _(() => Math.abs(n.deltaX.value) > 5), i = _(() => Math.floor(a.value / n.itemsPerView.value) === Math.floor(n.activeIndex.value / n.itemsPerView.value));
|
|
5841
|
+
return ve(() => a.value = n.register(t)), Be(() => n.unregister(t)), (s, l) => (p(), b("div", {
|
|
5842
5842
|
role: "group",
|
|
5843
5843
|
class: "carousel-item",
|
|
5844
5844
|
id: t,
|
|
5845
5845
|
"aria-roledescription": "slide",
|
|
5846
5846
|
"aria-hidden": !i.value,
|
|
5847
5847
|
"aria-label": `Slide ${a.value + 1}`,
|
|
5848
|
-
onClickCapture: l[0] || (l[0] = (
|
|
5848
|
+
onClickCapture: l[0] || (l[0] = (r) => o.value && r.preventDefault())
|
|
5849
5849
|
}, [
|
|
5850
|
-
G(
|
|
5850
|
+
G(s.$slots, "default", {}, void 0, !0)
|
|
5851
5851
|
], 40, Vl));
|
|
5852
5852
|
}
|
|
5853
5853
|
}), Mr = /* @__PURE__ */ Y(Bl, [["__scopeId", "data-v-a569d055"]]), Je = /* @__PURE__ */ Symbol("TabsContext"), Lr = Z({
|
|
@@ -5866,7 +5866,7 @@ const fr = {
|
|
|
5866
5866
|
},
|
|
5867
5867
|
emits: ["update:modelValue"],
|
|
5868
5868
|
setup(e, { emit: n, slots: t }) {
|
|
5869
|
-
const a = k(e.modelValue ?? e.defaultValue), o = k(!1), i = k([]),
|
|
5869
|
+
const a = k(e.modelValue ?? e.defaultValue), o = k(!1), i = k([]), s = k("forward"), l = k();
|
|
5870
5870
|
Q(a, (h) => {
|
|
5871
5871
|
!h || !o.value || requestAnimationFrame(() => {
|
|
5872
5872
|
document.getElementById(`tab-${h}`)?.focus(), o.value = !1;
|
|
@@ -5879,21 +5879,21 @@ const fr = {
|
|
|
5879
5879
|
), Q(i, (h) => {
|
|
5880
5880
|
!a.value && h.length && (a.value = h[0]);
|
|
5881
5881
|
});
|
|
5882
|
-
const
|
|
5882
|
+
const r = (h, L) => i.value[L] = h, c = (h) => {
|
|
5883
5883
|
const L = i.value.filter(Boolean);
|
|
5884
5884
|
if (!L.length) return;
|
|
5885
|
-
const
|
|
5886
|
-
if (!
|
|
5885
|
+
const R = a.value;
|
|
5886
|
+
if (!R) {
|
|
5887
5887
|
a.value = h, n("update:modelValue", h);
|
|
5888
5888
|
return;
|
|
5889
5889
|
}
|
|
5890
|
-
const
|
|
5891
|
-
if (
|
|
5890
|
+
const E = L.indexOf(R), M = L.indexOf(h);
|
|
5891
|
+
if (E === -1 || M === -1) {
|
|
5892
5892
|
a.value = h, n("update:modelValue", h);
|
|
5893
5893
|
return;
|
|
5894
5894
|
}
|
|
5895
|
-
|
|
5896
|
-
}, u =
|
|
5895
|
+
E !== -1 && M !== -1 && (s.value = M > E ? "forward" : "backward"), R !== h && (a.value = h, n("update:modelValue", h));
|
|
5896
|
+
}, u = _(() => s.value === "forward" ? "tab-slide-forward" : "tab-slide-backward"), f = (h) => {
|
|
5897
5897
|
h instanceof HTMLElement && l.value && (l.value.style.height = `${h.offsetHeight}px`);
|
|
5898
5898
|
}, m = (h) => {
|
|
5899
5899
|
if (h instanceof HTMLElement && l.value) {
|
|
@@ -5908,19 +5908,19 @@ const fr = {
|
|
|
5908
5908
|
return He(Je, {
|
|
5909
5909
|
activeValue: a,
|
|
5910
5910
|
setValue: c,
|
|
5911
|
-
registerTrigger:
|
|
5912
|
-
direction:
|
|
5911
|
+
registerTrigger: r,
|
|
5912
|
+
direction: s,
|
|
5913
5913
|
activationMode: k(e.activationMode),
|
|
5914
5914
|
orientation: k(e.orientation),
|
|
5915
5915
|
triggers: i,
|
|
5916
5916
|
contentWrapperRef: l,
|
|
5917
5917
|
focusOnChange: o
|
|
5918
5918
|
}), () => {
|
|
5919
|
-
const h = t.default?.() || [], L = [],
|
|
5919
|
+
const h = t.default?.() || [], L = [], R = [];
|
|
5920
5920
|
h.forEach((M) => {
|
|
5921
|
-
M.type?.name === "TabsContent" ?
|
|
5921
|
+
M.type?.name === "TabsContent" ? R.push(M) : L.push(M);
|
|
5922
5922
|
});
|
|
5923
|
-
const
|
|
5923
|
+
const E = R.find((M) => M.props?.value === a.value);
|
|
5924
5924
|
return [
|
|
5925
5925
|
...L,
|
|
5926
5926
|
W(
|
|
@@ -5934,14 +5934,14 @@ const fr = {
|
|
|
5934
5934
|
{
|
|
5935
5935
|
name: u.value,
|
|
5936
5936
|
mode: "out-in",
|
|
5937
|
-
onBeforeLeave:
|
|
5937
|
+
onBeforeLeave: f,
|
|
5938
5938
|
onEnter: m,
|
|
5939
5939
|
onAfterEnter: C
|
|
5940
5940
|
},
|
|
5941
|
-
() =>
|
|
5942
|
-
...
|
|
5943
|
-
key:
|
|
5944
|
-
},
|
|
5941
|
+
() => E ? [W(E.type, {
|
|
5942
|
+
...E.props,
|
|
5943
|
+
key: E.props.value
|
|
5944
|
+
}, E.children)] : []
|
|
5945
5945
|
)
|
|
5946
5946
|
)
|
|
5947
5947
|
];
|
|
@@ -5981,34 +5981,34 @@ const fr = {
|
|
|
5981
5981
|
setup(e, { slots: n }) {
|
|
5982
5982
|
const t = me(Je);
|
|
5983
5983
|
if (!t) throw new Error("TabsTrigger components must be used inside <Tabs>");
|
|
5984
|
-
const a =
|
|
5985
|
-
if (t.focusOnChange.value = !0, !["ArrowRight", "ArrowLeft", "ArrowDown", "ArrowUp", "Home", "End"].includes(
|
|
5986
|
-
|
|
5987
|
-
const
|
|
5988
|
-
let u =
|
|
5989
|
-
const
|
|
5990
|
-
switch (
|
|
5984
|
+
const a = _(() => t.activeValue.value === e.value), o = () => !e.disabled && t.setValue(e.value), i = (s) => {
|
|
5985
|
+
if (t.focusOnChange.value = !0, !["ArrowRight", "ArrowLeft", "ArrowDown", "ArrowUp", "Home", "End"].includes(s.key)) return;
|
|
5986
|
+
s.preventDefault();
|
|
5987
|
+
const r = t.triggers.value.filter(Boolean);
|
|
5988
|
+
let u = r.indexOf(e.value);
|
|
5989
|
+
const f = t.orientation.value === "horizontal";
|
|
5990
|
+
switch (s.key) {
|
|
5991
5991
|
case "ArrowRight":
|
|
5992
|
-
|
|
5992
|
+
f && u++;
|
|
5993
5993
|
break;
|
|
5994
5994
|
case "ArrowLeft":
|
|
5995
|
-
|
|
5995
|
+
f && u--;
|
|
5996
5996
|
break;
|
|
5997
5997
|
case "ArrowDown":
|
|
5998
|
-
|
|
5998
|
+
f || u++;
|
|
5999
5999
|
break;
|
|
6000
6000
|
case "ArrowUp":
|
|
6001
|
-
|
|
6001
|
+
f || u--;
|
|
6002
6002
|
break;
|
|
6003
6003
|
case "Home":
|
|
6004
6004
|
u = 0;
|
|
6005
6005
|
break;
|
|
6006
6006
|
case "End":
|
|
6007
|
-
u =
|
|
6007
|
+
u = r.length - 1;
|
|
6008
6008
|
break;
|
|
6009
6009
|
}
|
|
6010
|
-
u = (u +
|
|
6011
|
-
const m =
|
|
6010
|
+
u = (u + r.length) % r.length;
|
|
6011
|
+
const m = r[u];
|
|
6012
6012
|
t.activationMode.value === "auto" && t.setValue(m), requestAnimationFrame(() => {
|
|
6013
6013
|
document.getElementById(`tab-${m}`)?.focus();
|
|
6014
6014
|
});
|
|
@@ -6061,43 +6061,43 @@ const fr = {
|
|
|
6061
6061
|
const a = k(), o = (i) => {
|
|
6062
6062
|
i.key === "ArrowDown" && (i.preventDefault(), n.focusNextItem(t)), i.key === "ArrowUp" && (i.preventDefault(), n.focusPrevItem(t)), (i.key === "Enter" || i.key === " ") && (i.preventDefault(), a.value?.click(), n.close());
|
|
6063
6063
|
};
|
|
6064
|
-
return ve(() => t = n.registerItem(a.value)), (i,
|
|
6064
|
+
return ve(() => t = n.registerItem(a.value)), (i, s) => (p(), b("div", {
|
|
6065
6065
|
ref_key: "itemRef",
|
|
6066
6066
|
ref: a,
|
|
6067
6067
|
role: "menuitem",
|
|
6068
6068
|
class: "ui-dropdown-item",
|
|
6069
6069
|
tabindex: "-1",
|
|
6070
6070
|
onKeydown: o,
|
|
6071
|
-
onClick:
|
|
6071
|
+
onClick: s[0] || (s[0] = //@ts-ignore
|
|
6072
6072
|
(...l) => N(n).close && N(n).close(...l)),
|
|
6073
|
-
onPointerenter:
|
|
6073
|
+
onPointerenter: s[1] || (s[1] = (l) => a.value?.focus())
|
|
6074
6074
|
}, [
|
|
6075
6075
|
G(i.$slots, "default", {}, void 0, !0)
|
|
6076
6076
|
], 544));
|
|
6077
6077
|
}
|
|
6078
6078
|
}), Hr = /* @__PURE__ */ Y(_l, [["__scopeId", "data-v-69de3d9c"]]), Al = (e) => {
|
|
6079
|
-
const n = /* @__PURE__ */ new Date(), t = e.locale || "default", a = k(e.modelValue ?? null), o = k(e.modelValue ? new Date(e.modelValue) : n), i = e.firstDayOfWeek ?? 0,
|
|
6079
|
+
const n = /* @__PURE__ */ new Date(), t = e.locale || "default", a = k(e.modelValue ?? null), o = k(e.modelValue ? new Date(e.modelValue) : n), i = e.firstDayOfWeek ?? 0, s = _(() => {
|
|
6080
6080
|
const m = new Intl.DateTimeFormat(t, { month: "long", year: "numeric" }).format(o.value);
|
|
6081
6081
|
return m.charAt(0).toUpperCase() + m.slice(1);
|
|
6082
|
-
}), l =
|
|
6082
|
+
}), l = _(() => {
|
|
6083
6083
|
const m = new Date(2021, 5, 6);
|
|
6084
6084
|
return Array.from({ length: 7 }).map((C, h) => {
|
|
6085
6085
|
const L = new Date(m);
|
|
6086
6086
|
return L.setDate(m.getDate() + (h + i) % 7), new Intl.DateTimeFormat(t, { weekday: "short" }).format(L).replace(".", "");
|
|
6087
6087
|
});
|
|
6088
|
-
}),
|
|
6089
|
-
const m = o.value.getFullYear(), C = o.value.getMonth(), h = new Date(m, C, 1), L = new Date(m, C + 1, 0),
|
|
6090
|
-
for (let
|
|
6091
|
-
for (let
|
|
6088
|
+
}), r = _(() => {
|
|
6089
|
+
const m = o.value.getFullYear(), C = o.value.getMonth(), h = new Date(m, C, 1), L = new Date(m, C + 1, 0), R = (h.getDay() - i + 7) % 7, E = L.getDate(), M = [];
|
|
6090
|
+
for (let B = 0; B < R; B++) M.push(null);
|
|
6091
|
+
for (let B = 1; B <= E; B++) M.push(new Date(m, C, B));
|
|
6092
6092
|
return M;
|
|
6093
6093
|
});
|
|
6094
6094
|
return {
|
|
6095
6095
|
today: n,
|
|
6096
6096
|
selected: a,
|
|
6097
6097
|
currentMonth: o,
|
|
6098
|
-
monthLabel:
|
|
6098
|
+
monthLabel: s,
|
|
6099
6099
|
weekDays: l,
|
|
6100
|
-
days:
|
|
6100
|
+
days: r,
|
|
6101
6101
|
nextMonth: () => o.value = new Date(o.value.getFullYear(), o.value.getMonth() + 1, 1),
|
|
6102
6102
|
prevMonth: () => o.value = new Date(o.value.getFullYear(), o.value.getMonth() - 1, 1),
|
|
6103
6103
|
select: (m) => a.value = m
|
|
@@ -6115,25 +6115,25 @@ const fr = {
|
|
|
6115
6115
|
}, Bt = (e, n) => {
|
|
6116
6116
|
const t = n.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}$`), o = e.match(a);
|
|
6117
6117
|
if (!o?.groups) return null;
|
|
6118
|
-
const i = Number(o.groups.day ?? 1),
|
|
6119
|
-
return El(i,
|
|
6118
|
+
const i = Number(o.groups.day ?? 1), s = Number(o.groups.month ?? 1), l = Number(o.groups.year ?? 1970), r = Number(o.groups.hour ?? 0), c = Number(o.groups.minute ?? 0), u = Number(o.groups.second ?? 0);
|
|
6119
|
+
return El(i, s, l) ? new Date(l, s - 1, i, r, c, u, 0) : null;
|
|
6120
6120
|
};
|
|
6121
6121
|
function El(e, n, t, a = 1900, o = 2100) {
|
|
6122
6122
|
if (!Number.isInteger(e) || !Number.isInteger(n) || !Number.isInteger(t) || n < 1 || n > 12 || t < a || t > o) return !1;
|
|
6123
6123
|
const i = new Date(t, n, 0).getDate();
|
|
6124
6124
|
if (e < 1 || e > i) return !1;
|
|
6125
|
-
const
|
|
6126
|
-
return
|
|
6125
|
+
const s = new Date(t, n - 1, e);
|
|
6126
|
+
return s.getFullYear() === t && s.getMonth() === n - 1 && s.getDate() === e;
|
|
6127
6127
|
}
|
|
6128
6128
|
const Rl = (e, n) => {
|
|
6129
6129
|
const t = e.replace(/\D/g, ""), a = n.match(Pt);
|
|
6130
6130
|
if (!a) return e;
|
|
6131
6131
|
let o = "", i = 0;
|
|
6132
|
-
for (const
|
|
6133
|
-
const l =
|
|
6134
|
-
if (!
|
|
6135
|
-
if (o +=
|
|
6136
|
-
const c = n.indexOf(
|
|
6132
|
+
for (const s of a) {
|
|
6133
|
+
const l = s.length, r = t.slice(i, i + l);
|
|
6134
|
+
if (!r) break;
|
|
6135
|
+
if (o += r, i += r.length, i < t.length) {
|
|
6136
|
+
const c = n.indexOf(s) + s.length, u = n[c];
|
|
6137
6137
|
u && !u.match(/[DMYHms]/) && (o += u);
|
|
6138
6138
|
}
|
|
6139
6139
|
}
|
|
@@ -6144,10 +6144,10 @@ const Rl = (e, n) => {
|
|
|
6144
6144
|
}, Tl = ["for"], Dl = ["id", "value", "required", "aria-invalid", "disabled", "data-disabled", "placeholder"], Zl = {
|
|
6145
6145
|
key: 0,
|
|
6146
6146
|
class: "dp-panel"
|
|
6147
|
-
}, zl = { class: "dp-header" }, Nl = { class: "month__name" }, Ol = { class: "dp-weekdays" },
|
|
6147
|
+
}, zl = { class: "dp-header" }, Nl = { class: "month__name" }, Ol = { class: "dp-weekdays" }, ql = {
|
|
6148
6148
|
class: "dp-days",
|
|
6149
6149
|
role: "grid"
|
|
6150
|
-
},
|
|
6150
|
+
}, Fl = ["disabled", "aria-pressed", "data-selected", "onMousedown", "aria-label"], Pl = /* @__PURE__ */ Z({
|
|
6151
6151
|
__name: "DatePicker",
|
|
6152
6152
|
props: /* @__PURE__ */ ie({
|
|
6153
6153
|
id: {},
|
|
@@ -6165,14 +6165,14 @@ const Rl = (e, n) => {
|
|
|
6165
6165
|
}),
|
|
6166
6166
|
emits: /* @__PURE__ */ ie(["update:open"], ["update:modelValue"]),
|
|
6167
6167
|
setup(e, { emit: n }) {
|
|
6168
|
-
const t = ke(e, "modelValue"), a = n, o = e, i = k(!1),
|
|
6168
|
+
const t = ke(e, "modelValue"), a = n, o = e, i = k(!1), s = /* @__PURE__ */ new Date(), l = k(""), r = k(null), c = k(null), {
|
|
6169
6169
|
monthLabel: u,
|
|
6170
|
-
weekDays:
|
|
6170
|
+
weekDays: f,
|
|
6171
6171
|
currentMonth: m,
|
|
6172
6172
|
days: C,
|
|
6173
6173
|
nextMonth: h,
|
|
6174
6174
|
prevMonth: L,
|
|
6175
|
-
select:
|
|
6175
|
+
select: R
|
|
6176
6176
|
} = Al({
|
|
6177
6177
|
modelValue: t.value,
|
|
6178
6178
|
locale: o.locale,
|
|
@@ -6180,64 +6180,64 @@ const Rl = (e, n) => {
|
|
|
6180
6180
|
});
|
|
6181
6181
|
Q(
|
|
6182
6182
|
() => t.value,
|
|
6183
|
-
(
|
|
6184
|
-
if (!
|
|
6183
|
+
(S) => {
|
|
6184
|
+
if (!S) {
|
|
6185
6185
|
l.value = "", c.value = null;
|
|
6186
6186
|
return;
|
|
6187
6187
|
}
|
|
6188
|
-
|
|
6188
|
+
R(S), m.value = new Date(S), c.value = S, l.value = ot(S, o.format);
|
|
6189
6189
|
},
|
|
6190
6190
|
{ immediate: !0 }
|
|
6191
6191
|
), Q(
|
|
6192
6192
|
i,
|
|
6193
|
-
async (
|
|
6194
|
-
if (
|
|
6193
|
+
async (S) => {
|
|
6194
|
+
if (S) {
|
|
6195
6195
|
await xe();
|
|
6196
|
-
let x =
|
|
6196
|
+
let x = r.value?.querySelector('button[data-selected="true"]');
|
|
6197
6197
|
if (!x) {
|
|
6198
6198
|
const V = /* @__PURE__ */ new Date();
|
|
6199
|
-
x = Array.from(
|
|
6199
|
+
x = Array.from(r.value?.querySelectorAll("button") || []).find((g) => Number(g.textContent) === V.getDate() && !g.disabled);
|
|
6200
6200
|
}
|
|
6201
6201
|
x && x.focus(), document.addEventListener("keydown", z);
|
|
6202
6202
|
} else document.removeEventListener("keydown", z);
|
|
6203
6203
|
}
|
|
6204
6204
|
);
|
|
6205
|
-
const
|
|
6206
|
-
c.value =
|
|
6207
|
-
}, M = (
|
|
6208
|
-
if (!
|
|
6205
|
+
const E = (S) => {
|
|
6206
|
+
c.value = S, t.value = S, l.value = ot(S, o.format), R(S), i.value = !1;
|
|
6207
|
+
}, M = (S) => {
|
|
6208
|
+
if (!S) return "";
|
|
6209
6209
|
const x = [];
|
|
6210
|
-
return c.value &&
|
|
6211
|
-
},
|
|
6212
|
-
|
|
6213
|
-
}, oe = (
|
|
6214
|
-
const x =
|
|
6215
|
-
let
|
|
6216
|
-
const
|
|
6217
|
-
|
|
6218
|
-
const H = Rl(
|
|
6210
|
+
return c.value && B(S, c.value) && x.push("dp-selected"), B(S, s) && x.push("dp-today"), x.join(" ");
|
|
6211
|
+
}, B = (S, x) => S.getFullYear() === x.getFullYear() && S.getMonth() === x.getMonth() && S.getDate() === x.getDate(), z = (S) => S.key === "Escape" && (i.value = !1), U = (S) => {
|
|
6212
|
+
S.key === "Backspace" || S.key === "Delete" || S.key === "ArrowLeft" || S.key === "ArrowRight" || S.key === "Tab" || /[0-9]/.test(S.key) || S.preventDefault();
|
|
6213
|
+
}, oe = (S) => {
|
|
6214
|
+
const x = S.target, V = x.selectionStart ?? 0, T = x.value.slice(0, V).replace(/\D/g, "").length;
|
|
6215
|
+
let A = x.value.replace(/\D/g, "");
|
|
6216
|
+
const F = Sl(o.format);
|
|
6217
|
+
A = A.slice(0, F);
|
|
6218
|
+
const H = Rl(A, o.format);
|
|
6219
6219
|
l.value = H, x.value = H;
|
|
6220
|
-
let O = 0,
|
|
6221
|
-
for (let
|
|
6222
|
-
if (/\d/.test(H[
|
|
6223
|
-
O =
|
|
6220
|
+
let O = 0, I = 0;
|
|
6221
|
+
for (let v = 0; v < H.length; v++)
|
|
6222
|
+
if (/\d/.test(H[v] ?? "") && I++, I >= T) {
|
|
6223
|
+
O = v + 1;
|
|
6224
6224
|
break;
|
|
6225
6225
|
}
|
|
6226
6226
|
requestAnimationFrame(() => x.setSelectionRange(O, O));
|
|
6227
6227
|
const D = Bt(H, o.format);
|
|
6228
6228
|
D && (c.value = D, t.value = D);
|
|
6229
6229
|
}, ue = () => {
|
|
6230
|
-
|
|
6231
|
-
}, re = (
|
|
6232
|
-
|
|
6230
|
+
r.value && !i.value && !r.value.hasAttribute("readOnly") && (i.value = !0, a("update:open", !0));
|
|
6231
|
+
}, re = (S) => {
|
|
6232
|
+
r.value && (r.value.contains(S.target) || (i.value = !1, a("update:open", !1)));
|
|
6233
6233
|
}, P = () => {
|
|
6234
|
-
const
|
|
6235
|
-
!
|
|
6234
|
+
const S = Bt(l.value, o.format);
|
|
6235
|
+
!S && !c.value ? (l.value = "", t.value = null, c.value = null) : S && (c.value = S, t.value = S, l.value = ot(S, o.format));
|
|
6236
6236
|
};
|
|
6237
|
-
return ve(() => document.addEventListener("mousedown", re)), Se(() => document.removeEventListener("mousedown", re)), (
|
|
6237
|
+
return ve(() => document.addEventListener("mousedown", re)), Se(() => document.removeEventListener("mousedown", re)), (S, x) => (p(), b("div", {
|
|
6238
6238
|
ref_key: "root",
|
|
6239
|
-
ref:
|
|
6240
|
-
class: fe(["dp", { required: Object.keys(
|
|
6239
|
+
ref: r,
|
|
6240
|
+
class: fe(["dp", { required: Object.keys(S.$attrs).includes("required"), error: e.invalid }])
|
|
6241
6241
|
}, [
|
|
6242
6242
|
w("label", {
|
|
6243
6243
|
for: e.id,
|
|
@@ -6251,7 +6251,7 @@ const Rl = (e, n) => {
|
|
|
6251
6251
|
onInput: oe,
|
|
6252
6252
|
onKeydown: U,
|
|
6253
6253
|
onMousedown: ue,
|
|
6254
|
-
required: Object.keys(
|
|
6254
|
+
required: Object.keys(S.$attrs).includes("required") || void 0,
|
|
6255
6255
|
"aria-invalid": !c.value && l.value !== "",
|
|
6256
6256
|
disabled: e.disabled ? !0 : void 0,
|
|
6257
6257
|
"data-disabled": e.disabled ? !0 : void 0,
|
|
@@ -6294,12 +6294,12 @@ const Rl = (e, n) => {
|
|
|
6294
6294
|
}, "›")
|
|
6295
6295
|
]),
|
|
6296
6296
|
w("div", Ol, [
|
|
6297
|
-
(p(!0), b(de, null, he(N(
|
|
6297
|
+
(p(!0), b(de, null, he(N(f), (V) => (p(), b("span", {
|
|
6298
6298
|
class: "week-day__name",
|
|
6299
6299
|
key: V
|
|
6300
6300
|
}, j(V), 1))), 128))
|
|
6301
6301
|
]),
|
|
6302
|
-
w("div",
|
|
6302
|
+
w("div", ql, [
|
|
6303
6303
|
(p(!0), b(de, null, he(N(C), (V, g) => (p(), b("button", {
|
|
6304
6304
|
key: g,
|
|
6305
6305
|
type: "button",
|
|
@@ -6308,9 +6308,9 @@ const Rl = (e, n) => {
|
|
|
6308
6308
|
disabled: !V,
|
|
6309
6309
|
"aria-pressed": M(V) === "dp-selected",
|
|
6310
6310
|
"data-selected": V && M(V) === "dp-selected",
|
|
6311
|
-
onMousedown: se((T) => V &&
|
|
6311
|
+
onMousedown: se((T) => V && E(V), ["prevent"]),
|
|
6312
6312
|
"aria-label": V ? V.toLocaleDateString(o.locale, { weekday: "long", year: "numeric", month: "long", day: "numeric" }) : ""
|
|
6313
|
-
}, j(V?.getDate()), 43,
|
|
6313
|
+
}, j(V?.getDate()), 43, Fl))), 128))
|
|
6314
6314
|
]),
|
|
6315
6315
|
K(Le, {
|
|
6316
6316
|
class: "btn-ghost btn-sm",
|
|
@@ -6321,8 +6321,8 @@ const Rl = (e, n) => {
|
|
|
6321
6321
|
]),
|
|
6322
6322
|
_: 1
|
|
6323
6323
|
}),
|
|
6324
|
-
G(
|
|
6325
|
-
])) :
|
|
6324
|
+
G(S.$slots, "time", {}, void 0, !0)
|
|
6325
|
+
])) : q("", !0)
|
|
6326
6326
|
], 2));
|
|
6327
6327
|
}
|
|
6328
6328
|
}), Ul = /* @__PURE__ */ Y(Pl, [["__scopeId", "data-v-d1319bf0"]]), Kl = {
|
|
@@ -6350,51 +6350,51 @@ const Rl = (e, n) => {
|
|
|
6350
6350
|
}),
|
|
6351
6351
|
emits: ["update:modelValue"],
|
|
6352
6352
|
setup(e) {
|
|
6353
|
-
const n = ke(e, "modelValue"), t = e, a = ge(), o = k(!1), i = k(null),
|
|
6354
|
-
Q(n, (
|
|
6355
|
-
if (
|
|
6356
|
-
const M = new Date(
|
|
6357
|
-
c.value = M, u.value = M.getHours(),
|
|
6353
|
+
const n = ke(e, "modelValue"), t = e, a = ge(), o = k(!1), i = k(null), s = _(() => t.format.includes("HH")), l = _(() => t.format.includes("mm")), r = _(() => t.format.includes("ss")), c = k(n.value ?? null), u = k(n.value?.getHours() ?? (s.value ? 0 : void 0)), f = k(n.value?.getMinutes() ?? (l.value ? 0 : void 0)), m = k(n.value?.getSeconds() ?? (r.value ? 0 : void 0));
|
|
6354
|
+
Q(n, (E) => {
|
|
6355
|
+
if (E) {
|
|
6356
|
+
const M = new Date(E);
|
|
6357
|
+
c.value = M, u.value = M.getHours(), f.value = M.getMinutes(), m.value = M.getSeconds();
|
|
6358
6358
|
} else
|
|
6359
|
-
c.value = null, u.value = 0,
|
|
6360
|
-
}, { immediate: !0 }), Q(c, (
|
|
6361
|
-
if (!
|
|
6362
|
-
const M =
|
|
6363
|
-
M !== u.value && (u.value = M),
|
|
6364
|
-
}, { immediate: !0 }), Q([c, u,
|
|
6359
|
+
c.value = null, u.value = 0, f.value = 0, m.value = 0;
|
|
6360
|
+
}, { immediate: !0 }), Q(c, (E) => {
|
|
6361
|
+
if (!E) return;
|
|
6362
|
+
const M = E.getHours(), B = E.getMinutes(), z = E.getSeconds();
|
|
6363
|
+
M !== u.value && (u.value = M), B !== f.value && (f.value = B), z !== m.value && (m.value = z);
|
|
6364
|
+
}, { immediate: !0 }), Q([c, u, f, m], () => {
|
|
6365
6365
|
if (!c.value) {
|
|
6366
6366
|
n.value = null;
|
|
6367
6367
|
return;
|
|
6368
6368
|
}
|
|
6369
|
-
const
|
|
6370
|
-
z.setHours(
|
|
6369
|
+
const E = Math.min(Math.max(u.value ?? 0, 0), 23), M = Math.min(Math.max(f.value ?? 0, 0), 59), B = Math.min(Math.max(m.value ?? 0, 0), 59), z = new Date(c.value);
|
|
6370
|
+
z.setHours(E, M, B, 0), (!n.value || n.value.getTime() !== z.getTime()) && (n.value = z);
|
|
6371
6371
|
});
|
|
6372
|
-
const C = (
|
|
6373
|
-
i.value && (i.value.contains(
|
|
6374
|
-
}, h = (
|
|
6375
|
-
const M = Number(
|
|
6372
|
+
const C = (E) => {
|
|
6373
|
+
i.value && (i.value.contains(E.target) || (o.value = !1));
|
|
6374
|
+
}, h = (E) => {
|
|
6375
|
+
const M = Number(E.target.value);
|
|
6376
6376
|
isNaN(M) || M < 0 ? u.value = 0 : M > 23 ? u.value = 23 : u.value = M;
|
|
6377
|
-
}, L = (
|
|
6378
|
-
const M = Number(
|
|
6379
|
-
isNaN(M) || M < 0 ?
|
|
6380
|
-
},
|
|
6381
|
-
const M = Number(
|
|
6377
|
+
}, L = (E) => {
|
|
6378
|
+
const M = Number(E.target.value);
|
|
6379
|
+
isNaN(M) || M < 0 ? f.value = 0 : M > 59 ? f.value = 59 : f.value = M;
|
|
6380
|
+
}, R = (E) => {
|
|
6381
|
+
const M = Number(E.target.value);
|
|
6382
6382
|
isNaN(M) || M < 0 ? m.value = 0 : M > 59 ? m.value = 59 : m.value = M;
|
|
6383
6383
|
};
|
|
6384
6384
|
return ve(() => {
|
|
6385
6385
|
document.addEventListener("mousedown", C);
|
|
6386
6386
|
}), Se(() => {
|
|
6387
6387
|
document.removeEventListener("mousedown", C);
|
|
6388
|
-
}), (
|
|
6388
|
+
}), (E, M) => (p(), b("div", {
|
|
6389
6389
|
class: "dtp",
|
|
6390
6390
|
ref_key: "root",
|
|
6391
6391
|
ref: i
|
|
6392
6392
|
}, [
|
|
6393
|
-
K(Ul, be(
|
|
6393
|
+
K(Ul, be(E.$attrs, {
|
|
6394
6394
|
modelValue: c.value,
|
|
6395
|
-
"onUpdate:modelValue": M[3] || (M[3] = (
|
|
6395
|
+
"onUpdate:modelValue": M[3] || (M[3] = (B) => c.value = B),
|
|
6396
6396
|
open: o.value,
|
|
6397
|
-
"onUpdate:open": M[4] || (M[4] = (
|
|
6397
|
+
"onUpdate:open": M[4] || (M[4] = (B) => o.value = B),
|
|
6398
6398
|
id: t.id,
|
|
6399
6399
|
invalid: e.invalid,
|
|
6400
6400
|
locale: e.locale,
|
|
@@ -6406,11 +6406,11 @@ const Rl = (e, n) => {
|
|
|
6406
6406
|
}), {
|
|
6407
6407
|
time: J(() => [
|
|
6408
6408
|
o.value ? (p(), b("div", Kl, [
|
|
6409
|
-
|
|
6409
|
+
s.value ? _e((p(), b("input", {
|
|
6410
6410
|
key: 0,
|
|
6411
6411
|
id: `hour_${N(a)}`,
|
|
6412
6412
|
type: "number",
|
|
6413
|
-
"onUpdate:modelValue": M[0] || (M[0] = (
|
|
6413
|
+
"onUpdate:modelValue": M[0] || (M[0] = (B) => u.value = B),
|
|
6414
6414
|
min: "0",
|
|
6415
6415
|
max: "23",
|
|
6416
6416
|
"aria-label": "Hour",
|
|
@@ -6425,41 +6425,41 @@ const Rl = (e, n) => {
|
|
|
6425
6425
|
void 0,
|
|
6426
6426
|
{ number: !0 }
|
|
6427
6427
|
]
|
|
6428
|
-
]) :
|
|
6429
|
-
|
|
6428
|
+
]) : q("", !0),
|
|
6429
|
+
s.value && l.value ? (p(), b("span", Wl, ":")) : q("", !0),
|
|
6430
6430
|
l.value ? _e((p(), b("input", {
|
|
6431
6431
|
key: 2,
|
|
6432
6432
|
id: `minute_${N(a)}`,
|
|
6433
6433
|
type: "number",
|
|
6434
|
-
"onUpdate:modelValue": M[1] || (M[1] = (
|
|
6434
|
+
"onUpdate:modelValue": M[1] || (M[1] = (B) => f.value = B),
|
|
6435
6435
|
min: "0",
|
|
6436
6436
|
max: "59",
|
|
6437
6437
|
"aria-label": "Minute",
|
|
6438
6438
|
"aria-valuemin": "0",
|
|
6439
6439
|
"aria-valuemax": "59",
|
|
6440
|
-
"aria-valuenow":
|
|
6440
|
+
"aria-valuenow": f.value,
|
|
6441
6441
|
onInput: L
|
|
6442
6442
|
}, null, 40, Yl)), [
|
|
6443
6443
|
[
|
|
6444
6444
|
Ye,
|
|
6445
|
-
|
|
6445
|
+
f.value,
|
|
6446
6446
|
void 0,
|
|
6447
6447
|
{ number: !0 }
|
|
6448
6448
|
]
|
|
6449
|
-
]) :
|
|
6450
|
-
(
|
|
6451
|
-
|
|
6449
|
+
]) : q("", !0),
|
|
6450
|
+
(s.value || l.value) && r.value ? (p(), b("span", Xl, ":")) : q("", !0),
|
|
6451
|
+
r.value ? _e((p(), b("input", {
|
|
6452
6452
|
key: 4,
|
|
6453
6453
|
id: `second_${N(a)}`,
|
|
6454
6454
|
type: "number",
|
|
6455
|
-
"onUpdate:modelValue": M[2] || (M[2] = (
|
|
6455
|
+
"onUpdate:modelValue": M[2] || (M[2] = (B) => m.value = B),
|
|
6456
6456
|
min: "0",
|
|
6457
6457
|
max: "59",
|
|
6458
6458
|
"aria-label": "Second",
|
|
6459
6459
|
"aria-valuemin": "0",
|
|
6460
6460
|
"aria-valuemax": "59",
|
|
6461
6461
|
"aria-valuenow": m.value,
|
|
6462
|
-
onInput:
|
|
6462
|
+
onInput: R
|
|
6463
6463
|
}, null, 40, Gl)), [
|
|
6464
6464
|
[
|
|
6465
6465
|
Ye,
|
|
@@ -6467,8 +6467,8 @@ const Rl = (e, n) => {
|
|
|
6467
6467
|
void 0,
|
|
6468
6468
|
{ number: !0 }
|
|
6469
6469
|
]
|
|
6470
|
-
]) :
|
|
6471
|
-
])) :
|
|
6470
|
+
]) : q("", !0)
|
|
6471
|
+
])) : q("", !0)
|
|
6472
6472
|
]),
|
|
6473
6473
|
_: 1
|
|
6474
6474
|
}, 16, ["modelValue", "open", "id", "invalid", "locale", "format", "label", "disabled", "first-day-of-week", "placeholder"])
|
|
@@ -6501,11 +6501,11 @@ const Rl = (e, n) => {
|
|
|
6501
6501
|
},
|
|
6502
6502
|
emits: ["update:sort", "rowClick"],
|
|
6503
6503
|
setup(e, { emit: n, slots: t }) {
|
|
6504
|
-
const a = (
|
|
6505
|
-
if (!
|
|
6506
|
-
const c = e.sort?.key ===
|
|
6507
|
-
n("update:sort", { key:
|
|
6508
|
-
}, o = () => window.matchMedia("(max-width: 640px)").matches, i = (
|
|
6504
|
+
const a = (r) => {
|
|
6505
|
+
if (!r.sortable) return;
|
|
6506
|
+
const c = e.sort?.key === r.key && e.sort.direction === "asc" ? "desc" : "asc";
|
|
6507
|
+
n("update:sort", { key: r.key, direction: c });
|
|
6508
|
+
}, o = () => window.matchMedia("(max-width: 640px)").matches, i = (r, c) => c.split(".").reduce((u, f) => u?.[f], r), s = () => W(
|
|
6509
6509
|
"div",
|
|
6510
6510
|
{
|
|
6511
6511
|
class: "rs-table-mobile",
|
|
@@ -6513,16 +6513,16 @@ const Rl = (e, n) => {
|
|
|
6513
6513
|
"aria-busy": e.loading || void 0
|
|
6514
6514
|
},
|
|
6515
6515
|
e.loading ? t.loading?.() ?? "Loading..." : e.data.length === 0 ? t.empty?.() ?? "No data available." : e.data.map(
|
|
6516
|
-
(
|
|
6516
|
+
(r, c) => W(
|
|
6517
6517
|
"div",
|
|
6518
6518
|
{
|
|
6519
|
-
key:
|
|
6519
|
+
key: r.id ?? c,
|
|
6520
6520
|
class: "rs-table-card",
|
|
6521
6521
|
role: e.rowClickable ? "button" : "listitem",
|
|
6522
6522
|
tabindex: e.rowClickable ? 0 : void 0,
|
|
6523
|
-
onClick: e.rowClickable ? () => n("rowClick",
|
|
6523
|
+
onClick: e.rowClickable ? () => n("rowClick", r) : void 0,
|
|
6524
6524
|
onKeydown: e.rowClickable ? (u) => {
|
|
6525
|
-
(u.key === "Enter" || u.key === " ") && (u.preventDefault(), n("rowClick",
|
|
6525
|
+
(u.key === "Enter" || u.key === " ") && (u.preventDefault(), n("rowClick", r));
|
|
6526
6526
|
} : void 0
|
|
6527
6527
|
},
|
|
6528
6528
|
e.columns.map(
|
|
@@ -6539,10 +6539,10 @@ const Rl = (e, n) => {
|
|
|
6539
6539
|
"span",
|
|
6540
6540
|
{ class: "rs-table-card-value" },
|
|
6541
6541
|
t.cell?.({
|
|
6542
|
-
row:
|
|
6542
|
+
row: r,
|
|
6543
6543
|
column: u,
|
|
6544
|
-
value: i(
|
|
6545
|
-
}) ?? i(
|
|
6544
|
+
value: i(r, u.key)
|
|
6545
|
+
}) ?? i(r, u.key)
|
|
6546
6546
|
)
|
|
6547
6547
|
]
|
|
6548
6548
|
)
|
|
@@ -6569,19 +6569,19 @@ const Rl = (e, n) => {
|
|
|
6569
6569
|
"tr",
|
|
6570
6570
|
null,
|
|
6571
6571
|
e.columns.map(
|
|
6572
|
-
(
|
|
6572
|
+
(r) => W(
|
|
6573
6573
|
"th",
|
|
6574
6574
|
{
|
|
6575
|
-
key:
|
|
6575
|
+
key: r.key,
|
|
6576
6576
|
style: {
|
|
6577
|
-
width:
|
|
6578
|
-
textAlign:
|
|
6577
|
+
width: r.width || "auto",
|
|
6578
|
+
textAlign: r.align || "left"
|
|
6579
6579
|
},
|
|
6580
|
-
"aria-sort":
|
|
6581
|
-
tabindex:
|
|
6582
|
-
onClick:
|
|
6583
|
-
onKeydown:
|
|
6584
|
-
(c.key === "Enter" || c.key === " ") && (c.preventDefault(), a(
|
|
6580
|
+
"aria-sort": r.sortable ? e.sort?.key === r.key ? e.sort.direction === "asc" ? "ascending" : "descending" : "none" : void 0,
|
|
6581
|
+
tabindex: r.sortable ? 0 : void 0,
|
|
6582
|
+
onClick: r.sortable ? () => a(r) : void 0,
|
|
6583
|
+
onKeydown: r.sortable ? (c) => {
|
|
6584
|
+
(c.key === "Enter" || c.key === " ") && (c.preventDefault(), a(r));
|
|
6585
6585
|
} : void 0,
|
|
6586
6586
|
scope: "col"
|
|
6587
6587
|
},
|
|
@@ -6591,12 +6591,12 @@ const Rl = (e, n) => {
|
|
|
6591
6591
|
[
|
|
6592
6592
|
W(
|
|
6593
6593
|
"span",
|
|
6594
|
-
|
|
6594
|
+
r.header
|
|
6595
6595
|
),
|
|
6596
|
-
|
|
6596
|
+
r.sortable ? W(
|
|
6597
6597
|
Ce,
|
|
6598
6598
|
{
|
|
6599
|
-
name: e.sort?.key ===
|
|
6599
|
+
name: e.sort?.key === r.key ? e.sort.direction === "asc" ? "sortAsc" : "sortDesc" : "sort",
|
|
6600
6600
|
size: 16
|
|
6601
6601
|
}
|
|
6602
6602
|
) : null
|
|
@@ -6634,15 +6634,15 @@ const Rl = (e, n) => {
|
|
|
6634
6634
|
]
|
|
6635
6635
|
)
|
|
6636
6636
|
] : e.data.map(
|
|
6637
|
-
(
|
|
6637
|
+
(r, c) => W(
|
|
6638
6638
|
"tr",
|
|
6639
6639
|
{
|
|
6640
|
-
key:
|
|
6640
|
+
key: r.id ?? c,
|
|
6641
6641
|
tabindex: e.rowClickable ? 0 : void 0,
|
|
6642
6642
|
role: e.rowClickable ? "button" : void 0,
|
|
6643
|
-
onClick: e.rowClickable ? () => n("rowClick",
|
|
6643
|
+
onClick: e.rowClickable ? () => n("rowClick", r) : void 0,
|
|
6644
6644
|
onKeydown: e.rowClickable ? (u) => {
|
|
6645
|
-
(u.key === "Enter" || u.key === " ") && (u.preventDefault(), n("rowClick",
|
|
6645
|
+
(u.key === "Enter" || u.key === " ") && (u.preventDefault(), n("rowClick", r));
|
|
6646
6646
|
} : void 0,
|
|
6647
6647
|
"data-clickable": e.rowClickable || void 0
|
|
6648
6648
|
},
|
|
@@ -6656,10 +6656,10 @@ const Rl = (e, n) => {
|
|
|
6656
6656
|
}
|
|
6657
6657
|
},
|
|
6658
6658
|
t.cell?.({
|
|
6659
|
-
row:
|
|
6659
|
+
row: r,
|
|
6660
6660
|
column: u,
|
|
6661
|
-
value: i(
|
|
6662
|
-
}) ?? i(
|
|
6661
|
+
value: i(r, u.key)
|
|
6662
|
+
}) ?? i(r, u.key)
|
|
6663
6663
|
)
|
|
6664
6664
|
)
|
|
6665
6665
|
)
|
|
@@ -6670,11 +6670,11 @@ const Rl = (e, n) => {
|
|
|
6670
6670
|
)
|
|
6671
6671
|
);
|
|
6672
6672
|
return () => {
|
|
6673
|
-
const
|
|
6673
|
+
const r = e.responsive === "card" || e.responsive === "auto" && o();
|
|
6674
6674
|
return W(
|
|
6675
6675
|
"div",
|
|
6676
6676
|
{ class: "rs-table-container" },
|
|
6677
|
-
|
|
6677
|
+
r ? s() : l()
|
|
6678
6678
|
);
|
|
6679
6679
|
};
|
|
6680
6680
|
}
|
|
@@ -6688,32 +6688,32 @@ const Rl = (e, n) => {
|
|
|
6688
6688
|
}
|
|
6689
6689
|
},
|
|
6690
6690
|
setup(e, { slots: n }) {
|
|
6691
|
-
const t = k([]), a = k(new Set(e.defaultOpen)), o = (
|
|
6692
|
-
if (a.value.has(
|
|
6693
|
-
a.value.delete(
|
|
6691
|
+
const t = k([]), a = k(new Set(e.defaultOpen)), o = (f) => {
|
|
6692
|
+
if (a.value.has(f)) {
|
|
6693
|
+
a.value.delete(f);
|
|
6694
6694
|
return;
|
|
6695
6695
|
}
|
|
6696
|
-
e.multiple || a.value.clear(), a.value.add(
|
|
6697
|
-
}, i = (
|
|
6698
|
-
|
|
6699
|
-
},
|
|
6700
|
-
const m = t.value.indexOf(
|
|
6696
|
+
e.multiple || a.value.clear(), a.value.add(f);
|
|
6697
|
+
}, i = (f) => {
|
|
6698
|
+
f.disabled || t.value.includes(f) || (t.value.push(f), t.value.sort((m, C) => m.offsetTop - C.offsetTop));
|
|
6699
|
+
}, s = (f) => t.value = t.value.filter((m) => m !== f), l = (f) => {
|
|
6700
|
+
const m = t.value.indexOf(f);
|
|
6701
6701
|
t.value[(m + 1) % t.value.length]?.focus();
|
|
6702
|
-
},
|
|
6703
|
-
const m = t.value.indexOf(
|
|
6702
|
+
}, r = (f) => {
|
|
6703
|
+
const m = t.value.indexOf(f);
|
|
6704
6704
|
t.value[(m - 1 + t.value.length) % t.value.length]?.focus();
|
|
6705
6705
|
}, c = () => t.value[0]?.focus(), u = () => {
|
|
6706
|
-
const
|
|
6707
|
-
|
|
6706
|
+
const f = t.value;
|
|
6707
|
+
f.length && f[f.length - 1]?.focus();
|
|
6708
6708
|
};
|
|
6709
6709
|
return He(Qe, {
|
|
6710
6710
|
multiple: e.multiple,
|
|
6711
6711
|
openItems: a,
|
|
6712
6712
|
toggle: o,
|
|
6713
6713
|
registerHeader: i,
|
|
6714
|
-
unregisterHeader:
|
|
6714
|
+
unregisterHeader: s,
|
|
6715
6715
|
focusNext: l,
|
|
6716
|
-
focusPrev:
|
|
6716
|
+
focusPrev: r,
|
|
6717
6717
|
focusFirst: c,
|
|
6718
6718
|
focusLast: u
|
|
6719
6719
|
}), () => n.default?.();
|
|
@@ -6727,7 +6727,7 @@ const Rl = (e, n) => {
|
|
|
6727
6727
|
setup(e, { slots: n }) {
|
|
6728
6728
|
const t = me(Qe);
|
|
6729
6729
|
if (!t) throw new Error("AccordionItem must be used inside Accordion");
|
|
6730
|
-
const a =
|
|
6730
|
+
const a = _(() => t.openItems.value.has(e.id));
|
|
6731
6731
|
return () => W(
|
|
6732
6732
|
"div",
|
|
6733
6733
|
{
|
|
@@ -6746,9 +6746,9 @@ const Rl = (e, n) => {
|
|
|
6746
6746
|
setup(e, { slots: n }) {
|
|
6747
6747
|
const t = me(Qe), a = k(null);
|
|
6748
6748
|
if (!t) throw new Error("AccordionHeader must be used inside Accordion");
|
|
6749
|
-
const o =
|
|
6749
|
+
const o = _(() => t.openItems.value.has(e.id)), i = () => {
|
|
6750
6750
|
e.disabled || t.toggle?.(e.id);
|
|
6751
|
-
},
|
|
6751
|
+
}, s = (l) => {
|
|
6752
6752
|
if (a.value)
|
|
6753
6753
|
switch (l.key) {
|
|
6754
6754
|
case "ArrowDown":
|
|
@@ -6781,7 +6781,7 @@ const Rl = (e, n) => {
|
|
|
6781
6781
|
disabled: e.disabled,
|
|
6782
6782
|
"data-state": o.value ? "open" : "closed",
|
|
6783
6783
|
onClick: i,
|
|
6784
|
-
onKeydown:
|
|
6784
|
+
onKeydown: s
|
|
6785
6785
|
},
|
|
6786
6786
|
[
|
|
6787
6787
|
W(
|
|
@@ -6805,7 +6805,7 @@ const Rl = (e, n) => {
|
|
|
6805
6805
|
setup(e, { slots: n }) {
|
|
6806
6806
|
const t = me(Qe);
|
|
6807
6807
|
if (!t) throw new Error("AccordionPanel must be used inside Accordion");
|
|
6808
|
-
const a =
|
|
6808
|
+
const a = _(() => t.openItems.value.has(e.id));
|
|
6809
6809
|
return () => W(
|
|
6810
6810
|
"div",
|
|
6811
6811
|
{
|
|
@@ -6866,7 +6866,7 @@ export {
|
|
|
6866
6866
|
Lt as PasswordValidator,
|
|
6867
6867
|
ur as RadioButton,
|
|
6868
6868
|
or as Select,
|
|
6869
|
-
|
|
6869
|
+
qt as Spinner,
|
|
6870
6870
|
gr as Step,
|
|
6871
6871
|
yr as Steps,
|
|
6872
6872
|
Br as Table,
|
|
@@ -6883,6 +6883,6 @@ export {
|
|
|
6883
6883
|
mt as Toggle,
|
|
6884
6884
|
bt as Tooltip,
|
|
6885
6885
|
yt as Upload,
|
|
6886
|
-
|
|
6886
|
+
qe as confirm,
|
|
6887
6887
|
dr as toast
|
|
6888
6888
|
};
|