@reinosoft-ui/core 0.1.74 → 0.1.76
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 +769 -780
- package/dist/reinosoft-ui.umd.js +3 -3
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/reinosoft-ui.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as Z, ref as M, computed as B, watch as ee, onMounted as de, createElementBlock as
|
|
1
|
+
import { defineComponent as Z, ref as M, computed as B, watch as ee, onMounted as de, createElementBlock as b, openBlock as f, normalizeStyle as Ie, normalizeClass as fe, renderSlot as Y, createCommentVNode as q, withDirectives as Ae, createElementVNode as $, vShow as ot, mergeProps as ye, mergeModels as ue, useModel as ke, withKeys as be, withModifiers as ve, onUnmounted as Ve, Fragment as ce, unref as E, toDisplayString as K, renderList as Ce, nextTick as $e, onBeforeUnmount as _e, createBlock as oe, Teleport as Pe, createVNode as P, Transition as Ee, withCtx as te, useId as he, provide as He, createTextVNode as Me, resolveDynamicComponent as Ze, inject as pe, useAttrs as lt, h as j, useSlots as rt, resolveComponent as _t, vModelRadio as Et, vModelDynamic as Zt, reactive as Lt, TransitionGroup as zt, createApp as Ot, shallowRef as qt, vModelText as Ge } from "vue";
|
|
2
2
|
import { routerKey as Nt } from "vue-router";
|
|
3
3
|
const Ft = ["aria-busy"], Pt = ["aria-label"], Kt = ["src", "srcset", "sizes", "alt", "aria-hidden", "loading", "decoding"], Ut = /* @__PURE__ */ Z({
|
|
4
4
|
__name: "Image",
|
|
@@ -32,7 +32,7 @@ const Ft = ["aria-busy"], Pt = ["aria-label"], Kt = ["src", "srcset", "sizes", "
|
|
|
32
32
|
(c) => {
|
|
33
33
|
o.value = c, l.value = "loading";
|
|
34
34
|
}
|
|
35
|
-
), de(() => i.value?.complete && i.value.naturalWidth > 0 && (l.value = "loaded")), (c,
|
|
35
|
+
), de(() => i.value?.complete && i.value.naturalWidth > 0 && (l.value = "loaded")), (c, C) => (f(), b("div", {
|
|
36
36
|
class: fe(["ui-image", {
|
|
37
37
|
"is-loading": l.value === "loading",
|
|
38
38
|
"is-error": l.value === "error",
|
|
@@ -43,7 +43,7 @@ const Ft = ["aria-busy"], Pt = ["aria-label"], Kt = ["src", "srcset", "sizes", "
|
|
|
43
43
|
"aria-busy": l.value === "loading" || void 0
|
|
44
44
|
}, [
|
|
45
45
|
l.value === "loading" ? Y(c.$slots, "placeholder", { key: 0 }, () => [
|
|
46
|
-
|
|
46
|
+
C[0] || (C[0] = $("div", {
|
|
47
47
|
class: "ui-image__placeholder",
|
|
48
48
|
"aria-hidden": "true"
|
|
49
49
|
}, null, -1))
|
|
@@ -87,7 +87,7 @@ const jt = /* @__PURE__ */ Z({
|
|
|
87
87
|
const t = M();
|
|
88
88
|
return n({
|
|
89
89
|
el: t
|
|
90
|
-
}), (a, o) => (f(),
|
|
90
|
+
}), (a, o) => (f(), b("button", ye({
|
|
91
91
|
ref_key: "rootRef",
|
|
92
92
|
ref: t,
|
|
93
93
|
type: "button",
|
|
@@ -116,7 +116,7 @@ const Wt = ["id", "aria-checked", "aria-disabled", "disabled", "onKeydown"], Yt
|
|
|
116
116
|
const r = !t.value;
|
|
117
117
|
t.value = r, a("change", r);
|
|
118
118
|
};
|
|
119
|
-
return (r, s) => (f(),
|
|
119
|
+
return (r, s) => (f(), b("button", {
|
|
120
120
|
id: e.id,
|
|
121
121
|
role: "switch",
|
|
122
122
|
type: "button",
|
|
@@ -173,10 +173,10 @@ const xt = (e) => {
|
|
|
173
173
|
document.createRange().selectNodeContents(o);
|
|
174
174
|
const s = a.cloneRange(), u = document.createRange();
|
|
175
175
|
u.selectNodeContents(o), u.setEnd(s.startContainer, s.startOffset);
|
|
176
|
-
const c = u.cloneContents(),
|
|
177
|
-
|
|
178
|
-
const
|
|
179
|
-
o.innerHTML = "", o.appendChild(c), o.innerHTML === "" && (o.innerHTML = "<br>"), l.innerHTML = "", l.appendChild(
|
|
176
|
+
const c = u.cloneContents(), C = document.createRange();
|
|
177
|
+
C.selectNodeContents(o), C.setStart(s.startContainer, s.startOffset);
|
|
178
|
+
const v = C.cloneContents();
|
|
179
|
+
o.innerHTML = "", o.appendChild(c), o.innerHTML === "" && (o.innerHTML = "<br>"), l.innerHTML = "", l.appendChild(v), 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();
|
|
182
182
|
}, t1 = () => {
|
|
@@ -202,28 +202,28 @@ const xt = (e) => {
|
|
|
202
202
|
const t = M(null), a = n?.buttons ?? [], o = n?.uploadImage, i = n?.minImageResolution, l = n?.onImageResolutionError;
|
|
203
203
|
let r = M(null);
|
|
204
204
|
const s = () => {
|
|
205
|
-
const
|
|
206
|
-
if (!
|
|
205
|
+
const d = e;
|
|
206
|
+
if (!d) return;
|
|
207
207
|
const p = window.getSelection();
|
|
208
208
|
if (!p || p.rangeCount === 0) return;
|
|
209
|
-
const
|
|
210
|
-
|
|
211
|
-
}, u = (
|
|
209
|
+
const y = p.getRangeAt(0);
|
|
210
|
+
d.contains(y.commonAncestorContainer) && (t.value = y.cloneRange());
|
|
211
|
+
}, u = (d) => {
|
|
212
212
|
const p = window.getSelection();
|
|
213
213
|
if (!p || p.rangeCount === 0 || p.isCollapsed) return !1;
|
|
214
|
-
const
|
|
214
|
+
const y = p.getRangeAt(0), D = e;
|
|
215
215
|
if (!D) return !1;
|
|
216
|
-
const U = c(
|
|
216
|
+
const U = c(y, D), se = [];
|
|
217
217
|
if (U.forEach((X) => {
|
|
218
|
-
const G = X ===
|
|
218
|
+
const G = X === y.startContainer ? y.startOffset : 0, ie = X === y.endContainer ? y.endOffset : X.textContent.length;
|
|
219
219
|
if (G === ie) return;
|
|
220
220
|
let re;
|
|
221
221
|
G === 0 && ie === X.textContent.length ? re = X : (re = X.splitText(G), ie - G < re.textContent.length && re.splitText(ie - G));
|
|
222
|
-
const ge = Xt(re,
|
|
222
|
+
const ge = Xt(re, d, D);
|
|
223
223
|
if (ge)
|
|
224
224
|
Gt(ge), se.push(re);
|
|
225
225
|
else {
|
|
226
|
-
const xe = document.createElement(
|
|
226
|
+
const xe = document.createElement(d);
|
|
227
227
|
re.replaceWith(xe), xe.appendChild(re), se.push(re);
|
|
228
228
|
}
|
|
229
229
|
}), se.length > 0) {
|
|
@@ -232,54 +232,54 @@ const xt = (e) => {
|
|
|
232
232
|
const G = se[se.length - 1];
|
|
233
233
|
X.setEnd(G, G.textContent.length), p.removeAllRanges(), p.addRange(X), s();
|
|
234
234
|
}
|
|
235
|
-
return
|
|
236
|
-
}, c = (
|
|
237
|
-
if (!
|
|
238
|
-
const
|
|
235
|
+
return V(), I(d);
|
|
236
|
+
}, c = (d, p) => {
|
|
237
|
+
if (!d || !p || !(p instanceof HTMLElement)) return [];
|
|
238
|
+
const y = d.commonAncestorContainer, D = p.contains(y) ? p : y.nodeType === 3 ? y.parentNode : y, U = document.createTreeWalker(
|
|
239
239
|
D,
|
|
240
240
|
NodeFilter.SHOW_TEXT,
|
|
241
241
|
{
|
|
242
242
|
acceptNode(G) {
|
|
243
|
-
return p.contains(G) &&
|
|
243
|
+
return p.contains(G) && d.intersectsNode(G) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
|
|
244
244
|
}
|
|
245
245
|
}
|
|
246
246
|
), se = [];
|
|
247
247
|
let X;
|
|
248
248
|
for (; X = U.nextNode(); ) se.push(X);
|
|
249
249
|
return se;
|
|
250
|
-
},
|
|
250
|
+
}, C = (d) => {
|
|
251
251
|
const p = window.getSelection();
|
|
252
252
|
if (!p || p.rangeCount === 0) return !1;
|
|
253
|
-
const
|
|
253
|
+
const y = p.getRangeAt(0), D = v(y.startContainer);
|
|
254
254
|
if (!D) return !1;
|
|
255
|
-
const se = D.tagName.toLowerCase() ===
|
|
255
|
+
const se = D.tagName.toLowerCase() === d.toLowerCase() ? "p" : d.toLowerCase(), X = document.createElement(se);
|
|
256
256
|
for (se === "blockquote" && X.setAttribute("class", "rs-blockquote"), X.dataset.block = "true"; D.firstChild; ) X.appendChild(D.firstChild);
|
|
257
257
|
D.replaceWith(X);
|
|
258
258
|
const G = document.createRange();
|
|
259
|
-
return G.selectNodeContents(X), p.removeAllRanges(), p.addRange(G), s(),
|
|
260
|
-
},
|
|
259
|
+
return G.selectNodeContents(X), p.removeAllRanges(), p.addRange(G), s(), V(), k(d);
|
|
260
|
+
}, v = (d) => {
|
|
261
261
|
const p = e;
|
|
262
262
|
if (!p) return null;
|
|
263
|
-
for (;
|
|
264
|
-
if (
|
|
265
|
-
|
|
263
|
+
for (; d && d !== p; ) {
|
|
264
|
+
if (d instanceof HTMLElement && d.dataset.block !== void 0) return d;
|
|
265
|
+
d = d.parentNode;
|
|
266
266
|
}
|
|
267
267
|
return null;
|
|
268
|
-
}, m = (
|
|
269
|
-
const
|
|
270
|
-
if (!
|
|
271
|
-
for (;
|
|
272
|
-
if (
|
|
273
|
-
|
|
268
|
+
}, m = (d, p) => {
|
|
269
|
+
const y = e;
|
|
270
|
+
if (!y) return null;
|
|
271
|
+
for (; d && d !== y; ) {
|
|
272
|
+
if (d instanceof HTMLElement && d.tagName.toLowerCase() === p.toLowerCase()) return d;
|
|
273
|
+
d = d.parentNode;
|
|
274
274
|
}
|
|
275
275
|
return null;
|
|
276
|
-
},
|
|
277
|
-
if (
|
|
276
|
+
}, h = (d) => {
|
|
277
|
+
if (d.key !== "Enter" || d.shiftKey) return;
|
|
278
278
|
const p = window.getSelection();
|
|
279
279
|
if (!p || p.rangeCount === 0) return;
|
|
280
|
-
const
|
|
280
|
+
const y = p.getRangeAt(0), D = m(y.startContainer, "li");
|
|
281
281
|
if (!D) return;
|
|
282
|
-
|
|
282
|
+
d.preventDefault(), d.stopPropagation();
|
|
283
283
|
const U = D.parentElement;
|
|
284
284
|
if (!U) return;
|
|
285
285
|
if (D.textContent?.trim() === "") {
|
|
@@ -289,63 +289,63 @@ const xt = (e) => {
|
|
|
289
289
|
}
|
|
290
290
|
const X = document.createElement("li");
|
|
291
291
|
X.innerHTML = "<br>", D.after(X), L(X);
|
|
292
|
-
}, L = (
|
|
293
|
-
const p = document.createRange(),
|
|
294
|
-
p.selectNodeContents(
|
|
295
|
-
},
|
|
296
|
-
const
|
|
297
|
-
if (!
|
|
298
|
-
|
|
299
|
-
|
|
292
|
+
}, L = (d) => {
|
|
293
|
+
const p = document.createRange(), y = window.getSelection();
|
|
294
|
+
p.selectNodeContents(d), p.collapse(!0), y?.removeAllRanges(), y?.addRange(p);
|
|
295
|
+
}, V = () => {
|
|
296
|
+
const d = e;
|
|
297
|
+
if (!d) return;
|
|
298
|
+
d.querySelectorAll("p[data-block]").forEach((y) => {
|
|
299
|
+
y.childNodes.forEach((D) => {
|
|
300
300
|
D.nodeType === 3 && !D.textContent?.trim() && D.remove();
|
|
301
301
|
});
|
|
302
|
-
}),
|
|
303
|
-
!
|
|
304
|
-
const U =
|
|
305
|
-
U &&
|
|
306
|
-
}),
|
|
307
|
-
}, I = (
|
|
302
|
+
}), d.querySelectorAll("p[data-block]").forEach((y) => {
|
|
303
|
+
!y.querySelector("iframe") && y.hasAttribute("style") && y.removeAttribute("style");
|
|
304
|
+
const U = y.querySelector("p[data-block]");
|
|
305
|
+
U && y.replaceWith(U);
|
|
306
|
+
}), d.normalize();
|
|
307
|
+
}, I = (d) => {
|
|
308
308
|
const p = t.value;
|
|
309
309
|
if (!p) return !1;
|
|
310
|
-
let
|
|
311
|
-
|
|
310
|
+
let y = p.startContainer;
|
|
311
|
+
y.nodeType === Node.TEXT_NODE && (y = y.parentNode);
|
|
312
312
|
const D = e;
|
|
313
313
|
if (!D) return !1;
|
|
314
|
-
for (;
|
|
315
|
-
if (
|
|
316
|
-
|
|
314
|
+
for (; y && y !== D; ) {
|
|
315
|
+
if (y instanceof HTMLElement && y.tagName.toLowerCase() === d.toLowerCase()) return !0;
|
|
316
|
+
y = y.parentNode;
|
|
317
317
|
}
|
|
318
318
|
return !1;
|
|
319
|
-
},
|
|
319
|
+
}, k = (d) => {
|
|
320
320
|
const p = t.value;
|
|
321
321
|
if (!p) return !1;
|
|
322
|
-
let
|
|
323
|
-
|
|
322
|
+
let y = p.startContainer;
|
|
323
|
+
y.nodeType === Node.TEXT_NODE && (y = y.parentNode);
|
|
324
324
|
const D = e;
|
|
325
325
|
if (!D) return !1;
|
|
326
|
-
for (;
|
|
327
|
-
if (
|
|
328
|
-
|
|
326
|
+
for (; y && y !== D; ) {
|
|
327
|
+
if (y instanceof HTMLElement && y.dataset.block !== void 0 && y.tagName.toLowerCase() === d.toLowerCase()) return !0;
|
|
328
|
+
y = y.parentNode;
|
|
329
329
|
}
|
|
330
330
|
return !1;
|
|
331
331
|
}, R = () => {
|
|
332
|
-
const
|
|
333
|
-
|
|
334
|
-
},
|
|
335
|
-
const
|
|
336
|
-
if (!
|
|
332
|
+
const d = e;
|
|
333
|
+
d && d.focus();
|
|
334
|
+
}, g = () => {
|
|
335
|
+
const d = e;
|
|
336
|
+
if (!d || !t.value || !d || !d.contains(t.value.commonAncestorContainer)) return;
|
|
337
337
|
const p = window.getSelection();
|
|
338
338
|
p && (p.removeAllRanges(), p.addRange(t.value));
|
|
339
|
-
}, _ = () => r.value?.focusFirstButton?.(), O = (
|
|
339
|
+
}, _ = () => r.value?.focusFirstButton?.(), O = (d) => {
|
|
340
340
|
const p = window.getSelection();
|
|
341
341
|
if (!p || p.rangeCount === 0) return;
|
|
342
|
-
const
|
|
342
|
+
const y = p.getRangeAt(0), D = v(y.startContainer);
|
|
343
343
|
if (!D) return;
|
|
344
|
-
const U =
|
|
345
|
-
U.selectNodeContents(D), U.setEnd(
|
|
346
|
-
const se = U.toString().length, X =
|
|
347
|
-
X.selectNodeContents(D), X.setEnd(
|
|
348
|
-
const G = X.toString().length, ie =
|
|
344
|
+
const U = y.cloneRange();
|
|
345
|
+
U.selectNodeContents(D), U.setEnd(y.startContainer, y.startOffset);
|
|
346
|
+
const se = U.toString().length, X = y.cloneRange();
|
|
347
|
+
X.selectNodeContents(D), X.setEnd(y.endContainer, y.endOffset);
|
|
348
|
+
const G = X.toString().length, ie = y.collapsed, re = d(D);
|
|
349
349
|
D.replaceWith(re);
|
|
350
350
|
const ge = document.createTreeWalker(
|
|
351
351
|
re,
|
|
@@ -358,55 +358,55 @@ const xt = (e) => {
|
|
|
358
358
|
!ze && xe + Xe >= se && (ze = Ye, Fe = se - xe), !Be && xe + Xe >= G && (Be = Ye, Re = G - xe), xe += Xe;
|
|
359
359
|
}
|
|
360
360
|
const De = document.createRange();
|
|
361
|
-
ze ? De.setStart(ze, Fe) : De.setStart(re, 0), !ie && Be ? De.setEnd(Be, Re) : De.collapse(!0), p.removeAllRanges(), p.addRange(De), s(),
|
|
362
|
-
}, J = (
|
|
361
|
+
ze ? De.setStart(ze, Fe) : De.setStart(re, 0), !ie && Be ? De.setEnd(Be, Re) : De.collapse(!0), p.removeAllRanges(), p.addRange(De), s(), V();
|
|
362
|
+
}, J = (d) => {
|
|
363
363
|
const p = e.parentElement?.querySelector("#editor-status");
|
|
364
|
-
p && (p.textContent =
|
|
364
|
+
p && (p.textContent = d, setTimeout(() => p.textContent = "", 2e3));
|
|
365
365
|
};
|
|
366
|
-
e.addEventListener("keydown",
|
|
367
|
-
const ae = (
|
|
366
|
+
e.addEventListener("keydown", h, { capture: !0 });
|
|
367
|
+
const ae = (d) => {
|
|
368
368
|
const p = e;
|
|
369
369
|
if (!p) return;
|
|
370
|
-
const
|
|
371
|
-
p.appendChild(
|
|
372
|
-
}, N = (
|
|
370
|
+
const y = document.createRange().createContextualFragment(d);
|
|
371
|
+
p.appendChild(y), V(), p.dispatchEvent(new Event("input", { bubbles: !0 }));
|
|
372
|
+
}, N = (d) => {
|
|
373
373
|
const p = window.getSelection();
|
|
374
374
|
if (!p || p.rangeCount === 0) {
|
|
375
|
-
ae(
|
|
375
|
+
ae(d);
|
|
376
376
|
return;
|
|
377
377
|
}
|
|
378
|
-
const
|
|
378
|
+
const y = p.getRangeAt(0), D = v(y.startContainer);
|
|
379
379
|
if (!D) {
|
|
380
|
-
ae(
|
|
380
|
+
ae(d);
|
|
381
381
|
return;
|
|
382
382
|
}
|
|
383
|
-
D.insertAdjacentHTML("afterend",
|
|
384
|
-
}, A = (
|
|
383
|
+
D.insertAdjacentHTML("afterend", d), V(), e.dispatchEvent(new Event("input", { bubbles: !0 }));
|
|
384
|
+
}, A = (d) => {
|
|
385
385
|
const p = document.createElement("span");
|
|
386
386
|
p.className = "img-resizable", p.style.display = "inline-block", p.style.position = "relative", p.style.width = "100%";
|
|
387
|
-
const
|
|
388
|
-
|
|
387
|
+
const y = document.createElement("img");
|
|
388
|
+
y.src = d, y.loading = "lazy";
|
|
389
389
|
const D = document.createElement("span");
|
|
390
|
-
D.className = "resize-handle", p.append(
|
|
391
|
-
}, x = (
|
|
390
|
+
D.className = "resize-handle", p.append(y, D), ne(p.outerHTML);
|
|
391
|
+
}, x = (d) => {
|
|
392
392
|
const p = document.createElement("span");
|
|
393
393
|
p.className = "img-resizable", p.style.display = "inline-block", p.style.position = "relative", p.style.width = "100%";
|
|
394
|
-
const
|
|
395
|
-
|
|
394
|
+
const y = document.createElement("img");
|
|
395
|
+
y.src = d, y.alt = "", y.loading = "lazy";
|
|
396
396
|
const D = document.createElement("span");
|
|
397
|
-
D.className = "resize-handle", p.append(
|
|
398
|
-
},
|
|
399
|
-
const p =
|
|
397
|
+
D.className = "resize-handle", p.append(y, D), N(p.outerHTML);
|
|
398
|
+
}, H = (d) => {
|
|
399
|
+
const p = d.closest(".img-resizable");
|
|
400
400
|
if (!p) return;
|
|
401
|
-
const
|
|
402
|
-
if (!
|
|
403
|
-
p.dataset.resizableInitialized = "true", p.style.display = "inline-block", p.style.position = "relative",
|
|
401
|
+
const y = p.querySelector(".resize-handle");
|
|
402
|
+
if (!y || p.dataset.resizableInitialized === "true") return;
|
|
403
|
+
p.dataset.resizableInitialized = "true", p.style.display = "inline-block", p.style.position = "relative", d.style.display = "block", d.style.width = "100%", y.style.display = "none";
|
|
404
404
|
const D = () => {
|
|
405
|
-
p.classList.add("active"),
|
|
405
|
+
p.classList.add("active"), y.style.display = "block";
|
|
406
406
|
}, U = () => {
|
|
407
|
-
p.classList.remove("active"),
|
|
407
|
+
p.classList.remove("active"), y.style.display = "none";
|
|
408
408
|
};
|
|
409
|
-
|
|
409
|
+
d.addEventListener("click", (ie) => {
|
|
410
410
|
ie.stopPropagation(), e.querySelectorAll(".img-resizable.selected").forEach((re) => re.classList.remove("selected")), p.classList.add("selected"), D();
|
|
411
411
|
}), document.addEventListener("click", (ie) => {
|
|
412
412
|
const re = ie.target;
|
|
@@ -426,26 +426,26 @@ const xt = (e) => {
|
|
|
426
426
|
};
|
|
427
427
|
document.addEventListener("mousemove", re), document.addEventListener("mouseup", ge), document.addEventListener("touchmove", re, { passive: !1 }), document.addEventListener("touchend", ge);
|
|
428
428
|
};
|
|
429
|
-
|
|
430
|
-
}, z = (
|
|
431
|
-
if (
|
|
429
|
+
y.addEventListener("mousedown", G), y.addEventListener("touchstart", G, { passive: !1 });
|
|
430
|
+
}, z = (d) => {
|
|
431
|
+
if (d.key !== "Backspace" && d.key !== "Delete") return;
|
|
432
432
|
const p = e.querySelector(".img-resizable.selected");
|
|
433
433
|
if (!p) return;
|
|
434
|
-
|
|
435
|
-
const
|
|
436
|
-
|
|
434
|
+
d.preventDefault();
|
|
435
|
+
const y = p.closest("p[data-block]");
|
|
436
|
+
y && (p.remove(), y.replaceChildren(document.createElement("br")), L(y));
|
|
437
437
|
};
|
|
438
438
|
e.addEventListener("keydown", z, { capture: !0 });
|
|
439
|
-
const le = (
|
|
440
|
-
const p =
|
|
439
|
+
const le = (d) => {
|
|
440
|
+
const p = d.match(
|
|
441
441
|
/(?:youtube\.com\/(?:watch\?v=|shorts\/|embed\/)|youtu\.be\/)([a-zA-Z0-9_-]{11})/
|
|
442
442
|
);
|
|
443
443
|
if (!p) return;
|
|
444
|
-
const
|
|
444
|
+
const y = p[1];
|
|
445
445
|
ne(
|
|
446
446
|
`
|
|
447
447
|
<iframe
|
|
448
|
-
src="https://www.youtube.com/embed/${
|
|
448
|
+
src="https://www.youtube.com/embed/${y}?autoplay=0&mute=0&controls=0&showinfo=0&rel=0&iv_load_policy=3&modestbranding=1&enablejsapi=1&playsinline=1"
|
|
449
449
|
frameborder="0"
|
|
450
450
|
allowfullscreen
|
|
451
451
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
|
|
@@ -461,43 +461,43 @@ const xt = (e) => {
|
|
|
461
461
|
aspectRatio: "16/9"
|
|
462
462
|
}
|
|
463
463
|
);
|
|
464
|
-
}, F = (
|
|
465
|
-
if (
|
|
464
|
+
}, F = (d) => {
|
|
465
|
+
if (d.key !== "Backspace" && d.key !== "Delete") return;
|
|
466
466
|
const p = window.getSelection();
|
|
467
467
|
if (!p || p.rangeCount === 0) return;
|
|
468
|
-
const
|
|
468
|
+
const y = p.getRangeAt(0), D = v(y.startContainer);
|
|
469
469
|
if (!D) return;
|
|
470
470
|
const U = D.querySelector("iframe");
|
|
471
|
-
U && (
|
|
472
|
-
}, ne = (
|
|
473
|
-
const
|
|
474
|
-
if (!
|
|
471
|
+
U && (d.preventDefault(), d.stopPropagation(), U.remove(), D.removeAttribute("style"), D.replaceChildren(document.createElement("br")), L(D));
|
|
472
|
+
}, ne = (d, p) => {
|
|
473
|
+
const y = e;
|
|
474
|
+
if (!y) return;
|
|
475
475
|
const D = window.getSelection();
|
|
476
476
|
let U = null;
|
|
477
477
|
if (D && D.rangeCount > 0) {
|
|
478
478
|
const G = D.getRangeAt(0);
|
|
479
|
-
U =
|
|
479
|
+
U = v(G.startContainer);
|
|
480
480
|
}
|
|
481
481
|
const se = U && !U.textContent?.trim() && U.querySelectorAll("img, iframe").length === 0;
|
|
482
482
|
let X = null;
|
|
483
483
|
if (se && U)
|
|
484
|
-
p && Object.assign(U.style, p), U.innerHTML =
|
|
484
|
+
p && Object.assign(U.style, p), U.innerHTML = d, X = document.createElement("p"), X.dataset.block = "true", X.replaceChildren(document.createElement("br")), U.after(X);
|
|
485
485
|
else {
|
|
486
486
|
const G = document.createElement("p");
|
|
487
|
-
G.dataset.block = "true", p && Object.assign(G.style, p), G.innerHTML =
|
|
487
|
+
G.dataset.block = "true", p && Object.assign(G.style, p), G.innerHTML = d;
|
|
488
488
|
const ie = document.createElement("p");
|
|
489
|
-
ie.dataset.block = "true", ie.replaceChildren(document.createElement("br")), U ? (U.after(G), G.after(ie)) :
|
|
489
|
+
ie.dataset.block = "true", ie.replaceChildren(document.createElement("br")), U ? (U.after(G), G.after(ie)) : y.append(G, ie), X = ie;
|
|
490
490
|
}
|
|
491
|
-
|
|
492
|
-
}, S = (
|
|
493
|
-
const p =
|
|
491
|
+
y.querySelectorAll(".img-resizable img").forEach((G) => H(G)), X && L(X), V(), y.dispatchEvent(new Event("input", { bubbles: !0 }));
|
|
492
|
+
}, S = (d) => {
|
|
493
|
+
const p = d.match(/(?:youtube\.com\/(?:watch\?v=|shorts\/|embed\/)|youtu\.be\/)([a-zA-Z0-9_-]{11})/);
|
|
494
494
|
return p && typeof p[1] == "string" ? p[1] : null;
|
|
495
|
-
}, w = async (
|
|
496
|
-
const p =
|
|
495
|
+
}, w = async (d) => {
|
|
496
|
+
const p = d.clipboardData?.items;
|
|
497
497
|
if (p && o) {
|
|
498
498
|
for (const ie of p)
|
|
499
499
|
if (ie.type.startsWith("image/")) {
|
|
500
|
-
|
|
500
|
+
d.preventDefault();
|
|
501
501
|
const re = ie.getAsFile();
|
|
502
502
|
if (!re) return;
|
|
503
503
|
try {
|
|
@@ -509,48 +509,48 @@ const xt = (e) => {
|
|
|
509
509
|
return;
|
|
510
510
|
}
|
|
511
511
|
}
|
|
512
|
-
const
|
|
513
|
-
if (!
|
|
514
|
-
const D = S(
|
|
512
|
+
const y = d.clipboardData?.getData("text/plain")?.trim();
|
|
513
|
+
if (!y) return;
|
|
514
|
+
const D = S(y), U = T(y);
|
|
515
515
|
if (!D && !U) return;
|
|
516
|
-
|
|
516
|
+
d.preventDefault();
|
|
517
517
|
const se = window.getSelection();
|
|
518
518
|
if (!se || se.rangeCount === 0) return;
|
|
519
|
-
const X = se.getRangeAt(0), G =
|
|
520
|
-
if (G && G.textContent?.trim() ===
|
|
521
|
-
le(
|
|
519
|
+
const X = se.getRangeAt(0), G = v(X.startContainer);
|
|
520
|
+
if (G && G.textContent?.trim() === y && (G.innerHTML = "<br>"), D) {
|
|
521
|
+
le(y);
|
|
522
522
|
return;
|
|
523
523
|
}
|
|
524
524
|
if (U) {
|
|
525
|
-
if (!await Q(
|
|
525
|
+
if (!await Q(y)) {
|
|
526
526
|
l?.(i);
|
|
527
527
|
return;
|
|
528
528
|
}
|
|
529
|
-
A(
|
|
529
|
+
A(y);
|
|
530
530
|
}
|
|
531
|
-
}, T = (
|
|
531
|
+
}, T = (d) => {
|
|
532
532
|
try {
|
|
533
|
-
const p = new URL(
|
|
533
|
+
const p = new URL(d);
|
|
534
534
|
return /\.(png|jpe?g|gif|webp|svg|avif)$/i.test(p.pathname);
|
|
535
535
|
} catch {
|
|
536
536
|
return !1;
|
|
537
537
|
}
|
|
538
|
-
}, Q = (
|
|
539
|
-
const
|
|
540
|
-
|
|
541
|
-
const D =
|
|
538
|
+
}, Q = (d) => i ? new Promise((p) => {
|
|
539
|
+
const y = new Image();
|
|
540
|
+
y.onload = () => {
|
|
541
|
+
const D = y.naturalWidth >= i.width || y.naturalHeight >= i.height;
|
|
542
542
|
p(D);
|
|
543
|
-
},
|
|
543
|
+
}, y.onerror = () => p(!1), y.src = d;
|
|
544
544
|
}) : Promise.resolve(!0);
|
|
545
545
|
return e.addEventListener("keydown", F, { capture: !0 }), e.addEventListener("paste", w), {
|
|
546
546
|
toggleInline: u,
|
|
547
|
-
toggleBlock:
|
|
548
|
-
normalize:
|
|
547
|
+
toggleBlock: C,
|
|
548
|
+
normalize: V,
|
|
549
549
|
rootElement: e,
|
|
550
550
|
saveSelection: s,
|
|
551
|
-
restoreSelection:
|
|
551
|
+
restoreSelection: g,
|
|
552
552
|
isInlineActive: I,
|
|
553
|
-
isBlockActive:
|
|
553
|
+
isBlockActive: k,
|
|
554
554
|
focus: R,
|
|
555
555
|
toolbarRef: r,
|
|
556
556
|
focusFirstToolbarButton: _,
|
|
@@ -579,28 +579,28 @@ const xt = (e) => {
|
|
|
579
579
|
onImageResolutionError: {}
|
|
580
580
|
},
|
|
581
581
|
setup(e, { expose: n }) {
|
|
582
|
-
const t = e, a = M(""), o = M(null), i = (
|
|
583
|
-
if (
|
|
584
|
-
switch (
|
|
582
|
+
const t = e, a = M(""), o = M(null), i = (v) => {
|
|
583
|
+
if (v.ctrlKey || v.metaKey)
|
|
584
|
+
switch (v.altKey && v.key === "F10" && (v.preventDefault(), t.editor?.restoreSelection(), t.editor?.focusFirstToolbarButton()), v.key.toLowerCase()) {
|
|
585
585
|
case "b":
|
|
586
|
-
|
|
586
|
+
v.preventDefault(), t.editor?.restoreSelection(), t.editor?.toggleInline("strong"), t.editor?.focus(), t.editor?.announce(t.editor.isInlineActive("strong") ? "Bold enabled" : "Bold disabled");
|
|
587
587
|
break;
|
|
588
588
|
case "i":
|
|
589
|
-
|
|
589
|
+
v.preventDefault(), t.editor?.restoreSelection(), t.editor?.toggleInline("em"), t.editor?.focus(), t.editor?.announce(t.editor.isInlineActive("em") ? "Italic enabled" : "Italic disabled");
|
|
590
590
|
break;
|
|
591
591
|
case "1":
|
|
592
|
-
|
|
592
|
+
v.altKey && (v.preventDefault(), t.editor?.restoreSelection(), t.editor?.toggleBlock("h1"), t.editor?.focus(), t.editor?.announce(t.editor.isBlockActive("h1") ? "Heading level 1 enabled" : "Heading level 1 disabled"));
|
|
593
593
|
break;
|
|
594
594
|
}
|
|
595
595
|
}, l = () => {
|
|
596
|
-
const
|
|
597
|
-
if (!
|
|
596
|
+
const v = window.getSelection();
|
|
597
|
+
if (!v || v.rangeCount === 0) return;
|
|
598
598
|
const m = o.value;
|
|
599
599
|
if (!m) return;
|
|
600
|
-
const
|
|
601
|
-
m.contains(
|
|
602
|
-
}, r = (
|
|
603
|
-
const m = new DOMParser().parseFromString(
|
|
600
|
+
const h = v.getRangeAt(0);
|
|
601
|
+
m.contains(h.commonAncestorContainer) && t.editor?.saveSelection();
|
|
602
|
+
}, r = (v) => {
|
|
603
|
+
const m = new DOMParser().parseFromString(v, "text/html"), h = /* @__PURE__ */ new Set([
|
|
604
604
|
"P",
|
|
605
605
|
"BR",
|
|
606
606
|
"STRONG",
|
|
@@ -616,58 +616,58 @@ const xt = (e) => {
|
|
|
616
616
|
m.body,
|
|
617
617
|
NodeFilter.SHOW_ELEMENT,
|
|
618
618
|
null
|
|
619
|
-
),
|
|
619
|
+
), V = [];
|
|
620
620
|
for (; L.nextNode(); ) {
|
|
621
621
|
const I = L.currentNode;
|
|
622
|
-
if (!
|
|
623
|
-
|
|
622
|
+
if (!h.has(I.tagName)) {
|
|
623
|
+
V.push(I);
|
|
624
624
|
continue;
|
|
625
625
|
}
|
|
626
626
|
if (I.removeAttribute("style"), I.removeAttribute("class"), I.tagName === "A") {
|
|
627
|
-
const
|
|
628
|
-
(!
|
|
627
|
+
const k = I.getAttribute("href");
|
|
628
|
+
(!k || !k.startsWith("http")) && I.removeAttribute("href");
|
|
629
629
|
}
|
|
630
630
|
}
|
|
631
|
-
return
|
|
632
|
-
const
|
|
633
|
-
for (; I.firstChild; )
|
|
634
|
-
|
|
631
|
+
return V.forEach((I) => {
|
|
632
|
+
const k = I.parentNode;
|
|
633
|
+
for (; I.firstChild; ) k?.insertBefore(I.firstChild, I);
|
|
634
|
+
k?.removeChild(I);
|
|
635
635
|
}), m.body.innerHTML;
|
|
636
636
|
}, s = () => {
|
|
637
|
-
const
|
|
638
|
-
if (!
|
|
639
|
-
const m =
|
|
637
|
+
const v = window.getSelection();
|
|
638
|
+
if (!v || v.rangeCount === 0) return;
|
|
639
|
+
const m = v.anchorNode;
|
|
640
640
|
if (!m) return;
|
|
641
|
-
const
|
|
642
|
-
|
|
643
|
-
}, u = (
|
|
644
|
-
const m =
|
|
645
|
-
(m === "" || L) && !
|
|
646
|
-
}, c = (
|
|
641
|
+
const h = (m instanceof Element ? m : m.parentElement)?.closest("[data-block]");
|
|
642
|
+
h && u(h);
|
|
643
|
+
}, u = (v) => {
|
|
644
|
+
const m = v.textContent?.replace(/\u00A0/g, "").trim() ?? "", h = v.querySelector("img, iframe"), L = v.innerHTML === "<br>";
|
|
645
|
+
(m === "" || L) && !h ? v.dataset.empty = "true" : v.dataset.empty = "false";
|
|
646
|
+
}, c = (v) => {
|
|
647
647
|
const m = window.getSelection();
|
|
648
648
|
if (!m || m.rangeCount === 0) return;
|
|
649
|
-
const
|
|
650
|
-
|
|
651
|
-
const L =
|
|
652
|
-
|
|
653
|
-
},
|
|
654
|
-
|
|
655
|
-
const m =
|
|
649
|
+
const h = m.getRangeAt(0);
|
|
650
|
+
h.deleteContents();
|
|
651
|
+
const L = h.createContextualFragment(v);
|
|
652
|
+
h.insertNode(L), m.collapseToEnd();
|
|
653
|
+
}, C = (v) => {
|
|
654
|
+
v.preventDefault();
|
|
655
|
+
const m = v.clipboardData?.getData("text/html"), h = v.clipboardData?.getData("text/plain");
|
|
656
656
|
if (m) {
|
|
657
657
|
const L = r(m);
|
|
658
658
|
c(L);
|
|
659
|
-
} else
|
|
659
|
+
} else h && c(`<p data-block>${h}</p>`);
|
|
660
660
|
t.editor?.saveSelection(), o.value?.dispatchEvent(new Event("input", { bubbles: !0 }));
|
|
661
661
|
};
|
|
662
662
|
return de(() => {
|
|
663
663
|
document.addEventListener("selectionchange", l);
|
|
664
|
-
const
|
|
665
|
-
|
|
664
|
+
const v = o.value;
|
|
665
|
+
v && v.querySelectorAll("[data-block]").forEach((m) => {
|
|
666
666
|
u(m);
|
|
667
667
|
});
|
|
668
668
|
}), Ve(() => document.removeEventListener("selectionchange", l)), n({
|
|
669
669
|
getRoot: () => o
|
|
670
|
-
}), (
|
|
670
|
+
}), (v, m) => (f(), b(ce, null, [
|
|
671
671
|
$("div", {
|
|
672
672
|
ref_key: "rootRef",
|
|
673
673
|
ref: o,
|
|
@@ -679,20 +679,20 @@ const xt = (e) => {
|
|
|
679
679
|
"aria-label": e.ariaLabel || "Text editor",
|
|
680
680
|
"aria-describedby": "editor-help editor-status",
|
|
681
681
|
onInput: s,
|
|
682
|
-
onPaste:
|
|
682
|
+
onPaste: C,
|
|
683
683
|
onKeydown: [
|
|
684
684
|
i,
|
|
685
|
-
m[0] || (m[0] = be((
|
|
685
|
+
m[0] || (m[0] = be((h) => E(Qt)(h, e.editor), ["enter"])),
|
|
686
686
|
m[1] || (m[1] = be(
|
|
687
687
|
//@ts-ignore
|
|
688
|
-
(...
|
|
688
|
+
(...h) => E(ft) && E(ft)(...h),
|
|
689
689
|
["backspace"]
|
|
690
690
|
))
|
|
691
691
|
],
|
|
692
692
|
onMouseup: m[2] || (m[2] = //@ts-ignore
|
|
693
|
-
(...
|
|
693
|
+
(...h) => e.editor?.saveSelection && e.editor?.saveSelection(...h)),
|
|
694
694
|
onKeyup: m[3] || (m[3] = //@ts-ignore
|
|
695
|
-
(...
|
|
695
|
+
(...h) => e.editor?.saveSelection && e.editor?.saveSelection(...h))
|
|
696
696
|
}, [
|
|
697
697
|
$("p", {
|
|
698
698
|
"data-block": "",
|
|
@@ -2264,7 +2264,7 @@ const xt = (e) => {
|
|
|
2264
2264
|
spin: { type: Boolean }
|
|
2265
2265
|
},
|
|
2266
2266
|
setup(e) {
|
|
2267
|
-
return (n, t) => (f(),
|
|
2267
|
+
return (n, t) => (f(), b("svg", {
|
|
2268
2268
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2269
2269
|
class: fe(["icon", { spin: e.spin }]),
|
|
2270
2270
|
viewBox: E(Je)[e.name].viewBox,
|
|
@@ -2274,28 +2274,28 @@ const xt = (e) => {
|
|
|
2274
2274
|
fill: "none",
|
|
2275
2275
|
"aria-hidden": "true"
|
|
2276
2276
|
}, [
|
|
2277
|
-
(f(!0),
|
|
2278
|
-
a.type === "path" ? (f(),
|
|
2277
|
+
(f(!0), b(ce, null, Ce(E(Je)[e.name].paths, (a, o) => (f(), b(ce, { key: o }, [
|
|
2278
|
+
a.type === "path" ? (f(), b("path", ye({
|
|
2279
2279
|
key: 0,
|
|
2280
2280
|
ref_for: !0
|
|
2281
2281
|
}, a), null, 16)) : q("", !0),
|
|
2282
|
-
a.type === "circle" ? (f(),
|
|
2282
|
+
a.type === "circle" ? (f(), b("circle", ye({
|
|
2283
2283
|
key: 1,
|
|
2284
2284
|
ref_for: !0
|
|
2285
2285
|
}, a), null, 16)) : q("", !0),
|
|
2286
|
-
a.type === "line" ? (f(),
|
|
2286
|
+
a.type === "line" ? (f(), b("line", ye({
|
|
2287
2287
|
key: 2,
|
|
2288
2288
|
ref_for: !0
|
|
2289
2289
|
}, a), null, 16)) : q("", !0),
|
|
2290
|
-
a.type === "polyline" ? (f(),
|
|
2290
|
+
a.type === "polyline" ? (f(), b("polyline", ye({
|
|
2291
2291
|
key: 3,
|
|
2292
2292
|
ref_for: !0
|
|
2293
2293
|
}, a), null, 16)) : q("", !0),
|
|
2294
|
-
a.type === "rect" ? (f(),
|
|
2294
|
+
a.type === "rect" ? (f(), b("rect", ye({
|
|
2295
2295
|
key: 4,
|
|
2296
2296
|
ref_for: !0
|
|
2297
2297
|
}, a), null, 16)) : q("", !0),
|
|
2298
|
-
a.type === "polygon" ? (f(),
|
|
2298
|
+
a.type === "polygon" ? (f(), b("polygon", ye({
|
|
2299
2299
|
key: 5,
|
|
2300
2300
|
ref_for: !0
|
|
2301
2301
|
}, a), null, 16)) : q("", !0)
|
|
@@ -2312,45 +2312,45 @@ const xt = (e) => {
|
|
|
2312
2312
|
setup(e, { expose: n }) {
|
|
2313
2313
|
const t = e, a = Qe + Pa, o = M(!1), i = M([]), l = M(null), r = M({});
|
|
2314
2314
|
let s = null, u = null, c = 0;
|
|
2315
|
-
const
|
|
2316
|
-
r.value =
|
|
2315
|
+
const C = () => {
|
|
2316
|
+
r.value = v();
|
|
2317
2317
|
};
|
|
2318
|
-
ee(o, async (
|
|
2319
|
-
if (!
|
|
2318
|
+
ee(o, async (g) => {
|
|
2319
|
+
if (!g) {
|
|
2320
2320
|
u?.(), u = null, s?.disconnect(), s = null;
|
|
2321
2321
|
return;
|
|
2322
2322
|
}
|
|
2323
|
-
await $e(), await $e(),
|
|
2323
|
+
await $e(), await $e(), C(), l.value && (s = new ResizeObserver(C), s.observe(l.value)), u = m(C);
|
|
2324
2324
|
}, { flush: "post" });
|
|
2325
|
-
const
|
|
2326
|
-
const
|
|
2327
|
-
if (!
|
|
2325
|
+
const v = () => {
|
|
2326
|
+
const g = window.getSelection();
|
|
2327
|
+
if (!g || g.rangeCount === 0) return {};
|
|
2328
2328
|
const _ = t.editor?.rootElement;
|
|
2329
2329
|
if (!_) return {};
|
|
2330
|
-
const O =
|
|
2330
|
+
const O = g.getRangeAt(0);
|
|
2331
2331
|
if (!_.contains(
|
|
2332
2332
|
O.commonAncestorContainer.nodeType === 3 ? O.commonAncestorContainer.parentNode : O.commonAncestorContainer
|
|
2333
|
-
) ||
|
|
2333
|
+
) || g.isCollapsed) return {};
|
|
2334
2334
|
const J = O.getClientRects().item(0) ?? O.getBoundingClientRect();
|
|
2335
2335
|
if (J.width === 0 && J.height === 0) return {};
|
|
2336
2336
|
const ae = l.value;
|
|
2337
2337
|
if (!ae) return {};
|
|
2338
|
-
const N = ae.getBoundingClientRect(), A = N.width, x = J.left + J.width / 2,
|
|
2338
|
+
const N = ae.getBoundingClientRect(), A = N.width, x = J.left + J.width / 2, H = Math.max(A / 2 + Qe, Math.min(x, window.innerWidth - A / 2 - Qe)), z = J.top - N.height - a;
|
|
2339
2339
|
return z < 0 ? {} : {
|
|
2340
2340
|
position: "fixed",
|
|
2341
|
-
left: `${
|
|
2341
|
+
left: `${H}px`,
|
|
2342
2342
|
top: `${z}px`
|
|
2343
2343
|
};
|
|
2344
|
-
}, m = (
|
|
2344
|
+
}, m = (g) => {
|
|
2345
2345
|
let _ = 0;
|
|
2346
2346
|
const O = () => {
|
|
2347
|
-
cancelAnimationFrame(_), _ = requestAnimationFrame(
|
|
2347
|
+
cancelAnimationFrame(_), _ = requestAnimationFrame(g);
|
|
2348
2348
|
}, J = O, ae = O;
|
|
2349
2349
|
return window.addEventListener("scroll", J, { capture: !0, passive: !0 }), window.addEventListener("resize", ae, { passive: !0 }), () => {
|
|
2350
2350
|
cancelAnimationFrame(_), window.removeEventListener("scroll", J, { capture: !0 }), window.removeEventListener("resize", ae);
|
|
2351
2351
|
};
|
|
2352
|
-
},
|
|
2353
|
-
|
|
2352
|
+
}, h = (g, _) => {
|
|
2353
|
+
g && (i.value[_] = g);
|
|
2354
2354
|
};
|
|
2355
2355
|
ee(o, () => {
|
|
2356
2356
|
i.value = [];
|
|
@@ -2361,30 +2361,30 @@ const xt = (e) => {
|
|
|
2361
2361
|
label: "bold",
|
|
2362
2362
|
type: "icon",
|
|
2363
2363
|
ariaLabel: "Bold",
|
|
2364
|
-
action: (
|
|
2365
|
-
|
|
2364
|
+
action: (g) => {
|
|
2365
|
+
g.restoreSelection(), g.toggleInline("strong"), g.focus(), g.announce(g.isInlineActive("strong") ? "Bold enabled" : "Bold disabled");
|
|
2366
2366
|
},
|
|
2367
|
-
isActive: (
|
|
2367
|
+
isActive: (g) => g.isInlineActive("strong")
|
|
2368
2368
|
},
|
|
2369
2369
|
{
|
|
2370
2370
|
key: "em",
|
|
2371
2371
|
label: "italic",
|
|
2372
2372
|
type: "icon",
|
|
2373
2373
|
ariaLabel: "Italic",
|
|
2374
|
-
action: (
|
|
2375
|
-
|
|
2374
|
+
action: (g) => {
|
|
2375
|
+
g.restoreSelection(), g.toggleInline("em"), g.focus(), g.announce(g.isInlineActive("em") ? "Italic enabled" : "Italic disabled");
|
|
2376
2376
|
},
|
|
2377
|
-
isActive: (
|
|
2377
|
+
isActive: (g) => g.isInlineActive("em")
|
|
2378
2378
|
},
|
|
2379
2379
|
{
|
|
2380
2380
|
key: "h1",
|
|
2381
2381
|
label: "head",
|
|
2382
2382
|
type: "icon",
|
|
2383
2383
|
ariaLabel: "Heading 1",
|
|
2384
|
-
action: (
|
|
2385
|
-
|
|
2384
|
+
action: (g) => {
|
|
2385
|
+
g.restoreSelection(), g.toggleBlock("h1"), g.focus(), g.announce(g.isBlockActive("h1") ? "Heading level 1 enabled" : "Heading level 1 disabled");
|
|
2386
2386
|
},
|
|
2387
|
-
isActive: (
|
|
2387
|
+
isActive: (g) => g.isBlockActive("h1")
|
|
2388
2388
|
},
|
|
2389
2389
|
{
|
|
2390
2390
|
key: "h4",
|
|
@@ -2392,49 +2392,49 @@ const xt = (e) => {
|
|
|
2392
2392
|
type: "icon",
|
|
2393
2393
|
ariaLabel: "Heading 4",
|
|
2394
2394
|
size: 12,
|
|
2395
|
-
action: (
|
|
2396
|
-
|
|
2395
|
+
action: (g) => {
|
|
2396
|
+
g.restoreSelection(), g.toggleBlock("h4"), g.focus(), g.announce(g.isBlockActive("h4") ? "Heading level 4 enabled" : "Heading level 4 disabled");
|
|
2397
2397
|
},
|
|
2398
|
-
isActive: (
|
|
2398
|
+
isActive: (g) => g.isBlockActive("h4")
|
|
2399
2399
|
},
|
|
2400
2400
|
{
|
|
2401
2401
|
key: "quote",
|
|
2402
2402
|
label: "❝",
|
|
2403
2403
|
type: "text",
|
|
2404
2404
|
ariaLabel: "Blockquote",
|
|
2405
|
-
action: (
|
|
2406
|
-
|
|
2405
|
+
action: (g) => {
|
|
2406
|
+
g.restoreSelection(), g.toggleBlock("blockquote"), g.focus(), g.announce(g.isBlockActive("blockquote") ? "Blockquote enabled" : "Blockquote disabled");
|
|
2407
2407
|
},
|
|
2408
|
-
isActive: (
|
|
2408
|
+
isActive: (g) => g.isBlockActive("blockquote")
|
|
2409
2409
|
}
|
|
2410
|
-
]),
|
|
2410
|
+
]), V = B(() => [
|
|
2411
2411
|
...L.value,
|
|
2412
2412
|
...t.editor?.buttons ?? []
|
|
2413
2413
|
]), I = async () => {
|
|
2414
2414
|
await $e(), i.value[0]?.focus();
|
|
2415
|
-
},
|
|
2415
|
+
}, k = (g) => {
|
|
2416
2416
|
const _ = i.value, O = _.indexOf(document.activeElement);
|
|
2417
|
-
if (
|
|
2418
|
-
|
|
2417
|
+
if (g.key === "ArrowRight") {
|
|
2418
|
+
g.preventDefault();
|
|
2419
2419
|
const J = O < _.length - 1 ? O + 1 : 0;
|
|
2420
2420
|
_[J]?.focus();
|
|
2421
2421
|
}
|
|
2422
|
-
if (
|
|
2423
|
-
|
|
2422
|
+
if (g.key === "ArrowLeft") {
|
|
2423
|
+
g.preventDefault();
|
|
2424
2424
|
const J = O > 0 ? O - 1 : _.length - 1;
|
|
2425
2425
|
_[J]?.focus();
|
|
2426
2426
|
}
|
|
2427
|
-
|
|
2427
|
+
g.key === "Home" && (g.preventDefault(), _[0]?.focus()), g.key === "End" && (g.preventDefault(), _[_.length - 1]?.focus()), g.key === "Escape" && (g.preventDefault(), t.editor?.restoreSelection(), t.editor?.focus());
|
|
2428
2428
|
}, R = () => {
|
|
2429
2429
|
cancelAnimationFrame(c), c = requestAnimationFrame(() => {
|
|
2430
|
-
const
|
|
2431
|
-
if (!
|
|
2430
|
+
const g = window.getSelection();
|
|
2431
|
+
if (!g || g.rangeCount === 0) {
|
|
2432
2432
|
o.value && (o.value = !1);
|
|
2433
2433
|
return;
|
|
2434
2434
|
}
|
|
2435
2435
|
const _ = t.editor?.rootElement;
|
|
2436
2436
|
if (!_) return;
|
|
2437
|
-
const O =
|
|
2437
|
+
const O = g.getRangeAt(0), J = O.commonAncestorContainer.nodeType === 3 ? O.commonAncestorContainer.parentNode ?? O.commonAncestorContainer : O.commonAncestorContainer, ae = _.contains(J) && !g.isCollapsed;
|
|
2438
2438
|
o.value !== ae && (o.value = ae);
|
|
2439
2439
|
});
|
|
2440
2440
|
};
|
|
@@ -2444,10 +2444,10 @@ const xt = (e) => {
|
|
|
2444
2444
|
u?.(), s?.disconnect(), s = null, cancelAnimationFrame(c), document.removeEventListener("selectionchange", R);
|
|
2445
2445
|
}), n({
|
|
2446
2446
|
focusFirstButton: I
|
|
2447
|
-
}), (
|
|
2447
|
+
}), (g, _) => (f(), oe(Pe, { to: "body" }, [
|
|
2448
2448
|
P(Ee, { name: "tooltip-fade" }, {
|
|
2449
2449
|
default: te(() => [
|
|
2450
|
-
o.value ? (f(),
|
|
2450
|
+
o.value ? (f(), b("div", {
|
|
2451
2451
|
key: 0,
|
|
2452
2452
|
ref_key: "toolbarRef",
|
|
2453
2453
|
ref: l,
|
|
@@ -2457,14 +2457,14 @@ const xt = (e) => {
|
|
|
2457
2457
|
"aria-controls": e.editorId,
|
|
2458
2458
|
style: Ie(r.value),
|
|
2459
2459
|
tabindex: "-1",
|
|
2460
|
-
onKeydown:
|
|
2460
|
+
onKeydown: k
|
|
2461
2461
|
}, [
|
|
2462
2462
|
_[0] || (_[0] = $("div", { class: "arrow" }, null, -1)),
|
|
2463
|
-
(f(!0),
|
|
2463
|
+
(f(!0), b(ce, null, Ce(V.value, (O, J) => (f(), b("button", {
|
|
2464
2464
|
key: O.key ?? J,
|
|
2465
2465
|
type: "button",
|
|
2466
2466
|
ref_for: !0,
|
|
2467
|
-
ref: (ae) =>
|
|
2467
|
+
ref: (ae) => h(ae, J),
|
|
2468
2468
|
class: fe({ "is-active": O.isActive?.(t.editor) }),
|
|
2469
2469
|
"aria-pressed": O.isActive?.(t.editor),
|
|
2470
2470
|
onMousedown: ve((ae) => O.action(t.editor), ["prevent"]),
|
|
@@ -2474,7 +2474,7 @@ const xt = (e) => {
|
|
|
2474
2474
|
key: 0,
|
|
2475
2475
|
name: O.label,
|
|
2476
2476
|
size: O.size ?? 14
|
|
2477
|
-
}, null, 8, ["name", "size"])) : (f(),
|
|
2477
|
+
}, null, 8, ["name", "size"])) : (f(), b("span", Fa, K(O.label), 1))
|
|
2478
2478
|
], 42, Na))), 128))
|
|
2479
2479
|
], 44, qa)) : q("", !0)
|
|
2480
2480
|
]),
|
|
@@ -2525,7 +2525,7 @@ const xt = (e) => {
|
|
|
2525
2525
|
u.addEventListener("input", c), Ve(() => u.removeEventListener("input", c));
|
|
2526
2526
|
}), He("announce", (s) => l.value?.announce(s)), n({
|
|
2527
2527
|
editor: l
|
|
2528
|
-
}), (s, u) => (f(),
|
|
2528
|
+
}), (s, u) => (f(), b("section", ja, [
|
|
2529
2529
|
P(i1, {
|
|
2530
2530
|
ref_key: "contentRef",
|
|
2531
2531
|
ref: r,
|
|
@@ -2589,46 +2589,46 @@ const Wa = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2589
2589
|
}),
|
|
2590
2590
|
emits: /* @__PURE__ */ ue(["select", "upload", "remove"], ["update:modelValue"]),
|
|
2591
2591
|
setup(e, { emit: n }) {
|
|
2592
|
-
const t = ke(e, "modelValue"), a = e, o = n, i = M(0), l = M(""), r = M(!1), s = he(), u = M(), c = B(() => t.value),
|
|
2592
|
+
const t = ke(e, "modelValue"), a = e, o = n, i = M(0), l = M(""), r = M(!1), s = he(), u = M(), c = B(() => t.value), C = B(() => a.maxSize === 1 / 0 ? "Unlimited" : ae(a.maxSize)), v = B(() => !a.disabled && (a.multiple || t.value.length === 0)), m = B(() => c.value.some((x) => x.status === "uploading")), h = () => v.value && u.value?.click(), L = () => {
|
|
2593
2593
|
a.disabled || (i.value++, r.value = !0);
|
|
2594
|
-
},
|
|
2594
|
+
}, V = () => {
|
|
2595
2595
|
i.value = Math.max(0, i.value - 1), i.value === 0 && (r.value = !1);
|
|
2596
2596
|
}, I = (x) => {
|
|
2597
2597
|
if (!a.disabled && !(!a.multiple && t.value.length > 0) && (i.value = 0, r.value = !1, !!x.dataTransfer)) {
|
|
2598
2598
|
if (!a.multiple && x.dataTransfer?.files.length) {
|
|
2599
|
-
const
|
|
2600
|
-
R([
|
|
2599
|
+
const H = x.dataTransfer.files[0];
|
|
2600
|
+
R([H]);
|
|
2601
2601
|
return;
|
|
2602
2602
|
}
|
|
2603
2603
|
R(Array.from(x.dataTransfer.files));
|
|
2604
2604
|
}
|
|
2605
|
-
},
|
|
2606
|
-
const
|
|
2607
|
-
|
|
2605
|
+
}, k = (x) => {
|
|
2606
|
+
const H = x.target;
|
|
2607
|
+
H.files && (R(Array.from(H.files)), H.value = "");
|
|
2608
2608
|
}, R = (x) => {
|
|
2609
|
-
const
|
|
2609
|
+
const H = [];
|
|
2610
2610
|
for (const le of x) {
|
|
2611
|
-
if (c.value.length +
|
|
2612
|
-
le.size > a.maxSize ||
|
|
2611
|
+
if (c.value.length + H.length >= a.maxFiles) break;
|
|
2612
|
+
le.size > a.maxSize || H.push({
|
|
2613
2613
|
id: crypto.randomUUID(),
|
|
2614
2614
|
file: le,
|
|
2615
2615
|
progress: 0,
|
|
2616
2616
|
status: "idle"
|
|
2617
2617
|
});
|
|
2618
2618
|
}
|
|
2619
|
-
if (!
|
|
2620
|
-
o("select",
|
|
2621
|
-
const z = [...c.value, ...
|
|
2622
|
-
t.value = z, a.autoUpload &&
|
|
2623
|
-
},
|
|
2624
|
-
const
|
|
2625
|
-
x.progress = 0, x.error = void 0, x.status = "uploading", x.controller =
|
|
2619
|
+
if (!H.length) return;
|
|
2620
|
+
o("select", H.map((le) => le.file));
|
|
2621
|
+
const z = [...c.value, ...H];
|
|
2622
|
+
t.value = z, a.autoUpload && H.forEach(g);
|
|
2623
|
+
}, g = (x) => {
|
|
2624
|
+
const H = new AbortController();
|
|
2625
|
+
x.progress = 0, x.error = void 0, x.status = "uploading", x.controller = H, N(`Started uploading ${x.file.name}`);
|
|
2626
2626
|
const z = () => {
|
|
2627
|
-
|
|
2627
|
+
H.signal.removeEventListener("abort", z);
|
|
2628
2628
|
};
|
|
2629
|
-
|
|
2629
|
+
H.signal.addEventListener("abort", z);
|
|
2630
2630
|
const le = {
|
|
2631
|
-
signal:
|
|
2631
|
+
signal: H.signal,
|
|
2632
2632
|
onProgress: (F) => {
|
|
2633
2633
|
x.progress = F, J();
|
|
2634
2634
|
},
|
|
@@ -2643,21 +2643,21 @@ const Wa = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2643
2643
|
}, _ = (x) => {
|
|
2644
2644
|
x.controller && (x.controller.abort(), x.status = "canceled", x.controller = void 0, N(`Canceled uploading ${x.file.name}`), J());
|
|
2645
2645
|
}, O = (x) => {
|
|
2646
|
-
x.status !== "error" && x.status !== "canceled" ||
|
|
2646
|
+
x.status !== "error" && x.status !== "canceled" || g(x);
|
|
2647
2647
|
}, J = () => t.value = [...c.value], ae = (x) => {
|
|
2648
|
-
const
|
|
2648
|
+
const H = ["B", "KB", "MB", "GB", "TB"];
|
|
2649
2649
|
let z = 0;
|
|
2650
|
-
for (; x >= 1024 && z <
|
|
2650
|
+
for (; x >= 1024 && z < H.length - 1; )
|
|
2651
2651
|
x /= 1024, z++;
|
|
2652
|
-
return `${x.toFixed(2)} ${
|
|
2652
|
+
return `${x.toFixed(2)} ${H[z]}`;
|
|
2653
2653
|
}, N = (x) => {
|
|
2654
2654
|
l.value = "", requestAnimationFrame(() => {
|
|
2655
2655
|
l.value = x;
|
|
2656
2656
|
});
|
|
2657
2657
|
}, A = (x) => {
|
|
2658
|
-
x.controller && x.controller.abort(), o("remove", x), t.value = c.value.filter((
|
|
2658
|
+
x.controller && x.controller.abort(), o("remove", x), t.value = c.value.filter((H) => H.id !== x.id);
|
|
2659
2659
|
};
|
|
2660
|
-
return (x,
|
|
2660
|
+
return (x, H) => (f(), b("div", {
|
|
2661
2661
|
role: "button",
|
|
2662
2662
|
class: "ui-upload",
|
|
2663
2663
|
tabindex: e.disabled ? -1 : 0,
|
|
@@ -2667,14 +2667,14 @@ const Wa = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2667
2667
|
"aria-disabled": e.disabled ? "true" : void 0,
|
|
2668
2668
|
"data-disabled": e.disabled || void 0,
|
|
2669
2669
|
"data-dragging": r.value || void 0,
|
|
2670
|
-
onClick:
|
|
2670
|
+
onClick: H[0] || (H[0] = (z) => !e.disabled && h()),
|
|
2671
2671
|
onKeydown: [
|
|
2672
|
-
|
|
2673
|
-
|
|
2672
|
+
H[1] || (H[1] = be(ve((z) => !e.disabled && h(), ["stop", "prevent"]), ["enter"])),
|
|
2673
|
+
H[2] || (H[2] = be(ve((z) => !e.disabled && h(), ["prevent"]), ["space"]))
|
|
2674
2674
|
],
|
|
2675
|
-
onDragover:
|
|
2676
|
-
onDragleave:
|
|
2677
|
-
onDrop:
|
|
2675
|
+
onDragover: H[3] || (H[3] = ve((z) => !e.disabled && L(), ["prevent"])),
|
|
2676
|
+
onDragleave: V,
|
|
2677
|
+
onDrop: H[4] || (H[4] = ve((z) => !e.disabled && I(z), ["prevent"]))
|
|
2678
2678
|
}, [
|
|
2679
2679
|
$("input", {
|
|
2680
2680
|
type: "file",
|
|
@@ -2684,7 +2684,7 @@ const Wa = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2684
2684
|
multiple: e.multiple,
|
|
2685
2685
|
accept: e.accept,
|
|
2686
2686
|
disabled: e.disabled,
|
|
2687
|
-
onChange:
|
|
2687
|
+
onChange: k
|
|
2688
2688
|
}, null, 40, Ya),
|
|
2689
2689
|
e.multiple || !e.multiple && t.value.length === 0 ? Y(x.$slots, "default", {
|
|
2690
2690
|
key: 0,
|
|
@@ -2694,21 +2694,21 @@ const Wa = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2694
2694
|
name: "upload",
|
|
2695
2695
|
size: 32
|
|
2696
2696
|
}),
|
|
2697
|
-
|
|
2698
|
-
|
|
2697
|
+
H[6] || (H[6] = $("p", null, "Drag and Drop files here", -1)),
|
|
2698
|
+
H[7] || (H[7] = $("span", null, "or", -1)),
|
|
2699
2699
|
P(Le, {
|
|
2700
2700
|
type: "button",
|
|
2701
2701
|
class: "btn btn-outline"
|
|
2702
2702
|
}, {
|
|
2703
|
-
default: te(() => [...
|
|
2703
|
+
default: te(() => [...H[5] || (H[5] = [
|
|
2704
2704
|
Me("Choose File", -1)
|
|
2705
2705
|
])]),
|
|
2706
2706
|
_: 1
|
|
2707
2707
|
}),
|
|
2708
|
-
$("span", null, "Maximum size: " + K(
|
|
2708
|
+
$("span", null, "Maximum size: " + K(C.value), 1)
|
|
2709
2709
|
], !0) : q("", !0),
|
|
2710
|
-
c.value?.length ? (f(),
|
|
2711
|
-
(f(!0),
|
|
2710
|
+
c.value?.length ? (f(), b("ul", Xa, [
|
|
2711
|
+
(f(!0), b(ce, null, Ce(c.value, (z) => (f(), b("li", {
|
|
2712
2712
|
key: z.id,
|
|
2713
2713
|
class: "ui-upload__item"
|
|
2714
2714
|
}, [
|
|
@@ -2722,7 +2722,7 @@ const Wa = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2722
2722
|
$("span", Ja, K(z.file.name), 1),
|
|
2723
2723
|
$("span", Qa, K(ae(z.file.size)), 1)
|
|
2724
2724
|
]),
|
|
2725
|
-
z.status === "uploading" ? (f(),
|
|
2725
|
+
z.status === "uploading" ? (f(), b("div", e2, [
|
|
2726
2726
|
$("span", t2, K(z.progress) + "% ", 1),
|
|
2727
2727
|
$("progress", {
|
|
2728
2728
|
class: "ui-upload__progress",
|
|
@@ -2731,9 +2731,9 @@ const Wa = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2731
2731
|
"aria-label": `Upload progress for ${z.file.name}`
|
|
2732
2732
|
}, null, 8, a2)
|
|
2733
2733
|
])) : q("", !0),
|
|
2734
|
-
z.status === "success" ? (f(),
|
|
2735
|
-
z.status === "error" ? (f(),
|
|
2736
|
-
z.status === "canceled" ? (f(),
|
|
2734
|
+
z.status === "success" ? (f(), b("span", n2, " Uploaded successful ")) : q("", !0),
|
|
2735
|
+
z.status === "error" ? (f(), b("span", o2, K(z.error || "Upload failed"), 1)) : q("", !0),
|
|
2736
|
+
z.status === "canceled" ? (f(), b("span", l2, " Upload canceled ")) : q("", !0),
|
|
2737
2737
|
$("div", r2, [
|
|
2738
2738
|
z.status === "uploading" ? (f(), oe(Le, {
|
|
2739
2739
|
key: 0,
|
|
@@ -2741,7 +2741,7 @@ const Wa = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2741
2741
|
class: "btn-danger btn-xs",
|
|
2742
2742
|
onClick: ve((le) => _(z), ["stop"])
|
|
2743
2743
|
}, {
|
|
2744
|
-
default: te(() => [...
|
|
2744
|
+
default: te(() => [...H[8] || (H[8] = [
|
|
2745
2745
|
Me(" Cancel ", -1)
|
|
2746
2746
|
])]),
|
|
2747
2747
|
_: 1
|
|
@@ -2752,7 +2752,7 @@ const Wa = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2752
2752
|
class: "btn-info btn-xs",
|
|
2753
2753
|
onClick: ve((le) => O(z), ["stop"])
|
|
2754
2754
|
}, {
|
|
2755
|
-
default: te(() => [...
|
|
2755
|
+
default: te(() => [...H[9] || (H[9] = [
|
|
2756
2756
|
Me(" Retry ", -1)
|
|
2757
2757
|
])]),
|
|
2758
2758
|
_: 1
|
|
@@ -2764,7 +2764,7 @@ const Wa = ["tabindex", "aria-label", "aria-describedby", "aria-busy", "aria-dis
|
|
|
2764
2764
|
onClick: ve((le) => A(z), ["stop"]),
|
|
2765
2765
|
"aria-label": "Remove file"
|
|
2766
2766
|
}, {
|
|
2767
|
-
default: te(() => [...
|
|
2767
|
+
default: te(() => [...H[10] || (H[10] = [
|
|
2768
2768
|
Me(" Remove ", -1)
|
|
2769
2769
|
])]),
|
|
2770
2770
|
_: 1
|
|
@@ -2800,33 +2800,33 @@ const c2 = (e) => {
|
|
|
2800
2800
|
setup(e) {
|
|
2801
2801
|
const n = e, t = f2 + p2, a = M(!1), o = `tooltip-${he()}`, i = M(null), l = M(null), r = M({});
|
|
2802
2802
|
let s = null, u = null, c = null;
|
|
2803
|
-
const
|
|
2803
|
+
const C = () => {
|
|
2804
2804
|
n.disabled || (s && (clearTimeout(s), s = null), n.delay ? s = window.setTimeout(() => {
|
|
2805
2805
|
a.value = !0, s = null;
|
|
2806
2806
|
}, n.delay) : a.value = !0);
|
|
2807
|
-
},
|
|
2807
|
+
}, v = () => {
|
|
2808
2808
|
s && (clearTimeout(s), s = null), a.value = !1;
|
|
2809
2809
|
}, m = () => {
|
|
2810
2810
|
if (!i.value || !l.value) return {};
|
|
2811
|
-
const L = i.value.getBoundingClientRect(),
|
|
2811
|
+
const L = i.value.getBoundingClientRect(), V = l.value.getBoundingClientRect(), I = {
|
|
2812
2812
|
position: "fixed"
|
|
2813
2813
|
};
|
|
2814
2814
|
switch (n.placement) {
|
|
2815
2815
|
case "top":
|
|
2816
|
-
I.left = `${L.left + L.width / 2 -
|
|
2816
|
+
I.left = `${L.left + L.width / 2 - V.width / 2}px`, I.top = `${L.top - V.height - t}px`;
|
|
2817
2817
|
break;
|
|
2818
2818
|
case "bottom":
|
|
2819
|
-
I.left = `${L.left + L.width / 2 -
|
|
2819
|
+
I.left = `${L.left + L.width / 2 - V.width / 2}px`, I.top = `${L.bottom + t}px`;
|
|
2820
2820
|
break;
|
|
2821
2821
|
case "left":
|
|
2822
|
-
I.left = `${L.left -
|
|
2822
|
+
I.left = `${L.left - V.width - t}px`, I.top = `${L.top + L.height / 2 - V.height / 2}px`;
|
|
2823
2823
|
break;
|
|
2824
2824
|
case "right":
|
|
2825
|
-
I.left = `${L.right + t}px`, I.top = `${L.top + L.height / 2 -
|
|
2825
|
+
I.left = `${L.right + t}px`, I.top = `${L.top + L.height / 2 - V.height / 2}px`;
|
|
2826
2826
|
break;
|
|
2827
2827
|
}
|
|
2828
2828
|
return I;
|
|
2829
|
-
},
|
|
2829
|
+
}, h = () => {
|
|
2830
2830
|
r.value = m();
|
|
2831
2831
|
};
|
|
2832
2832
|
return ee(a, async (L) => {
|
|
@@ -2834,10 +2834,10 @@ const c2 = (e) => {
|
|
|
2834
2834
|
u?.(), u = null, c?.disconnect(), c = null;
|
|
2835
2835
|
return;
|
|
2836
2836
|
}
|
|
2837
|
-
await $e(),
|
|
2837
|
+
await $e(), h(), u = c2(h), c = new ResizeObserver(h), l.value && c.observe(l.value), i.value && c.observe(i.value);
|
|
2838
2838
|
}), _e(() => {
|
|
2839
2839
|
u?.(), c?.disconnect();
|
|
2840
|
-
}), (L,
|
|
2840
|
+
}), (L, V) => (f(), b(ce, null, [
|
|
2841
2841
|
$("span", {
|
|
2842
2842
|
ref_key: "triggerRef",
|
|
2843
2843
|
ref: i,
|
|
@@ -2845,18 +2845,18 @@ const c2 = (e) => {
|
|
|
2845
2845
|
"aria-describedby": a.value ? o : void 0,
|
|
2846
2846
|
"aria-disabled": e.disabled || void 0,
|
|
2847
2847
|
"aria-expanded": a.value || void 0,
|
|
2848
|
-
onMouseenter:
|
|
2849
|
-
onMouseleave:
|
|
2850
|
-
onFocus:
|
|
2851
|
-
onBlur:
|
|
2852
|
-
onKeydown: be(
|
|
2848
|
+
onMouseenter: C,
|
|
2849
|
+
onMouseleave: v,
|
|
2850
|
+
onFocus: C,
|
|
2851
|
+
onBlur: v,
|
|
2852
|
+
onKeydown: be(v, ["esc"])
|
|
2853
2853
|
}, [
|
|
2854
2854
|
Y(L.$slots, "default", {}, void 0, !0)
|
|
2855
2855
|
], 40, d2),
|
|
2856
2856
|
(f(), oe(Pe, { to: "body" }, [
|
|
2857
2857
|
P(Ee, { name: "tooltip-fade" }, {
|
|
2858
2858
|
default: te(() => [
|
|
2859
|
-
a.value ? (f(),
|
|
2859
|
+
a.value ? (f(), b("div", {
|
|
2860
2860
|
key: 0,
|
|
2861
2861
|
ref_key: "tooltipRef",
|
|
2862
2862
|
ref: l,
|
|
@@ -2868,7 +2868,7 @@ const c2 = (e) => {
|
|
|
2868
2868
|
"data-placement": n.placement,
|
|
2869
2869
|
style: Ie(r.value)
|
|
2870
2870
|
}, [
|
|
2871
|
-
|
|
2871
|
+
V[0] || (V[0] = $("div", { class: "tooltip-arrow" }, null, -1)),
|
|
2872
2872
|
Y(L.$slots, "content", {}, () => [
|
|
2873
2873
|
Me(K(e.content), 1)
|
|
2874
2874
|
], !0)
|
|
@@ -2917,18 +2917,18 @@ const C2 = {
|
|
|
2917
2917
|
role: l.value ? "button" : void 0,
|
|
2918
2918
|
onClick: r,
|
|
2919
2919
|
onKeydown: [
|
|
2920
|
-
c[0] || (c[0] = be(ve((
|
|
2921
|
-
c[1] || (c[1] = be(ve((
|
|
2920
|
+
c[0] || (c[0] = be(ve((C) => !e.disabled && o.value && r(C), ["prevent"]), ["enter"])),
|
|
2921
|
+
c[1] || (c[1] = be(ve((C) => !e.disabled && o.value && r(C), ["prevent"]), ["space"]))
|
|
2922
2922
|
]
|
|
2923
2923
|
}, {
|
|
2924
2924
|
default: te(() => [
|
|
2925
|
-
u.$slots.icon ? (f(),
|
|
2925
|
+
u.$slots.icon ? (f(), b("span", C2, [
|
|
2926
2926
|
Y(u.$slots, "icon", {}, void 0, !0)
|
|
2927
2927
|
])) : q("", !0),
|
|
2928
2928
|
$("span", h2, [
|
|
2929
2929
|
Y(u.$slots, "default", {}, void 0, !0)
|
|
2930
2930
|
]),
|
|
2931
|
-
e.removable ? (f(),
|
|
2931
|
+
e.removable ? (f(), b("button", {
|
|
2932
2932
|
key: 1,
|
|
2933
2933
|
class: "ui-tag__remove",
|
|
2934
2934
|
type: "button",
|
|
@@ -2961,7 +2961,7 @@ const C2 = {
|
|
|
2961
2961
|
}
|
|
2962
2962
|
a("click", i);
|
|
2963
2963
|
};
|
|
2964
|
-
return (i, l) => (f(),
|
|
2964
|
+
return (i, l) => (f(), b("a", {
|
|
2965
2965
|
class: "link",
|
|
2966
2966
|
href: e.disabled ? void 0 : e.href,
|
|
2967
2967
|
"aria-disabled": e.disabled ? "true" : void 0,
|
|
@@ -2980,41 +2980,41 @@ const C2 = {
|
|
|
2980
2980
|
let n = 0;
|
|
2981
2981
|
const t = M(!1), a = M(null), o = M({}), i = `dropdown-${he()}`, l = `${i}-menu`, r = `${i}-trigger`, s = () => t.value = !0, u = () => {
|
|
2982
2982
|
t.value = !1, o.value = {}, n = 0, a.value?.focus({ preventScroll: !0 });
|
|
2983
|
-
}, c = () => t.value = !t.value,
|
|
2983
|
+
}, c = () => t.value = !t.value, C = (k) => {
|
|
2984
2984
|
const R = `dropdown-item-${n++}`;
|
|
2985
|
-
return o.value[R] =
|
|
2986
|
-
},
|
|
2987
|
-
const R = o.value[
|
|
2985
|
+
return o.value[R] = k, R;
|
|
2986
|
+
}, v = (k) => {
|
|
2987
|
+
const R = o.value[k];
|
|
2988
2988
|
R && R.focus({ preventScroll: !0 });
|
|
2989
2989
|
}, m = () => {
|
|
2990
|
-
const
|
|
2991
|
-
|
|
2992
|
-
},
|
|
2993
|
-
const
|
|
2994
|
-
R &&
|
|
2995
|
-
}, L = (
|
|
2996
|
-
const R = Object.keys(o.value),
|
|
2997
|
-
|
|
2998
|
-
},
|
|
2999
|
-
const R = Object.keys(o.value),
|
|
3000
|
-
|
|
3001
|
-
}, I = (
|
|
2990
|
+
const k = Object.keys(o.value)[0];
|
|
2991
|
+
k && v(k);
|
|
2992
|
+
}, h = () => {
|
|
2993
|
+
const k = Object.keys(o.value), R = k[k.length - 1];
|
|
2994
|
+
R && v(R);
|
|
2995
|
+
}, L = (k) => {
|
|
2996
|
+
const R = Object.keys(o.value), g = I(k), _ = R[g + 1];
|
|
2997
|
+
g >= 0 && g < R.length - 1 && _ && v(_);
|
|
2998
|
+
}, V = (k) => {
|
|
2999
|
+
const R = Object.keys(o.value), g = I(k), _ = R[g - 1];
|
|
3000
|
+
g > 0 && _ && v(_);
|
|
3001
|
+
}, I = (k) => Object.keys(o.value).indexOf(k);
|
|
3002
3002
|
return He("DropdownContext", {
|
|
3003
3003
|
open: s,
|
|
3004
3004
|
close: u,
|
|
3005
3005
|
toggle: c,
|
|
3006
3006
|
isOpen: t,
|
|
3007
|
-
registerItem:
|
|
3008
|
-
focusItem:
|
|
3007
|
+
registerItem: C,
|
|
3008
|
+
focusItem: v,
|
|
3009
3009
|
focusNextItem: L,
|
|
3010
|
-
focusPrevItem:
|
|
3010
|
+
focusPrevItem: V,
|
|
3011
3011
|
focusFirstItem: m,
|
|
3012
|
-
focusLastItem:
|
|
3012
|
+
focusLastItem: h,
|
|
3013
3013
|
triggerRef: a,
|
|
3014
3014
|
menuId: l,
|
|
3015
3015
|
triggerId: r
|
|
3016
|
-
}), (
|
|
3017
|
-
Y(
|
|
3016
|
+
}), (k, R) => (f(), b("div", M2, [
|
|
3017
|
+
Y(k.$slots, "default", {}, void 0, !0)
|
|
3018
3018
|
]));
|
|
3019
3019
|
}
|
|
3020
3020
|
}), x2 = /* @__PURE__ */ W(L2, [["__scopeId", "data-v-3a863710"]]), $2 = /* @__PURE__ */ Z({
|
|
@@ -3057,49 +3057,38 @@ const C2 = {
|
|
|
3057
3057
|
if (!n) throw new Error("DropdownMenu must be used within a Dropdown");
|
|
3058
3058
|
const t = M(), a = M({});
|
|
3059
3059
|
let o = !1, i;
|
|
3060
|
-
const l = (
|
|
3061
|
-
const
|
|
3062
|
-
t.value?.contains(
|
|
3063
|
-
}, r = (
|
|
3064
|
-
const
|
|
3065
|
-
if (!
|
|
3066
|
-
const
|
|
3067
|
-
let
|
|
3068
|
-
window.innerHeight -
|
|
3069
|
-
"--dropdown-menu-position": "
|
|
3070
|
-
"--dropdown-menu-top": `${
|
|
3071
|
-
"--dropdown-menu-left": `${
|
|
3060
|
+
const l = (C) => {
|
|
3061
|
+
const v = C.target;
|
|
3062
|
+
t.value?.contains(v) || n.triggerRef.value?.contains(v) || n.close();
|
|
3063
|
+
}, r = (C) => C.key === "Escape" && n.close(), s = () => {
|
|
3064
|
+
const C = n.triggerRef.value, v = t.value;
|
|
3065
|
+
if (!C || !v) return;
|
|
3066
|
+
const m = C.getBoundingClientRect(), h = v.getBoundingClientRect();
|
|
3067
|
+
let L, V;
|
|
3068
|
+
window.innerHeight - m.bottom >= h.height ? L = m.bottom : L = m.top - h.height, window.innerWidth - m.left <= h.width ? V = m.right - h.width : V = m.left, a.value = {
|
|
3069
|
+
"--dropdown-menu-position": "fixed",
|
|
3070
|
+
"--dropdown-menu-top": `${L}px`,
|
|
3071
|
+
"--dropdown-menu-left": `${V}px`
|
|
3072
3072
|
};
|
|
3073
|
-
}, u = () => new Promise((
|
|
3074
|
-
const d = t.value;
|
|
3075
|
-
if (!d) return null;
|
|
3076
|
-
const m = d.style.visibility, C = d.style.pointerEvents;
|
|
3077
|
-
d.style.visibility = "hidden", d.style.pointerEvents = "none";
|
|
3078
|
-
const L = d.getBoundingClientRect();
|
|
3079
|
-
return d.style.visibility = m, d.style.pointerEvents = C, L;
|
|
3080
|
-
};
|
|
3073
|
+
}, u = () => new Promise((C) => requestAnimationFrame(() => C()));
|
|
3081
3074
|
ee(
|
|
3082
3075
|
() => n.isOpen.value,
|
|
3083
|
-
async (
|
|
3084
|
-
|
|
3085
|
-
if (await u(), await u(), !c()) return;
|
|
3086
|
-
s(), n.focusFirstItem(), document.addEventListener("pointerdown", l, !0);
|
|
3087
|
-
} else
|
|
3088
|
-
document.removeEventListener("pointerdown", l, !0);
|
|
3076
|
+
async (C) => {
|
|
3077
|
+
C ? (await u(), await u(), s(), n.focusFirstItem(), document.addEventListener("pointerdown", l, !0)) : document.removeEventListener("pointerdown", l, !0);
|
|
3089
3078
|
}
|
|
3090
3079
|
);
|
|
3091
|
-
const
|
|
3080
|
+
const c = () => {
|
|
3092
3081
|
n.isOpen.value && (o || (o = !0, requestAnimationFrame(() => {
|
|
3093
|
-
|
|
3082
|
+
s(), o = !1;
|
|
3094
3083
|
})));
|
|
3095
3084
|
};
|
|
3096
3085
|
return de(() => {
|
|
3097
3086
|
i = new ResizeObserver(() => {
|
|
3098
|
-
|
|
3099
|
-
}), t.value && i.observe(t.value), window.addEventListener("scroll",
|
|
3087
|
+
s();
|
|
3088
|
+
}), t.value && i.observe(t.value), window.addEventListener("scroll", c, !0), window.addEventListener("resize", c);
|
|
3100
3089
|
}), Ve(() => {
|
|
3101
|
-
i?.disconnect(), window.removeEventListener("scroll",
|
|
3102
|
-
}), (
|
|
3090
|
+
i?.disconnect(), window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
|
|
3091
|
+
}), (C, v) => E(n).isOpen.value ? (f(), b("div", {
|
|
3103
3092
|
key: 0,
|
|
3104
3093
|
role: "menu",
|
|
3105
3094
|
ref_key: "menuRef",
|
|
@@ -3111,17 +3100,17 @@ const C2 = {
|
|
|
3111
3100
|
class: "ui-dropdown-menu",
|
|
3112
3101
|
onKeydown: r
|
|
3113
3102
|
}, [
|
|
3114
|
-
Y(
|
|
3103
|
+
Y(C.$slots, "default", {}, void 0, !0)
|
|
3115
3104
|
], 44, H2)) : q("", !0);
|
|
3116
3105
|
}
|
|
3117
|
-
}), B2 = /* @__PURE__ */ W(V2, [["__scopeId", "data-v-
|
|
3106
|
+
}), B2 = /* @__PURE__ */ W(V2, [["__scopeId", "data-v-b201f36f"]]), R2 = { class: "ui-button-menu" }, A2 = /* @__PURE__ */ Z({
|
|
3118
3107
|
__name: "ButtonMenu",
|
|
3119
3108
|
props: {
|
|
3120
3109
|
variant: {}
|
|
3121
3110
|
},
|
|
3122
3111
|
emits: ["click"],
|
|
3123
3112
|
setup(e) {
|
|
3124
|
-
return (n, t) => (f(),
|
|
3113
|
+
return (n, t) => (f(), b("div", R2, [
|
|
3125
3114
|
P(Le, ye({
|
|
3126
3115
|
class: ["btn-menu-primary", e.variant]
|
|
3127
3116
|
}, n.$attrs, {
|
|
@@ -3208,7 +3197,7 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3208
3197
|
hintId: {}
|
|
3209
3198
|
},
|
|
3210
3199
|
setup(e) {
|
|
3211
|
-
return (n, t) => n.$slots.default ? (f(),
|
|
3200
|
+
return (n, t) => n.$slots.default ? (f(), b("p", {
|
|
3212
3201
|
key: 0,
|
|
3213
3202
|
id: e.hintId,
|
|
3214
3203
|
class: "visually-hidden"
|
|
@@ -3223,7 +3212,7 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3223
3212
|
isRequired: {}
|
|
3224
3213
|
},
|
|
3225
3214
|
setup(e) {
|
|
3226
|
-
return (n, t) => e.isRequired ? (f(),
|
|
3215
|
+
return (n, t) => e.isRequired ? (f(), b("p", {
|
|
3227
3216
|
key: 0,
|
|
3228
3217
|
id: `${e.baseId}-required-hint`,
|
|
3229
3218
|
class: "visually-hidden"
|
|
@@ -3237,7 +3226,7 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3237
3226
|
errorMessage: {}
|
|
3238
3227
|
},
|
|
3239
3228
|
setup(e) {
|
|
3240
|
-
return (n, t) => e.invalid && e.errorMessage ? (f(),
|
|
3229
|
+
return (n, t) => e.invalid && e.errorMessage ? (f(), b("p", {
|
|
3241
3230
|
key: 0,
|
|
3242
3231
|
id: e.errorId,
|
|
3243
3232
|
class: "error-text",
|
|
@@ -3263,10 +3252,10 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3263
3252
|
}),
|
|
3264
3253
|
emits: /* @__PURE__ */ ue(["focus", "blur"], ["update:modelValue"]),
|
|
3265
3254
|
setup(e, { emit: n }) {
|
|
3266
|
-
const t = ke(e, "modelValue"), a = e, o = n, i = lt(), l = M(null), r = he(), s = `${r}-error`, u = `${r}-hint`, c = Ke(i).value,
|
|
3255
|
+
const t = ke(e, "modelValue"), a = e, o = n, i = lt(), l = M(null), r = he(), s = `${r}-error`, u = `${r}-hint`, c = Ke(i).value, C = M(!1), v = M(""), m = M(!1), h = B(() => t.value !== null && t.value !== void 0 && t.value !== ""), L = B(() => c ? `${u} ${r}-required-hint` : u), V = B(() => a.invalid === !0 && a.errorMessage ? s : void 0), I = B(() => a.type === "password" ? m.value ? "text" : "password" : a.type), k = B(() => {
|
|
3267
3256
|
const { type: F, ...ne } = i;
|
|
3268
3257
|
return ne;
|
|
3269
|
-
}), R = B(() => a.currency ? t.value === null || t.value === void 0 || t.value === "" ? "" : J(
|
|
3258
|
+
}), R = B(() => a.currency ? t.value === null || t.value === void 0 || t.value === "" ? "" : J(v.value) : a.mask ? gt(String(t.value ?? ""), a.mask) : String(t.value ?? "")), g = B(() => a.mask ? Ne(a.mask).filter((F) => F.type !== "literal").length : 0), _ = B(() => a.currency ? new Intl.NumberFormat(a.locale ?? "en-US", {
|
|
3270
3259
|
style: "currency",
|
|
3271
3260
|
currency: a.currency
|
|
3272
3261
|
}) : null), O = B(() => ({
|
|
@@ -3295,19 +3284,19 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3295
3284
|
const ne = F.target;
|
|
3296
3285
|
if (a.currency) {
|
|
3297
3286
|
let T = le(ne.value);
|
|
3298
|
-
l.value?.inputType === "deleteContentBackward" && (T =
|
|
3299
|
-
const Q = J(
|
|
3300
|
-
ne.value = Q, t.value = Number(
|
|
3287
|
+
l.value?.inputType === "deleteContentBackward" && (T = v.value.slice(0, -1)), v.value = T;
|
|
3288
|
+
const Q = J(v.value);
|
|
3289
|
+
ne.value = Q, t.value = Number(v.value || "0") / 100, l.value = null;
|
|
3301
3290
|
return;
|
|
3302
3291
|
}
|
|
3303
3292
|
let S = a.mask ? D2(ne.value, a.mask) : ne.value;
|
|
3304
|
-
a.mask && (S = S.slice(0,
|
|
3293
|
+
a.mask && (S = S.slice(0, g.value));
|
|
3305
3294
|
const w = a.mask ? gt(S, a.mask) : S;
|
|
3306
3295
|
if (ne.value = w, t.value = a.type === "number" ? Number(S) : S, a.mask && l.value) {
|
|
3307
3296
|
let { rawCaret: T, inputType: Q } = l.value;
|
|
3308
3297
|
Q.startsWith("insert") && T++, Q === "deleteContentBackward" && (T = Math.max(0, T - 1));
|
|
3309
|
-
let
|
|
3310
|
-
|
|
3298
|
+
let d = T2(w, T);
|
|
3299
|
+
d = _2(a.mask, d, 1), ne.setSelectionRange(d, d);
|
|
3311
3300
|
}
|
|
3312
3301
|
l.value = null;
|
|
3313
3302
|
}, x = (F) => {
|
|
@@ -3317,21 +3306,21 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3317
3306
|
const w = Ne(a.mask);
|
|
3318
3307
|
for (; S > 0 && w[S - 1]?.type === "literal"; ) S--;
|
|
3319
3308
|
requestAnimationFrame(() => ne.setSelectionRange(S, S));
|
|
3320
|
-
},
|
|
3321
|
-
|
|
3309
|
+
}, H = (F) => {
|
|
3310
|
+
C.value = !0, o("focus", F);
|
|
3322
3311
|
}, z = (F) => {
|
|
3323
|
-
|
|
3312
|
+
C.value = !1, o("blur", F);
|
|
3324
3313
|
}, le = (F) => F.replace(/\D/g, "");
|
|
3325
3314
|
return ee(
|
|
3326
3315
|
() => t.value,
|
|
3327
3316
|
(F) => {
|
|
3328
3317
|
if (!a.currency) return;
|
|
3329
3318
|
const ne = Math.round(Number(F || 0) * 100);
|
|
3330
|
-
|
|
3319
|
+
v.value = String(ne);
|
|
3331
3320
|
},
|
|
3332
3321
|
{ immediate: !0 }
|
|
3333
|
-
), (F, ne) => (f(),
|
|
3334
|
-
class: fe(["input-box", { required: E(c), error: e.invalid, filled:
|
|
3322
|
+
), (F, ne) => (f(), b("div", {
|
|
3323
|
+
class: fe(["input-box", { required: E(c), error: e.invalid, filled: h.value, focused: C.value }])
|
|
3335
3324
|
}, [
|
|
3336
3325
|
$("label", {
|
|
3337
3326
|
for: e.id,
|
|
@@ -3340,17 +3329,17 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3340
3329
|
$("input", ye({
|
|
3341
3330
|
id: e.id,
|
|
3342
3331
|
type: I.value
|
|
3343
|
-
},
|
|
3332
|
+
}, k.value, {
|
|
3344
3333
|
class: O.value,
|
|
3345
3334
|
onBeforeinput: N,
|
|
3346
3335
|
onInput: A,
|
|
3347
|
-
onFocus:
|
|
3336
|
+
onFocus: H,
|
|
3348
3337
|
onBlur: z,
|
|
3349
3338
|
onKeydown: x,
|
|
3350
3339
|
value: R.value,
|
|
3351
3340
|
required: E(c),
|
|
3352
3341
|
"aria-invalid": e.invalid ? "true" : void 0,
|
|
3353
|
-
"aria-errormessage":
|
|
3342
|
+
"aria-errormessage": V.value,
|
|
3354
3343
|
"aria-describedby": E(st)(F.$props, F.$slots, s, L.value).value
|
|
3355
3344
|
}), null, 16, P2),
|
|
3356
3345
|
P(it, { hintId: u }, {
|
|
@@ -3404,7 +3393,7 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3404
3393
|
return ee(
|
|
3405
3394
|
() => n.src,
|
|
3406
3395
|
() => n.src && (t.value = "loading")
|
|
3407
|
-
), de(() => !n.src && (t.value = "error")), (s, u) => (f(),
|
|
3396
|
+
), de(() => !n.src && (t.value = "error")), (s, u) => (f(), b("div", {
|
|
3408
3397
|
class: "ui-avatar",
|
|
3409
3398
|
"data-size": e.size,
|
|
3410
3399
|
"data-shape": e.shape,
|
|
@@ -3418,7 +3407,7 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3418
3407
|
class: "ui-avatar__img",
|
|
3419
3408
|
onLoad: l,
|
|
3420
3409
|
onError: r
|
|
3421
|
-
}, null, 8, ["src", "alt"])) : t.value === "loading" ? (f(),
|
|
3410
|
+
}, null, 8, ["src", "alt"])) : t.value === "loading" ? (f(), b("div", j2)) : (f(), b("div", W2, [
|
|
3422
3411
|
Y(s.$slots, "default", {}, () => [
|
|
3423
3412
|
Me(K(o.value), 1)
|
|
3424
3413
|
], !0)
|
|
@@ -3443,7 +3432,7 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3443
3432
|
ee(i, (S) => {
|
|
3444
3433
|
S ? document.addEventListener("mousedown", F) : document.removeEventListener("mousedown", F);
|
|
3445
3434
|
});
|
|
3446
|
-
const l = lt(), r = M(!1), s = M(null), u = B(() => a.id ?? he()), c = `${u.value}-label`,
|
|
3435
|
+
const l = lt(), r = M(!1), s = M(null), u = B(() => a.id ?? he()), c = `${u.value}-label`, C = `${u.value}-listbox`, v = `${u.value}-error`, m = `${u.value}-hint`, h = `${u.value}-value`, L = M(null), V = M(null), I = B(() => t.value !== null && t.value !== void 0 && t.value !== ""), k = B(() => L.value !== null ? `${C}-option-${L.value}` : void 0), R = Ke(l).value, g = B(() => R ? `${m} ${u.value}-required-hint` : m), _ = B(() => i.value && k.value ? k.value : void 0), O = B(() => V.value !== null ? a.options[V.value]?.value : "");
|
|
3447
3436
|
ee(
|
|
3448
3437
|
() => t.value,
|
|
3449
3438
|
() => ne()
|
|
@@ -3461,14 +3450,14 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3461
3450
|
i.value = !i.value, i.value && t.value.toString().length > 0 && (L.value = L.value ?? a.options.findIndex((w) => !w.disabled)), !(!a.options || a.options.length === 0) && o("click", S);
|
|
3462
3451
|
}, A = (S, w) => {
|
|
3463
3452
|
const T = s.value;
|
|
3464
|
-
!T || S.disabled || (
|
|
3453
|
+
!T || S.disabled || (V.value = w, L.value = w, S && S.key && S.key.toString().length > 0 ? T.classList.add("filled") : T.classList.remove("filled"), t.value = S.key, o("change", S.key));
|
|
3465
3454
|
}, x = (S) => {
|
|
3466
3455
|
if (!i.value && ["ArrowDown", "ArrowUp"].includes(S.key)) {
|
|
3467
3456
|
i.value = !0, L.value = L.value ?? a.options.findIndex((w) => !w.disabled), S.preventDefault();
|
|
3468
3457
|
return;
|
|
3469
3458
|
}
|
|
3470
3459
|
if (i.value) {
|
|
3471
|
-
if (S.key === "ArrowDown" && (
|
|
3460
|
+
if (S.key === "ArrowDown" && (H(1), S.preventDefault()), S.key === "ArrowUp" && (H(-1), S.preventDefault()), S.key === "Home") {
|
|
3472
3461
|
const w = z();
|
|
3473
3462
|
w >= 0 && (L.value = w), S.preventDefault();
|
|
3474
3463
|
}
|
|
@@ -3484,7 +3473,7 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3484
3473
|
}
|
|
3485
3474
|
S.key === "Escape" && (i.value = !1);
|
|
3486
3475
|
}
|
|
3487
|
-
},
|
|
3476
|
+
}, H = (S) => {
|
|
3488
3477
|
if (L.value === null) return;
|
|
3489
3478
|
let w = L.value;
|
|
3490
3479
|
do
|
|
@@ -3501,7 +3490,7 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3501
3490
|
const ne = () => {
|
|
3502
3491
|
const S = a.options.findIndex((w) => !w.disabled && w.key === t.value);
|
|
3503
3492
|
if (S > -1) {
|
|
3504
|
-
|
|
3493
|
+
V.value = S, L.value = S;
|
|
3505
3494
|
const w = s.value;
|
|
3506
3495
|
w && w.classList.add("filled");
|
|
3507
3496
|
}
|
|
@@ -3511,7 +3500,7 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3511
3500
|
if (!a.options || a.options.length === 0) return;
|
|
3512
3501
|
ne();
|
|
3513
3502
|
}
|
|
3514
|
-
}), (S, w) => (f(),
|
|
3503
|
+
}), (S, w) => (f(), b("div", {
|
|
3515
3504
|
ref_key: "selectRef",
|
|
3516
3505
|
ref: s,
|
|
3517
3506
|
class: fe(["select-box", { required: Object.keys(S.$attrs).includes("required"), error: e.invalid, filled: I.value, focused: r.value }])
|
|
@@ -3524,11 +3513,11 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3524
3513
|
}, S.$attrs, {
|
|
3525
3514
|
"aria-haspopup": "listbox",
|
|
3526
3515
|
"aria-expanded": i.value,
|
|
3527
|
-
"aria-controls":
|
|
3516
|
+
"aria-controls": C,
|
|
3528
3517
|
"aria-invalid": e.invalid ? "true" : void 0,
|
|
3529
|
-
"aria-labelledby": `${c} ${
|
|
3518
|
+
"aria-labelledby": `${c} ${h}`,
|
|
3530
3519
|
"aria-required": E(R),
|
|
3531
|
-
"aria-describedby": E(st)(S.$props, S.$slots,
|
|
3520
|
+
"aria-describedby": E(st)(S.$props, S.$slots, v, g.value).value,
|
|
3532
3521
|
"aria-activedescendant": _.value,
|
|
3533
3522
|
"aria-disabled": E(l).disabled ? "true" : void 0,
|
|
3534
3523
|
onBlur: ae,
|
|
@@ -3542,7 +3531,7 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3542
3531
|
class: "label"
|
|
3543
3532
|
}, K(e.label), 1),
|
|
3544
3533
|
$("span", {
|
|
3545
|
-
id:
|
|
3534
|
+
id: h,
|
|
3546
3535
|
class: "selected-object",
|
|
3547
3536
|
"aria-live": "polite",
|
|
3548
3537
|
"aria-atomic": "true",
|
|
@@ -3556,18 +3545,18 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3556
3545
|
P(Ee, { name: "select" }, {
|
|
3557
3546
|
default: te(() => [
|
|
3558
3547
|
Ae($("ul", {
|
|
3559
|
-
id:
|
|
3548
|
+
id: C,
|
|
3560
3549
|
role: "listbox",
|
|
3561
3550
|
class: "options"
|
|
3562
3551
|
}, [
|
|
3563
|
-
(f(!0),
|
|
3564
|
-
id: `${
|
|
3552
|
+
(f(!0), b(ce, null, Ce(e.options, (T, Q) => (f(), b("li", {
|
|
3553
|
+
id: `${C}-option-${Q}`,
|
|
3565
3554
|
key: Q,
|
|
3566
3555
|
role: "option",
|
|
3567
3556
|
class: fe(["option", { "focus-visible": L.value === Q }]),
|
|
3568
3557
|
"aria-disabled": T.disabled,
|
|
3569
|
-
"aria-selected":
|
|
3570
|
-
onClick: (
|
|
3558
|
+
"aria-selected": V.value === Q,
|
|
3559
|
+
onClick: (d) => !T.disabled && A(T, Q)
|
|
3571
3560
|
}, [
|
|
3572
3561
|
$("div", {
|
|
3573
3562
|
class: "option-value",
|
|
@@ -3591,7 +3580,7 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3591
3580
|
isRequired: E(R)
|
|
3592
3581
|
}, null, 8, ["baseId", "isRequired"]),
|
|
3593
3582
|
P(ct, {
|
|
3594
|
-
errorId:
|
|
3583
|
+
errorId: v,
|
|
3595
3584
|
invalid: e.invalid,
|
|
3596
3585
|
errorMessage: e.errorMessage
|
|
3597
3586
|
}, null, 8, ["invalid", "errorMessage"])
|
|
@@ -3621,11 +3610,11 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3621
3610
|
}),
|
|
3622
3611
|
emits: /* @__PURE__ */ ue(["change"], ["update:modelValue"]),
|
|
3623
3612
|
setup(e, { emit: n }) {
|
|
3624
|
-
const t = ke(e, "modelValue"), a = e, o = n, i = M([]), l = M("next"), r = M(null), s = `gallery-caption-${he()}`, u = M(null), c = B(() => t.value),
|
|
3625
|
-
|
|
3626
|
-
}, m = (
|
|
3627
|
-
|
|
3628
|
-
},
|
|
3613
|
+
const t = ke(e, "modelValue"), a = e, o = n, i = M([]), l = M("next"), r = M(null), s = `gallery-caption-${he()}`, u = M(null), c = B(() => t.value), C = B(() => a.images[c.value]), v = (k, R) => {
|
|
3614
|
+
k && (i.value[R] = k);
|
|
3615
|
+
}, m = (k) => {
|
|
3616
|
+
k !== c.value && (l.value = k > c.value ? "next" : "prev", t.value = k, o("change", k));
|
|
3617
|
+
}, h = () => {
|
|
3629
3618
|
if (c.value === a.images.length - 1) {
|
|
3630
3619
|
a.loop && m(0);
|
|
3631
3620
|
return;
|
|
@@ -3637,14 +3626,14 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3637
3626
|
return;
|
|
3638
3627
|
}
|
|
3639
3628
|
m(c.value - 1);
|
|
3640
|
-
},
|
|
3629
|
+
}, V = () => {
|
|
3641
3630
|
u.value && (r.value = u.value.offsetHeight);
|
|
3642
3631
|
}, I = () => {
|
|
3643
3632
|
r.value = null;
|
|
3644
3633
|
};
|
|
3645
|
-
return ee(c, async (
|
|
3634
|
+
return ee(c, async (k) => {
|
|
3646
3635
|
await $e();
|
|
3647
|
-
const R = i.value[
|
|
3636
|
+
const R = i.value[k];
|
|
3648
3637
|
R && R.scrollIntoView({
|
|
3649
3638
|
behavior: window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "auto" : "smooth",
|
|
3650
3639
|
inline: "center",
|
|
@@ -3652,7 +3641,7 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3652
3641
|
});
|
|
3653
3642
|
}), ee(() => a.images, () => {
|
|
3654
3643
|
i.value = [];
|
|
3655
|
-
}), (
|
|
3644
|
+
}), (k, R) => (f(), b("div", {
|
|
3656
3645
|
role: "region",
|
|
3657
3646
|
class: "rs-gallery",
|
|
3658
3647
|
"aria-roledescription": "carousel",
|
|
@@ -3668,40 +3657,40 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3668
3657
|
style: Ie(r.value ? { height: `${r.value}px` } : void 0),
|
|
3669
3658
|
onKeydown: [
|
|
3670
3659
|
be(ve(L, ["prevent"]), ["left"]),
|
|
3671
|
-
be(ve(
|
|
3660
|
+
be(ve(h, ["prevent"]), ["right"])
|
|
3672
3661
|
]
|
|
3673
3662
|
}, [
|
|
3674
3663
|
P(Ee, {
|
|
3675
3664
|
name: `rs-gallery-slide-${l.value}`,
|
|
3676
3665
|
mode: "out-in",
|
|
3677
|
-
onBeforeLeave:
|
|
3666
|
+
onBeforeLeave: V,
|
|
3678
3667
|
onAfterEnter: I
|
|
3679
3668
|
}, {
|
|
3680
3669
|
default: te(() => [
|
|
3681
|
-
|
|
3682
|
-
key:
|
|
3683
|
-
src:
|
|
3684
|
-
alt:
|
|
3670
|
+
C.value ? (f(), oe(Te, {
|
|
3671
|
+
key: C.value.src,
|
|
3672
|
+
src: C.value.src,
|
|
3673
|
+
alt: C.value.alt || "",
|
|
3685
3674
|
transform: e.transform
|
|
3686
3675
|
}, null, 8, ["src", "alt", "transform"])) : q("", !0)
|
|
3687
3676
|
]),
|
|
3688
3677
|
_: 1
|
|
3689
3678
|
}, 8, ["name"]),
|
|
3690
|
-
Y(
|
|
3691
|
-
image:
|
|
3679
|
+
Y(k.$slots, "overlay", {
|
|
3680
|
+
image: C.value,
|
|
3692
3681
|
index: c.value
|
|
3693
3682
|
}, void 0, !0)
|
|
3694
3683
|
], 44, an),
|
|
3695
|
-
|
|
3684
|
+
C.value?.title ? (f(), b("p", {
|
|
3696
3685
|
key: 0,
|
|
3697
3686
|
id: s,
|
|
3698
3687
|
class: "rs-gallery-caption"
|
|
3699
|
-
}, K(
|
|
3700
|
-
e.showThumbnails ? (f(),
|
|
3701
|
-
(f(!0),
|
|
3702
|
-
key:
|
|
3688
|
+
}, K(C.value.title), 1)) : q("", !0),
|
|
3689
|
+
e.showThumbnails ? (f(), b("ul", nn, [
|
|
3690
|
+
(f(!0), b(ce, null, Ce(e.images, (g, _) => (f(), b("li", {
|
|
3691
|
+
key: g.src,
|
|
3703
3692
|
ref_for: !0,
|
|
3704
|
-
ref: (O) =>
|
|
3693
|
+
ref: (O) => v(O, _),
|
|
3705
3694
|
"aria-selected": c.value === _
|
|
3706
3695
|
}, [
|
|
3707
3696
|
$("button", {
|
|
@@ -3710,7 +3699,7 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3710
3699
|
onClick: (O) => m(_)
|
|
3711
3700
|
}, [
|
|
3712
3701
|
P(Te, {
|
|
3713
|
-
src:
|
|
3702
|
+
src: g.src,
|
|
3714
3703
|
alt: `Select image ${_ + 1}`,
|
|
3715
3704
|
transform: e.transformThumbnails
|
|
3716
3705
|
}, null, 8, ["src", "alt", "transform"])
|
|
@@ -3734,13 +3723,13 @@ const Ne = (e) => [...e].map((n) => n === "9" ? { type: "digit" } : n === "A" ?
|
|
|
3734
3723
|
},
|
|
3735
3724
|
emits: ["change"],
|
|
3736
3725
|
setup(e) {
|
|
3737
|
-
return (n, t) => (f(),
|
|
3726
|
+
return (n, t) => (f(), b("div", {
|
|
3738
3727
|
class: "rs-gallery-grid",
|
|
3739
3728
|
style: Ie({ "--grid-columns": e.columns, "--grid-gap": e.gap }),
|
|
3740
3729
|
role: "list",
|
|
3741
3730
|
"aria-label": e.ariaLabel || "Image grid gallery"
|
|
3742
3731
|
}, [
|
|
3743
|
-
(f(!0),
|
|
3732
|
+
(f(!0), b(ce, null, Ce(e.images, (a, o) => (f(), b("button", {
|
|
3744
3733
|
key: a.src,
|
|
3745
3734
|
type: "button",
|
|
3746
3735
|
class: "grid-item",
|
|
@@ -3773,8 +3762,8 @@ const nt = Z({
|
|
|
3773
3762
|
emits: ["update:open", "opened", "closed"],
|
|
3774
3763
|
setup(e, { emit: n, slots: t }) {
|
|
3775
3764
|
const a = M(!1), o = M(e.open), i = he(), l = `modal-title-${i}`, r = `modal-desc-${i}`;
|
|
3776
|
-
ee(() => e.open, (
|
|
3777
|
-
n("update:open",
|
|
3765
|
+
ee(() => e.open, (C) => o.value = C), ee(o, (C) => {
|
|
3766
|
+
n("update:open", C), n(C ? "opened" : "closed");
|
|
3778
3767
|
});
|
|
3779
3768
|
const s = () => o.value = !1, u = B(() => e.motion), c = B(() => e.size);
|
|
3780
3769
|
return He(Ue, {
|
|
@@ -3795,25 +3784,25 @@ const nt = Z({
|
|
|
3795
3784
|
if (!t) throw new Error("ModalContent components must be used inside <Modal>");
|
|
3796
3785
|
const a = M(null);
|
|
3797
3786
|
let o = 0;
|
|
3798
|
-
const i = (
|
|
3799
|
-
|
|
3787
|
+
const i = (C) => {
|
|
3788
|
+
C.key === "Escape" && o === et && t.close();
|
|
3800
3789
|
};
|
|
3801
3790
|
let l = !1, r = null;
|
|
3802
|
-
const s = (
|
|
3803
|
-
const
|
|
3804
|
-
|
|
3791
|
+
const s = (C) => {
|
|
3792
|
+
const v = Array.from(
|
|
3793
|
+
C.querySelectorAll(
|
|
3805
3794
|
'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
|
|
3806
3795
|
)
|
|
3807
|
-
).filter((
|
|
3808
|
-
if (
|
|
3809
|
-
|
|
3796
|
+
).filter((V) => !V.hasAttribute("disabled"));
|
|
3797
|
+
if (v.length === 0) {
|
|
3798
|
+
C.setAttribute("tabindex", "-1"), C.focus();
|
|
3810
3799
|
return;
|
|
3811
3800
|
}
|
|
3812
|
-
const m =
|
|
3813
|
-
|
|
3801
|
+
const m = v[0], h = v[v.length - 1], L = (V) => {
|
|
3802
|
+
V.key === "Tab" && (V.shiftKey && document.activeElement === m ? (V.preventDefault(), h?.focus()) : !V.shiftKey && document.activeElement === h && (V.preventDefault(), m?.focus()));
|
|
3814
3803
|
};
|
|
3815
|
-
|
|
3816
|
-
|
|
3804
|
+
C.addEventListener("keydown", L), m?.focus(), r = () => {
|
|
3805
|
+
C.removeEventListener("keydown", L), r = null;
|
|
3817
3806
|
};
|
|
3818
3807
|
}, u = () => {
|
|
3819
3808
|
++Oe === 1 && (document.body.style.overflow = "hidden");
|
|
@@ -3845,12 +3834,12 @@ const nt = Z({
|
|
|
3845
3834
|
"div",
|
|
3846
3835
|
{
|
|
3847
3836
|
class: "modal-overlay",
|
|
3848
|
-
onMousedown: (
|
|
3849
|
-
l =
|
|
3837
|
+
onMousedown: (C) => {
|
|
3838
|
+
l = C.target === C.currentTarget;
|
|
3850
3839
|
},
|
|
3851
|
-
onMouseup: (
|
|
3852
|
-
const
|
|
3853
|
-
t.closeOnOverlay && l &&
|
|
3840
|
+
onMouseup: (C) => {
|
|
3841
|
+
const v = C.target === C.currentTarget;
|
|
3842
|
+
t.closeOnOverlay && l && v && t.close(), l = !1;
|
|
3854
3843
|
}
|
|
3855
3844
|
},
|
|
3856
3845
|
j(
|
|
@@ -3862,7 +3851,7 @@ const nt = Z({
|
|
|
3862
3851
|
"aria-labelledby": t.labelId,
|
|
3863
3852
|
"aria-describedby": t.descriptionId,
|
|
3864
3853
|
class: ["modal-content", `modal--${t.size.value}`],
|
|
3865
|
-
onClick: (
|
|
3854
|
+
onClick: (C) => C.stopPropagation()
|
|
3866
3855
|
},
|
|
3867
3856
|
n.default?.()
|
|
3868
3857
|
)
|
|
@@ -3933,7 +3922,7 @@ const dn = /* @__PURE__ */ Z({
|
|
|
3933
3922
|
const n = M(0), t = M(!1), a = (i) => {
|
|
3934
3923
|
n.value = i, t.value = !0;
|
|
3935
3924
|
}, o = () => t.value = !1;
|
|
3936
|
-
return (i, l) => (f(),
|
|
3925
|
+
return (i, l) => (f(), b(ce, null, [
|
|
3937
3926
|
P(Ht, {
|
|
3938
3927
|
images: e.images,
|
|
3939
3928
|
onChange: a,
|
|
@@ -3997,8 +3986,8 @@ const dn = /* @__PURE__ */ Z({
|
|
|
3997
3986
|
gap: { default: "1rem" }
|
|
3998
3987
|
},
|
|
3999
3988
|
setup(e) {
|
|
4000
|
-
return (n, t) => (f(),
|
|
4001
|
-
(f(!0),
|
|
3989
|
+
return (n, t) => (f(), b("div", vn, [
|
|
3990
|
+
(f(!0), b(ce, null, Ce(e.images, (a) => (f(), b("button", {
|
|
4002
3991
|
key: a.src,
|
|
4003
3992
|
class: "masonry-item"
|
|
4004
3993
|
}, [
|
|
@@ -4041,7 +4030,7 @@ const dn = /* @__PURE__ */ Z({
|
|
|
4041
4030
|
t.value = l, a("change", l);
|
|
4042
4031
|
}
|
|
4043
4032
|
}), i = (l) => o.value = l;
|
|
4044
|
-
return (l, r) => (f(),
|
|
4033
|
+
return (l, r) => (f(), b("section", mn, [
|
|
4045
4034
|
e.layout === "carousel" ? (f(), oe(It, {
|
|
4046
4035
|
key: 0,
|
|
4047
4036
|
modelValue: o.value,
|
|
@@ -4106,7 +4095,7 @@ const hn = ["aria-busy"], gn = {
|
|
|
4106
4095
|
(r, s) => {
|
|
4107
4096
|
r !== s && (o.value = r || "", l());
|
|
4108
4097
|
}
|
|
4109
|
-
), de(i), Ve(l), (r, s) => (f(),
|
|
4098
|
+
), de(i), Ve(l), (r, s) => (f(), b("div", {
|
|
4110
4099
|
class: "spinner-container",
|
|
4111
4100
|
role: "status",
|
|
4112
4101
|
"aria-live": "polite",
|
|
@@ -4116,7 +4105,7 @@ const hn = ["aria-busy"], gn = {
|
|
|
4116
4105
|
class: "spinner",
|
|
4117
4106
|
"aria-hidden": "true"
|
|
4118
4107
|
}, null, -1)),
|
|
4119
|
-
e.message ? (f(),
|
|
4108
|
+
e.message ? (f(), b("span", gn, K(o.value), 1)) : q("", !0),
|
|
4120
4109
|
$("span", yn, K(e.message || "Loading"), 1)
|
|
4121
4110
|
], 8, hn));
|
|
4122
4111
|
}
|
|
@@ -4147,22 +4136,22 @@ const hn = ["aria-busy"], gn = {
|
|
|
4147
4136
|
const t = n, a = ke(e, "modelValue"), o = e, i = he(), l = B(() => o.id ?? `checkbox-${i}`), r = M(null), s = E2(o).value, u = B(() => o.required ? !0 : void 0), c = B(() => o.triState && a.value === void 0 ? "mixed" : void 0);
|
|
4148
4137
|
ee(
|
|
4149
4138
|
() => a.value,
|
|
4150
|
-
(
|
|
4151
|
-
r.value && (r.value.indeterminate =
|
|
4139
|
+
(v) => {
|
|
4140
|
+
r.value && (r.value.indeterminate = v === void 0, r.value.checked = v === !0);
|
|
4152
4141
|
},
|
|
4153
4142
|
{ immediate: !0 }
|
|
4154
4143
|
);
|
|
4155
|
-
const
|
|
4144
|
+
const C = (v) => {
|
|
4156
4145
|
if (!o.disabled) {
|
|
4157
4146
|
if (!o.triState) {
|
|
4158
|
-
const m =
|
|
4147
|
+
const m = v.target.checked;
|
|
4159
4148
|
a.value = m, t("change", a.value);
|
|
4160
4149
|
return;
|
|
4161
4150
|
}
|
|
4162
4151
|
a.value === !1 ? a.value = !0 : a.value === !0 ? a.value = void 0 : a.value = !1, t("change", a.value);
|
|
4163
4152
|
}
|
|
4164
4153
|
};
|
|
4165
|
-
return (
|
|
4154
|
+
return (v, m) => (f(), b("label", {
|
|
4166
4155
|
class: fe(["checkbox-root", { required: u.value, error: e.invalid }])
|
|
4167
4156
|
}, [
|
|
4168
4157
|
$("input", {
|
|
@@ -4175,18 +4164,18 @@ const hn = ["aria-busy"], gn = {
|
|
|
4175
4164
|
"aria-invalid": e.invalid ? "true" : void 0,
|
|
4176
4165
|
"aria-disabled": E(s),
|
|
4177
4166
|
"aria-checked": c.value,
|
|
4178
|
-
onClick: m[0] || (m[0] = (
|
|
4179
|
-
onChange: m[1] || (m[1] = (
|
|
4167
|
+
onClick: m[0] || (m[0] = (h) => e.triState ? C(h) : void 0),
|
|
4168
|
+
onChange: m[1] || (m[1] = (h) => e.triState ? void 0 : C(h)),
|
|
4180
4169
|
ref_key: "inputRef",
|
|
4181
4170
|
ref: r
|
|
4182
4171
|
}, null, 40, kn),
|
|
4183
4172
|
$("span", wn, [
|
|
4184
|
-
a.value === !0 ? (f(),
|
|
4173
|
+
a.value === !0 ? (f(), b("svg", Mn, [...m[2] || (m[2] = [
|
|
4185
4174
|
$("path", {
|
|
4186
4175
|
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",
|
|
4187
4176
|
fill: "currentColor"
|
|
4188
4177
|
}, null, -1)
|
|
4189
|
-
])])) : a.value === void 0 ? (f(),
|
|
4178
|
+
])])) : a.value === void 0 ? (f(), b("svg", Ln, [...m[3] || (m[3] = [
|
|
4190
4179
|
$("path", {
|
|
4191
4180
|
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",
|
|
4192
4181
|
fill: "currentColor"
|
|
@@ -4194,7 +4183,7 @@ const hn = ["aria-busy"], gn = {
|
|
|
4194
4183
|
])])) : q("", !0)
|
|
4195
4184
|
]),
|
|
4196
4185
|
$("span", xn, [
|
|
4197
|
-
Y(
|
|
4186
|
+
Y(v.$slots, "default", {}, void 0, !0)
|
|
4198
4187
|
])
|
|
4199
4188
|
], 2));
|
|
4200
4189
|
}
|
|
@@ -4214,15 +4203,15 @@ const hn = ["aria-busy"], gn = {
|
|
|
4214
4203
|
}),
|
|
4215
4204
|
emits: /* @__PURE__ */ ue(["focus", "blur"], ["update:modelValue"]),
|
|
4216
4205
|
setup(e, { emit: n }) {
|
|
4217
|
-
const t = ke(e, "modelValue"), a = lt(), o = rt(), i = n, l = e, r = M(null), s = M(null), u = he(), c = `${u}-error`,
|
|
4206
|
+
const t = ke(e, "modelValue"), a = lt(), o = rt(), i = n, l = e, r = M(null), s = M(null), u = he(), c = `${u}-error`, C = `${u}-hint`, v = Ke(a).value, m = B(() => v ? `${C} ${u}-required-hint` : C), h = st(l, o, c, m.value).value, L = (I) => {
|
|
4218
4207
|
at(r.value, s.value);
|
|
4219
|
-
const
|
|
4220
|
-
t.value = l.type === "number" ? Number(
|
|
4221
|
-
},
|
|
4208
|
+
const k = I.target;
|
|
4209
|
+
t.value = l.type === "number" ? Number(k.value) : k.value;
|
|
4210
|
+
}, V = B(() => l.invalid === !0 && l.errorMessage ? c : void 0);
|
|
4222
4211
|
return de(() => {
|
|
4223
4212
|
at(r.value, s.value);
|
|
4224
|
-
}), (I,
|
|
4225
|
-
class: fe(["textarea-box", { required: E(
|
|
4213
|
+
}), (I, k) => (f(), b("div", {
|
|
4214
|
+
class: fe(["textarea-box", { required: E(v), error: e.invalid }]),
|
|
4226
4215
|
ref_key: "inputBoxRef",
|
|
4227
4216
|
ref: s
|
|
4228
4217
|
}, [
|
|
@@ -4232,18 +4221,18 @@ const hn = ["aria-busy"], gn = {
|
|
|
4232
4221
|
}, K(e.label), 9, In),
|
|
4233
4222
|
$("textarea", ye({ id: e.id }, I.$attrs, {
|
|
4234
4223
|
class: "custom-textarea",
|
|
4235
|
-
onFocus:
|
|
4236
|
-
onBlur:
|
|
4224
|
+
onFocus: k[0] || (k[0] = (R) => E(Z2)(R, s.value, i)),
|
|
4225
|
+
onBlur: k[1] || (k[1] = (R) => E(z2)(R, r.value, s.value, i)),
|
|
4237
4226
|
onInput: L,
|
|
4238
4227
|
value: t.value,
|
|
4239
|
-
required: E(
|
|
4228
|
+
required: E(v),
|
|
4240
4229
|
"aria-invalid": e.invalid ? "true" : void 0,
|
|
4241
|
-
"aria-errormessage":
|
|
4242
|
-
"aria-describedby": E(
|
|
4230
|
+
"aria-errormessage": V.value,
|
|
4231
|
+
"aria-describedby": E(h),
|
|
4243
4232
|
ref_key: "textareaRef",
|
|
4244
4233
|
ref: r
|
|
4245
4234
|
}), " ", 16, Hn),
|
|
4246
|
-
P(it, { hintId:
|
|
4235
|
+
P(it, { hintId: C }, {
|
|
4247
4236
|
default: te(() => [
|
|
4248
4237
|
Y(I.$slots, "hint", {}, void 0, !0)
|
|
4249
4238
|
]),
|
|
@@ -4251,7 +4240,7 @@ const hn = ["aria-busy"], gn = {
|
|
|
4251
4240
|
}),
|
|
4252
4241
|
P(ut, {
|
|
4253
4242
|
baseId: E(u),
|
|
4254
|
-
isRequired: E(
|
|
4243
|
+
isRequired: E(v)
|
|
4255
4244
|
}, null, 8, ["baseId", "isRequired"]),
|
|
4256
4245
|
P(ct, {
|
|
4257
4246
|
errorId: c,
|
|
@@ -4273,8 +4262,8 @@ const hn = ["aria-busy"], gn = {
|
|
|
4273
4262
|
let r = 0;
|
|
4274
4263
|
return t.replace(i, (s, u) => (u > r && l.push({ text: t.slice(r, u), match: !1 }), l.push({ text: s, match: !0 }), r = u + s.length, s)), r < t.length && l.push({ text: t.slice(r), match: !1 }), l;
|
|
4275
4264
|
};
|
|
4276
|
-
return (t, a) => (f(!0),
|
|
4277
|
-
o.match ? (f(),
|
|
4265
|
+
return (t, a) => (f(!0), b(ce, null, Ce(n(e.text, e.query), (o, i) => (f(), b(ce, { key: i }, [
|
|
4266
|
+
o.match ? (f(), b("mark", Bn, K(o.text), 1)) : (f(), b("span", Rn, K(o.text), 1))
|
|
4278
4267
|
], 64))), 128));
|
|
4279
4268
|
}
|
|
4280
4269
|
}), Dn = /* @__PURE__ */ W(An, [["__scopeId", "data-v-edfa70b3"]]), Sn = [
|
|
@@ -4315,7 +4304,7 @@ const hn = ["aria-busy"], gn = {
|
|
|
4315
4304
|
},
|
|
4316
4305
|
emits: ["valid"],
|
|
4317
4306
|
setup(e, { emit: n }) {
|
|
4318
|
-
const t = e, a = n, o = M([]), i = M(null), l = M(null), r = (m,
|
|
4307
|
+
const t = e, a = n, o = M([]), i = M(null), l = M(null), r = (m, h) => m && (o.value[h] = m);
|
|
4319
4308
|
ee(
|
|
4320
4309
|
() => t.password,
|
|
4321
4310
|
() => {
|
|
@@ -4330,42 +4319,42 @@ const hn = ["aria-busy"], gn = {
|
|
|
4330
4319
|
const s = {
|
|
4331
4320
|
"--strength-fill-color": t.strengthFillColor
|
|
4332
4321
|
}, u = () => {
|
|
4333
|
-
const m = c(),
|
|
4334
|
-
return m &&
|
|
4322
|
+
const m = c(), h = Object.values(C()).every(Boolean);
|
|
4323
|
+
return m && h;
|
|
4335
4324
|
}, c = () => {
|
|
4336
|
-
const m =
|
|
4337
|
-
return i.value && (i.value.style.width = `${
|
|
4338
|
-
},
|
|
4339
|
-
const m =
|
|
4340
|
-
return o.value.forEach((
|
|
4341
|
-
const L =
|
|
4342
|
-
|
|
4325
|
+
const m = C(), h = Object.values(m).filter(Boolean).length, L = t.password.length >= 12 ? 1 : 0, V = Math.min(100, (h + L) * 20), I = Math.min(t.labels.length - 1, Math.floor(V / 25));
|
|
4326
|
+
return i.value && (i.value.style.width = `${V}%`), l.value && (l.value.textContent = t.labels[I] ?? "Very weak"), h === t.rules.length;
|
|
4327
|
+
}, C = () => {
|
|
4328
|
+
const m = v();
|
|
4329
|
+
return o.value.forEach((h) => {
|
|
4330
|
+
const L = h.dataset.rule, V = !!m[L];
|
|
4331
|
+
h.classList.toggle("passed", V);
|
|
4343
4332
|
}), m;
|
|
4344
|
-
},
|
|
4333
|
+
}, v = () => {
|
|
4345
4334
|
const m = {};
|
|
4346
|
-
return t.rules.forEach((
|
|
4347
|
-
m[
|
|
4335
|
+
return t.rules.forEach((h) => {
|
|
4336
|
+
m[h.key] = h.validator(
|
|
4348
4337
|
t.password,
|
|
4349
4338
|
t.passwordConfirmation
|
|
4350
4339
|
);
|
|
4351
4340
|
}), m;
|
|
4352
4341
|
};
|
|
4353
|
-
return (m,
|
|
4342
|
+
return (m, h) => (f(), b("section", Tn, [
|
|
4354
4343
|
$("ul", _n, [
|
|
4355
|
-
(f(!0),
|
|
4344
|
+
(f(!0), b(ce, null, Ce(t.rules, (L, V) => (f(), b("li", {
|
|
4356
4345
|
key: L.key,
|
|
4357
4346
|
class: "password-rule",
|
|
4358
4347
|
"data-rule": L.key,
|
|
4359
4348
|
ref_for: !0,
|
|
4360
|
-
ref: (I) => r(I,
|
|
4349
|
+
ref: (I) => r(I, V)
|
|
4361
4350
|
}, [
|
|
4362
|
-
|
|
4351
|
+
h[0] || (h[0] = $("span", { class: "rule-icon" }, "•", -1)),
|
|
4363
4352
|
Me(" " + K(L.label), 1)
|
|
4364
4353
|
], 8, En))), 128))
|
|
4365
4354
|
]),
|
|
4366
4355
|
$("div", Zn, [
|
|
4367
4356
|
$("div", zn, [
|
|
4368
|
-
|
|
4357
|
+
h[1] || (h[1] = $("span", null, "Força da senha", -1)),
|
|
4369
4358
|
$("span", {
|
|
4370
4359
|
ref_key: "strengthLabelRef",
|
|
4371
4360
|
ref: l
|
|
@@ -4408,9 +4397,9 @@ const qn = {
|
|
|
4408
4397
|
rel: r.external ? "noopener noreferrer" : void 0,
|
|
4409
4398
|
"aria-label": r.external ? `${r.label} (opens in a new tab)` : void 0
|
|
4410
4399
|
} : {};
|
|
4411
|
-
return (r, s) => (f(),
|
|
4400
|
+
return (r, s) => (f(), b("nav", qn, [
|
|
4412
4401
|
$("ol", Nn, [
|
|
4413
|
-
(f(!0),
|
|
4402
|
+
(f(!0), b(ce, null, Ce(e.items, (u, c) => (f(), b("li", {
|
|
4414
4403
|
key: u.to ?? u.href ?? `${u.label}-${c}`,
|
|
4415
4404
|
class: "ui-breadcrumb__item"
|
|
4416
4405
|
}, [
|
|
@@ -4425,7 +4414,7 @@ const qn = {
|
|
|
4425
4414
|
]),
|
|
4426
4415
|
_: 2
|
|
4427
4416
|
}, 1040, ["aria-posinset", "aria-setsize", "aria-current", "tabindex"])),
|
|
4428
|
-
a(c) ? q("", !0) : (f(),
|
|
4417
|
+
a(c) ? q("", !0) : (f(), b("span", Fn, [
|
|
4429
4418
|
Y(r.$slots, "separator", {}, () => [
|
|
4430
4419
|
Me(K(e.separator), 1)
|
|
4431
4420
|
], !0)
|
|
@@ -4457,14 +4446,14 @@ const qn = {
|
|
|
4457
4446
|
emits: ["update:modelValue"],
|
|
4458
4447
|
setup(e) {
|
|
4459
4448
|
const n = e, t = ke(e, "modelValue"), a = B(() => n.invalid ? "true" : void 0), o = B(() => n.required && !n.disabled ? "true" : void 0), i = B(() => n.disabled ? !0 : void 0);
|
|
4460
|
-
return (l, r) => (f(),
|
|
4449
|
+
return (l, r) => (f(), b("fieldset", {
|
|
4461
4450
|
class: fe(["radio-group", { "in-column": e.inColumn, btn: e.mode === "button" }]),
|
|
4462
4451
|
"aria-invalid": a.value,
|
|
4463
4452
|
"aria-required": o.value,
|
|
4464
4453
|
disabled: i.value
|
|
4465
4454
|
}, [
|
|
4466
4455
|
$("legend", Un, K(e.name), 1),
|
|
4467
|
-
(f(!0),
|
|
4456
|
+
(f(!0), b(ce, null, Ce(e.options, (s) => (f(), b("label", {
|
|
4468
4457
|
key: s.key,
|
|
4469
4458
|
class: fe(["radio", { checked: t.value === s.key, disabled: e.disabled || s.disabled }])
|
|
4470
4459
|
}, [
|
|
@@ -4479,7 +4468,7 @@ const qn = {
|
|
|
4479
4468
|
}, null, 8, jn), [
|
|
4480
4469
|
[Et, t.value]
|
|
4481
4470
|
]),
|
|
4482
|
-
e.mode === "standard" ? (f(),
|
|
4471
|
+
e.mode === "standard" ? (f(), b("span", Wn)) : q("", !0),
|
|
4483
4472
|
$("span", Yn, [
|
|
4484
4473
|
s.icon ? (f(), oe(me, {
|
|
4485
4474
|
key: 0,
|
|
@@ -4533,13 +4522,13 @@ const qn = {
|
|
|
4533
4522
|
}),
|
|
4534
4523
|
emits: /* @__PURE__ */ ue(["change", "select", "focus", "blur"], ["update:modelValue"]),
|
|
4535
4524
|
setup(e, { emit: n }) {
|
|
4536
|
-
const t = e, a = n, o = ke(e, "modelValue"), i = M(null), l = M(""), r = M(!1), s = M([]), u = M(null), c = M(null),
|
|
4525
|
+
const t = e, a = n, o = ke(e, "modelValue"), i = M(null), l = M(""), r = M(!1), s = M([]), u = M(null), c = M(null), C = B(() => t.id ? `${t.id}-search-history` : "search-history"), m = `${he()}-list`, h = M(!1), L = B(() => o.value !== null && o.value !== void 0 && o.value !== ""), V = B(() => u.value !== null ? `${m}-option-${u.value}` : void 0), I = B(() => r.value && V.value ? V.value : void 0), k = B(() => s.value.length > 0), R = B(() => {
|
|
4537
4526
|
if (!t.filterable) return t.options;
|
|
4538
4527
|
const w = l.value.toLowerCase();
|
|
4539
4528
|
return t.options.filter((T) => t.getValue(T).toLowerCase().includes(w));
|
|
4540
|
-
}),
|
|
4529
|
+
}), g = Ke(t).value;
|
|
4541
4530
|
ee(
|
|
4542
|
-
() =>
|
|
4531
|
+
() => C.value,
|
|
4543
4532
|
(w) => {
|
|
4544
4533
|
if (w)
|
|
4545
4534
|
try {
|
|
@@ -4567,16 +4556,16 @@ const qn = {
|
|
|
4567
4556
|
}
|
|
4568
4557
|
);
|
|
4569
4558
|
const _ = (w) => {
|
|
4570
|
-
l.value.length >= t.minChars && !t.filterable && !t.loading && (r.value = !0),
|
|
4559
|
+
l.value.length >= t.minChars && !t.filterable && !t.loading && (r.value = !0), h.value = !0, a("focus", w);
|
|
4571
4560
|
}, O = (w) => {
|
|
4572
4561
|
const T = w.relatedTarget;
|
|
4573
|
-
i.value?.contains(T) || (r.value = !1, o.value ? x() : l.value = "",
|
|
4562
|
+
i.value?.contains(T) || (r.value = !1, o.value ? x() : l.value = "", h.value = !1, a("blur", w));
|
|
4574
4563
|
}, J = (w, T) => {
|
|
4575
4564
|
const Q = i.value;
|
|
4576
4565
|
if (!Q || t.isDisabled(w)) return;
|
|
4577
4566
|
r.value = !1, z(l.value), c.value = T, u.value = T;
|
|
4578
|
-
const
|
|
4579
|
-
|
|
4567
|
+
const d = t.getKey(w);
|
|
4568
|
+
d && d.toString().length > 0 ? Q.classList.add("filled") : Q.classList.remove("filled"), l.value = t.getValue(w), o.value = d, a("select", d);
|
|
4580
4569
|
}, ae = (w) => {
|
|
4581
4570
|
if (!r.value && ["ArrowDown", "ArrowUp"].includes(w.key)) {
|
|
4582
4571
|
r.value = !0, u.value = u.value ?? R.value.findIndex((T) => !t.isDisabled(T)), w.preventDefault();
|
|
@@ -4620,13 +4609,13 @@ const qn = {
|
|
|
4620
4609
|
},
|
|
4621
4610
|
{ flush: "post", immediate: !0 }
|
|
4622
4611
|
);
|
|
4623
|
-
const
|
|
4612
|
+
const H = () => {
|
|
4624
4613
|
l.value = "", o.value = "";
|
|
4625
4614
|
}, z = (w) => {
|
|
4626
4615
|
!w || w.trim().length === 0 || (s.value = [
|
|
4627
4616
|
w,
|
|
4628
4617
|
...s.value.filter((T) => T !== w)
|
|
4629
|
-
].slice(0, t.suggestionsLimit), localStorage.setItem(
|
|
4618
|
+
].slice(0, t.suggestionsLimit), localStorage.setItem(C.value, JSON.stringify(s.value)));
|
|
4630
4619
|
}, le = (w) => {
|
|
4631
4620
|
l.value = w, A();
|
|
4632
4621
|
}, F = () => {
|
|
@@ -4636,8 +4625,8 @@ const qn = {
|
|
|
4636
4625
|
for (let w = R.value.length - 1; w >= 0; w--) if (!t.isDisabled(R.value[w])) return w;
|
|
4637
4626
|
return -1;
|
|
4638
4627
|
};
|
|
4639
|
-
return de(() => x()), (w, T) => (f(),
|
|
4640
|
-
class: fe(["autocomplete", { required: E(
|
|
4628
|
+
return de(() => x()), (w, T) => (f(), b("div", {
|
|
4629
|
+
class: fe(["autocomplete", { required: E(g), error: e.invalid, "has-icon": Object.keys(w.$slots).includes("icon"), filled: L.value, focused: h.value }]),
|
|
4641
4630
|
ref_key: "autocompleteRef",
|
|
4642
4631
|
ref: i
|
|
4643
4632
|
}, [
|
|
@@ -4654,7 +4643,7 @@ const qn = {
|
|
|
4654
4643
|
"aria-expanded": r.value,
|
|
4655
4644
|
"aria-controls": m,
|
|
4656
4645
|
"aria-activedescendant": I.value,
|
|
4657
|
-
"aria-required": E(
|
|
4646
|
+
"aria-required": E(g),
|
|
4658
4647
|
"aria-invalid": e.invalid ? "true" : void 0,
|
|
4659
4648
|
disabled: e.disabled ? !0 : void 0,
|
|
4660
4649
|
"aria-disabled": e.disabled ? !0 : void 0,
|
|
@@ -4673,16 +4662,16 @@ const qn = {
|
|
|
4673
4662
|
role: "listbox",
|
|
4674
4663
|
class: "options"
|
|
4675
4664
|
}, [
|
|
4676
|
-
R.value.length > 0 ? (f(!0),
|
|
4677
|
-
id: `${m}-option-${
|
|
4665
|
+
R.value.length > 0 ? (f(!0), b(ce, { key: 0 }, Ce(R.value, (Q, d) => (f(), b("li", {
|
|
4666
|
+
id: `${m}-option-${d}`,
|
|
4678
4667
|
key: e.getKey(Q),
|
|
4679
4668
|
role: "option",
|
|
4680
|
-
class: fe(["option", { "focus-visible": u.value ===
|
|
4669
|
+
class: fe(["option", { "focus-visible": u.value === d }]),
|
|
4681
4670
|
"aria-disabled": t.isDisabled(Q) || void 0,
|
|
4682
|
-
"aria-selected":
|
|
4671
|
+
"aria-selected": d === c.value,
|
|
4683
4672
|
onMousedown: T[1] || (T[1] = ve(() => {
|
|
4684
4673
|
}, ["prevent"])),
|
|
4685
|
-
onClick: (p) => !t.isDisabled(Q) && J(Q,
|
|
4674
|
+
onClick: (p) => !t.isDisabled(Q) && J(Q, d)
|
|
4686
4675
|
}, [
|
|
4687
4676
|
t.isDisabled(Q) ? q("", !0) : (f(), oe(me, {
|
|
4688
4677
|
key: 0,
|
|
@@ -4693,8 +4682,8 @@ const qn = {
|
|
|
4693
4682
|
option: Q,
|
|
4694
4683
|
value: e.getValue(Q),
|
|
4695
4684
|
query: l.value,
|
|
4696
|
-
selected:
|
|
4697
|
-
active:
|
|
4685
|
+
selected: d === c.value,
|
|
4686
|
+
active: d === u.value
|
|
4698
4687
|
}, () => [
|
|
4699
4688
|
$("div", eo, [
|
|
4700
4689
|
P(Dn, {
|
|
@@ -4704,7 +4693,7 @@ const qn = {
|
|
|
4704
4693
|
])
|
|
4705
4694
|
], !0),
|
|
4706
4695
|
$("div", to, K(e.getValue(Q)), 1)
|
|
4707
|
-
], 42, Qn))), 128)) : R.value.length === 0 && !e.loading ? (f(),
|
|
4696
|
+
], 42, Qn))), 128)) : R.value.length === 0 && !e.loading ? (f(), b("li", ao, [...T[3] || (T[3] = [
|
|
4708
4697
|
$("div", { class: "option-value" }, "No results found", -1)
|
|
4709
4698
|
])])) : (f(), oe(St, {
|
|
4710
4699
|
key: 2,
|
|
@@ -4712,15 +4701,15 @@ const qn = {
|
|
|
4712
4701
|
role: "status",
|
|
4713
4702
|
message: "Loading"
|
|
4714
4703
|
})),
|
|
4715
|
-
|
|
4704
|
+
k.value ? (f(), b("li", no, [...T[4] || (T[4] = [
|
|
4716
4705
|
$("div", { class: "option-value" }, " Recents ", -1)
|
|
4717
4706
|
])])) : q("", !0),
|
|
4718
|
-
(f(!0),
|
|
4707
|
+
(f(!0), b(ce, null, Ce(s.value, (Q) => (f(), b("li", {
|
|
4719
4708
|
key: Q,
|
|
4720
4709
|
role: "presentation",
|
|
4721
4710
|
"aria-hidden": "true",
|
|
4722
4711
|
class: "option recent-item",
|
|
4723
|
-
onClick: (
|
|
4712
|
+
onClick: (d) => le(Q)
|
|
4724
4713
|
}, [
|
|
4725
4714
|
P(me, { name: "clock" }),
|
|
4726
4715
|
$("div", lo, K(Q), 1)
|
|
@@ -4731,7 +4720,7 @@ const qn = {
|
|
|
4731
4720
|
]),
|
|
4732
4721
|
_: 3
|
|
4733
4722
|
}),
|
|
4734
|
-
w.$slots.icon ? (f(),
|
|
4723
|
+
w.$slots.icon ? (f(), b("span", ro, [
|
|
4735
4724
|
Y(w.$slots, "icon", {}, void 0, !0)
|
|
4736
4725
|
])) : q("", !0),
|
|
4737
4726
|
l.value.length > 0 && !e.disabled ? (f(), oe(Le, {
|
|
@@ -4743,7 +4732,7 @@ const qn = {
|
|
|
4743
4732
|
"\\": "",
|
|
4744
4733
|
onMousedown: T[2] || (T[2] = ve(() => {
|
|
4745
4734
|
}, ["prevent"])),
|
|
4746
|
-
onClick:
|
|
4735
|
+
onClick: H
|
|
4747
4736
|
}, {
|
|
4748
4737
|
default: te(() => [
|
|
4749
4738
|
P(me, {
|
|
@@ -4821,7 +4810,7 @@ const Se = (e, n = "info") => {
|
|
|
4821
4810
|
const u = () => {
|
|
4822
4811
|
cancelAnimationFrame(l), a.value = "closing", setTimeout(() => we.toasts = we.toasts.filter((c) => c.id !== n.id), mo);
|
|
4823
4812
|
};
|
|
4824
|
-
return de(() => n.variant === "error" && n.focus && t.value?.focus()), _e(() => cancelAnimationFrame(l)), (c,
|
|
4813
|
+
return de(() => n.variant === "error" && n.focus && t.value?.focus()), _e(() => cancelAnimationFrame(l)), (c, C) => (f(), b("div", {
|
|
4825
4814
|
ref_key: "rootRef",
|
|
4826
4815
|
ref: t,
|
|
4827
4816
|
tabindex: "-1",
|
|
@@ -4850,7 +4839,7 @@ const Se = (e, n = "info") => {
|
|
|
4850
4839
|
_: 1
|
|
4851
4840
|
}, 8, ["aria-label"])
|
|
4852
4841
|
]),
|
|
4853
|
-
e.duration !== 1 / 0 ? (f(),
|
|
4842
|
+
e.duration !== 1 / 0 ? (f(), b("div", po, [
|
|
4854
4843
|
$("div", {
|
|
4855
4844
|
class: "bar",
|
|
4856
4845
|
style: Ie({ width: o.value + "%" })
|
|
@@ -4865,7 +4854,7 @@ const Se = (e, n = "info") => {
|
|
|
4865
4854
|
$("div", go, [
|
|
4866
4855
|
P(zt, { name: "toast-stack" }, {
|
|
4867
4856
|
default: te(() => [
|
|
4868
|
-
(f(!0),
|
|
4857
|
+
(f(!0), b(ce, null, Ce(E(we).toasts, (a) => (f(), oe(ho, {
|
|
4869
4858
|
key: a.id,
|
|
4870
4859
|
id: a.id,
|
|
4871
4860
|
duration: a.duration,
|
|
@@ -4874,12 +4863,12 @@ const Se = (e, n = "info") => {
|
|
|
4874
4863
|
}, {
|
|
4875
4864
|
default: te(() => [
|
|
4876
4865
|
$("div", yo, [
|
|
4877
|
-
a.title ? (f(),
|
|
4866
|
+
a.title ? (f(), b("strong", bo, K(a.title), 1)) : q("", !0),
|
|
4878
4867
|
a.loading ? (f(), oe(St, {
|
|
4879
4868
|
key: 1,
|
|
4880
4869
|
message: a.description,
|
|
4881
4870
|
"aria-hidden": "true"
|
|
4882
|
-
}, null, 8, ["message"])) : (f(),
|
|
4871
|
+
}, null, 8, ["message"])) : (f(), b("p", {
|
|
4883
4872
|
key: 2,
|
|
4884
4873
|
id: `toast-desc-${a.id}`
|
|
4885
4874
|
}, K(a.description), 9, ko))
|
|
@@ -4954,7 +4943,7 @@ const Kl = {
|
|
|
4954
4943
|
__name: "CardBody",
|
|
4955
4944
|
setup(e) {
|
|
4956
4945
|
const n = pe("card:descriptionId", void 0), t = `rs-card-desc-${he()}`;
|
|
4957
|
-
return de(() => n && (n.value = t)), (a, o) => (f(),
|
|
4946
|
+
return de(() => n && (n.value = t)), (a, o) => (f(), b("div", {
|
|
4958
4947
|
id: t,
|
|
4959
4948
|
class: "rs-card-body"
|
|
4960
4949
|
}, [
|
|
@@ -5005,7 +4994,7 @@ const Kl = {
|
|
|
5005
4994
|
let r = null, s = null;
|
|
5006
4995
|
const u = pe("StepIndex");
|
|
5007
4996
|
if (u == null) throw new Error("StepIndex component must be used inside Steps.");
|
|
5008
|
-
const c = B(() => n.status ? n.status : u < t.current.value ? "completed" : u === t.current.value ? "active" : "pending"),
|
|
4997
|
+
const c = B(() => n.status ? n.status : u < t.current.value ? "completed" : u === t.current.value ? "active" : "pending"), C = B(() => t?.icons?.[c.value]), v = B(() => a.icon ? "slot" : n.icon ? n.icon : C.value), m = B(() => {
|
|
5009
4998
|
switch (c.value) {
|
|
5010
4999
|
case "completed":
|
|
5011
5000
|
return "Stage completed";
|
|
@@ -5016,7 +5005,7 @@ const Kl = {
|
|
|
5016
5005
|
default:
|
|
5017
5006
|
return "Stage pending";
|
|
5018
5007
|
}
|
|
5019
|
-
}),
|
|
5008
|
+
}), h = B(() => {
|
|
5020
5009
|
switch (c.value) {
|
|
5021
5010
|
case "completed":
|
|
5022
5011
|
return "success";
|
|
@@ -5027,7 +5016,7 @@ const Kl = {
|
|
|
5027
5016
|
default:
|
|
5028
5017
|
return "default";
|
|
5029
5018
|
}
|
|
5030
|
-
}), L = B(() => n.size ?? t.size ?? "sm"),
|
|
5019
|
+
}), L = B(() => n.size ?? t.size ?? "sm"), V = B(() => {
|
|
5031
5020
|
switch (c.value) {
|
|
5032
5021
|
case "completed":
|
|
5033
5022
|
return t.tagTitles.completed;
|
|
@@ -5041,20 +5030,20 @@ const Kl = {
|
|
|
5041
5030
|
});
|
|
5042
5031
|
ee(
|
|
5043
5032
|
() => c.value,
|
|
5044
|
-
(
|
|
5033
|
+
(g) => t.registerStepStatus(u, g),
|
|
5045
5034
|
{ immediate: !0 }
|
|
5046
5035
|
);
|
|
5047
5036
|
const I = () => {
|
|
5048
5037
|
r == null && (r = requestAnimationFrame(() => {
|
|
5049
|
-
r = null,
|
|
5038
|
+
r = null, k();
|
|
5050
5039
|
}));
|
|
5051
|
-
},
|
|
5040
|
+
}, k = () => {
|
|
5052
5041
|
if (!o.value || !i.value) return;
|
|
5053
|
-
const
|
|
5042
|
+
const g = i.value.getBoundingClientRect(), _ = t.stepsRef.value.getBoundingClientRect(), O = t.orientation === "vertical" ? g.top + g.height / 2 - _.top : g.left + g.width / 2 - _.left;
|
|
5054
5043
|
t.registerIndicatorCenter(u, O);
|
|
5055
|
-
}, R = (
|
|
5044
|
+
}, R = (g) => {
|
|
5056
5045
|
const _ = t.orientation === "horizontal", O = t.orientation === "vertical";
|
|
5057
|
-
switch (
|
|
5046
|
+
switch (g.key) {
|
|
5058
5047
|
case "ArrowRight":
|
|
5059
5048
|
_ && t.focusNext();
|
|
5060
5049
|
break;
|
|
@@ -5076,17 +5065,17 @@ const Kl = {
|
|
|
5076
5065
|
default:
|
|
5077
5066
|
return;
|
|
5078
5067
|
}
|
|
5079
|
-
|
|
5068
|
+
g.preventDefault();
|
|
5080
5069
|
};
|
|
5081
5070
|
return de(() => {
|
|
5082
5071
|
!o.value || !i.value || (requestAnimationFrame(() => {
|
|
5083
|
-
requestAnimationFrame(
|
|
5072
|
+
requestAnimationFrame(k);
|
|
5084
5073
|
}), s = new ResizeObserver(() => {
|
|
5085
5074
|
I();
|
|
5086
5075
|
}), s.observe(o.value), s.observe(i.value), t.stepsRef.value && s.observe(t.stepsRef.value), t.registerStep(o.value));
|
|
5087
5076
|
}), Ve(() => {
|
|
5088
5077
|
s?.disconnect(), t.unregisterStep(o.value), r != null && cancelAnimationFrame(r);
|
|
5089
|
-
}), (
|
|
5078
|
+
}), (g, _) => (f(), b("li", {
|
|
5090
5079
|
ref_key: "stepRef",
|
|
5091
5080
|
ref: o,
|
|
5092
5081
|
class: fe(["step", `step__${L.value}`]),
|
|
@@ -5109,25 +5098,25 @@ const Kl = {
|
|
|
5109
5098
|
class: "indicator",
|
|
5110
5099
|
"aria-hidden": "true"
|
|
5111
5100
|
}, [
|
|
5112
|
-
|
|
5101
|
+
g.$slots.icon ? Y(g.$slots, "icon", {
|
|
5113
5102
|
key: 0,
|
|
5114
5103
|
status: c.value
|
|
5115
|
-
}, void 0, !0) :
|
|
5104
|
+
}, void 0, !0) : v.value ? (f(), oe(me, {
|
|
5116
5105
|
key: 1,
|
|
5117
|
-
name:
|
|
5106
|
+
name: v.value,
|
|
5118
5107
|
class: "icon"
|
|
5119
5108
|
}, null, 8, ["name"])) : q("", !0),
|
|
5120
|
-
c.value === "completed" ? (f(),
|
|
5109
|
+
c.value === "completed" ? (f(), b("svg", Ho, [..._[0] || (_[0] = [
|
|
5121
5110
|
$("path", {
|
|
5122
5111
|
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",
|
|
5123
5112
|
fill: "currentColor"
|
|
5124
5113
|
}, null, -1)
|
|
5125
|
-
])])) : c.value === "error" ? (f(),
|
|
5114
|
+
])])) : c.value === "error" ? (f(), b("svg", Vo, [..._[1] || (_[1] = [
|
|
5126
5115
|
$("path", {
|
|
5127
5116
|
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",
|
|
5128
5117
|
fill: "currentColor"
|
|
5129
5118
|
}, null, -1)
|
|
5130
|
-
])])) : c.value === "active" ? (f(),
|
|
5119
|
+
])])) : c.value === "active" ? (f(), b("span", Bo)) : q("", !0)
|
|
5131
5120
|
], 512),
|
|
5132
5121
|
$("span", {
|
|
5133
5122
|
id: `step-status-${E(u)}`,
|
|
@@ -5139,16 +5128,16 @@ const Kl = {
|
|
|
5139
5128
|
class: "title"
|
|
5140
5129
|
}, K(e.title), 9, Do),
|
|
5141
5130
|
P(b2, {
|
|
5142
|
-
variant:
|
|
5131
|
+
variant: h.value,
|
|
5143
5132
|
size: "sm"
|
|
5144
5133
|
}, {
|
|
5145
5134
|
default: te(() => [
|
|
5146
|
-
Me(K(
|
|
5135
|
+
Me(K(V.value), 1)
|
|
5147
5136
|
]),
|
|
5148
5137
|
_: 1
|
|
5149
5138
|
}, 8, ["variant"]),
|
|
5150
|
-
|
|
5151
|
-
Y(
|
|
5139
|
+
g.$slots.default ? (f(), b("span", So, [
|
|
5140
|
+
Y(g.$slots, "default", {}, void 0, !0)
|
|
5152
5141
|
])) : q("", !0)
|
|
5153
5142
|
])
|
|
5154
5143
|
], 42, Io));
|
|
@@ -5187,8 +5176,8 @@ const Kl = {
|
|
|
5187
5176
|
emits: ["update:modelValue"],
|
|
5188
5177
|
setup(e) {
|
|
5189
5178
|
const n = e, t = M(0), a = rt(), o = ke(e, "modelValue"), i = M([]), l = M(null), r = B(() => o.value ?? 0), s = `steps-description-${he()}`, u = qt({}), c = Lt({});
|
|
5190
|
-
let
|
|
5191
|
-
const
|
|
5179
|
+
let C = null;
|
|
5180
|
+
const v = B(() => (a.default?.() ?? [])[r.value]?.props?.title ?? ""), m = B(() => Object.entries(c).filter(([, N]) => N !== "completed").length === 0), h = B(
|
|
5192
5181
|
() => Object.values(c).includes("error")
|
|
5193
5182
|
), L = B(() => {
|
|
5194
5183
|
const N = r.value, A = u;
|
|
@@ -5200,16 +5189,16 @@ const Kl = {
|
|
|
5200
5189
|
width: "100%",
|
|
5201
5190
|
left: "0px"
|
|
5202
5191
|
};
|
|
5203
|
-
const x = A.value[0],
|
|
5192
|
+
const x = A.value[0], H = A.value[N];
|
|
5204
5193
|
return n.orientation === "vertical" ? {
|
|
5205
5194
|
top: `${x}px`,
|
|
5206
|
-
height: `${
|
|
5195
|
+
height: `${H - x}px`
|
|
5207
5196
|
} : {
|
|
5208
5197
|
left: `${x}px`,
|
|
5209
|
-
width: `${
|
|
5198
|
+
width: `${H - x}px`
|
|
5210
5199
|
};
|
|
5211
|
-
}),
|
|
5212
|
-
const N = Object.values(u.value).sort((
|
|
5200
|
+
}), V = B(() => {
|
|
5201
|
+
const N = Object.values(u.value).sort((H, z) => H - z);
|
|
5213
5202
|
if (N.length < 2) return {};
|
|
5214
5203
|
const A = N[0], x = N[N.length - 1];
|
|
5215
5204
|
return n.orientation === "vertical" ? {
|
|
@@ -5220,31 +5209,31 @@ const Kl = {
|
|
|
5220
5209
|
right: `calc(100% - ${x}px)`
|
|
5221
5210
|
};
|
|
5222
5211
|
}), I = (N, A) => u.value = { ...u.value, [N]: A };
|
|
5223
|
-
function
|
|
5212
|
+
function k(N) {
|
|
5224
5213
|
i.value.push(N), t.value = i.value.length;
|
|
5225
5214
|
}
|
|
5226
5215
|
function R(N) {
|
|
5227
5216
|
i.value = i.value.filter((A) => A !== N), t.value = i.value.length;
|
|
5228
5217
|
}
|
|
5229
|
-
function
|
|
5218
|
+
function g(N) {
|
|
5230
5219
|
N < 0 || N >= i.value.length || (o.value = N, i.value[N]?.focus());
|
|
5231
5220
|
}
|
|
5232
5221
|
function _() {
|
|
5233
|
-
|
|
5222
|
+
g(o.value + 1);
|
|
5234
5223
|
}
|
|
5235
5224
|
function O() {
|
|
5236
|
-
|
|
5225
|
+
g(o.value - 1);
|
|
5237
5226
|
}
|
|
5238
5227
|
function J() {
|
|
5239
|
-
|
|
5228
|
+
g(0);
|
|
5240
5229
|
}
|
|
5241
5230
|
function ae() {
|
|
5242
|
-
|
|
5231
|
+
g(t.value - 1);
|
|
5243
5232
|
}
|
|
5244
5233
|
return de(() => {
|
|
5245
|
-
l.value && (
|
|
5246
|
-
}),
|
|
5247
|
-
}), Ve(() =>
|
|
5234
|
+
l.value && (C = new ResizeObserver(() => {
|
|
5235
|
+
}), C.observe(l.value));
|
|
5236
|
+
}), Ve(() => C?.disconnect()), He("StepsContext", {
|
|
5248
5237
|
current: B(() => o.value),
|
|
5249
5238
|
update: (N) => o.value = N,
|
|
5250
5239
|
stepsCount: t,
|
|
@@ -5257,14 +5246,14 @@ const Kl = {
|
|
|
5257
5246
|
c[N] = A;
|
|
5258
5247
|
},
|
|
5259
5248
|
registerIndicatorCenter: I,
|
|
5260
|
-
registerStep:
|
|
5249
|
+
registerStep: k,
|
|
5261
5250
|
unregisterStep: R,
|
|
5262
5251
|
focusNext: _,
|
|
5263
5252
|
focusPrev: O,
|
|
5264
5253
|
focusFirst: J,
|
|
5265
5254
|
focusLast: ae,
|
|
5266
5255
|
tagTitles: n.tagTitles
|
|
5267
|
-
}), (N, A) => (f(),
|
|
5256
|
+
}), (N, A) => (f(), b(ce, null, [
|
|
5268
5257
|
$("ol", {
|
|
5269
5258
|
ref_key: "stepsRef",
|
|
5270
5259
|
ref: l,
|
|
@@ -5281,18 +5270,18 @@ const Kl = {
|
|
|
5281
5270
|
$("div", {
|
|
5282
5271
|
class: "track",
|
|
5283
5272
|
"aria-hidden": "true",
|
|
5284
|
-
style: Ie(
|
|
5273
|
+
style: Ie(V.value)
|
|
5285
5274
|
}, [
|
|
5286
5275
|
$("div", {
|
|
5287
5276
|
class: "track-progress",
|
|
5288
|
-
"data-error":
|
|
5277
|
+
"data-error": h.value,
|
|
5289
5278
|
"data-completed": m.value,
|
|
5290
5279
|
style: Ie(L.value)
|
|
5291
5280
|
}, null, 12, Zo)
|
|
5292
5281
|
], 4),
|
|
5293
|
-
(f(!0),
|
|
5294
|
-
key:
|
|
5295
|
-
index:
|
|
5282
|
+
(f(!0), b(ce, null, Ce(N.$slots.default?.(), (x, H) => (f(), oe(_o, {
|
|
5283
|
+
key: H,
|
|
5284
|
+
index: H
|
|
5296
5285
|
}, {
|
|
5297
5286
|
default: te(() => [
|
|
5298
5287
|
(f(), oe(Ze(x)))
|
|
@@ -5300,7 +5289,7 @@ const Kl = {
|
|
|
5300
5289
|
_: 2
|
|
5301
5290
|
}, 1032, ["index"]))), 128))
|
|
5302
5291
|
], 8, Eo),
|
|
5303
|
-
$("div", zo, " Step " + K(r.value + 1) + " of " + K(t.value) + ": " + K(
|
|
5292
|
+
$("div", zo, " Step " + K(r.value + 1) + " of " + K(t.value) + ": " + K(v.value), 1)
|
|
5304
5293
|
], 64));
|
|
5305
5294
|
}
|
|
5306
5295
|
}), Gl = /* @__PURE__ */ W(Oo, [["__scopeId", "data-v-3b60596b"]]), qo = ["data-align"], No = /* @__PURE__ */ Z({
|
|
@@ -5309,7 +5298,7 @@ const Kl = {
|
|
|
5309
5298
|
align: { default: "left" }
|
|
5310
5299
|
},
|
|
5311
5300
|
setup(e) {
|
|
5312
|
-
return He("TimelineContext", e), (t, a) => (f(),
|
|
5301
|
+
return He("TimelineContext", e), (t, a) => (f(), b("ol", {
|
|
5313
5302
|
role: "list",
|
|
5314
5303
|
class: "ui-timeline",
|
|
5315
5304
|
"data-align": e.align
|
|
@@ -5334,7 +5323,7 @@ const Kl = {
|
|
|
5334
5323
|
const c = new Date(u).getDay();
|
|
5335
5324
|
return c < 10 ? `0${c}` : c;
|
|
5336
5325
|
}, r = (u) => new Date(u).toLocaleString("default", { month: "short" }), s = (u) => new Date(u).getFullYear();
|
|
5337
|
-
return (u, c) => (f(),
|
|
5326
|
+
return (u, c) => (f(), b("li", {
|
|
5338
5327
|
tabindex: "0",
|
|
5339
5328
|
class: fe([i.value, "ui-timeline-item"]),
|
|
5340
5329
|
"data-align": E(t).align,
|
|
@@ -5346,7 +5335,7 @@ const Kl = {
|
|
|
5346
5335
|
"aria-hidden": "true"
|
|
5347
5336
|
}, null, -1)),
|
|
5348
5337
|
$("div", Po, [
|
|
5349
|
-
e.date ? (f(),
|
|
5338
|
+
e.date ? (f(), b("time", {
|
|
5350
5339
|
key: 0,
|
|
5351
5340
|
class: "ui-timeline-date",
|
|
5352
5341
|
datetime: e.date
|
|
@@ -5372,7 +5361,7 @@ const Kl = {
|
|
|
5372
5361
|
}, 8, ["id"]))
|
|
5373
5362
|
], !0),
|
|
5374
5363
|
Y(u.$slots, "description", {}, () => [
|
|
5375
|
-
e.description ? (f(),
|
|
5364
|
+
e.description ? (f(), b("p", {
|
|
5376
5365
|
key: 0,
|
|
5377
5366
|
id: E(o),
|
|
5378
5367
|
class: "ui-timeline-description"
|
|
@@ -5415,77 +5404,77 @@ const Kl = {
|
|
|
5415
5404
|
}),
|
|
5416
5405
|
emits: ["update:modelValue"],
|
|
5417
5406
|
setup(e) {
|
|
5418
|
-
const n = ke(e, "modelValue"), t = e, a = M(0), o = M(0), i = M(0), l = M(0), r = M(0), s = M(0), u = M(!1), c = M(!1),
|
|
5419
|
-
let I = null,
|
|
5407
|
+
const n = ke(e, "modelValue"), t = e, a = M(0), o = M(0), i = M(0), l = M(0), r = M(0), s = M(0), u = M(!1), c = M(!1), C = M(0), v = M([]), m = M(1), h = M(n.value), L = M(null), V = M(null);
|
|
5408
|
+
let I = null, k = null;
|
|
5420
5409
|
ee(
|
|
5421
5410
|
() => n.value,
|
|
5422
|
-
(
|
|
5411
|
+
(d) => h.value = d
|
|
5423
5412
|
);
|
|
5424
|
-
const R = B(() =>
|
|
5425
|
-
const
|
|
5413
|
+
const R = B(() => v.value[h.value] ?? void 0), g = B(() => Math.floor(h.value / m.value)), _ = B(() => Math.ceil(le.value / m.value)), O = B(() => Math.max(0, le.value - m.value)), J = B(() => {
|
|
5414
|
+
const d = h.value * (100 / m.value), p = c.value && V.value ? i.value / V.value.clientWidth * 100 : 0;
|
|
5426
5415
|
return {
|
|
5427
|
-
transform: `translateX(calc(-${
|
|
5416
|
+
transform: `translateX(calc(-${d}% + ${p}%))`,
|
|
5428
5417
|
transition: c.value ? "none" : "transform 300ms ease"
|
|
5429
5418
|
};
|
|
5430
|
-
}), ae = (
|
|
5431
|
-
let p =
|
|
5419
|
+
}), ae = (d) => {
|
|
5420
|
+
let p = d;
|
|
5432
5421
|
if (t.loop) {
|
|
5433
|
-
const
|
|
5434
|
-
p = (
|
|
5422
|
+
const y = Math.round(d / m.value), D = _.value;
|
|
5423
|
+
p = (y % D + D) % D * m.value;
|
|
5435
5424
|
} else
|
|
5436
5425
|
p = Math.min(
|
|
5437
|
-
Math.max(
|
|
5426
|
+
Math.max(d, 0),
|
|
5438
5427
|
O.value
|
|
5439
5428
|
);
|
|
5440
|
-
|
|
5441
|
-
}, N = () => ae(
|
|
5442
|
-
|
|
5443
|
-
},
|
|
5429
|
+
h.value = p, n.value = p;
|
|
5430
|
+
}, N = () => ae(h.value + m.value), A = () => ae(h.value - m.value), x = (d) => {
|
|
5431
|
+
d.key === "ArrowRight" ? N() : d.key === "ArrowLeft" && A();
|
|
5432
|
+
}, H = (d) => (v.value.includes(d) || v.value.push(d), v.value.indexOf(d)), z = (d) => v.value = v.value.filter((p) => p !== d), le = B(() => v.value.length), F = () => {
|
|
5444
5433
|
!t.autoplay || I !== null || (I = window.setInterval(() => {
|
|
5445
5434
|
u.value || N();
|
|
5446
5435
|
}, t.autoplayDelay));
|
|
5447
5436
|
}, ne = () => {
|
|
5448
5437
|
I !== null && (clearInterval(I), I = null);
|
|
5449
|
-
}, S = (
|
|
5438
|
+
}, S = (d) => {
|
|
5450
5439
|
if (typeof t.itemsPerView == "number")
|
|
5451
5440
|
return t.itemsPerView;
|
|
5452
5441
|
const p = Object.entries(t.itemsPerView).map(([D, U]) => [Number(D), U]).sort((D, U) => D[0] - U[0]);
|
|
5453
|
-
let
|
|
5454
|
-
for (const [D, U] of p)
|
|
5455
|
-
return
|
|
5456
|
-
}, w = (
|
|
5457
|
-
|
|
5458
|
-
}, T = (
|
|
5442
|
+
let y = p[0]?.[1] ?? 1;
|
|
5443
|
+
for (const [D, U] of p) d >= D && (y = U);
|
|
5444
|
+
return y;
|
|
5445
|
+
}, w = (d) => {
|
|
5446
|
+
d.button === 0 && (c.value = !0, o.value = d.clientX, a.value = d.clientX, s.value = d.clientX, i.value = 0, l.value = performance.now(), r.value = 0, C.value = h.value, V.value?.setPointerCapture(d.pointerId), ne(), V.value.style.userSelect = "");
|
|
5447
|
+
}, T = (d) => {
|
|
5459
5448
|
if (!c.value) return;
|
|
5460
|
-
const p = performance.now(),
|
|
5461
|
-
D > 0 && (r.value =
|
|
5462
|
-
}, Q = (
|
|
5449
|
+
const p = performance.now(), y = d.clientX - a.value, D = p - l.value;
|
|
5450
|
+
D > 0 && (r.value = y / D), a.value = d.clientX, l.value = p, s.value = d.clientX, i.value = s.value - o.value;
|
|
5451
|
+
}, Q = (d) => {
|
|
5463
5452
|
if (!c.value) return;
|
|
5464
|
-
c.value = !1,
|
|
5465
|
-
const p =
|
|
5466
|
-
Math.abs(r.value) > ll ? r.value < 0 ? N() : A() : Math.abs(
|
|
5453
|
+
c.value = !1, V.value?.releasePointerCapture(d.pointerId), V.value.style.userSelect = "";
|
|
5454
|
+
const p = V.value.clientWidth / m.value, y = i.value / p;
|
|
5455
|
+
Math.abs(r.value) > ll ? r.value < 0 ? N() : A() : Math.abs(y) > rl ? y < 0 ? N() : A() : ae(C.value), i.value = 0, r.value = 0, F();
|
|
5467
5456
|
};
|
|
5468
5457
|
return de(() => {
|
|
5469
|
-
F(), L.value && (
|
|
5470
|
-
const p =
|
|
5458
|
+
F(), L.value && (k = new ResizeObserver((d) => {
|
|
5459
|
+
const p = d[0]?.contentRect.width;
|
|
5471
5460
|
p !== void 0 && (m.value = S(p));
|
|
5472
|
-
}),
|
|
5461
|
+
}), k.observe(L.value));
|
|
5473
5462
|
}), Ve(() => {
|
|
5474
|
-
ne(),
|
|
5463
|
+
ne(), k?.disconnect();
|
|
5475
5464
|
}), ee(
|
|
5476
5465
|
() => t.autoplay,
|
|
5477
|
-
(
|
|
5478
|
-
|
|
5466
|
+
(d) => {
|
|
5467
|
+
d ? F() : ne();
|
|
5479
5468
|
},
|
|
5480
5469
|
{ immediate: !0 }
|
|
5481
|
-
), ee(m, () =>
|
|
5482
|
-
register:
|
|
5470
|
+
), ee(m, () => h.value = Math.min(h.value, O.value)), He("CarouselContext", {
|
|
5471
|
+
register: H,
|
|
5483
5472
|
unregister: z,
|
|
5484
|
-
activeIndex:
|
|
5473
|
+
activeIndex: h,
|
|
5485
5474
|
slideCount: le,
|
|
5486
5475
|
deltaX: i,
|
|
5487
5476
|
itemsPerView: t.itemsPerView instanceof Object ? m : M(t.itemsPerView)
|
|
5488
|
-
}), (
|
|
5477
|
+
}), (d, p) => (f(), b("div", {
|
|
5489
5478
|
ref_key: "rootRef",
|
|
5490
5479
|
ref: L,
|
|
5491
5480
|
role: "region",
|
|
@@ -5496,10 +5485,10 @@ const Kl = {
|
|
|
5496
5485
|
"aria-activedescendant": R.value,
|
|
5497
5486
|
style: Ie({ "--items-per-view": m.value }),
|
|
5498
5487
|
onKeydown: x,
|
|
5499
|
-
onMouseenter: p[0] || (p[0] = (
|
|
5500
|
-
onMouseleave: p[1] || (p[1] = (
|
|
5501
|
-
onFocusin: p[2] || (p[2] = (
|
|
5502
|
-
onFocusout: p[3] || (p[3] = (
|
|
5488
|
+
onMouseenter: p[0] || (p[0] = (y) => u.value = !0),
|
|
5489
|
+
onMouseleave: p[1] || (p[1] = (y) => u.value = !1),
|
|
5490
|
+
onFocusin: p[2] || (p[2] = (y) => u.value = !0),
|
|
5491
|
+
onFocusout: p[3] || (p[3] = (y) => u.value = !1)
|
|
5503
5492
|
}, [
|
|
5504
5493
|
p[4] || (p[4] = $("span", {
|
|
5505
5494
|
id: "carousel-instructions",
|
|
@@ -5508,7 +5497,7 @@ const Kl = {
|
|
|
5508
5497
|
$("div", tl, [
|
|
5509
5498
|
$("div", {
|
|
5510
5499
|
ref_key: "trackRef",
|
|
5511
|
-
ref:
|
|
5500
|
+
ref: V,
|
|
5512
5501
|
class: "carousel-track",
|
|
5513
5502
|
style: Ie(J.value),
|
|
5514
5503
|
onPointerdown: w,
|
|
@@ -5516,10 +5505,10 @@ const Kl = {
|
|
|
5516
5505
|
onPointerup: Q,
|
|
5517
5506
|
onPointercancel: Q
|
|
5518
5507
|
}, [
|
|
5519
|
-
Y(
|
|
5508
|
+
Y(d.$slots, "default", {}, void 0, !0)
|
|
5520
5509
|
], 36)
|
|
5521
5510
|
]),
|
|
5522
|
-
$("span", al, " Slide " + K(Math.floor(
|
|
5511
|
+
$("span", al, " Slide " + K(Math.floor(h.value / m.value) + 1) + " of " + K(_.value), 1),
|
|
5523
5512
|
$("button", {
|
|
5524
5513
|
type: "button",
|
|
5525
5514
|
class: "carousel-control prev",
|
|
@@ -5536,15 +5525,15 @@ const Kl = {
|
|
|
5536
5525
|
}, [
|
|
5537
5526
|
P(me, { name: "directionDown" })
|
|
5538
5527
|
]),
|
|
5539
|
-
e.showIndicators ? (f(),
|
|
5540
|
-
(f(!0),
|
|
5528
|
+
e.showIndicators ? (f(), b("div", nl, [
|
|
5529
|
+
(f(!0), b(ce, null, Ce(_.value, (y, D) => (f(), b("button", {
|
|
5541
5530
|
role: "tab",
|
|
5542
5531
|
type: "button",
|
|
5543
5532
|
key: D,
|
|
5544
|
-
class: fe(["indicator", { active: D === Math.floor(
|
|
5533
|
+
class: fe(["indicator", { active: D === Math.floor(h.value / m.value) }]),
|
|
5545
5534
|
"aria-label": `Go to slide ${D + 1}`,
|
|
5546
|
-
"aria-selected": D ===
|
|
5547
|
-
"aria-current": D ===
|
|
5535
|
+
"aria-selected": D === g.value,
|
|
5536
|
+
"aria-current": D === g.value,
|
|
5548
5537
|
onClick: (U) => ae(D * m.value),
|
|
5549
5538
|
onKeydown: [
|
|
5550
5539
|
be(ve((U) => ae((D - 1 + _.value) % _.value * m.value), ["prevent"]), ["left"]),
|
|
@@ -5560,7 +5549,7 @@ const Kl = {
|
|
|
5560
5549
|
const n = pe("CarouselContext");
|
|
5561
5550
|
if (!n) throw new Error("CarouselItem must be used inside a Carousel");
|
|
5562
5551
|
const t = "carousel-item-" + he(), a = M(0), o = B(() => Math.abs(n.deltaX.value) > 5), i = B(() => Math.floor(a.value / n.itemsPerView.value) === Math.floor(n.activeIndex.value / n.itemsPerView.value));
|
|
5563
|
-
return de(() => a.value = n.register(t)), Ve(() => n.unregister(t)), (l, r) => (f(),
|
|
5552
|
+
return de(() => a.value = n.register(t)), Ve(() => n.unregister(t)), (l, r) => (f(), b("div", {
|
|
5564
5553
|
role: "group",
|
|
5565
5554
|
class: "carousel-item",
|
|
5566
5555
|
id: t,
|
|
@@ -5589,37 +5578,37 @@ const Kl = {
|
|
|
5589
5578
|
emits: ["update:modelValue"],
|
|
5590
5579
|
setup(e, { emit: n, slots: t }) {
|
|
5591
5580
|
const a = M(e.modelValue ?? e.defaultValue), o = M(!1), i = M([]), l = M("forward"), r = M();
|
|
5592
|
-
ee(a, (
|
|
5593
|
-
!
|
|
5594
|
-
document.getElementById(`tab-${
|
|
5581
|
+
ee(a, (h) => {
|
|
5582
|
+
!h || !o.value || requestAnimationFrame(() => {
|
|
5583
|
+
document.getElementById(`tab-${h}`)?.focus(), o.value = !1;
|
|
5595
5584
|
});
|
|
5596
5585
|
}), ee(
|
|
5597
5586
|
() => e.modelValue,
|
|
5598
|
-
(
|
|
5599
|
-
|
|
5587
|
+
(h) => {
|
|
5588
|
+
h !== void 0 && (a.value = h);
|
|
5600
5589
|
}
|
|
5601
|
-
), ee(i, (
|
|
5602
|
-
!a.value &&
|
|
5590
|
+
), ee(i, (h) => {
|
|
5591
|
+
!a.value && h.length && (a.value = h[0]);
|
|
5603
5592
|
});
|
|
5604
|
-
const s = (
|
|
5593
|
+
const s = (h, L) => i.value[L] = h, u = (h) => {
|
|
5605
5594
|
const L = i.value.filter(Boolean);
|
|
5606
5595
|
if (!L.length) return;
|
|
5607
|
-
const
|
|
5608
|
-
if (!
|
|
5609
|
-
a.value =
|
|
5596
|
+
const V = a.value;
|
|
5597
|
+
if (!V) {
|
|
5598
|
+
a.value = h, n("update:modelValue", h);
|
|
5610
5599
|
return;
|
|
5611
5600
|
}
|
|
5612
|
-
const I = L.indexOf(
|
|
5613
|
-
if (I === -1 ||
|
|
5614
|
-
a.value =
|
|
5601
|
+
const I = L.indexOf(V), k = L.indexOf(h);
|
|
5602
|
+
if (I === -1 || k === -1) {
|
|
5603
|
+
a.value = h, n("update:modelValue", h);
|
|
5615
5604
|
return;
|
|
5616
5605
|
}
|
|
5617
|
-
I !== -1 &&
|
|
5618
|
-
}, c = B(() => l.value === "forward" ? "tab-slide-forward" : "tab-slide-backward"),
|
|
5619
|
-
|
|
5620
|
-
},
|
|
5621
|
-
if (
|
|
5622
|
-
const L =
|
|
5606
|
+
I !== -1 && k !== -1 && (l.value = k > I ? "forward" : "backward"), V !== h && (a.value = h, n("update:modelValue", h));
|
|
5607
|
+
}, c = B(() => l.value === "forward" ? "tab-slide-forward" : "tab-slide-backward"), C = (h) => {
|
|
5608
|
+
h instanceof HTMLElement && r.value && (r.value.style.height = `${h.offsetHeight}px`);
|
|
5609
|
+
}, v = (h) => {
|
|
5610
|
+
if (h instanceof HTMLElement && r.value) {
|
|
5611
|
+
const L = h.offsetHeight;
|
|
5623
5612
|
requestAnimationFrame(() => {
|
|
5624
5613
|
r.value && (r.value.style.height = `${L}px`);
|
|
5625
5614
|
});
|
|
@@ -5638,11 +5627,11 @@ const Kl = {
|
|
|
5638
5627
|
contentWrapperRef: r,
|
|
5639
5628
|
focusOnChange: o
|
|
5640
5629
|
}), () => {
|
|
5641
|
-
const
|
|
5642
|
-
|
|
5643
|
-
|
|
5630
|
+
const h = t.default?.() || [], L = [], V = [];
|
|
5631
|
+
h.forEach((k) => {
|
|
5632
|
+
k.type?.name === "TabsContent" ? V.push(k) : L.push(k);
|
|
5644
5633
|
});
|
|
5645
|
-
const I =
|
|
5634
|
+
const I = V.find((k) => k.props?.value === a.value);
|
|
5646
5635
|
return [
|
|
5647
5636
|
...L,
|
|
5648
5637
|
j(
|
|
@@ -5656,8 +5645,8 @@ const Kl = {
|
|
|
5656
5645
|
{
|
|
5657
5646
|
name: c.value,
|
|
5658
5647
|
mode: "out-in",
|
|
5659
|
-
onBeforeLeave:
|
|
5660
|
-
onEnter:
|
|
5648
|
+
onBeforeLeave: C,
|
|
5649
|
+
onEnter: v,
|
|
5661
5650
|
onAfterEnter: m
|
|
5662
5651
|
},
|
|
5663
5652
|
() => I ? [j(I.type, {
|
|
@@ -5708,19 +5697,19 @@ const Kl = {
|
|
|
5708
5697
|
l.preventDefault();
|
|
5709
5698
|
const s = t.triggers.value.filter(Boolean);
|
|
5710
5699
|
let c = s.indexOf(e.value);
|
|
5711
|
-
const
|
|
5700
|
+
const C = t.orientation.value === "horizontal";
|
|
5712
5701
|
switch (l.key) {
|
|
5713
5702
|
case "ArrowRight":
|
|
5714
|
-
|
|
5703
|
+
C && c++;
|
|
5715
5704
|
break;
|
|
5716
5705
|
case "ArrowLeft":
|
|
5717
|
-
|
|
5706
|
+
C && c--;
|
|
5718
5707
|
break;
|
|
5719
5708
|
case "ArrowDown":
|
|
5720
|
-
|
|
5709
|
+
C || c++;
|
|
5721
5710
|
break;
|
|
5722
5711
|
case "ArrowUp":
|
|
5723
|
-
|
|
5712
|
+
C || c--;
|
|
5724
5713
|
break;
|
|
5725
5714
|
case "Home":
|
|
5726
5715
|
c = 0;
|
|
@@ -5730,9 +5719,9 @@ const Kl = {
|
|
|
5730
5719
|
break;
|
|
5731
5720
|
}
|
|
5732
5721
|
c = (c + s.length) % s.length;
|
|
5733
|
-
const
|
|
5734
|
-
t.activationMode.value === "auto" && t.setValue(
|
|
5735
|
-
document.getElementById(`tab-${
|
|
5722
|
+
const v = s[c];
|
|
5723
|
+
t.activationMode.value === "auto" && t.setValue(v), requestAnimationFrame(() => {
|
|
5724
|
+
document.getElementById(`tab-${v}`)?.focus();
|
|
5736
5725
|
});
|
|
5737
5726
|
};
|
|
5738
5727
|
return de(() => !e.disabled && t.registerTrigger(e.value, e.index)), Ve(() => t.triggers.value[e.index] = void 0), () => j(
|
|
@@ -5783,7 +5772,7 @@ const Kl = {
|
|
|
5783
5772
|
const a = M(), o = (i) => {
|
|
5784
5773
|
i.key === "ArrowDown" && (i.preventDefault(), n.focusNextItem(t)), i.key === "ArrowUp" && (i.preventDefault(), n.focusPrevItem(t)), (i.key === "Enter" || i.key === " ") && (i.preventDefault(), a.value?.click(), n.close());
|
|
5785
5774
|
};
|
|
5786
|
-
return de(() => t = n.registerItem(a.value)), (i, l) => (f(),
|
|
5775
|
+
return de(() => t = n.registerItem(a.value)), (i, l) => (f(), b("div", {
|
|
5787
5776
|
ref_key: "itemRef",
|
|
5788
5777
|
ref: a,
|
|
5789
5778
|
role: "menuitem",
|
|
@@ -5799,19 +5788,19 @@ const Kl = {
|
|
|
5799
5788
|
}
|
|
5800
5789
|
}), rr = /* @__PURE__ */ W(cl, [["__scopeId", "data-v-69de3d9c"]]), dl = (e) => {
|
|
5801
5790
|
const n = /* @__PURE__ */ new Date(), t = e.locale || "default", a = M(e.modelValue ?? null), o = M(e.modelValue ? new Date(e.modelValue) : n), i = e.firstDayOfWeek ?? 0, l = B(() => {
|
|
5802
|
-
const
|
|
5803
|
-
return
|
|
5791
|
+
const v = new Intl.DateTimeFormat(t, { month: "long", year: "numeric" }).format(o.value);
|
|
5792
|
+
return v.charAt(0).toUpperCase() + v.slice(1);
|
|
5804
5793
|
}), r = B(() => {
|
|
5805
|
-
const
|
|
5806
|
-
return Array.from({ length: 7 }).map((m,
|
|
5807
|
-
const L = new Date(
|
|
5808
|
-
return L.setDate(
|
|
5794
|
+
const v = new Date(2021, 5, 6);
|
|
5795
|
+
return Array.from({ length: 7 }).map((m, h) => {
|
|
5796
|
+
const L = new Date(v);
|
|
5797
|
+
return L.setDate(v.getDate() + (h + i) % 7), new Intl.DateTimeFormat(t, { weekday: "short" }).format(L).replace(".", "");
|
|
5809
5798
|
});
|
|
5810
5799
|
}), s = B(() => {
|
|
5811
|
-
const
|
|
5812
|
-
for (let R = 0; R <
|
|
5813
|
-
for (let R = 1; R <= I; R++)
|
|
5814
|
-
return
|
|
5800
|
+
const v = o.value.getFullYear(), m = o.value.getMonth(), h = new Date(v, m, 1), L = new Date(v, m + 1, 0), V = (h.getDay() - i + 7) % 7, I = L.getDate(), k = [];
|
|
5801
|
+
for (let R = 0; R < V; R++) k.push(null);
|
|
5802
|
+
for (let R = 1; R <= I; R++) k.push(new Date(v, m, R));
|
|
5803
|
+
return k;
|
|
5815
5804
|
});
|
|
5816
5805
|
return {
|
|
5817
5806
|
today: n,
|
|
@@ -5822,7 +5811,7 @@ const Kl = {
|
|
|
5822
5811
|
days: s,
|
|
5823
5812
|
nextMonth: () => o.value = new Date(o.value.getFullYear(), o.value.getMonth() + 1, 1),
|
|
5824
5813
|
prevMonth: () => o.value = new Date(o.value.getFullYear(), o.value.getMonth() - 1, 1),
|
|
5825
|
-
select: (
|
|
5814
|
+
select: (v) => a.value = v
|
|
5826
5815
|
};
|
|
5827
5816
|
}, Tt = /(DD|MM|YYYY|HH|mm|ss)/g, tt = (e, n) => {
|
|
5828
5817
|
const t = {
|
|
@@ -5889,12 +5878,12 @@ const fl = (e, n) => {
|
|
|
5889
5878
|
setup(e, { emit: n }) {
|
|
5890
5879
|
const t = ke(e, "modelValue"), a = n, o = e, i = M(!1), l = /* @__PURE__ */ new Date(), r = M(""), s = M(null), u = M(null), {
|
|
5891
5880
|
monthLabel: c,
|
|
5892
|
-
weekDays:
|
|
5893
|
-
currentMonth:
|
|
5881
|
+
weekDays: C,
|
|
5882
|
+
currentMonth: v,
|
|
5894
5883
|
days: m,
|
|
5895
|
-
nextMonth:
|
|
5884
|
+
nextMonth: h,
|
|
5896
5885
|
prevMonth: L,
|
|
5897
|
-
select:
|
|
5886
|
+
select: V
|
|
5898
5887
|
} = dl({
|
|
5899
5888
|
modelValue: t.value,
|
|
5900
5889
|
locale: o.locale,
|
|
@@ -5907,7 +5896,7 @@ const fl = (e, n) => {
|
|
|
5907
5896
|
r.value = "", u.value = null;
|
|
5908
5897
|
return;
|
|
5909
5898
|
}
|
|
5910
|
-
|
|
5899
|
+
V(A), v.value = new Date(A), u.value = A, r.value = tt(A, o.format);
|
|
5911
5900
|
},
|
|
5912
5901
|
{ immediate: !0 }
|
|
5913
5902
|
), ee(
|
|
@@ -5917,32 +5906,32 @@ const fl = (e, n) => {
|
|
|
5917
5906
|
await $e();
|
|
5918
5907
|
let x = s.value?.querySelector('button[data-selected="true"]');
|
|
5919
5908
|
if (!x) {
|
|
5920
|
-
const
|
|
5921
|
-
x = Array.from(s.value?.querySelectorAll("button") || []).find((z) => Number(z.textContent) ===
|
|
5909
|
+
const H = /* @__PURE__ */ new Date();
|
|
5910
|
+
x = Array.from(s.value?.querySelectorAll("button") || []).find((z) => Number(z.textContent) === H.getDate() && !z.disabled);
|
|
5922
5911
|
}
|
|
5923
|
-
x && x.focus(), document.addEventListener("keydown",
|
|
5924
|
-
} else document.removeEventListener("keydown",
|
|
5912
|
+
x && x.focus(), document.addEventListener("keydown", g);
|
|
5913
|
+
} else document.removeEventListener("keydown", g);
|
|
5925
5914
|
}
|
|
5926
5915
|
);
|
|
5927
5916
|
const I = (A) => {
|
|
5928
|
-
u.value = A, t.value = A, r.value = tt(A, o.format),
|
|
5929
|
-
},
|
|
5917
|
+
u.value = A, t.value = A, r.value = tt(A, o.format), V(A), i.value = !1;
|
|
5918
|
+
}, k = (A) => {
|
|
5930
5919
|
if (!A) return "";
|
|
5931
5920
|
const x = [];
|
|
5932
5921
|
return u.value && R(A, u.value) && x.push("dp-selected"), R(A, l) && x.push("dp-today"), x.join(" ");
|
|
5933
|
-
}, R = (A, x) => A.getFullYear() === x.getFullYear() && A.getMonth() === x.getMonth() && A.getDate() === x.getDate(),
|
|
5922
|
+
}, R = (A, x) => A.getFullYear() === x.getFullYear() && A.getMonth() === x.getMonth() && A.getDate() === x.getDate(), g = (A) => A.key === "Escape" && (i.value = !1), _ = (A) => {
|
|
5934
5923
|
A.key === "Backspace" || A.key === "Delete" || A.key === "ArrowLeft" || A.key === "ArrowRight" || A.key === "Tab" || /[0-9]/.test(A.key) || A.preventDefault();
|
|
5935
5924
|
}, O = (A) => {
|
|
5936
|
-
const x = A.target,
|
|
5925
|
+
const x = A.target, H = x.selectionStart ?? 0, le = x.value.slice(0, H).replace(/\D/g, "").length;
|
|
5937
5926
|
let F = x.value.replace(/\D/g, "");
|
|
5938
5927
|
const ne = pl(o.format);
|
|
5939
5928
|
F = F.slice(0, ne);
|
|
5940
5929
|
const S = fl(F, o.format);
|
|
5941
5930
|
r.value = S, x.value = S;
|
|
5942
5931
|
let w = 0, T = 0;
|
|
5943
|
-
for (let
|
|
5944
|
-
if (/\d/.test(S[
|
|
5945
|
-
w =
|
|
5932
|
+
for (let d = 0; d < S.length; d++)
|
|
5933
|
+
if (/\d/.test(S[d] ?? "") && T++, T >= le) {
|
|
5934
|
+
w = d + 1;
|
|
5946
5935
|
break;
|
|
5947
5936
|
}
|
|
5948
5937
|
requestAnimationFrame(() => x.setSelectionRange(w, w));
|
|
@@ -5956,7 +5945,7 @@ const fl = (e, n) => {
|
|
|
5956
5945
|
const A = Mt(r.value, o.format);
|
|
5957
5946
|
!A && !u.value ? (r.value = "", t.value = null, u.value = null) : A && (u.value = A, t.value = A, r.value = tt(A, o.format));
|
|
5958
5947
|
};
|
|
5959
|
-
return de(() => document.addEventListener("mousedown", ae)), _e(() => document.removeEventListener("mousedown", ae)), (A, x) => (f(),
|
|
5948
|
+
return de(() => document.addEventListener("mousedown", ae)), _e(() => document.removeEventListener("mousedown", ae)), (A, x) => (f(), b("div", {
|
|
5960
5949
|
ref_key: "root",
|
|
5961
5950
|
ref: s,
|
|
5962
5951
|
class: fe(["dp", { required: Object.keys(A.$attrs).includes("required"), error: e.invalid }])
|
|
@@ -5997,12 +5986,12 @@ const fl = (e, n) => {
|
|
|
5997
5986
|
id: "time-help",
|
|
5998
5987
|
class: "sr-only"
|
|
5999
5988
|
}, "After selecting a date, adjust hours and minutes", -1)),
|
|
6000
|
-
i.value ? (f(),
|
|
5989
|
+
i.value ? (f(), b("div", hl, [
|
|
6001
5990
|
$("header", gl, [
|
|
6002
5991
|
$("button", {
|
|
6003
5992
|
type: "button",
|
|
6004
5993
|
onClick: x[0] || (x[0] = //@ts-ignore
|
|
6005
|
-
(...
|
|
5994
|
+
(...H) => E(L) && E(L)(...H)),
|
|
6006
5995
|
class: "btn__prev_month",
|
|
6007
5996
|
"aria-label": "Previous month"
|
|
6008
5997
|
}, "‹"),
|
|
@@ -6010,33 +5999,33 @@ const fl = (e, n) => {
|
|
|
6010
5999
|
$("button", {
|
|
6011
6000
|
type: "button",
|
|
6012
6001
|
onClick: x[1] || (x[1] = //@ts-ignore
|
|
6013
|
-
(...
|
|
6002
|
+
(...H) => E(h) && E(h)(...H)),
|
|
6014
6003
|
class: "btn__next_month",
|
|
6015
6004
|
"aria-label": "Next month"
|
|
6016
6005
|
}, "›")
|
|
6017
6006
|
]),
|
|
6018
6007
|
$("div", bl, [
|
|
6019
|
-
(f(!0),
|
|
6008
|
+
(f(!0), b(ce, null, Ce(E(C), (H) => (f(), b("span", {
|
|
6020
6009
|
class: "week-day__name",
|
|
6021
|
-
key:
|
|
6022
|
-
}, K(
|
|
6010
|
+
key: H
|
|
6011
|
+
}, K(H), 1))), 128))
|
|
6023
6012
|
]),
|
|
6024
6013
|
$("div", kl, [
|
|
6025
|
-
(f(!0),
|
|
6014
|
+
(f(!0), b(ce, null, Ce(E(m), (H, z) => (f(), b("button", {
|
|
6026
6015
|
key: z,
|
|
6027
6016
|
type: "button",
|
|
6028
6017
|
role: "gridcell",
|
|
6029
|
-
class: fe(["btn__day",
|
|
6030
|
-
disabled: !
|
|
6031
|
-
"aria-pressed":
|
|
6032
|
-
"data-selected":
|
|
6033
|
-
onMousedown: ve((le) =>
|
|
6034
|
-
"aria-label":
|
|
6035
|
-
}, K(
|
|
6018
|
+
class: fe(["btn__day", k(H)]),
|
|
6019
|
+
disabled: !H,
|
|
6020
|
+
"aria-pressed": k(H) === "dp-selected",
|
|
6021
|
+
"data-selected": H && k(H) === "dp-selected",
|
|
6022
|
+
onMousedown: ve((le) => H && I(H), ["prevent"]),
|
|
6023
|
+
"aria-label": H ? H.toLocaleDateString(o.locale, { weekday: "long", year: "numeric", month: "long", day: "numeric" }) : ""
|
|
6024
|
+
}, K(H?.getDate()), 43, wl))), 128))
|
|
6036
6025
|
]),
|
|
6037
6026
|
P(Le, {
|
|
6038
6027
|
class: "btn-ghost btn-sm",
|
|
6039
|
-
onClick: x[2] || (x[2] = (
|
|
6028
|
+
onClick: x[2] || (x[2] = (H) => t.value = /* @__PURE__ */ new Date())
|
|
6040
6029
|
}, {
|
|
6041
6030
|
default: te(() => [
|
|
6042
6031
|
Me(K(e.todayLabel), 1)
|
|
@@ -6072,51 +6061,51 @@ const fl = (e, n) => {
|
|
|
6072
6061
|
}),
|
|
6073
6062
|
emits: ["update:modelValue"],
|
|
6074
6063
|
setup(e) {
|
|
6075
|
-
const n = ke(e, "modelValue"), t = e, a = he(), o = M(!1), i = M(null), l = B(() => t.format.includes("HH")), r = B(() => t.format.includes("mm")), s = B(() => t.format.includes("ss")), u = M(n.value ?? null), c = M(n.value?.getHours() ?? (l.value ? 0 : void 0)),
|
|
6064
|
+
const n = ke(e, "modelValue"), t = e, a = he(), o = M(!1), i = M(null), l = B(() => t.format.includes("HH")), r = B(() => t.format.includes("mm")), s = B(() => t.format.includes("ss")), u = M(n.value ?? null), c = M(n.value?.getHours() ?? (l.value ? 0 : void 0)), C = M(n.value?.getMinutes() ?? (r.value ? 0 : void 0)), v = M(n.value?.getSeconds() ?? (s.value ? 0 : void 0));
|
|
6076
6065
|
ee(n, (I) => {
|
|
6077
6066
|
if (I) {
|
|
6078
|
-
const
|
|
6079
|
-
u.value =
|
|
6067
|
+
const k = new Date(I);
|
|
6068
|
+
u.value = k, c.value = k.getHours(), C.value = k.getMinutes(), v.value = k.getSeconds();
|
|
6080
6069
|
} else
|
|
6081
|
-
u.value = null, c.value = 0,
|
|
6070
|
+
u.value = null, c.value = 0, C.value = 0, v.value = 0;
|
|
6082
6071
|
}, { immediate: !0 }), ee(u, (I) => {
|
|
6083
6072
|
if (!I) return;
|
|
6084
|
-
const
|
|
6085
|
-
|
|
6086
|
-
}, { immediate: !0 }), ee([u, c,
|
|
6073
|
+
const k = I.getHours(), R = I.getMinutes(), g = I.getSeconds();
|
|
6074
|
+
k !== c.value && (c.value = k), R !== C.value && (C.value = R), g !== v.value && (v.value = g);
|
|
6075
|
+
}, { immediate: !0 }), ee([u, c, C, v], () => {
|
|
6087
6076
|
if (!u.value) {
|
|
6088
6077
|
n.value = null;
|
|
6089
6078
|
return;
|
|
6090
6079
|
}
|
|
6091
|
-
const I = Math.min(Math.max(c.value ?? 0, 0), 23),
|
|
6092
|
-
|
|
6080
|
+
const I = Math.min(Math.max(c.value ?? 0, 0), 23), k = Math.min(Math.max(C.value ?? 0, 0), 59), R = Math.min(Math.max(v.value ?? 0, 0), 59), g = new Date(u.value);
|
|
6081
|
+
g.setHours(I, k, R, 0), (!n.value || n.value.getTime() !== g.getTime()) && (n.value = g);
|
|
6093
6082
|
});
|
|
6094
6083
|
const m = (I) => {
|
|
6095
6084
|
i.value && (i.value.contains(I.target) || (o.value = !1));
|
|
6096
|
-
},
|
|
6097
|
-
const
|
|
6098
|
-
isNaN(
|
|
6085
|
+
}, h = (I) => {
|
|
6086
|
+
const k = Number(I.target.value);
|
|
6087
|
+
isNaN(k) || k < 0 ? c.value = 0 : k > 23 ? c.value = 23 : c.value = k;
|
|
6099
6088
|
}, L = (I) => {
|
|
6100
|
-
const
|
|
6101
|
-
isNaN(
|
|
6102
|
-
},
|
|
6103
|
-
const
|
|
6104
|
-
isNaN(
|
|
6089
|
+
const k = Number(I.target.value);
|
|
6090
|
+
isNaN(k) || k < 0 ? C.value = 0 : k > 59 ? C.value = 59 : C.value = k;
|
|
6091
|
+
}, V = (I) => {
|
|
6092
|
+
const k = Number(I.target.value);
|
|
6093
|
+
isNaN(k) || k < 0 ? v.value = 0 : k > 59 ? v.value = 59 : v.value = k;
|
|
6105
6094
|
};
|
|
6106
6095
|
return de(() => {
|
|
6107
6096
|
document.addEventListener("mousedown", m);
|
|
6108
6097
|
}), _e(() => {
|
|
6109
6098
|
document.removeEventListener("mousedown", m);
|
|
6110
|
-
}), (I,
|
|
6099
|
+
}), (I, k) => (f(), b("div", {
|
|
6111
6100
|
class: "dtp",
|
|
6112
6101
|
ref_key: "root",
|
|
6113
6102
|
ref: i
|
|
6114
6103
|
}, [
|
|
6115
6104
|
P(Ll, ye(I.$attrs, {
|
|
6116
6105
|
modelValue: u.value,
|
|
6117
|
-
"onUpdate:modelValue":
|
|
6106
|
+
"onUpdate:modelValue": k[3] || (k[3] = (R) => u.value = R),
|
|
6118
6107
|
open: o.value,
|
|
6119
|
-
"onUpdate:open":
|
|
6108
|
+
"onUpdate:open": k[4] || (k[4] = (R) => o.value = R),
|
|
6120
6109
|
id: t.id,
|
|
6121
6110
|
invalid: e.invalid,
|
|
6122
6111
|
locale: e.locale,
|
|
@@ -6126,19 +6115,19 @@ const fl = (e, n) => {
|
|
|
6126
6115
|
placeholder: e.placeholder
|
|
6127
6116
|
}), {
|
|
6128
6117
|
time: te(() => [
|
|
6129
|
-
o.value ? (f(),
|
|
6130
|
-
l.value ? Ae((f(),
|
|
6118
|
+
o.value ? (f(), b("div", xl, [
|
|
6119
|
+
l.value ? Ae((f(), b("input", {
|
|
6131
6120
|
key: 0,
|
|
6132
6121
|
id: `hour_${E(a)}`,
|
|
6133
6122
|
type: "number",
|
|
6134
|
-
"onUpdate:modelValue":
|
|
6123
|
+
"onUpdate:modelValue": k[0] || (k[0] = (R) => c.value = R),
|
|
6135
6124
|
min: "0",
|
|
6136
6125
|
max: "23",
|
|
6137
6126
|
"aria-label": "Hour",
|
|
6138
6127
|
"aria-valuemin": "0",
|
|
6139
6128
|
"aria-valuemax": "23",
|
|
6140
6129
|
"aria-valuenow": c.value,
|
|
6141
|
-
onInput:
|
|
6130
|
+
onInput: h
|
|
6142
6131
|
}, null, 40, $l)), [
|
|
6143
6132
|
[
|
|
6144
6133
|
Ge,
|
|
@@ -6147,44 +6136,44 @@ const fl = (e, n) => {
|
|
|
6147
6136
|
{ number: !0 }
|
|
6148
6137
|
]
|
|
6149
6138
|
]) : q("", !0),
|
|
6150
|
-
l.value && r.value ? (f(),
|
|
6151
|
-
r.value ? Ae((f(),
|
|
6139
|
+
l.value && r.value ? (f(), b("span", Il, ":")) : q("", !0),
|
|
6140
|
+
r.value ? Ae((f(), b("input", {
|
|
6152
6141
|
key: 2,
|
|
6153
6142
|
id: `minute_${E(a)}`,
|
|
6154
6143
|
type: "number",
|
|
6155
|
-
"onUpdate:modelValue":
|
|
6144
|
+
"onUpdate:modelValue": k[1] || (k[1] = (R) => C.value = R),
|
|
6156
6145
|
min: "0",
|
|
6157
6146
|
max: "59",
|
|
6158
6147
|
"aria-label": "Minute",
|
|
6159
6148
|
"aria-valuemin": "0",
|
|
6160
6149
|
"aria-valuemax": "59",
|
|
6161
|
-
"aria-valuenow":
|
|
6150
|
+
"aria-valuenow": C.value,
|
|
6162
6151
|
onInput: L
|
|
6163
6152
|
}, null, 40, Hl)), [
|
|
6164
6153
|
[
|
|
6165
6154
|
Ge,
|
|
6166
|
-
|
|
6155
|
+
C.value,
|
|
6167
6156
|
void 0,
|
|
6168
6157
|
{ number: !0 }
|
|
6169
6158
|
]
|
|
6170
6159
|
]) : q("", !0),
|
|
6171
|
-
(l.value || r.value) && s.value ? (f(),
|
|
6172
|
-
s.value ? Ae((f(),
|
|
6160
|
+
(l.value || r.value) && s.value ? (f(), b("span", Vl, ":")) : q("", !0),
|
|
6161
|
+
s.value ? Ae((f(), b("input", {
|
|
6173
6162
|
key: 4,
|
|
6174
6163
|
id: `second_${E(a)}`,
|
|
6175
6164
|
type: "number",
|
|
6176
|
-
"onUpdate:modelValue":
|
|
6165
|
+
"onUpdate:modelValue": k[2] || (k[2] = (R) => v.value = R),
|
|
6177
6166
|
min: "0",
|
|
6178
6167
|
max: "59",
|
|
6179
6168
|
"aria-label": "Second",
|
|
6180
6169
|
"aria-valuemin": "0",
|
|
6181
6170
|
"aria-valuemax": "59",
|
|
6182
|
-
"aria-valuenow":
|
|
6183
|
-
onInput:
|
|
6171
|
+
"aria-valuenow": v.value,
|
|
6172
|
+
onInput: V
|
|
6184
6173
|
}, null, 40, Bl)), [
|
|
6185
6174
|
[
|
|
6186
6175
|
Ge,
|
|
6187
|
-
|
|
6176
|
+
v.value,
|
|
6188
6177
|
void 0,
|
|
6189
6178
|
{ number: !0 }
|
|
6190
6179
|
]
|
|
@@ -6226,7 +6215,7 @@ const fl = (e, n) => {
|
|
|
6226
6215
|
if (!s.sortable) return;
|
|
6227
6216
|
const u = e.sort?.key === s.key && e.sort.direction === "asc" ? "desc" : "asc";
|
|
6228
6217
|
n("update:sort", { key: s.key, direction: u });
|
|
6229
|
-
}, o = () => window.matchMedia("(max-width: 640px)").matches, i = (s, u) => u.split(".").reduce((c,
|
|
6218
|
+
}, o = () => window.matchMedia("(max-width: 640px)").matches, i = (s, u) => u.split(".").reduce((c, C) => c?.[C], s), l = () => j(
|
|
6230
6219
|
"div",
|
|
6231
6220
|
{
|
|
6232
6221
|
class: "rs-table-mobile",
|
|
@@ -6409,23 +6398,23 @@ const fl = (e, n) => {
|
|
|
6409
6398
|
}
|
|
6410
6399
|
},
|
|
6411
6400
|
setup(e, { slots: n }) {
|
|
6412
|
-
const t = M([]), a = M(new Set(e.defaultOpen)), o = (
|
|
6413
|
-
if (a.value.has(
|
|
6414
|
-
a.value.delete(
|
|
6401
|
+
const t = M([]), a = M(new Set(e.defaultOpen)), o = (C) => {
|
|
6402
|
+
if (a.value.has(C)) {
|
|
6403
|
+
a.value.delete(C);
|
|
6415
6404
|
return;
|
|
6416
6405
|
}
|
|
6417
|
-
e.multiple || a.value.clear(), a.value.add(
|
|
6418
|
-
}, i = (
|
|
6419
|
-
|
|
6420
|
-
}, l = (
|
|
6421
|
-
const
|
|
6422
|
-
t.value[(
|
|
6423
|
-
}, s = (
|
|
6424
|
-
const
|
|
6425
|
-
t.value[(
|
|
6406
|
+
e.multiple || a.value.clear(), a.value.add(C);
|
|
6407
|
+
}, i = (C) => {
|
|
6408
|
+
C.disabled || t.value.includes(C) || (t.value.push(C), t.value.sort((v, m) => v.offsetTop - m.offsetTop));
|
|
6409
|
+
}, l = (C) => t.value = t.value.filter((v) => v !== C), r = (C) => {
|
|
6410
|
+
const v = t.value.indexOf(C);
|
|
6411
|
+
t.value[(v + 1) % t.value.length]?.focus();
|
|
6412
|
+
}, s = (C) => {
|
|
6413
|
+
const v = t.value.indexOf(C);
|
|
6414
|
+
t.value[(v - 1 + t.value.length) % t.value.length]?.focus();
|
|
6426
6415
|
}, u = () => t.value[0]?.focus(), c = () => {
|
|
6427
|
-
const
|
|
6428
|
-
|
|
6416
|
+
const C = t.value;
|
|
6417
|
+
C.length && C[C.length - 1]?.focus();
|
|
6429
6418
|
};
|
|
6430
6419
|
return He(We, {
|
|
6431
6420
|
multiple: e.multiple,
|