@reinosoft-ui/core 0.1.63 → 0.1.65
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 +818 -814
- package/dist/reinosoft-ui.umd.js +3 -7
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/reinosoft-ui.es.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { defineComponent as Z, ref as w, computed as V, watch as J, onMounted as se, createElementBlock as b, openBlock as f, normalizeStyle as Le, normalizeClass as ue, renderSlot as X, createCommentVNode as
|
|
1
|
+
import { defineComponent as Z, ref as w, computed as V, watch as J, onMounted as se, createElementBlock as b, openBlock as f, normalizeStyle as Le, normalizeClass as ue, renderSlot as X, createCommentVNode as F, withDirectives as Ve, createElementVNode as x, vShow as et, mergeProps as ge, mergeModels as oe, useModel as he, withKeys as Ce, withModifiers as ie, onUnmounted as $e, Fragment as re, unref as E, toDisplayString as K, renderList as ve, nextTick as Me, onBeforeUnmount as Se, createBlock as ee, Teleport as Ze, createVNode as j, Transition as _e, withCtx as Q, useId as fe, provide as xe, createTextVNode as be, resolveDynamicComponent as Te, useAttrs as tt, inject as de, h as U, useSlots as at, resolveComponent as Dt, vModelRadio as St, vModelDynamic as _t, reactive as bt, TransitionGroup as Tt, createApp as Rt, shallowRef as Et, vModelText as Ue } from "vue";
|
|
2
2
|
import { routerKey as Zt } from "vue-router";
|
|
3
|
-
const zt = ["aria-busy"], qt = ["aria-label"], Ot = ["src", "srcset", "sizes", "alt", "aria-hidden", "loading", "decoding"],
|
|
3
|
+
const zt = ["aria-busy"], qt = ["aria-label"], Ot = ["src", "srcset", "sizes", "alt", "aria-hidden", "loading", "decoding"], Nt = /* @__PURE__ */ Z({
|
|
4
4
|
__name: "Image",
|
|
5
5
|
props: {
|
|
6
6
|
src: {},
|
|
@@ -32,7 +32,7 @@ const zt = ["aria-busy"], qt = ["aria-label"], Ot = ["src", "srcset", "sizes", "
|
|
|
32
32
|
(u) => {
|
|
33
33
|
o.value = u, l.value = "loading";
|
|
34
34
|
}
|
|
35
|
-
), se(() => i.value?.complete && i.value.naturalWidth > 0 && (l.value = "loaded")), (u,
|
|
35
|
+
), se(() => i.value?.complete && i.value.naturalWidth > 0 && (l.value = "loaded")), (u, g) => (f(), b("div", {
|
|
36
36
|
class: ue(["ui-image", {
|
|
37
37
|
"is-loading": l.value === "loading",
|
|
38
38
|
"is-error": l.value === "error",
|
|
@@ -43,18 +43,18 @@ const zt = ["aria-busy"], qt = ["aria-label"], Ot = ["src", "srcset", "sizes", "
|
|
|
43
43
|
"aria-busy": l.value === "loading" || void 0
|
|
44
44
|
}, [
|
|
45
45
|
l.value === "loading" ? X(u.$slots, "placeholder", { key: 0 }, () => [
|
|
46
|
-
|
|
46
|
+
g[0] || (g[0] = x("div", {
|
|
47
47
|
class: "ui-image__placeholder",
|
|
48
48
|
"aria-hidden": "true"
|
|
49
49
|
}, null, -1))
|
|
50
50
|
], !0) : l.value === "error" ? X(u.$slots, "fallback", { key: 1 }, () => [
|
|
51
|
-
|
|
51
|
+
x("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, qt)
|
|
56
|
-
], !0) :
|
|
57
|
-
Ve(
|
|
56
|
+
], !0) : F("", !0),
|
|
57
|
+
Ve(x("img", {
|
|
58
58
|
ref_key: "imgRef",
|
|
59
59
|
ref: i,
|
|
60
60
|
class: "ui-image__img",
|
|
@@ -77,11 +77,11 @@ const zt = ["aria-busy"], qt = ["aria-label"], Ot = ["src", "srcset", "sizes", "
|
|
|
77
77
|
for (const [a, o] of n)
|
|
78
78
|
t[a] = o;
|
|
79
79
|
return t;
|
|
80
|
-
}, De = /* @__PURE__ */ W(
|
|
80
|
+
}, De = /* @__PURE__ */ W(Nt, [["__scopeId", "data-v-4c5a40da"]]);
|
|
81
81
|
De.install = (e) => {
|
|
82
82
|
e.component("Image", De);
|
|
83
83
|
};
|
|
84
|
-
const
|
|
84
|
+
const Ft = /* @__PURE__ */ Z({
|
|
85
85
|
__name: "Button",
|
|
86
86
|
setup(e, { expose: n }) {
|
|
87
87
|
const t = w();
|
|
@@ -96,7 +96,7 @@ const Nt = /* @__PURE__ */ Z({
|
|
|
96
96
|
X(a.$slots, "default", {}, void 0, !0)
|
|
97
97
|
], 16));
|
|
98
98
|
}
|
|
99
|
-
}), ke = /* @__PURE__ */ W(
|
|
99
|
+
}), ke = /* @__PURE__ */ W(Ft, [["__scopeId", "data-v-b46162b4"]]);
|
|
100
100
|
ke.install = (e) => {
|
|
101
101
|
e.component("Button", ke);
|
|
102
102
|
};
|
|
@@ -130,8 +130,8 @@ const Pt = ["id", "aria-checked", "aria-disabled", "disabled", "onKeydown"], Kt
|
|
|
130
130
|
Ce(ie(l, ["prevent"]), ["enter"])
|
|
131
131
|
]
|
|
132
132
|
}, [...s[0] || (s[0] = [
|
|
133
|
-
|
|
134
|
-
|
|
133
|
+
x("span", { class: "ui-toggle__track" }, [
|
|
134
|
+
x("span", { class: "ui-toggle__thumb" })
|
|
135
135
|
], -1)
|
|
136
136
|
])], 42, Pt));
|
|
137
137
|
}
|
|
@@ -173,9 +173,9 @@ const kt = (e) => {
|
|
|
173
173
|
document.createRange().selectNodeContents(o);
|
|
174
174
|
const s = a.cloneRange(), d = document.createRange();
|
|
175
175
|
d.selectNodeContents(o), d.setEnd(s.startContainer, s.startOffset);
|
|
176
|
-
const u = d.cloneContents(),
|
|
177
|
-
|
|
178
|
-
const p =
|
|
176
|
+
const u = d.cloneContents(), g = document.createRange();
|
|
177
|
+
g.selectNodeContents(o), g.setStart(s.startContainer, s.startOffset);
|
|
178
|
+
const p = g.cloneContents();
|
|
179
179
|
o.innerHTML = "", o.appendChild(u), o.innerHTML === "" && (o.innerHTML = "<br>"), l.innerHTML = "", l.appendChild(p), l.innerHTML === "" && (l.innerHTML = "<br>"), o.after(l);
|
|
180
180
|
const m = document.createRange();
|
|
181
181
|
m.setStart(l, 0), m.collapse(!0), t.removeAllRanges(), t.addRange(m), n?.normalize();
|
|
@@ -206,20 +206,20 @@ const kt = (e) => {
|
|
|
206
206
|
if (!c) return;
|
|
207
207
|
const v = window.getSelection();
|
|
208
208
|
if (!v || v.rangeCount === 0) return;
|
|
209
|
-
const
|
|
210
|
-
c.contains(
|
|
209
|
+
const h = v.getRangeAt(0);
|
|
210
|
+
c.contains(h.commonAncestorContainer) && (t.value = h.cloneRange());
|
|
211
211
|
}, r = (c) => {
|
|
212
212
|
const v = window.getSelection();
|
|
213
213
|
if (!v || v.rangeCount === 0 || v.isCollapsed) return !1;
|
|
214
|
-
const
|
|
215
|
-
if (!
|
|
216
|
-
const
|
|
217
|
-
if (
|
|
218
|
-
const P = z ===
|
|
214
|
+
const h = v.getRangeAt(0), M = e;
|
|
215
|
+
if (!M) return !1;
|
|
216
|
+
const R = s(h, M), Y = [];
|
|
217
|
+
if (R.forEach((z) => {
|
|
218
|
+
const P = z === h.startContainer ? h.startOffset : 0, le = z === h.endContainer ? h.endOffset : z.textContent.length;
|
|
219
219
|
if (P === le) return;
|
|
220
220
|
let ne;
|
|
221
221
|
P === 0 && le === z.textContent.length ? ne = z : (ne = z.splitText(P), le - P < ne.textContent.length && ne.splitText(le - P));
|
|
222
|
-
const me = Ut(ne, c,
|
|
222
|
+
const me = Ut(ne, c, M);
|
|
223
223
|
if (me)
|
|
224
224
|
jt(me), Y.push(ne);
|
|
225
225
|
else {
|
|
@@ -232,11 +232,11 @@ const kt = (e) => {
|
|
|
232
232
|
const P = Y[Y.length - 1];
|
|
233
233
|
z.setEnd(P, P.textContent.length), v.removeAllRanges(), v.addRange(z), l();
|
|
234
234
|
}
|
|
235
|
-
return C(),
|
|
235
|
+
return C(), L(c);
|
|
236
236
|
}, s = (c, v) => {
|
|
237
237
|
if (!c || !v || !(v instanceof HTMLElement)) return [];
|
|
238
|
-
const
|
|
239
|
-
|
|
238
|
+
const h = c.commonAncestorContainer, M = v.contains(h) ? v : h.nodeType === 3 ? h.parentNode : h, R = document.createTreeWalker(
|
|
239
|
+
M,
|
|
240
240
|
NodeFilter.SHOW_TEXT,
|
|
241
241
|
{
|
|
242
242
|
acceptNode(P) {
|
|
@@ -245,18 +245,18 @@ const kt = (e) => {
|
|
|
245
245
|
}
|
|
246
246
|
), Y = [];
|
|
247
247
|
let z;
|
|
248
|
-
for (; z =
|
|
248
|
+
for (; z = R.nextNode(); ) Y.push(z);
|
|
249
249
|
return Y;
|
|
250
250
|
}, d = (c) => {
|
|
251
251
|
const v = window.getSelection();
|
|
252
252
|
if (!v || v.rangeCount === 0) return !1;
|
|
253
|
-
const
|
|
254
|
-
if (!
|
|
255
|
-
const Y =
|
|
256
|
-
for (Y === "blockquote" && z.setAttribute("class", "rs-blockquote"), z.dataset.block = "true";
|
|
257
|
-
|
|
253
|
+
const h = v.getRangeAt(0), M = u(h.startContainer);
|
|
254
|
+
if (!M) return !1;
|
|
255
|
+
const Y = M.tagName.toLowerCase() === c.toLowerCase() ? "p" : c.toLowerCase(), z = document.createElement(Y);
|
|
256
|
+
for (Y === "blockquote" && z.setAttribute("class", "rs-blockquote"), z.dataset.block = "true"; M.firstChild; ) z.appendChild(M.firstChild);
|
|
257
|
+
M.replaceWith(z);
|
|
258
258
|
const P = document.createRange();
|
|
259
|
-
return P.selectNodeContents(z), v.removeAllRanges(), v.addRange(P), l(), C(),
|
|
259
|
+
return P.selectNodeContents(z), v.removeAllRanges(), v.addRange(P), l(), C(), _(c);
|
|
260
260
|
}, u = (c) => {
|
|
261
261
|
const v = e;
|
|
262
262
|
if (!v) return null;
|
|
@@ -265,10 +265,10 @@ const kt = (e) => {
|
|
|
265
265
|
c = c.parentNode;
|
|
266
266
|
}
|
|
267
267
|
return null;
|
|
268
|
-
},
|
|
269
|
-
const
|
|
270
|
-
if (!
|
|
271
|
-
for (; c && c !==
|
|
268
|
+
}, g = (c, v) => {
|
|
269
|
+
const h = e;
|
|
270
|
+
if (!h) return null;
|
|
271
|
+
for (; c && c !== h; ) {
|
|
272
272
|
if (c instanceof HTMLElement && c.tagName.toLowerCase() === v.toLowerCase()) return c;
|
|
273
273
|
c = c.parentNode;
|
|
274
274
|
}
|
|
@@ -277,51 +277,55 @@ const kt = (e) => {
|
|
|
277
277
|
if (c.key !== "Enter" || c.shiftKey) return;
|
|
278
278
|
const v = window.getSelection();
|
|
279
279
|
if (!v || v.rangeCount === 0) return;
|
|
280
|
-
const
|
|
281
|
-
if (!
|
|
280
|
+
const h = v.getRangeAt(0), M = g(h.startContainer, "li");
|
|
281
|
+
if (!M) return;
|
|
282
282
|
c.preventDefault(), c.stopPropagation();
|
|
283
|
-
const
|
|
284
|
-
if (!
|
|
285
|
-
if (
|
|
283
|
+
const R = M.parentElement;
|
|
284
|
+
if (!R) return;
|
|
285
|
+
if (M.textContent?.trim() === "") {
|
|
286
286
|
const P = document.createElement("p");
|
|
287
|
-
P.dataset.block = "true", P.innerHTML = "<br>",
|
|
287
|
+
P.dataset.block = "true", P.innerHTML = "<br>", R.after(P), M.remove(), R.children.length === 0 && R.remove(), m(P);
|
|
288
288
|
return;
|
|
289
289
|
}
|
|
290
290
|
const z = document.createElement("li");
|
|
291
|
-
z.innerHTML = "<br>",
|
|
291
|
+
z.innerHTML = "<br>", M.after(z), m(z);
|
|
292
292
|
}, m = (c) => {
|
|
293
|
-
const v = document.createRange(),
|
|
294
|
-
v.selectNodeContents(c), v.collapse(!0),
|
|
293
|
+
const v = document.createRange(), h = window.getSelection();
|
|
294
|
+
v.selectNodeContents(c), v.collapse(!0), h?.removeAllRanges(), h?.addRange(v);
|
|
295
295
|
}, C = () => {
|
|
296
296
|
const c = e;
|
|
297
297
|
if (!c) return;
|
|
298
|
-
c.querySelectorAll("p[data-block]").forEach((
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
298
|
+
c.querySelectorAll("p[data-block]").forEach((h) => {
|
|
299
|
+
h.childNodes.forEach((M) => {
|
|
300
|
+
M.nodeType === 3 && !M.textContent?.trim() && M.remove();
|
|
301
|
+
});
|
|
302
|
+
}), c.querySelectorAll("p[data-block]").forEach((h) => {
|
|
303
|
+
!h.querySelector("iframe") && h.hasAttribute("style") && h.removeAttribute("style");
|
|
304
|
+
const R = h.querySelector("p[data-block]");
|
|
305
|
+
R && h.replaceWith(R);
|
|
302
306
|
}), c.normalize();
|
|
303
|
-
},
|
|
307
|
+
}, L = (c) => {
|
|
304
308
|
const v = t.value;
|
|
305
309
|
if (!v) return !1;
|
|
306
|
-
let
|
|
307
|
-
|
|
308
|
-
const
|
|
309
|
-
if (!
|
|
310
|
-
for (;
|
|
311
|
-
if (
|
|
312
|
-
|
|
310
|
+
let h = v.startContainer;
|
|
311
|
+
h.nodeType === Node.TEXT_NODE && (h = h.parentNode);
|
|
312
|
+
const M = e;
|
|
313
|
+
if (!M) return !1;
|
|
314
|
+
for (; h && h !== M; ) {
|
|
315
|
+
if (h instanceof HTMLElement && h.tagName.toLowerCase() === c.toLowerCase()) return !0;
|
|
316
|
+
h = h.parentNode;
|
|
313
317
|
}
|
|
314
318
|
return !1;
|
|
315
|
-
},
|
|
319
|
+
}, _ = (c) => {
|
|
316
320
|
const v = t.value;
|
|
317
321
|
if (!v) return !1;
|
|
318
|
-
let
|
|
319
|
-
|
|
320
|
-
const
|
|
321
|
-
if (!
|
|
322
|
-
for (;
|
|
323
|
-
if (
|
|
324
|
-
|
|
322
|
+
let h = v.startContainer;
|
|
323
|
+
h.nodeType === Node.TEXT_NODE && (h = h.parentNode);
|
|
324
|
+
const M = e;
|
|
325
|
+
if (!M) return !1;
|
|
326
|
+
for (; h && h !== M; ) {
|
|
327
|
+
if (h instanceof HTMLElement && h.dataset.block !== void 0 && h.tagName.toLowerCase() === c.toLowerCase()) return !0;
|
|
328
|
+
h = h.parentNode;
|
|
325
329
|
}
|
|
326
330
|
return !1;
|
|
327
331
|
}, $ = () => {
|
|
@@ -332,76 +336,81 @@ const kt = (e) => {
|
|
|
332
336
|
if (!c || !t.value || !c || !c.contains(t.value.commonAncestorContainer)) return;
|
|
333
337
|
const v = window.getSelection();
|
|
334
338
|
v && (v.removeAllRanges(), v.addRange(t.value));
|
|
335
|
-
}, H = () => i.value?.focusFirstButton?.(),
|
|
339
|
+
}, H = () => i.value?.focusFirstButton?.(), y = (c) => {
|
|
336
340
|
const v = window.getSelection();
|
|
337
341
|
if (!v || v.rangeCount === 0) return;
|
|
338
|
-
const
|
|
339
|
-
if (!
|
|
340
|
-
const
|
|
341
|
-
|
|
342
|
-
const Y =
|
|
343
|
-
z.selectNodeContents(
|
|
344
|
-
const P = z.toString().length, le =
|
|
345
|
-
|
|
342
|
+
const h = v.getRangeAt(0), M = u(h.startContainer);
|
|
343
|
+
if (!M) return;
|
|
344
|
+
const R = h.cloneRange();
|
|
345
|
+
R.selectNodeContents(M), R.setEnd(h.startContainer, h.startOffset);
|
|
346
|
+
const Y = R.toString().length, z = h.cloneRange();
|
|
347
|
+
z.selectNodeContents(M), z.setEnd(h.endContainer, h.endOffset);
|
|
348
|
+
const P = z.toString().length, le = h.collapsed, ne = c(M);
|
|
349
|
+
M.replaceWith(ne);
|
|
346
350
|
const me = document.createTreeWalker(
|
|
347
351
|
ne,
|
|
348
352
|
NodeFilter.SHOW_TEXT,
|
|
349
353
|
null
|
|
350
354
|
);
|
|
351
|
-
let we = 0,
|
|
355
|
+
let we = 0, Re = null, ze = 0, Ie = null, He = 0;
|
|
352
356
|
for (; me.nextNode(); ) {
|
|
353
357
|
const Pe = me.currentNode, Ke = Pe.textContent?.length ?? 0;
|
|
354
|
-
!
|
|
358
|
+
!Re && we + Ke >= Y && (Re = Pe, ze = Y - we), !Ie && we + Ke >= P && (Ie = Pe, He = P - we), we += Ke;
|
|
355
359
|
}
|
|
356
360
|
const Be = document.createRange();
|
|
357
|
-
|
|
358
|
-
},
|
|
361
|
+
Re ? Be.setStart(Re, ze) : Be.setStart(ne, 0), !le && Ie ? Be.setEnd(Ie, He) : Be.collapse(!0), v.removeAllRanges(), v.addRange(Be), l(), C();
|
|
362
|
+
}, T = (c) => {
|
|
359
363
|
const v = e.parentElement?.querySelector("#editor-status");
|
|
360
364
|
v && (v.textContent = c, setTimeout(() => v.textContent = "", 2e3));
|
|
361
365
|
};
|
|
362
366
|
e.addEventListener("keydown", p, { capture: !0 });
|
|
363
|
-
const
|
|
367
|
+
const N = (c) => {
|
|
364
368
|
const v = e;
|
|
365
369
|
if (!v) return;
|
|
366
|
-
const
|
|
367
|
-
v.appendChild(
|
|
370
|
+
const h = document.createRange().createContextualFragment(c);
|
|
371
|
+
v.appendChild(h), C(), v.dispatchEvent(new Event("input", { bubbles: !0 }));
|
|
368
372
|
}, G = (c) => {
|
|
369
373
|
const v = window.getSelection();
|
|
370
374
|
if (!v || v.rangeCount === 0) {
|
|
371
|
-
|
|
375
|
+
N(c);
|
|
372
376
|
return;
|
|
373
377
|
}
|
|
374
|
-
const
|
|
375
|
-
if (!
|
|
376
|
-
|
|
378
|
+
const h = v.getRangeAt(0), M = u(h.startContainer);
|
|
379
|
+
if (!M) {
|
|
380
|
+
N(c);
|
|
377
381
|
return;
|
|
378
382
|
}
|
|
379
|
-
|
|
383
|
+
M.insertAdjacentHTML("afterend", c), C(), e.dispatchEvent(new Event("input", { bubbles: !0 }));
|
|
380
384
|
}, D = (c) => {
|
|
381
|
-
te(
|
|
382
|
-
`<img src="${c}" alt="" loading="lazy">`
|
|
383
|
-
);
|
|
384
|
-
}, _ = (c) => {
|
|
385
|
-
G(`
|
|
386
|
-
<p data-block>
|
|
387
|
-
<img src="${c}" alt="">
|
|
388
|
-
</p>
|
|
389
|
-
`);
|
|
390
|
-
}, A = (c) => {
|
|
391
385
|
const v = document.createElement("span");
|
|
392
|
-
v.
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
const
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
386
|
+
v.className = "img-resizable", v.style.display = "inline-block", v.style.position = "relative", v.style.width = "100%";
|
|
387
|
+
const h = document.createElement("img");
|
|
388
|
+
h.src = c, h.loading = "lazy";
|
|
389
|
+
const M = document.createElement("span");
|
|
390
|
+
M.className = "resize-handle", v.append(h, M), te(v.outerHTML);
|
|
391
|
+
}, S = (c) => {
|
|
392
|
+
const v = document.createElement("span");
|
|
393
|
+
v.className = "img-resizable", v.style.display = "inline-block", v.style.position = "relative", v.style.width = "100%";
|
|
394
|
+
const h = document.createElement("img");
|
|
395
|
+
h.src = c, h.alt = "", h.loading = "lazy";
|
|
396
|
+
const M = document.createElement("span");
|
|
397
|
+
M.className = "resize-handle", v.append(h, M), G(v.outerHTML);
|
|
398
|
+
}, A = (c) => {
|
|
399
|
+
const v = c.closest(".img-resizable");
|
|
400
|
+
if (!v) return;
|
|
401
|
+
const h = v.querySelector(".resize-handle");
|
|
402
|
+
if (!h || v.dataset.resizableInitialized === "true") return;
|
|
403
|
+
v.dataset.resizableInitialized = "true", v.style.display = "inline-block", v.style.position = "relative", c.style.display = "block", c.style.width = "100%", h.style.display = "none";
|
|
404
|
+
const M = () => {
|
|
405
|
+
v.classList.add("active"), h.style.display = "block";
|
|
406
|
+
}, R = () => {
|
|
407
|
+
v.classList.remove("active"), h.style.display = "none";
|
|
399
408
|
};
|
|
400
409
|
c.addEventListener("click", (le) => {
|
|
401
|
-
le.stopPropagation(), e.querySelectorAll(".img-resizable.selected").forEach((ne) => ne.classList.remove("selected")), v.classList.add("selected"),
|
|
410
|
+
le.stopPropagation(), e.querySelectorAll(".img-resizable.selected").forEach((ne) => ne.classList.remove("selected")), v.classList.add("selected"), M();
|
|
402
411
|
}), document.addEventListener("click", (le) => {
|
|
403
412
|
const ne = le.target;
|
|
404
|
-
ne.closest(".img-resizable") || e.querySelectorAll(".img-resizable.selected").forEach((me) => me.classList.remove("selected")), v.contains(ne) ||
|
|
413
|
+
ne.closest(".img-resizable") || e.querySelectorAll(".img-resizable.selected").forEach((me) => me.classList.remove("selected")), v.contains(ne) || R();
|
|
405
414
|
});
|
|
406
415
|
let Y = 0, z = 0;
|
|
407
416
|
const P = (le) => {
|
|
@@ -417,19 +426,14 @@ const kt = (e) => {
|
|
|
417
426
|
};
|
|
418
427
|
document.addEventListener("mousemove", ne), document.addEventListener("mouseup", me), document.addEventListener("touchmove", ne, { passive: !1 }), document.addEventListener("touchend", me);
|
|
419
428
|
};
|
|
420
|
-
|
|
421
|
-
}
|
|
422
|
-
e.addEventListener("click", (c) => {
|
|
423
|
-
const v = c.target.closest(".editor img");
|
|
424
|
-
v && A(v);
|
|
425
|
-
});
|
|
426
|
-
const I = (c) => {
|
|
429
|
+
h.addEventListener("mousedown", P), h.addEventListener("touchstart", P, { passive: !1 });
|
|
430
|
+
}, I = (c) => {
|
|
427
431
|
if (c.key !== "Backspace" && c.key !== "Delete") return;
|
|
428
432
|
const v = e.querySelector(".img-resizable.selected");
|
|
429
433
|
if (!v) return;
|
|
430
434
|
c.preventDefault();
|
|
431
|
-
const
|
|
432
|
-
|
|
435
|
+
const h = v.closest("p[data-block]");
|
|
436
|
+
h && (v.remove(), h.replaceChildren(document.createElement("br")), m(h));
|
|
433
437
|
};
|
|
434
438
|
e.addEventListener("keydown", I, { capture: !0 });
|
|
435
439
|
const B = (c) => {
|
|
@@ -437,11 +441,11 @@ const kt = (e) => {
|
|
|
437
441
|
/(?:youtube\.com\/(?:watch\?v=|shorts\/|embed\/)|youtu\.be\/)([a-zA-Z0-9_-]{11})/
|
|
438
442
|
);
|
|
439
443
|
if (!v) return;
|
|
440
|
-
const
|
|
444
|
+
const h = v[1];
|
|
441
445
|
te(
|
|
442
446
|
`
|
|
443
447
|
<iframe
|
|
444
|
-
src="https://www.youtube.com/embed/${
|
|
448
|
+
src="https://www.youtube.com/embed/${h}?autoplay=0&mute=0&controls=0&showinfo=0&rel=0&iv_load_policy=3&modestbranding=1&enablejsapi=1&playsinline=1"
|
|
445
449
|
frameborder="0"
|
|
446
450
|
allowfullscreen
|
|
447
451
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
|
|
@@ -461,30 +465,30 @@ const kt = (e) => {
|
|
|
461
465
|
if (c.key !== "Backspace" && c.key !== "Delete") return;
|
|
462
466
|
const v = window.getSelection();
|
|
463
467
|
if (!v || v.rangeCount === 0) return;
|
|
464
|
-
const
|
|
465
|
-
if (!
|
|
466
|
-
const
|
|
467
|
-
|
|
468
|
+
const h = v.getRangeAt(0), M = u(h.startContainer);
|
|
469
|
+
if (!M) return;
|
|
470
|
+
const R = M.querySelector("iframe");
|
|
471
|
+
R && (c.preventDefault(), c.stopPropagation(), R.remove(), M.removeAttribute("style"), M.replaceChildren(document.createElement("br")), m(M));
|
|
468
472
|
}, te = (c, v) => {
|
|
469
|
-
const
|
|
470
|
-
if (!
|
|
471
|
-
const
|
|
472
|
-
let
|
|
473
|
-
if (
|
|
474
|
-
const P =
|
|
475
|
-
|
|
473
|
+
const h = e;
|
|
474
|
+
if (!h) return;
|
|
475
|
+
const M = window.getSelection();
|
|
476
|
+
let R = null;
|
|
477
|
+
if (M && M.rangeCount > 0) {
|
|
478
|
+
const P = M.getRangeAt(0);
|
|
479
|
+
R = u(P.startContainer);
|
|
476
480
|
}
|
|
477
|
-
const Y =
|
|
481
|
+
const Y = R && !R.textContent?.trim() && R.querySelectorAll("img, iframe").length === 0;
|
|
478
482
|
let z = null;
|
|
479
|
-
if (Y &&
|
|
480
|
-
v && Object.assign(
|
|
483
|
+
if (Y && R)
|
|
484
|
+
v && Object.assign(R.style, v), R.innerHTML = c, z = document.createElement("p"), z.dataset.block = "true", z.replaceChildren(document.createElement("br")), R.after(z);
|
|
481
485
|
else {
|
|
482
486
|
const P = document.createElement("p");
|
|
483
487
|
P.dataset.block = "true", v && Object.assign(P.style, v), P.innerHTML = c;
|
|
484
488
|
const le = document.createElement("p");
|
|
485
|
-
le.dataset.block = "true", le.replaceChildren(document.createElement("br")),
|
|
489
|
+
le.dataset.block = "true", le.replaceChildren(document.createElement("br")), R ? (R.after(P), P.after(le)) : h.append(P, le), z = le;
|
|
486
490
|
}
|
|
487
|
-
z && m(z), C(),
|
|
491
|
+
h.querySelectorAll(".img-resizable img").forEach((P) => A(P)), z && m(z), C(), h.dispatchEvent(new Event("input", { bubbles: !0 }));
|
|
488
492
|
}, ae = (c) => {
|
|
489
493
|
const v = c.match(/(?:youtube\.com\/(?:watch\?v=|shorts\/|embed\/)|youtu\.be\/)([a-zA-Z0-9_-]{11})/);
|
|
490
494
|
return v && typeof v[1] == "string" ? v[1] : null;
|
|
@@ -505,19 +509,19 @@ const kt = (e) => {
|
|
|
505
509
|
return;
|
|
506
510
|
}
|
|
507
511
|
}
|
|
508
|
-
const
|
|
509
|
-
if (!
|
|
510
|
-
const
|
|
511
|
-
if (!
|
|
512
|
+
const h = c.clipboardData?.getData("text/plain")?.trim();
|
|
513
|
+
if (!h) return;
|
|
514
|
+
const M = ae(h), R = O(h);
|
|
515
|
+
if (!M && !R) return;
|
|
512
516
|
c.preventDefault();
|
|
513
517
|
const Y = window.getSelection();
|
|
514
518
|
if (!Y || Y.rangeCount === 0) return;
|
|
515
519
|
const z = Y.getRangeAt(0), P = u(z.startContainer);
|
|
516
|
-
if (P && P.textContent?.trim() ===
|
|
517
|
-
B(
|
|
520
|
+
if (P && P.textContent?.trim() === h && (P.innerHTML = "<br>"), M) {
|
|
521
|
+
B(h);
|
|
518
522
|
return;
|
|
519
523
|
}
|
|
520
|
-
|
|
524
|
+
R && D(h);
|
|
521
525
|
}, O = (c) => {
|
|
522
526
|
try {
|
|
523
527
|
const v = new URL(c);
|
|
@@ -533,18 +537,18 @@ const kt = (e) => {
|
|
|
533
537
|
rootElement: e,
|
|
534
538
|
saveSelection: l,
|
|
535
539
|
restoreSelection: k,
|
|
536
|
-
isInlineActive:
|
|
537
|
-
isBlockActive:
|
|
540
|
+
isInlineActive: L,
|
|
541
|
+
isBlockActive: _,
|
|
538
542
|
focus: $,
|
|
539
543
|
toolbarRef: i,
|
|
540
544
|
focusFirstToolbarButton: H,
|
|
541
|
-
replaceCurrentBlock:
|
|
545
|
+
replaceCurrentBlock: y,
|
|
542
546
|
buttons: a,
|
|
543
|
-
announce:
|
|
544
|
-
appendBlock:
|
|
547
|
+
announce: T,
|
|
548
|
+
appendBlock: N,
|
|
545
549
|
insertBlockAfterCurrent: G,
|
|
546
550
|
appendImage: D,
|
|
547
|
-
insertImage:
|
|
551
|
+
insertImage: S,
|
|
548
552
|
appendVideo: B
|
|
549
553
|
};
|
|
550
554
|
}, e1 = ["id", "aria-label"], t1 = ["data-placeholder"], a1 = {
|
|
@@ -594,15 +598,15 @@ const kt = (e) => {
|
|
|
594
598
|
"OL",
|
|
595
599
|
"LI",
|
|
596
600
|
"A"
|
|
597
|
-
]),
|
|
601
|
+
]), L = document.createTreeWalker(
|
|
598
602
|
m.body,
|
|
599
603
|
NodeFilter.SHOW_ELEMENT,
|
|
600
604
|
null
|
|
601
|
-
),
|
|
602
|
-
for (;
|
|
603
|
-
const $ =
|
|
605
|
+
), _ = [];
|
|
606
|
+
for (; L.nextNode(); ) {
|
|
607
|
+
const $ = L.currentNode;
|
|
604
608
|
if (!C.has($.tagName)) {
|
|
605
|
-
|
|
609
|
+
_.push($);
|
|
606
610
|
continue;
|
|
607
611
|
}
|
|
608
612
|
if ($.removeAttribute("style"), $.removeAttribute("class"), $.tagName === "A") {
|
|
@@ -610,7 +614,7 @@ const kt = (e) => {
|
|
|
610
614
|
(!k || !k.startsWith("http")) && $.removeAttribute("href");
|
|
611
615
|
}
|
|
612
616
|
}
|
|
613
|
-
return
|
|
617
|
+
return _.forEach(($) => {
|
|
614
618
|
const k = $.parentNode;
|
|
615
619
|
for (; $.firstChild; ) k?.insertBefore($.firstChild, $);
|
|
616
620
|
k?.removeChild($);
|
|
@@ -623,21 +627,21 @@ const kt = (e) => {
|
|
|
623
627
|
const C = (m instanceof Element ? m : m.parentElement)?.closest("[data-block]");
|
|
624
628
|
C && d(C);
|
|
625
629
|
}, d = (p) => {
|
|
626
|
-
const m = p.textContent?.replace(/\u00A0/g, "").trim() ?? "", C = p.querySelector("img, iframe"),
|
|
627
|
-
(m === "" ||
|
|
630
|
+
const m = p.textContent?.replace(/\u00A0/g, "").trim() ?? "", C = p.querySelector("img, iframe"), L = p.innerHTML === "<br>";
|
|
631
|
+
(m === "" || L) && !C ? p.dataset.empty = "true" : p.dataset.empty = "false";
|
|
628
632
|
}, u = (p) => {
|
|
629
633
|
const m = window.getSelection();
|
|
630
634
|
if (!m || m.rangeCount === 0) return;
|
|
631
635
|
const C = m.getRangeAt(0);
|
|
632
636
|
C.deleteContents();
|
|
633
|
-
const
|
|
634
|
-
C.insertNode(
|
|
635
|
-
},
|
|
637
|
+
const L = C.createContextualFragment(p);
|
|
638
|
+
C.insertNode(L), m.collapseToEnd();
|
|
639
|
+
}, g = (p) => {
|
|
636
640
|
p.preventDefault();
|
|
637
641
|
const m = p.clipboardData?.getData("text/html"), C = p.clipboardData?.getData("text/plain");
|
|
638
642
|
if (m) {
|
|
639
|
-
const
|
|
640
|
-
u(
|
|
643
|
+
const L = r(m);
|
|
644
|
+
u(L);
|
|
641
645
|
} else C && u(`<p data-block>${C}</p>`);
|
|
642
646
|
t.editor?.saveSelection(), o.value?.dispatchEvent(new Event("input", { bubbles: !0 }));
|
|
643
647
|
};
|
|
@@ -650,7 +654,7 @@ const kt = (e) => {
|
|
|
650
654
|
}), $e(() => document.removeEventListener("selectionchange", l)), n({
|
|
651
655
|
getRoot: () => o
|
|
652
656
|
}), (p, m) => (f(), b(re, null, [
|
|
653
|
-
|
|
657
|
+
x("div", {
|
|
654
658
|
ref_key: "rootRef",
|
|
655
659
|
ref: o,
|
|
656
660
|
class: "editor",
|
|
@@ -661,7 +665,7 @@ const kt = (e) => {
|
|
|
661
665
|
"aria-label": e.ariaLabel || "Text editor",
|
|
662
666
|
"aria-describedby": "editor-help editor-status",
|
|
663
667
|
onInput: s,
|
|
664
|
-
onPaste:
|
|
668
|
+
onPaste: g,
|
|
665
669
|
onKeydown: [
|
|
666
670
|
i,
|
|
667
671
|
m[0] || (m[0] = Ce((C) => E(Yt)(C, e.editor), ["enter"])),
|
|
@@ -676,20 +680,20 @@ const kt = (e) => {
|
|
|
676
680
|
onKeyup: m[3] || (m[3] = //@ts-ignore
|
|
677
681
|
(...C) => e.editor?.saveSelection && e.editor?.saveSelection(...C))
|
|
678
682
|
}, [
|
|
679
|
-
|
|
683
|
+
x("p", {
|
|
680
684
|
"data-block": "",
|
|
681
685
|
"data-empty": "true",
|
|
682
686
|
"data-placeholder": e.writeHereText
|
|
683
687
|
}, null, 8, t1)
|
|
684
688
|
], 40, e1),
|
|
685
|
-
|
|
686
|
-
m[4] || (m[4] =
|
|
689
|
+
x("div", a1, K(a.value), 1),
|
|
690
|
+
m[4] || (m[4] = x("p", {
|
|
687
691
|
id: "editor-help",
|
|
688
692
|
class: "sr-only"
|
|
689
693
|
}, " Use Ctrl+B for bold, Ctrl+I for italic, Alt+Ctrl+1 for heading level 1. ", -1))
|
|
690
694
|
], 64));
|
|
691
695
|
}
|
|
692
|
-
}), o1 = /* @__PURE__ */ W(n1, [["__scopeId", "data-v-
|
|
696
|
+
}), o1 = /* @__PURE__ */ W(n1, [["__scopeId", "data-v-cdbc4c02"]]), l1 = {
|
|
693
697
|
viewBox: "0 0 512 512",
|
|
694
698
|
paths: [
|
|
695
699
|
{
|
|
@@ -1151,7 +1155,7 @@ const kt = (e) => {
|
|
|
1151
1155
|
fill: "currentColor"
|
|
1152
1156
|
}
|
|
1153
1157
|
]
|
|
1154
|
-
},
|
|
1158
|
+
}, S1 = {
|
|
1155
1159
|
viewBox: "0 0 24 24",
|
|
1156
1160
|
paths: [
|
|
1157
1161
|
{
|
|
@@ -1161,7 +1165,7 @@ const kt = (e) => {
|
|
|
1161
1165
|
"stroke-width": 2
|
|
1162
1166
|
}
|
|
1163
1167
|
]
|
|
1164
|
-
},
|
|
1168
|
+
}, _1 = {
|
|
1165
1169
|
viewBox: "0 0 24 24",
|
|
1166
1170
|
paths: [
|
|
1167
1171
|
{
|
|
@@ -1207,7 +1211,7 @@ const kt = (e) => {
|
|
|
1207
1211
|
"stroke-width": 2
|
|
1208
1212
|
}
|
|
1209
1213
|
]
|
|
1210
|
-
},
|
|
1214
|
+
}, T1 = {
|
|
1211
1215
|
viewBox: "0 0 24 24",
|
|
1212
1216
|
paths: [
|
|
1213
1217
|
{
|
|
@@ -1217,7 +1221,7 @@ const kt = (e) => {
|
|
|
1217
1221
|
"stroke-width": 2
|
|
1218
1222
|
}
|
|
1219
1223
|
]
|
|
1220
|
-
},
|
|
1224
|
+
}, R1 = {
|
|
1221
1225
|
viewBox: "0 0 24 24",
|
|
1222
1226
|
paths: [
|
|
1223
1227
|
{
|
|
@@ -1332,7 +1336,7 @@ const kt = (e) => {
|
|
|
1332
1336
|
fill: "currentColor"
|
|
1333
1337
|
}
|
|
1334
1338
|
]
|
|
1335
|
-
},
|
|
1339
|
+
}, N1 = {
|
|
1336
1340
|
viewBox: "0 0 24 24",
|
|
1337
1341
|
paths: [
|
|
1338
1342
|
{
|
|
@@ -1341,7 +1345,7 @@ const kt = (e) => {
|
|
|
1341
1345
|
fill: "currentColor"
|
|
1342
1346
|
}
|
|
1343
1347
|
]
|
|
1344
|
-
},
|
|
1348
|
+
}, F1 = {
|
|
1345
1349
|
viewBox: "0 0 24 24",
|
|
1346
1350
|
paths: [
|
|
1347
1351
|
{
|
|
@@ -2093,30 +2097,30 @@ const kt = (e) => {
|
|
|
2093
2097
|
head: y1,
|
|
2094
2098
|
bold: L1,
|
|
2095
2099
|
card: x1,
|
|
2096
|
-
heart:
|
|
2100
|
+
heart: T1,
|
|
2097
2101
|
oList: $1,
|
|
2098
2102
|
uList: I1,
|
|
2099
2103
|
close: H1,
|
|
2100
2104
|
clock: V1,
|
|
2101
2105
|
login: B1,
|
|
2102
2106
|
image: D1,
|
|
2103
|
-
phone:
|
|
2107
|
+
phone: S1,
|
|
2104
2108
|
trash: A1,
|
|
2105
|
-
share:
|
|
2109
|
+
share: _1,
|
|
2106
2110
|
spotfy: E1,
|
|
2107
2111
|
church: Z1,
|
|
2108
2112
|
health: W1,
|
|
2109
2113
|
blocks: z1,
|
|
2110
2114
|
shield: q1,
|
|
2111
2115
|
upload: O1,
|
|
2112
|
-
italic:
|
|
2116
|
+
italic: F1,
|
|
2113
2117
|
logout: P1,
|
|
2114
2118
|
ticket: U1,
|
|
2115
2119
|
search: K1,
|
|
2116
2120
|
eyeOff: Y1,
|
|
2117
2121
|
cookie: j1,
|
|
2118
|
-
camera:
|
|
2119
|
-
pencil:
|
|
2122
|
+
camera: N1,
|
|
2123
|
+
pencil: R1,
|
|
2120
2124
|
fashion: X1,
|
|
2121
2125
|
addUser: G1,
|
|
2122
2126
|
loading: Q1,
|
|
@@ -2171,31 +2175,31 @@ const kt = (e) => {
|
|
|
2171
2175
|
a.type === "path" ? (f(), b("path", ge({
|
|
2172
2176
|
key: 0,
|
|
2173
2177
|
ref_for: !0
|
|
2174
|
-
}, a), null, 16)) :
|
|
2178
|
+
}, a), null, 16)) : F("", !0),
|
|
2175
2179
|
a.type === "circle" ? (f(), b("circle", ge({
|
|
2176
2180
|
key: 1,
|
|
2177
2181
|
ref_for: !0
|
|
2178
|
-
}, a), null, 16)) :
|
|
2182
|
+
}, a), null, 16)) : F("", !0),
|
|
2179
2183
|
a.type === "line" ? (f(), b("line", ge({
|
|
2180
2184
|
key: 2,
|
|
2181
2185
|
ref_for: !0
|
|
2182
|
-
}, a), null, 16)) :
|
|
2186
|
+
}, a), null, 16)) : F("", !0),
|
|
2183
2187
|
a.type === "polyline" ? (f(), b("polyline", ge({
|
|
2184
2188
|
key: 3,
|
|
2185
2189
|
ref_for: !0
|
|
2186
|
-
}, a), null, 16)) :
|
|
2190
|
+
}, a), null, 16)) : F("", !0),
|
|
2187
2191
|
a.type === "rect" ? (f(), b("rect", ge({
|
|
2188
2192
|
key: 4,
|
|
2189
2193
|
ref_for: !0
|
|
2190
|
-
}, a), null, 16)) :
|
|
2194
|
+
}, a), null, 16)) : F("", !0),
|
|
2191
2195
|
a.type === "polygon" ? (f(), b("polygon", ge({
|
|
2192
2196
|
key: 5,
|
|
2193
2197
|
ref_for: !0
|
|
2194
|
-
}, a), null, 16)) :
|
|
2198
|
+
}, a), null, 16)) : F("", !0)
|
|
2195
2199
|
], 64))), 128))
|
|
2196
2200
|
], 10, Ha));
|
|
2197
2201
|
}
|
|
2198
|
-
}), pe = /* @__PURE__ */ W(Va, [["__scopeId", "data-v-dd8423eb"]]), Ba = ["aria-controls"], Aa = ["aria-pressed", "onMousedown", "aria-label"], Da = { key: 1 }, We = 8,
|
|
2202
|
+
}), pe = /* @__PURE__ */ W(Va, [["__scopeId", "data-v-dd8423eb"]]), Ba = ["aria-controls"], Aa = ["aria-pressed", "onMousedown", "aria-label"], Da = { key: 1 }, We = 8, Sa = 6, _a = /* @__PURE__ */ Z({
|
|
2199
2203
|
__name: "FloatingToolbar",
|
|
2200
2204
|
props: {
|
|
2201
2205
|
editor: {},
|
|
@@ -2203,81 +2207,81 @@ const kt = (e) => {
|
|
|
2203
2207
|
buttons: {}
|
|
2204
2208
|
},
|
|
2205
2209
|
setup(e, { expose: n }) {
|
|
2206
|
-
const t = e, a = We +
|
|
2210
|
+
const t = e, a = We + Sa, o = w(!1), i = w([]), l = w(null), r = w({});
|
|
2207
2211
|
let s = null, d = null, u = 0;
|
|
2208
|
-
const
|
|
2212
|
+
const g = () => {
|
|
2209
2213
|
r.value = p();
|
|
2210
2214
|
};
|
|
2211
|
-
J(o, async (
|
|
2212
|
-
if (!
|
|
2215
|
+
J(o, async (y) => {
|
|
2216
|
+
if (!y) {
|
|
2213
2217
|
d?.(), d = null, s?.disconnect(), s = null;
|
|
2214
2218
|
return;
|
|
2215
2219
|
}
|
|
2216
|
-
await Me(), await Me(),
|
|
2220
|
+
await Me(), await Me(), g(), l.value && (s = new ResizeObserver(g), s.observe(l.value)), d = m(g);
|
|
2217
2221
|
}, { flush: "post" });
|
|
2218
2222
|
const p = () => {
|
|
2219
|
-
const
|
|
2220
|
-
if (!
|
|
2221
|
-
const
|
|
2222
|
-
if (!
|
|
2223
|
-
const
|
|
2224
|
-
if (!
|
|
2225
|
-
|
|
2226
|
-
) ||
|
|
2227
|
-
const G =
|
|
2223
|
+
const y = window.getSelection();
|
|
2224
|
+
if (!y || y.rangeCount === 0) return {};
|
|
2225
|
+
const T = t.editor?.rootElement;
|
|
2226
|
+
if (!T) return {};
|
|
2227
|
+
const N = y.getRangeAt(0);
|
|
2228
|
+
if (!T.contains(
|
|
2229
|
+
N.commonAncestorContainer.nodeType === 3 ? N.commonAncestorContainer.parentNode : N.commonAncestorContainer
|
|
2230
|
+
) || y.isCollapsed) return {};
|
|
2231
|
+
const G = N.getClientRects().item(0) ?? N.getBoundingClientRect();
|
|
2228
2232
|
if (G.width === 0 && G.height === 0) return {};
|
|
2229
2233
|
const D = l.value;
|
|
2230
2234
|
if (!D) return {};
|
|
2231
|
-
const
|
|
2235
|
+
const S = D.getBoundingClientRect(), A = S.width, I = G.left + G.width / 2, B = Math.max(A / 2 + We, Math.min(I, window.innerWidth - A / 2 - We)), q = G.top - S.height - a;
|
|
2232
2236
|
return q < 0 ? {} : {
|
|
2233
2237
|
position: "fixed",
|
|
2234
2238
|
left: `${B}px`,
|
|
2235
2239
|
top: `${q}px`
|
|
2236
2240
|
};
|
|
2237
|
-
}, m = (
|
|
2238
|
-
let
|
|
2239
|
-
const
|
|
2240
|
-
cancelAnimationFrame(
|
|
2241
|
-
}, G =
|
|
2241
|
+
}, m = (y) => {
|
|
2242
|
+
let T = 0;
|
|
2243
|
+
const N = () => {
|
|
2244
|
+
cancelAnimationFrame(T), T = requestAnimationFrame(y);
|
|
2245
|
+
}, G = N, D = N;
|
|
2242
2246
|
return window.addEventListener("scroll", G, { capture: !0, passive: !0 }), window.addEventListener("resize", D, { passive: !0 }), () => {
|
|
2243
|
-
cancelAnimationFrame(
|
|
2247
|
+
cancelAnimationFrame(T), window.removeEventListener("scroll", G, { capture: !0 }), window.removeEventListener("resize", D);
|
|
2244
2248
|
};
|
|
2245
|
-
}, C = (
|
|
2246
|
-
|
|
2249
|
+
}, C = (y, T) => {
|
|
2250
|
+
y && (i.value[T] = y);
|
|
2247
2251
|
};
|
|
2248
2252
|
J(o, () => {
|
|
2249
2253
|
i.value = [];
|
|
2250
2254
|
});
|
|
2251
|
-
const
|
|
2255
|
+
const L = V(() => [
|
|
2252
2256
|
{
|
|
2253
2257
|
key: "strong",
|
|
2254
2258
|
label: "bold",
|
|
2255
2259
|
type: "icon",
|
|
2256
2260
|
ariaLabel: "Bold",
|
|
2257
|
-
action: (
|
|
2258
|
-
|
|
2261
|
+
action: (y) => {
|
|
2262
|
+
y.restoreSelection(), y.toggleInline("strong"), y.focus(), y.announce(y.isInlineActive("strong") ? "Bold enabled" : "Bold disabled");
|
|
2259
2263
|
},
|
|
2260
|
-
isActive: (
|
|
2264
|
+
isActive: (y) => y.isInlineActive("strong")
|
|
2261
2265
|
},
|
|
2262
2266
|
{
|
|
2263
2267
|
key: "em",
|
|
2264
2268
|
label: "italic",
|
|
2265
2269
|
type: "icon",
|
|
2266
2270
|
ariaLabel: "Italic",
|
|
2267
|
-
action: (
|
|
2268
|
-
|
|
2271
|
+
action: (y) => {
|
|
2272
|
+
y.restoreSelection(), y.toggleInline("em"), y.focus(), y.announce(y.isInlineActive("em") ? "Italic enabled" : "Italic disabled");
|
|
2269
2273
|
},
|
|
2270
|
-
isActive: (
|
|
2274
|
+
isActive: (y) => y.isInlineActive("em")
|
|
2271
2275
|
},
|
|
2272
2276
|
{
|
|
2273
2277
|
key: "h1",
|
|
2274
2278
|
label: "head",
|
|
2275
2279
|
type: "icon",
|
|
2276
2280
|
ariaLabel: "Heading 1",
|
|
2277
|
-
action: (
|
|
2278
|
-
|
|
2281
|
+
action: (y) => {
|
|
2282
|
+
y.restoreSelection(), y.toggleBlock("h1"), y.focus(), y.announce(y.isBlockActive("h1") ? "Heading level 1 enabled" : "Heading level 1 disabled");
|
|
2279
2283
|
},
|
|
2280
|
-
isActive: (
|
|
2284
|
+
isActive: (y) => y.isBlockActive("h1")
|
|
2281
2285
|
},
|
|
2282
2286
|
{
|
|
2283
2287
|
key: "h4",
|
|
@@ -2285,60 +2289,60 @@ const kt = (e) => {
|
|
|
2285
2289
|
type: "icon",
|
|
2286
2290
|
ariaLabel: "Heading 4",
|
|
2287
2291
|
size: 12,
|
|
2288
|
-
action: (
|
|
2289
|
-
|
|
2292
|
+
action: (y) => {
|
|
2293
|
+
y.restoreSelection(), y.toggleBlock("h4"), y.focus(), y.announce(y.isBlockActive("h4") ? "Heading level 4 enabled" : "Heading level 4 disabled");
|
|
2290
2294
|
},
|
|
2291
|
-
isActive: (
|
|
2295
|
+
isActive: (y) => y.isBlockActive("h4")
|
|
2292
2296
|
},
|
|
2293
2297
|
{
|
|
2294
2298
|
key: "quote",
|
|
2295
2299
|
label: "❝",
|
|
2296
2300
|
type: "text",
|
|
2297
2301
|
ariaLabel: "Blockquote",
|
|
2298
|
-
action: (
|
|
2299
|
-
|
|
2302
|
+
action: (y) => {
|
|
2303
|
+
y.restoreSelection(), y.toggleBlock("blockquote"), y.focus(), y.announce(y.isBlockActive("blockquote") ? "Blockquote enabled" : "Blockquote disabled");
|
|
2300
2304
|
},
|
|
2301
|
-
isActive: (
|
|
2305
|
+
isActive: (y) => y.isBlockActive("blockquote")
|
|
2302
2306
|
}
|
|
2303
|
-
]),
|
|
2304
|
-
...
|
|
2307
|
+
]), _ = V(() => [
|
|
2308
|
+
...L.value,
|
|
2305
2309
|
...t.editor?.buttons ?? []
|
|
2306
2310
|
]), $ = async () => {
|
|
2307
2311
|
await Me(), i.value[0]?.focus();
|
|
2308
|
-
}, k = (
|
|
2309
|
-
const
|
|
2310
|
-
if (
|
|
2311
|
-
|
|
2312
|
-
const G =
|
|
2313
|
-
|
|
2312
|
+
}, k = (y) => {
|
|
2313
|
+
const T = i.value, N = T.indexOf(document.activeElement);
|
|
2314
|
+
if (y.key === "ArrowRight") {
|
|
2315
|
+
y.preventDefault();
|
|
2316
|
+
const G = N < T.length - 1 ? N + 1 : 0;
|
|
2317
|
+
T[G]?.focus();
|
|
2314
2318
|
}
|
|
2315
|
-
if (
|
|
2316
|
-
|
|
2317
|
-
const G =
|
|
2318
|
-
|
|
2319
|
+
if (y.key === "ArrowLeft") {
|
|
2320
|
+
y.preventDefault();
|
|
2321
|
+
const G = N > 0 ? N - 1 : T.length - 1;
|
|
2322
|
+
T[G]?.focus();
|
|
2319
2323
|
}
|
|
2320
|
-
|
|
2324
|
+
y.key === "Home" && (y.preventDefault(), T[0]?.focus()), y.key === "End" && (y.preventDefault(), T[T.length - 1]?.focus()), y.key === "Escape" && (y.preventDefault(), t.editor?.restoreSelection(), t.editor?.focus());
|
|
2321
2325
|
}, H = () => {
|
|
2322
2326
|
cancelAnimationFrame(u), u = requestAnimationFrame(() => {
|
|
2323
|
-
const
|
|
2324
|
-
if (!
|
|
2327
|
+
const y = window.getSelection();
|
|
2328
|
+
if (!y || y.rangeCount === 0) {
|
|
2325
2329
|
o.value && (o.value = !1);
|
|
2326
2330
|
return;
|
|
2327
2331
|
}
|
|
2328
|
-
const
|
|
2329
|
-
if (!
|
|
2330
|
-
const
|
|
2332
|
+
const T = t.editor?.rootElement;
|
|
2333
|
+
if (!T) return;
|
|
2334
|
+
const N = y.getRangeAt(0), G = N.commonAncestorContainer.nodeType === 3 ? N.commonAncestorContainer.parentNode ?? N.commonAncestorContainer : N.commonAncestorContainer, D = T.contains(G) && !y.isCollapsed;
|
|
2331
2335
|
o.value !== D && (o.value = D);
|
|
2332
2336
|
});
|
|
2333
2337
|
};
|
|
2334
2338
|
return se(() => {
|
|
2335
2339
|
document.addEventListener("selectionchange", H);
|
|
2336
|
-
}),
|
|
2340
|
+
}), Se(() => {
|
|
2337
2341
|
d?.(), s?.disconnect(), s = null, cancelAnimationFrame(u), document.removeEventListener("selectionchange", H);
|
|
2338
2342
|
}), n({
|
|
2339
2343
|
focusFirstButton: $
|
|
2340
|
-
}), (
|
|
2341
|
-
j(
|
|
2344
|
+
}), (y, T) => (f(), ee(Ze, { to: "body" }, [
|
|
2345
|
+
j(_e, { name: "tooltip-fade" }, {
|
|
2342
2346
|
default: Q(() => [
|
|
2343
2347
|
o.value ? (f(), b("div", {
|
|
2344
2348
|
key: 0,
|
|
@@ -2352,30 +2356,30 @@ const kt = (e) => {
|
|
|
2352
2356
|
tabindex: "-1",
|
|
2353
2357
|
onKeydown: k
|
|
2354
2358
|
}, [
|
|
2355
|
-
|
|
2356
|
-
(f(!0), b(re, null, ve(
|
|
2357
|
-
key:
|
|
2359
|
+
T[0] || (T[0] = x("div", { class: "arrow" }, null, -1)),
|
|
2360
|
+
(f(!0), b(re, null, ve(_.value, (N, G) => (f(), b("button", {
|
|
2361
|
+
key: N.key ?? G,
|
|
2358
2362
|
type: "button",
|
|
2359
2363
|
ref_for: !0,
|
|
2360
2364
|
ref: (D) => C(D, G),
|
|
2361
|
-
class: ue({ "is-active":
|
|
2362
|
-
"aria-pressed":
|
|
2363
|
-
onMousedown: ie((D) =>
|
|
2364
|
-
"aria-label":
|
|
2365
|
+
class: ue({ "is-active": N.isActive?.(t.editor) }),
|
|
2366
|
+
"aria-pressed": N.isActive?.(t.editor),
|
|
2367
|
+
onMousedown: ie((D) => N.action(t.editor), ["prevent"]),
|
|
2368
|
+
"aria-label": N.ariaLabel
|
|
2365
2369
|
}, [
|
|
2366
|
-
|
|
2370
|
+
N.type === "icon" ? (f(), ee(pe, {
|
|
2367
2371
|
key: 0,
|
|
2368
|
-
name:
|
|
2369
|
-
size:
|
|
2370
|
-
}, null, 8, ["name", "size"])) : (f(), b("span", Da, K(
|
|
2372
|
+
name: N.label,
|
|
2373
|
+
size: N.size ?? 14
|
|
2374
|
+
}, null, 8, ["name", "size"])) : (f(), b("span", Da, K(N.label), 1))
|
|
2371
2375
|
], 42, Aa))), 128))
|
|
2372
|
-
], 44, Ba)) :
|
|
2376
|
+
], 44, Ba)) : F("", !0)
|
|
2373
2377
|
]),
|
|
2374
2378
|
_: 1
|
|
2375
2379
|
})
|
|
2376
2380
|
]));
|
|
2377
2381
|
}
|
|
2378
|
-
}),
|
|
2382
|
+
}), Ta = /* @__PURE__ */ W(_a, [["__scopeId", "data-v-a4eb014c"]]), Ra = { class: "editor" }, ct = /* @__PURE__ */ Z({
|
|
2379
2383
|
__name: "Editor",
|
|
2380
2384
|
props: /* @__PURE__ */ oe({
|
|
2381
2385
|
ariaLabel: {},
|
|
@@ -2404,7 +2408,7 @@ const kt = (e) => {
|
|
|
2404
2408
|
d.addEventListener("input", u), $e(() => d.removeEventListener("input", u));
|
|
2405
2409
|
}), xe("announce", (s) => l.value?.announce(s)), n({
|
|
2406
2410
|
editor: l
|
|
2407
|
-
}), (s, d) => (f(), b("section",
|
|
2411
|
+
}), (s, d) => (f(), b("section", Ra, [
|
|
2408
2412
|
j(o1, {
|
|
2409
2413
|
ref_key: "contentRef",
|
|
2410
2414
|
ref: r,
|
|
@@ -2413,7 +2417,7 @@ const kt = (e) => {
|
|
|
2413
2417
|
"aria-label": e.ariaLabel,
|
|
2414
2418
|
"write-here-text": e.writeHereText
|
|
2415
2419
|
}, null, 8, ["editor", "editor-id", "aria-label", "write-here-text"]),
|
|
2416
|
-
j(
|
|
2420
|
+
j(Ta, {
|
|
2417
2421
|
ref_key: "toolbarRef",
|
|
2418
2422
|
ref: i,
|
|
2419
2423
|
editor: l.value,
|
|
@@ -2428,7 +2432,7 @@ ct.install = (e) => {
|
|
|
2428
2432
|
const Ea = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-disabled", "data-disabled", "data-dragging"], Za = ["multiple", "accept", "disabled"], za = {
|
|
2429
2433
|
key: 1,
|
|
2430
2434
|
class: "ui-upload__list"
|
|
2431
|
-
}, qa = { class: "ui-upload__item--default" }, Oa = { class: "ui-upload__file-name" },
|
|
2435
|
+
}, qa = { class: "ui-upload__item--default" }, Oa = { class: "ui-upload__file-name" }, Na = { class: "ui-upload__file-size" }, Fa = {
|
|
2432
2436
|
key: 0,
|
|
2433
2437
|
class: "ui-upload__progress-wrapper"
|
|
2434
2438
|
}, Pa = { class: "ui-upload__progress-text" }, Ka = ["value", "aria-label"], Ua = {
|
|
@@ -2466,9 +2470,9 @@ const Ea = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2466
2470
|
}),
|
|
2467
2471
|
emits: /* @__PURE__ */ oe(["select", "upload", "remove"], ["update:modelValue"]),
|
|
2468
2472
|
setup(e, { emit: n }) {
|
|
2469
|
-
const t = he(e, "modelValue"), a = e, o = n, i = w(0), l = w(""), r = w(!1), s = fe(), d = w(), u = V(() => t.value),
|
|
2473
|
+
const t = he(e, "modelValue"), a = e, o = n, i = w(0), l = w(""), r = w(!1), s = fe(), d = w(), u = V(() => t.value), g = V(() => a.maxSize === 1 / 0 ? "Unlimited" : D(a.maxSize)), p = V(() => !a.disabled && (a.multiple || t.value.length === 0)), m = V(() => u.value.some((I) => I.status === "uploading")), C = () => p.value && d.value?.click(), L = () => {
|
|
2470
2474
|
a.disabled || (i.value++, r.value = !0);
|
|
2471
|
-
},
|
|
2475
|
+
}, _ = () => {
|
|
2472
2476
|
i.value = Math.max(0, i.value - 1), i.value === 0 && (r.value = !1);
|
|
2473
2477
|
}, $ = (I) => {
|
|
2474
2478
|
if (!a.disabled && !(!a.multiple && t.value.length > 0) && (i.value = 0, r.value = !1, !!I.dataTransfer)) {
|
|
@@ -2496,10 +2500,10 @@ const Ea = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2496
2500
|
if (!B.length) return;
|
|
2497
2501
|
o("select", B.map((te) => te.file));
|
|
2498
2502
|
const q = [...u.value, ...B];
|
|
2499
|
-
t.value = q, a.autoUpload && B.forEach(
|
|
2500
|
-
},
|
|
2503
|
+
t.value = q, a.autoUpload && B.forEach(y);
|
|
2504
|
+
}, y = (I) => {
|
|
2501
2505
|
const B = new AbortController();
|
|
2502
|
-
I.progress = 0, I.error = void 0, I.status = "uploading", I.controller = B,
|
|
2506
|
+
I.progress = 0, I.error = void 0, I.status = "uploading", I.controller = B, S(`Started uploading ${I.file.name}`);
|
|
2503
2507
|
const q = () => {
|
|
2504
2508
|
B.signal.removeEventListener("abort", q);
|
|
2505
2509
|
};
|
|
@@ -2510,24 +2514,24 @@ const Ea = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2510
2514
|
I.progress = ae, G();
|
|
2511
2515
|
},
|
|
2512
2516
|
done: () => {
|
|
2513
|
-
I.status = "success", I.progress = 100, I.controller = void 0,
|
|
2517
|
+
I.status = "success", I.progress = 100, I.controller = void 0, S(`Finished uploading ${I.file.name}`), G();
|
|
2514
2518
|
},
|
|
2515
2519
|
fail: (ae) => {
|
|
2516
|
-
I.status = "error", I.error = ae, I.controller = void 0,
|
|
2520
|
+
I.status = "error", I.error = ae, I.controller = void 0, S(`Failed to upload ${I.file.name}: ${ae}`), G();
|
|
2517
2521
|
}
|
|
2518
2522
|
};
|
|
2519
2523
|
o("upload", I, te);
|
|
2520
|
-
},
|
|
2521
|
-
I.controller && (I.controller.abort(), I.status = "canceled", I.controller = void 0,
|
|
2522
|
-
},
|
|
2523
|
-
I.status !== "error" && I.status !== "canceled" ||
|
|
2524
|
+
}, T = (I) => {
|
|
2525
|
+
I.controller && (I.controller.abort(), I.status = "canceled", I.controller = void 0, S(`Canceled uploading ${I.file.name}`), G());
|
|
2526
|
+
}, N = (I) => {
|
|
2527
|
+
I.status !== "error" && I.status !== "canceled" || y(I);
|
|
2524
2528
|
}, G = () => t.value = [...u.value], D = (I) => {
|
|
2525
2529
|
const B = ["B", "KB", "MB", "GB", "TB"];
|
|
2526
2530
|
let q = 0;
|
|
2527
2531
|
for (; I >= 1024 && q < B.length - 1; )
|
|
2528
2532
|
I /= 1024, q++;
|
|
2529
2533
|
return `${I.toFixed(2)} ${B[q]}`;
|
|
2530
|
-
},
|
|
2534
|
+
}, S = (I) => {
|
|
2531
2535
|
l.value = "", requestAnimationFrame(() => {
|
|
2532
2536
|
l.value = I;
|
|
2533
2537
|
});
|
|
@@ -2549,11 +2553,11 @@ const Ea = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2549
2553
|
B[1] || (B[1] = Ce(ie((q) => !e.disabled && C(), ["stop", "prevent"]), ["enter"])),
|
|
2550
2554
|
B[2] || (B[2] = Ce(ie((q) => !e.disabled && C(), ["prevent"]), ["space"]))
|
|
2551
2555
|
],
|
|
2552
|
-
onDragover: B[3] || (B[3] = ie((q) => !e.disabled &&
|
|
2553
|
-
onDragleave:
|
|
2556
|
+
onDragover: B[3] || (B[3] = ie((q) => !e.disabled && L(), ["prevent"])),
|
|
2557
|
+
onDragleave: _,
|
|
2554
2558
|
onDrop: B[4] || (B[4] = ie((q) => !e.disabled && $(q), ["prevent"]))
|
|
2555
2559
|
}, [
|
|
2556
|
-
|
|
2560
|
+
x("input", {
|
|
2557
2561
|
type: "file",
|
|
2558
2562
|
ref_key: "inputRef",
|
|
2559
2563
|
ref: d,
|
|
@@ -2571,8 +2575,8 @@ const Ea = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2571
2575
|
name: "upload",
|
|
2572
2576
|
size: 32
|
|
2573
2577
|
}),
|
|
2574
|
-
B[6] || (B[6] =
|
|
2575
|
-
B[7] || (B[7] =
|
|
2578
|
+
B[6] || (B[6] = x("p", null, "Drag and Drop files here", -1)),
|
|
2579
|
+
B[7] || (B[7] = x("span", null, "or", -1)),
|
|
2576
2580
|
j(ke, {
|
|
2577
2581
|
type: "button",
|
|
2578
2582
|
class: "btn btn-outline"
|
|
@@ -2582,8 +2586,8 @@ const Ea = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2582
2586
|
])]),
|
|
2583
2587
|
_: 1
|
|
2584
2588
|
}),
|
|
2585
|
-
|
|
2586
|
-
], !0) :
|
|
2589
|
+
x("span", null, "Maximum size: " + K(g.value), 1)
|
|
2590
|
+
], !0) : F("", !0),
|
|
2587
2591
|
u.value?.length ? (f(), b("ul", za, [
|
|
2588
2592
|
(f(!0), b(re, null, ve(u.value, (q) => (f(), b("li", {
|
|
2589
2593
|
key: q.id,
|
|
@@ -2592,48 +2596,48 @@ const Ea = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2592
2596
|
X(I.$slots, "file", {
|
|
2593
2597
|
file: q,
|
|
2594
2598
|
remove: () => A(q),
|
|
2595
|
-
cancel: () =>
|
|
2596
|
-
retry: () =>
|
|
2599
|
+
cancel: () => T(q),
|
|
2600
|
+
retry: () => N(q)
|
|
2597
2601
|
}, () => [
|
|
2598
|
-
|
|
2599
|
-
|
|
2600
|
-
|
|
2602
|
+
x("div", qa, [
|
|
2603
|
+
x("span", Oa, K(q.file.name), 1),
|
|
2604
|
+
x("span", Na, K(D(q.file.size)), 1)
|
|
2601
2605
|
]),
|
|
2602
|
-
q.status === "uploading" ? (f(), b("div",
|
|
2603
|
-
|
|
2604
|
-
|
|
2606
|
+
q.status === "uploading" ? (f(), b("div", Fa, [
|
|
2607
|
+
x("span", Pa, K(q.progress) + "% ", 1),
|
|
2608
|
+
x("progress", {
|
|
2605
2609
|
class: "ui-upload__progress",
|
|
2606
2610
|
value: q.progress,
|
|
2607
2611
|
max: "100",
|
|
2608
2612
|
"aria-label": `Upload progress for ${q.file.name}`
|
|
2609
2613
|
}, null, 8, Ka)
|
|
2610
|
-
])) :
|
|
2611
|
-
q.status === "success" ? (f(), b("span", Ua, " Uploaded successful ")) :
|
|
2612
|
-
q.status === "error" ? (f(), b("span", ja, K(q.error || "Upload failed"), 1)) :
|
|
2613
|
-
q.status === "canceled" ? (f(), b("span", Wa, " Upload canceled ")) :
|
|
2614
|
-
|
|
2614
|
+
])) : F("", !0),
|
|
2615
|
+
q.status === "success" ? (f(), b("span", Ua, " Uploaded successful ")) : F("", !0),
|
|
2616
|
+
q.status === "error" ? (f(), b("span", ja, K(q.error || "Upload failed"), 1)) : F("", !0),
|
|
2617
|
+
q.status === "canceled" ? (f(), b("span", Wa, " Upload canceled ")) : F("", !0),
|
|
2618
|
+
x("div", Ya, [
|
|
2615
2619
|
q.status === "uploading" ? (f(), ee(ke, {
|
|
2616
2620
|
key: 0,
|
|
2617
2621
|
type: "button",
|
|
2618
2622
|
class: "btn-danger btn-xs",
|
|
2619
|
-
onClick: ie((te) =>
|
|
2623
|
+
onClick: ie((te) => T(q), ["stop"])
|
|
2620
2624
|
}, {
|
|
2621
2625
|
default: Q(() => [...B[8] || (B[8] = [
|
|
2622
2626
|
be(" Cancel ", -1)
|
|
2623
2627
|
])]),
|
|
2624
2628
|
_: 1
|
|
2625
|
-
}, 8, ["onClick"])) :
|
|
2629
|
+
}, 8, ["onClick"])) : F("", !0),
|
|
2626
2630
|
q.status === "error" || q.status === "canceled" ? (f(), ee(ke, {
|
|
2627
2631
|
key: 1,
|
|
2628
2632
|
type: "button",
|
|
2629
2633
|
class: "btn-info btn-xs",
|
|
2630
|
-
onClick: ie((te) =>
|
|
2634
|
+
onClick: ie((te) => N(q), ["stop"])
|
|
2631
2635
|
}, {
|
|
2632
2636
|
default: Q(() => [...B[9] || (B[9] = [
|
|
2633
2637
|
be(" Retry ", -1)
|
|
2634
2638
|
])]),
|
|
2635
2639
|
_: 1
|
|
2636
|
-
}, 8, ["onClick"])) :
|
|
2640
|
+
}, 8, ["onClick"])) : F("", !0),
|
|
2637
2641
|
q.status !== "uploading" ? (f(), ee(ke, {
|
|
2638
2642
|
key: 2,
|
|
2639
2643
|
type: "button",
|
|
@@ -2645,13 +2649,13 @@ const Ea = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2645
2649
|
be(" Remove ", -1)
|
|
2646
2650
|
])]),
|
|
2647
2651
|
_: 1
|
|
2648
|
-
}, 8, ["onClick"])) :
|
|
2652
|
+
}, 8, ["onClick"])) : F("", !0)
|
|
2649
2653
|
])
|
|
2650
2654
|
], !0)
|
|
2651
2655
|
]))), 128))
|
|
2652
|
-
])) :
|
|
2653
|
-
|
|
2654
|
-
|
|
2656
|
+
])) : F("", !0),
|
|
2657
|
+
x("div", Xa, K(l.value), 1),
|
|
2658
|
+
x("p", {
|
|
2655
2659
|
id: E(s),
|
|
2656
2660
|
class: "sr-only"
|
|
2657
2661
|
}, " Drop files to upload ", 8, Ga)
|
|
@@ -2677,7 +2681,7 @@ const Qa = (e) => {
|
|
|
2677
2681
|
setup(e) {
|
|
2678
2682
|
const n = e, t = a2 + n2, a = w(!1), o = `tooltip-${fe()}`, i = w(null), l = w(null), r = w({});
|
|
2679
2683
|
let s = null, d = null, u = null;
|
|
2680
|
-
const
|
|
2684
|
+
const g = () => {
|
|
2681
2685
|
n.disabled || (s && (clearTimeout(s), s = null), n.delay ? s = window.setTimeout(() => {
|
|
2682
2686
|
a.value = !0, s = null;
|
|
2683
2687
|
}, n.delay) : a.value = !0);
|
|
@@ -2685,53 +2689,53 @@ const Qa = (e) => {
|
|
|
2685
2689
|
s && (clearTimeout(s), s = null), a.value = !1;
|
|
2686
2690
|
}, m = () => {
|
|
2687
2691
|
if (!i.value || !l.value) return {};
|
|
2688
|
-
const
|
|
2692
|
+
const L = i.value.getBoundingClientRect(), _ = l.value.getBoundingClientRect(), $ = {
|
|
2689
2693
|
position: "fixed"
|
|
2690
2694
|
};
|
|
2691
2695
|
switch (n.placement) {
|
|
2692
2696
|
case "top":
|
|
2693
|
-
$.left = `${
|
|
2697
|
+
$.left = `${L.left + L.width / 2 - _.width / 2}px`, $.top = `${L.top - _.height - t}px`;
|
|
2694
2698
|
break;
|
|
2695
2699
|
case "bottom":
|
|
2696
|
-
$.left = `${
|
|
2700
|
+
$.left = `${L.left + L.width / 2 - _.width / 2}px`, $.top = `${L.bottom + t}px`;
|
|
2697
2701
|
break;
|
|
2698
2702
|
case "left":
|
|
2699
|
-
$.left = `${
|
|
2703
|
+
$.left = `${L.left - _.width - t}px`, $.top = `${L.top + L.height / 2 - _.height / 2}px`;
|
|
2700
2704
|
break;
|
|
2701
2705
|
case "right":
|
|
2702
|
-
$.left = `${
|
|
2706
|
+
$.left = `${L.right + t}px`, $.top = `${L.top + L.height / 2 - _.height / 2}px`;
|
|
2703
2707
|
break;
|
|
2704
2708
|
}
|
|
2705
2709
|
return $;
|
|
2706
2710
|
}, C = () => {
|
|
2707
2711
|
r.value = m();
|
|
2708
2712
|
};
|
|
2709
|
-
return J(a, async (
|
|
2710
|
-
if (!
|
|
2713
|
+
return J(a, async (L) => {
|
|
2714
|
+
if (!L) {
|
|
2711
2715
|
d?.(), d = null, u?.disconnect(), u = null;
|
|
2712
2716
|
return;
|
|
2713
2717
|
}
|
|
2714
2718
|
await Me(), C(), d = Qa(C), u = new ResizeObserver(C), l.value && u.observe(l.value), i.value && u.observe(i.value);
|
|
2715
|
-
}),
|
|
2719
|
+
}), Se(() => {
|
|
2716
2720
|
d?.(), u?.disconnect();
|
|
2717
|
-
}), (
|
|
2718
|
-
|
|
2721
|
+
}), (L, _) => (f(), b(re, null, [
|
|
2722
|
+
x("span", {
|
|
2719
2723
|
ref_key: "triggerRef",
|
|
2720
2724
|
ref: i,
|
|
2721
2725
|
class: "tooltip-trigger",
|
|
2722
2726
|
"aria-describedby": a.value ? o : void 0,
|
|
2723
2727
|
"aria-disabled": e.disabled || void 0,
|
|
2724
2728
|
"aria-expanded": a.value || void 0,
|
|
2725
|
-
onMouseenter:
|
|
2729
|
+
onMouseenter: g,
|
|
2726
2730
|
onMouseleave: p,
|
|
2727
|
-
onFocus:
|
|
2731
|
+
onFocus: g,
|
|
2728
2732
|
onBlur: p,
|
|
2729
2733
|
onKeydown: Ce(p, ["esc"])
|
|
2730
2734
|
}, [
|
|
2731
|
-
X(
|
|
2735
|
+
X(L.$slots, "default", {}, void 0, !0)
|
|
2732
2736
|
], 40, e2),
|
|
2733
2737
|
(f(), ee(Ze, { to: "body" }, [
|
|
2734
|
-
j(
|
|
2738
|
+
j(_e, { name: "tooltip-fade" }, {
|
|
2735
2739
|
default: Q(() => [
|
|
2736
2740
|
a.value ? (f(), b("div", {
|
|
2737
2741
|
key: 0,
|
|
@@ -2745,11 +2749,11 @@ const Qa = (e) => {
|
|
|
2745
2749
|
"data-placement": n.placement,
|
|
2746
2750
|
style: Le(r.value)
|
|
2747
2751
|
}, [
|
|
2748
|
-
|
|
2749
|
-
X(
|
|
2752
|
+
_[0] || (_[0] = x("div", { class: "tooltip-arrow" }, null, -1)),
|
|
2753
|
+
X(L.$slots, "content", {}, () => [
|
|
2750
2754
|
be(K(e.content), 1)
|
|
2751
2755
|
], !0)
|
|
2752
|
-
], 12, t2)) :
|
|
2756
|
+
], 12, t2)) : F("", !0)
|
|
2753
2757
|
]),
|
|
2754
2758
|
_: 3
|
|
2755
2759
|
})
|
|
@@ -2786,7 +2790,7 @@ const l2 = {
|
|
|
2786
2790
|
]), r = V(() => t.clickable && t.as !== "button" && t.as !== "a"), s = (u) => {
|
|
2787
2791
|
t.disabled || !i.value || a("click", u);
|
|
2788
2792
|
}, d = () => a("remove");
|
|
2789
|
-
return (u,
|
|
2793
|
+
return (u, g) => (f(), ee(Te(e.as), {
|
|
2790
2794
|
ref_key: "rootRef",
|
|
2791
2795
|
ref: o,
|
|
2792
2796
|
class: ue(["ui-tag", l.value]),
|
|
@@ -2795,15 +2799,15 @@ const l2 = {
|
|
|
2795
2799
|
role: r.value ? "button" : void 0,
|
|
2796
2800
|
onClick: s,
|
|
2797
2801
|
onKeydown: [
|
|
2798
|
-
|
|
2799
|
-
|
|
2802
|
+
g[0] || (g[0] = Ce(ie((p) => !e.disabled && i.value && s(p), ["prevent"]), ["enter"])),
|
|
2803
|
+
g[1] || (g[1] = Ce(ie((p) => !e.disabled && i.value && s(p), ["prevent"]), ["space"]))
|
|
2800
2804
|
]
|
|
2801
2805
|
}, {
|
|
2802
2806
|
default: Q(() => [
|
|
2803
2807
|
u.$slots.icon ? (f(), b("span", l2, [
|
|
2804
2808
|
X(u.$slots, "icon", {}, void 0, !0)
|
|
2805
|
-
])) :
|
|
2806
|
-
|
|
2809
|
+
])) : F("", !0),
|
|
2810
|
+
x("span", r2, [
|
|
2807
2811
|
X(u.$slots, "default", {}, void 0, !0)
|
|
2808
2812
|
]),
|
|
2809
2813
|
e.removable ? (f(), b("button", {
|
|
@@ -2817,7 +2821,7 @@ const l2 = {
|
|
|
2817
2821
|
name: "close",
|
|
2818
2822
|
size: 32
|
|
2819
2823
|
})
|
|
2820
|
-
], 8, s2)) :
|
|
2824
|
+
], 8, s2)) : F("", !0)
|
|
2821
2825
|
]),
|
|
2822
2826
|
_: 3
|
|
2823
2827
|
}, 40, ["class", "aria-disabled", "tabindex", "role"]));
|
|
@@ -2912,7 +2916,7 @@ const l2 = {
|
|
|
2912
2916
|
class: "visually-hidden"
|
|
2913
2917
|
}, [
|
|
2914
2918
|
X(n.$slots, "default")
|
|
2915
|
-
], 8, y2)) :
|
|
2919
|
+
], 8, y2)) : F("", !0);
|
|
2916
2920
|
}
|
|
2917
2921
|
}), b2 = ["id"], lt = /* @__PURE__ */ Z({
|
|
2918
2922
|
__name: "RequiredHint",
|
|
@@ -2925,7 +2929,7 @@ const l2 = {
|
|
|
2925
2929
|
key: 0,
|
|
2926
2930
|
id: `${e.baseId}-required-hint`,
|
|
2927
2931
|
class: "visually-hidden"
|
|
2928
|
-
}, " Required field ", 8, b2)) :
|
|
2932
|
+
}, " Required field ", 8, b2)) : F("", !0);
|
|
2929
2933
|
}
|
|
2930
2934
|
}), k2 = ["id"], rt = /* @__PURE__ */ Z({
|
|
2931
2935
|
__name: "ErrorMessage",
|
|
@@ -2940,7 +2944,7 @@ const l2 = {
|
|
|
2940
2944
|
id: e.errorId,
|
|
2941
2945
|
class: "error-text",
|
|
2942
2946
|
role: "alert"
|
|
2943
|
-
}, K(e.errorMessage), 9, k2)) :
|
|
2947
|
+
}, K(e.errorMessage), 9, k2)) : F("", !0);
|
|
2944
2948
|
}
|
|
2945
2949
|
}), w2 = ["for"], M2 = ["id", "type", "value", "required", "aria-invalid", "aria-errormessage", "aria-describedby"], L2 = /* @__PURE__ */ Z({
|
|
2946
2950
|
__name: "Input",
|
|
@@ -2959,17 +2963,17 @@ const l2 = {
|
|
|
2959
2963
|
}),
|
|
2960
2964
|
emits: /* @__PURE__ */ oe(["focus", "blur"], ["update:modelValue"]),
|
|
2961
2965
|
setup(e, { emit: n }) {
|
|
2962
|
-
const t = he(e, "modelValue"), a = e, o = n, i = tt(), l = w(null), r = fe(), s = `${r}-error`, d = `${r}-hint`, u = qe(i).value,
|
|
2966
|
+
const t = he(e, "modelValue"), a = e, o = n, i = tt(), l = w(null), r = fe(), s = `${r}-error`, d = `${r}-hint`, u = qe(i).value, g = w(!1), p = V(() => t.value !== null && t.value !== void 0 && t.value !== ""), m = V(() => u ? `${d} ${r}-required-hint` : d), C = V(() => a.invalid === !0 && a.errorMessage ? s : void 0), L = V(() => a.type === "password" ? H.value ? "text" : "password" : a.type), _ = V(() => {
|
|
2963
2967
|
const { type: A, ...I } = i;
|
|
2964
2968
|
return I;
|
|
2965
|
-
}), $ = V(() => a.mask ? ft(String(t.value ?? ""), a.mask) : String(t.value ?? "")), k = V(() => Ee(a.mask ?? "").filter((A) => A.type !== "literal").length), H = w(!1),
|
|
2969
|
+
}), $ = V(() => a.mask ? ft(String(t.value ?? ""), a.mask) : String(t.value ?? "")), k = V(() => Ee(a.mask ?? "").filter((A) => A.type !== "literal").length), H = w(!1), y = () => H.value = !H.value, T = (A) => {
|
|
2966
2970
|
if (!a.mask) return;
|
|
2967
2971
|
const I = A.target, B = I.selectionStart ?? 0;
|
|
2968
2972
|
l.value = {
|
|
2969
2973
|
rawCaret: f2(I.value, B),
|
|
2970
2974
|
inputType: A.inputType
|
|
2971
2975
|
};
|
|
2972
|
-
},
|
|
2976
|
+
}, N = (A) => {
|
|
2973
2977
|
const I = A.target;
|
|
2974
2978
|
let B = a.mask ? v2(I.value, a.mask) : I.value;
|
|
2975
2979
|
a.mask && (B = B.slice(0, k.value));
|
|
@@ -2989,26 +2993,26 @@ const l2 = {
|
|
|
2989
2993
|
for (; B > 0 && q[B - 1]?.type === "literal"; ) B--;
|
|
2990
2994
|
requestAnimationFrame(() => I.setSelectionRange(B, B));
|
|
2991
2995
|
}, D = (A) => {
|
|
2992
|
-
|
|
2993
|
-
},
|
|
2994
|
-
|
|
2996
|
+
g.value = !0, o("focus", A);
|
|
2997
|
+
}, S = (A) => {
|
|
2998
|
+
g.value = !1, o("blur", A);
|
|
2995
2999
|
};
|
|
2996
3000
|
return (A, I) => (f(), b("div", {
|
|
2997
|
-
class: ue(["input-box", { required: E(u), error: e.invalid, filled: p.value, focused:
|
|
3001
|
+
class: ue(["input-box", { required: E(u), error: e.invalid, filled: p.value, focused: g.value }])
|
|
2998
3002
|
}, [
|
|
2999
|
-
|
|
3003
|
+
x("label", {
|
|
3000
3004
|
for: e.id,
|
|
3001
3005
|
class: "label"
|
|
3002
3006
|
}, K(e.label), 9, w2),
|
|
3003
|
-
|
|
3007
|
+
x("input", ge({
|
|
3004
3008
|
id: e.id,
|
|
3005
|
-
type:
|
|
3006
|
-
},
|
|
3009
|
+
type: L.value
|
|
3010
|
+
}, _.value, {
|
|
3007
3011
|
class: "input",
|
|
3008
|
-
onBeforeinput:
|
|
3009
|
-
onInput:
|
|
3012
|
+
onBeforeinput: T,
|
|
3013
|
+
onInput: N,
|
|
3010
3014
|
onFocus: D,
|
|
3011
|
-
onBlur:
|
|
3015
|
+
onBlur: S,
|
|
3012
3016
|
onKeydown: G,
|
|
3013
3017
|
value: $.value,
|
|
3014
3018
|
required: E(u),
|
|
@@ -3034,7 +3038,7 @@ const l2 = {
|
|
|
3034
3038
|
e.type === "password" ? (f(), ee(ke, ge({ key: 0 }, Object.keys(A.$attrs).includes("disabled") ? { disabled: !0 } : void 0, {
|
|
3035
3039
|
type: "button",
|
|
3036
3040
|
class: "btn-icon",
|
|
3037
|
-
onClick:
|
|
3041
|
+
onClick: y,
|
|
3038
3042
|
"aria-label": H.value ? "Hide password" : "Show password"
|
|
3039
3043
|
}), {
|
|
3040
3044
|
default: Q(() => [
|
|
@@ -3043,7 +3047,7 @@ const l2 = {
|
|
|
3043
3047
|
}, null, 8, ["name"])
|
|
3044
3048
|
]),
|
|
3045
3049
|
_: 1
|
|
3046
|
-
}, 16, ["aria-label"])) :
|
|
3050
|
+
}, 16, ["aria-label"])) : F("", !0)
|
|
3047
3051
|
], 2));
|
|
3048
3052
|
}
|
|
3049
3053
|
}), gl = /* @__PURE__ */ W(L2, [["__scopeId", "data-v-a553eb5b"]]), x2 = ["data-size", "data-shape", "aria-label", "aria-busy"], $2 = {
|
|
@@ -3088,7 +3092,7 @@ const l2 = {
|
|
|
3088
3092
|
]))
|
|
3089
3093
|
], 8, x2));
|
|
3090
3094
|
}
|
|
3091
|
-
}), yl = /* @__PURE__ */ W(H2, [["__scopeId", "data-v-e36c822a"]]), V2 = ["id", "aria-expanded", "aria-invalid", "aria-labelledby", "aria-required", "aria-describedby", "aria-activedescendant", "aria-disabled"], B2 = ["innerHTML"], A2 = ["id", "aria-disabled", "aria-selected", "onClick"], D2 = ["innerHTML"],
|
|
3095
|
+
}), yl = /* @__PURE__ */ W(H2, [["__scopeId", "data-v-e36c822a"]]), V2 = ["id", "aria-expanded", "aria-invalid", "aria-labelledby", "aria-required", "aria-describedby", "aria-activedescendant", "aria-disabled"], B2 = ["innerHTML"], A2 = ["id", "aria-disabled", "aria-selected", "onClick"], D2 = ["innerHTML"], S2 = /* @__PURE__ */ Z({
|
|
3092
3096
|
__name: "Select",
|
|
3093
3097
|
props: /* @__PURE__ */ oe({
|
|
3094
3098
|
id: {},
|
|
@@ -3106,7 +3110,7 @@ const l2 = {
|
|
|
3106
3110
|
J(i, (O) => {
|
|
3107
3111
|
O ? document.addEventListener("mousedown", ae) : document.removeEventListener("mousedown", ae);
|
|
3108
3112
|
});
|
|
3109
|
-
const l = tt(), r = w(!1), s = w(null), d = V(() => a.id ?? fe()), u = `${d.value}-label`,
|
|
3113
|
+
const l = tt(), r = w(!1), s = w(null), d = V(() => a.id ?? fe()), u = `${d.value}-label`, g = `${d.value}-listbox`, p = `${d.value}-error`, m = `${d.value}-hint`, C = `${d.value}-value`, L = w(null), _ = w(null), $ = V(() => t.value !== null && t.value !== void 0 && t.value !== ""), k = V(() => L.value !== null ? `${g}-option-${L.value}` : void 0), H = qe(l).value, y = V(() => H ? `${m} ${d.value}-required-hint` : m), T = V(() => i.value && k.value ? k.value : void 0), N = V(() => _.value !== null ? a.options[_.value]?.value : "");
|
|
3110
3114
|
J(
|
|
3111
3115
|
() => t.value,
|
|
3112
3116
|
() => ce()
|
|
@@ -3120,51 +3124,51 @@ const l2 = {
|
|
|
3120
3124
|
}, D = (O) => {
|
|
3121
3125
|
const c = O.relatedTarget, v = s.value;
|
|
3122
3126
|
!v || v?.contains(c) || (r.value = !1, i.value = !1, o("blur", O));
|
|
3123
|
-
},
|
|
3124
|
-
i.value = !i.value, i.value && t.value.toString().length > 0 && (
|
|
3127
|
+
}, S = (O) => {
|
|
3128
|
+
i.value = !i.value, i.value && t.value.toString().length > 0 && (L.value = L.value ?? a.options.findIndex((c) => !c.disabled)), !(!a.options || a.options.length === 0) && o("click", O);
|
|
3125
3129
|
}, A = (O, c) => {
|
|
3126
3130
|
const v = s.value;
|
|
3127
|
-
!v || O.disabled || (
|
|
3131
|
+
!v || O.disabled || (_.value = c, L.value = c, O && O.key && O.key.toString().length > 0 ? v.classList.add("filled") : v.classList.remove("filled"), t.value = O.key, o("change", O.key));
|
|
3128
3132
|
}, I = (O) => {
|
|
3129
3133
|
if (!i.value && ["ArrowDown", "ArrowUp"].includes(O.key)) {
|
|
3130
|
-
i.value = !0,
|
|
3134
|
+
i.value = !0, L.value = L.value ?? a.options.findIndex((c) => !c.disabled), O.preventDefault();
|
|
3131
3135
|
return;
|
|
3132
3136
|
}
|
|
3133
3137
|
if (i.value) {
|
|
3134
3138
|
if (O.key === "ArrowDown" && (B(1), O.preventDefault()), O.key === "ArrowUp" && (B(-1), O.preventDefault()), O.key === "Home") {
|
|
3135
3139
|
const c = q();
|
|
3136
|
-
c >= 0 && (
|
|
3140
|
+
c >= 0 && (L.value = c), O.preventDefault();
|
|
3137
3141
|
}
|
|
3138
3142
|
if (O.key === "End") {
|
|
3139
3143
|
const c = te();
|
|
3140
|
-
c >= 0 && (
|
|
3144
|
+
c >= 0 && (L.value = c), O.preventDefault();
|
|
3141
3145
|
}
|
|
3142
3146
|
if (O.key === "Enter" || O.key === " ") {
|
|
3143
|
-
if (
|
|
3144
|
-
const c = a.options[
|
|
3147
|
+
if (L.value === null) return;
|
|
3148
|
+
const c = a.options[L.value];
|
|
3145
3149
|
if (!c || c.disabled) return;
|
|
3146
|
-
A(c,
|
|
3150
|
+
A(c, L.value), i.value = !1, O.preventDefault();
|
|
3147
3151
|
}
|
|
3148
3152
|
O.key === "Escape" && (i.value = !1);
|
|
3149
3153
|
}
|
|
3150
3154
|
}, B = (O) => {
|
|
3151
|
-
if (
|
|
3152
|
-
let c =
|
|
3155
|
+
if (L.value === null) return;
|
|
3156
|
+
let c = L.value;
|
|
3153
3157
|
do
|
|
3154
3158
|
c += O;
|
|
3155
3159
|
while (c >= 0 && c < a.options.length && a.options[c]?.disabled);
|
|
3156
|
-
c >= 0 && c < a.options.length && (
|
|
3160
|
+
c >= 0 && c < a.options.length && (L.value = c);
|
|
3157
3161
|
}, q = () => a.options.findIndex((O) => !O.disabled), te = () => [...a.options].reverse().findIndex((O) => !O.disabled) >= 0 ? a.options.length - 1 - [...a.options].reverse().findIndex((O) => !O.disabled) : -1, ae = (O) => {
|
|
3158
3162
|
const c = s.value;
|
|
3159
3163
|
!c || c.contains(O.target) || (i.value = !1);
|
|
3160
3164
|
};
|
|
3161
|
-
|
|
3165
|
+
Se(() => {
|
|
3162
3166
|
document.removeEventListener("mousedown", ae);
|
|
3163
3167
|
});
|
|
3164
3168
|
const ce = () => {
|
|
3165
3169
|
const O = a.options.findIndex((c) => c.key === t.value);
|
|
3166
3170
|
if (O > -1) {
|
|
3167
|
-
|
|
3171
|
+
_.value = O, L.value = O;
|
|
3168
3172
|
const c = s.value;
|
|
3169
3173
|
c && c.classList.add("filled");
|
|
3170
3174
|
}
|
|
@@ -3179,7 +3183,7 @@ const l2 = {
|
|
|
3179
3183
|
ref: s,
|
|
3180
3184
|
class: ue(["select-box", { required: Object.keys(O.$attrs).includes("required"), error: e.invalid, filled: $.value, focused: r.value }])
|
|
3181
3185
|
}, [
|
|
3182
|
-
|
|
3186
|
+
x("button", ge({
|
|
3183
3187
|
id: d.value,
|
|
3184
3188
|
class: "select-btn",
|
|
3185
3189
|
role: "combobox",
|
|
@@ -3187,52 +3191,52 @@ const l2 = {
|
|
|
3187
3191
|
}, O.$attrs, {
|
|
3188
3192
|
"aria-haspopup": "listbox",
|
|
3189
3193
|
"aria-expanded": i.value,
|
|
3190
|
-
"aria-controls":
|
|
3194
|
+
"aria-controls": g,
|
|
3191
3195
|
"aria-invalid": e.invalid ? "true" : void 0,
|
|
3192
3196
|
"aria-labelledby": `${u} ${C}`,
|
|
3193
3197
|
"aria-required": E(H),
|
|
3194
|
-
"aria-describedby": E(nt)(O.$props, O.$slots, p,
|
|
3195
|
-
"aria-activedescendant":
|
|
3198
|
+
"aria-describedby": E(nt)(O.$props, O.$slots, p, y.value).value,
|
|
3199
|
+
"aria-activedescendant": T.value,
|
|
3196
3200
|
"aria-disabled": E(l).disabled ? "true" : void 0,
|
|
3197
3201
|
onBlur: D,
|
|
3198
3202
|
onFocus: G,
|
|
3199
|
-
onClick:
|
|
3203
|
+
onClick: S,
|
|
3200
3204
|
onKeydown: I,
|
|
3201
3205
|
ref: "buttonRef"
|
|
3202
3206
|
}), [
|
|
3203
|
-
|
|
3207
|
+
x("span", {
|
|
3204
3208
|
id: u,
|
|
3205
3209
|
class: "label"
|
|
3206
3210
|
}, K(e.label), 1),
|
|
3207
|
-
|
|
3211
|
+
x("span", {
|
|
3208
3212
|
id: C,
|
|
3209
3213
|
class: "selected-object",
|
|
3210
3214
|
"aria-live": "polite",
|
|
3211
3215
|
"aria-atomic": "true",
|
|
3212
|
-
innerHTML:
|
|
3216
|
+
innerHTML: N.value
|
|
3213
3217
|
}, null, 8, B2),
|
|
3214
3218
|
j(pe, {
|
|
3215
3219
|
name: "directionDown",
|
|
3216
3220
|
"aria-hidden": "true"
|
|
3217
3221
|
})
|
|
3218
3222
|
], 16, V2),
|
|
3219
|
-
j(
|
|
3223
|
+
j(_e, { name: "select" }, {
|
|
3220
3224
|
default: Q(() => [
|
|
3221
|
-
Ve(
|
|
3222
|
-
id:
|
|
3225
|
+
Ve(x("ul", {
|
|
3226
|
+
id: g,
|
|
3223
3227
|
role: "listbox",
|
|
3224
3228
|
class: "options"
|
|
3225
3229
|
}, [
|
|
3226
|
-
(f(!0), b(re, null, ve(e.options, (v,
|
|
3227
|
-
id: `${
|
|
3228
|
-
key:
|
|
3230
|
+
(f(!0), b(re, null, ve(e.options, (v, h) => (f(), b("li", {
|
|
3231
|
+
id: `${g}-option-${h}`,
|
|
3232
|
+
key: h,
|
|
3229
3233
|
role: "option",
|
|
3230
|
-
class: ue(["option", { "focus-visible":
|
|
3234
|
+
class: ue(["option", { "focus-visible": L.value === h }]),
|
|
3231
3235
|
"aria-disabled": v.disabled,
|
|
3232
|
-
"aria-selected":
|
|
3233
|
-
onClick: (
|
|
3236
|
+
"aria-selected": _.value === h,
|
|
3237
|
+
onClick: (M) => !v.disabled && A(v, h)
|
|
3234
3238
|
}, [
|
|
3235
|
-
|
|
3239
|
+
x("div", {
|
|
3236
3240
|
class: "option-value",
|
|
3237
3241
|
innerHTML: v.value
|
|
3238
3242
|
}, null, 8, D2)
|
|
@@ -3260,7 +3264,7 @@ const l2 = {
|
|
|
3260
3264
|
}, null, 8, ["invalid", "errorMessage"])
|
|
3261
3265
|
], 2));
|
|
3262
3266
|
}
|
|
3263
|
-
}), bl = /* @__PURE__ */ W(
|
|
3267
|
+
}), bl = /* @__PURE__ */ W(S2, [["__scopeId", "data-v-bb0418d3"]]), _2 = ["aria-label"], T2 = ["onKeydown"], R2 = {
|
|
3264
3268
|
key: 1,
|
|
3265
3269
|
class: "rs-gallery-thumbs"
|
|
3266
3270
|
}, E2 = ["aria-selected"], Z2 = ["onClick"], z2 = /* @__PURE__ */ Z({
|
|
@@ -3284,7 +3288,7 @@ const l2 = {
|
|
|
3284
3288
|
}),
|
|
3285
3289
|
emits: /* @__PURE__ */ oe(["change"], ["update:modelValue"]),
|
|
3286
3290
|
setup(e, { emit: n }) {
|
|
3287
|
-
const t = he(e, "modelValue"), a = e, o = n, i = w([]), l = w("next"), r = w(null), s = `gallery-caption-${fe()}`, d = w(null), u = V(() => t.value),
|
|
3291
|
+
const t = he(e, "modelValue"), a = e, o = n, i = w([]), l = w("next"), r = w(null), s = `gallery-caption-${fe()}`, d = w(null), u = V(() => t.value), g = V(() => a.images[u.value]), p = (k, H) => {
|
|
3288
3292
|
k && (i.value[H] = k);
|
|
3289
3293
|
}, m = (k) => {
|
|
3290
3294
|
k !== u.value && (l.value = k > u.value ? "next" : "prev", t.value = k, o("change", k));
|
|
@@ -3294,13 +3298,13 @@ const l2 = {
|
|
|
3294
3298
|
return;
|
|
3295
3299
|
}
|
|
3296
3300
|
m(u.value + 1);
|
|
3297
|
-
},
|
|
3301
|
+
}, L = () => {
|
|
3298
3302
|
if (u.value === 0) {
|
|
3299
3303
|
a.loop && m(a.images.length - 1);
|
|
3300
3304
|
return;
|
|
3301
3305
|
}
|
|
3302
3306
|
m(u.value - 1);
|
|
3303
|
-
},
|
|
3307
|
+
}, _ = () => {
|
|
3304
3308
|
d.value && (r.value = d.value.offsetHeight);
|
|
3305
3309
|
}, $ = () => {
|
|
3306
3310
|
r.value = null;
|
|
@@ -3323,66 +3327,66 @@ const l2 = {
|
|
|
3323
3327
|
"aria-live": "polite",
|
|
3324
3328
|
"aria-describedby": s
|
|
3325
3329
|
}, [
|
|
3326
|
-
|
|
3330
|
+
x("div", {
|
|
3327
3331
|
ref_key: "previewRef",
|
|
3328
3332
|
ref: d,
|
|
3329
3333
|
tabindex: "0",
|
|
3330
3334
|
class: "rs-gallery-review",
|
|
3331
3335
|
style: Le(r.value ? { height: `${r.value}px` } : void 0),
|
|
3332
3336
|
onKeydown: [
|
|
3333
|
-
Ce(ie(
|
|
3337
|
+
Ce(ie(L, ["prevent"]), ["left"]),
|
|
3334
3338
|
Ce(ie(C, ["prevent"]), ["right"])
|
|
3335
3339
|
]
|
|
3336
3340
|
}, [
|
|
3337
|
-
j(
|
|
3341
|
+
j(_e, {
|
|
3338
3342
|
name: `rs-gallery-slide-${l.value}`,
|
|
3339
3343
|
mode: "out-in",
|
|
3340
|
-
onBeforeLeave:
|
|
3344
|
+
onBeforeLeave: _,
|
|
3341
3345
|
onAfterEnter: $
|
|
3342
3346
|
}, {
|
|
3343
3347
|
default: Q(() => [
|
|
3344
|
-
|
|
3345
|
-
key:
|
|
3346
|
-
src:
|
|
3347
|
-
alt:
|
|
3348
|
+
g.value ? (f(), ee(De, {
|
|
3349
|
+
key: g.value.src,
|
|
3350
|
+
src: g.value.src,
|
|
3351
|
+
alt: g.value.alt || "",
|
|
3348
3352
|
transform: e.transform
|
|
3349
|
-
}, null, 8, ["src", "alt", "transform"])) :
|
|
3353
|
+
}, null, 8, ["src", "alt", "transform"])) : F("", !0)
|
|
3350
3354
|
]),
|
|
3351
3355
|
_: 1
|
|
3352
3356
|
}, 8, ["name"]),
|
|
3353
3357
|
X(k.$slots, "overlay", {
|
|
3354
|
-
image:
|
|
3358
|
+
image: g.value,
|
|
3355
3359
|
index: u.value
|
|
3356
3360
|
}, void 0, !0)
|
|
3357
|
-
], 44,
|
|
3358
|
-
|
|
3361
|
+
], 44, T2),
|
|
3362
|
+
g.value?.title ? (f(), b("p", {
|
|
3359
3363
|
key: 0,
|
|
3360
3364
|
id: s,
|
|
3361
3365
|
class: "rs-gallery-caption"
|
|
3362
|
-
}, K(
|
|
3363
|
-
e.showThumbnails ? (f(), b("ul",
|
|
3364
|
-
(f(!0), b(re, null, ve(e.images, (
|
|
3365
|
-
key:
|
|
3366
|
+
}, K(g.value.title), 1)) : F("", !0),
|
|
3367
|
+
e.showThumbnails ? (f(), b("ul", R2, [
|
|
3368
|
+
(f(!0), b(re, null, ve(e.images, (y, T) => (f(), b("li", {
|
|
3369
|
+
key: y.src,
|
|
3366
3370
|
ref_for: !0,
|
|
3367
|
-
ref: (
|
|
3368
|
-
"aria-selected": u.value ===
|
|
3371
|
+
ref: (N) => p(N, T),
|
|
3372
|
+
"aria-selected": u.value === T
|
|
3369
3373
|
}, [
|
|
3370
|
-
|
|
3374
|
+
x("button", {
|
|
3371
3375
|
type: "button",
|
|
3372
|
-
class: ue(["rs-gallery-thumb", { active: u.value ===
|
|
3373
|
-
onClick: (
|
|
3376
|
+
class: ue(["rs-gallery-thumb", { active: u.value === T }]),
|
|
3377
|
+
onClick: (N) => m(T)
|
|
3374
3378
|
}, [
|
|
3375
3379
|
j(De, {
|
|
3376
|
-
src:
|
|
3377
|
-
alt: `Select image ${
|
|
3380
|
+
src: y.src,
|
|
3381
|
+
alt: `Select image ${T + 1}`,
|
|
3378
3382
|
transform: e.transformThumbnails
|
|
3379
3383
|
}, null, 8, ["src", "alt", "transform"])
|
|
3380
3384
|
], 10, Z2)
|
|
3381
3385
|
], 8, E2))), 128))
|
|
3382
|
-
])) :
|
|
3383
|
-
], 8,
|
|
3386
|
+
])) : F("", !0)
|
|
3387
|
+
], 8, _2));
|
|
3384
3388
|
}
|
|
3385
|
-
}), Mt = /* @__PURE__ */ W(z2, [["__scopeId", "data-v-dcfacff6"]]), q2 = ["aria-label"], O2 = ["onClick"],
|
|
3389
|
+
}), Mt = /* @__PURE__ */ W(z2, [["__scopeId", "data-v-dcfacff6"]]), q2 = ["aria-label"], O2 = ["onClick"], N2 = /* @__PURE__ */ Z({
|
|
3386
3390
|
__name: "GalleryGrid",
|
|
3387
3391
|
props: {
|
|
3388
3392
|
images: {},
|
|
@@ -3417,7 +3421,7 @@ const l2 = {
|
|
|
3417
3421
|
], 8, O2))), 128))
|
|
3418
3422
|
], 12, q2));
|
|
3419
3423
|
}
|
|
3420
|
-
}), Lt = /* @__PURE__ */ W(
|
|
3424
|
+
}), Lt = /* @__PURE__ */ W(N2, [["__scopeId", "data-v-17067a4b"]]), Oe = /* @__PURE__ */ Symbol("ModalContext");
|
|
3421
3425
|
let Ye = 0, pt = 0, Xe = null;
|
|
3422
3426
|
const Qe = Z({
|
|
3423
3427
|
name: "Modal",
|
|
@@ -3436,8 +3440,8 @@ const Qe = Z({
|
|
|
3436
3440
|
emits: ["update:open", "opened", "closed"],
|
|
3437
3441
|
setup(e, { emit: n, slots: t }) {
|
|
3438
3442
|
const a = w(!1), o = w(e.open), i = fe(), l = `modal-title-${i}`, r = `modal-desc-${i}`;
|
|
3439
|
-
J(() => e.open, (
|
|
3440
|
-
n("update:open",
|
|
3443
|
+
J(() => e.open, (g) => o.value = g), J(o, (g) => {
|
|
3444
|
+
n("update:open", g), n(g ? "opened" : "closed");
|
|
3441
3445
|
});
|
|
3442
3446
|
const s = () => o.value = !1, d = V(() => e.motion), u = V(() => e.size);
|
|
3443
3447
|
return xe(Oe, {
|
|
@@ -3461,17 +3465,17 @@ const Qe = Z({
|
|
|
3461
3465
|
};
|
|
3462
3466
|
let l = null;
|
|
3463
3467
|
const r = (u) => {
|
|
3464
|
-
const
|
|
3468
|
+
const g = Array.from(
|
|
3465
3469
|
u.querySelectorAll(
|
|
3466
3470
|
'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
|
|
3467
3471
|
)
|
|
3468
|
-
).filter((
|
|
3469
|
-
if (
|
|
3472
|
+
).filter((L) => !L.hasAttribute("disabled"));
|
|
3473
|
+
if (g.length === 0) {
|
|
3470
3474
|
u.setAttribute("tabindex", "-1"), u.focus();
|
|
3471
3475
|
return;
|
|
3472
3476
|
}
|
|
3473
|
-
const p =
|
|
3474
|
-
|
|
3477
|
+
const p = g[0], m = g[g.length - 1], C = (L) => {
|
|
3478
|
+
L.key === "Tab" && (L.shiftKey && document.activeElement === p ? (L.preventDefault(), m?.focus()) : !L.shiftKey && document.activeElement === m && (L.preventDefault(), p?.focus()));
|
|
3475
3479
|
};
|
|
3476
3480
|
u.addEventListener("keydown", C), p?.focus(), l = () => {
|
|
3477
3481
|
u.removeEventListener("keydown", C), l = null;
|
|
@@ -3485,7 +3489,7 @@ const Qe = Z({
|
|
|
3485
3489
|
Ze,
|
|
3486
3490
|
{ to: "body" },
|
|
3487
3491
|
U(
|
|
3488
|
-
|
|
3492
|
+
_e,
|
|
3489
3493
|
{
|
|
3490
3494
|
name: `modal-${t.motion.value}`,
|
|
3491
3495
|
appear: !0,
|
|
@@ -3568,7 +3572,7 @@ Object.assign(Qe, {
|
|
|
3568
3572
|
e.component("Modal", Qe), e.component("ModalBody", Ht), e.component("ModalTitle", $t), e.component("ModalClose", Vt), e.component("ModalHeader", It), e.component("ModalContent", xt);
|
|
3569
3573
|
}
|
|
3570
3574
|
});
|
|
3571
|
-
const
|
|
3575
|
+
const F2 = /* @__PURE__ */ Z({
|
|
3572
3576
|
__name: "GalleryGridWithLightbox",
|
|
3573
3577
|
props: {
|
|
3574
3578
|
images: {},
|
|
@@ -3715,7 +3719,7 @@ const N2 = /* @__PURE__ */ Z({
|
|
|
3715
3719
|
gap: e.gap,
|
|
3716
3720
|
transform: e.transform,
|
|
3717
3721
|
"aria-label": e.ariaLabel
|
|
3718
|
-
}, null, 8, ["modelValue", "images", "columns", "gap", "transform", "aria-label"])) : e.layout === "grid-lightbox" ? (f(), ee(
|
|
3722
|
+
}, null, 8, ["modelValue", "images", "columns", "gap", "transform", "aria-label"])) : e.layout === "grid-lightbox" ? (f(), ee(F2, {
|
|
3719
3723
|
key: 2,
|
|
3720
3724
|
modelValue: o.value,
|
|
3721
3725
|
"onUpdate:modelValue": r[2] || (r[2] = (s) => o.value = s),
|
|
@@ -3729,7 +3733,7 @@ const N2 = /* @__PURE__ */ Z({
|
|
|
3729
3733
|
images: e.images,
|
|
3730
3734
|
transform: e.transform,
|
|
3731
3735
|
"aria-label": e.ariaLabel
|
|
3732
|
-
}, null, 8, ["modelValue", "images", "transform", "aria-label"])) :
|
|
3736
|
+
}, null, 8, ["modelValue", "images", "transform", "aria-label"])) : F("", !0)
|
|
3733
3737
|
]));
|
|
3734
3738
|
}
|
|
3735
3739
|
}), mt = /* @__PURE__ */ W(W2, [["__scopeId", "data-v-d6be1b96"]]);
|
|
@@ -3765,12 +3769,12 @@ const Y2 = ["aria-busy"], X2 = {
|
|
|
3765
3769
|
"aria-live": "polite",
|
|
3766
3770
|
"aria-busy": !!e.message
|
|
3767
3771
|
}, [
|
|
3768
|
-
s[0] || (s[0] =
|
|
3772
|
+
s[0] || (s[0] = x("div", {
|
|
3769
3773
|
class: "spinner",
|
|
3770
3774
|
"aria-hidden": "true"
|
|
3771
3775
|
}, null, -1)),
|
|
3772
|
-
e.message ? (f(), b("span", X2, K(o.value), 1)) :
|
|
3773
|
-
|
|
3776
|
+
e.message ? (f(), b("span", X2, K(o.value), 1)) : F("", !0),
|
|
3777
|
+
x("span", G2, K(e.message || "Loading"), 1)
|
|
3774
3778
|
], 8, Y2));
|
|
3775
3779
|
}
|
|
3776
3780
|
}), Bt = /* @__PURE__ */ W(J2, [["__scopeId", "data-v-e61a1cf5"]]), Q2 = ["id", "required", "checked", "disabled", "aria-invalid", "aria-disabled", "aria-checked"], en = {
|
|
@@ -3805,7 +3809,7 @@ const Y2 = ["aria-busy"], X2 = {
|
|
|
3805
3809
|
},
|
|
3806
3810
|
{ immediate: !0 }
|
|
3807
3811
|
);
|
|
3808
|
-
const
|
|
3812
|
+
const g = (p) => {
|
|
3809
3813
|
if (!o.disabled) {
|
|
3810
3814
|
if (!o.triState) {
|
|
3811
3815
|
const m = p.target.checked;
|
|
@@ -3818,7 +3822,7 @@ const Y2 = ["aria-busy"], X2 = {
|
|
|
3818
3822
|
return (p, m) => (f(), b("label", {
|
|
3819
3823
|
class: ue(["checkbox-root", { required: d.value, error: e.invalid }])
|
|
3820
3824
|
}, [
|
|
3821
|
-
|
|
3825
|
+
x("input", {
|
|
3822
3826
|
id: l.value,
|
|
3823
3827
|
type: "checkbox",
|
|
3824
3828
|
class: "checkbox",
|
|
@@ -3828,25 +3832,25 @@ const Y2 = ["aria-busy"], X2 = {
|
|
|
3828
3832
|
"aria-invalid": e.invalid ? "true" : void 0,
|
|
3829
3833
|
"aria-disabled": E(s),
|
|
3830
3834
|
"aria-checked": u.value,
|
|
3831
|
-
onClick: m[0] || (m[0] = (C) => e.triState ?
|
|
3832
|
-
onChange: m[1] || (m[1] = (C) => e.triState ? void 0 :
|
|
3835
|
+
onClick: m[0] || (m[0] = (C) => e.triState ? g(C) : void 0),
|
|
3836
|
+
onChange: m[1] || (m[1] = (C) => e.triState ? void 0 : g(C)),
|
|
3833
3837
|
ref_key: "inputRef",
|
|
3834
3838
|
ref: r
|
|
3835
3839
|
}, null, 40, Q2),
|
|
3836
|
-
|
|
3840
|
+
x("span", en, [
|
|
3837
3841
|
a.value === !0 ? (f(), b("svg", tn, [...m[2] || (m[2] = [
|
|
3838
|
-
|
|
3842
|
+
x("path", {
|
|
3839
3843
|
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",
|
|
3840
3844
|
fill: "currentColor"
|
|
3841
3845
|
}, null, -1)
|
|
3842
3846
|
])])) : a.value === void 0 ? (f(), b("svg", an, [...m[3] || (m[3] = [
|
|
3843
|
-
|
|
3847
|
+
x("path", {
|
|
3844
3848
|
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",
|
|
3845
3849
|
fill: "currentColor"
|
|
3846
3850
|
}, null, -1)
|
|
3847
|
-
])])) :
|
|
3851
|
+
])])) : F("", !0)
|
|
3848
3852
|
]),
|
|
3849
|
-
|
|
3853
|
+
x("span", nn, [
|
|
3850
3854
|
X(p.$slots, "default", {}, void 0, !0)
|
|
3851
3855
|
])
|
|
3852
3856
|
], 2));
|
|
@@ -3867,11 +3871,11 @@ const Y2 = ["aria-busy"], X2 = {
|
|
|
3867
3871
|
}),
|
|
3868
3872
|
emits: /* @__PURE__ */ oe(["focus", "blur"], ["update:modelValue"]),
|
|
3869
3873
|
setup(e, { emit: n }) {
|
|
3870
|
-
const t = he(e, "modelValue"), a = tt(), o = at(), i = n, l = e, r = w(null), s = w(null), d = fe(), u = `${d}-error`,
|
|
3874
|
+
const t = he(e, "modelValue"), a = tt(), o = at(), i = n, l = e, r = w(null), s = w(null), d = fe(), u = `${d}-error`, g = `${d}-hint`, p = qe(a).value, m = V(() => p ? `${g} ${d}-required-hint` : g), C = nt(l, o, u, m.value).value, L = ($) => {
|
|
3871
3875
|
Je(r.value, s.value);
|
|
3872
3876
|
const k = $.target;
|
|
3873
3877
|
t.value = l.type === "number" ? Number(k.value) : k.value;
|
|
3874
|
-
},
|
|
3878
|
+
}, _ = V(() => l.invalid === !0 && l.errorMessage ? u : void 0);
|
|
3875
3879
|
return se(() => {
|
|
3876
3880
|
Je(r.value, s.value);
|
|
3877
3881
|
}), ($, k) => (f(), b("div", {
|
|
@@ -3879,24 +3883,24 @@ const Y2 = ["aria-busy"], X2 = {
|
|
|
3879
3883
|
ref_key: "inputBoxRef",
|
|
3880
3884
|
ref: s
|
|
3881
3885
|
}, [
|
|
3882
|
-
|
|
3886
|
+
x("label", {
|
|
3883
3887
|
for: e.id,
|
|
3884
3888
|
class: "label"
|
|
3885
3889
|
}, K(e.label), 9, ln),
|
|
3886
|
-
|
|
3890
|
+
x("textarea", ge({ id: e.id }, $.$attrs, {
|
|
3887
3891
|
class: "custom-textarea",
|
|
3888
3892
|
onFocus: k[0] || (k[0] = (H) => E(h2)(H, s.value, i)),
|
|
3889
3893
|
onBlur: k[1] || (k[1] = (H) => E(g2)(H, r.value, s.value, i)),
|
|
3890
|
-
onInput:
|
|
3894
|
+
onInput: L,
|
|
3891
3895
|
value: t.value,
|
|
3892
3896
|
required: E(p),
|
|
3893
3897
|
"aria-invalid": e.invalid ? "true" : void 0,
|
|
3894
|
-
"aria-errormessage":
|
|
3898
|
+
"aria-errormessage": _.value,
|
|
3895
3899
|
"aria-describedby": E(C),
|
|
3896
3900
|
ref_key: "textareaRef",
|
|
3897
3901
|
ref: r
|
|
3898
3902
|
}), " ", 16, rn),
|
|
3899
|
-
j(ot, { hintId:
|
|
3903
|
+
j(ot, { hintId: g }, {
|
|
3900
3904
|
default: Q(() => [
|
|
3901
3905
|
X($.$slots, "hint", {}, void 0, !0)
|
|
3902
3906
|
]),
|
|
@@ -3983,16 +3987,16 @@ const Y2 = ["aria-busy"], X2 = {
|
|
|
3983
3987
|
const s = {
|
|
3984
3988
|
"--strength-fill-color": t.strengthFillColor
|
|
3985
3989
|
}, d = () => {
|
|
3986
|
-
const m = u(), C = Object.values(
|
|
3990
|
+
const m = u(), C = Object.values(g()).every(Boolean);
|
|
3987
3991
|
return m && C;
|
|
3988
3992
|
}, u = () => {
|
|
3989
|
-
const m =
|
|
3990
|
-
return i.value && (i.value.style.width = `${
|
|
3991
|
-
},
|
|
3993
|
+
const m = g(), C = Object.values(m).filter(Boolean).length, L = t.password.length >= 12 ? 1 : 0, _ = Math.min(100, (C + L) * 20), $ = Math.min(t.labels.length - 1, Math.floor(_ / 25));
|
|
3994
|
+
return i.value && (i.value.style.width = `${_}%`), l.value && (l.value.textContent = t.labels[$] ?? "Very weak"), C === t.rules.length;
|
|
3995
|
+
}, g = () => {
|
|
3992
3996
|
const m = p();
|
|
3993
3997
|
return o.value.forEach((C) => {
|
|
3994
|
-
const
|
|
3995
|
-
C.classList.toggle("passed",
|
|
3998
|
+
const L = C.dataset.rule, _ = !!m[L];
|
|
3999
|
+
C.classList.toggle("passed", _);
|
|
3996
4000
|
}), m;
|
|
3997
4001
|
}, p = () => {
|
|
3998
4002
|
const m = {};
|
|
@@ -4004,31 +4008,31 @@ const Y2 = ["aria-busy"], X2 = {
|
|
|
4004
4008
|
}), m;
|
|
4005
4009
|
};
|
|
4006
4010
|
return (m, C) => (f(), b("section", pn, [
|
|
4007
|
-
|
|
4008
|
-
(f(!0), b(re, null, ve(t.rules, (
|
|
4009
|
-
key:
|
|
4011
|
+
x("ul", mn, [
|
|
4012
|
+
(f(!0), b(re, null, ve(t.rules, (L, _) => (f(), b("li", {
|
|
4013
|
+
key: L.key,
|
|
4010
4014
|
class: "password-rule",
|
|
4011
|
-
"data-rule":
|
|
4015
|
+
"data-rule": L.key,
|
|
4012
4016
|
ref_for: !0,
|
|
4013
|
-
ref: ($) => r($,
|
|
4017
|
+
ref: ($) => r($, _)
|
|
4014
4018
|
}, [
|
|
4015
|
-
C[0] || (C[0] =
|
|
4016
|
-
be(" " + K(
|
|
4019
|
+
C[0] || (C[0] = x("span", { class: "rule-icon" }, "•", -1)),
|
|
4020
|
+
be(" " + K(L.label), 1)
|
|
4017
4021
|
], 8, Cn))), 128))
|
|
4018
4022
|
]),
|
|
4019
|
-
|
|
4020
|
-
|
|
4021
|
-
C[1] || (C[1] =
|
|
4022
|
-
|
|
4023
|
+
x("div", hn, [
|
|
4024
|
+
x("div", gn, [
|
|
4025
|
+
C[1] || (C[1] = x("span", null, "Força da senha", -1)),
|
|
4026
|
+
x("span", {
|
|
4023
4027
|
ref_key: "strengthLabelRef",
|
|
4024
4028
|
ref: l
|
|
4025
4029
|
}, "Muito fraca", 512)
|
|
4026
4030
|
]),
|
|
4027
|
-
|
|
4031
|
+
x("div", {
|
|
4028
4032
|
class: "strength-bar",
|
|
4029
4033
|
style: s
|
|
4030
4034
|
}, [
|
|
4031
|
-
|
|
4035
|
+
x("div", {
|
|
4032
4036
|
class: "strength-fill",
|
|
4033
4037
|
ref_key: "strengthFillRef",
|
|
4034
4038
|
ref: i
|
|
@@ -4062,12 +4066,12 @@ const bn = {
|
|
|
4062
4066
|
"aria-label": r.external ? `${r.label} (opens in a new tab)` : void 0
|
|
4063
4067
|
} : {};
|
|
4064
4068
|
return (r, s) => (f(), b("nav", bn, [
|
|
4065
|
-
|
|
4069
|
+
x("ol", kn, [
|
|
4066
4070
|
(f(!0), b(re, null, ve(e.items, (d, u) => (f(), b("li", {
|
|
4067
4071
|
key: d.to ?? d.href ?? `${d.label}-${u}`,
|
|
4068
4072
|
class: "ui-breadcrumb__item"
|
|
4069
4073
|
}, [
|
|
4070
|
-
(f(), ee(
|
|
4074
|
+
(f(), ee(Te(o(d, u)), ge({ class: "ui-breadcrumb__link" }, { ref_for: !0 }, l(d, u), {
|
|
4071
4075
|
"aria-posinset": u + 1,
|
|
4072
4076
|
"aria-setsize": e.items.length,
|
|
4073
4077
|
"aria-current": a(u) ? "page" : void 0,
|
|
@@ -4078,7 +4082,7 @@ const bn = {
|
|
|
4078
4082
|
]),
|
|
4079
4083
|
_: 2
|
|
4080
4084
|
}, 1040, ["aria-posinset", "aria-setsize", "aria-current", "tabindex"])),
|
|
4081
|
-
a(u) ?
|
|
4085
|
+
a(u) ? F("", !0) : (f(), b("span", wn, [
|
|
4082
4086
|
X(r.$slots, "separator", {}, () => [
|
|
4083
4087
|
be(K(e.separator), 1)
|
|
4084
4088
|
], !0)
|
|
@@ -4116,12 +4120,12 @@ const bn = {
|
|
|
4116
4120
|
"aria-required": o.value,
|
|
4117
4121
|
disabled: i.value
|
|
4118
4122
|
}, [
|
|
4119
|
-
|
|
4123
|
+
x("legend", xn, K(e.name), 1),
|
|
4120
4124
|
(f(!0), b(re, null, ve(e.options, (s) => (f(), b("label", {
|
|
4121
4125
|
key: s.key,
|
|
4122
4126
|
class: ue(["radio", { checked: t.value === s.key, disabled: e.disabled || s.disabled }])
|
|
4123
4127
|
}, [
|
|
4124
|
-
Ve(
|
|
4128
|
+
Ve(x("input", {
|
|
4125
4129
|
type: "radio",
|
|
4126
4130
|
class: "radio-input",
|
|
4127
4131
|
name: e.name,
|
|
@@ -4130,21 +4134,21 @@ const bn = {
|
|
|
4130
4134
|
required: e.required,
|
|
4131
4135
|
"onUpdate:modelValue": r[0] || (r[0] = (d) => t.value = d)
|
|
4132
4136
|
}, null, 8, $n), [
|
|
4133
|
-
[
|
|
4137
|
+
[St, t.value]
|
|
4134
4138
|
]),
|
|
4135
|
-
e.mode === "standard" ? (f(), b("span", In)) :
|
|
4136
|
-
|
|
4139
|
+
e.mode === "standard" ? (f(), b("span", In)) : F("", !0),
|
|
4140
|
+
x("span", Hn, K(s.label), 1)
|
|
4137
4141
|
], 2))), 128))
|
|
4138
4142
|
], 10, Ln));
|
|
4139
4143
|
}
|
|
4140
|
-
}), xl = /* @__PURE__ */ W(Vn, [["__scopeId", "data-v-8f76f7f0"]]), Bn = ["for"], An = ["id", "type", "aria-expanded", "aria-activedescendant", "aria-required", "aria-invalid", "disabled", "aria-disabled"], Dn = ["id", "aria-disabled", "aria-selected", "onClick"],
|
|
4144
|
+
}), xl = /* @__PURE__ */ W(Vn, [["__scopeId", "data-v-8f76f7f0"]]), Bn = ["for"], An = ["id", "type", "aria-expanded", "aria-activedescendant", "aria-required", "aria-invalid", "disabled", "aria-disabled"], Dn = ["id", "aria-disabled", "aria-selected", "onClick"], Sn = {
|
|
4141
4145
|
class: "option-value",
|
|
4142
4146
|
"aria-hidden": "true"
|
|
4143
|
-
},
|
|
4147
|
+
}, _n = { class: "option-value sr-only" }, Tn = {
|
|
4144
4148
|
key: 1,
|
|
4145
4149
|
class: "option no-found",
|
|
4146
4150
|
"aria-disabled": "true"
|
|
4147
|
-
},
|
|
4151
|
+
}, Rn = {
|
|
4148
4152
|
key: 3,
|
|
4149
4153
|
class: "option recents",
|
|
4150
4154
|
"aria-disabled": "true",
|
|
@@ -4179,13 +4183,13 @@ const bn = {
|
|
|
4179
4183
|
}),
|
|
4180
4184
|
emits: /* @__PURE__ */ oe(["change", "select", "focus", "blur"], ["update:modelValue"]),
|
|
4181
4185
|
setup(e, { emit: n }) {
|
|
4182
|
-
const t = e, a = n, o = he(e, "modelValue"), i = w(null), l = w(""), r = w(!1), s = w([]), d = w(null), u = w(null),
|
|
4186
|
+
const t = e, a = n, o = he(e, "modelValue"), i = w(null), l = w(""), r = w(!1), s = w([]), d = w(null), u = w(null), g = V(() => t.id ? `${t.id}-search-history` : "search-history"), m = `${fe()}-list`, C = w(!1), L = V(() => o.value !== null && o.value !== void 0 && o.value !== ""), _ = V(() => d.value !== null ? `${m}-option-${d.value}` : void 0), $ = V(() => r.value && _.value ? _.value : void 0), k = V(() => s.value.length > 0), H = V(() => {
|
|
4183
4187
|
if (!t.filterable) return t.options;
|
|
4184
4188
|
const c = l.value.toLowerCase();
|
|
4185
4189
|
return t.options.filter((v) => t.getValue(v).toLowerCase().includes(c));
|
|
4186
|
-
}),
|
|
4190
|
+
}), y = qe(t).value;
|
|
4187
4191
|
J(
|
|
4188
|
-
() =>
|
|
4192
|
+
() => g.value,
|
|
4189
4193
|
(c) => {
|
|
4190
4194
|
if (c)
|
|
4191
4195
|
try {
|
|
@@ -4212,24 +4216,24 @@ const bn = {
|
|
|
4212
4216
|
o.value || (u.value = null, d.value = null);
|
|
4213
4217
|
}
|
|
4214
4218
|
);
|
|
4215
|
-
const
|
|
4219
|
+
const T = (c) => {
|
|
4216
4220
|
l.value.length >= t.minChars && !t.filterable && !t.loading && (r.value = !0), C.value = !0, a("focus", c);
|
|
4217
|
-
},
|
|
4221
|
+
}, N = (c) => {
|
|
4218
4222
|
const v = c.relatedTarget;
|
|
4219
4223
|
i.value?.contains(v) || (r.value = !1, o.value ? I() : l.value = "", C.value = !1, a("blur", c));
|
|
4220
4224
|
}, G = (c, v) => {
|
|
4221
|
-
const
|
|
4222
|
-
if (!
|
|
4225
|
+
const h = i.value;
|
|
4226
|
+
if (!h || t.isDisabled(c)) return;
|
|
4223
4227
|
r.value = !1, q(l.value), u.value = v, d.value = v;
|
|
4224
|
-
const
|
|
4225
|
-
|
|
4228
|
+
const M = t.getKey(c);
|
|
4229
|
+
M && M.toString().length > 0 ? h.classList.add("filled") : h.classList.remove("filled"), l.value = t.getValue(c), o.value = M, a("select", M);
|
|
4226
4230
|
}, D = (c) => {
|
|
4227
4231
|
if (!r.value && ["ArrowDown", "ArrowUp"].includes(c.key)) {
|
|
4228
4232
|
r.value = !0, d.value = d.value ?? H.value.findIndex((v) => !t.isDisabled(v)), c.preventDefault();
|
|
4229
4233
|
return;
|
|
4230
4234
|
}
|
|
4231
4235
|
if (r.value) {
|
|
4232
|
-
if (c.key === "ArrowDown" && (
|
|
4236
|
+
if (c.key === "ArrowDown" && (S(1), c.preventDefault()), c.key === "ArrowUp" && (S(-1), c.preventDefault()), c.key === "Home") {
|
|
4233
4237
|
const v = ce();
|
|
4234
4238
|
v >= 0 && (d.value = v), c.preventDefault();
|
|
4235
4239
|
}
|
|
@@ -4245,7 +4249,7 @@ const bn = {
|
|
|
4245
4249
|
}
|
|
4246
4250
|
c.key === "Escape" && (r.value = !1);
|
|
4247
4251
|
}
|
|
4248
|
-
},
|
|
4252
|
+
}, S = (c) => {
|
|
4249
4253
|
if (d.value === null) return;
|
|
4250
4254
|
let v = d.value;
|
|
4251
4255
|
do
|
|
@@ -4272,7 +4276,7 @@ const bn = {
|
|
|
4272
4276
|
!c || c.trim().length === 0 || (s.value = [
|
|
4273
4277
|
c,
|
|
4274
4278
|
...s.value.filter((v) => v !== c)
|
|
4275
|
-
].slice(0, t.suggestionsLimit), localStorage.setItem(
|
|
4279
|
+
].slice(0, t.suggestionsLimit), localStorage.setItem(g.value, JSON.stringify(s.value)));
|
|
4276
4280
|
}, te = (c) => {
|
|
4277
4281
|
l.value = c, A();
|
|
4278
4282
|
}, ae = () => {
|
|
@@ -4283,15 +4287,15 @@ const bn = {
|
|
|
4283
4287
|
return -1;
|
|
4284
4288
|
};
|
|
4285
4289
|
return se(() => I()), (c, v) => (f(), b("div", {
|
|
4286
|
-
class: ue(["autocomplete", { required: E(
|
|
4290
|
+
class: ue(["autocomplete", { required: E(y), error: e.invalid, "has-icon": Object.keys(c.$slots).includes("icon"), filled: L.value, focused: C.value }]),
|
|
4287
4291
|
ref_key: "autocompleteRef",
|
|
4288
4292
|
ref: i
|
|
4289
4293
|
}, [
|
|
4290
|
-
|
|
4294
|
+
x("label", {
|
|
4291
4295
|
for: e.id,
|
|
4292
4296
|
class: "label"
|
|
4293
4297
|
}, K(e.label), 9, Bn),
|
|
4294
|
-
Ve(
|
|
4298
|
+
Ve(x("input", ge({
|
|
4295
4299
|
id: e.id,
|
|
4296
4300
|
type: e.type
|
|
4297
4301
|
}, c.$attrs, {
|
|
@@ -4300,76 +4304,76 @@ const bn = {
|
|
|
4300
4304
|
"aria-expanded": r.value,
|
|
4301
4305
|
"aria-controls": m,
|
|
4302
4306
|
"aria-activedescendant": $.value,
|
|
4303
|
-
"aria-required": E(
|
|
4307
|
+
"aria-required": E(y),
|
|
4304
4308
|
"aria-invalid": e.invalid ? "true" : void 0,
|
|
4305
4309
|
disabled: e.disabled ? !0 : void 0,
|
|
4306
4310
|
"aria-disabled": e.disabled ? !0 : void 0,
|
|
4307
|
-
"onUpdate:modelValue": v[0] || (v[0] = (
|
|
4308
|
-
onFocus:
|
|
4309
|
-
onBlur:
|
|
4311
|
+
"onUpdate:modelValue": v[0] || (v[0] = (h) => l.value = h),
|
|
4312
|
+
onFocus: T,
|
|
4313
|
+
onBlur: N,
|
|
4310
4314
|
onInput: A,
|
|
4311
4315
|
onKeydown: D
|
|
4312
4316
|
}), null, 16, An), [
|
|
4313
|
-
[
|
|
4317
|
+
[_t, l.value]
|
|
4314
4318
|
]),
|
|
4315
|
-
j(
|
|
4319
|
+
j(_e, { name: "select" }, {
|
|
4316
4320
|
default: Q(() => [
|
|
4317
|
-
Ve(
|
|
4321
|
+
Ve(x("ul", {
|
|
4318
4322
|
id: m,
|
|
4319
4323
|
role: "listbox",
|
|
4320
4324
|
class: "options"
|
|
4321
4325
|
}, [
|
|
4322
|
-
H.value.length > 0 ? (f(!0), b(re, { key: 0 }, ve(H.value, (
|
|
4323
|
-
id: `${m}-option-${
|
|
4324
|
-
key: e.getKey(
|
|
4326
|
+
H.value.length > 0 ? (f(!0), b(re, { key: 0 }, ve(H.value, (h, M) => (f(), b("li", {
|
|
4327
|
+
id: `${m}-option-${M}`,
|
|
4328
|
+
key: e.getKey(h),
|
|
4325
4329
|
role: "option",
|
|
4326
|
-
class: ue(["option", { "focus-visible": d.value ===
|
|
4327
|
-
"aria-disabled": t.isDisabled(
|
|
4328
|
-
"aria-selected":
|
|
4330
|
+
class: ue(["option", { "focus-visible": d.value === M }]),
|
|
4331
|
+
"aria-disabled": t.isDisabled(h) || void 0,
|
|
4332
|
+
"aria-selected": M === u.value,
|
|
4329
4333
|
onMousedown: v[1] || (v[1] = ie(() => {
|
|
4330
4334
|
}, ["prevent"])),
|
|
4331
|
-
onClick: (
|
|
4335
|
+
onClick: (R) => !t.isDisabled(h) && G(h, M)
|
|
4332
4336
|
}, [
|
|
4333
|
-
t.isDisabled(
|
|
4337
|
+
t.isDisabled(h) ? F("", !0) : (f(), ee(pe, {
|
|
4334
4338
|
key: 0,
|
|
4335
4339
|
name: "search",
|
|
4336
4340
|
size: 22
|
|
4337
4341
|
})),
|
|
4338
4342
|
X(c.$slots, "option", {
|
|
4339
|
-
option:
|
|
4340
|
-
value: e.getValue(
|
|
4343
|
+
option: h,
|
|
4344
|
+
value: e.getValue(h),
|
|
4341
4345
|
query: l.value,
|
|
4342
|
-
selected:
|
|
4343
|
-
active:
|
|
4346
|
+
selected: M === u.value,
|
|
4347
|
+
active: M === d.value
|
|
4344
4348
|
}, () => [
|
|
4345
|
-
|
|
4349
|
+
x("div", Sn, [
|
|
4346
4350
|
j(vn, {
|
|
4347
|
-
text: e.getValue(
|
|
4351
|
+
text: e.getValue(h),
|
|
4348
4352
|
query: l.value
|
|
4349
4353
|
}, null, 8, ["text", "query"])
|
|
4350
4354
|
])
|
|
4351
4355
|
], !0),
|
|
4352
|
-
|
|
4353
|
-
], 42, Dn))), 128)) : H.value.length === 0 && !e.loading ? (f(), b("li",
|
|
4354
|
-
|
|
4356
|
+
x("div", _n, K(e.getValue(h)), 1)
|
|
4357
|
+
], 42, Dn))), 128)) : H.value.length === 0 && !e.loading ? (f(), b("li", Tn, [...v[3] || (v[3] = [
|
|
4358
|
+
x("div", { class: "option-value" }, "No results found", -1)
|
|
4355
4359
|
])])) : (f(), ee(Bt, {
|
|
4356
4360
|
key: 2,
|
|
4357
4361
|
"aria-live": "polite",
|
|
4358
4362
|
role: "status",
|
|
4359
4363
|
message: "Loading"
|
|
4360
4364
|
})),
|
|
4361
|
-
k.value ? (f(), b("li",
|
|
4362
|
-
|
|
4363
|
-
])])) :
|
|
4364
|
-
(f(!0), b(re, null, ve(s.value, (
|
|
4365
|
-
key:
|
|
4365
|
+
k.value ? (f(), b("li", Rn, [...v[4] || (v[4] = [
|
|
4366
|
+
x("div", { class: "option-value" }, " Recents ", -1)
|
|
4367
|
+
])])) : F("", !0),
|
|
4368
|
+
(f(!0), b(re, null, ve(s.value, (h) => (f(), b("li", {
|
|
4369
|
+
key: h,
|
|
4366
4370
|
role: "presentation",
|
|
4367
4371
|
"aria-hidden": "true",
|
|
4368
4372
|
class: "option recent-item",
|
|
4369
|
-
onClick: (
|
|
4373
|
+
onClick: (M) => te(h)
|
|
4370
4374
|
}, [
|
|
4371
4375
|
j(pe, { name: "clock" }),
|
|
4372
|
-
|
|
4376
|
+
x("div", Zn, K(h), 1)
|
|
4373
4377
|
], 8, En))), 128))
|
|
4374
4378
|
], 512), [
|
|
4375
4379
|
[et, r.value]
|
|
@@ -4379,7 +4383,7 @@ const bn = {
|
|
|
4379
4383
|
}),
|
|
4380
4384
|
c.$slots.icon ? (f(), b("span", zn, [
|
|
4381
4385
|
X(c.$slots, "icon", {}, void 0, !0)
|
|
4382
|
-
])) :
|
|
4386
|
+
])) : F("", !0),
|
|
4383
4387
|
l.value.length > 0 && !e.disabled ? (f(), ee(ke, {
|
|
4384
4388
|
key: 1,
|
|
4385
4389
|
type: "button",
|
|
@@ -4400,25 +4404,25 @@ const bn = {
|
|
|
4400
4404
|
})
|
|
4401
4405
|
]),
|
|
4402
4406
|
_: 1
|
|
4403
|
-
})) :
|
|
4407
|
+
})) : F("", !0)
|
|
4404
4408
|
], 2));
|
|
4405
4409
|
}
|
|
4406
4410
|
}), $l = /* @__PURE__ */ W(qn, [["__scopeId", "data-v-75e8a9a2"]]), On = 5, ye = bt({
|
|
4407
4411
|
toasts: []
|
|
4408
4412
|
});
|
|
4409
|
-
let
|
|
4413
|
+
let Nn = 0;
|
|
4410
4414
|
const Ae = (e, n = "info") => {
|
|
4411
4415
|
const t = {
|
|
4412
|
-
id: `toast-${
|
|
4416
|
+
id: `toast-${Nn++}`,
|
|
4413
4417
|
duration: 4e3,
|
|
4414
4418
|
...typeof e == "string" ? { description: e } : e,
|
|
4415
4419
|
variant: n
|
|
4416
4420
|
};
|
|
4417
4421
|
return ye.toasts.push(t), ye.toasts.length > On && ye.toasts.shift(), t.id;
|
|
4418
|
-
},
|
|
4422
|
+
}, Fn = (e, n) => ye.toasts = ye.toasts.map((t) => t.id === e ? { ...t, ...n, loading: !1 } : t), Il = Object.assign(
|
|
4419
4423
|
(e) => Ae(e),
|
|
4420
4424
|
{
|
|
4421
|
-
update:
|
|
4425
|
+
update: Fn,
|
|
4422
4426
|
success: (e) => Ae(e, "success"),
|
|
4423
4427
|
error: (e) => Ae(e, "error"),
|
|
4424
4428
|
info: (e) => Ae(e, "info"),
|
|
@@ -4467,7 +4471,7 @@ const Ae = (e, n = "info") => {
|
|
|
4467
4471
|
const d = () => {
|
|
4468
4472
|
cancelAnimationFrame(l), a.value = "closing", setTimeout(() => ye.toasts = ye.toasts.filter((u) => u.id !== n.id), jn);
|
|
4469
4473
|
};
|
|
4470
|
-
return se(() => n.variant === "error" && n.focus && t.value?.focus()),
|
|
4474
|
+
return se(() => n.variant === "error" && n.focus && t.value?.focus()), Se(() => cancelAnimationFrame(l)), (u, g) => (f(), b("div", {
|
|
4471
4475
|
ref_key: "rootRef",
|
|
4472
4476
|
ref: t,
|
|
4473
4477
|
tabindex: "-1",
|
|
@@ -4479,7 +4483,7 @@ const Ae = (e, n = "info") => {
|
|
|
4479
4483
|
"aria-atomic": "true",
|
|
4480
4484
|
"aria-describedby": e.loading ? void 0 : `toast-desc-${e.id}`
|
|
4481
4485
|
}, [
|
|
4482
|
-
|
|
4486
|
+
x("div", Kn, [
|
|
4483
4487
|
X(u.$slots, "default", {}, void 0, !0),
|
|
4484
4488
|
j(ke, {
|
|
4485
4489
|
type: "button",
|
|
@@ -4497,19 +4501,19 @@ const Ae = (e, n = "info") => {
|
|
|
4497
4501
|
}, 8, ["aria-label"])
|
|
4498
4502
|
]),
|
|
4499
4503
|
e.duration !== 1 / 0 ? (f(), b("div", Un, [
|
|
4500
|
-
|
|
4504
|
+
x("div", {
|
|
4501
4505
|
class: "bar",
|
|
4502
4506
|
style: Le({ width: o.value + "%" })
|
|
4503
4507
|
}, null, 4)
|
|
4504
|
-
])) :
|
|
4508
|
+
])) : F("", !0)
|
|
4505
4509
|
], 8, Pn));
|
|
4506
4510
|
}
|
|
4507
4511
|
}), Yn = /* @__PURE__ */ W(Wn, [["__scopeId", "data-v-f9e75b9d"]]), Xn = { class: "toast-viewport" }, Gn = { class: "toast-message" }, Jn = { key: 0 }, Qn = ["id"], eo = /* @__PURE__ */ Z({
|
|
4508
4512
|
__name: "ToastViewport",
|
|
4509
4513
|
setup(e) {
|
|
4510
4514
|
return (n, t) => (f(), ee(Ze, { to: "body" }, [
|
|
4511
|
-
|
|
4512
|
-
j(
|
|
4515
|
+
x("div", Xn, [
|
|
4516
|
+
j(Tt, { name: "toast-stack" }, {
|
|
4513
4517
|
default: Q(() => [
|
|
4514
4518
|
(f(!0), b(re, null, ve(E(ye).toasts, (a) => (f(), ee(Yn, {
|
|
4515
4519
|
key: a.id,
|
|
@@ -4519,8 +4523,8 @@ const Ae = (e, n = "info") => {
|
|
|
4519
4523
|
loading: a.loading
|
|
4520
4524
|
}, {
|
|
4521
4525
|
default: Q(() => [
|
|
4522
|
-
|
|
4523
|
-
a.title ? (f(), b("strong", Jn, K(a.title), 1)) :
|
|
4526
|
+
x("div", Gn, [
|
|
4527
|
+
a.title ? (f(), b("strong", Jn, K(a.title), 1)) : F("", !0),
|
|
4524
4528
|
a.loading ? (f(), ee(Bt, {
|
|
4525
4529
|
key: 1,
|
|
4526
4530
|
message: a.description,
|
|
@@ -4547,7 +4551,7 @@ const Hl = {
|
|
|
4547
4551
|
if (e.component("ToastViewport", ht), t && !gt && typeof window < "u") {
|
|
4548
4552
|
gt = !0;
|
|
4549
4553
|
const a = document.createElement("div");
|
|
4550
|
-
a.setAttribute("data-toast-host", ""), document.body.appendChild(a),
|
|
4554
|
+
a.setAttribute("data-toast-host", ""), document.body.appendChild(a), Rt(ht).mount(a);
|
|
4551
4555
|
}
|
|
4552
4556
|
}
|
|
4553
4557
|
}, to = /* @__PURE__ */ Z({
|
|
@@ -4561,7 +4565,7 @@ const Hl = {
|
|
|
4561
4565
|
const t = e, a = n, o = w(), i = w();
|
|
4562
4566
|
xe("card:labelId", o), xe("card:descriptionId", i);
|
|
4563
4567
|
const l = V(() => t.clickable && t.as !== "button" && t.as !== "a"), r = () => t.clickable && a("click");
|
|
4564
|
-
return (s, d) => (f(), ee(
|
|
4568
|
+
return (s, d) => (f(), ee(Te(e.as), {
|
|
4565
4569
|
class: ue(["rs-card", { clickable: e.clickable }]),
|
|
4566
4570
|
tabindex: l.value ? 0 : void 0,
|
|
4567
4571
|
role: l.value ? "button" : void 0,
|
|
@@ -4586,7 +4590,7 @@ const Hl = {
|
|
|
4586
4590
|
},
|
|
4587
4591
|
setup(e) {
|
|
4588
4592
|
const n = de("card:labelId", void 0), t = `rs-card-label-${fe()}`;
|
|
4589
|
-
return se(() => n && (n.value = t)), (a, o) => (f(), ee(
|
|
4593
|
+
return se(() => n && (n.value = t)), (a, o) => (f(), ee(Te(e.as), {
|
|
4590
4594
|
id: t,
|
|
4591
4595
|
class: "rs-card-header"
|
|
4592
4596
|
}, {
|
|
@@ -4613,7 +4617,7 @@ const Hl = {
|
|
|
4613
4617
|
as: { default: "div" }
|
|
4614
4618
|
},
|
|
4615
4619
|
setup(e) {
|
|
4616
|
-
return (n, t) => (f(), ee(
|
|
4620
|
+
return (n, t) => (f(), ee(Te(e.as), { class: "rs-card-footer" }, {
|
|
4617
4621
|
default: Q(() => [
|
|
4618
4622
|
X(n.$slots, "default", {}, void 0, !0)
|
|
4619
4623
|
]),
|
|
@@ -4651,7 +4655,7 @@ const Hl = {
|
|
|
4651
4655
|
let r = null, s = null;
|
|
4652
4656
|
const d = de("StepIndex");
|
|
4653
4657
|
if (d == null) throw new Error("StepIndex component must be used inside Steps.");
|
|
4654
|
-
const u = V(() => n.status ? n.status : d < t.current.value ? "completed" : d === t.current.value ? "active" : "pending"),
|
|
4658
|
+
const u = V(() => n.status ? n.status : d < t.current.value ? "completed" : d === t.current.value ? "active" : "pending"), g = V(() => t?.icons?.[u.value]), p = V(() => a.icon ? "slot" : n.icon ? n.icon : g.value), m = V(() => {
|
|
4655
4659
|
switch (u.value) {
|
|
4656
4660
|
case "completed":
|
|
4657
4661
|
return "Stage completed";
|
|
@@ -4673,7 +4677,7 @@ const Hl = {
|
|
|
4673
4677
|
default:
|
|
4674
4678
|
return "default";
|
|
4675
4679
|
}
|
|
4676
|
-
}),
|
|
4680
|
+
}), L = V(() => n.size ?? t.size ?? "sm"), _ = V(() => {
|
|
4677
4681
|
switch (u.value) {
|
|
4678
4682
|
case "completed":
|
|
4679
4683
|
return t.tagTitles.completed;
|
|
@@ -4687,7 +4691,7 @@ const Hl = {
|
|
|
4687
4691
|
});
|
|
4688
4692
|
J(
|
|
4689
4693
|
() => u.value,
|
|
4690
|
-
(
|
|
4694
|
+
(y) => t.registerStepStatus(d, y),
|
|
4691
4695
|
{ immediate: !0 }
|
|
4692
4696
|
);
|
|
4693
4697
|
const $ = () => {
|
|
@@ -4696,22 +4700,22 @@ const Hl = {
|
|
|
4696
4700
|
}));
|
|
4697
4701
|
}, k = () => {
|
|
4698
4702
|
if (!o.value || !i.value) return;
|
|
4699
|
-
const
|
|
4700
|
-
t.registerIndicatorCenter(d,
|
|
4701
|
-
}, H = (
|
|
4702
|
-
const
|
|
4703
|
-
switch (
|
|
4703
|
+
const y = i.value.getBoundingClientRect(), T = t.stepsRef.value.getBoundingClientRect(), N = t.orientation === "vertical" ? y.top + y.height / 2 - T.top : y.left + y.width / 2 - T.left;
|
|
4704
|
+
t.registerIndicatorCenter(d, N);
|
|
4705
|
+
}, H = (y) => {
|
|
4706
|
+
const T = t.orientation === "horizontal", N = t.orientation === "vertical";
|
|
4707
|
+
switch (y.key) {
|
|
4704
4708
|
case "ArrowRight":
|
|
4705
|
-
|
|
4709
|
+
T && t.focusNext();
|
|
4706
4710
|
break;
|
|
4707
4711
|
case "ArrowLeft":
|
|
4708
|
-
|
|
4712
|
+
T && t.focusPrev();
|
|
4709
4713
|
break;
|
|
4710
4714
|
case "ArrowDown":
|
|
4711
|
-
|
|
4715
|
+
N && t.focusNext();
|
|
4712
4716
|
break;
|
|
4713
4717
|
case "ArrowUp":
|
|
4714
|
-
|
|
4718
|
+
N && t.focusPrev();
|
|
4715
4719
|
break;
|
|
4716
4720
|
case "Home":
|
|
4717
4721
|
t.focusFirst();
|
|
@@ -4722,7 +4726,7 @@ const Hl = {
|
|
|
4722
4726
|
default:
|
|
4723
4727
|
return;
|
|
4724
4728
|
}
|
|
4725
|
-
|
|
4729
|
+
y.preventDefault();
|
|
4726
4730
|
};
|
|
4727
4731
|
return se(() => {
|
|
4728
4732
|
!o.value || !i.value || (requestAnimationFrame(() => {
|
|
@@ -4732,10 +4736,10 @@ const Hl = {
|
|
|
4732
4736
|
}), s.observe(o.value), s.observe(i.value), t.stepsRef.value && s.observe(t.stepsRef.value), t.registerStep(o.value));
|
|
4733
4737
|
}), $e(() => {
|
|
4734
4738
|
s?.disconnect(), t.unregisterStep(o.value), r != null && cancelAnimationFrame(r);
|
|
4735
|
-
}), (
|
|
4739
|
+
}), (y, T) => (f(), b("li", {
|
|
4736
4740
|
ref_key: "stepRef",
|
|
4737
4741
|
ref: o,
|
|
4738
|
-
class: ue(["step", `step__${
|
|
4742
|
+
class: ue(["step", `step__${L.value}`]),
|
|
4739
4743
|
role: "listitem",
|
|
4740
4744
|
"data-status": u.value,
|
|
4741
4745
|
"data-orientation": l.value,
|
|
@@ -4749,38 +4753,38 @@ const Hl = {
|
|
|
4749
4753
|
"aria-describedby": `step-status-${E(d)}`,
|
|
4750
4754
|
onKeydown: H
|
|
4751
4755
|
}, [
|
|
4752
|
-
|
|
4756
|
+
x("span", {
|
|
4753
4757
|
ref_key: "indicatorRef",
|
|
4754
4758
|
ref: i,
|
|
4755
4759
|
class: "indicator",
|
|
4756
4760
|
"aria-hidden": "true"
|
|
4757
4761
|
}, [
|
|
4758
|
-
|
|
4762
|
+
y.$slots.icon ? X(y.$slots, "icon", {
|
|
4759
4763
|
key: 0,
|
|
4760
4764
|
status: u.value
|
|
4761
4765
|
}, void 0, !0) : p.value ? (f(), ee(pe, {
|
|
4762
4766
|
key: 1,
|
|
4763
4767
|
name: p.value,
|
|
4764
4768
|
class: "icon"
|
|
4765
|
-
}, null, 8, ["name"])) :
|
|
4766
|
-
u.value === "completed" ? (f(), b("svg", ro, [...
|
|
4767
|
-
|
|
4769
|
+
}, null, 8, ["name"])) : F("", !0),
|
|
4770
|
+
u.value === "completed" ? (f(), b("svg", ro, [...T[0] || (T[0] = [
|
|
4771
|
+
x("path", {
|
|
4768
4772
|
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",
|
|
4769
4773
|
fill: "currentColor"
|
|
4770
4774
|
}, null, -1)
|
|
4771
|
-
])])) : u.value === "error" ? (f(), b("svg", so, [...
|
|
4772
|
-
|
|
4775
|
+
])])) : u.value === "error" ? (f(), b("svg", so, [...T[1] || (T[1] = [
|
|
4776
|
+
x("path", {
|
|
4773
4777
|
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",
|
|
4774
4778
|
fill: "currentColor"
|
|
4775
4779
|
}, null, -1)
|
|
4776
|
-
])])) : u.value === "active" ? (f(), b("span", io)) :
|
|
4780
|
+
])])) : u.value === "active" ? (f(), b("span", io)) : F("", !0)
|
|
4777
4781
|
], 512),
|
|
4778
|
-
|
|
4782
|
+
x("span", {
|
|
4779
4783
|
id: `step-status-${E(d)}`,
|
|
4780
4784
|
class: "sr-only"
|
|
4781
4785
|
}, K(m.value), 9, uo),
|
|
4782
|
-
|
|
4783
|
-
|
|
4786
|
+
x("div", co, [
|
|
4787
|
+
x("span", {
|
|
4784
4788
|
id: `step-title-${E(d)}`,
|
|
4785
4789
|
class: "title"
|
|
4786
4790
|
}, K(e.title), 9, vo),
|
|
@@ -4789,17 +4793,17 @@ const Hl = {
|
|
|
4789
4793
|
size: "sm"
|
|
4790
4794
|
}, {
|
|
4791
4795
|
default: Q(() => [
|
|
4792
|
-
be(K(
|
|
4796
|
+
be(K(_.value), 1)
|
|
4793
4797
|
]),
|
|
4794
4798
|
_: 1
|
|
4795
4799
|
}, 8, ["variant"]),
|
|
4796
|
-
|
|
4797
|
-
X(
|
|
4798
|
-
])) :
|
|
4800
|
+
y.$slots.default ? (f(), b("span", fo, [
|
|
4801
|
+
X(y.$slots, "default", {}, void 0, !0)
|
|
4802
|
+
])) : F("", !0)
|
|
4799
4803
|
])
|
|
4800
4804
|
], 42, lo));
|
|
4801
4805
|
}
|
|
4802
|
-
}),
|
|
4806
|
+
}), Sl = /* @__PURE__ */ W(po, [["__scopeId", "data-v-22b83230"]]), mo = /* @__PURE__ */ Z({
|
|
4803
4807
|
__name: "StepsItem",
|
|
4804
4808
|
props: {
|
|
4805
4809
|
index: {}
|
|
@@ -4833,12 +4837,12 @@ const Hl = {
|
|
|
4833
4837
|
emits: ["update:modelValue"],
|
|
4834
4838
|
setup(e) {
|
|
4835
4839
|
const n = e, t = w(0), a = at(), o = he(e, "modelValue"), i = w([]), l = w(null), r = V(() => o.value ?? 0), s = `steps-description-${fe()}`, d = Et({}), u = bt({});
|
|
4836
|
-
let
|
|
4837
|
-
const p = V(() => (a.default?.() ?? [])[r.value]?.props?.title ?? ""), m = V(() => Object.entries(u).filter(([,
|
|
4840
|
+
let g = null;
|
|
4841
|
+
const p = V(() => (a.default?.() ?? [])[r.value]?.props?.title ?? ""), m = V(() => Object.entries(u).filter(([, S]) => S !== "completed").length === 0), C = V(
|
|
4838
4842
|
() => Object.values(u).includes("error")
|
|
4839
|
-
),
|
|
4840
|
-
const
|
|
4841
|
-
if (A.value[0] == null || A.value[
|
|
4843
|
+
), L = V(() => {
|
|
4844
|
+
const S = r.value, A = d;
|
|
4845
|
+
if (A.value[0] == null || A.value[S] == null)
|
|
4842
4846
|
return n.orientation === "vertical" ? {
|
|
4843
4847
|
height: "100%",
|
|
4844
4848
|
top: "0px"
|
|
@@ -4846,7 +4850,7 @@ const Hl = {
|
|
|
4846
4850
|
width: "100%",
|
|
4847
4851
|
left: "0px"
|
|
4848
4852
|
};
|
|
4849
|
-
const I = A.value[0], B = A.value[
|
|
4853
|
+
const I = A.value[0], B = A.value[S];
|
|
4850
4854
|
return n.orientation === "vertical" ? {
|
|
4851
4855
|
top: `${I}px`,
|
|
4852
4856
|
height: `${B - I}px`
|
|
@@ -4854,10 +4858,10 @@ const Hl = {
|
|
|
4854
4858
|
left: `${I}px`,
|
|
4855
4859
|
width: `${B - I}px`
|
|
4856
4860
|
};
|
|
4857
|
-
}),
|
|
4858
|
-
const
|
|
4859
|
-
if (
|
|
4860
|
-
const A =
|
|
4861
|
+
}), _ = V(() => {
|
|
4862
|
+
const S = Object.values(d.value).sort((B, q) => B - q);
|
|
4863
|
+
if (S.length < 2) return {};
|
|
4864
|
+
const A = S[0], I = S[S.length - 1];
|
|
4861
4865
|
return n.orientation === "vertical" ? {
|
|
4862
4866
|
top: `${A}px`,
|
|
4863
4867
|
height: `${I - A}px`
|
|
@@ -4865,53 +4869,53 @@ const Hl = {
|
|
|
4865
4869
|
left: `${A}px`,
|
|
4866
4870
|
right: `calc(100% - ${I}px)`
|
|
4867
4871
|
};
|
|
4868
|
-
}), $ = (
|
|
4869
|
-
function k(
|
|
4870
|
-
i.value.push(
|
|
4872
|
+
}), $ = (S, A) => d.value = { ...d.value, [S]: A };
|
|
4873
|
+
function k(S) {
|
|
4874
|
+
i.value.push(S), t.value = i.value.length;
|
|
4871
4875
|
}
|
|
4872
|
-
function H(
|
|
4873
|
-
i.value = i.value.filter((A) => A !==
|
|
4876
|
+
function H(S) {
|
|
4877
|
+
i.value = i.value.filter((A) => A !== S), t.value = i.value.length;
|
|
4874
4878
|
}
|
|
4875
|
-
function
|
|
4876
|
-
|
|
4879
|
+
function y(S) {
|
|
4880
|
+
S < 0 || S >= i.value.length || (o.value = S, i.value[S]?.focus());
|
|
4877
4881
|
}
|
|
4878
|
-
function
|
|
4879
|
-
|
|
4882
|
+
function T() {
|
|
4883
|
+
y(o.value + 1);
|
|
4880
4884
|
}
|
|
4881
|
-
function
|
|
4882
|
-
|
|
4885
|
+
function N() {
|
|
4886
|
+
y(o.value - 1);
|
|
4883
4887
|
}
|
|
4884
4888
|
function G() {
|
|
4885
|
-
|
|
4889
|
+
y(0);
|
|
4886
4890
|
}
|
|
4887
4891
|
function D() {
|
|
4888
|
-
|
|
4892
|
+
y(t.value - 1);
|
|
4889
4893
|
}
|
|
4890
4894
|
return se(() => {
|
|
4891
|
-
l.value && (
|
|
4892
|
-
}),
|
|
4893
|
-
}), $e(() =>
|
|
4895
|
+
l.value && (g = new ResizeObserver(() => {
|
|
4896
|
+
}), g.observe(l.value));
|
|
4897
|
+
}), $e(() => g?.disconnect()), xe("StepsContext", {
|
|
4894
4898
|
current: V(() => o.value),
|
|
4895
|
-
update: (
|
|
4899
|
+
update: (S) => o.value = S,
|
|
4896
4900
|
stepsCount: t,
|
|
4897
4901
|
icons: n.icons,
|
|
4898
4902
|
size: n.size,
|
|
4899
4903
|
orientation: n.orientation,
|
|
4900
4904
|
stepStatusMap: u,
|
|
4901
4905
|
stepsRef: l,
|
|
4902
|
-
registerStepStatus: (
|
|
4903
|
-
u[
|
|
4906
|
+
registerStepStatus: (S, A) => {
|
|
4907
|
+
u[S] = A;
|
|
4904
4908
|
},
|
|
4905
4909
|
registerIndicatorCenter: $,
|
|
4906
4910
|
registerStep: k,
|
|
4907
4911
|
unregisterStep: H,
|
|
4908
|
-
focusNext:
|
|
4909
|
-
focusPrev:
|
|
4912
|
+
focusNext: T,
|
|
4913
|
+
focusPrev: N,
|
|
4910
4914
|
focusFirst: G,
|
|
4911
4915
|
focusLast: D,
|
|
4912
4916
|
tagTitles: n.tagTitles
|
|
4913
|
-
}), (
|
|
4914
|
-
|
|
4917
|
+
}), (S, A) => (f(), b(re, null, [
|
|
4918
|
+
x("ol", {
|
|
4915
4919
|
ref_key: "stepsRef",
|
|
4916
4920
|
ref: l,
|
|
4917
4921
|
class: "steps",
|
|
@@ -4920,36 +4924,36 @@ const Hl = {
|
|
|
4920
4924
|
"data-orientation": n.orientation,
|
|
4921
4925
|
"aria-describedby": s
|
|
4922
4926
|
}, [
|
|
4923
|
-
|
|
4927
|
+
x("p", {
|
|
4924
4928
|
id: s,
|
|
4925
4929
|
class: "sr-only"
|
|
4926
4930
|
}, " This is a multi-step process. Use arrow keys to navigate between steps. "),
|
|
4927
|
-
|
|
4931
|
+
x("div", {
|
|
4928
4932
|
class: "track",
|
|
4929
4933
|
"aria-hidden": "true",
|
|
4930
|
-
style: Le(
|
|
4934
|
+
style: Le(_.value)
|
|
4931
4935
|
}, [
|
|
4932
|
-
|
|
4936
|
+
x("div", {
|
|
4933
4937
|
class: "track-progress",
|
|
4934
4938
|
"data-error": C.value,
|
|
4935
4939
|
"data-completed": m.value,
|
|
4936
|
-
style: Le(
|
|
4940
|
+
style: Le(L.value)
|
|
4937
4941
|
}, null, 12, ho)
|
|
4938
4942
|
], 4),
|
|
4939
|
-
(f(!0), b(re, null, ve(
|
|
4943
|
+
(f(!0), b(re, null, ve(S.$slots.default?.(), (I, B) => (f(), ee(mo, {
|
|
4940
4944
|
key: B,
|
|
4941
4945
|
index: B
|
|
4942
4946
|
}, {
|
|
4943
4947
|
default: Q(() => [
|
|
4944
|
-
(f(), ee(
|
|
4948
|
+
(f(), ee(Te(I)))
|
|
4945
4949
|
]),
|
|
4946
4950
|
_: 2
|
|
4947
4951
|
}, 1032, ["index"]))), 128))
|
|
4948
4952
|
], 8, Co),
|
|
4949
|
-
|
|
4953
|
+
x("div", go, " Step " + K(r.value + 1) + " of " + K(t.value) + ": " + K(p.value), 1)
|
|
4950
4954
|
], 64));
|
|
4951
4955
|
}
|
|
4952
|
-
}),
|
|
4956
|
+
}), _l = /* @__PURE__ */ W(yo, [["__scopeId", "data-v-2fa0f578"]]), bo = ["data-align"], ko = /* @__PURE__ */ Z({
|
|
4953
4957
|
__name: "Timeline",
|
|
4954
4958
|
props: {
|
|
4955
4959
|
align: { default: "left" }
|
|
@@ -4963,7 +4967,7 @@ const Hl = {
|
|
|
4963
4967
|
X(t.$slots, "default", {}, void 0, !0)
|
|
4964
4968
|
], 8, bo));
|
|
4965
4969
|
}
|
|
4966
|
-
}),
|
|
4970
|
+
}), Tl = /* @__PURE__ */ W(ko, [["__scopeId", "data-v-d56deb2b"]]), wo = ["data-align", "aria-labelledby", "aria-describedby"], Mo = { class: "ui-timeline-content" }, Lo = ["datetime"], xo = { class: "ui-timeline-date--month" }, $o = { class: "ui-timeline-date--day" }, Io = { class: "ui-timeline-date--year" }, Ho = ["data-direction"], Vo = { class: "info" }, Bo = ["id"], Ao = { class: "addons" }, Do = /* @__PURE__ */ Z({
|
|
4967
4971
|
__name: "TimelineItem",
|
|
4968
4972
|
props: {
|
|
4969
4973
|
date: {},
|
|
@@ -4987,27 +4991,27 @@ const Hl = {
|
|
|
4987
4991
|
"aria-labelledby": e.title ? E(a) : void 0,
|
|
4988
4992
|
"aria-describedby": e.description ? E(o) : void 0
|
|
4989
4993
|
}, [
|
|
4990
|
-
u[0] || (u[0] =
|
|
4994
|
+
u[0] || (u[0] = x("div", {
|
|
4991
4995
|
class: "ui-timeline-marker",
|
|
4992
4996
|
"aria-hidden": "true"
|
|
4993
4997
|
}, null, -1)),
|
|
4994
|
-
|
|
4998
|
+
x("div", Mo, [
|
|
4995
4999
|
e.date ? (f(), b("time", {
|
|
4996
5000
|
key: 0,
|
|
4997
5001
|
class: "ui-timeline-date",
|
|
4998
5002
|
datetime: e.date
|
|
4999
5003
|
}, [
|
|
5000
|
-
|
|
5001
|
-
|
|
5002
|
-
|
|
5003
|
-
], 8, Lo)) :
|
|
5004
|
-
|
|
5004
|
+
x("span", xo, K(r(e.date)), 1),
|
|
5005
|
+
x("span", $o, K(l(e.date)), 1),
|
|
5006
|
+
x("span", Io, K(s(e.date)), 1)
|
|
5007
|
+
], 8, Lo)) : F("", !0),
|
|
5008
|
+
x("div", {
|
|
5005
5009
|
class: "ui-timeline-body",
|
|
5006
5010
|
"data-direction": e.flexDirection
|
|
5007
5011
|
}, [
|
|
5008
|
-
|
|
5012
|
+
x("div", Vo, [
|
|
5009
5013
|
X(d.$slots, "title", {}, () => [
|
|
5010
|
-
(f(), ee(
|
|
5014
|
+
(f(), ee(Te(e.titleAs ?? "h3"), {
|
|
5011
5015
|
id: E(a),
|
|
5012
5016
|
class: "ui-timeline-title"
|
|
5013
5017
|
}, {
|
|
@@ -5022,20 +5026,20 @@ const Hl = {
|
|
|
5022
5026
|
key: 0,
|
|
5023
5027
|
id: E(o),
|
|
5024
5028
|
class: "ui-timeline-description"
|
|
5025
|
-
}, K(e.description), 9, Bo)) :
|
|
5029
|
+
}, K(e.description), 9, Bo)) : F("", !0)
|
|
5026
5030
|
], !0)
|
|
5027
5031
|
]),
|
|
5028
|
-
|
|
5032
|
+
x("div", Ao, [
|
|
5029
5033
|
X(d.$slots, "default", {}, void 0, !0)
|
|
5030
5034
|
])
|
|
5031
5035
|
], 8, Ho)
|
|
5032
5036
|
])
|
|
5033
5037
|
], 10, wo));
|
|
5034
5038
|
}
|
|
5035
|
-
}),
|
|
5039
|
+
}), Rl = /* @__PURE__ */ W(Do, [["__scopeId", "data-v-10599410"]]), So = ["aria-label", "aria-activedescendant"], _o = { class: "carousel-viewport" }, To = {
|
|
5036
5040
|
class: "sr-only",
|
|
5037
5041
|
"aria-live": "polite"
|
|
5038
|
-
},
|
|
5042
|
+
}, Ro = {
|
|
5039
5043
|
key: 0,
|
|
5040
5044
|
role: "tablist",
|
|
5041
5045
|
class: "carousel-indicators"
|
|
@@ -5061,79 +5065,79 @@ const Hl = {
|
|
|
5061
5065
|
}),
|
|
5062
5066
|
emits: ["update:modelValue"],
|
|
5063
5067
|
setup(e) {
|
|
5064
|
-
const n = he(e, "modelValue"), t = e, a = w(0), o = w(0), i = w(0), l = w(0), r = w(0), s = w(0), d = w(!1), u = w(!1),
|
|
5068
|
+
const n = he(e, "modelValue"), t = e, a = w(0), o = w(0), i = w(0), l = w(0), r = w(0), s = w(0), d = w(!1), u = w(!1), g = w(0), p = w([]), m = w(1), C = w(n.value), L = w(null), _ = w(null);
|
|
5065
5069
|
let $ = null, k = null;
|
|
5066
5070
|
J(
|
|
5067
5071
|
() => n.value,
|
|
5068
|
-
(
|
|
5072
|
+
(M) => C.value = M
|
|
5069
5073
|
);
|
|
5070
|
-
const H = V(() => p.value[C.value] ?? void 0),
|
|
5071
|
-
const
|
|
5074
|
+
const H = V(() => p.value[C.value] ?? void 0), y = V(() => Math.floor(C.value / m.value)), T = V(() => Math.ceil(te.value / m.value)), N = V(() => Math.max(0, te.value - m.value)), G = V(() => {
|
|
5075
|
+
const M = C.value * (100 / m.value), R = u.value && _.value ? i.value / _.value.clientWidth * 100 : 0;
|
|
5072
5076
|
return {
|
|
5073
|
-
transform: `translateX(calc(-${
|
|
5077
|
+
transform: `translateX(calc(-${M}% + ${R}%))`,
|
|
5074
5078
|
transition: u.value ? "none" : "transform 300ms ease"
|
|
5075
5079
|
};
|
|
5076
|
-
}), D = (
|
|
5077
|
-
let
|
|
5080
|
+
}), D = (M) => {
|
|
5081
|
+
let R = M;
|
|
5078
5082
|
if (t.loop) {
|
|
5079
|
-
const Y = Math.round(
|
|
5080
|
-
|
|
5083
|
+
const Y = Math.round(M / m.value), z = T.value;
|
|
5084
|
+
R = (Y % z + z) % z * m.value;
|
|
5081
5085
|
} else
|
|
5082
|
-
|
|
5083
|
-
Math.max(
|
|
5084
|
-
|
|
5086
|
+
R = Math.min(
|
|
5087
|
+
Math.max(M, 0),
|
|
5088
|
+
N.value
|
|
5085
5089
|
);
|
|
5086
|
-
C.value =
|
|
5087
|
-
},
|
|
5088
|
-
|
|
5089
|
-
}, B = (
|
|
5090
|
+
C.value = R, n.value = R;
|
|
5091
|
+
}, S = () => D(C.value + m.value), A = () => D(C.value - m.value), I = (M) => {
|
|
5092
|
+
M.key === "ArrowRight" ? S() : M.key === "ArrowLeft" && A();
|
|
5093
|
+
}, B = (M) => (p.value.includes(M) || p.value.push(M), p.value.indexOf(M)), q = (M) => p.value = p.value.filter((R) => R !== M), te = V(() => p.value.length), ae = () => {
|
|
5090
5094
|
!t.autoplay || $ !== null || ($ = window.setInterval(() => {
|
|
5091
|
-
d.value ||
|
|
5095
|
+
d.value || S();
|
|
5092
5096
|
}, t.autoplayDelay));
|
|
5093
5097
|
}, ce = () => {
|
|
5094
5098
|
$ !== null && (clearInterval($), $ = null);
|
|
5095
|
-
}, O = (
|
|
5099
|
+
}, O = (M) => {
|
|
5096
5100
|
if (typeof t.itemsPerView == "number")
|
|
5097
5101
|
return t.itemsPerView;
|
|
5098
|
-
const
|
|
5099
|
-
let Y =
|
|
5100
|
-
for (const [z, P] of
|
|
5102
|
+
const R = Object.entries(t.itemsPerView).map(([z, P]) => [Number(z), P]).sort((z, P) => z[0] - P[0]);
|
|
5103
|
+
let Y = R[0]?.[1] ?? 1;
|
|
5104
|
+
for (const [z, P] of R) M >= z && (Y = P);
|
|
5101
5105
|
return Y;
|
|
5102
|
-
}, c = (
|
|
5103
|
-
|
|
5104
|
-
}, v = (
|
|
5106
|
+
}, c = (M) => {
|
|
5107
|
+
M.button === 0 && (u.value = !0, o.value = M.clientX, a.value = M.clientX, s.value = M.clientX, i.value = 0, l.value = performance.now(), r.value = 0, g.value = C.value, _.value?.setPointerCapture(M.pointerId), ce(), _.value.style.userSelect = "");
|
|
5108
|
+
}, v = (M) => {
|
|
5105
5109
|
if (!u.value) return;
|
|
5106
|
-
const
|
|
5107
|
-
z > 0 && (r.value = Y / z), a.value =
|
|
5108
|
-
},
|
|
5110
|
+
const R = performance.now(), Y = M.clientX - a.value, z = R - l.value;
|
|
5111
|
+
z > 0 && (r.value = Y / z), a.value = M.clientX, l.value = R, s.value = M.clientX, i.value = s.value - o.value;
|
|
5112
|
+
}, h = (M) => {
|
|
5109
5113
|
if (!u.value) return;
|
|
5110
|
-
u.value = !1,
|
|
5111
|
-
const
|
|
5112
|
-
Math.abs(r.value) > Zo ? r.value < 0 ?
|
|
5114
|
+
u.value = !1, _.value?.releasePointerCapture(M.pointerId), _.value.style.userSelect = "";
|
|
5115
|
+
const R = _.value.clientWidth / m.value, Y = i.value / R;
|
|
5116
|
+
Math.abs(r.value) > Zo ? r.value < 0 ? S() : A() : Math.abs(Y) > zo ? Y < 0 ? S() : A() : D(g.value), i.value = 0, r.value = 0, ae();
|
|
5113
5117
|
};
|
|
5114
5118
|
return se(() => {
|
|
5115
|
-
ae(),
|
|
5116
|
-
const
|
|
5117
|
-
|
|
5118
|
-
}), k.observe(
|
|
5119
|
+
ae(), L.value && (k = new ResizeObserver((M) => {
|
|
5120
|
+
const R = M[0]?.contentRect.width;
|
|
5121
|
+
R !== void 0 && (m.value = O(R));
|
|
5122
|
+
}), k.observe(L.value));
|
|
5119
5123
|
}), $e(() => {
|
|
5120
5124
|
ce(), k?.disconnect();
|
|
5121
5125
|
}), J(
|
|
5122
5126
|
() => t.autoplay,
|
|
5123
|
-
(
|
|
5124
|
-
|
|
5127
|
+
(M) => {
|
|
5128
|
+
M ? ae() : ce();
|
|
5125
5129
|
},
|
|
5126
5130
|
{ immediate: !0 }
|
|
5127
|
-
), J(m, () => C.value = Math.min(C.value,
|
|
5131
|
+
), J(m, () => C.value = Math.min(C.value, N.value)), xe("CarouselContext", {
|
|
5128
5132
|
register: B,
|
|
5129
5133
|
unregister: q,
|
|
5130
5134
|
activeIndex: C,
|
|
5131
5135
|
slideCount: te,
|
|
5132
5136
|
deltaX: i,
|
|
5133
5137
|
itemsPerView: t.itemsPerView instanceof Object ? m : w(t.itemsPerView)
|
|
5134
|
-
}), (
|
|
5138
|
+
}), (M, R) => (f(), b("div", {
|
|
5135
5139
|
ref_key: "rootRef",
|
|
5136
|
-
ref:
|
|
5140
|
+
ref: L,
|
|
5137
5141
|
role: "region",
|
|
5138
5142
|
class: "carousel",
|
|
5139
5143
|
"aria-roledescription": "carousel",
|
|
@@ -5142,31 +5146,31 @@ const Hl = {
|
|
|
5142
5146
|
"aria-activedescendant": H.value,
|
|
5143
5147
|
style: Le({ "--items-per-view": m.value }),
|
|
5144
5148
|
onKeydown: I,
|
|
5145
|
-
onMouseenter:
|
|
5146
|
-
onMouseleave:
|
|
5147
|
-
onFocusin:
|
|
5148
|
-
onFocusout:
|
|
5149
|
+
onMouseenter: R[0] || (R[0] = (Y) => d.value = !0),
|
|
5150
|
+
onMouseleave: R[1] || (R[1] = (Y) => d.value = !1),
|
|
5151
|
+
onFocusin: R[2] || (R[2] = (Y) => d.value = !0),
|
|
5152
|
+
onFocusout: R[3] || (R[3] = (Y) => d.value = !1)
|
|
5149
5153
|
}, [
|
|
5150
|
-
|
|
5154
|
+
R[4] || (R[4] = x("span", {
|
|
5151
5155
|
id: "carousel-instructions",
|
|
5152
5156
|
class: "sr-only"
|
|
5153
5157
|
}, " Use left and right arrow keys to navigate slides ", -1)),
|
|
5154
|
-
|
|
5155
|
-
|
|
5158
|
+
x("div", _o, [
|
|
5159
|
+
x("div", {
|
|
5156
5160
|
ref_key: "trackRef",
|
|
5157
|
-
ref:
|
|
5161
|
+
ref: _,
|
|
5158
5162
|
class: "carousel-track",
|
|
5159
5163
|
style: Le(G.value),
|
|
5160
5164
|
onPointerdown: c,
|
|
5161
5165
|
onPointermove: v,
|
|
5162
|
-
onPointerup:
|
|
5163
|
-
onPointercancel:
|
|
5166
|
+
onPointerup: h,
|
|
5167
|
+
onPointercancel: h
|
|
5164
5168
|
}, [
|
|
5165
|
-
X(
|
|
5169
|
+
X(M.$slots, "default", {}, void 0, !0)
|
|
5166
5170
|
], 36)
|
|
5167
5171
|
]),
|
|
5168
|
-
|
|
5169
|
-
|
|
5172
|
+
x("span", To, " Slide " + K(Math.floor(C.value / m.value) + 1) + " of " + K(T.value), 1),
|
|
5173
|
+
x("button", {
|
|
5170
5174
|
type: "button",
|
|
5171
5175
|
class: "carousel-control prev",
|
|
5172
5176
|
"aria-label": "Previous slide",
|
|
@@ -5174,33 +5178,33 @@ const Hl = {
|
|
|
5174
5178
|
}, [
|
|
5175
5179
|
j(pe, { name: "directionDown" })
|
|
5176
5180
|
]),
|
|
5177
|
-
|
|
5181
|
+
x("button", {
|
|
5178
5182
|
type: "button",
|
|
5179
5183
|
class: "carousel-control next",
|
|
5180
5184
|
"aria-label": "Next slide",
|
|
5181
|
-
onClick:
|
|
5185
|
+
onClick: S
|
|
5182
5186
|
}, [
|
|
5183
5187
|
j(pe, { name: "directionDown" })
|
|
5184
5188
|
]),
|
|
5185
|
-
e.showIndicators ? (f(), b("div",
|
|
5186
|
-
(f(!0), b(re, null, ve(
|
|
5189
|
+
e.showIndicators ? (f(), b("div", Ro, [
|
|
5190
|
+
(f(!0), b(re, null, ve(T.value, (Y, z) => (f(), b("button", {
|
|
5187
5191
|
role: "tab",
|
|
5188
5192
|
type: "button",
|
|
5189
5193
|
key: z,
|
|
5190
5194
|
class: ue(["indicator", { active: z === Math.floor(C.value / m.value) }]),
|
|
5191
5195
|
"aria-label": `Go to slide ${z + 1}`,
|
|
5192
|
-
"aria-selected": z ===
|
|
5193
|
-
"aria-current": z ===
|
|
5196
|
+
"aria-selected": z === y.value,
|
|
5197
|
+
"aria-current": z === y.value,
|
|
5194
5198
|
onClick: (P) => D(z * m.value),
|
|
5195
5199
|
onKeydown: [
|
|
5196
|
-
Ce(ie((P) => D((z - 1 +
|
|
5197
|
-
Ce(ie((P) => D((z + 1) %
|
|
5200
|
+
Ce(ie((P) => D((z - 1 + T.value) % T.value * m.value), ["prevent"]), ["left"]),
|
|
5201
|
+
Ce(ie((P) => D((z + 1) % T.value * m.value), ["prevent"]), ["right"])
|
|
5198
5202
|
]
|
|
5199
5203
|
}, null, 42, Eo))), 128))
|
|
5200
|
-
])) :
|
|
5201
|
-
], 44,
|
|
5204
|
+
])) : F("", !0)
|
|
5205
|
+
], 44, So));
|
|
5202
5206
|
}
|
|
5203
|
-
}), El = /* @__PURE__ */ W(qo, [["__scopeId", "data-v-30cdfc00"]]), Oo = ["aria-hidden", "aria-label"],
|
|
5207
|
+
}), El = /* @__PURE__ */ W(qo, [["__scopeId", "data-v-30cdfc00"]]), Oo = ["aria-hidden", "aria-label"], No = /* @__PURE__ */ Z({
|
|
5204
5208
|
__name: "CarouselItem",
|
|
5205
5209
|
setup(e) {
|
|
5206
5210
|
const n = de("CarouselContext");
|
|
@@ -5218,7 +5222,7 @@ const Hl = {
|
|
|
5218
5222
|
X(l.$slots, "default", {}, void 0, !0)
|
|
5219
5223
|
], 40, Oo));
|
|
5220
5224
|
}
|
|
5221
|
-
}), Zl = /* @__PURE__ */ W(
|
|
5225
|
+
}), Zl = /* @__PURE__ */ W(No, [["__scopeId", "data-v-a569d055"]]), Ne = /* @__PURE__ */ Symbol("TabsContext"), zl = Z({
|
|
5222
5226
|
name: "Tabs",
|
|
5223
5227
|
props: {
|
|
5224
5228
|
modelValue: String,
|
|
@@ -5247,33 +5251,33 @@ const Hl = {
|
|
|
5247
5251
|
), J(i, (C) => {
|
|
5248
5252
|
!a.value && C.length && (a.value = C[0]);
|
|
5249
5253
|
});
|
|
5250
|
-
const s = (C,
|
|
5251
|
-
const
|
|
5252
|
-
if (!
|
|
5253
|
-
const
|
|
5254
|
-
if (!
|
|
5254
|
+
const s = (C, L) => i.value[L] = C, d = (C) => {
|
|
5255
|
+
const L = i.value.filter(Boolean);
|
|
5256
|
+
if (!L.length) return;
|
|
5257
|
+
const _ = a.value;
|
|
5258
|
+
if (!_) {
|
|
5255
5259
|
a.value = C, n("update:modelValue", C);
|
|
5256
5260
|
return;
|
|
5257
5261
|
}
|
|
5258
|
-
const $ =
|
|
5262
|
+
const $ = L.indexOf(_), k = L.indexOf(C);
|
|
5259
5263
|
if ($ === -1 || k === -1) {
|
|
5260
5264
|
a.value = C, n("update:modelValue", C);
|
|
5261
5265
|
return;
|
|
5262
5266
|
}
|
|
5263
|
-
$ !== -1 && k !== -1 && (l.value = k > $ ? "forward" : "backward"),
|
|
5264
|
-
}, u = V(() => l.value === "forward" ? "tab-slide-forward" : "tab-slide-backward"),
|
|
5267
|
+
$ !== -1 && k !== -1 && (l.value = k > $ ? "forward" : "backward"), _ !== C && (a.value = C, n("update:modelValue", C));
|
|
5268
|
+
}, u = V(() => l.value === "forward" ? "tab-slide-forward" : "tab-slide-backward"), g = (C) => {
|
|
5265
5269
|
C instanceof HTMLElement && r.value && (r.value.style.height = `${C.offsetHeight}px`);
|
|
5266
5270
|
}, p = (C) => {
|
|
5267
5271
|
if (C instanceof HTMLElement && r.value) {
|
|
5268
|
-
const
|
|
5272
|
+
const L = C.offsetHeight;
|
|
5269
5273
|
requestAnimationFrame(() => {
|
|
5270
|
-
r.value && (r.value.style.height = `${
|
|
5274
|
+
r.value && (r.value.style.height = `${L}px`);
|
|
5271
5275
|
});
|
|
5272
5276
|
}
|
|
5273
5277
|
}, m = () => {
|
|
5274
5278
|
r.value && (r.value.style.height = "");
|
|
5275
5279
|
};
|
|
5276
|
-
return xe(
|
|
5280
|
+
return xe(Ne, {
|
|
5277
5281
|
activeValue: a,
|
|
5278
5282
|
setValue: d,
|
|
5279
5283
|
registerTrigger: s,
|
|
@@ -5284,13 +5288,13 @@ const Hl = {
|
|
|
5284
5288
|
contentWrapperRef: r,
|
|
5285
5289
|
focusOnChange: o
|
|
5286
5290
|
}), () => {
|
|
5287
|
-
const C = t.default?.() || [],
|
|
5291
|
+
const C = t.default?.() || [], L = [], _ = [];
|
|
5288
5292
|
C.forEach((k) => {
|
|
5289
|
-
k.type?.name === "TabsContent" ?
|
|
5293
|
+
k.type?.name === "TabsContent" ? _.push(k) : L.push(k);
|
|
5290
5294
|
});
|
|
5291
|
-
const $ =
|
|
5295
|
+
const $ = _.find((k) => k.props?.value === a.value);
|
|
5292
5296
|
return [
|
|
5293
|
-
...
|
|
5297
|
+
...L,
|
|
5294
5298
|
U(
|
|
5295
5299
|
"div",
|
|
5296
5300
|
{
|
|
@@ -5298,11 +5302,11 @@ const Hl = {
|
|
|
5298
5302
|
ref: r
|
|
5299
5303
|
},
|
|
5300
5304
|
U(
|
|
5301
|
-
|
|
5305
|
+
_e,
|
|
5302
5306
|
{
|
|
5303
5307
|
name: u.value,
|
|
5304
5308
|
mode: "out-in",
|
|
5305
|
-
onBeforeLeave:
|
|
5309
|
+
onBeforeLeave: g,
|
|
5306
5310
|
onEnter: p,
|
|
5307
5311
|
onAfterEnter: m
|
|
5308
5312
|
},
|
|
@@ -5318,7 +5322,7 @@ const Hl = {
|
|
|
5318
5322
|
}), ql = Z({
|
|
5319
5323
|
name: "TabsList",
|
|
5320
5324
|
setup(e, { slots: n }) {
|
|
5321
|
-
const t = de(
|
|
5325
|
+
const t = de(Ne);
|
|
5322
5326
|
if (!t) throw new Error("TabsList components must be used inside <Tabs>");
|
|
5323
5327
|
return () => U(
|
|
5324
5328
|
"div",
|
|
@@ -5347,26 +5351,26 @@ const Hl = {
|
|
|
5347
5351
|
}
|
|
5348
5352
|
},
|
|
5349
5353
|
setup(e, { slots: n }) {
|
|
5350
|
-
const t = de(
|
|
5354
|
+
const t = de(Ne);
|
|
5351
5355
|
if (!t) throw new Error("TabsTrigger components must be used inside <Tabs>");
|
|
5352
5356
|
const a = V(() => t.activeValue.value === e.value), o = () => !e.disabled && t.setValue(e.value), i = (l) => {
|
|
5353
5357
|
if (t.focusOnChange.value = !0, !["ArrowRight", "ArrowLeft", "ArrowDown", "ArrowUp", "Home", "End"].includes(l.key)) return;
|
|
5354
5358
|
l.preventDefault();
|
|
5355
5359
|
const s = t.triggers.value.filter(Boolean);
|
|
5356
5360
|
let u = s.indexOf(e.value);
|
|
5357
|
-
const
|
|
5361
|
+
const g = t.orientation.value === "horizontal";
|
|
5358
5362
|
switch (l.key) {
|
|
5359
5363
|
case "ArrowRight":
|
|
5360
|
-
|
|
5364
|
+
g && u++;
|
|
5361
5365
|
break;
|
|
5362
5366
|
case "ArrowLeft":
|
|
5363
|
-
|
|
5367
|
+
g && u--;
|
|
5364
5368
|
break;
|
|
5365
5369
|
case "ArrowDown":
|
|
5366
|
-
|
|
5370
|
+
g || u++;
|
|
5367
5371
|
break;
|
|
5368
5372
|
case "ArrowUp":
|
|
5369
|
-
|
|
5373
|
+
g || u--;
|
|
5370
5374
|
break;
|
|
5371
5375
|
case "Home":
|
|
5372
5376
|
u = 0;
|
|
@@ -5398,7 +5402,7 @@ const Hl = {
|
|
|
5398
5402
|
{ default: () => n.default?.() }
|
|
5399
5403
|
);
|
|
5400
5404
|
}
|
|
5401
|
-
}),
|
|
5405
|
+
}), Nl = Z({
|
|
5402
5406
|
name: "TabsContent",
|
|
5403
5407
|
props: {
|
|
5404
5408
|
value: {
|
|
@@ -5407,7 +5411,7 @@ const Hl = {
|
|
|
5407
5411
|
}
|
|
5408
5412
|
},
|
|
5409
5413
|
setup(e, { slots: n }) {
|
|
5410
|
-
if (!de(
|
|
5414
|
+
if (!de(Ne)) throw new Error("TabsContent components must be used inside <Tabs>");
|
|
5411
5415
|
return () => U(
|
|
5412
5416
|
"div",
|
|
5413
5417
|
{
|
|
@@ -5420,13 +5424,13 @@ const Hl = {
|
|
|
5420
5424
|
n.default?.()
|
|
5421
5425
|
);
|
|
5422
5426
|
}
|
|
5423
|
-
}),
|
|
5427
|
+
}), Fo = { class: "ui-dropdown" }, Fl = /* @__PURE__ */ Z({
|
|
5424
5428
|
__name: "Dropdown",
|
|
5425
5429
|
setup(e) {
|
|
5426
5430
|
let n = 0;
|
|
5427
5431
|
const t = w(!1), a = w(null), o = w({}), i = `dropdown-${fe()}`, l = `${i}-menu`, r = `${i}-trigger`, s = () => t.value = !0, d = () => {
|
|
5428
5432
|
t.value = !1, o.value = {}, n = 0, a.value?.focus({ preventScroll: !0 });
|
|
5429
|
-
}, u = () => t.value = !t.value,
|
|
5433
|
+
}, u = () => t.value = !t.value, g = (k) => {
|
|
5430
5434
|
const H = `dropdown-item-${n++}`;
|
|
5431
5435
|
return o.value[H] = k, H;
|
|
5432
5436
|
}, p = (k) => {
|
|
@@ -5438,28 +5442,28 @@ const Hl = {
|
|
|
5438
5442
|
}, C = () => {
|
|
5439
5443
|
const k = Object.keys(o.value), H = k[k.length - 1];
|
|
5440
5444
|
H && p(H);
|
|
5441
|
-
},
|
|
5442
|
-
const H = Object.keys(o.value),
|
|
5443
|
-
|
|
5444
|
-
},
|
|
5445
|
-
const H = Object.keys(o.value),
|
|
5446
|
-
|
|
5445
|
+
}, L = (k) => {
|
|
5446
|
+
const H = Object.keys(o.value), y = $(k), T = H[y + 1];
|
|
5447
|
+
y >= 0 && y < H.length - 1 && T && p(T);
|
|
5448
|
+
}, _ = (k) => {
|
|
5449
|
+
const H = Object.keys(o.value), y = $(k), T = H[y - 1];
|
|
5450
|
+
y > 0 && T && p(T);
|
|
5447
5451
|
}, $ = (k) => Object.keys(o.value).indexOf(k);
|
|
5448
5452
|
return xe("DropdownContext", {
|
|
5449
5453
|
open: s,
|
|
5450
5454
|
close: d,
|
|
5451
5455
|
toggle: u,
|
|
5452
5456
|
isOpen: t,
|
|
5453
|
-
registerItem:
|
|
5457
|
+
registerItem: g,
|
|
5454
5458
|
focusItem: p,
|
|
5455
|
-
focusNextItem:
|
|
5456
|
-
focusPrevItem:
|
|
5459
|
+
focusNextItem: L,
|
|
5460
|
+
focusPrevItem: _,
|
|
5457
5461
|
focusFirstItem: m,
|
|
5458
5462
|
focusLastItem: C,
|
|
5459
5463
|
triggerRef: a,
|
|
5460
5464
|
menuId: l,
|
|
5461
5465
|
triggerId: r
|
|
5462
|
-
}), (k, H) => (f(), b("div",
|
|
5466
|
+
}), (k, H) => (f(), b("div", Fo, [
|
|
5463
5467
|
X(k.$slots, "default")
|
|
5464
5468
|
]));
|
|
5465
5469
|
}
|
|
@@ -5490,7 +5494,7 @@ const Hl = {
|
|
|
5490
5494
|
n.variant === "button" ? (f(), ee(pe, {
|
|
5491
5495
|
key: 0,
|
|
5492
5496
|
name: "directionDown"
|
|
5493
|
-
})) :
|
|
5497
|
+
})) : F("", !0)
|
|
5494
5498
|
]),
|
|
5495
5499
|
_: 3
|
|
5496
5500
|
}, 8, ["id", "class", "aria-controls", "aria-expanded", "onClick"]));
|
|
@@ -5506,16 +5510,16 @@ const Hl = {
|
|
|
5506
5510
|
}, i = (r) => r.key === "Escape" && n.close(), l = () => {
|
|
5507
5511
|
const r = n.triggerRef.value, s = t.value;
|
|
5508
5512
|
if (!r || !s) return;
|
|
5509
|
-
const d = 16, u = r.getBoundingClientRect(),
|
|
5513
|
+
const d = 16, u = r.getBoundingClientRect(), g = s.getBoundingClientRect();
|
|
5510
5514
|
let p = u.bottom, m = u.left;
|
|
5511
5515
|
m = Math.min(
|
|
5512
5516
|
Math.max(d, m),
|
|
5513
|
-
window.innerWidth -
|
|
5517
|
+
window.innerWidth - g.width - d
|
|
5514
5518
|
);
|
|
5515
|
-
const C = window.innerHeight - u.bottom,
|
|
5516
|
-
C <
|
|
5519
|
+
const C = window.innerHeight - u.bottom, L = u.top;
|
|
5520
|
+
C < g.height && L > g.height && (p = u.top - g.height), p = Math.min(
|
|
5517
5521
|
Math.max(d, p),
|
|
5518
|
-
window.innerHeight -
|
|
5522
|
+
window.innerHeight - g.height - d
|
|
5519
5523
|
), a.value = {
|
|
5520
5524
|
"--dropdown-menu-position": "fixed",
|
|
5521
5525
|
"--dropdown-menu-top": `${p}px`,
|
|
@@ -5547,7 +5551,7 @@ const Hl = {
|
|
|
5547
5551
|
onKeydown: i
|
|
5548
5552
|
}, [
|
|
5549
5553
|
X(r.$slots, "default", {}, void 0, !0)
|
|
5550
|
-
], 44, Ko)) :
|
|
5554
|
+
], 44, Ko)) : F("", !0)
|
|
5551
5555
|
]));
|
|
5552
5556
|
}
|
|
5553
5557
|
}), Kl = /* @__PURE__ */ W(Uo, [["__scopeId", "data-v-acff21c3"]]), jo = /* @__PURE__ */ Z({
|
|
@@ -5580,12 +5584,12 @@ const Hl = {
|
|
|
5580
5584
|
}), r = V(() => {
|
|
5581
5585
|
const p = new Date(2021, 5, 6);
|
|
5582
5586
|
return Array.from({ length: 7 }).map((m, C) => {
|
|
5583
|
-
const
|
|
5584
|
-
return
|
|
5587
|
+
const L = new Date(p);
|
|
5588
|
+
return L.setDate(p.getDate() + (C + i) % 7), new Intl.DateTimeFormat(t, { weekday: "short" }).format(L).replace(".", "");
|
|
5585
5589
|
});
|
|
5586
5590
|
}), s = V(() => {
|
|
5587
|
-
const p = o.value.getFullYear(), m = o.value.getMonth(), C = new Date(p, m, 1),
|
|
5588
|
-
for (let H = 0; H <
|
|
5591
|
+
const p = o.value.getFullYear(), m = o.value.getMonth(), C = new Date(p, m, 1), L = new Date(p, m + 1, 0), _ = (C.getDay() - i + 7) % 7, $ = L.getDate(), k = [];
|
|
5592
|
+
for (let H = 0; H < _; H++) k.push(null);
|
|
5589
5593
|
for (let H = 1; H <= $; H++) k.push(new Date(p, m, H));
|
|
5590
5594
|
return k;
|
|
5591
5595
|
});
|
|
@@ -5666,11 +5670,11 @@ const Xo = (e, n) => {
|
|
|
5666
5670
|
const t = he(e, "modelValue"), a = n, o = e, i = w(!1), l = w(""), r = w(null), s = w(null), {
|
|
5667
5671
|
monthLabel: d,
|
|
5668
5672
|
weekDays: u,
|
|
5669
|
-
currentMonth:
|
|
5673
|
+
currentMonth: g,
|
|
5670
5674
|
days: p,
|
|
5671
5675
|
nextMonth: m,
|
|
5672
5676
|
prevMonth: C,
|
|
5673
|
-
select:
|
|
5677
|
+
select: L
|
|
5674
5678
|
} = Wo({
|
|
5675
5679
|
modelValue: t.value,
|
|
5676
5680
|
locale: o.locale,
|
|
@@ -5683,7 +5687,7 @@ const Xo = (e, n) => {
|
|
|
5683
5687
|
l.value = "", s.value = null;
|
|
5684
5688
|
return;
|
|
5685
5689
|
}
|
|
5686
|
-
|
|
5690
|
+
L(D), g.value = new Date(D), s.value = D, l.value = Ge(D, o.format);
|
|
5687
5691
|
},
|
|
5688
5692
|
{ immediate: !0 }
|
|
5689
5693
|
), J(
|
|
@@ -5691,60 +5695,60 @@ const Xo = (e, n) => {
|
|
|
5691
5695
|
async (D) => {
|
|
5692
5696
|
if (D) {
|
|
5693
5697
|
await Me();
|
|
5694
|
-
let
|
|
5695
|
-
if (!
|
|
5698
|
+
let S = r.value?.querySelector('button[data-selected="true"]');
|
|
5699
|
+
if (!S) {
|
|
5696
5700
|
const A = /* @__PURE__ */ new Date();
|
|
5697
|
-
|
|
5701
|
+
S = Array.from(r.value?.querySelectorAll("button") || []).find((I) => Number(I.textContent) === A.getDate() && !I.disabled);
|
|
5698
5702
|
}
|
|
5699
|
-
|
|
5703
|
+
S && S.focus(), document.addEventListener("keydown", k);
|
|
5700
5704
|
} else document.removeEventListener("keydown", k);
|
|
5701
5705
|
}
|
|
5702
5706
|
);
|
|
5703
|
-
const
|
|
5704
|
-
s.value = D, t.value = D, l.value = Ge(D, o.format),
|
|
5707
|
+
const _ = (D) => {
|
|
5708
|
+
s.value = D, t.value = D, l.value = Ge(D, o.format), L(D), i.value = !1;
|
|
5705
5709
|
}, $ = (D) => !D || !s.value ? "" : D.toDateString() === s.value.toDateString() ? "dp-selected" : "", k = (D) => D.key === "Escape" && (i.value = !1), H = (D) => {
|
|
5706
5710
|
D.key === "Backspace" || D.key === "Delete" || D.key === "ArrowLeft" || D.key === "ArrowRight" || D.key === "Tab" || /[0-9]/.test(D.key) || D.preventDefault();
|
|
5707
|
-
},
|
|
5708
|
-
const
|
|
5709
|
-
let q =
|
|
5711
|
+
}, y = (D) => {
|
|
5712
|
+
const S = D.target, A = S.selectionStart ?? 0, B = S.value.slice(0, A).replace(/\D/g, "").length;
|
|
5713
|
+
let q = S.value.replace(/\D/g, "");
|
|
5710
5714
|
const te = Go(o.format);
|
|
5711
5715
|
q = q.slice(0, te);
|
|
5712
5716
|
const ae = Xo(q, o.format);
|
|
5713
|
-
l.value = ae,
|
|
5717
|
+
l.value = ae, S.value = ae;
|
|
5714
5718
|
let ce = 0, O = 0;
|
|
5715
5719
|
for (let v = 0; v < ae.length; v++)
|
|
5716
5720
|
if (/\d/.test(ae[v] ?? "") && O++, O >= B) {
|
|
5717
5721
|
ce = v + 1;
|
|
5718
5722
|
break;
|
|
5719
5723
|
}
|
|
5720
|
-
requestAnimationFrame(() =>
|
|
5724
|
+
requestAnimationFrame(() => S.setSelectionRange(ce, ce));
|
|
5721
5725
|
const c = yt(ae, o.format);
|
|
5722
5726
|
c && (s.value = c, t.value = c);
|
|
5723
|
-
},
|
|
5727
|
+
}, T = () => {
|
|
5724
5728
|
i.value || (i.value = !0, a("update:open", !0));
|
|
5725
|
-
},
|
|
5729
|
+
}, N = (D) => {
|
|
5726
5730
|
r.value && (r.value.contains(D.target) || (i.value = !1, a("update:open", !1)));
|
|
5727
5731
|
}, G = () => {
|
|
5728
5732
|
const D = yt(l.value, o.format);
|
|
5729
5733
|
!D && !s.value ? (l.value = "", t.value = null, s.value = null) : D && (s.value = D, t.value = D, l.value = Ge(D, o.format));
|
|
5730
5734
|
};
|
|
5731
|
-
return se(() => document.addEventListener("mousedown",
|
|
5735
|
+
return se(() => document.addEventListener("mousedown", N)), Se(() => document.removeEventListener("mousedown", N)), (D, S) => (f(), b("div", {
|
|
5732
5736
|
ref_key: "root",
|
|
5733
5737
|
ref: r,
|
|
5734
5738
|
class: ue(["dp", { required: Object.keys(D.$attrs).includes("required"), error: e.invalid }])
|
|
5735
5739
|
}, [
|
|
5736
|
-
|
|
5740
|
+
x("label", {
|
|
5737
5741
|
for: e.id,
|
|
5738
5742
|
class: "label"
|
|
5739
5743
|
}, K(e.label), 9, Jo),
|
|
5740
|
-
|
|
5744
|
+
x("input", {
|
|
5741
5745
|
id: e.id,
|
|
5742
5746
|
class: "dp-input",
|
|
5743
5747
|
value: l.value,
|
|
5744
5748
|
onBlur: G,
|
|
5745
|
-
onInput:
|
|
5749
|
+
onInput: y,
|
|
5746
5750
|
onKeydown: H,
|
|
5747
|
-
onMousedown:
|
|
5751
|
+
onMousedown: T,
|
|
5748
5752
|
required: Object.keys(D.$attrs).includes("required") || void 0,
|
|
5749
5753
|
"aria-invalid": !s.value && l.value !== "",
|
|
5750
5754
|
disabled: e.disabled ? !0 : void 0,
|
|
@@ -5757,7 +5761,7 @@ const Xo = (e, n) => {
|
|
|
5757
5761
|
j(ke, {
|
|
5758
5762
|
type: "button",
|
|
5759
5763
|
class: "btn-icon",
|
|
5760
|
-
onClick:
|
|
5764
|
+
onClick: T,
|
|
5761
5765
|
disabled: e.disabled || void 0
|
|
5762
5766
|
}, {
|
|
5763
5767
|
default: Q(() => [
|
|
@@ -5765,35 +5769,35 @@ const Xo = (e, n) => {
|
|
|
5765
5769
|
]),
|
|
5766
5770
|
_: 1
|
|
5767
5771
|
}, 8, ["disabled"]),
|
|
5768
|
-
|
|
5772
|
+
S[3] || (S[3] = x("small", {
|
|
5769
5773
|
id: "time-help",
|
|
5770
5774
|
class: "sr-only"
|
|
5771
5775
|
}, "After selecting a date, adjust hours and minutes", -1)),
|
|
5772
5776
|
i.value ? (f(), b("div", el, [
|
|
5773
|
-
|
|
5774
|
-
|
|
5777
|
+
x("header", tl, [
|
|
5778
|
+
x("button", {
|
|
5775
5779
|
type: "button",
|
|
5776
|
-
onClick:
|
|
5780
|
+
onClick: S[0] || (S[0] = //@ts-ignore
|
|
5777
5781
|
(...A) => E(C) && E(C)(...A)),
|
|
5778
5782
|
class: "btn__prev_month",
|
|
5779
5783
|
"aria-label": "Previous month"
|
|
5780
5784
|
}, "‹"),
|
|
5781
|
-
|
|
5782
|
-
|
|
5785
|
+
x("span", al, K(E(d)), 1),
|
|
5786
|
+
x("button", {
|
|
5783
5787
|
type: "button",
|
|
5784
|
-
onClick:
|
|
5788
|
+
onClick: S[1] || (S[1] = //@ts-ignore
|
|
5785
5789
|
(...A) => E(m) && E(m)(...A)),
|
|
5786
5790
|
class: "btn__next_month",
|
|
5787
5791
|
"aria-label": "Next month"
|
|
5788
5792
|
}, "›")
|
|
5789
5793
|
]),
|
|
5790
|
-
|
|
5794
|
+
x("div", nl, [
|
|
5791
5795
|
(f(!0), b(re, null, ve(E(u), (A) => (f(), b("span", {
|
|
5792
5796
|
class: "week-day__name",
|
|
5793
5797
|
key: A
|
|
5794
5798
|
}, K(A), 1))), 128))
|
|
5795
5799
|
]),
|
|
5796
|
-
|
|
5800
|
+
x("div", ol, [
|
|
5797
5801
|
(f(!0), b(re, null, ve(E(p), (A, I) => (f(), b("button", {
|
|
5798
5802
|
key: I,
|
|
5799
5803
|
type: "button",
|
|
@@ -5802,13 +5806,13 @@ const Xo = (e, n) => {
|
|
|
5802
5806
|
disabled: !A,
|
|
5803
5807
|
"aria-pressed": $(A) === "dp-selected",
|
|
5804
5808
|
"data-selected": A && $(A) === "dp-selected",
|
|
5805
|
-
onMousedown: ie((B) => A &&
|
|
5809
|
+
onMousedown: ie((B) => A && _(A), ["prevent"]),
|
|
5806
5810
|
"aria-label": A ? A.toLocaleDateString(o.locale, { weekday: "long", year: "numeric", month: "long", day: "numeric" }) : ""
|
|
5807
5811
|
}, K(A?.getDate()), 43, ll))), 128))
|
|
5808
5812
|
]),
|
|
5809
5813
|
j(ke, {
|
|
5810
5814
|
class: "btn-ghost btn-sm",
|
|
5811
|
-
onClick:
|
|
5815
|
+
onClick: S[2] || (S[2] = (A) => t.value = /* @__PURE__ */ new Date())
|
|
5812
5816
|
}, {
|
|
5813
5817
|
default: Q(() => [
|
|
5814
5818
|
be(K(e.todayLabel), 1)
|
|
@@ -5816,7 +5820,7 @@ const Xo = (e, n) => {
|
|
|
5816
5820
|
_: 1
|
|
5817
5821
|
}),
|
|
5818
5822
|
X(D.$slots, "time", {}, void 0, !0)
|
|
5819
|
-
])) :
|
|
5823
|
+
])) : F("", !0)
|
|
5820
5824
|
], 2));
|
|
5821
5825
|
}
|
|
5822
5826
|
}), sl = /* @__PURE__ */ W(rl, [["__scopeId", "data-v-83c4dfc2"]]), il = {
|
|
@@ -5844,40 +5848,40 @@ const Xo = (e, n) => {
|
|
|
5844
5848
|
}),
|
|
5845
5849
|
emits: ["update:modelValue"],
|
|
5846
5850
|
setup(e) {
|
|
5847
|
-
const n = he(e, "modelValue"), t = e, a = fe(), o = w(!1), i = w(null), l = V(() => t.format.includes("HH")), r = V(() => t.format.includes("mm")), s = V(() => t.format.includes("ss")), d = w(n.value ?? null), u = w(n.value?.getHours() ?? (l.value ? 0 : void 0)),
|
|
5851
|
+
const n = he(e, "modelValue"), t = e, a = fe(), o = w(!1), i = w(null), l = V(() => t.format.includes("HH")), r = V(() => t.format.includes("mm")), s = V(() => t.format.includes("ss")), d = w(n.value ?? null), u = w(n.value?.getHours() ?? (l.value ? 0 : void 0)), g = w(n.value?.getMinutes() ?? (r.value ? 0 : void 0)), p = w(n.value?.getSeconds() ?? (s.value ? 0 : void 0));
|
|
5848
5852
|
J(n, ($) => {
|
|
5849
5853
|
if ($) {
|
|
5850
5854
|
const k = new Date($);
|
|
5851
|
-
d.value = k, u.value = k.getHours(),
|
|
5855
|
+
d.value = k, u.value = k.getHours(), g.value = k.getMinutes(), p.value = k.getSeconds();
|
|
5852
5856
|
} else
|
|
5853
|
-
d.value = null, u.value = 0,
|
|
5857
|
+
d.value = null, u.value = 0, g.value = 0, p.value = 0;
|
|
5854
5858
|
}, { immediate: !0 }), J(d, ($) => {
|
|
5855
5859
|
if (!$) return;
|
|
5856
|
-
const k = $.getHours(), H = $.getMinutes(),
|
|
5857
|
-
k !== u.value && (u.value = k), H !==
|
|
5858
|
-
}, { immediate: !0 }), J([d, u,
|
|
5860
|
+
const k = $.getHours(), H = $.getMinutes(), y = $.getSeconds();
|
|
5861
|
+
k !== u.value && (u.value = k), H !== g.value && (g.value = H), y !== p.value && (p.value = y);
|
|
5862
|
+
}, { immediate: !0 }), J([d, u, g, p], () => {
|
|
5859
5863
|
if (!d.value) {
|
|
5860
5864
|
n.value = null;
|
|
5861
5865
|
return;
|
|
5862
5866
|
}
|
|
5863
|
-
const $ = Math.min(Math.max(u.value ?? 0, 0), 23), k = Math.min(Math.max(
|
|
5864
|
-
|
|
5867
|
+
const $ = Math.min(Math.max(u.value ?? 0, 0), 23), k = Math.min(Math.max(g.value ?? 0, 0), 59), H = Math.min(Math.max(p.value ?? 0, 0), 59), y = new Date(d.value);
|
|
5868
|
+
y.setHours($, k, H, 0), (!n.value || n.value.getTime() !== y.getTime()) && (n.value = y);
|
|
5865
5869
|
});
|
|
5866
5870
|
const m = ($) => {
|
|
5867
5871
|
i.value && (i.value.contains($.target) || (o.value = !1));
|
|
5868
5872
|
}, C = ($) => {
|
|
5869
5873
|
const k = Number($.target.value);
|
|
5870
5874
|
isNaN(k) || k < 0 ? u.value = 0 : k > 23 ? u.value = 23 : u.value = k;
|
|
5871
|
-
},
|
|
5875
|
+
}, L = ($) => {
|
|
5872
5876
|
const k = Number($.target.value);
|
|
5873
|
-
isNaN(k) || k < 0 ?
|
|
5874
|
-
},
|
|
5877
|
+
isNaN(k) || k < 0 ? g.value = 0 : k > 59 ? g.value = 59 : g.value = k;
|
|
5878
|
+
}, _ = ($) => {
|
|
5875
5879
|
const k = Number($.target.value);
|
|
5876
5880
|
isNaN(k) || k < 0 ? p.value = 0 : k > 59 ? p.value = 59 : p.value = k;
|
|
5877
5881
|
};
|
|
5878
5882
|
return se(() => {
|
|
5879
5883
|
document.addEventListener("mousedown", m);
|
|
5880
|
-
}),
|
|
5884
|
+
}), Se(() => {
|
|
5881
5885
|
document.removeEventListener("mousedown", m);
|
|
5882
5886
|
}), ($, k) => (f(), b("div", {
|
|
5883
5887
|
class: "dtp",
|
|
@@ -5918,29 +5922,29 @@ const Xo = (e, n) => {
|
|
|
5918
5922
|
void 0,
|
|
5919
5923
|
{ number: !0 }
|
|
5920
5924
|
]
|
|
5921
|
-
]) :
|
|
5922
|
-
l.value && r.value ? (f(), b("span", cl, ":")) :
|
|
5925
|
+
]) : F("", !0),
|
|
5926
|
+
l.value && r.value ? (f(), b("span", cl, ":")) : F("", !0),
|
|
5923
5927
|
r.value ? Ve((f(), b("input", {
|
|
5924
5928
|
key: 2,
|
|
5925
5929
|
id: `minute_${E(a)}`,
|
|
5926
5930
|
type: "number",
|
|
5927
|
-
"onUpdate:modelValue": k[1] || (k[1] = (H) =>
|
|
5931
|
+
"onUpdate:modelValue": k[1] || (k[1] = (H) => g.value = H),
|
|
5928
5932
|
min: "0",
|
|
5929
5933
|
max: "59",
|
|
5930
5934
|
"aria-label": "Minute",
|
|
5931
5935
|
"aria-valuemin": "0",
|
|
5932
5936
|
"aria-valuemax": "59",
|
|
5933
|
-
"aria-valuenow":
|
|
5934
|
-
onInput:
|
|
5937
|
+
"aria-valuenow": g.value,
|
|
5938
|
+
onInput: L
|
|
5935
5939
|
}, null, 40, dl)), [
|
|
5936
5940
|
[
|
|
5937
5941
|
Ue,
|
|
5938
|
-
|
|
5942
|
+
g.value,
|
|
5939
5943
|
void 0,
|
|
5940
5944
|
{ number: !0 }
|
|
5941
5945
|
]
|
|
5942
|
-
]) :
|
|
5943
|
-
(l.value || r.value) && s.value ? (f(), b("span", vl, ":")) :
|
|
5946
|
+
]) : F("", !0),
|
|
5947
|
+
(l.value || r.value) && s.value ? (f(), b("span", vl, ":")) : F("", !0),
|
|
5944
5948
|
s.value ? Ve((f(), b("input", {
|
|
5945
5949
|
key: 4,
|
|
5946
5950
|
id: `second_${E(a)}`,
|
|
@@ -5952,7 +5956,7 @@ const Xo = (e, n) => {
|
|
|
5952
5956
|
"aria-valuemin": "0",
|
|
5953
5957
|
"aria-valuemax": "59",
|
|
5954
5958
|
"aria-valuenow": p.value,
|
|
5955
|
-
onInput:
|
|
5959
|
+
onInput: _
|
|
5956
5960
|
}, null, 40, fl)), [
|
|
5957
5961
|
[
|
|
5958
5962
|
Ue,
|
|
@@ -5960,8 +5964,8 @@ const Xo = (e, n) => {
|
|
|
5960
5964
|
void 0,
|
|
5961
5965
|
{ number: !0 }
|
|
5962
5966
|
]
|
|
5963
|
-
]) :
|
|
5964
|
-
])) :
|
|
5967
|
+
]) : F("", !0)
|
|
5968
|
+
])) : F("", !0)
|
|
5965
5969
|
]),
|
|
5966
5970
|
_: 1
|
|
5967
5971
|
}, 16, ["modelValue", "open", "id", "invalid", "locale", "format", "label", "first-day-of-week", "placeholder"])
|
|
@@ -5998,7 +6002,7 @@ const Xo = (e, n) => {
|
|
|
5998
6002
|
if (!s.sortable) return;
|
|
5999
6003
|
const d = e.sort?.key === s.key && e.sort.direction === "asc" ? "desc" : "asc";
|
|
6000
6004
|
n("update:sort", { key: s.key, direction: d });
|
|
6001
|
-
}, o = () => window.matchMedia("(max-width: 640px)").matches, i = (s, d) => d.split(".").reduce((u,
|
|
6005
|
+
}, o = () => window.matchMedia("(max-width: 640px)").matches, i = (s, d) => d.split(".").reduce((u, g) => u?.[g], s), l = () => U(
|
|
6002
6006
|
"div",
|
|
6003
6007
|
{
|
|
6004
6008
|
class: "rs-table-mobile",
|
|
@@ -6171,7 +6175,7 @@ const Xo = (e, n) => {
|
|
|
6171
6175
|
);
|
|
6172
6176
|
};
|
|
6173
6177
|
}
|
|
6174
|
-
}),
|
|
6178
|
+
}), Fe = /* @__PURE__ */ Symbol("AccordionContext"), Yl = Z({
|
|
6175
6179
|
name: "Accordion",
|
|
6176
6180
|
props: {
|
|
6177
6181
|
multiple: { type: Boolean, default: !1 },
|
|
@@ -6181,25 +6185,25 @@ const Xo = (e, n) => {
|
|
|
6181
6185
|
}
|
|
6182
6186
|
},
|
|
6183
6187
|
setup(e, { slots: n }) {
|
|
6184
|
-
const t = w([]), a = w(new Set(e.defaultOpen)), o = (
|
|
6185
|
-
if (a.value.has(
|
|
6186
|
-
a.value.delete(
|
|
6188
|
+
const t = w([]), a = w(new Set(e.defaultOpen)), o = (g) => {
|
|
6189
|
+
if (a.value.has(g)) {
|
|
6190
|
+
a.value.delete(g);
|
|
6187
6191
|
return;
|
|
6188
6192
|
}
|
|
6189
|
-
e.multiple || a.value.clear(), a.value.add(
|
|
6190
|
-
}, i = (
|
|
6191
|
-
|
|
6192
|
-
}, l = (
|
|
6193
|
-
const p = t.value.indexOf(
|
|
6193
|
+
e.multiple || a.value.clear(), a.value.add(g);
|
|
6194
|
+
}, i = (g) => {
|
|
6195
|
+
g.disabled || t.value.includes(g) || (t.value.push(g), t.value.sort((p, m) => p.offsetTop - m.offsetTop));
|
|
6196
|
+
}, l = (g) => t.value = t.value.filter((p) => p !== g), r = (g) => {
|
|
6197
|
+
const p = t.value.indexOf(g);
|
|
6194
6198
|
t.value[(p + 1) % t.value.length]?.focus();
|
|
6195
|
-
}, s = (
|
|
6196
|
-
const p = t.value.indexOf(
|
|
6199
|
+
}, s = (g) => {
|
|
6200
|
+
const p = t.value.indexOf(g);
|
|
6197
6201
|
t.value[(p - 1 + t.value.length) % t.value.length]?.focus();
|
|
6198
6202
|
}, d = () => t.value[0]?.focus(), u = () => {
|
|
6199
|
-
const
|
|
6200
|
-
|
|
6203
|
+
const g = t.value;
|
|
6204
|
+
g.length && g[g.length - 1]?.focus();
|
|
6201
6205
|
};
|
|
6202
|
-
return xe(
|
|
6206
|
+
return xe(Fe, {
|
|
6203
6207
|
multiple: e.multiple,
|
|
6204
6208
|
openItems: a,
|
|
6205
6209
|
toggle: o,
|
|
@@ -6218,7 +6222,7 @@ const Xo = (e, n) => {
|
|
|
6218
6222
|
disabled: { type: Boolean, default: !1 }
|
|
6219
6223
|
},
|
|
6220
6224
|
setup(e, { slots: n }) {
|
|
6221
|
-
const t = de(
|
|
6225
|
+
const t = de(Fe);
|
|
6222
6226
|
if (!t) throw new Error("AccordionItem must be used inside Accordion");
|
|
6223
6227
|
const a = V(() => t.openItems.value.has(e.id));
|
|
6224
6228
|
return () => U(
|
|
@@ -6237,7 +6241,7 @@ const Xo = (e, n) => {
|
|
|
6237
6241
|
disabled: { type: Boolean, default: !1 }
|
|
6238
6242
|
},
|
|
6239
6243
|
setup(e, { slots: n }) {
|
|
6240
|
-
const t = de(
|
|
6244
|
+
const t = de(Fe), a = w(null);
|
|
6241
6245
|
if (!t) throw new Error("AccordionHeader must be used inside Accordion");
|
|
6242
6246
|
const o = V(() => t.openItems.value.has(e.id)), i = () => {
|
|
6243
6247
|
e.disabled || t.toggle?.(e.id);
|
|
@@ -6260,7 +6264,7 @@ const Xo = (e, n) => {
|
|
|
6260
6264
|
};
|
|
6261
6265
|
return se(() => {
|
|
6262
6266
|
a.value && t.registerHeader(a.value);
|
|
6263
|
-
}),
|
|
6267
|
+
}), Se(() => {
|
|
6264
6268
|
a.value && t.unregisterHeader(a.value);
|
|
6265
6269
|
}), () => U(
|
|
6266
6270
|
"button",
|
|
@@ -6296,7 +6300,7 @@ const Xo = (e, n) => {
|
|
|
6296
6300
|
id: { type: String, required: !0 }
|
|
6297
6301
|
},
|
|
6298
6302
|
setup(e, { slots: n }) {
|
|
6299
|
-
const t = de(
|
|
6303
|
+
const t = de(Fe);
|
|
6300
6304
|
if (!t) throw new Error("AccordionPanel must be used inside Accordion");
|
|
6301
6305
|
const a = V(() => t.openItems.value.has(e.id));
|
|
6302
6306
|
return () => U(
|
|
@@ -6335,7 +6339,7 @@ export {
|
|
|
6335
6339
|
wl as Checkbox,
|
|
6336
6340
|
sl as DatePicker,
|
|
6337
6341
|
jl as DateTimePicker,
|
|
6338
|
-
|
|
6342
|
+
Fl as Dropdown,
|
|
6339
6343
|
Ul as DropdownItem,
|
|
6340
6344
|
Kl as DropdownMenu,
|
|
6341
6345
|
Pl as DropdownTrigger,
|
|
@@ -6357,17 +6361,17 @@ export {
|
|
|
6357
6361
|
xl as RadioButton,
|
|
6358
6362
|
bl as Select,
|
|
6359
6363
|
Bt as Spinner,
|
|
6360
|
-
|
|
6361
|
-
|
|
6364
|
+
Sl as Step,
|
|
6365
|
+
_l as Steps,
|
|
6362
6366
|
Wl as Table,
|
|
6363
6367
|
zl as Tabs,
|
|
6364
|
-
|
|
6368
|
+
Nl as TabsContent,
|
|
6365
6369
|
ql as TabsList,
|
|
6366
6370
|
Ol as TabsTrigger,
|
|
6367
6371
|
u2 as Tag,
|
|
6368
6372
|
Ml as Textarea,
|
|
6369
|
-
|
|
6370
|
-
|
|
6373
|
+
Tl as Timeline,
|
|
6374
|
+
Rl as TimelineItem,
|
|
6371
6375
|
Hl as ToastPlugin,
|
|
6372
6376
|
ht as ToastViewport,
|
|
6373
6377
|
st as Toggle,
|